Rename FloatingTooltip component and persistence props to Navlink

CHANGELOG.md

@@ -7,6 +7,10 @@
 -   Burger component
 -   Click callback in chart components by subscribing to `clickData` property. This feature might change in future.
 
+### Changed
+
+-   TooltipFloating has been renamed to FloatingTooltip as its not a compound component.
+
 # 0.14.1
 
 ### Changed

package.json

@@ -1,6 +1,6 @@
 {
     "name": "dash_mantine_components",
-    "version": "0.14.1",
+    "version": "0.14.2",
     "description": "Plotly Dash Components based on Mantine",
     "main": "index.ts",
     "repository": {

src/ts/components/core/NavLink.tsx

@@ -4,12 +4,16 @@ import {
     MantineSize,
 } from "@mantine/core";
 import { BoxProps } from "props/box";
-import { DashBaseProps } from "props/dash";
+import { DashBaseProps, PersistenceProps } from "props/dash";
 import { StylesApiProps } from "props/styles";
 import React, { MouseEvent } from "react";
 import { TargetProps, onClick } from "../../utils/anchor";
 
-interface Props extends BoxProps, StylesApiProps, DashBaseProps {
+interface Props
+    extends BoxProps,
+        StylesApiProps,
+        DashBaseProps,
+        PersistenceProps {
     /** Main link label */
     label?: React.ReactNode;
     /** Link description, displayed below the label */
@@ -55,6 +59,9 @@ const NavLink = (props: Props) => {
         refresh,
         n_clicks,
         children,
+        persistence,
+        persisted_props,
+        persistence_type,
         setProps,
         ...others
     } = props;
@@ -103,6 +110,8 @@ const NavLink = (props: Props) => {
 
 NavLink.defaultProps = {
     n_clicks: 0,
+    persisted_props: ["opened"],
+    persistence_type: "local",
 };
 
 export default NavLink;

src/ts/components/core/tooltip/TooltipFloating.tsx → src/ts/components/core/tooltip/FloatingTooltip.tsx

@@ -1,4 +1,4 @@
-import { Box, TooltipFloating as MantineTooltipFloating } from "@mantine/core";
+import { Box, Tooltip } from "@mantine/core";
 import { BoxProps } from "props/box";
 import { DashBaseProps } from "props/dash";
 import { TooltipBaseProps } from "props/tooltip";
@@ -11,18 +11,18 @@ interface Props extends TooltipBaseProps, DashBaseProps {
     boxWrapperProps?: BoxProps;
 }
 
-/** TooltipFloating */
-const TooltipFloating = (props: Props) => {
+/** FloatingTooltip */
+const FloatingTooltip = (props: Props) => {
     const { children, boxWrapperProps, setProps, ...others } = props;
     const boxProps = { w: "fit-content", ...boxWrapperProps };
 
     return (
-        <MantineTooltipFloating {...others}>
+        <Tooltip.Floating {...others}>
             <Box {...boxProps}>{children}</Box>
-        </MantineTooltipFloating>
+        </Tooltip.Floating>
     );
 };
 
-TooltipFloating.defaultProps = {};
+FloatingTooltip.defaultProps = {};
 
-export default TooltipFloating;
+export default FloatingTooltip;

src/ts/index.ts

@@ -127,8 +127,8 @@ import TabsPanel from "./components/core/tabs/TabsPanel";
 import TabsTab from "./components/core/tabs/TabsTab";
 import Timeline from "./components/core/timeline/Timeline";
 import TimelineItem from "./components/core/timeline/TimelineItem";
+import FloatingTooltip from "./components/core/tooltip/FloatingTooltip";
 import Tooltip from "./components/core/tooltip/Tooltip";
-import TooltipFloating from "./components/core/tooltip/TooltipFloating";
 import DateInput from "./components/dates/DateInput";
 import DatePicker from "./components/dates/DatePicker";
 import DateTimePicker from "./components/dates/DateTimePicker";
@@ -200,6 +200,7 @@ export {
     Drawer,
     Fieldset,
     Flex,
+    FloatingTooltip,
     Grid,
     GridCol,
     Group,
@@ -288,7 +289,6 @@ export {
     TimelineItem,
     Title,
     Tooltip,
-    TooltipFloating,
     UnstyledButton,
     VisuallyHidden,
 };