@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/default-theme/FullLayoutMarkup.js

@@ -1 +1,55 @@
-import{jsx as a,jsxs as t}from"react/jsx-runtime";import{useTheme as v,useMediaQuery as l}from"@mui/material";import h from"@app/assets/logo-horizontal.png";import y from"@app/assets/login-back.png";const N=({children:p,className:d,logo:s=a("img",{alt:"logo",className:"dash-app-login-logo",src:h}),loginBackground:i=a("img",{alt:"",src:y}),...u})=>{const o=v(),m=l(o.breakpoints.only("xs")),r=l(o.breakpoints.only("sm")),n=l(o.breakpoints.only("md")),c=l(o.breakpoints.only("lg")),g=l(o.breakpoints.only("xl")),e=m?"xs":r?"sm":n?"md":c?"lg":g?"xl":"";return e==="md"||e==="lg"||e==="xl"?a("div",{className:`dash-app-layout ${d||""}`,children:t("div",{className:"dash-app-login-wrapper",children:[p,t("div",{className:"dash-app-login-back",children:[a("div",{className:"dash-app-login-img",children:typeof i=="string"?a("img",{src:i,alt:""}):i}),a("div",{className:"dash-app-login-logo",children:typeof s=="string"?a("img",{alt:"logo",className:"dash-app-login-logo",src:s}):a("div",{className:"dash-app-login-logo",children:s})})]})]})}):a("div",{className:`dash-app-layout ${d||""}`,children:t("div",{className:"dash-app-login-wrapper",children:[a("div",{className:"dash-app-login-logo",children:typeof s=="string"?a("img",{alt:"logo",className:"dash-app-login-logo",src:s}):a("div",{className:"dash-app-login-logo",children:s})}),p,a("div",{className:"dash-app-login-img",children:typeof i=="string"?a("img",{src:i,alt:""}):i})]})})};var L=N;export{L as default};
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+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 { jsx, jsxs } from "react/jsx-runtime";
+import { useTheme, useMediaQuery } from "@mui/material";
+import Logo from "@app/assets/logo-horizontal.png";
+import BackImage from "@app/assets/login-back.png";
+const FullLayoutMarkup = (_a) => {
+  var _b = _a, {
+    children,
+    className,
+    logo = /* @__PURE__ */ jsx("img", { alt: "logo", className: "dash-app-login-logo", src: Logo }),
+    loginBackground = /* @__PURE__ */ jsx("img", { alt: "", src: BackImage })
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className",
+    "logo",
+    "loginBackground"
+  ]);
+  const theme = useTheme();
+  const isXs = useMediaQuery(theme.breakpoints.only("xs"));
+  const isSm = useMediaQuery(theme.breakpoints.only("sm"));
+  const isMd = useMediaQuery(theme.breakpoints.only("md"));
+  const isLg = useMediaQuery(theme.breakpoints.only("lg"));
+  const isXl = useMediaQuery(theme.breakpoints.only("xl"));
+  const currentSize = isXs ? "xs" : isSm ? "sm" : isMd ? "md" : isLg ? "lg" : isXl ? "xl" : "";
+  const largerToSm = currentSize === "md" || currentSize === "lg" || currentSize === "xl";
+  return largerToSm ? /* @__PURE__ */ jsx("div", { className: `dash-app-layout ${className || ""}`, children: /* @__PURE__ */ jsxs("div", { className: "dash-app-login-wrapper", children: [
+    children,
+    /* @__PURE__ */ jsxs("div", { className: "dash-app-login-back", children: [
+      /* @__PURE__ */ jsx("div", { className: "dash-app-login-img", children: typeof loginBackground === "string" ? /* @__PURE__ */ jsx("img", { src: loginBackground, alt: "" }) : loginBackground }),
+      /* @__PURE__ */ jsx("div", { className: "dash-app-login-logo", children: typeof logo === "string" ? /* @__PURE__ */ jsx("img", { alt: "logo", className: "dash-app-login-logo", src: logo }) : /* @__PURE__ */ jsx("div", { className: "dash-app-login-logo", children: logo }) })
+    ] })
+  ] }) }) : /* @__PURE__ */ jsx("div", { className: `dash-app-layout ${className || ""}`, children: /* @__PURE__ */ jsxs("div", { className: "dash-app-login-wrapper", children: [
+    /* @__PURE__ */ jsx("div", { className: "dash-app-login-logo", children: typeof logo === "string" ? /* @__PURE__ */ jsx("img", { alt: "logo", className: "dash-app-login-logo", src: logo }) : /* @__PURE__ */ jsx("div", { className: "dash-app-login-logo", children: logo }) }),
+    children,
+    /* @__PURE__ */ jsx("div", { className: "dash-app-login-img", children: typeof loginBackground === "string" ? /* @__PURE__ */ jsx("img", { src: loginBackground, alt: "" }) : loginBackground })
+  ] }) });
+};
+var FullLayoutMarkup_default = FullLayoutMarkup;
+export {
+  FullLayoutMarkup_default as default
+};

