@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 12.0.16-alpha.1

package/lib/components/Layout/Sidebar/Sidebar.js

@@ -1,21 +1,45 @@
-import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffect}from'react';import {Link}from'@remix-run/react';import {useTranslation}from'react-i18next';import {AiOutlineDash}from'@react-icons/all-files/ai/AiOutlineDash.js';import {useTheme}from'../BasicLayout/index.js';import BottomMenuDropDown from'../GlobalFooter/BottomMenuDropdown.js';import {getMenuSeparation}from'@admin-layout/client';import {Divider}from'./Divider.js';import {SidebarMenu}from'./SidebarMenu.js';const Sidebar = props => {
+import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffect}from'react';import {useTranslation}from'react-i18next';import BottomMenuDropDown from'../GlobalFooter/BottomMenuDropdown.js';import {getMenuSeparation}from'@admin-layout/client';import {Divider}from'./Divider.js';import {SidebarMenu}from'./SidebarMenu.js';import {RightContent}from'../GlobalHeader/RightContent.js';import {icons}from'../../../icons.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';const Sidebar = props => {
   const {
     isSideMenuOpen,
     closeSideMenu,
     menuData,
     collapsed,
     routeParams,
-    settings
+    settings,
+    setCollapsed,
+    location
   } = props;
   const [isPagesMenuOpen, setIsPagesMenuOpen] = useState(false);
   const [iconModule, setIconModule] = React__default.useState(null);
-  const {
-    isDarkMode
-  } = useTheme();
   const {
     t,
     i18n
   } = useTranslation('menu');
+  const {
+    isMobile
+  } = useMediaQuery();
+  const {
+    ChevronLeftIcon,
+    ChevronRightIcon
+  } = icons;
+  const currentRoute = location?.pathname || '/';
+  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  useEffect(() => {
+    if (!iconModule) {
+      import('./DynamicIcon.js').then(module => {
+        setIconModule(module);
+      });
+    }
+  }, []);
+  const toggleCollapsed = () => {
+    if (isMobile) {
+      closeSideMenu();
+    } else {
+      setCollapsed(!collapsed);
+    }
+  };
   // Close sidebar when clicking outside on mobile
   useEffect(() => {
     const handleClickOutside = event => {
@@ -41,8 +65,14 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
       document.removeEventListener('keydown', handleEscape);
     };
   }, [isSideMenuOpen, closeSideMenu]);
-  const bottomMenu = getMenuSeparation(menuData).bottomMenus;
-  const updateMenuIcons = menuItems => {
+  const {
+    upperMenus,
+    middleMenus,
+    lowerMenus,
+    bottomMenus
+  } = getMenuSeparation(menuData || []);
+  const updateMenuIcons = (menuItems = []) => {
+    if (!menuItems || !Array.isArray(menuItems)) return [];
     return menuItems.map(item => {
       const updatedItem = {
         ...item,
@@ -55,86 +85,95 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
       return updatedItem;
     });
   };
-  const bottomMenus = {
-    menuData: updateMenuIcons(bottomMenu)
+  const bottomMenusData = {
+    menuData: updateMenuIcons(bottomMenus)
+  };
+  // Use CSS classes instead of theme-based styling
+  const getSidebarClasses = () => {
+    let classes = 'text-gray-500 dark:text-gray-400 md:h-[93vh] h-full flex flex-col';
+    if (settings?.navTheme === 'realDark') {
+      classes += ' themed-sidebar';
+    }
+    return classes;
   };
-  const middleMenu = getMenuSeparation(menuData).middleMenus;
-  const lowerMenus = getMenuSeparation(menuData).lowerMenus;
-  const renderSidebarContent = () => jsxs("div", {
-    className: "py-4 text-gray-500 dark:text-gray-400",
-    children: [jsxs(Link, {
-      to: "/",
-      className: "ml-6 flex items-center gap-2.5 text-lg font-bold text-gray-800 dark:text-gray-200",
-      children: [jsx("img", {
-        src: settings?.logo,
-        className: "w-[28px]"
-      }), "Cdebase"]
-    }), jsxs("div", {
-      children: [jsxs("div", {
-        style: {
-          flex: 1,
-          overflowY: 'auto',
-          overflowX: 'hidden',
-          display: 'flex',
-          flexDirection: 'column'
-        },
-        className: "removeBoxShadow",
-        children: [jsx(SidebarMenu, {
-          menuData: updateMenuIcons(middleMenu),
-          routeParams: routeParams,
-          settings: settings
-        }), collapsed && true ? jsx(AiOutlineDash, {
-          className: "ant-divider",
-          style: {
-            marginLeft: '17px',
-            borderTop: '0px',
-            fontSize: 'large',
-            margin: 0
-          }
-        }) : jsx(Divider, {
-          style: {
-            color: '#6b6767',
-            borderColor: '#6b6767',
-            margin: 0,
-            padding: 0
-          },
-          plain: true,
-          children: "Admin"
+  const SidebarStyles = React__default.useMemo(() => ({
+    backgroundColor: settings?.navTheme === 'realDark' ? '#222' : '',
+    color: settings?.navTheme === 'realDark' ? '#fff !important' : ''
+  }), [settings]);
+  // Helper function to render a separator with a name
+  const renderSeparator = name => {
+    if (!deviceLayout?.splitMenus) return null;
+    return collapsed ? jsx("hr", {
+      className: "border-t border-border"
+    }) : jsx(Divider, {
+      className: "text-muted-foreground border-border my-2 p-0",
+      plain: true,
+      children: name
+    });
+  };
+  const renderSidebarContent = () => {
+    return jsxs("div", {
+      className: getSidebarClasses(),
+      style: SidebarStyles,
+      children: [jsx("div", {
+        className: "relative",
+        children: jsx("button", {
+          onClick: toggleCollapsed,
+          className: "w-6 h-6 text-center bg-card text-muted-foreground flex items-center justify-center rounded-full shadow-themed-sm hover:text-foreground hover:shadow-themed-md transition-colors text-[22px] absolute right-[-13px] top-[20px]",
+          "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar',
+          children: collapsed ? jsx(ChevronRightIcon, {
+            fontSize: '11px'
+          }) : jsx(ChevronLeftIcon, {
+            fontSize: '11px'
+          })
+        })
+      }), jsxs("div", {
+        className: "flex-grow overflow-y-auto",
+        children: [middleMenus?.length > 0 && jsxs("div", {
+          className: "removeBoxShadow",
+          children: [renderSeparator(deviceLayout?.middleMenuDividerName), jsx(SidebarMenu, {
+            menuData: updateMenuIcons(middleMenus),
+            routeParams: routeParams,
+            settings: settings,
+            collapsed: collapsed
+          })]
+        }), lowerMenus?.length > 0 && jsxs("div", {
+          className: "removeBoxShadow",
+          children: [renderSeparator(deviceLayout?.lowerMenuDividerName), jsx(SidebarMenu, {
+            menuData: updateMenuIcons(lowerMenus),
+            routeParams: routeParams,
+            settings: settings,
+            collapsed: collapsed
+          })]
+        }), jsx("div", {
+          className: "p-4",
+          children: deviceLayout?.navigationMode === 'sidebar' && jsx(RightContent, {
+            upperMenus: upperMenus,
+            collapsed: collapsed,
+            routeParams: routeParams,
+            settings: settings
+          })
         })]
       }), jsx("div", {
-        style: {
-          flex: 1,
-          overflowY: 'auto',
-          overflowX: 'hidden',
-          display: 'flex',
-          flexDirection: 'column'
-        },
-        className: "removeBoxShadow",
-        children: jsx(SidebarMenu, {
-          menuData: updateMenuIcons(lowerMenus),
-          routeParams: routeParams,
-          settings: settings
+        className: "flex-shrink-0 p-4 border-t border-border",
+        children: jsx(BottomMenuDropDown, {
+          menus: bottomMenusData,
+          collapsed: collapsed,
+          routeParams: routeParams
         })
       })]
-    }), jsx("div", {
-      className: "absolute bottom-0 left-0  p-4  dark:border-gray-700",
-      children: jsx(BottomMenuDropDown, {
-        menus: bottomMenus,
-        collapsed: collapsed,
-        routeParams: routeParams
-      })
-    })]
-  });
+    });
+  };
   return jsxs("div", {
-    children: [jsx("aside", {
-      className: "z-20 hidden h-full w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0",
+    children: [!isMobile && jsx("aside", {
+      className: `${deviceLayout?.fixedSidebar ? 'fixed' : 'relative'} border-r border-border z-20 h-screen bg-card text-card-foreground md:block flex-shrink-0 transition-all duration-300 ease-in-out ${collapsed ? 'w-16' : 'w-64'}`,
       children: renderSidebarContent()
-    }), isSideMenuOpen && jsx("div", {
-      className: "fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center",
+    }), isSideMenuOpen && isMobile && jsx("div", {
+      className: "fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center transition-opacity duration-300",
       onClick: closeSideMenu
-    }), isSideMenuOpen && jsx("aside", {
+    }), isSideMenuOpen && isMobile && jsx("aside", {
       id: "mobile-sidebar",
-      className: "fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden",
+      className: `fixed inset-0 z-20 flex-shrink-0 bg-card text-card-foreground md:hidden transition-transform duration-300 ease-in-out transform ${collapsed ? 'w-16' : 'w-64'}`,
       children: renderSidebarContent()
     })]
   });

package/lib/components/Layout/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/Layout/Sidebar/SidebarMenu.d.ts

@@ -1,6 +1,4 @@
-export declare const SidebarMenu: ({ menuData, routeParams, settings }: {
-    menuData: any;
-    routeParams: any;
-    settings: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { SidebarMenuProps } from '../../typings';
+export declare const SidebarMenu: React.FC<SidebarMenuProps>;
 //# sourceMappingURL=SidebarMenu.d.ts.map

package/lib/components/Layout/Sidebar/SidebarMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;6CAgFvB,CAAC"}
+{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0NlD,CAAC"}

package/lib/components/Layout/Sidebar/SidebarMenu.js

@@ -1,88 +1,175 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {ChevronDown,ChevronRight}from'lucide-react';import {Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {generateLightShade}from'../BasicLayout/utils.js';const SidebarMenu = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {useLocation,Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {icons}from'../../../icons.js';const SidebarMenu = ({
   menuData,
   routeParams,
-  settings
+  settings,
+  collapsed
 }) => {
-  // Track open menus by their depth level
-  const [openMenusByLevel, setOpenMenusByLevel] = useState({});
-  // Track the currently active menu item
-  const [activePath, setActivePath] = useState('/dashboard');
+  const [openMenus, setOpenMenus] = useState([]);
+  const [hoveredMenu, setHoveredMenu] = useState(null);
+  const [popupPosition, setPopupPosition] = useState({
+    top: 0,
+    height: 0
+  });
+  const {
+    ChevronDownIcon,
+    ChevronUpIcon
+  } = icons;
+  const location = useLocation();
+  const isMenuItemActive = itemPath => {
+    const currentPath = location.pathname;
+    const menuPath = generateMenuPath(itemPath, routeParams);
+    // Exact match
+    if (currentPath === menuPath) {
+      return true;
+    }
+    // Check if current path is a child of the menu item path
+    if (menuPath && currentPath.startsWith(menuPath + '/')) {
+      return true;
+    }
+    return false;
+  };
   const toggleMenu = (path, depth, e) => {
-    // Prevent link navigation when clicking on a parent menu with children
     e.preventDefault();
-    setOpenMenusByLevel(prev => {
-      const newState = {
-        ...prev
-      };
-      // If this menu is already open, close it
-      if (newState[depth] === path) {
-        newState[depth] = null;
+    if (collapsed) return;
+    setOpenMenus(prev => {
+      if (prev.includes(path)) {
+        return prev.filter(item => item !== path);
+      } else {
+        return [...prev, path];
       }
-      // Otherwise, close any other menu at this depth level and open this one
-      else {
-        newState[depth] = path;
-      }
-      return newState;
     });
   };
   const handleMenuClick = (path, hasChildren, depth, e) => {
-    if (hasChildren) {
+    if (hasChildren && !collapsed) {
       toggleMenu(path, depth, e);
-    } else {
-      // For leaf items, set as active and allow navigation
-      setActivePath(path);
     }
   };
-  const renderMenuItem = (item, depth = 0) => {
+  const getFirstLetter = name => {
+    return name.charAt(0).toUpperCase();
+  };
+  const handleMenuHover = (e, item, isHoverMenu) => {
+    // Only set hover state if the menu has children
+    if (collapsed && !isHoverMenu && item.children && item.children.length > 0) {
+      const element = e.currentTarget;
+      const rect = element.getBoundingClientRect();
+      let top = rect.top;
+      // Store the height to use for positioning
+      setPopupPosition({
+        top: top,
+        height: rect.height
+      });
+      setHoveredMenu(item.path);
+    }
+  };
+  const handleMenuLeave = (item, isHoverMenu) => {
+    if (collapsed && !isHoverMenu) {
+      setHoveredMenu(null);
+    }
+  };
+  const renderPopupMenu = (item, depth = 0) => {
+    if (!item.children || item.children.length === 0) return null;
+    const sidebarWidth = collapsed ? 64 : 256; // 80px for collapsed (w-20), 256px for expanded (w-64)
+    return jsxs("div", {
+      className: "fixed shadow-themed-xl rounded-themed-lg border border-border z-[999] overflow-hidden themed-dropdown",
+      style: {
+        left: `${sidebarWidth}px`,
+        // Position right after sidebar
+        top: `${popupPosition.top}px`,
+        animation: 'fadeIn 0.2s ease-out forwards',
+        maxWidth: 'calc(100vw - 100px)',
+        // Prevent overflow on small screens
+        width: 'max-content',
+        minWidth: '220px'
+      },
+      children: [jsx("style", {
+        dangerouslySetInnerHTML: {
+          __html: `
+                    @keyframes fadeIn {
+                        from { opacity: 0; transform: translateX(-10px); }
+                        to { opacity: 1; transform: translateX(0); }
+                    }
+                    `
+        }
+      }), jsx("div", {
+        className: "font-medium text-sm px-4 py-3 border-b border-border whitespace-nowrap bg-muted",
+        children: jsx("span", {
+          className: "text-primary",
+          children: item.name
+        })
+      }), jsx("div", {
+        className: "max-h-[400px] overflow-y-auto overflow-x-hidden py-1",
+        children: item.children.map(child => jsx("div", {
+          className: "w-full min-w-max",
+          children: renderMenuItem(child, depth + 1, true)
+        }, child.path))
+      })]
+    });
+  };
+  const renderMenuItem = (item, depth = 0, isHoverMenu = false) => {
     const hasChildren = item.children && item.children.length > 0;
-    const isOpen = openMenusByLevel[depth] === item.path;
-    const isActive = activePath === item.path;
+    const isOpen = openMenus.includes(item.path);
+    const isActive = isMenuItemActive(item.path);
+    const isHovered = hoveredMenu === item.path;
     const paddingLeft = `${depth * 1}rem`;
-    // Determine the background color based on state
-    let bgColor = generateLightShade(settings?.primaryColor, 0.89);
+    // Determine styling based on whether it's a parent or child item
+    const isParentWithChildren = hasChildren && depth === 0;
+    const shouldApplyBackground = isActive && !isParentWithChildren || isHovered;
     return jsxs("div", {
-      className: "w-full",
+      className: `w-full relative group ${isHovered && collapsed && !isHoverMenu ? `rounded-themed` : ''}`,
+      style: {
+        backgroundColor: isHovered && !isHoverMenu ? 'hsl(var(--muted))' : ''
+      },
+      onMouseEnter: e => handleMenuHover(e, item, isHoverMenu),
+      onMouseLeave: () => handleMenuLeave(item, isHoverMenu),
       children: [jsxs(Link, {
-        to: generateMenuPath(item?.path, routeParams),
-        className: `flex items-center justify-between w-full px-4 py-2 hover:bg-gray-100 text-sm cursor-pointer transition-colors rounded-md mx-1 my-0.5`,
+        to: hasChildren && collapsed && !isHoverMenu ? '#' : generateMenuPath(item?.path, routeParams),
+        className: `flex items-center justify-between w-full px-1 py-2 hover:bg-muted text-sm cursor-pointer transition-colors rounded-themed mx-1 my-0.5 whitespace-nowrap overflow-hidden text-ellipsis ${shouldApplyBackground ? 'bg-muted' : ''}`,
         style: {
-          paddingLeft: `calc(1rem + ${paddingLeft})`,
-          backgroundColor: isActive ? bgColor : ''
+          paddingLeft: `calc(1rem + ${paddingLeft})`
         },
         onClick: e => handleMenuClick(item.path, hasChildren, depth, e),
         children: [jsxs("div", {
-          className: "flex items-center gap-3",
-          children: [item.icon && jsx("span", {
+          className: `flex items-center ${collapsed && !isHoverMenu ? 'justify-center w-full' : 'gap-3'}`,
+          children: [item.icon ? jsx("span", {
+            className: `flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'}`,
             style: {
-              color: isActive ? settings?.primaryColor : ''
+              color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
             },
             children: item.icon
-          }), jsx("span", {
-            className: `font-medium`,
+          }) : collapsed && !isHoverMenu ? jsx("span", {
+            className: `flex items-center justify-center flex-shrink-0 ${isActive ? 'text-primary' : 'text-muted-foreground'}`,
+            style: {
+              color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
+            },
+            children: getFirstLetter(item.name)
+          }) : null, (!collapsed || isHoverMenu) && jsx("span", {
+            className: `font-medium whitespace-nowrap overflow-hidden text-ellipsis ${isActive ? 'text-primary' : 'text-foreground'}`,
             style: {
-              color: isActive ? settings?.primaryColor : ''
+              color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
             },
             children: item.name
           })]
-        }), hasChildren && jsx("span", {
+        }), hasChildren && (!collapsed || isHoverMenu) && jsx("span", {
+          className: `flex-shrink-0 ml-1 ${isActive ? 'text-primary' : 'text-muted-foreground'}`,
           style: {
-            color: isActive ? settings?.primaryColor : ''
+            color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
           },
-          children: isOpen ? jsx(ChevronDown, {
+          children: isOpen ? jsx(ChevronUpIcon, {
             className: "h-4 w-4"
-          }) : jsx(ChevronRight, {
+          }) : jsx(ChevronDownIcon, {
             className: "h-4 w-4"
           })
         })]
-      }), hasChildren && isOpen && jsx("div", {
+      }), collapsed && hasChildren && isHovered && !isHoverMenu && item.children.length > 0 && renderPopupMenu(item, depth), hasChildren && isOpen && !collapsed && jsx("div", {
         className: "transition-all duration-200 ease-in-out",
         children: item.children.map(child => renderMenuItem(child, depth + 1))
       })]
     }, item.path);
   };
   return jsx("div", {
+    className: "overflow-hidden",
     children: jsx("nav", {
-      className: "mt-2 px-2",
+      className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`,
       children: menuData.map(item => renderMenuItem(item))
     })
   });

package/lib/components/Layout/Sidebar/SidebarMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"2QAOO,MAAM,WAAW,GAAG,CAAC;UACgB;aACjB;;MAEjB;;QAGF,CAAuE,gBAAA,EAAA,mBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;;AAGvE,EAAA,MAAA,CAAA,UAAA,EAAA,aAAyB,CAAE,GAAE,QAAA,CAAA,YAAA,CAAA;AACzB,EAAA,MAAA,UAAM,QAAQ,EAAG,KAAK,EAAA,CAAA,KAAO;;AAG7B,IAAA,CAAA,CAAA;AACI,IAAA,mBAAA,CAAQ,IAAC,IAAM;YACnB,QAAC,GAAA;;;AAGG;kBACH,CAAA,KAAA,CAAA,KAAA,IAAA,EAAA;AAED,QAAA,QAAA,CAAA,aAAgB;AACpB;AACJ;WAEM;QACF,QAAI,CAAA,KAAA,CAAW,GAAG,IAAA;AACd;aACH,QAAA;;;uBAEgB,GAAC,CAAI,IAAC,EAAC,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;QACxB,WAAC,EAAA;AACL,MAAE,UAAA,CAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA;KAEI,MAAA;AACF;mBACM,CAAM,IAAG,CAAA;AACf;AACA,GAAA;QAEA,cAAgD,GAAA,CAAA,IAAA,EAAA,KAAA,GAAA,CAAA,KAAA;UAC5C,WAAU,GAAA,IAAA,CAAA,QAAA,IAAmB,IAAA,CAAA,QAAsB,CAAA,MAAA,GAAA,CAAE;UAElD,MACH,mBAA8B,CAAA,KAAA,CAAC,SAC3B,CAAA,IAAA;AA2BZ,IAAA,MAAE,QAAA,GAAA,UAAA,KAAA,IAAA,CAAA,IAAA;IAEF,MAAO,WAEC,GAAA,CAAA,EAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA;AAGZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/components/Layout/TailwindLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAE3E,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAqC,MAAM,aAAa,CAAC;AA0CpG,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAsEvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}

package/lib/components/Layout/TailwindLayout.js

@@ -1,34 +1,54 @@
-import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import React__default,{useMemo}from'react';import {connect,useSelector}from'react-redux';import {BasicLayout}from'./BasicLayout/index.js';function BasicLayoutWithAuthorities(props) {
+import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {TailwindThemeProvider}from'@admin-layout/tailwind-ui';import {BasicLayout}from'./BasicLayout/index.js';import {useRouteLoaderData}from'@remix-run/react';function BasicLayoutWithAuthorities(props) {
   const userData = useSelector(userSelector);
+  const {
+    settings: settingsFromLoader
+  } = useRouteLoaderData('root');
   const {
     settings,
     setSettings
   } = useLayoutSettings();
-  // const { authenticated, user } = isUserAuthenticated();
+  const [state, send, settingsActor] = useMachine(settingsMachine.provide({
+    actions: {
+      updateReduxSettings: ({
+        context
+      }) => {
+        setSettings(context);
+      }
+    }
+  }), {
+    input: {
+      settings: settingsFromLoader
+    }
+  });
+  const settingXstate = state?.context;
   const {
     permissions
   } = props;
   const mainHeaderProps = useMemo(() => ({
     picture: userData ? userData?.profile?.picture : null
   }), [userData]);
-  const onSettingChange = config => {
-    (async () => {
-      await setSettings(config);
-    })();
-  };
+  const onSettingChange = useCallback(config => {
+    // Update Redux first
+    setSettings(config);
+  }, [setSettings]);
   //@ts-ignore
   const {
     routeParams: {
       orgName
     } = {}
   } = props;
-  return jsx(BasicLayout, {
-    routeParams: orgName,
-    authorities: permissions?.resolveConfiguration ?? permissions,
-    onSettingChange: onSettingChange,
-    mainHeaderProps: mainHeaderProps,
-    ...props,
-    settings: settings
+  return jsx(TailwindThemeProvider, {
+    settings: settingXstate,
+    actor: settingsActor,
+    children: jsx(BasicLayout, {
+      routeParams: orgName,
+      authorities: permissions?.resolveConfiguration ?? permissions,
+      onSettingChange: onSettingChange,
+      mainHeaderProps: mainHeaderProps,
+      actor: settingsActor,
+      ...props,
+      settings: settingXstate
+    })
   });
 }
 const mapState = ({

package/lib/components/Layout/TailwindLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"gSAMA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAyD;AACzD,IAAA;AACA,GAAA,GAAA,mBAAqB;AAEb;AACH,EAAA,MACD;AAGJ,IAAA;WACK;AACG,EAAA,MAAA,eAAiB,GAAA,OAAO,CAAA,OAAE;aACzB,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AACT,GAAA,CAAA,EAAE,CAAA,QAAA,CAAA,CAAA;QAEU,eAAA,GAAA,MAAA,IAAA;IACZ,CAAM,YAAa;AACnB,MAAA,MACI,WAAY,CAAA,MAAA,CAAA;AASpB,KAAC,GAAA;AAED,GAAM;;QAEM;AACX,IAAE,WAAA,EAAA;AAMH,MAAM;AAIN,KAAM,GAAA;AAKN,GAAA,GAAA,KAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"mgBAUA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IACN,QAAQ;AAER,GAAA,GAAA,kBAAoB,CAAA,MAAA,CAAA;AAEZ,EAAA,MAAA;AACI,IAAA,QAAA;;uBAEC,EAAA;AACJ,EAAA,MAAA,CAAA,KAAA,EAAA,IAAA,EAAA,aAAA,CAAA,GAAA,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;AACJ,IAAA,OACD,EAAA;AACI,MAAA,mBAAO,EAAA,CAAA;AACH,QAAA;AACH,OAAA,KAAA;AACJ,QACH,WAAA,CAAA,OAAA,CAAA;AAEF;AAEA;AAEA,GAAA,CAAA,EAAA;AAEQ,IAAA,KAAA,EAAA;AACH,MAAC,QACO,EAAA;AAGb;;QAGQ,aAAkB,GAAA,KAAE,EAAA,OAAA;AACxB,EAAA,MACC;IAGL;MACM,KAAA;QAEC,eACmB,GAAA,OAAA,CAAA,OAAA;AAY9B,IAAC,OAAA,EAAA,QAAA,GAAA,QAAA,EAAA,OAAA,EAAA,OAAA,GAAA;AAED,GAAM,CAAA,EAAA,CAAA,QAAW,CAAA,CAAA;QACL,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;;AAEX,IAAE,WAAA,CAAA,MAAA,CAAA;AAMH,GAAA,EAAA,CAAM,WAAY,CAAA,CAAA;AAIlB;AAKA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/getPageTitle.d.ts

@@ -1,19 +1,4 @@
-import { MenuDataItem } from '../typings';
-import { ProSettings } from '../defaultSettings';
-export interface GetPageTitleProps {
-    pathname?: string;
-    breadcrumb?: {
-        [path: string]: MenuDataItem;
-    };
-    breadcrumbMap?: Map<string, MenuDataItem>;
-    menu?: ProSettings['menu'];
-    title?: ProSettings['title'];
-    pageName?: string;
-    formatMessage?: (data: {
-        id: any;
-        defaultMessage?: string;
-    }) => string;
-}
+import { GetPageTitleProps, MenuDataItem } from '@admin-layout/client';
 export declare const matchParamsPath: (pathname: string, breadcrumb?: {
     [path: string]: MenuDataItem;
 }, breadcrumbMap?: Map<string, MenuDataItem>) => MenuDataItem;

package/lib/components/Layout/getPageTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPageTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/getPageTitle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAA;KAAE,CAAC;IAC9C,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,GAAG,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC1E;AAED,eAAO,MAAM,eAAe,aACd,MAAM,eACH;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAA;CAAE,kBAC7B,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,KAC1C,YAQF,CAAC;AAEF,QAAA,MAAM,gBAAgB,UACX,iBAAiB,eACX,OAAO,KACrB;IAEC,KAAK,EAAE,MAAM,CAAC;IAEd,EAAE,EAAE,MAAM,CAAC;IAEX,QAAQ,EAAE,MAAM,CAAC;CAiDpB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"getPageTitle.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/getPageTitle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEvE,eAAO,MAAM,eAAe,GACxB,UAAU,MAAM,EAChB,aAAa;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAA;CAAE,EAC7C,gBAAgB,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,KAC1C,YAQF,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAClB,OAAO,iBAAiB,EACxB,aAAa,OAAO,KACrB;IAEC,KAAK,EAAE,MAAM,CAAC;IAEd,EAAE,EAAE,MAAM,CAAC;IAEX,QAAQ,EAAE,MAAM,CAAC;CAiDpB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}