@ultraviolet/plus 0.15.5 → 0.17.0

package/dist/components/Navigation/NavigationProvider.cjs

@@ -29,6 +29,9 @@ const NavigationContext = react.createContext({
   registerItem: () => {
   },
   setPinnedItems: () => {
+  },
+  allowNavigationResize: true,
+  setAllowNavigationResize: () => {
   }
 });
 const useNavigation = () => react.useContext(NavigationContext);
@@ -39,13 +42,15 @@ const NavigationProvider = ({
   initialExpanded = true,
   locales = en,
   pinLimit = 7,
-  onClickExpand,
-  initialWidth = constants.NAVIGATION_WIDTH
+  onExpandChange,
+  initialWidth = constants.NAVIGATION_WIDTH,
+  initialAllowNavigationResize = true
 }) => {
   const [expanded, setExpanded] = react.useState(initialExpanded);
   const [pinnedItems, setPinnedItems] = react.useState(initialPinned ?? []);
   const [animation, setAnimation] = react.useState(false);
   const [width, setWidth] = react.useState(initialWidth);
+  const [allowNavigationResize, setAllowNavigationResize] = react.useState(initialAllowNavigationResize);
   const [items, registerItem] = react.useReducer((oldState, newState) => ({
     ...oldState,
     ...newState
@@ -58,7 +63,7 @@ const NavigationProvider = ({
     if (toggle !== void 0 && toggle === expanded) {
       return;
     }
-    onClickExpand?.(!expanded);
+    onExpandChange?.(!expanded);
     if (navigationRef.current) {
       navigationRef.current.style.width = "";
     }
@@ -67,7 +72,7 @@ const NavigationProvider = ({
       setExpanded(toggle !== void 0 ? toggle : !expanded);
       setAnimation(false);
     }, constants.ANIMATION_DURATION);
-  }, [expanded, onClickExpand, setAnimation, setExpanded]);
+  }, [expanded, onExpandChange, setAnimation, setExpanded]);
   const pinItem = react.useCallback((item) => {
     const newValue = [...pinnedItems, item];
     setPinnedItems(newValue);
@@ -102,8 +107,10 @@ const NavigationProvider = ({
     reorderItems,
     registerItem,
     items,
-    setPinnedItems
-  }), [expanded, toggleExpand, pinnedItems, pinItem, unpinItem, pinnedFeature, locales, pinLimit, animation, width, reorderItems, items, setPinnedItems]);
+    setPinnedItems,
+    allowNavigationResize,
+    setAllowNavigationResize
+  }), [expanded, toggleExpand, pinnedItems, pinItem, unpinItem, pinnedFeature, locales, pinLimit, animation, width, reorderItems, items, allowNavigationResize]);
   return /* @__PURE__ */ jsxRuntime.jsx(NavigationContext.Provider, { value, children });
 };
 exports.NavigationContext = NavigationContext;

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;
@@ -38,6 +38,8 @@ type ContextProps = {
     items: Items;
     registerItem: Dispatch<Items>;
     setPinnedItems: (value: string[]) => void;
+    allowNavigationResize: boolean;
+    setAllowNavigationResize: (value: boolean) => void;
 };
 export declare const NavigationContext: import("react").Context<ContextProps>;
 export declare const useNavigation: () => ContextProps;
@@ -66,11 +68,13 @@ 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;
+    /**
+     * This boolean will define if the navigation can be resized or not.
+     */
+    initialAllowNavigationResize?: boolean;
 };
-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, initialAllowNavigationResize, }: NavigationProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Navigation/NavigationProvider.js

@@ -27,6 +27,9 @@ const NavigationContext = createContext({
   registerItem: () => {
   },
   setPinnedItems: () => {
+  },
+  allowNavigationResize: true,
+  setAllowNavigationResize: () => {
   }
 });
 const useNavigation = () => useContext(NavigationContext);
@@ -37,13 +40,15 @@ const NavigationProvider = ({
   initialExpanded = true,
   locales = NavigationLocales,
   pinLimit = 7,
-  onClickExpand,
-  initialWidth = NAVIGATION_WIDTH
+  onExpandChange,
+  initialWidth = NAVIGATION_WIDTH,
+  initialAllowNavigationResize = true
 }) => {
   const [expanded, setExpanded] = useState(initialExpanded);
   const [pinnedItems, setPinnedItems] = useState(initialPinned ?? []);
   const [animation, setAnimation] = useState(false);
   const [width, setWidth] = useState(initialWidth);
+  const [allowNavigationResize, setAllowNavigationResize] = useState(initialAllowNavigationResize);
   const [items, registerItem] = useReducer((oldState, newState) => ({
     ...oldState,
     ...newState
@@ -56,7 +61,7 @@ const NavigationProvider = ({
     if (toggle !== void 0 && toggle === expanded) {
       return;
     }
-    onClickExpand?.(!expanded);
+    onExpandChange?.(!expanded);
     if (navigationRef.current) {
       navigationRef.current.style.width = "";
     }
@@ -65,7 +70,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);
@@ -100,8 +105,10 @@ const NavigationProvider = ({
     reorderItems,
     registerItem,
     items,
-    setPinnedItems
-  }), [expanded, toggleExpand, pinnedItems, pinItem, unpinItem, pinnedFeature, locales, pinLimit, animation, width, reorderItems, items, setPinnedItems]);
+    setPinnedItems,
+    allowNavigationResize,
+    setAllowNavigationResize
+  }), [expanded, toggleExpand, pinnedItems, pinItem, unpinItem, pinnedFeature, locales, pinLimit, animation, width, reorderItems, items, allowNavigationResize]);
   return /* @__PURE__ */ jsx(NavigationContext.Provider, { value, children });
 };
 export {