@admin-layout/tailwind-design-pro 12.0.16-alpha.9 → 12.0.16-alpha.90

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomMenu.js","sources":["../../../../src/components/Layout/Sidebar/BottomMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs"],"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;AAO7C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoR9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,246 @@
+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';import'@common-stack/components-pro';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {SideMenuLogoSlot}from'../slot-fill/SideMenuLogo.js';const MainSidebar = props => {
+  const {
+    isSideMenuOpen,
+    closeSideMenu,
+    menuData,
+    collapsed,
+    routeParams,
+    settings,
+    setCollapsed,
+    location,
+    showHeader,
+    menuHeaderRender,
+    deviceSettings,
+    isSideMenuLayout
+  } = props;
+  const [iconModule, setIconModule] = React__default.useState(null);
+  const {
+    t,
+    i18n
+  } = useTranslation('menu');
+  const {
+    isMobile
+  } = useMediaQuery();
+  const {
+    ChevronLeftIcon,
+    ChevronRightIcon
+  } = icons;
+  const currentRoute = location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // 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 => {
+        setIconModule(module);
+      });
+    }
+  }, []);
+  const toggleCollapsed = () => {
+    if (isMobile) {
+      closeSideMenu();
+    } else {
+      setCollapsed(!collapsed);
+    }
+  };
+  // Close sidebar when clicking outside on mobile
+  useEffect(() => {
+    const handleClickOutside = event => {
+      const sidebar = document.getElementById('mobile-sidebar');
+      if (sidebar && !sidebar.contains(event.target) && isSideMenuOpen) {
+        closeSideMenu();
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isSideMenuOpen, closeSideMenu]);
+  // Close sidebar when pressing escape
+  useEffect(() => {
+    const handleEscape = event => {
+      if (event.key === 'Escape' && isSideMenuOpen) {
+        closeSideMenu();
+      }
+    };
+    document.addEventListener('keydown', handleEscape);
+    return () => {
+      document.removeEventListener('keydown', handleEscape);
+    };
+  }, [isSideMenuOpen, closeSideMenu]);
+  const {
+    upperMenus,
+    middleMenus,
+    lowerMenus,
+    bottomMenus
+  } = React__default.useMemo(() => getMenuSeparation(menuData || []), [menuData]);
+  const updateMenuIcons = React__default.useCallback((menuItems = []) => {
+    if (!menuItems || !Array.isArray(menuItems)) return [];
+    return menuItems.map(item => {
+      const updatedItem = {
+        ...item,
+        name: t(item.name),
+        icon: iconModule && item.icon ? iconModule.renderDynamicIcon(item.icon) : null
+      };
+      if (updatedItem.children) {
+        updatedItem.children = updateMenuIcons(updatedItem.children);
+      }
+      return updatedItem;
+    });
+  }, [t, iconModule]);
+  const processedMiddleMenus = React__default.useMemo(() => updateMenuIcons(middleMenus), [middleMenus, updateMenuIcons]);
+  const processedLowerMenus = React__default.useMemo(() => updateMenuIcons(lowerMenus), [lowerMenus, updateMenuIcons]);
+  const processedBottomMenus = React__default.useMemo(() => updateMenuIcons(bottomMenus), [bottomMenus, updateMenuIcons]);
+  const bottomMenusData = React__default.useMemo(() => ({
+    menuData: processedBottomMenus
+  }), [processedBottomMenus]);
+  // Use CSS classes instead of theme-based styling
+  const getSidebarClasses = () => {
+    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-[86vh]';
+    }
+    if (!showHeader || !menuHeaderRender) {
+      classes += ' md:h-[92vh]';
+    }
+    return classes;
+  };
+  const SidebarStyles = React__default.useMemo(() => {
+    const styles = {};
+    if (settings?.navTheme === 'realDark') {
+      styles.backgroundColor = '#222';
+      styles.color = '#fff !important';
+    }
+    return styles;
+  }, [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: [jsxs("div", {
+          children: [middleMenus?.length > 0 && jsxs("div", {
+            className: "removeBoxShadow",
+            children: [renderSeparator(deviceLayout?.middleMenuDividerName), jsx(MainSidebarMenu, {
+              menuData: processedMiddleMenus,
+              routeParams: routeParams,
+              settings: settings,
+              collapsed: collapsed
+            })]
+          }), lowerMenus?.length > 0 && jsxs("div", {
+            className: "removeBoxShadow",
+            children: [renderSeparator(deviceLayout?.lowerMenuDividerName), jsx(MainSidebarMenu, {
+              menuData: processedLowerMenus,
+              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
+          })
+        })]
+      })]
+    });
+  };
+  return jsxs("div", {
+    children: [!isMobile && jsxs("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'}`,
+      style: SidebarStyles,
+      children: [menuHeaderRender && isSideMenuLayout && jsx("div", {
+        className: "border-b border-border py-1 flex items-center justify-center",
+        children: jsx(SideMenuLogoSlot, {
+          settings: settings,
+          location: location
+        })
+      }), jsx("div", {
+        children: renderSidebarContent()
+      }), jsx("div", {
+        className: "flex-shrink-0 p-4 border-t border-border",
+        style: SidebarStyles,
+        children: jsx(BottomMenuDropDown, {
+          menus: bottomMenusData,
+          collapsed: collapsed,
+          routeParams: routeParams
+        })
+      })]
+    }), 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 && isMobile && jsxs("aside", {
+      id: "mobile-sidebar",
+      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'}`,
+      style: SidebarStyles,
+      children: [menuHeaderRender && isSideMenuLayout && jsx("div", {
+        className: "border-b border-border flex items-center justify-center",
+        children: jsx(SideMenuLogoSlot, {
+          settings: settings,
+          location: location
+        })
+      }), jsx("div", {
+        children: renderSidebarContent()
+      }), jsx("div", {
+        className: "flex-shrink-0 p-4 border-t border-border",
+        children: jsx(BottomMenuDropDown, {
+          menus: bottomMenusData,
+          collapsed: collapsed,
+          routeParams: routeParams
+        })
+      })]
+    })]
+  });
+};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":["React"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SidebarMenuProps } from '../../typings';
+declare function MainSidebarMenuComponent({ menuData, routeParams, settings, collapsed }: SidebarMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare const MainSidebarMenu: React.MemoExoticComponent<typeof MainSidebarMenuComponent>;
+export {};
+//# 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,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAsajD,iBAAS,wBAAwB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAyNjG;AAGD,eAAO,MAAM,eAAe,4DAAuC,CAAC"}