sevago-sso-fe 1.0.10 → 1.0.11

package/dist/index.esm.js

@@ -24153,6 +24153,37 @@ const NotFoundPage = ({}) => {
     /* @__PURE__ */ jsx(ButtonElement, { content: "Quay lại trang chủ", fullWidth: false, onClick: () => navigate(PAGE.AUTH.path) })
   ] });
 };
+const SidebarContext = createContext(
+  void 0
+);
+const SidebarProvider = ({
+  children
+}) => {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const [activeExpandMenu, setActiveExpandMenu] = useState(
+    null
+  );
+  const { current_access } = useSelector(
+    (state) => state.account
+  );
+  useEffect(() => {
+    setActiveExpandMenu(null);
+  }, [current_access]);
+  const sidebarWidth = activeExpandMenu ? isCollapsed ? STYLE.WIDTH_COLLAPSE + STYLE.WIDTH_SIDEBAR_EXPAND : STYLE.WIDTH_SIDEBAR + STYLE.WIDTH_SIDEBAR_EXPAND : isCollapsed ? STYLE.WIDTH_COLLAPSE : STYLE.WIDTH_SIDEBAR;
+  return /* @__PURE__ */ jsx(
+    SidebarContext.Provider,
+    {
+      value: {
+        isCollapsed,
+        setIsCollapsed,
+        activeExpandMenu,
+        setActiveExpandMenu,
+        sidebarWidth: `${sidebarWidth}px`
+      },
+      children
+    }
+  );
+};
 const LayoutGroupContext = createContext({});
 function useConstant(init) {
   const ref = useRef(null);
@@ -31782,9 +31813,6 @@ const routes = [
     ]
   }
 ];
-const SidebarContext = createContext(
-  void 0
-);
 const useSidebar = () => {
   const context = useContext(SidebarContext);
   if (context === void 0) {
@@ -32117,6 +32145,8 @@ export {
   SCALE_VALUE,
   STYLE,
   SYSTEM_MODULES,
+  SidebarContext,
+  SidebarProvider,
   SmallIcon,
   SocketNamespace,
   SocketSystemEvent,