@admin-layout/tailwind-design-pro 10.1.1-alpha.9 → 11.2.1-alpha.1

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

@@ -0,0 +1,451 @@
+import {generateMenuPath}from'@admin-layout/client';import {useLocation,useNavigate}from'@remix-run/react';import React__default,{useState,useEffect,useCallback}from'react';import {icons}from'../../../icons.js';// Constants moved outside component
+const SIDEBAR_WIDTHS = {
+  COLLAPSED: 64,
+  EXPANDED: 256
+};
+const POPUP_CONFIG = {
+  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
+const areMenuItemPropsEqual = (prevProps, nextProps) => {
+  // 1. Item identity
+  if (prevProps.item !== nextProps.item) return false;
+  // 2. Simple props
+  if (prevProps.depth !== nextProps.depth || prevProps.isHoverMenu !== nextProps.isHoverMenu || prevProps.collapsed !== nextProps.collapsed || prevProps.navTheme !== nextProps.navTheme || prevProps.onNavigate !== nextProps.onNavigate) return false;
+  // 3. Route Params (Shallow compare)
+  const prevKeys = Object.keys(prevProps.routeParams);
+  const nextKeys = Object.keys(nextProps.routeParams);
+  if (prevKeys.length !== nextKeys.length) return false;
+  for (const key of prevKeys) {
+    if (prevProps.routeParams[key] !== nextProps.routeParams[key]) return false;
+  }
+  // 4. Active State
+  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;
+  // 5. Hover State
+  const prevIsHovered = prevProps.hoveredMenu === prevProps.item.path;
+  const nextIsHovered = nextProps.hoveredMenu === nextProps.item.path;
+  if (prevIsHovered !== nextIsHovered) return false;
+  // 6. Popup Position
+  if (prevProps.popupPosition.top !== nextProps.popupPosition.top || prevProps.popupPosition.height !== nextProps.popupPosition.height) return false;
+  // 7. Open State & OpenMenus propagation
+  const prevIsOpen = prevProps.openMenus.includes(prevProps.item.path);
+  const nextIsOpen = nextProps.openMenus.includes(nextProps.item.path);
+  if (prevIsOpen !== nextIsOpen) return false;
+  const hasChildren = prevProps.item.children && prevProps.item.children.length > 0;
+  if (hasChildren) {
+    // If we have children, we might need to re-render to pass down updated openMenus
+    // Case A: We are expanded (not collapsed) and Open. Children are visible.
+    if (!prevProps.collapsed && prevIsOpen) {
+      // If openMenus changed, we must re-render to update children.
+      if (prevProps.openMenus !== nextProps.openMenus) return false;
+    }
+    // Case B: We are collapsed and Hovered. Popup is visible.
+    if (prevProps.collapsed && prevIsHovered) {
+      if (prevProps.openMenus !== nextProps.openMenus) return false;
+    }
+  }
+  return true;
+};
+const MenuItem = React__default.memo(({
+  item,
+  depth,
+  isHoverMenu,
+  openMenus,
+  hoveredMenu,
+  collapsed,
+  navTheme,
+  locationPathname,
+  routeParams,
+  popupPosition,
+  onToggleMenu,
+  onMenuHover,
+  onMenuLeave,
+  onNavigate,
+  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 => {
+    // Prevent event from bubbling to parent menu items
+    e.stopPropagation();
+    if (collapsed && hasChildren && !isHoverMenu) {
+      // Let the hover menu handle this case - don't do anything here
+      // as this will be handled by the popup menu
+      return;
+    }
+    if (hasChildren) {
+      // Handle menu toggle for items with children
+      e.preventDefault();
+      onToggleMenu(item.path, depth, e);
+    } else {
+      // For items without children, navigate to their path
+      const targetPath = generateMenuPath(item.path, routeParams);
+      onNavigate(targetPath);
+    }
+  }, [hasChildren, item.path, depth, onToggleMenu, routeParams, collapsed, isHoverMenu]);
+  // Enhanced renderPopupMenu to handle nested items in collapsed mode
+  const renderPopupMenu = useCallback(() => {
+    if (!item.children || item.children.length === 0) return null;
+    // Create a helper function to directly toggle menu items in collapsed state
+    const toggleCollapsedMenu = (menuPath, menuItem) => {
+      // Direct implementation without relying on parent's onToggleMenu
+      openMenus.includes(menuPath);
+      // Access parent component's state setter directly from MainSidebarMenu
+      onToggleMenu(menuPath, 0, {
+        preventDefault: () => {},
+        stopPropagation: () => {}
+      });
+    };
+    // Create a recursive function to render menu items and their children
+    const renderNestedItems = (items, currentDepth) => {
+      return items.map(childItem => {
+        const isChildOpen = openMenus.includes(childItem.path);
+        const isChildActive = isMenuItemActive(childItem.path, locationPathname, routeParams);
+        const hasGrandchildren = childItem.children && childItem.children.length > 0;
+        return React__default.createElement("div", {
+          key: childItem.path,
+          className: "popup-menu-item"
+        }, React__default.createElement("div", {
+          className: `flex items-center justify-between w-full px-4 py-2.5 hover:bg-accent/20 text-sm cursor-pointer rounded-sm ${isChildActive ? 'bg-accent/10 text-primary font-medium' : 'text-foreground'} ${hasGrandchildren ? 'font-medium' : ''}`,
+          onClick: e => {
+            e.stopPropagation();
+            if (hasGrandchildren) {
+              // Handle menu toggle in collapsed mode using our helper
+              e.preventDefault();
+              toggleCollapsedMenu(childItem.path);
+            } else {
+              // For leaf nodes, navigate to the path
+              const targetPath = generateMenuPath(childItem.path, routeParams);
+              onNavigate(targetPath);
+            }
+          }
+        }, React__default.createElement("span", {
+          className: "text-sm font-medium"
+        }, childItem.name), hasGrandchildren && React__default.createElement("span", {
+          className: "text-muted-foreground ml-2"
+        }, isChildOpen ? React__default.createElement(ChevronUpIcon, {
+          className: "h-4 w-4"
+        }) : React__default.createElement(ChevronDownIcon, {
+          className: "h-4 w-4"
+        }))), hasGrandchildren && React__default.createElement("div", {
+          className: `pl-3 border-l border-border/60 ml-3 mt-1 mb-1 ${isChildOpen ? 'block' : 'hidden'} transition-all duration-200 ease-in-out`,
+          style: {
+            maxHeight: isChildOpen ? '500px' : '0px',
+            opacity: isChildOpen ? 1 : 0,
+            overflow: 'hidden'
+          }
+        }, renderNestedItems(childItem.children)));
+      });
+    };
+    return React__default.createElement("div", {
+      className: "fixed shadow-themed-xl rounded-themed-lg border border-border z-[999] themed-dropdown bg-card",
+      onClick: e => e.stopPropagation(),
+      style: {
+        left: `${SIDEBAR_WIDTHS[collapsed ? 'COLLAPSED' : 'EXPANDED']}px`,
+        top: `${Math.max(popupPosition.top - 20, 10)}px`,
+        // Adjust top position to be higher
+        animation: 'fadeIn 0.2s ease-out forwards',
+        maxWidth: 'calc(100vw - 120px)',
+        width: 'max-content',
+        minWidth: POPUP_CONFIG.MIN_WIDTH,
+        maxHeight: 'calc(90vh - 20px)',
+        // Allow for more height
+        overflowY: 'auto',
+        // Allow scrolling for tall menus
+        display: 'flex',
+        flexDirection: 'column'
+      }
+    }, React__default.createElement("style", {
+      dangerouslySetInnerHTML: {
+        __html: POPUP_ANIMATION_CSS
+      }
+    }), React__default.createElement("div", {
+      className: "font-medium text-sm px-4 py-3 border-b border-border whitespace-nowrap bg-muted"
+    }, React__default.createElement("span", {
+      className: "text-primary"
+    }, item.name)), React__default.createElement("div", {
+      className: "flex-grow overflow-auto py-2"
+    }, renderNestedItems(item.children)));
+  }, [item, depth, collapsed, popupPosition.top, openMenus, navTheme, locationPathname, routeParams, onToggleMenu, onNavigate, ChevronUpIcon, ChevronDownIcon]);
+  return React__default.createElement("div", {
+    className: `w-full relative group ${isHovered && collapsed && !isHoverMenu ? 'rounded-themed' : ''} ${isHovered && !isHoverMenu ? 'bg-muted' : ''}`,
+    onMouseEnter: e => onMenuHover(e, item, isHoverMenu),
+    onMouseLeave: () => onMenuLeave(item, isHoverMenu)
+  }, React__default.createElement("div", {
+    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
+  }, React__default.createElement("div", {
+    className: `flex items-center ${collapsed && !isHoverMenu ? 'justify-center w-full' : 'gap-3'}`
+  }, item.icon ? React__default.createElement("span", {
+    className: `flex-shrink-0 ${getIconColor(isActive, navTheme)}`
+  }, item.icon) : collapsed && !isHoverMenu ? React__default.createElement("span", {
+    className: `flex items-center justify-center flex-shrink-0 ${getIconColor(isActive, navTheme)}`
+  }, getFirstLetter(item.name)) : null, (!collapsed || isHoverMenu) && React__default.createElement("span", {
+    className: `font-medium whitespace-nowrap overflow-hidden text-ellipsis ${getTextColor(isActive, navTheme)} ${depth > 0 ? `text-xs` : ''}`
+  }, item.name)), hasChildren && (!collapsed || isHoverMenu) && React__default.createElement("span", {
+    className: `flex-shrink-0 ml-1 ${getIconColor(isActive, navTheme)}`
+  }, isOpen ? React__default.createElement(ChevronUpIcon, {
+    className: "h-4 w-4"
+  }) : React__default.createElement(ChevronDownIcon, {
+    className: "h-4 w-4"
+  }))), collapsed && hasChildren && isHovered && !isHoverMenu && item.children.length > 0 && renderPopupMenu(), hasChildren && isOpen && !collapsed && React__default.createElement("div", {
+    className: "transition-all duration-200 ease-in-out"
+  }, item.children.map(child => React__default.createElement(MenuItem, {
+    key: child.path,
+    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,
+    onNavigate: onNavigate,
+    ChevronUpIcon: ChevronUpIcon,
+    ChevronDownIcon: ChevronDownIcon
+  }))));
+}, areMenuItemPropsEqual);
+MenuItem.displayName = 'MenuItem';
+// Helper func
+const findParentPaths = (menuData, currentPath, routeParams, result = [], parentStack = []) => {
+  for (const item of menuData) {
+    // Check if this item is active
+    const isActive = isMenuItemActive(item.path, currentPath, routeParams);
+    const currentParentStack = [...parentStack, item.path];
+    if (isActive) {
+      // If this item is active, add all its ancestors to the result
+      result.push(...currentParentStack);
+    }
+    // Check if any of its children are active
+    if (item.children && item.children.length > 0) {
+      findParentPaths(item.children, currentPath, routeParams, result, currentParentStack);
+    }
+  }
+  return result;
+};
+function MainSidebarMenuComponent({
+  menuData,
+  routeParams,
+  settings,
+  collapsed
+}) {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [hoveredMenu, setHoveredMenu] = useState(null);
+  const [popupPosition, setPopupPosition] = useState({
+    top: 0,
+    height: 0
+  });
+  const {
+    ChevronDownIcon,
+    ChevronUpIcon
+  } = icons;
+  const navTheme = settings?.navTheme;
+  // Initialize openMenus based on the current path
+  const [openMenus, setOpenMenus] = useState(() => {
+    return findParentPaths(menuData, location.pathname, routeParams);
+  });
+  // Update openMenus when location changes
+  useEffect(() => {
+    // Find parent paths for current location
+    const parentPaths = findParentPaths(menuData, location.pathname, routeParams);
+    // Update openMenus to ensure all parent paths are open
+    setOpenMenus(prev => {
+      // Create a new Set of currently open menus
+      const openMenusSet = new Set(prev);
+      // Add all parent paths to the Set
+      parentPaths.forEach(path => openMenusSet.add(path));
+      // Convert back to array
+      return Array.from(openMenusSet);
+    });
+  }, [location.pathname, menuData, routeParams]);
+  // Helper function to find an item by path
+  const findMenuItem = useCallback((items, targetPath) => {
+    for (const item of items) {
+      if (item.path === targetPath) {
+        return item;
+      }
+      if (item.children && item.children.length > 0) {
+        const found = findMenuItem(item.children, targetPath);
+        if (found) return found;
+      }
+    }
+    return null;
+  }, []);
+  // Helper to find all parent paths for a menu item
+  const getParentMenuPaths = useCallback((items, targetPath, path = []) => {
+    for (const item of items) {
+      const currentPath = [...path, item.path];
+      if (item.path === targetPath) {
+        return path; // Return all parent paths excluding the target
+      }
+      if (item.children && item.children.length > 0) {
+        const parentPaths = getParentMenuPaths(item.children, targetPath, currentPath);
+        if (parentPaths.length > 0) {
+          return parentPaths;
+        }
+      }
+    }
+    return [];
+  }, []);
+  // Helper to find all child paths for a menu item
+  const getAllChildPaths = useCallback(item => {
+    const result = [];
+    if (!item.children) return result;
+    for (const child of item.children) {
+      result.push(child.path);
+      result.push(...getAllChildPaths(child));
+    }
+    return result;
+  }, []);
+  // Completely redesigned toggle function with explicit support for collapsed mode
+  const toggleMenu = useCallback((path, depth, e) => {
+    if (e && e.preventDefault) e.preventDefault();
+    // Allow collapsed mode to work with toggleMenu as well
+    // if (collapsed && !e.isTrusted) return;
+    const clickedItem = findMenuItem(menuData, path);
+    if (!clickedItem) return;
+    // No debug logs in production
+    setOpenMenus(prev => {
+      const newOpenMenus = new Set(prev);
+      const isCurrentlyOpen = prev.includes(path);
+      if (isCurrentlyOpen) {
+        // If closing a menu, close it and all its children
+        newOpenMenus.delete(path);
+        // Also close all child menus - use our helper function
+        const getAllChildrenOfPath = item => {
+          const result = [];
+          if (!item.children) return result;
+          for (const child of item.children) {
+            result.push(child.path);
+            result.push(...getAllChildrenOfPath(child));
+          }
+          return result;
+        };
+        // Close all children using our direct helper
+        if (clickedItem.children) {
+          const childPaths = getAllChildrenOfPath(clickedItem);
+          childPaths.forEach(childPath => newOpenMenus.delete(childPath));
+        }
+      } else {
+        // If opening a menu, open it and all its parent paths
+        newOpenMenus.add(path);
+        // When opening a menu, also ensure all parent paths are open
+        const getParentOfPath = (items, targetPath, path = []) => {
+          for (const item of items) {
+            if (item.path === targetPath) {
+              return path;
+            }
+            if (item.children && item.children.length > 0) {
+              const result = getParentOfPath(item.children, targetPath, [...path, item.path]);
+              if (result.length > 0) {
+                return result;
+              }
+            }
+          }
+          return [];
+        };
+        // Open all parent paths
+        const parentPaths = getParentOfPath(menuData, path);
+        parentPaths.forEach(parentPath => newOpenMenus.add(parentPath));
+      }
+      return Array.from(newOpenMenus);
+    });
+  }, [menuData, findMenuItem]);
+  // 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]);
+  const handleNavigate = useCallback(path => {
+    navigate(path);
+  }, [navigate]);
+  return React__default.createElement("div", {
+    className: "overflow-hidden"
+  }, React__default.createElement("nav", {
+    className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`
+  }, menuData.map(item => React__default.createElement(MenuItem, {
+    key: item.path,
+    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,
+    onNavigate: handleNavigate,
+    ChevronUpIcon: ChevronUpIcon,
+    ChevronDownIcon: ChevronDownIcon
+  }))));
+}
+// 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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PerplexSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAO7C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwTjD,CAAC"}