package/dist/default-theme/StaticLayout.js

@@ -1 +1,36 @@
-import{Fragment as p,jsx as t,jsxs as r}from"react/jsx-runtime";import{useSelector as s}from"react-redux";const i=({children:o,...c})=>{const a=s(e=>e.common.panelSettings)?.squaredLogo||t(p,{children:"\u{1F5A5}."});return t("div",{className:"dash-app-static",children:t("div",{className:"dash-app-static-wrapper",children:r("div",{className:"dash-app-static-content",children:[t("a",{href:"/",children:typeof a=="string"?t("img",{alt:"logo",className:"dash-app-static-logo",src:a}):t("div",{className:"dash-app-static-logo",children:a})}),o]})})})};var f=i;export{f as default};
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+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 { useSelector } from "react-redux";
+const StaticLayout = (_a) => {
+  var _b = _a, {
+    children
+  } = _b, props = __objRest(_b, [
+    "children"
+  ]);
+  const panelSettings = useSelector(
+    (state) => state.common.panelSettings
+  );
+  const squaredLogo = (panelSettings == null ? void 0 : panelSettings.squaredLogo) || /* @__PURE__ */ jsx(Fragment, { children: "\u{1F5A5}." });
+  return /* @__PURE__ */ jsx("div", { className: "dash-app-static", children: /* @__PURE__ */ jsx("div", { className: "dash-app-static-wrapper", children: /* @__PURE__ */ jsxs("div", { className: "dash-app-static-content", children: [
+    /* @__PURE__ */ jsx("a", { href: "/", children: typeof squaredLogo === "string" ? /* @__PURE__ */ jsx("img", { alt: "logo", className: "dash-app-static-logo", src: squaredLogo }) : /* @__PURE__ */ jsx("div", { className: "dash-app-static-logo", children: squaredLogo }) }),
+    children
+  ] }) }) });
+};
+var StaticLayout_default = StaticLayout;
+export {
+  StaticLayout_default as default
+};

package/dist/default-theme/index.js

@@ -1 +1,19 @@
-import{default as o}from"./DomainAppLayout";import{default as r}from"./DASHAppProviders";import{default as p}from"./DomainTheme";import{default as u}from"./DomainHeader";import{default as l}from"./FullLayoutMarkup";import{default as x}from"./StaticLayout";import{default as D}from"./DashThemeContext";import{default as H,useDashThemeHelperContext as n}from"./DashThemeHelperProvider";export{o as DASHAppLayout,r as DASHAppProviders,D as DashThemeContext,H as DashThemeHelperProvider,u as DomainHeader,p as DomainTheme,l as FullLayoutMarkup,x as StaticLayout,n as useDashThemeHelperContext};
+import { default as default2 } from "./DomainAppLayout";
+import { default as default3 } from "./DASHAppProviders";
+import { default as default4 } from "./DomainTheme";
+import { default as default5 } from "./DomainHeader";
+import { default as default6 } from "./FullLayoutMarkup";
+import { default as default7 } from "./StaticLayout";
+import { default as default8 } from "./DashThemeContext";
+import { default as default9, useDashThemeHelperContext } from "./DashThemeHelperProvider";
+export {
+  default2 as DASHAppLayout,
+  default3 as DASHAppProviders,
+  default8 as DashThemeContext,
+  default9 as DashThemeHelperProvider,
+  default5 as DomainHeader,
+  default4 as DomainTheme,
+  default6 as FullLayoutMarkup,
+  default7 as StaticLayout,
+  useDashThemeHelperContext
+};

package/dist/default-theme/menu/AppMaterialMenu.js

