@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/default-theme/menu/AppMenuComponents/collapsed/CollapsedSidebarItem.js

@@ -1 +1,239 @@
-import{Fragment as F,jsx as s,jsxs as z}from"react/jsx-runtime";import{useEffect as v,useRef as E,useState as g}from"react";import{ListItemButton as O,ListItemIcon as T,ListItemText as D}from"@mui/material";import{useLocation as N,useNavigate as R}from"react-router";import{DASH_REDUX_ACTIONS as _}from"@dashadmin/dash-admin-state";import{useDispatch as A}from"react-redux";import P from"../../../../hooks/isCurrentPath";import{NavEventManager as i}from"../../../../utils/navEvents";import{FORCE_CLICK_OPEN as w}from"../submenuConstants";import B from"../SubmenuPortal";const L=n=>{const{item:e,showIcon:c=!0,showText:m=!0,children:f,navExpanded:x,navSize:y,level:k,hasChildren:d=!1,onClick:p,...a}=n,t=N(),[b,r]=g(P(t.pathname,e));v(()=>{r(P(t.pathname,e))},[t]);const I=R(),S=A(),C=()=>{const l={title:e?.label,icon:e?.icon,subTitle:e?.group};S(_.updatePage(l))};return z(O,{...a,selected:b,onClick:l=>{if(p&&p(l),l.stopPropagation(),!d&&!P(t.pathname,e)){C(),I(e.to);return}},children:[c&&s(T,{children:e.icon&&e.icon}),m&&k>0&&s(D,{children:e.label}),f]})},H=({item:n,navSize:e,navExpanded:c,level:m,sidebarPosition:f="left"})=>{const x=E(!1),y=20;let k;const[d,p]=g(!1),[a,t]=g(!1),b=E(null),r=`collapsed-${n.key||n.label}`,I=o=>{i.notifySubmenuOpened(r),t(!0)},S=o=>{a||i.notifySubmenuOpened(r),t(u=>!u)},C=o=>{d||t(!1)};v(()=>{document.body.classList.contains("webview")?p(!0):p(!1)},[]),v(()=>{const o=i.onSubmenuOpened(h=>{h!==r&&a&&t(!1)}),u=i.onCloseAllSubmenus(()=>{t(!1)});return()=>{o(),u()}},[r,a]);const l=n.children&&n.children.length>0,M=(o,u)=>{setTimeout(()=>{t(!1),i.closeDrawer()},100)};return l?s(F,{children:s("div",{ref:b,children:s(L,{"aria-owns":a?"menu-"+n.key:void 0,"aria-haspopup":"true",onMouseEnter:!d&&!w?I:null,onMouseLeave:w?null:C,onClick:d||w?S:null,item:n,showText:!1,navSize:e,navExpanded:c,level:m,hasChildren:l,children:s(B,{open:a,itemRef:b,sidebarPosition:f,childrenCount:n.children?.length||0,className:"sidebar-collapsed-menu",children:s("ul",{id:"menu-"+n.key,className:`dropdown ${a?"show":""}`,style:{margin:0,padding:0,listStyle:"none"},children:n.children?.map((o,u)=>s(L,{navSize:e,navExpanded:c,level:m+1,item:o,hasChildren:o.children&&o.children.length>0,onClick:h=>M(h,o),onTouchStart:h=>h.stopPropagation()},u))},"menu-"+n.key)})})})}):s(L,{item:n,navSize:e,navExpanded:c,level:m,hasChildren:!1,onClick:()=>{i.closeAllSubmenus(),setTimeout(()=>{i.closeDrawer()},100)}})};var le=H;export{le as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import {
+  ListItemButton,
+  ListItemIcon,
+  ListItemText
+} from "@mui/material";
+import { useLocation, useNavigate } from "react-router";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import { useDispatch } from "react-redux";
+import isCurrentPath from "../../../../hooks/isCurrentPath";
+import { NavEventManager } from "../../../../utils/navEvents";
+import { FORCE_CLICK_OPEN } from "../submenuConstants";
+import SubmenuPortal from "../SubmenuPortal";
+const SidebarItem = (props) => {
+  const _a = props, {
+    item,
+    showIcon = true,
+    showText = true,
+    children,
+    navExpanded,
+    navSize,
+    level,
+    hasChildren = false,
+    onClick
+  } = _a, rest = __objRest(_a, [
+    "item",
+    "showIcon",
+    "showText",
+    "children",
+    "navExpanded",
+    "navSize",
+    "level",
+    "hasChildren",
+    "onClick"
+  ]);
+  const loc = useLocation();
+  const [isCurrent, setCurrent] = useState(isCurrentPath(loc.pathname, item));
+  useEffect(() => {
+    setCurrent(isCurrentPath(loc.pathname, item));
+  }, [loc]);
+  const navigate = useNavigate();
+  const dispatch = useDispatch();
+  const updatePageState = () => {
+    const newPageState = {
+      title: item == null ? void 0 : item.label,
+      icon: item == null ? void 0 : item.icon,
+      subTitle: item == null ? void 0 : item.group
+    };
+    dispatch(DASH_REDUX_ACTIONS.updatePage(newPageState));
+  };
+  return /* @__PURE__ */ jsxs(
+    ListItemButton,
+    __spreadProps(__spreadValues({}, rest), {
+      selected: isCurrent,
+      onClick: (e) => {
+        if (onClick) {
+          onClick(e);
+        }
+        e.stopPropagation();
+        if (!hasChildren) {
+          if (!isCurrentPath(loc.pathname, item)) {
+            updatePageState();
+            navigate(item.to);
+            return;
+          }
+        }
+      },
+      children: [
+        showIcon && /* @__PURE__ */ jsx(ListItemIcon, { children: item.icon && item.icon }),
+        showText && level > 0 && /* @__PURE__ */ jsx(ListItemText, { children: item.label }),
+        children
+      ]
+    })
+  );
+};
+const CollapsedSidebarItem = ({
+  item,
+  navSize,
+  navExpanded,
+  level,
+  sidebarPosition = "left"
+}) => {
+  var _a, _b;
+  const hovering = useRef(false);
+  const timeoutDuration = 20;
+  let timeout;
+  const [webView, setWebView] = useState(false);
+  const [open, setOpen] = useState(false);
+  const itemRef = useRef(null);
+  const submenuKey = `collapsed-${item.key || item.label}`;
+  const openMenuOnHover = (event) => {
+    NavEventManager.notifySubmenuOpened(submenuKey);
+    setOpen(true);
+  };
+  const openMenuOnClick = (event) => {
+    if (!open) {
+      NavEventManager.notifySubmenuOpened(submenuKey);
+    }
+    setOpen((prevOpen) => !prevOpen);
+  };
+  const closeMenu = (event) => {
+    if (!webView) {
+      setOpen(false);
+    }
+  };
+  useEffect(() => {
+    if (document.body.classList.contains("webview")) {
+      setWebView(true);
+    } else {
+      setWebView(false);
+    }
+  }, []);
+  useEffect(() => {
+    const unsubscribeSubmenuOpened = NavEventManager.onSubmenuOpened((openedKey) => {
+      if (openedKey !== submenuKey && open) {
+        setOpen(false);
+      }
+    });
+    const unsubscribeCloseAll = NavEventManager.onCloseAllSubmenus(() => {
+      setOpen(false);
+    });
+    return () => {
+      unsubscribeSubmenuOpened();
+      unsubscribeCloseAll();
+    };
+  }, [submenuKey, open]);
+  const hasChildren = item.children && item.children.length > 0;
+  const handleSubmenuItemClick = (e, childItem) => {
+    setTimeout(() => {
+      setOpen(false);
+      NavEventManager.closeDrawer();
+    }, 100);
+  };
+  return hasChildren ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { ref: itemRef, children: /* @__PURE__ */ jsx(
+    SidebarItem,
+    {
+      "aria-owns": open ? "menu-" + item.key : void 0,
+      "aria-haspopup": "true",
+      onMouseEnter: !webView && !FORCE_CLICK_OPEN ? openMenuOnHover : null,
+      onMouseLeave: !FORCE_CLICK_OPEN ? closeMenu : null,
+      onClick: webView || FORCE_CLICK_OPEN ? openMenuOnClick : null,
+      item,
+      showText: false,
+      navSize,
+      navExpanded,
+      level,
+      hasChildren,
+      children: /* @__PURE__ */ jsx(
+        SubmenuPortal,
+        {
+          open,
+          itemRef,
+          sidebarPosition,
+          childrenCount: ((_a = item.children) == null ? void 0 : _a.length) || 0,
+          className: "sidebar-collapsed-menu",
+          children: /* @__PURE__ */ jsx(
+            "ul",
+            {
+              id: "menu-" + item.key,
+              className: `dropdown ${open ? "show" : ""}`,
+              style: {
+                margin: 0,
+                padding: 0,
+                listStyle: "none"
+              },
+              children: (_b = item.children) == null ? void 0 : _b.map((item2, index) => {
+                return /* @__PURE__ */ jsx(
+                  SidebarItem,
+                  {
+                    navSize,
+                    navExpanded,
+                    level: level + 1,
+                    item: item2,
+                    hasChildren: item2.children && item2.children.length > 0,
+                    onClick: (e) => handleSubmenuItemClick(e, item2),
+                    onTouchStart: (e) => e.stopPropagation()
+                  },
+                  index
+                );
+              })
+            },
+            "menu-" + item.key
+          )
+        }
+      )
+    }
+  ) }) }) : /* @__PURE__ */ jsx(
+    SidebarItem,
+    {
+      item,
+      navSize,
+      navExpanded,
+      level,
+      hasChildren: false,
+      onClick: () => {
+        NavEventManager.closeAllSubmenus();
+        setTimeout(() => {
+          NavEventManager.closeDrawer();
+        }, 100);
+      }
+    }
+  );
+};
+var CollapsedSidebarItem_default = CollapsedSidebarItem;
+export {
+  CollapsedSidebarItem_default as default
+};

