@sikka/hawa 0.36.0-next → 0.36.1-next

package/dist/index.js

@@ -2916,7 +2916,7 @@ TableHeader.displayName = "TableHeader";
 TableCaption.displayName = "TableCaption";
 
 // elements/dataTable/DataTable.tsx
-var LOCAL_STORAGE_KEY = "datatable-column-visibility";
+var LOCAL_STORAGE_KEY = "@sikka/hawa/data-table-columns";
 var DataTable = ({
   columns,
   data,
@@ -9238,6 +9238,7 @@ var Navbar = ({
 
 // layout/appLayout/AppLayout.tsx
 var import_react57 = __toESM(require("react"));
+var LOCAL_STORAGE_KEY2 = "@sikka/hawa/keep-drawer-open";
 var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
@@ -9248,14 +9249,18 @@ var AppLayout = ({
   drawerSize = "md",
   currentPage,
   clickedItem,
-  setKeepOpen,
-  keepOpen,
   DrawerLinkComponent,
   MenuLinkComponent,
   onAvatarClick,
   ...props
 }) => {
   var _a, _b;
+  (0, import_react57.useLayoutEffect)(() => {
+    let isDrawerOpen = localStorage.getItem(LOCAL_STORAGE_KEY2);
+    if (isDrawerOpen === null) {
+      localStorage.setItem(LOCAL_STORAGE_KEY2, JSON.stringify(false));
+    }
+  }, []);
   let closeDrawerWidth = 56;
   let openDrawerWidth = 200;
   let drawerSizeStyle = {
@@ -9271,8 +9276,14 @@ var AppLayout = ({
   const [size, setSize] = (0, import_react57.useState)(
     typeof window !== "undefined" && window.innerWidth || 1200
   );
-  const [openSideMenu, setOpenSideMenu] = (0, import_react57.useState)(true);
-  const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react57.useState)(keepOpen);
+  const [openSideMenu, setOpenSideMenu] = (0, import_react57.useState)(() => {
+    const savedState = localStorage.getItem(LOCAL_STORAGE_KEY2);
+    return savedState ? JSON.parse(savedState) : false;
+  });
+  const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react57.useState)(() => {
+    const savedState = localStorage.getItem(LOCAL_STORAGE_KEY2);
+    return savedState ? JSON.parse(savedState) : false;
+  });
   const handleClickOutside = () => {
     if (typeof window !== "undefined") {
       if (window.innerWidth < 600) {
@@ -9298,12 +9309,16 @@ var AppLayout = ({
     }
   }, []);
   (0, import_react57.useEffect)(() => {
-    setKeepDrawerOpen(keepOpen);
-  }, [setKeepOpen]);
+    setKeepDrawerOpen(() => {
+      const savedState = localStorage.getItem(LOCAL_STORAGE_KEY2);
+      return savedState ? JSON.parse(savedState) : true;
+    });
+  }, [setKeepDrawerOpen]);
   (0, import_react57.useEffect)(() => {
     if (size > 600) {
       setOpenSideMenu(keepDrawerOpen);
     } else {
+      setKeepDrawerOpen(false);
       setOpenSideMenu(false);
     }
   }, [size, keepDrawerOpen]);
@@ -9503,9 +9518,10 @@ var AppLayout = ({
             size: "smallIcon",
             onClick: () => {
               const newKeepOpenState = !keepDrawerOpen;
-              if (props.onDrawerExpand) {
-                props.onDrawerExpand(newKeepOpenState);
-              }
+              localStorage.setItem(
+                LOCAL_STORAGE_KEY2,
+                JSON.stringify(newKeepOpenState)
+              );
               setKeepDrawerOpen(newKeepOpenState);
             }
           },

package/dist/index.mjs

@@ -2685,7 +2685,7 @@ TableHeader.displayName = "TableHeader";
 TableCaption.displayName = "TableCaption";
 
 // elements/dataTable/DataTable.tsx
-var LOCAL_STORAGE_KEY = "datatable-column-visibility";
+var LOCAL_STORAGE_KEY = "@sikka/hawa/data-table-columns";
 var DataTable = ({
   columns,
   data,
@@ -9013,7 +9013,8 @@ var Navbar = ({
 };
 
 // layout/appLayout/AppLayout.tsx
-import React76, { useEffect as useEffect29, useState as useState36 } from "react";
+import React76, { useEffect as useEffect29, useLayoutEffect as useLayoutEffect2, useState as useState36 } from "react";
+var LOCAL_STORAGE_KEY2 = "@sikka/hawa/keep-drawer-open";
 var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
@@ -9024,14 +9025,18 @@ var AppLayout = ({
   drawerSize = "md",
   currentPage,
   clickedItem,
-  setKeepOpen,
-  keepOpen,
   DrawerLinkComponent,
   MenuLinkComponent,
   onAvatarClick,
   ...props
 }) => {
   var _a, _b;
+  useLayoutEffect2(() => {
+    let isDrawerOpen = localStorage.getItem(LOCAL_STORAGE_KEY2);
+    if (isDrawerOpen === null) {
+      localStorage.setItem(LOCAL_STORAGE_KEY2, JSON.stringify(false));
+    }
+  }, []);
   let closeDrawerWidth = 56;
   let openDrawerWidth = 200;
   let drawerSizeStyle = {
@@ -9047,8 +9052,14 @@ var AppLayout = ({
   const [size, setSize] = useState36(
     typeof window !== "undefined" && window.innerWidth || 1200
   );
-  const [openSideMenu, setOpenSideMenu] = useState36(true);
-  const [keepDrawerOpen, setKeepDrawerOpen] = useState36(keepOpen);
+  const [openSideMenu, setOpenSideMenu] = useState36(() => {
+    const savedState = localStorage.getItem(LOCAL_STORAGE_KEY2);
+    return savedState ? JSON.parse(savedState) : false;
+  });
+  const [keepDrawerOpen, setKeepDrawerOpen] = useState36(() => {
+    const savedState = localStorage.getItem(LOCAL_STORAGE_KEY2);
+    return savedState ? JSON.parse(savedState) : false;
+  });
   const handleClickOutside = () => {
     if (typeof window !== "undefined") {
       if (window.innerWidth < 600) {
@@ -9074,12 +9085,16 @@ var AppLayout = ({
     }
   }, []);
   useEffect29(() => {
-    setKeepDrawerOpen(keepOpen);
-  }, [setKeepOpen]);
+    setKeepDrawerOpen(() => {
+      const savedState = localStorage.getItem(LOCAL_STORAGE_KEY2);
+      return savedState ? JSON.parse(savedState) : true;
+    });
+  }, [setKeepDrawerOpen]);
   useEffect29(() => {
     if (size > 600) {
       setOpenSideMenu(keepDrawerOpen);
     } else {
+      setKeepDrawerOpen(false);
       setOpenSideMenu(false);
     }
   }, [size, keepDrawerOpen]);
@@ -9279,9 +9294,10 @@ var AppLayout = ({
             size: "smallIcon",
             onClick: () => {
               const newKeepOpenState = !keepDrawerOpen;
-              if (props.onDrawerExpand) {
-                props.onDrawerExpand(newKeepOpenState);
-              }
+              localStorage.setItem(
+                LOCAL_STORAGE_KEY2,
+                JSON.stringify(newKeepOpenState)
+              );
               setKeepDrawerOpen(newKeepOpenState);
             }
           },

package/dist/layout/index.d.mts

@@ -143,10 +143,6 @@ type AppLayoutTypes$1 = {
     profileMenuWidth?: "default" | "sm" | "lg" | "parent";
     /** Event handler for drawer expansion. */
     onDrawerExpand?: (e: any) => void;
-    /** Specifies whether to keep the drawer open. */
-    keepOpen: boolean;
-    /** The method used to control whether the drawer is expanded or not. */
-    setKeepOpen: (value: boolean) => void;
     /** Specifies additional actions for the drawer footer. */
     DrawerFooterActions?: any;
     /** Specifies the item that was clicked. */

package/dist/layout/index.d.ts

@@ -143,10 +143,6 @@ type AppLayoutTypes$1 = {
     profileMenuWidth?: "default" | "sm" | "lg" | "parent";
     /** Event handler for drawer expansion. */
     onDrawerExpand?: (e: any) => void;
-    /** Specifies whether to keep the drawer open. */
-    keepOpen: boolean;
-    /** The method used to control whether the drawer is expanded or not. */
-    setKeepOpen: (value: boolean) => void;
     /** Specifies additional actions for the drawer footer. */
     DrawerFooterActions?: any;
     /** Specifies the item that was clicked. */

package/dist/layout/index.js

@@ -1517,6 +1517,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react13.default.createElement(
 );
 
 // layout/appLayout/AppLayout.tsx
+var LOCAL_STORAGE_KEY = "@sikka/hawa/keep-drawer-open";
 var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
@@ -1527,14 +1528,18 @@ var AppLayout = ({
   drawerSize = "md",
   currentPage,
   clickedItem,
-  setKeepOpen,
-  keepOpen,
   DrawerLinkComponent,
   MenuLinkComponent,
   onAvatarClick,
   ...props
 }) => {
   var _a, _b;
+  (0, import_react14.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 = {
@@ -1550,8 +1555,14 @@ var AppLayout = ({
   const [size, setSize] = (0, import_react14.useState)(
     typeof window !== "undefined" && window.innerWidth || 1200
   );
-  const [openSideMenu, setOpenSideMenu] = (0, import_react14.useState)(true);
-  const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react14.useState)(keepOpen);
+  const [openSideMenu, setOpenSideMenu] = (0, import_react14.useState)(() => {
+    const savedState = localStorage.getItem(LOCAL_STORAGE_KEY);
+    return savedState ? JSON.parse(savedState) : false;
+  });
+  const [keepDrawerOpen, setKeepDrawerOpen] = (0, import_react14.useState)(() => {
+    const savedState = localStorage.getItem(LOCAL_STORAGE_KEY);
+    return savedState ? JSON.parse(savedState) : false;
+  });
   const handleClickOutside = () => {
     if (typeof window !== "undefined") {
       if (window.innerWidth < 600) {
@@ -1577,12 +1588,16 @@ var AppLayout = ({
     }
   }, []);
   (0, import_react14.useEffect)(() => {
-    setKeepDrawerOpen(keepOpen);
-  }, [setKeepOpen]);
+    setKeepDrawerOpen(() => {
+      const savedState = localStorage.getItem(LOCAL_STORAGE_KEY);
+      return savedState ? JSON.parse(savedState) : true;
+    });
+  }, [setKeepDrawerOpen]);
   (0, import_react14.useEffect)(() => {
     if (size > 600) {
       setOpenSideMenu(keepDrawerOpen);
     } else {
+      setKeepDrawerOpen(false);
       setOpenSideMenu(false);
     }
   }, [size, keepDrawerOpen]);
@@ -1782,9 +1797,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);
             }
           },

package/dist/layout/index.mjs

@@ -394,7 +394,8 @@ var Navbar = ({
 };
 
 // layout/appLayout/AppLayout.tsx
-import React5, { useEffect, useState as useState2 } from "react";
+import React5, { useEffect, useLayoutEffect, useState as useState2 } from "react";
+var LOCAL_STORAGE_KEY = "@sikka/hawa/keep-drawer-open";
 var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
@@ -405,14 +406,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 = {
@@ -428,8 +433,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) {
@@ -455,12 +466,16 @@ var AppLayout = ({
     }
   }, []);
   useEffect(() => {
-    setKeepDrawerOpen(keepOpen);
-  }, [setKeepOpen]);
+    setKeepDrawerOpen(() => {
+      const savedState = localStorage.getItem(LOCAL_STORAGE_KEY);
+      return savedState ? JSON.parse(savedState) : true;
+    });
+  }, [setKeepDrawerOpen]);
   useEffect(() => {
     if (size > 600) {
       setOpenSideMenu(keepDrawerOpen);
     } else {
+      setKeepDrawerOpen(false);
       setOpenSideMenu(false);
     }
   }, [size, keepDrawerOpen]);
@@ -660,9 +675,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);
             }
           },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.36.0-next",
+  "version": "0.36.1-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",