@@ -1 +1,364 @@
-import{Fragment as Y,jsx as r,jsxs as M}from"react/jsx-runtime";import*as S from"react";import{useSelector as C}from"react-redux";import{List as ie,IconButton as se,Box as I,useMediaQuery as q,useTheme as de}from"@mui/material";import me from"@mui/icons-material/KeyboardDoubleArrowLeft";import ce from"@mui/icons-material/KeyboardDoubleArrowRight";import pe from"@mui/icons-material/MenuOpen";import{useEffect as j}from"react";import ue from"./AppMenuComponents/expanded/SidebarItem";import ge from"./AppMenuComponents/expanded/CollapsableSidebarMenu";import fe from"./AppMenuComponents/collapsed/CollapsedSidebarItems";import{usePanelSettings as be}from"@dashadmin/dash-admin-state";import F from"../../helpers/checkRole";import{slugify as L}from"../../utils/slugify";import V from"../../components/user/TenantAvatarComponent";import he from"../../components/scrollbar/Scrollbar";import{useAuthContext as xe}from"../../contexts/auth/AuthContext";import{useI18nBridge as ye}from"../../contexts/I18nBridgeContext";import X from"./SidebarActions";import{useNavigate as Ie}from"react-router";const Q=({items:x,navExpanded:y,navSize:p,level:f,sidebarPosition:i="left",translate:d})=>x&&r(Y,{children:y&&p==="large"?r(ie,{className:"sidebar-list",component:"nav",sx:i==="top"||i==="bottom"?{display:"flex",flexDirection:"row",flexWrap:"nowrap",alignItems:"center",padding:0,margin:0}:void 0,children:x.map((u,v)=>u.children&&u.children.length?r(ge,{navExpanded:y,navSize:p,item:u,level:f+1,sidebarPosition:i},v):r(ue,{level:f,navExpanded:y,navSize:p,item:u},v))}):r(fe,{level:f,items:x,navExpanded:y,navSize:p,sidebarPosition:i})}),ve=x=>{const{menu:p,debug:f,navExpanded:i,navSize:d,logos:J,onToggleDrawer:u,sidebarPosition:v}=x,w=Ie(),z=de(),Z=q(z.breakpoints.down("sm")),B=q(z.breakpoints.down("md")),{sidebarLargeWidth:Se,sidebarSmallWidth:H,sidebarHorizontalHeight:Me,logoVerticalMaxWidth:P,logoVerticalMaxHeight:T,logoHorizontalMaxWidth:W,logoHorizontalMaxHeight:$}=be(),a=v||"left",{i18nProvider:c,locale:A}=ye(),l=S.useCallback((n,h)=>{if(typeof n!="string")return n;if(c?.translate)try{return c.translate(n,h)}catch(m){return console.warn("Translation error:",m),n}return n},[c]);j(()=>{console.log("\u{1F310} AppMaterialMenu: Bridged i18nProvider:",c),console.log("\u{1F310} AppMaterialMenu: currentLocale:",A),console.log("\u{1F9EA} Translation test:",{"ra.action.delete":l("ra.action.delete"),"ra.action.save":l("ra.action.save"),"kiosk.total":l("kiosk.total"),"resource.groups.products":l("resource.groups.products"),"resource.system.tenants.label":l("resource.system.tenants.label")})},[c,A,l]);const R=xe(),[O,ee]=S.useState(null),s=C(n=>f||p?p:n.resources.items),_=S.useRef(null);S.useEffect(()=>{const n=_.current,h=Array.isArray(n)?n.map(e=>e.model):[],m=Array.isArray(s)?s.map(e=>e.model):[],g=m.filter(e=>!h.includes(e)),D=h.filter(e=>!m.includes(e));console.log("\u{1F4CA} AppMaterialMenu: Resources from Redux",{isSameRef:n===s,prevCount:n?.length||0,newCount:s?.length||0,added:g.length>0?g:"none",removed:D.length>0?D:"none",allModels:m}),_.current=s},[s]);const N=C(n=>n.common.panelSettings),G=N?.horizontalLogo,U=N?.squaredLogo,te=C(n=>n.settings.groupIcons);j(()=>{const n=R?.user?.roles?R.user.roles.flatMap(e=>e.name):["Public"],h=[...new Set(s.map(e=>e.group).filter(e=>e!=null&&e!==""))],m=new Object;h.forEach(e=>{m[e]=s.filter(t=>t.group===e&&F(n,t.roles))});const g=[];Object.keys(m).map(e=>{const t=m[e];if(!t.length||!!(t[0]&&t[0].hidden===!0))return;const E=t.filter(o=>o.hidden!==!0),oe=E.map(o=>{console.log("translating resource label:",o.label,l(o.label));const K=c?.getLocale?.()||"unknown",k=c?.getMessages?.(K)||{},ae=k[o.label]!==void 0;console.log("\u{1F310} Translation debug:",{key:o.label,currentLocale:K,hasKey:ae,translation:k[o.label],allMessagesKeys:Object.keys(k).filter(le=>le.includes("resource.system")),translateResult:l(o.label)});const re=()=>o.menuOnly?o.redirect||o.path||`/${o.model}`:o?.redirect?.startsWith("/")?o.redirect:o?.redirect?`/${o.model}/${o.redirect}`.replace(/\/+/g,"/"):`/${o.model}`.replace(/\/+/g,"/");return{label:l(o.label,{_:o.label}),key:o.label,to:re(),icon:o.icon,group:L(t[0].group),model:o.model,menuOnly:o.menuOnly,txtLabel:l(o.label,{_:o.label})}}),ne={label:l(t[0].group,{_:t[0].group}),key:L(t[0].group),icon:t[0].icon||te[t[0].group],group:L(t[0].group),model:t[0].model,to:t[0].redirect?.startsWith("/")?t[0].redirect:t[0].redirect?`/${t[0].model}/${t[0].redirect}`.replace(/\/+/g,"/"):`/${t[0].model}`.replace(/\/+/g,"/"),txtLabel:l(t[0].group,{_:t[0].group}),...E&&E.length>1&&{children:oe}};g.push(ne)}),s.filter(e=>!(e.group!==null&&e.group!==void 0&&e.group!=="")&&F(n,e.roles)&&e.hidden!==!0).forEach(e=>{const t=()=>e.menuOnly?e.redirect||e.path||`/${e.model}`:e?.redirect?.startsWith("/")?e.redirect:e?.redirect?`/${e.model}/${e.redirect}`.replace(/\/+/g,"/"):`/${e.model}`.replace(/\/+/g,"/");g.push({label:l(e.label,{_:e.label}),key:e.label||e.model,to:t(),icon:e.icon,group:null,model:e.model,menuOnly:e.menuOnly,txtLabel:l(e.label,{_:e.label})})}),console.log("MENU ITEMS",g),ee(g)},[s,f,R?.user,l,c,A]);const b=a==="top"||a==="bottom";return M(Y,{children:[M(I,{className:"sidebar-header",sx:{display:"flex",flexDirection:b||i&&d==="large"?"row":"column",alignItems:b?"center":void 0},children:[M(I,{sx:{paddingRight:"5px",display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[M(I,{sx:{display:"flex",alignItems:"center",flexDirection:"column"},children:[u&&r(se,{className:"dash-icon-button-color dash-icon-button-bg",onClick:u,sx:{m:1},children:d==="small"?r(pe,{sx:{fontSize:28,transform:"scaleX(-1)"}}):i?r(me,{sx:{fontSize:28}}):r(ce,{sx:{fontSize:28}})}),!(i&&d==="large")&&!Z&&r(V,{navExpanded:i,navSize:d,imageUrl:B||a==="left"||a==="right"?U:G,maxWidth:b?W:P,maxHeight:b?$:T,sidebarSmallWidth:H,alt:"Tenant Logo",sidebarPosition:a,onClick:()=>w("/")})]}),(a==="left"||a==="right")&&r(X,{sidebarPosition:a,navExpanded:i})]}),i&&d==="large"&&r(I,{sx:{display:"flex",alignItems:"center",flexDirection:"column"},children:r(V,{navExpanded:i,navSize:d,imageUrl:B||a==="left"||a==="right"?U:G,maxWidth:b?W:P,maxHeight:b?$:T,sidebarSmallWidth:H,alt:"Tenant Logo",sidebarPosition:a,onClick:()=>w("/")})})]}),a==="top"||a==="bottom"?r(I,{className:"dash-layout-sider-scrollbar horizontal-mode",sx:{display:"flex",flexDirection:"row",overflowX:"auto",overflowY:"hidden",flex:1,height:"100%",alignItems:"center"},children:r(Q,{items:O,navExpanded:i,navSize:d,level:0,sidebarPosition:a,translate:l})}):r(he,{className:"dash-layout-sider-scrollbar",children:r(Q,{items:O,navExpanded:i,navSize:d,level:0,sidebarPosition:a,translate:l})}),(a==="top"||a==="bottom")&&r(X,{sidebarPosition:a,navExpanded:i})]})};var rt=ve;export{rt as default};
+var __defProp = Object.defineProperty;
+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;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useSelector } from "react-redux";
+import { List, IconButton, Box, useMediaQuery, useTheme } from "@mui/material";
+import KeyboardDoubleArrowLeftIcon from "@mui/icons-material/KeyboardDoubleArrowLeft";
+import KeyboardDoubleArrowRightIcon from "@mui/icons-material/KeyboardDoubleArrowRight";
+import MenuOpenIcon from "@mui/icons-material/MenuOpen";
+import { useEffect } from "react";
+import SidebarItem from "./AppMenuComponents/expanded/SidebarItem";
+import SidebarItemCollapse from "./AppMenuComponents/expanded/CollapsableSidebarMenu";
+import CollapsedSidebarItems from "./AppMenuComponents/collapsed/CollapsedSidebarItems";
+import { usePanelSettings } from "dash-admin-state";
+import checkRole from "../../helpers/checkRole";
+import { slugify } from "../../utils/slugify";
+import TenantAvatarComponent from "../../components/user/TenantAvatarComponent";
+import Scrollbar from "../../components/scrollbar/Scrollbar";
+import { useAuthContext } from "../../contexts/auth/AuthContext";
+import { useI18nBridge } from "../../contexts/I18nBridgeContext";
+import SidebarActions from "./SidebarActions";
+import { useNavigate } from "react-router";
+const GenerateItems = ({
+  items,
+  navExpanded,
+  navSize,
+  level,
+  sidebarPosition = "left",
+  translate
+}) => {
+  const isHorizontal = sidebarPosition === "top" || sidebarPosition === "bottom";
+  return items && /* @__PURE__ */ jsx(Fragment, { children: navExpanded && navSize === "large" ? /* @__PURE__ */ jsx(
+    List,
+    {
+      className: "sidebar-list",
+      component: "nav",
+      sx: isHorizontal ? {
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "nowrap",
+        alignItems: "center",
+        padding: 0,
+        margin: 0
+      } : void 0,
+      children: items.map((item, index) => {
+        return item.children && item.children.length ? /* @__PURE__ */ jsx(
+          SidebarItemCollapse,
+          {
+            navExpanded,
+            navSize,
+            item,
+            level: level + 1,
+            sidebarPosition
+          },
+          index
+        ) : /* @__PURE__ */ jsx(SidebarItem, { level, navExpanded, navSize, item }, index);
+      })
+    }
+  ) : /* @__PURE__ */ jsx(CollapsedSidebarItems, { level, items, navExpanded, navSize, sidebarPosition }) });
+};
+const AppMaterialMenu = (props) => {
+  const DEBUG = true;
+  const { menu, debug, navExpanded, navSize, logos, onToggleDrawer, sidebarPosition: propSidebarPosition } = props;
+  const navigate = useNavigate();
+  const theme = useTheme();
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down("sm"));
+  const isMediumScreen = useMediaQuery(theme.breakpoints.down("md"));
+  const { sidebarLargeWidth, sidebarSmallWidth, sidebarHorizontalHeight, logoVerticalMaxWidth, logoVerticalMaxHeight, logoHorizontalMaxWidth, logoHorizontalMaxHeight } = usePanelSettings();
+  const sidebarPosition = propSidebarPosition || "left";
+  const { i18nProvider, locale: currentLocale } = useI18nBridge();
+  const translate = React.useCallback((key, options) => {
+    if (typeof key !== "string") {
+      return key;
+    }
+    if (i18nProvider == null ? void 0 : i18nProvider.translate) {
+      try {
+        return i18nProvider.translate(key, options);
+      } catch (e) {
+        console.warn("Translation error:", e);
+        return key;
+      }
+    }
+    return key;
+  }, [i18nProvider]);
+  useEffect(() => {
+    DEBUG && console.log("\u{1F310} AppMaterialMenu: Bridged i18nProvider:", i18nProvider);
+    DEBUG && console.log("\u{1F310} AppMaterialMenu: currentLocale:", currentLocale);
+    DEBUG && console.log("\u{1F9EA} Translation test:", {
+      // Test react-admin built-in keys
+      "ra.action.delete": translate("ra.action.delete"),
+      "ra.action.save": translate("ra.action.save"),
+      // Test top-level custom keys
+      "kiosk.total": translate("kiosk.total"),
+      // Test nested resource keys
+      "resource.groups.products": translate("resource.groups.products"),
+      "resource.system.tenants.label": translate("resource.system.tenants.label")
+    });
+  }, [i18nProvider, currentLocale, translate]);
+  const authContext = useAuthContext();
+  const [items, setItems] = React.useState(null);
+  const resources = useSelector(
+    (state) => {
+      if (debug || menu) {
+        return menu;
+      }
+      return state.resources.items;
+    }
+  );
+  const prevResourcesRef = React.useRef(null);
+  React.useEffect(() => {
+    const prevResources = prevResourcesRef.current;
+    const prevModels = Array.isArray(prevResources) ? prevResources.map((r) => r.model) : [];
+    const newModels = Array.isArray(resources) ? resources.map((r) => r.model) : [];
+    const added = newModels.filter((m) => !prevModels.includes(m));
+    const removed = prevModels.filter((m) => !newModels.includes(m));
+    console.log("\u{1F4CA} AppMaterialMenu: Resources from Redux", {
+      isSameRef: prevResources === resources,
+      prevCount: (prevResources == null ? void 0 : prevResources.length) || 0,
+      newCount: (resources == null ? void 0 : resources.length) || 0,
+      added: added.length > 0 ? added : "none",
+      removed: removed.length > 0 ? removed : "none",
+      allModels: newModels
+    });
+    prevResourcesRef.current = resources;
+  }, [resources]);
+  const panelSettings = useSelector((state) => state.common.panelSettings);
+  const horizontalLogo = panelSettings == null ? void 0 : panelSettings.horizontalLogo;
+  const squaredLogo = panelSettings == null ? void 0 : panelSettings.squaredLogo;
+  const groupIcons = useSelector(
+    (state) => state.settings.groupIcons
+  );
+  useEffect(() => {
+    var _a;
+    const userRoles = ((_a = authContext == null ? void 0 : authContext.user) == null ? void 0 : _a.roles) ? authContext.user.roles.flatMap((role) => role.name) : ["Public"];
+    const groups = [
+      ...new Set(
+        resources.map((resource) => resource.group).filter((x) => x !== null && x !== void 0 && x !== "")
+      )
+    ];
+    const groupedResources = new Object();
+    groups.forEach((group) => {
+      groupedResources[group] = resources.filter((resource) => {
+        return resource.group === group && checkRole(userRoles, resource.roles);
+      });
+    });
+    const _items = [];
+    Object.keys(groupedResources).map((groupKey) => {
+      var _a2;
+      const group = groupedResources[groupKey];
+      if (!group.length) return;
+      const hidden = group[0] && group[0].hidden === true ? true : false;
+      if (hidden) return;
+      const _childrens = group.filter((resource) => resource.hidden !== true);
+      const _children = _childrens.map((resource) => {
+        var _a3, _b;
+        console.log("translating resource label:", resource.label, translate(resource.label));
+        const currentLocale2 = ((_a3 = i18nProvider == null ? void 0 : i18nProvider.getLocale) == null ? void 0 : _a3.call(i18nProvider)) || "unknown";
+        const messages = ((_b = i18nProvider == null ? void 0 : i18nProvider.getMessages) == null ? void 0 : _b.call(i18nProvider, currentLocale2)) || {};
+        const hasKey = messages[resource.label] !== void 0;
+        console.log("\u{1F310} Translation debug:", {
+          key: resource.label,
+          currentLocale: currentLocale2,
+          hasKey,
+          translation: messages[resource.label],
+          allMessagesKeys: Object.keys(messages).filter((k) => k.includes("resource.system")),
+          translateResult: translate(resource.label)
+        });
+        const buildMenuPath = () => {
+          var _a4;
+          if (resource.menuOnly) {
+            return resource.redirect || resource.path || `/${resource.model}`;
+          }
+          if ((_a4 = resource == null ? void 0 : resource.redirect) == null ? void 0 : _a4.startsWith("/")) {
+            return resource.redirect;
+          }
+          if (resource == null ? void 0 : resource.redirect) {
+            return `/${resource.model}/${resource.redirect}`.replace(/\/+/g, "/");
+          }
+          return `/${resource.model}`.replace(/\/+/g, "/");
+        };
+        return {
+          label: translate(resource.label, { _: resource.label }),
+          key: resource.label,
+          to: buildMenuPath(),
+          icon: resource.icon,
+          group: slugify(group[0].group),
+          model: resource.model,
+          menuOnly: resource.menuOnly,
+          txtLabel: translate(resource.label, { _: resource.label })
+        };
+      });
+      const _item = __spreadValues({
+        label: translate(group[0].group, { _: group[0].group }),
+        key: slugify(group[0].group),
+        icon: group[0].icon || groupIcons[group[0].group],
+        group: slugify(group[0].group),
+        model: group[0].model,
+        to: ((_a2 = group[0].redirect) == null ? void 0 : _a2.startsWith("/")) ? group[0].redirect : group[0].redirect ? `/${group[0].model}/${group[0].redirect}`.replace(/\/+/g, "/") : `/${group[0].model}`.replace(/\/+/g, "/"),
+        txtLabel: translate(group[0].group, { _: group[0].group })
+      }, _childrens && _childrens.length > 1 && { children: _children });
+      _items.push(_item);
+    });
+    const ungroupedResources = resources.filter((resource) => {
+      const hasGroup = resource.group !== null && resource.group !== void 0 && resource.group !== "";
+      return !hasGroup && checkRole(userRoles, resource.roles) && resource.hidden !== true;
+    });
+    ungroupedResources.forEach((resource) => {
+      const buildMenuPath = () => {
+        var _a2;
+        if (resource.menuOnly) {
+          return resource.redirect || resource.path || `/${resource.model}`;
+        }
+        if ((_a2 = resource == null ? void 0 : resource.redirect) == null ? void 0 : _a2.startsWith("/")) {
+          return resource.redirect;
+        }
+        if (resource == null ? void 0 : resource.redirect) {
+          return `/${resource.model}/${resource.redirect}`.replace(/\/+/g, "/");
+        }
+        return `/${resource.model}`.replace(/\/+/g, "/");
+      };
+      _items.push({
+        label: translate(resource.label, { _: resource.label }),
+        key: resource.label || resource.model,
+        to: buildMenuPath(),
+        icon: resource.icon,
+        group: null,
+        model: resource.model,
+        menuOnly: resource.menuOnly,
+        txtLabel: translate(resource.label, { _: resource.label })
+      });
+    });
+    DEBUG && console.log("MENU ITEMS", _items);
+    setItems(_items);
+  }, [resources, debug, authContext == null ? void 0 : authContext.user, translate, i18nProvider, currentLocale]);
+  const isHorizontal = sidebarPosition === "top" || sidebarPosition === "bottom";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: "sidebar-header",
+        sx: {
+          display: "flex",
+          flexDirection: isHorizontal ? "row" : navExpanded && navSize === "large" ? "row" : "column",
+          alignItems: isHorizontal ? "center" : void 0
+        },
+        children: [
+          /* @__PURE__ */ jsxs(Box, { sx: {
+            paddingRight: "5px",
+            //borderRight: navExpanded && navSize === 'large' ? '1px solid rgba(0, 0, 0, 0.12)' : 'none',
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 1
+          }, children: [
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  //gap: 1,
+                  flexDirection: "column"
+                },
+                children: [
+                  onToggleDrawer && /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      className: "dash-icon-button-color dash-icon-button-bg",
+                      onClick: onToggleDrawer,
+                      sx: {
+                        m: 1
+                      },
+                      children: navSize === "small" ? /* @__PURE__ */ jsx(MenuOpenIcon, { sx: { fontSize: 28, transform: "scaleX(-1)" } }) : navExpanded ? /* @__PURE__ */ jsx(KeyboardDoubleArrowLeftIcon, { sx: { fontSize: 28 } }) : /* @__PURE__ */ jsx(KeyboardDoubleArrowRightIcon, { sx: { fontSize: 28 } })
+                    }
+                  ),
+                  !(navExpanded && navSize === "large") && !isSmallScreen && /* @__PURE__ */ jsx(
+                    TenantAvatarComponent,
+                    {
+                      navExpanded,
+                      navSize,
+                      imageUrl: isMediumScreen || sidebarPosition === "left" || sidebarPosition === "right" ? squaredLogo : horizontalLogo,
+                      maxWidth: isHorizontal ? logoHorizontalMaxWidth : logoVerticalMaxWidth,
+                      maxHeight: isHorizontal ? logoHorizontalMaxHeight : logoVerticalMaxHeight,
+                      sidebarSmallWidth,
+                      alt: "Tenant Logo",
+                      sidebarPosition,
+                      onClick: () => navigate("/")
+                    }
+                  )
+                ]
+              }
+            ),
+            (sidebarPosition === "left" || sidebarPosition === "right") && /* @__PURE__ */ jsx(SidebarActions, { sidebarPosition, navExpanded })
+          ] }),
+          navExpanded && navSize === "large" && /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                flexDirection: "column"
+              },
+              children: /* @__PURE__ */ jsx(
+                TenantAvatarComponent,
+                {
+                  navExpanded,
+                  navSize,
+                  imageUrl: isMediumScreen || sidebarPosition === "left" || sidebarPosition === "right" ? squaredLogo : horizontalLogo,
+                  maxWidth: isHorizontal ? logoHorizontalMaxWidth : logoVerticalMaxWidth,
+                  maxHeight: isHorizontal ? logoHorizontalMaxHeight : logoVerticalMaxHeight,
+                  sidebarSmallWidth,
+                  alt: "Tenant Logo",
+                  sidebarPosition,
+                  onClick: () => navigate("/")
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    sidebarPosition === "top" || sidebarPosition === "bottom" ? /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: "dash-layout-sider-scrollbar horizontal-mode",
+        sx: {
+          display: "flex",
+          flexDirection: "row",
+          overflowX: "auto",
+          overflowY: "hidden",
+          flex: 1,
+          height: "100%",
+          alignItems: "center"
+        },
+        children: /* @__PURE__ */ jsx(GenerateItems, { items, navExpanded, navSize, level: 0, sidebarPosition, translate })
+      }
+    ) : /* @__PURE__ */ jsx(
+      Scrollbar,
+      {
+        className: "dash-layout-sider-scrollbar",
+        children: /* @__PURE__ */ jsx(GenerateItems, { items, navExpanded, navSize, level: 0, sidebarPosition, translate })
+      }
+    ),
+    (sidebarPosition === "top" || sidebarPosition === "bottom") && /* @__PURE__ */ jsx(SidebarActions, { sidebarPosition, navExpanded })
+  ] });
+};
+var AppMaterialMenu_default = AppMaterialMenu;
+export {
+  AppMaterialMenu_default as default
+};

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

