@ultraviolet/plus 0.15.4 → 0.16.0

package/dist/components/Navigation/NavigationProvider.d.ts

@@ -1,6 +1,6 @@
 import type { Dispatch, ReactNode, RefObject } from 'react';
-import { type PinUnPinType } from './constants';
 import NavigationLocales from './locales/en';
+import type { PinUnPinType } from './types';
 type Item = {
     label: string;
     active?: boolean;
@@ -66,11 +66,9 @@ type NavigationProviderProps = {
     initialExpanded?: boolean;
     locales?: typeof NavigationLocales;
     /**
-     * This function is triggered when user click on expand button on the footer
-     * of the navigation. This is not triggered when the user resize the navigation
-     * and it automatically collapse / expand.
+     * You can get the expanded state of the navigation with this function
      */
-    onClickExpand?: (expanded: boolean) => void;
+    onExpandChange?: (expanded: boolean) => void;
 };
-export declare const NavigationProvider: ({ children, pinnedFeature, initialPinned, initialExpanded, locales, pinLimit, onClickExpand, initialWidth, }: NavigationProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NavigationProvider: ({ children, pinnedFeature, initialPinned, initialExpanded, locales, pinLimit, onExpandChange, initialWidth, }: NavigationProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Navigation/NavigationProvider.js

@@ -37,7 +37,7 @@ const NavigationProvider = ({
   initialExpanded = true,
   locales = NavigationLocales,
   pinLimit = 7,
-  onClickExpand,
+  onExpandChange,
   initialWidth = NAVIGATION_WIDTH
 }) => {
   const [expanded, setExpanded] = useState(initialExpanded);
@@ -56,7 +56,7 @@ const NavigationProvider = ({
     if (toggle !== void 0 && toggle === expanded) {
       return;
     }
-    onClickExpand?.(!expanded);
+    onExpandChange?.(!expanded);
     if (navigationRef.current) {
       navigationRef.current.style.width = "";
     }
@@ -65,7 +65,7 @@ const NavigationProvider = ({
       setExpanded(toggle !== void 0 ? toggle : !expanded);
       setAnimation(false);
     }, ANIMATION_DURATION);
-  }, [expanded, onClickExpand, setAnimation, setExpanded]);
+  }, [expanded, onExpandChange, setAnimation, setExpanded]);
   const pinItem = useCallback((item) => {
     const newValue = [...pinnedItems, item];
     setPinnedItems(newValue);