@admin-layout/tailwind-design-pro 12.0.16-alpha.24 → 12.0.16-alpha.26

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

@@ -1,4 +1,223 @@
-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 MainSidebarMenu = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {generateMenuPath}from'@admin-layout/client';import {useLocation,Link}from'@remix-run/react';import React__default,{useState,useCallback}from'react';import {icons}from'../../../icons.js';// Constants moved outside component
+const SIDEBAR_WIDTHS = {
+  COLLAPSED: 64,
+  EXPANDED: 256
+};
+const POPUP_CONFIG = {
+  MAX_HEIGHT: 400,
+  MIN_WIDTH: 220};
+// Pure function moved outside component
+const getFirstLetter = name => name.charAt(0).toUpperCase();
+// Utility for determining active menu item
+const isMenuItemActive = (itemPath, currentPath, routeParams) => {
+  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;
+};
+// CSS keyframes definition moved outside component
+const POPUP_ANIMATION_CSS = `
+    @keyframes fadeIn {
+        from { opacity: 0; transform: translateX(-10px); }
+        to { opacity: 1; transform: translateX(0); }
+    }
+`;
+const getTextColor = (active, navTheme) => {
+  if (active) return 'text-primary';
+  if (navTheme === 'realDark') return 'text-white';
+  return 'text-foreground';
+};
+const getIconColor = (active, navTheme) => {
+  if (active) return 'text-primary';
+  if (navTheme === 'realDark') return 'text-white';
+  return 'text-muted-foreground';
+};
+// Custom comparison function for React.memo
+// Update the areMenuItemPropsEqual function to be more precise about location changes
+const areMenuItemPropsEqual = (prevProps, nextProps) => {
+  // Always re-render if the item itself changed
+  if (prevProps.item !== nextProps.item) {
+    return false;
+  }
+  // Check only if active state changes instead of checking entire pathname
+  const prevIsActive = isMenuItemActive(prevProps.item.path, prevProps.locationPathname, prevProps.routeParams);
+  const nextIsActive = isMenuItemActive(nextProps.item.path, nextProps.locationPathname, nextProps.routeParams);
+  if (prevIsActive !== nextIsActive) {
+    return false;
+  }
+  // Rest of your existing checks...
+  if (prevProps.depth !== nextProps.depth || prevProps.isHoverMenu !== nextProps.isHoverMenu || prevProps.collapsed !== nextProps.collapsed || prevProps.navTheme !== nextProps.navTheme) {
+    return false;
+  }
+  // Check routeParams (shallow object comparison)
+  const prevRouteParamsKeys = Object.keys(prevProps.routeParams);
+  const nextRouteParamsKeys = Object.keys(nextProps.routeParams);
+  if (prevRouteParamsKeys.length !== nextRouteParamsKeys.length) {
+    return false;
+  }
+  for (const key of prevRouteParamsKeys) {
+    if (prevProps.routeParams[key] !== nextProps.routeParams[key]) {
+      return false;
+    }
+  }
+  // Check popupPosition
+  if (prevProps.popupPosition.top !== nextProps.popupPosition.top || prevProps.popupPosition.height !== nextProps.popupPosition.height) {
+    return false;
+  }
+  // Check if this specific item's open state changed
+  const prevIsOpen = prevProps.openMenus.includes(prevProps.item.path);
+  const nextIsOpen = nextProps.openMenus.includes(nextProps.item.path);
+  if (prevIsOpen !== nextIsOpen) {
+    return false;
+  }
+  // Check if this specific item's hover state changed
+  const prevIsHovered = prevProps.hoveredMenu === prevProps.item.path;
+  const nextIsHovered = nextProps.hoveredMenu === nextProps.item.path;
+  if (prevIsHovered !== nextIsHovered) {
+    return false;
+  }
+  // If none of the relevant props changed, don't re-render
+  return true;
+};
+const MenuItem = React__default.memo(({
+  item,
+  depth,
+  isHoverMenu,
+  openMenus,
+  hoveredMenu,
+  collapsed,
+  navTheme,
+  locationPathname,
+  routeParams,
+  popupPosition,
+  onToggleMenu,
+  onMenuHover,
+  onMenuLeave,
+  ChevronUpIcon,
+  ChevronDownIcon
+}) => {
+  // Only log when actually rendering (not on every navigation)
+  const hasChildren = item.children && item.children.length > 0;
+  const isOpen = openMenus.includes(item.path);
+  const isActive = isMenuItemActive(item.path, locationPathname, routeParams);
+  const isHovered = hoveredMenu === item.path;
+  const paddingLeft = `${depth * 1}rem`;
+  // Determine styling based on whether it's a parent or child item
+  const isParentWithChildren = hasChildren && depth === 0;
+  const shouldApplyBackground = isActive && !isParentWithChildren || isHovered;
+  const handleMenuClick = useCallback(e => {
+    if (hasChildren && !collapsed) {
+      onToggleMenu(item.path, depth, e);
+    }
+  }, [hasChildren, collapsed, item.path, depth, onToggleMenu]);
+  const renderPopupMenu = useCallback(() => {
+    if (!item.children || item.children.length === 0) return null;
+    return jsxs("div", {
+      className: "fixed shadow-themed-xl rounded-themed-lg border border-border z-[999] overflow-hidden themed-dropdown",
+      style: {
+        left: `${SIDEBAR_WIDTHS[collapsed ? 'COLLAPSED' : 'EXPANDED']}px`,
+        top: `${popupPosition.top}px`,
+        animation: 'fadeIn 0.2s ease-out forwards',
+        maxWidth: 'calc(100vw - 100px)',
+        width: 'max-content',
+        minWidth: POPUP_CONFIG.MIN_WIDTH
+      },
+      children: [jsx("style", {
+        dangerouslySetInnerHTML: {
+          __html: POPUP_ANIMATION_CSS
+        }
+      }), 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-[${POPUP_CONFIG.MAX_HEIGHT}px] overflow-y-auto overflow-x-hidden py-1`,
+        children: item.children.map(child => jsx(MenuItem, {
+          item: child,
+          depth: depth + 1,
+          isHoverMenu: true,
+          openMenus: openMenus,
+          hoveredMenu: hoveredMenu,
+          collapsed: collapsed,
+          navTheme: navTheme,
+          locationPathname: locationPathname,
+          routeParams: routeParams,
+          popupPosition: popupPosition,
+          onToggleMenu: onToggleMenu,
+          onMenuHover: onMenuHover,
+          onMenuLeave: onMenuLeave,
+          ChevronUpIcon: ChevronUpIcon,
+          ChevronDownIcon: ChevronDownIcon
+        }, child.path))
+      })]
+    });
+  }, [item, depth, collapsed, popupPosition.top, openMenus, hoveredMenu, navTheme, locationPathname, routeParams, onToggleMenu, onMenuHover, onMenuLeave, ChevronUpIcon, ChevronDownIcon]);
+  return jsxs("div", {
+    className: `w-full relative group ${isHovered && collapsed && !isHoverMenu ? 'rounded-themed' : ''}`,
+    style: {
+      backgroundColor: isHovered && !isHoverMenu ? 'hsl(var(--muted))' : ''
+    },
+    onMouseEnter: e => onMenuHover(e, item, isHoverMenu),
+    onMouseLeave: () => onMenuLeave(item, isHoverMenu),
+    children: [jsxs(Link, {
+      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})`
+      },
+      onClick: handleMenuClick,
+      children: [jsxs("div", {
+        className: `flex items-center ${collapsed && !isHoverMenu ? 'justify-center w-full' : 'gap-3'}`,
+        children: [item.icon ? jsx("span", {
+          className: `flex-shrink-0 ${getIconColor(isActive, navTheme)}`,
+          children: item.icon
+        }) : collapsed && !isHoverMenu ? jsx("span", {
+          className: `flex items-center justify-center flex-shrink-0 ${getIconColor(isActive, navTheme)}`,
+          children: getFirstLetter(item.name)
+        }) : null, (!collapsed || isHoverMenu) && jsx("span", {
+          className: `font-medium whitespace-nowrap overflow-hidden text-ellipsis ${getTextColor(isActive, navTheme)}`,
+          children: item.name
+        })]
+      }), hasChildren && (!collapsed || isHoverMenu) && jsx("span", {
+        className: `flex-shrink-0 ml-1 ${getIconColor(isActive, navTheme)}`,
+        children: isOpen ? jsx(ChevronUpIcon, {
+          className: "h-4 w-4"
+        }) : jsx(ChevronDownIcon, {
+          className: "h-4 w-4"
+        })
+      })]
+    }), collapsed && hasChildren && isHovered && !isHoverMenu && item.children.length > 0 && renderPopupMenu(), hasChildren && isOpen && !collapsed && jsx("div", {
+      className: "transition-all duration-200 ease-in-out",
+      children: item.children.map(child => jsx(MenuItem, {
+        item: child,
+        depth: depth + 1,
+        isHoverMenu: false,
+        openMenus: openMenus,
+        hoveredMenu: hoveredMenu,
+        collapsed: collapsed,
+        navTheme: navTheme,
+        locationPathname: locationPathname,
+        routeParams: routeParams,
+        popupPosition: popupPosition,
+        onToggleMenu: onToggleMenu,
+        onMenuHover: onMenuHover,
+        onMenuLeave: onMenuLeave,
+        ChevronUpIcon: ChevronUpIcon,
+        ChevronDownIcon: ChevronDownIcon
+      }, child.path))
+    })]
+  });
+}, areMenuItemPropsEqual);
+MenuItem.displayName = 'MenuItem';
+const MainSidebarMenuComponent = ({
   menuData,
   routeParams,
   settings,
@@ -15,20 +234,9 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {us
     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) => {
+  const navTheme = settings?.navTheme;
+  // Event handler for toggling menu open/closed
+  const toggleMenu = useCallback((path, depth, e) => {
     e.preventDefault();
     if (collapsed) return;
     setOpenMenus(prev => {
@@ -38,139 +246,48 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {us
         return [...prev, path];
       }
     });
-  };
-  const handleMenuClick = (path, hasChildren, depth, e) => {
-    if (hasChildren && !collapsed) {
-      toggleMenu(path, depth, e);
-    }
-  };
-  const getFirstLetter = name => {
-    return name.charAt(0).toUpperCase();
-  };
-  const handleMenuHover = (e, item, isHoverMenu) => {
+  }, [collapsed]);
+  // Event handlers for hover effects
+  const handleMenuHover = useCallback((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,
+        top: rect.top,
         height: rect.height
       });
       setHoveredMenu(item.path);
     }
-  };
-  const handleMenuLeave = (item, isHoverMenu) => {
+  }, [collapsed]);
+  const handleMenuLeave = useCallback((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 = openMenus.includes(item.path);
-    const isActive = isMenuItemActive(item.path);
-    const isHovered = hoveredMenu === item.path;
-    const paddingLeft = `${depth * 1}rem`;
-    // 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 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: 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})`
-        },
-        onClick: e => handleMenuClick(item.path, hasChildren, depth, e),
-        children: [jsxs("div", {
-          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?.navTheme === 'realDark' ? '#fff' : undefined
-            },
-            children: item.icon
-          }) : 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?.navTheme === 'realDark' ? '#fff' : undefined
-            },
-            children: item.name
-          })]
-        }), hasChildren && (!collapsed || isHoverMenu) && jsx("span", {
-          className: `flex-shrink-0 ml-1 ${isActive ? 'text-primary' : 'text-muted-foreground'}`,
-          style: {
-            color: !isActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
-          },
-          children: isOpen ? jsx(ChevronUpIcon, {
-            className: "h-4 w-4"
-          }) : jsx(ChevronDownIcon, {
-            className: "h-4 w-4"
-          })
-        })]
-      }), 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);
-  };
+  }, [collapsed]);
   return jsx("div", {
     className: "overflow-hidden",
     children: jsx("nav", {
       className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`,
-      children: menuData.map(item => renderMenuItem(item))
+      children: menuData.map(item => jsx(MenuItem, {
+        item: item,
+        depth: 0,
+        isHoverMenu: false,
+        openMenus: openMenus,
+        hoveredMenu: hoveredMenu,
+        collapsed: collapsed,
+        navTheme: navTheme,
+        locationPathname: location.pathname,
+        routeParams: routeParams,
+        popupPosition: popupPosition,
+        onToggleMenu: toggleMenu,
+        onMenuHover: handleMenuHover,
+        onMenuLeave: handleMenuLeave,
+        ChevronUpIcon: ChevronUpIcon,
+        ChevronDownIcon: ChevronDownIcon
+      }, item.path))
     })
   });
-};export{MainSidebarMenu};//# sourceMappingURL=MainSidebarMenu.js.map
+};
+// Export the memoized version to prevent unnecessary re-renders
+const MainSidebarMenu = React__default.memo(MainSidebarMenuComponent);export{MainSidebarMenu};//# sourceMappingURL=MainSidebarMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MainSidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/MainSidebarMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"MainSidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/MainSidebarMenu.tsx"],"sourcesContent":[null],"names":["React","_jsx","_jsxs"],"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;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"}
+{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAqEvF,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,17 +1,20 @@
-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) {
+import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {TailwindThemeProvider}from'@admin-layout/tailwind-ui';import {userSelector}from'@adminide-stack/user-auth0-client';import {useRouteLoaderData}from'@remix-run/react';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 {BasicLayout}from'./BasicLayout/index.js';function BasicLayoutWithAuthorities(props) {
   const userData = useSelector(userSelector);
   const {
     settings: settingsFromLoader
   } = useRouteLoaderData('root');
   const {
-    settings,
     setSettings
   } = useLayoutSettings();
   const [state, send, settingsActor] = useMachine(settingsMachine.provide({
     actions: {
       updateReduxSettings: ({
-        context
+        context,
+        event
       }) => {
+        if (event?.type === 'ROUTE_CHANGE') {
+          return;
+        }
         setSettings(context);
       }
     }
@@ -25,8 +28,8 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
     permissions
   } = props;
   const mainHeaderProps = useMemo(() => ({
-    picture: userData ? userData?.profile?.picture : null
-  }), [userData]);
+    picture: userData?.profile?.picture || null
+  }), [userData?.profile?.picture]);
   const onSettingChange = useCallback(config => {
     // Update Redux first
     setSettings(config);

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"mgBAYA,SAAS,0BAA0B,CAAC,KAAqC,EAAA;AACrE,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;AACN,IAAA,QAAQ,EAAW;AACnB,GAAA,GAAA,kBAAoB,CAAA,MAAA,CAAA;AAEZ,EAAA,MAAA;;AAEQ,GAAA,GAAA,mBAAS;oBACL,EAAO,aAAA,CAAA,GAAA,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;;yBAEA,EAAA,CAAC;eACf;AACJ,QAAA;AACJ,OACD,KAAA;AACI,QAAA,IAAA,KAAO,EAAA,IAAA,KAAA,cAAA,EAAA;AACH,UAAA;AACH;AACJ,QACH,WAAA,CAAA,OAAA,CAAA;AAEF;AACA;AACA,GAAA,CAAA,EAAA;AAEQ,IAAA,KAAA,EAAA;MACF,QACO,EAAA;AAEb;;QAGQ,aAAkB,GAAA,KAAE,EAAA,OAAA;AACxB,EAAA,MACC;IAGL;MACM,KAAA;QAEC,eACmB,GAAA,OAAA,CAAA,OAAA;AAY9B,IAAC,OAAA,EAAA,QAAA,EAAA,OAAA,EAAA,OAAA,IAAA;AAED,GAAM,CAAA,EAAA,CAAA,QAAW,EAAA,OAAG,EAAA,OAAU,CAAA,CAAA;QAClB,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/SettingDrawer/MenuVisibilitySettings.d.ts

@@ -0,0 +1,20 @@
+interface MenuItem {
+    key: string;
+    name: string;
+    path: string;
+    position?: string;
+    children?: MenuItem[];
+    tab?: string;
+    [key: string]: any;
+}
+interface MenuVisibilitySettingsProps {
+    fullMenuData: MenuItem[];
+    settings: {
+        hiddenMenuKeys?: string[];
+        [key: string]: any;
+    };
+    changeSetting: (key: string, value: any) => void;
+}
+export default function MenuVisibilitySettings({ fullMenuData, settings, changeSetting }: MenuVisibilitySettingsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MenuVisibilitySettings.d.ts.map

package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuVisibilitySettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/MenuVisibilitySettings.tsx"],"names":[],"mappings":"AAQA,UAAU,QAAQ;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,2BAA2B;IACjC,YAAY,EAAE,QAAQ,EAAE,CAAC;IACzB,QAAQ,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,2BAA2B,2CAsFpH"}

package/lib/components/SettingDrawer/MenuVisibilitySettings.js

@@ -0,0 +1,120 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useMemo,useCallback}from'react';import {useTranslation}from'react-i18next';// Constants
+// all keys included now ['usermenu', 'topmenu']
+const EXCLUDED_MENU_KEYS = [];
+const MENU_POSITIONS = ['UPPER', 'MIDDLE', 'LOWER', 'BOTTOM'];
+function MenuVisibilitySettings({
+  fullMenuData,
+  settings,
+  changeSetting
+}) {
+  const {
+    t
+  } = useTranslation('settings');
+  const [isExpanded, setIsExpanded] = useState(false);
+  // Get deduplicated hidden menu keys
+  const hiddenMenuKeys = useMemo(() => {
+    return settings.hiddenMenuKeys ? Array.from(new Set(settings.hiddenMenuKeys)) : [];
+  }, [settings.hiddenMenuKeys]);
+  // Organize menu items by position
+  const allMenuItems = useMemo(() => {
+    const categories = [];
+    // Process defined positions
+    MENU_POSITIONS.forEach(position => {
+      const positionItems = fullMenuData.filter(item => item.position === position && item.key && !EXCLUDED_MENU_KEYS.includes(item.key));
+      categories.push(...positionItems);
+    });
+    // Handle items without position
+    const itemsWithoutPosition = fullMenuData.filter(item => !item.position && item.key && !EXCLUDED_MENU_KEYS.includes(item.key));
+    categories.push(...itemsWithoutPosition);
+    return categories;
+  }, [fullMenuData]);
+  // Create bound functions with current dependencies
+  const boundGetDisplayName = useCallback(item => getDisplayName(item, t), [t]);
+  const boundToggleMenuItem = useCallback(itemKey => toggleMenuItem(itemKey, hiddenMenuKeys, changeSetting), [hiddenMenuKeys, changeSetting]);
+  // Memoize rendered menu items to prevent unnecessary JSX creation
+  const renderedMenuItems = useMemo(() => {
+    return renderMenuItems(allMenuItems, 0, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem);
+  }, [allMenuItems, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem]);
+  return jsxs("div", {
+    className: "space-y-4",
+    children: [jsx("div", {
+      className: "flex items-center mb-2",
+      children: jsxs("button", {
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200",
+        children: [jsx("svg", {
+          className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isExpanded ? 'rotate-180' : ''}`,
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M19 9l-7 7-7-7"
+          })
+        }), jsx("p", {
+          className: "text-md font-medium text-black dark:text-white",
+          children: t('menu_visibility.title') || 'Menu Visibility'
+        })]
+      })
+    }), jsx("div", {
+      className: `grid transition-all duration-300 ease-in-out ${isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`,
+      children: jsx("div", {
+        className: "overflow-hidden",
+        children: jsx("div", {
+          className: "ml-4 mb-4 border-l-2 border-gray-200 dark:border-gray-600 pl-4",
+          children: jsx("div", {
+            className: "space-y-2",
+            children: allMenuItems.length === 0 ? jsx("div", {
+              className: "text-center text-gray-500 dark:text-gray-400 py-4",
+              children: t('menu_visibility.no_items') || 'No menu items found'
+            }) : renderedMenuItems
+          })
+        })
+      })
+    })]
+  });
+}
+// Helper functions
+function getDisplayName(item, t) {
+  if (item.tab) return item.tab;
+  if (item.name?.startsWith('menu.')) {
+    const parts = item.name.split('.');
+    return parts.length > 1 ? parts[parts.length - 1].charAt(0).toUpperCase() + parts[parts.length - 1].slice(1) : item.name;
+  }
+  return t(item.name) || item.name;
+}
+function toggleMenuItem(itemKey, hiddenMenuKeys, changeSetting) {
+  const uniqueKeys = new Set(hiddenMenuKeys);
+  uniqueKeys.has(itemKey) ? uniqueKeys.delete(itemKey) : uniqueKeys.add(itemKey);
+  changeSetting('hiddenMenuKeys', Array.from(uniqueKeys));
+}
+function renderMenuItems(items, indent, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn) {
+  return items.map(item => {
+    const isVisible = !hiddenMenuKeys.includes(item.key);
+    const displayName = getDisplayNameFn(item);
+    return jsxs("div", {
+      children: [jsxs("div", {
+        className: "flex items-center py-0.5",
+        children: [jsx("input", {
+          type: "checkbox",
+          id: `menu-item-${item.key}`,
+          className: "mr-2 h-3 w-3 rounded border-gray-300 dark:border-gray-600 text-primary dark:text-white focus:ring-primary dark:focus:ring-primary bg-white dark:bg-gray-700",
+          checked: isVisible,
+          onChange: () => toggleMenuItemFn(item.key)
+        }), jsx("label", {
+          htmlFor: `menu-item-${item.key}`,
+          className: "text-xs text-black dark:text-white cursor-pointer flex-1",
+          style: {
+            paddingLeft: `${indent * 12}px`
+          },
+          children: displayName
+        })]
+      }), isVisible && item.children && item.children.length > 0 && jsx("div", {
+        className: "ml-6",
+        children: renderMenuItems(item.children, indent + 1, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn)
+      })]
+    }, item.key);
+  });
+}export{MenuVisibilitySettings as default};//# sourceMappingURL=MenuVisibilitySettings.js.map

package/lib/components/SettingDrawer/MenuVisibilitySettings.js.map

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