@@ -1 +1,33 @@
-import{jsx as b}from"react/jsx-runtime";import l from"react-dom";import{getSubmenuStyle as m,SUBMENU_SCROLL_THRESHOLD as c}from"./submenuConstants";const d=({open:e,itemRef:o,sidebarPosition:t,children:r,onMouseEnter:n,onMouseLeave:a,childrenCount:i=0,className:u="sidebar-submenu-portal"})=>{if(!e)return null;const s=i>c;return l.createPortal(b("div",{className:u,style:m(o,t,s),onMouseEnter:n,onMouseLeave:a,children:r}),document.body)};var L=d;export{L as default};
+import { jsx } from "react/jsx-runtime";
+import ReactDOM from "react-dom";
+import { getSubmenuStyle, SUBMENU_SCROLL_THRESHOLD } from "./submenuConstants";
+const SubmenuPortal = ({
+  open,
+  itemRef,
+  sidebarPosition,
+  children,
+  onMouseEnter,
+  onMouseLeave,
+  childrenCount = 0,
+  className = "sidebar-submenu-portal"
+}) => {
+  if (!open) return null;
+  const renderAtTop = childrenCount > SUBMENU_SCROLL_THRESHOLD;
+  return ReactDOM.createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className,
+        style: getSubmenuStyle(itemRef, sidebarPosition, renderAtTop),
+        onMouseEnter,
+        onMouseLeave,
+        children
+      }
+    ),
+    document.body
+  );
+};
+var SubmenuPortal_default = SubmenuPortal;
+export {
+  SubmenuPortal_default as default
+};