package/dist/default-theme/menu/AppMenuComponents/collapsed/CollapsedSidebarItems.js

@@ -1 +1,22 @@
-import{jsx as e}from"react/jsx-runtime";import{List as m}from"@mui/material";import n from"./CollapsedSidebarItem";const d=({items:a,navSize:i,navExpanded:o,level:t,sidebarPosition:r="left"})=>e(m,{className:"sidebar-list sidebar-collapsed-menu",component:"nav",children:a.map((s,l)=>e(n,{level:t,item:s,navSize:i,navExpanded:o,sidebarPosition:r},l))});var u=d;export{u as default};
+import { jsx } from "react/jsx-runtime";
+import { List } from "@mui/material";
+import CollapsedSidebarItem from "./CollapsedSidebarItem";
+const CollapsedSidebarItems = ({ items, navSize, navExpanded, level, sidebarPosition = "left" }) => {
+  return /* @__PURE__ */ jsx(List, { className: "sidebar-list sidebar-collapsed-menu", component: "nav", children: items.map((item, index) => {
+    return /* @__PURE__ */ jsx(
+      CollapsedSidebarItem,
+      {
+        level,
+        item,
+        navSize,
+        navExpanded,
+        sidebarPosition
+      },
+      index
+    );
+  }) });
+};
+var CollapsedSidebarItems_default = CollapsedSidebarItems;
+export {
+  CollapsedSidebarItems_default as default
+};

