@admin-layout/tailwind-design-pro 12.0.16-alpha.6 → 12.0.16-alpha.61

package/lib/components/Layout/GlobalHeader/RightMenu.js

@@ -233,9 +233,7 @@ const RightMenu = ({
       onMouseEnter: onOpen,
       children: [jsx("button", {
         className: `
-                        inline-flex items-center justify-center
-                        ${scrolled ? 'text-muted-foreground bg-transparent hover:text-foreground' : 'text-white bg-muted hover:text-white'}
-                        rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
+                        inline-flex items-center justify-center bg-muted hover:bg-muted-foreground text-foreground rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
                     `,
         "aria-expanded": "false",
         onClick: toggleMenu,
@@ -245,7 +243,7 @@ const RightMenu = ({
           alt: "User"
         }) : null
       }), isOpen && jsxs("div", {
-        className: "absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
+        className: "bg-background absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
         role: "menu",
         "aria-orientation": "vertical",
         "aria-labelledby": "user-menu",

package/lib/components/Layout/GlobalHeader/RightMenu.js.map

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

package/lib/components/Layout/GlobalHeader/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"uSAMA,MAAM;AAQN,EAAA;AACI,CAAA,GAAA,KAAA;AACc,MAAA,SAAc,GAAA,CAAA;AAC5B,EAAA;aACa,GAAA,QAAW;;AAExB,CAAA,KAAA;QAE6B,QAAA,GAAA,WAAA,EAAA;AAC7B,EAAA,MAAA,sBAA2B,EAAA;AACvB,EAAA,MAAA,YAAc,MAAA,CAAK,IAAO,CAAA;AAC1B,EAAA,MAAA,CAAA,MAAA,EAAS,SAAc,CAAA,GAAA,QAAO,CAAC,KAAC,CAAA;AAChC,EAAA,MAAA,CAAA,aAAe,EAAA,gBAAK,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA;eACH;AACL,IAAA,aAAE;IAEF;AACA,GAAA,GAAA,WAAmB,CAAA,KAAA,IAAI,KAA0B,OAAI,CAAA;AACjD;AACI,EAAA,MAAA,kBAAgB,GAAA,MAAA,KAAA,IAAA;kBACP,KAAe,CAAA,MAAA,CAAA,KAAA;2BACJ,CAAA,KAAC,CAAC,CAAA;mBACZ,EAAA,EAAA;AACV,MAAA,QAAA,CAAA,eAAc,CAAA,EAAA,CAAA,CAAA;;;;AAId,EAAA,MAAA,aAAY,GAAA,KAAA,IAAA;iBACH,CAAA,GAAA;sBACD;AACA,QAAA,KAAA,CAAA;wBACI,CAAA,IAAA,IAAS,IAAA,GAAA,aAAA,CAAA,MAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;oBAEb;4BACS,EAAC;wBACb,CAAA,IAAA,IAAA,IAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;AAEL,MAAA,KAAA,OAAa;4BACW,EAAA;yBACX,IAAM,CAAA,IAAE,aAAA,CAAA,aAAA,CAAA,EAAA;gBACjB,MAAM,GAAA,aAAA,CAAA,aAAA,CAAA;UACb,IAAA,MAAA,EAAA;AACL,YAAE,OAAA,CAAA,GAAA,CAAA,yBAAA,EAAA,MAAA,CAAA,KAAA,CAAA;;UAGO,SAAM,CAAA,KAAA,CAAA;AACX;AACI,QAAA;mBACa;aACZ,CAAA,cAAA,EAAA;AACL,QAAA,SAAE,CAAA,KAAA,CAAA;AAEF,QAAA;AACA;AACI,GAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAsB,kBAAA,GAAA,KAAA,IAAA;AACtB,MAAA,IAAM,SAAiB,CAAA,OAAA,IAAI,CAAA,SAAwB,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AAC/C,QAAA,SAAU,CAAA,KAAI,CAAE;AACZ;;YAEK,CAAA,gBAAQ,CAAA,WAAA,EAAA,kBAAA,CAAA;AACrB,IAAA,OAAE,MAAA;MAEK,QACE,CAAA,mBAAK,CAAA,WAAW,EAAA,kBAAuB,CAAS;AA2BrB,KAAA;AACA,GAAA,EAAA,EAAA,CAAA;AAwBxC;AAEA,EAAA,MAAA,iBAAyB,GAAA,MAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchBar.js","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"uSAMA,MAAM;AAQN,EAAA;AACI,CAAA,GAAA,KAAA;AACM,MAAA,SAAW,GAAA,CAAA;AACjB,EAAA;aACO,GAAA,QAAQ;;AAEf,CAAA,KAAA;QAEA,QAAA,GAAA,WAAA,EAAA;AACA,EAAA,MAAA,sBAAwB,EAAG;AACvB,EAAA,MAAA,YAAW,MAAG,CAAK,IAAC,CAAA;AACpB,EAAA,MAAA,CAAA,MAAA,EAAS,SAAA,CAAA,GAAA,QAAqB,CAAC,KAAC,CAAA;AAChC,EAAA,MAAA,CAAA,aAAW,EAAI,gBAAK,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA;eACH;AACL,IAAA,aAAE;IAEF;AACA,GAAA,GAAA,WAAM,CAAA,KAAa,IAAI,KAA0B,OAAI,CAAA;AACjD;AACI,EAAA,MAAA,kBAAK,GAAW,MAAA,KAAA,IAAA;kBACZ,KAAM,CAAA,MAAA,CAAA,KAAc;2BACpB,CAAA,KAAiB,CAAC,CAAA;mBAClB,EAAA,EAAM;AACV,MAAA,QAAA,CAAA,eAAc,CAAA,EAAA,CAAA,CAAA;;;;AAId,EAAA,MAAA,aAAK,GAAO,KAAA,IAAA;iBACR,CAAA,GAAK;sBACD;AACA,QAAA,KAAA,CAAA;wBACI,CAAA,IAAA,IAAS,IAAA,GAAA,aAAA,CAAA,MAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;oBAEb;4BACA,EAAU;wBACb,CAAA,IAAA,IAAA,IAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;AAEL,MAAA,KAAA,OAAK;4BACK,EAAA;yBACG,IAAC,CAAA,IAAO,aAAA,CAAA,aAAA,CAAA,EAAA;gBACjB,MAAM,GAAA,aAAA,CAAA,aAAA,CAAA;UACb,IAAA,MAAA,EAAA;AACL,YAAE,OAAA,CAAA,GAAA,CAAA,yBAAA,EAAA,MAAA,CAAA,KAAA,CAAA;UAEF;UACA,SAAe,CAAA,KAAA,CAAA;AACX,QAAA;AACI,QAAA;mBACI;aACH,CAAA,cAAA,EAAA;AACL,QAAA,SAAE,CAAA,KAAA,CAAA;AAEF,QAAA;AACA;AACI,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;AACtB,MAAA,IAAM,SAAA,CAAA,OAAiB,IAAI,CAAA,SAAwB,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AAC/C,QAAA,SAAI,CAAM,KAAI,CAAE;AACZ,MAAA;;YAEJ,CAAA,gBAAiB,CAAA,WAAA,EAAA,kBAAA,CAAA;AACrB,IAAA,OAAE,MAAA;MAEF,QACI,CAAA,mBAAU,CAAA,WAAW,EAAA,kBAAuB,CAAA;AA2BZ,IAAA,CAAA;AACA,EAAA,CAAA,EAAA,EAAA,CAAA;AAwBxC;AAEA,EAAA,MAAA,iBAAyB,GAAA,MAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/index.d.ts

@@ -1,4 +1,3 @@
 export * from './MainHeader';
-export * from './Logo';
 export * from './RightMenu';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Layout/GlobalHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import type { LinksFunction } from '@remix-run/node';
 import { BasicLayoutProps } from '@admin-layout/client';
+import type { LinksFunction } from '@remix-run/node';
+import * as React from 'react';
 declare const ProTailwindLayout: React.FC<BasicLayoutProps & {
     loaderData?: any;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAOH,gBAAgB,EACnB,MAAM,sBAAsB,CAAC;AAc9B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CASxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM,GAAU,WAAM;;;EA0BlC,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB,GAAI;;;CAA6B,YAE7D,CAAC"}
+{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EAMnB,MAAM,sBAAsB,CAAC;AAO9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2E/B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CAyBxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM,GAAU,WAAM;;;EA0BlC,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB,GAAI;;;CAA6B,YAE7D,CAAC"}

package/lib/components/Layout/ProTailwindLayout.js

@@ -1,17 +1,73 @@
 import { jsx } from 'react/jsx-runtime';
-import { useSelector } from 'react-redux';
 import { filterRoutesWithLocale, transformData, addProLayoutParentKeys, removeUnnecessaryProperties, menuDataRender } from '@admin-layout/client';
 import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
-import { ClientContainerService } from 'common';
 import { ClientTypes } from '@common-stack/client-core';
+import { getAvailableCategories, getMenusByAdvancedFilter } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
+import { ClientContainerService } from 'common';
+import * as React from 'react';
+import { useSelector } from 'react-redux';
 import { createSelector } from 'reselect';
-import BasicLayoutEnhanced from './TailwindLayout.js';
 import { config } from '../../config/env-config.js';
+import BasicLayoutEnhanced from './TailwindLayout.js';
 import stylesheet from '../../styles/index.css?url';
 const selectOrgName = state => state.platform.orgName;
-const selector = createSelector([selectOrgName], orgName => ({
-  orgName
+const selectSettings = state => state.settings;
+const selector = createSelector([selectOrgName, selectSettings], (orgName, settings) => ({
+  orgName,
+  settings
 }));
+/**
+ * Filter menu items based on user visibility settings using filteredRoutes utilities
+ */
+function filterMenuItemsByVisibility(menuData, settings) {
+  if (!menuData || !Array.isArray(menuData)) return [];
+  const hiddenMenuCategories = settings?.hiddenMenuCategories || [];
+  // Deduplicate hiddenMenuKeys using Set for consistent behavior
+  const hiddenMenuKeys = settings?.hiddenMenuKeys ? Array.from(new Set(settings.hiddenMenuKeys)) : [];
+  // Convert menu data to format expected by filteredRoutes utilities
+  const menuItemsWithCategories = menuData.map(item => ({
+    ...item,
+    // Use position as category for filtering
+    category: item.position || 'default',
+    // Ensure key exists for filtering
+    key: item.key || item.path || ''
+  }));
+  // Step 1: Filter by categories using advanced filter
+  const availableCategories = getAvailableCategories(menuItemsWithCategories);
+  const visibleCategories = availableCategories.filter(category => !hiddenMenuCategories.includes(category.toLowerCase()));
+  let filteredByCategory = menuItemsWithCategories;
+  if (visibleCategories.length !== availableCategories.length) {
+    // Use advanced filter to get menus by visible categories
+    const filters = {
+      categories: visibleCategories.length > 0 ? visibleCategories : ['__no_matches__'] // Empty array would show all
+    };
+    const filteredMenuMaps = getMenusByAdvancedFilter(menuItemsWithCategories, filters);
+    // Convert back to array format
+    filteredByCategory = filteredMenuMaps.map(menuMap => {
+      const path = Object.keys(menuMap)[0];
+      return {
+        ...menuMap[path],
+        path
+      };
+    });
+  }
+  // Step 2: Filter out individually hidden items recursively
+  const filterItemsRecursively = items => {
+    return items.filter(item => {
+      if (!item?.key) return false;
+      // Skip if this specific item is hidden
+      if (hiddenMenuKeys.includes(item.key)) {
+        return false;
+      }
+      // Process children recursively
+      if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+        item.children = filterItemsRecursively(item.children);
+      }
+      return true;
+    });
+  };
+  return filterItemsRecursively(filteredByCategory);
+}
 const ProTailwindLayout = props => {
   const {
     loaderData: {
@@ -20,15 +76,21 @@ const ProTailwindLayout = props => {
     }
   } = props;
   const {
-    orgName
+    orgName,
+    settings
   } = useSelector(state => selector(state));
+  // Apply menu visibility filters
+  const filteredMenuData = React.useMemo(() => {
+    return filterMenuItemsByVisibility(newMenuData, settings);
+  }, [newMenuData, settings?.hiddenMenuCategories, settings?.hiddenMenuKeys]);
   const params = {
     orgName: orgName
   };
   return jsx(BasicLayoutEnhanced, {
     routeParams: params,
     permissions: permissions,
-    menuData: newMenuData
+    menuData: filteredMenuData,
+    fullMenuData: newMenuData
   });
 };
 const handle = {

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

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"+jBAqBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAEhD,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,CAAC,EAAE,YAAY;AAE7D,EAAA;;AAII,MAAA,iBAAoB,GAAA,KAAA,IAAW;AAG/B,EAAA,MAAA;AACA,IAAA,UAAQ,EAAA;AACZ,MAAE,WAAA;AACF,MAAA;AAEA;AACI,GAAA,GAAA,KAAY;EACd,MAAA;AACF,IAAA;AAEA,GAAM,GAAA,WAAa,CAAA,SAAQ,QAAQ,MAAI,CAAA,CAAA;AACnC,EAAA,MAAA,MAAmB,GAAA;IACnB,OAAI,EAAA;AACJ,GAAA;SACeA,GAAA,CAAAC;IACf,WAAC,EAAA,MAAA;IAAC,WAAgB,EAAA,WAAA;AACd,IAAA,QAAA,EAAA;IACJ;;;AAKA,EAAA,IAAA,EAAA;AACA;cACkB,MAAA,CAAM;KACpB,EAAA,YAAY;AACZ,EAAA,IAAA,EAAA;;AAEY,MAAA,MAAA,GAAE,MAAC,MAAA,IAAA;AACf,EAAA,MAAA;IACJ;MACM,MAAA,CAAA,OAAA;MACC,WAAA,GAAA,EAAA;;eAEQ,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;WACb,CAAA,EAAA;AACN,IAAE,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAEF;QACgF,eAAA,GAAA,sBAAA,CAAA,WAAA,CAAA,QAAA,CAAA,CAAA;AAC5E,EAAA,MAAA,iBAAyB,GAAA,aAAY,gBAAG,CAAA;AACxC,EAAA,MAAA,+CAAmC,CAAA,iBAAA,CAAA;AAEnC,EAAA,sBAAK,CAAA,OAAA,CAAA,IAAA,IAAA,2BAAA,CAAA,IAAA,CAAA,CAAA;AACD,EAAA,IAAA,WAAiB,GAAA,MAAA;iBAEX,GAAA,MAAc,EAAA,YAAU,EAAI,WAAW;AAC7C,EAAA,IAAA,CAAA,WAAA,EAAY;UAEN,IAAA,KAAA,CAAA,uBAAsB,CAAA;AAC5B;MACH,CAAA,WAAA,EAAA;IAAC,MAAO,IAAG,KAAC,CAAA,uBAAA,CAAA;AACT;AACA,EAAA,MAAA,WAAQ,GAAM,cAAG,CAAA,eAAA,EAAA,WAAA,CAAA;SACpB;AACD,IAAA;AACJ,IAAC;AAED,GAAM;AACF;AACF,eAAA,YAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Layout/Sidebar/Divider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wFAIM,SAAU,OAAO,CAAC;UAS8B;aACrC,GAAA,YAAG;AACZ,EAAA,KAAA,GAAA,KAAO;WAWV;OAE2C;AAC5C,EAAA,KAAA,GAAA,QAEQ;AASY,EAAA,GAAA;AACA,CAAA,EAAA;;;AAKP,IAAA,OAAAA,GAAA,CAAA,KAEL,EAAA;oBAQQ,WAAY,KAAO,YAAA,GAAA,iBAAA,GAAA,iBAAA,EAAA,sCAAA,EAAA,SAAA,CAAA;kBAGtB;AAOO,MAAA,GAAA;AACA,KAAA,CAAA;;;mBAMV,EAAA;AAGd,IAAC,SAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,WAAA,KAAA,UAAA,IAAA,iBAAA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Layout/Sidebar/Divider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wFAIM,SAAU,OAAO,CAAC;UASpB;aACK,GAAA,YAAW;AACZ,EAAA,KAAA,GAAA,KAAO;WAWV;OAED;AACA,EAAA,KAAA,GAAA,QACI;AAUgB,EAAA,GAAA;AACA,CAAA,EAAA;;;AAKP,IAAA,OAAAA,GAAA,CAAA,KACH,EACF;oBAQQ,WAAO,KAAO,YAAK,GAAA,iBAAA,GAAA,iBAAA,EAAA,sCAAA,EAAA,SAAA,CAAA;kBACtB;AASO,MAAA,GAAA;AACA,KAAA,CAAA;;;mBAMV,EAAA;AAGd,IAAC,SAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,WAAA,KAAA,UAAA,IAAA,iBAAA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicIcon.js","sources":["../../../../src/components/Layout/Sidebar/DynamicIcon.tsx"],"sourcesContent":[null],"names":["_jsx","React"],"mappings":"0IAKa,MAAA,iBAAiB,GAAG,IAAC,IAAQ;AACtC,EAAA,IAAA,OAAW,IAAA,KAAS,QAAA,EAAQ;AACxB,IAAA,OAAAA,GAAO,CAAC,WAAA,EAAA;MACX,IAAA,EAAA,IAAA,CAAA,IAAA;AAAM,MAAA,SAAW,EAAA,IAAA,CAAA;AACd,KAAA,CAAA;SACH,IAAA,OAAA,IAAA,KAAA,QAAA,EAAA;WAAOA,GAAA,CAAA,WAAA,EAAA;AACJ,MAAA,IAAA,EAAA;KACH,CAAA;AACL,GAAE,MAAA;AAEF,IAAA,OAAa,IAAA;;;AAIK,MAAA,WAAW,GAAAC,cAAK,CAAA,IAAA,CAAA,CAAA;;AAEd,EAAA,SAAA;;AAEK,CAAA,KAAA;AACG,EAAA,MAAA,CAAA,aAAA,EAAI,4BAA0B,CAAA,IAAA,CAAQ;;qBAErC,MAAA;0BAAO;0BACY,GAAA,eAAI;oBACxB,CAAC,IAAA,CAAA,MAAA,IAAA;AACL,UAAA,IAAA,OAAE,MAAA,CAAA,OAAA,KAAA,QAAA,EAAA;AACD,YAAA,gBAAO,CAAG,MAAI,MAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;;AAEf,YAAA,gBAAG,CAAA,MAAA,MAAA,CAAA,OAAA,CAAA;;AAEf,SAAC,CAAC,CAAA,KAAA,CAAA,GAAA,IAAA;AACF,UAAA,gBAAW,CAAA,IAAA,CAAA;SACV,CAAC;AAEN;AAAoB,KAAA;IAEpB,QACI;AAIgB,GAAA,EAAA,EAAA,CAAA;AACH,EAAA,IAAA,CAAA,aACQ,EAAA,OAEhB,IAEP;AACN,SACCD,GAAS,CAAE,KAAA,EAAA;;;;;;;;;;;;"}
+{"version":3,"file":"DynamicIcon.js","sources":["../../../../src/components/Layout/Sidebar/DynamicIcon.tsx"],"sourcesContent":[null],"names":["_jsx","React"],"mappings":"0IAKO,MAAM,iBAAiB,GAAG,IAAC,IAAM;AACpC,EAAA,IAAA,OAAI,IAAO,KAAI,QAAK,EAAQ;AACxB,IAAA,OAAAA,GAAO,CAAA,WAAC,EAAA;MACX,IAAA,EAAA,IAAA,CAAA,IAAA;AAAM,MAAA,SAAI,EAAA,IAAO,CAAA;AACd,KAAA,CAAA;SACH,IAAA,OAAA,IAAA,KAAA,QAAA,EAAA;WAAOA,GAAA,CAAA,WAAA,EAAA;AACJ,MAAA,IAAA,EAAA;KACH,CAAA;AACL,EAAE,CAAA,MAAA;AAEF,IAAA,OAAO,IAAM;;;AAID,MAAA,WAAc,GAAGC,cAAK,CAAA,IAAA,CAAA,CAAA;;AAEd,EAAA,SAAA;;AAEK,CAAA,KAAA;AACG,EAAA,MAAA,CAAA,aAAA,EAAI,4BAA0B,CAAA,IAAA,CAAQ;;qBAErC,MAAA;0BAAO;0BACJ,GAAA,eAAoB;oBACxB,CAAC,IAAA,CAAA,MAAA,IAAA;AACL,UAAA,IAAA,OAAE,MAAA,CAAA,OAAA,KAAA,QAAA,EAAA;AACD,YAAA,gBAAO,CAAA,MAAO,MAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;;AAEf,YAAA,gBAAG,CAAA,MAAA,MAAA,CAAA,OAAA,CAAA;;AAEf,QAAA,CAAC,CAAC,CAAA,KAAA,CAAA,GAAA,IAAA;AACF,UAAA,gBAAW,CAAA,IAAA,CAAA;QACZ,CAAE,CAAC;AAEN,MAAA;AAAoB,IAAA,CAAA;IAEpB,QACI;AAIgB,EAAA,CAAA,EAAA,EAAA,CAAA;AACH,EAAA,IAAA,CAAA,aACG,EAAA,OAEX,IAEP;AACN,SACCD,GAAS,CAAA,KAAE,EAAA;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SidebarProps } from '../../typings';
+export declare const MainSidebar: React.FC<SidebarProps>;
+export default MainSidebar;
+//# sourceMappingURL=MainSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/MainSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAM7C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmP9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/Layout/Sidebar/{Sidebar.js → MainSidebar.js}

@@ -1,4 +1,4 @@
-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 => {
+import {jsxs,jsx}from'react/jsx-runtime';import {getMenuSeparation}from'@admin-layout/client';import React__default,{useEffect}from'react';import {useTranslation}from'react-i18next';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {icons}from'../../../icons.js';import BottomMenuDropDown from'../GlobalFooter/BottomMenuDropdown.js';import {RightContent}from'../GlobalHeader/RightContent.js';import {Divider}from'./Divider.js';import {MainSidebarMenu}from'./MainSidebarMenu.js';const MainSidebar = props => {
   const {
     isSideMenuOpen,
     closeSideMenu,
@@ -7,9 +7,9 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
     routeParams,
     settings,
     setCollapsed,
-    location
+    location,
+    showHeader
   } = props;
-  const [isPagesMenuOpen, setIsPagesMenuOpen] = useState(false);
   const [iconModule, setIconModule] = React__default.useState(null);
   const {
     t,
@@ -23,9 +23,31 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
     ChevronRightIcon
   } = icons;
   const currentRoute = location?.pathname || '/';
-  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   const deviceType = isMobile ? 'mobile' : 'desktop';
-  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  // Helper function to get value from settings with route/device override support
+  const getUILayoutValue = path => {
+    // Check for route/device-specific override first
+    const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
+    const uiOverride = settings?.uiSettings?.[routeDeviceKey];
+    if (uiOverride) {
+      const value = path.split('.').reduce((obj, key) => obj?.[key], uiOverride);
+      if (value !== undefined) return value;
+    }
+    // Fallback to settings (flattened uilayout from configuration-registries)
+    return path.split('.').reduce((obj, key) => obj?.[key], settings);
+  };
+  // Get layout settings from the new flat structure
+  const deviceLayout = {
+    navigationMode: getUILayoutValue('navigationMode'),
+    sideMenuType: getUILayoutValue('sideMenuType'),
+    contentWidth: getUILayoutValue('contentWidth'),
+    fixedHeader: getUILayoutValue('fixedHeader'),
+    fixedSidebar: getUILayoutValue('fixedSidebar'),
+    splitMenus: getUILayoutValue('splitMenus'),
+    upperMenuDividerName: getUILayoutValue('upperMenuDividerName'),
+    middleMenuDividerName: getUILayoutValue('middleMenuDividerName'),
+    lowerMenuDividerName: getUILayoutValue('lowerMenuDividerName')
+  };
   useEffect(() => {
     if (!iconModule) {
       import('./DynamicIcon.js').then(module => {
@@ -90,10 +112,16 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
   };
   // 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';
+    let classes = `text-gray-500 dark:text-gray-400 h-full flex flex-col`;
     if (settings?.navTheme === 'realDark') {
       classes += ' themed-sidebar';
     }
+    if (showHeader) {
+      classes += ' md:h-[92vh]';
+    }
+    if (!showHeader) {
+      classes += ' md:h-[100vh]';
+    }
     return classes;
   };
   const SidebarStyles = React__default.useMemo(() => ({
@@ -131,7 +159,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
         className: "flex-grow overflow-y-auto",
         children: [middleMenus?.length > 0 && jsxs("div", {
           className: "removeBoxShadow",
-          children: [renderSeparator(deviceLayout?.middleMenuDividerName), jsx(SidebarMenu, {
+          children: [renderSeparator(deviceLayout?.middleMenuDividerName), jsx(MainSidebarMenu, {
             menuData: updateMenuIcons(middleMenus),
             routeParams: routeParams,
             settings: settings,
@@ -139,7 +167,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
           })]
         }), lowerMenus?.length > 0 && jsxs("div", {
           className: "removeBoxShadow",
-          children: [renderSeparator(deviceLayout?.lowerMenuDividerName), jsx(SidebarMenu, {
+          children: [renderSeparator(deviceLayout?.lowerMenuDividerName), jsx(MainSidebarMenu, {
             menuData: updateMenuIcons(lowerMenus),
             routeParams: routeParams,
             settings: settings,
@@ -177,4 +205,4 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
       children: renderSidebarContent()
     })]
   });
-};export{Sidebar,Sidebar as default};//# sourceMappingURL=Sidebar.js.map
+};export{MainSidebar,MainSidebar as default};//# sourceMappingURL=MainSidebar.js.map

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SidebarMenuProps } from '../../typings';
+export declare const MainSidebarMenu: React.NamedExoticComponent<SidebarMenuProps>;
+//# sourceMappingURL=MainSidebarMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainSidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/MainSidebarMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAoZjD,eAAO,MAAM,eAAe,8CAAuC,CAAC"}

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

@@ -0,0 +1,294 @@
+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 menuItemPaddingLeft = `${depth * 1}rem`;
+  const subMenuItemPaddingLeft = `${depth * 2}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 + ${depth > 0 ? subMenuItemPaddingLeft : menuItemPaddingLeft})`
+      },
+      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)} ${depth > 0 ? `text-xs` : ''}`,
+          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,
+  collapsed
+}) => {
+  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 navTheme = settings?.navTheme;
+  // Event handler for toggling menu open/closed
+  const toggleMenu = useCallback((path, depth, e) => {
+    e.preventDefault();
+    if (collapsed) return;
+    setOpenMenus(prev => {
+      if (prev.includes(path)) {
+        return prev.filter(item => item !== path);
+      } else {
+        return [...prev, path];
+      }
+    });
+  }, [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();
+      setPopupPosition({
+        top: rect.top,
+        height: rect.height
+      });
+      setHoveredMenu(item.path);
+    }
+  }, [collapsed]);
+  const handleMenuLeave = useCallback((item, isHoverMenu) => {
+    if (collapsed && !isHoverMenu) {
+      setHoveredMenu(null);
+    }
+  }, [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 => 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 the memoized version to prevent unnecessary re-renders
+const MainSidebarMenu = React__default.memo(MainSidebarMenuComponent);export{MainSidebarMenu};//# sourceMappingURL=MainSidebarMenu.js.map