@sikka/hawa 0.36.0-next → 0.36.1-next

package/dist/appLayout/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 // layout/appLayout/AppLayout.tsx
-import React12, { useEffect as useEffect2, useState as useState2 } from "react";
+import React12, { useEffect as useEffect2, useLayoutEffect, useState as useState2 } from "react";
 
 // hooks/useClickOutside.ts
 import { useEffect, useRef } from "react";
@@ -1168,6 +1168,7 @@ var SidebarItem = ({
 };
 
 // layout/appLayout/AppLayout.tsx
+var LOCAL_STORAGE_KEY = "@sikka/hawa/keep-drawer-open";
 var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
@@ -1178,14 +1179,18 @@ var AppLayout = ({
   drawerSize = "md",
   currentPage,
   clickedItem,
-  setKeepOpen,
-  keepOpen,
   DrawerLinkComponent,
   MenuLinkComponent,
   onAvatarClick,
   ...props
 }) => {
   var _a, _b;
+  useLayoutEffect(() => {
+    let isDrawerOpen = localStorage.getItem(LOCAL_STORAGE_KEY);
+    if (isDrawerOpen === null) {
+      localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(false));
+    }
+  }, []);
   let closeDrawerWidth = 56;
   let openDrawerWidth = 200;
   let drawerSizeStyle = {
@@ -1201,8 +1206,14 @@ var AppLayout = ({
   const [size, setSize] = useState2(
     typeof window !== "undefined" && window.innerWidth || 1200
   );
-  const [openSideMenu, setOpenSideMenu] = useState2(true);
-  const [keepDrawerOpen, setKeepDrawerOpen] = useState2(keepOpen);
+  const [openSideMenu, setOpenSideMenu] = useState2(() => {
+    const savedState = localStorage.getItem(LOCAL_STORAGE_KEY);
+    return savedState ? JSON.parse(savedState) : false;
+  });
+  const [keepDrawerOpen, setKeepDrawerOpen] = useState2(() => {
+    const savedState = localStorage.getItem(LOCAL_STORAGE_KEY);
+    return savedState ? JSON.parse(savedState) : false;
+  });
   const handleClickOutside = () => {
     if (typeof window !== "undefined") {
       if (window.innerWidth < 600) {
@@ -1228,12 +1239,16 @@ var AppLayout = ({
     }
   }, []);
   useEffect2(() => {
-    setKeepDrawerOpen(keepOpen);
-  }, [setKeepOpen]);
+    setKeepDrawerOpen(() => {
+      const savedState = localStorage.getItem(LOCAL_STORAGE_KEY);
+      return savedState ? JSON.parse(savedState) : true;
+    });
+  }, [setKeepDrawerOpen]);
   useEffect2(() => {
     if (size > 600) {
       setOpenSideMenu(keepDrawerOpen);
     } else {
+      setKeepDrawerOpen(false);
       setOpenSideMenu(false);
     }
   }, [size, keepDrawerOpen]);
@@ -1433,9 +1448,10 @@ var AppLayout = ({
             size: "smallIcon",
             onClick: () => {
               const newKeepOpenState = !keepDrawerOpen;
-              if (props.onDrawerExpand) {
-                props.onDrawerExpand(newKeepOpenState);
-              }
+              localStorage.setItem(
+                LOCAL_STORAGE_KEY,
+                JSON.stringify(newKeepOpenState)
+              );
               setKeepDrawerOpen(newKeepOpenState);
             }
           },