package/dist/default-theme/menu/AppMenuComponents/expanded/CollapsableSidebarMenu.js

@@ -1 +1,209 @@
-import{Fragment as Y,jsx as o,jsxs as v}from"react/jsx-runtime";import{useDispatch as A}from"react-redux";import{memo as H,useEffect as g,useState as h,useRef as _}from"react";import b from"../../../../hooks/isCurrentPath";import{useLocation as B,useNavigate as U}from"react-router";import{Collapse as z,List as K,ListItemButton as V,ListItemIcon as W,ListItemText as X,Typography as $}from"@mui/material";import M from"@mui/icons-material/ExpandLessOutlined";import I from"@mui/icons-material/ExpandMoreOutlined";import F from"./SidebarItem";import{DASH_REDUX_ACTIONS as q}from"@dashadmin/dash-admin-state";import{DASHAppConstants as G}from"@dashadmin/dash-constants";import{NavEventManager as p}from"../../../../utils/navEvents";import{FORCE_CLICK_OPEN as m}from"../submenuConstants";import J from"../SubmenuPortal";const O=({item:t,navExpanded:s,navSize:S,level:C,sidebarPosition:i="left"})=>{const f=B(),E=A(),d=_(null),a=i==="top"||i==="bottom",[u,y]=h(!1);g(()=>{document.body.classList.contains("webview")||document.body.classList.contains("android")?y(!0):y(!1)},[]);const[Z,j]=h(b(f.pathname,t)),[l,n]=h(b(f.pathname,t)),c=`${t.group}-${t.key}`;g(()=>{n(b(f.pathname,t))},[]),g(()=>{const e=p.onSubmenuOpened(R=>{R!==c&&n(!1)}),r=p.onCloseAllSubmenus(()=>{n(!1)});return()=>{e(),r()}},[c,S]);const N=U(),L=()=>{G.system.UI_SOUNDS},x=()=>{const e={title:t?.label,icon:t?.icon,subTitle:t?.group};E(q.updatePage(e))},k=e=>{e.stopPropagation(),L();const r=!l;n(r),r&&p.notifySubmenuOpened(c)},P=()=>{const e=!l;n(e),e&&p.notifySubmenuOpened(c)},T=()=>{a&&!u&&!m&&(p.notifySubmenuOpened(c),n(!0))},D=()=>{a&&!u&&!m&&n(!1)},ee=()=>{if(!d.current)return{};const e=d.current.getBoundingClientRect();switch(i){case"top":return{top:e.bottom+10,left:e.left};case"bottom":return{bottom:window.innerHeight-e.top+4,left:e.left};case"right":return{top:e.top,right:window.innerWidth-e.left+4};default:return{top:e.top,left:e.right+4}}},w=o(K,{className:"sidebar-list-sub",disablePadding:!0,children:t.children?.map((e,r)=>e?e.children?o(O,{navExpanded:s,navSize:S,item:e,level:C+1,sidebarPosition:i},r):o(F,{level:C,navExpanded:s,navSize:S,showIcon:!1,item:e},r):null)});return v(Y,{children:[o("div",{ref:d,style:{display:a?"inline-flex":"block"},onMouseEnter:T,onMouseLeave:D,children:v(V,{selected:l,className:"sidebar-list-menu-item",sx:a?{flexShrink:0,whiteSpace:"nowrap",paddingX:2}:void 0,onClick:e=>{e.target.closest(".expand-icon")||(L(),(!a||u||m)&&P(),b(f.pathname,t)||(x(),N(t.to||t.model)))},children:[o(W,{children:t.icon&&t.icon}),s&&o(X,{disableTypography:!0,primary:o($,{children:t.label})}),s&&o("div",{onClick:k,children:i==="bottom"?l?o(I,{className:"expand-icon more"}):o(M,{className:"expand-icon less"}):l?o(M,{className:"expand-icon less"}):o(I,{className:"expand-icon more"})})]})}),!a&&o(z,{in:l,timeout:"auto",unmountOnExit:!0,children:w}),a&&o(J,{open:s&&l,itemRef:d,sidebarPosition:i,childrenCount:t.children?.length||0,className:"sidebar-submenu-portal",onMouseEnter:()=>!u&&!m&&n(!0),onMouseLeave:()=>!u&&!m&&n(!1),children:w})]})},Q=H(O,(t,s)=>t===s);var ge=Q;export{ge as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useDispatch } from "react-redux";
+import { memo, useEffect, useState, useRef } from "react";
+import isCurrentPath from "../../../../hooks/isCurrentPath";
+import { useLocation, useNavigate } from "react-router";
+import {
+  Collapse,
+  List,
+  ListItemButton,
+  ListItemIcon,
+  ListItemText,
+  Typography
+} from "@mui/material";
+import ExpandLessOutlinedIcon from "@mui/icons-material/ExpandLessOutlined";
+import ExpandMoreOutlinedIcon from "@mui/icons-material/ExpandMoreOutlined";
+import SidebarItem from "./SidebarItem";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import { DASHAppConstants } from "dash-constants";
+import { NavEventManager } from "../../../../utils/navEvents";
+import { FORCE_CLICK_OPEN } from "../submenuConstants";
+import SubmenuPortal from "../SubmenuPortal";
+const CollapsableSidebarMenu = ({
+  item,
+  navExpanded,
+  navSize,
+  level,
+  sidebarPosition = "left"
+}) => {
+  var _a, _b;
+  const loc = useLocation();
+  const dispatch = useDispatch();
+  const itemRef = useRef(null);
+  const isHorizontal = sidebarPosition === "top" || sidebarPosition === "bottom";
+  const [webView, setWebView] = useState(false);
+  useEffect(() => {
+    if (document.body.classList.contains("webview") || document.body.classList.contains("android")) {
+      setWebView(true);
+    } else {
+      setWebView(false);
+    }
+  }, []);
+  const [isCurrent, setCurrent] = useState(isCurrentPath(loc.pathname, item));
+  const [localOpen, setLocalOpen] = useState(
+    isCurrentPath(loc.pathname, item)
+  );
+  const submenuKey = `${item.group}-${item.key}`;
+  useEffect(() => {
+    setLocalOpen(isCurrentPath(loc.pathname, item));
+  }, []);
+  useEffect(() => {
+    const unsubscribe = NavEventManager.onSubmenuOpened((openedKey) => {
+      if (openedKey !== submenuKey) {
+        setLocalOpen(false);
+      }
+    });
+    const unsubscribeCloseAll = NavEventManager.onCloseAllSubmenus(() => {
+      setLocalOpen(false);
+    });
+    return () => {
+      unsubscribe();
+      unsubscribeCloseAll();
+    };
+  }, [submenuKey, navSize]);
+  const navigate = useNavigate();
+  const playClick = () => {
+    if (!!DASHAppConstants.system.UI_SOUNDS) {
+    }
+  };
+  const updatePageState = () => {
+    const newPageState = {
+      title: item == null ? void 0 : item.label,
+      icon: item == null ? void 0 : item.icon,
+      subTitle: item == null ? void 0 : item.group
+    };
+    dispatch(DASH_REDUX_ACTIONS.updatePage(newPageState));
+  };
+  const handleExpandClick = (e) => {
+    e.stopPropagation();
+    playClick();
+    const newState = !localOpen;
+    setLocalOpen(newState);
+    if (newState) {
+      NavEventManager.notifySubmenuOpened(submenuKey);
+    }
+  };
+  const handleOpenSubmenu = () => {
+    const newState = !localOpen;
+    setLocalOpen(newState);
+    if (newState) {
+      NavEventManager.notifySubmenuOpened(submenuKey);
+    }
+  };
+  const handleMouseEnter = () => {
+    if (isHorizontal && !webView && !FORCE_CLICK_OPEN) {
+      NavEventManager.notifySubmenuOpened(submenuKey);
+      setLocalOpen(true);
+    }
+  };
+  const handleMouseLeave = () => {
+    if (isHorizontal && !webView && !FORCE_CLICK_OPEN) {
+      setLocalOpen(false);
+    }
+  };
+  const getDropdownPosition = () => {
+    if (!itemRef.current) return {};
+    const rect = itemRef.current.getBoundingClientRect();
+    switch (sidebarPosition) {
+      case "top":
+        return { top: rect.bottom + 10, left: rect.left };
+      case "bottom":
+        return { bottom: window.innerHeight - rect.top + 4, left: rect.left };
+      case "right":
+        return { top: rect.top, right: window.innerWidth - rect.left + 4 };
+      case "left":
+      default:
+        return { top: rect.top, left: rect.right + 4 };
+    }
+  };
+  const submenuContent = /* @__PURE__ */ jsx(List, { className: "sidebar-list-sub", disablePadding: true, children: (_a = item.children) == null ? void 0 : _a.map(
+    (childItem, index) => childItem ? childItem.children ? /* @__PURE__ */ jsx(
+      CollapsableSidebarMenu,
+      {
+        navExpanded,
+        navSize,
+        item: childItem,
+        level: level + 1,
+        sidebarPosition
+      },
+      index
+    ) : /* @__PURE__ */ jsx(
+      SidebarItem,
+      {
+        level,
+        navExpanded,
+        navSize,
+        showIcon: false,
+        item: childItem
+      },
+      index
+    ) : null
+  ) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: itemRef,
+        style: { display: isHorizontal ? "inline-flex" : "block" },
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: /* @__PURE__ */ jsxs(
+          ListItemButton,
+          {
+            selected: localOpen,
+            className: "sidebar-list-menu-item",
+            sx: isHorizontal ? {
+              flexShrink: 0,
+              whiteSpace: "nowrap",
+              paddingX: 2
+            } : void 0,
+            onClick: (e) => {
+              if (!e.target.closest(".expand-icon")) {
+                playClick();
+                if (!isHorizontal || webView || FORCE_CLICK_OPEN) {
+                  handleOpenSubmenu();
+                }
+                if (!isCurrentPath(loc.pathname, item)) {
+                  updatePageState();
+                  navigate(item.to || item.model);
+                }
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { children: item.icon && item.icon }),
+              navExpanded && /* @__PURE__ */ jsx(
+                ListItemText,
+                {
+                  disableTypography: true,
+                  primary: /* @__PURE__ */ jsx(Typography, { children: item.label })
+                }
+              ),
+              navExpanded && /* @__PURE__ */ jsx("div", { onClick: handleExpandClick, children: sidebarPosition === "bottom" ? localOpen ? /* @__PURE__ */ jsx(ExpandMoreOutlinedIcon, { className: "expand-icon more" }) : /* @__PURE__ */ jsx(ExpandLessOutlinedIcon, { className: "expand-icon less" }) : localOpen ? /* @__PURE__ */ jsx(ExpandLessOutlinedIcon, { className: "expand-icon less" }) : /* @__PURE__ */ jsx(ExpandMoreOutlinedIcon, { className: "expand-icon more" }) })
+            ]
+          }
+        )
+      }
+    ),
+    !isHorizontal && /* @__PURE__ */ jsx(Collapse, { in: localOpen, timeout: "auto", unmountOnExit: true, children: submenuContent }),
+    isHorizontal && /* @__PURE__ */ jsx(
+      SubmenuPortal,
+      {
+        open: navExpanded && localOpen,
+        itemRef,
+        sidebarPosition,
+        childrenCount: ((_b = item.children) == null ? void 0 : _b.length) || 0,
+        className: "sidebar-submenu-portal",
+        onMouseEnter: () => !webView && !FORCE_CLICK_OPEN && setLocalOpen(true),
+        onMouseLeave: () => !webView && !FORCE_CLICK_OPEN && setLocalOpen(false),
+        children: submenuContent
+      }
+    )
+  ] });
+};
+const MemoizedCollapsableSidebarMenu = memo(CollapsableSidebarMenu, (prev, next) => {
+  return prev === next;
+});
+var CollapsableSidebarMenu_default = MemoizedCollapsableSidebarMenu;
+export {
+  CollapsableSidebarMenu_default as default
+};

package/dist/default-theme/menu/AppMenuComponents/expanded/SidebarItem.js

@@ -1 +1,71 @@
-import{jsx as s,jsxs as N}from"react/jsx-runtime";import{ListItemButton as I,ListItemIcon as d,ListItemText as S}from"@mui/material";import g from"@mui/icons-material/Circle";import{useLocation as C,useNavigate as b}from"react-router";import{useDispatch as D}from"react-redux";import{useEffect as l,useState as L}from"react";import{DASH_REDUX_ACTIONS as h}from"@dashadmin/dash-admin-state";import{DASHAppConstants as P}from"@dashadmin/dash-constants";import i from"../../../../hooks/isCurrentPath";import{NavEventManager as v}from"../../../../utils/navEvents";const A=({item:t,navExpanded:w,navSize:r,level:E,className:T,showIcon:k=!0})=>{const c=b(),p=s(g,{}),o=C(),[a,m]=L(i(o.pathname,t));l(()=>{m(i(o.pathname,t))},[o]);const u=()=>{if(P.system.UI_SOUNDS){const e=new Audio(clickSound);e.load(),e.play()}},f=D(),n=()=>{const e={title:t?.label,icon:t?.icon,subTitle:t?.group};f(h.updatePage(e))};return l(()=>{a===!0&&n()},[a]),N(I,{selected:a,onClick:e=>{u(),n(),t?.to&&(c(t.to.replace(/\/+/g,"/")),r==="small"&&v.closeDrawer())},children:[s(d,{children:t?.icon||p}),r!=="small"&&s(S,{children:t.label})]})};var G=A;export{G as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ListItemButton, ListItemIcon, ListItemText } from "@mui/material";
+import Circle from "@mui/icons-material/Circle";
+import { useLocation, useNavigate } from "react-router";
+import { useDispatch } from "react-redux";
+import { useEffect, useState } from "react";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import { DASHAppConstants } from "dash-constants";
+import isCurrentPath from "../../../../hooks/isCurrentPath";
+import { NavEventManager } from "../../../../utils/navEvents";
+const SidebarItem = ({
+  item,
+  navExpanded,
+  navSize,
+  level,
+  className,
+  showIcon = true
+}) => {
+  const navigate = useNavigate();
+  const DefaultIcon = /* @__PURE__ */ jsx(Circle, {});
+  const loc = useLocation();
+  const [isCurrent, setCurrent] = useState(isCurrentPath(loc.pathname, item));
+  useEffect(() => {
+    setCurrent(isCurrentPath(loc.pathname, item));
+  }, [loc]);
+  const playClick = () => {
+    if (!!DASHAppConstants.system.UI_SOUNDS) {
+      const audio = new Audio(clickSound);
+      audio.load();
+      audio.play();
+    }
+  };
+  const dispatch = useDispatch();
+  const updatePageState = () => {
+    const newPageState = {
+      title: item == null ? void 0 : item.label,
+      icon: item == null ? void 0 : item.icon,
+      subTitle: item == null ? void 0 : item.group
+    };
+    dispatch(DASH_REDUX_ACTIONS.updatePage(newPageState));
+  };
+  useEffect(() => {
+    if (isCurrent === true) {
+      updatePageState();
+    }
+  }, [isCurrent]);
+  return /* @__PURE__ */ jsxs(
+    ListItemButton,
+    {
+      selected: isCurrent,
+      onClick: (e) => {
+        playClick();
+        updatePageState();
+        if (item == null ? void 0 : item.to) {
+          navigate(item.to.replace(/\/+/g, "/"));
+          if (navSize === "small") {
+            NavEventManager.closeDrawer();
+          }
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(ListItemIcon, { children: (item == null ? void 0 : item.icon) || DefaultIcon }),
+        navSize !== "small" && /* @__PURE__ */ jsx(ListItemText, { children: item.label })
+      ]
+    }
+  );
+};
+var SidebarItem_default = SidebarItem;
+export {
+  SidebarItem_default as default
+};

package/dist/default-theme/menu/AppMenuComponents/getItem.js

@@ -1 +1,7 @@
-const t=e=>e;var n=t;export{n as default};
+const getItem = (item) => {
+  return item;
+};
+var getItem_default = getItem;
+export {
+  getItem_default as default
+};

package/dist/default-theme/menu/AppMenuComponents/submenuConstants.js

@@ -1 +1,78 @@
-const b=!1,h=10,l=(t,o=!1)=>({zIndex:1e4,position:"fixed",maxHeight:t==="top"||t==="bottom"?"60vh":o?"100vh":"80vh",overflowY:"auto",width:t==="top"||t==="bottom"?"auto":"260px",minWidth:"200px",background:"var(--module-bg, #252526)",boxShadow:"0 4px 12px rgba(0,0,0,0.25)",borderRadius:8}),a=(t,o,e=!1)=>{switch(o){case"right":return{top:t.top,right:window.innerWidth-t.left-4,left:"auto"};case"top":return{top:e?120:t.bottom-4,left:t.left,right:"auto"};case"bottom":return{bottom:e?120:window.innerHeight-t.top-4,left:t.left,right:"auto"};default:return{top:t.top,left:t.right-4,right:"auto"}}},m=(t,o,e=!1)=>{const n=t.current?.getBoundingClientRect(),r=l(o,e);if(!n)return{...r,top:0,left:0};const i=a(n,o,e);return{...r,...i}};export{b as FORCE_CLICK_OPEN,h as SUBMENU_SCROLL_THRESHOLD,a as calculateSubmenuPosition,l as getSubmenuBaseStyle,m as getSubmenuStyle};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const FORCE_CLICK_OPEN = false;
+const SUBMENU_SCROLL_THRESHOLD = 10;
+const getSubmenuBaseStyle = (sidebarPosition, renderAtTop = false) => ({
+  zIndex: 1e4,
+  position: "fixed",
+  maxHeight: sidebarPosition === "top" || sidebarPosition === "bottom" ? "60vh" : renderAtTop ? "100vh" : "80vh",
+  overflowY: "auto",
+  width: sidebarPosition === "top" || sidebarPosition === "bottom" ? "auto" : "260px",
+  minWidth: "200px",
+  background: "var(--module-bg, #252526)",
+  boxShadow: "0 4px 12px rgba(0,0,0,0.25)",
+  borderRadius: 8
+});
+const calculateSubmenuPosition = (rect, sidebarPosition, renderAtTop = false) => {
+  switch (sidebarPosition) {
+    case "right":
+      return {
+        top: rect.top,
+        right: window.innerWidth - rect.left - 4,
+        left: "auto"
+      };
+    case "top":
+      return {
+        top: renderAtTop ? 120 : rect.bottom - 4,
+        left: rect.left,
+        right: "auto"
+      };
+    case "bottom":
+      return {
+        bottom: renderAtTop ? 120 : window.innerHeight - rect.top - 4,
+        left: rect.left,
+        right: "auto"
+      };
+    case "left":
+    default:
+      return {
+        top: rect.top,
+        left: rect.right - 4,
+        right: "auto"
+      };
+  }
+};
+const getSubmenuStyle = (itemRef, sidebarPosition, renderAtTop = false) => {
+  var _a;
+  const rect = (_a = itemRef.current) == null ? void 0 : _a.getBoundingClientRect();
+  const baseStyle = getSubmenuBaseStyle(sidebarPosition, renderAtTop);
+  if (!rect) {
+    return __spreadProps(__spreadValues({}, baseStyle), { top: 0, left: 0 });
+  }
+  const positionStyle = calculateSubmenuPosition(rect, sidebarPosition, renderAtTop);
+  return __spreadValues(__spreadValues({}, baseStyle), positionStyle);
+};
+export {
+  FORCE_CLICK_OPEN,
+  SUBMENU_SCROLL_THRESHOLD,
+  calculateSubmenuPosition,
+  getSubmenuBaseStyle,
+  getSubmenuStyle
+};