@dashadmin/dash-admin 1.3.24 → 1.3.26

package/dist/default-theme/DASHAppProviders.js

@@ -1 +1,86 @@
-import{jsx as e,jsxs as F}from"react/jsx-runtime";import*as c from"react";import{ToastContainer as l}from"react-toastify";import{DialogServiceProvider as P}from"@dashadmin/dash-dialog";import f from"@dashadmin/dash-modal";import{LaravelEchoProvider as v}from"../contexts/com/LaravelEchoContext";import{DASHAppConstants as h}from"@dashadmin/dash-constants";import{CacheInvalidatorContextProvider as C}from"../utils/cache/CacheInvalidatorContext";import u from"../utils/cache/CacheInvalidatorListenerComponent";import A from"../components/misc/DASHGlobalErrorHandler";import x from"../contexts/DashQueryClientContext";import{FCMProvider as y}from"../contexts/com/FCMContext";import D from"../hooks/notifications/WSMessagesManager";import{LocalizationProvider as T}from"@mui/x-date-pickers";import{AdapterDayjs as g}from"@mui/x-date-pickers/AdapterDayjs";import{AuthContextProvider as S}from"../contexts/auth";import{Provider as I}from"react-redux";import{DashThemeProvider as R}from"./DashThemeContext";import{ComponentRegistryProvider as M}from"@dashadmin/dash-auto-admin";import{I18nBridgeProvider as E,useI18nBridge as H}from"../contexts/I18nBridgeContext";const L=r=>{const{i18nProvider:o,locale:i}=H(),n=c.useCallback((t,d)=>{if(!o)return t;try{return o.translate(t,d)}catch{return t}},[o,i]),a=r.confirmText===void 0?n("dash.action.continue"):r.confirmText,m=r.cancelText===void 0?n("dash.action.cancel"):r.cancelText;return e(f,{...r,confirmText:a,cancelText:m})},U=({wsMessagesManager:r,dateAdapter:o,store:i,children:n,extendedThemeOptions:a,dashAutoAdminComponents:m,queryClient:t,queryPersister:d,CustomEchoProvider:s})=>{const p=e(E,{children:e(R,{extendedOptions:a,children:e(T,{dateAdapter:o||g,children:e(S,{children:e(x,{queryClient:t,persister:d,children:e(M,{customComponents:m||{},children:e(P,{component:L,componentProps:{sound:h.system.UI_SOUNDS},children:e(y,{children:e(s||v,{manager:r||D,children:F(C,{children:[e(u,{}),e(l,{style:{width:"520px"}}),e(A,{}),n]})})})})})})})})})});return i?e(I,{store:i,children:p}):p};var Pe=U;export{Pe 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));
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ToastContainer } from "react-toastify";
+import { DialogServiceProvider } from "dash-dialog";
+import DASHModal from "dash-modal";
+import { LaravelEchoProvider } from "../contexts/com/LaravelEchoContext";
+import { DASHAppConstants } from "dash-constants";
+import { CacheInvalidatorContextProvider } from "../utils/cache/CacheInvalidatorContext";
+import CacheInvalidatorListenerComponent from "../utils/cache/CacheInvalidatorListenerComponent";
+import DASHGlobalErrorHandler from "../components/misc/DASHGlobalErrorHandler";
+import DashQueryClientContext from "../contexts/DashQueryClientContext";
+import { FCMProvider } from "../contexts/com/FCMContext";
+import WSMessagesManager from "../hooks/notifications/WSMessagesManager";
+import { LocalizationProvider } from "@mui/x-date-pickers";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import { AuthContextProvider } from "../contexts/auth";
+import { Provider } from "react-redux";
+import { DashThemeProvider } from "./DashThemeContext";
+import { ComponentRegistryProvider } from "dash-auto-admin";
+import { I18nBridgeProvider, useI18nBridge } from "../contexts/I18nBridgeContext";
+const BridgedDASHModal = (props) => {
+  const { i18nProvider, locale } = useI18nBridge();
+  const translate = React.useCallback((key, options) => {
+    if (!i18nProvider) return key;
+    try {
+      return i18nProvider.translate(key, options);
+    } catch (e) {
+      return key;
+    }
+  }, [i18nProvider, locale]);
+  const confirmText = props.confirmText === void 0 ? translate("dash.action.continue") : props.confirmText;
+  const cancelText = props.cancelText === void 0 ? translate("dash.action.cancel") : props.cancelText;
+  return /* @__PURE__ */ jsx(DASHModal, __spreadProps(__spreadValues({}, props), { confirmText, cancelText }));
+};
+const DomainAppProviders = ({
+  wsMessagesManager,
+  dateAdapter,
+  store,
+  children,
+  extendedThemeOptions,
+  dashAutoAdminComponents,
+  queryClient,
+  queryPersister,
+  CustomEchoProvider
+}) => {
+  const content = /* @__PURE__ */ jsx(I18nBridgeProvider, { children: /* @__PURE__ */ jsx(DashThemeProvider, { extendedOptions: extendedThemeOptions, children: /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: dateAdapter || AdapterDayjs, children: /* @__PURE__ */ jsx(AuthContextProvider, { children: /* @__PURE__ */ jsx(DashQueryClientContext, { queryClient, persister: queryPersister, children: /* @__PURE__ */ jsx(ComponentRegistryProvider, { customComponents: dashAutoAdminComponents || {}, children: /* @__PURE__ */ jsx(
+    DialogServiceProvider,
+    {
+      component: BridgedDASHModal,
+      componentProps: { sound: DASHAppConstants.system.UI_SOUNDS },
+      children: /* @__PURE__ */ jsx(FCMProvider, { children: /* @__PURE__ */ (() => {
+        const EchoProvider = CustomEchoProvider || LaravelEchoProvider;
+        return /* @__PURE__ */ jsx(EchoProvider, { manager: wsMessagesManager || WSMessagesManager, children: /* @__PURE__ */ jsxs(CacheInvalidatorContextProvider, { children: [
+          /* @__PURE__ */ jsx(CacheInvalidatorListenerComponent, {}),
+          /* @__PURE__ */ jsx(ToastContainer, { style: { width: "520px" } }),
+          /* @__PURE__ */ jsx(DASHGlobalErrorHandler, {}),
+          children
+        ] }) });
+      })() })
+    }
+  ) }) }) }) }) }) });
+  return store ? /* @__PURE__ */ jsx(Provider, { store, children: content }) : content;
+};
+var DASHAppProviders_default = DomainAppProviders;
+export {
+  DASHAppProviders_default as default
+};

package/dist/default-theme/DashThemeContext.js

@@ -1 +1,146 @@
-import{jsx as g,jsxs as I}from"react/jsx-runtime";import{createContext as E,useContext as M,useState as h,useEffect as d}from"react";import{appTheme as T,getAntTheme as f}from"@dashadmin/dash-styles";import{AuthPersistenceService as u}from"@dashadmin/dash-auth";import{updateDomCssVariables as S}from"@dashadmin/dash-utils";import k from"@mui/material/CssBaseline";import O from"antd/es/config-provider";import{createTheme as v,ThemeProvider as H}from"@mui/material";const l=E(null);function y(r){const s=r.breakpoints;return s&&!s.internal_mediaKeys&&s.keys&&s.up&&(s.internal_mediaKeys=s.keys.map(t=>s.up(t))),r}const W=()=>{const r=M(l);if(!r)throw new Error("useDashThemeContext must be used within a DashThemeProvider");return r},X=({extendedOptions:r,children:s})=>{const[t,C]=h(()=>document.documentElement.getAttribute("data-theme")||"dark"),[D,b]=h(()=>{const e=u.getTenantSettings();return T(r,{currentMode:t,colors:e?.colors,tenantSettings:e})}),[p,w]=h(()=>{const e=u.getTenantSettings();return y(v(T(r,{currentMode:t,colors:e?.colors,tenantSettings:e})))}),[P,x]=h(()=>{const e=u.getTenantSettings();return f({currentMode:t,colors:e?.colors,tenantSettings:e})}),a=()=>u.getTenantSettings()||null,c=(e,m)=>{const n=e||a(),o=m||document.documentElement.getAttribute("data-theme")||"dark";console.log("Recreating MUI theme with tenant settings:",n,"mode:",o);const i=T(r,{tenantSettings:n,colors:n?.colors,currentMode:o}),R=y(v(i));b(i),w(R),x(f({tenantSettings:n,colors:n?.colors,currentMode:o})),S(o,n?.colors,n?.values)};d(()=>{const e=new MutationObserver(m=>{m.forEach(n=>{if(n.type==="attributes"&&n.attributeName==="data-theme"){const o=document.documentElement.getAttribute("data-theme")||"dark";if(o!==t){console.log("Theme mode changed from",t,"to",o),C(o);const i=a();console.log("Updating theme with new mode:",o,"and settings:",i),S(o,i?.colors,i?.values)}}})});return e.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>e.disconnect()},[t]),d(()=>{console.log("Current mode updated to:",t);const e=a();c(e,t)},[t]),d(()=>{const e=a();e&&(console.log("Recreating MUI theme on mount"),c(e,t))},[]),d(()=>{const e=m=>{if(m.type==="DASHTRefreshTheme"){const n=a();c(n,t)}};return window.addEventListener("DASHTRefreshTheme",e),()=>window.removeEventListener("DASHTRefreshTheme",e)},[]);const A={theme:p,themeOptions:D,recreateTheme:c,currentMode:t};return I(H,{noSsr:!0,disableTransitionOnChange:!0,theme:p,children:[g(k,{}),g(l.Provider,{value:A,children:g(O,{theme:P,children:s})})]})};var Y=l;export{X as DashThemeProvider,Y as default,W as useDashThemeContext};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect } from "react";
+import { appTheme, getAntTheme } from "dash-styles";
+import { AuthPersistenceService } from "dash-auth";
+import { updateDomCssVariables } from "dash-utils";
+import CssBaseline from "@mui/material/CssBaseline";
+import ConfigProvider from "antd/es/config-provider";
+import {
+  createTheme,
+  ThemeProvider
+} from "@mui/material";
+const DashThemeContext = createContext(null);
+function patchThemeBreakpoints(theme) {
+  const bp = theme.breakpoints;
+  if (bp && !bp.internal_mediaKeys && bp.keys && bp.up) {
+    bp.internal_mediaKeys = bp.keys.map((key) => bp.up(key));
+  }
+  return theme;
+}
+const useDashThemeContext = () => {
+  const context = useContext(DashThemeContext);
+  if (!context) {
+    throw new Error("useDashThemeContext must be used within a DashThemeProvider");
+  }
+  return context;
+};
+const DashThemeProvider = ({ extendedOptions, children }) => {
+  const [currentMode, setCurrentMode] = useState(
+    () => document.documentElement.getAttribute("data-theme") || "dark"
+  );
+  const [themeOptions, setThemeOptions] = useState(() => {
+    const initialTenantSettings = AuthPersistenceService.getTenantSettings();
+    return appTheme(extendedOptions, {
+      currentMode,
+      colors: initialTenantSettings == null ? void 0 : initialTenantSettings.colors,
+      tenantSettings: initialTenantSettings
+    });
+  });
+  const [theme, setTheme] = useState(() => {
+    const initialTenantSettings = AuthPersistenceService.getTenantSettings();
+    return patchThemeBreakpoints(createTheme(appTheme(extendedOptions, {
+      currentMode,
+      colors: initialTenantSettings == null ? void 0 : initialTenantSettings.colors,
+      tenantSettings: initialTenantSettings
+    })));
+  });
+  const [antTheme, setAntTheme] = useState(() => {
+    const initialTenantSettings = AuthPersistenceService.getTenantSettings();
+    return getAntTheme({
+      currentMode,
+      colors: initialTenantSettings == null ? void 0 : initialTenantSettings.colors,
+      tenantSettings: initialTenantSettings
+    });
+  });
+  const getTenantSettings = () => {
+    const persistedTenantSettings = AuthPersistenceService.getTenantSettings();
+    return persistedTenantSettings || null;
+  };
+  const recreateTheme = (tenantSettings, mode) => {
+    const settings = tenantSettings || getTenantSettings();
+    const themeMode = mode || document.documentElement.getAttribute("data-theme") || "dark";
+    console.log("Recreating MUI theme with tenant settings:", settings, "mode:", themeMode);
+    const newThemeOptions = appTheme(
+      extendedOptions,
+      {
+        tenantSettings: settings,
+        colors: settings == null ? void 0 : settings.colors,
+        currentMode: themeMode
+      }
+    );
+    const newTheme = patchThemeBreakpoints(createTheme(newThemeOptions));
+    setThemeOptions(newThemeOptions);
+    setTheme(newTheme);
+    setAntTheme(getAntTheme({
+      tenantSettings: settings,
+      colors: settings == null ? void 0 : settings.colors,
+      currentMode: themeMode
+    }));
+    updateDomCssVariables(themeMode, settings == null ? void 0 : settings.colors, settings == null ? void 0 : settings.values);
+  };
+  useEffect(() => {
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === "attributes" && mutation.attributeName === "data-theme") {
+          const newMode = document.documentElement.getAttribute("data-theme") || "dark";
+          if (newMode !== currentMode) {
+            console.log("Theme mode changed from", currentMode, "to", newMode);
+            setCurrentMode(newMode);
+            const settings = getTenantSettings();
+            console.log("Updating theme with new mode:", newMode, "and settings:", settings);
+            updateDomCssVariables(newMode, settings == null ? void 0 : settings.colors, settings == null ? void 0 : settings.values);
+          }
+        }
+      });
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-theme"]
+    });
+    return () => observer.disconnect();
+  }, [currentMode]);
+  useEffect(() => {
+    console.log("Current mode updated to:", currentMode);
+    const tenantSettings = getTenantSettings();
+    recreateTheme(tenantSettings, currentMode);
+  }, [currentMode]);
+  useEffect(() => {
+    const tenantSettings = getTenantSettings();
+    if (tenantSettings) {
+      console.log("Recreating MUI theme on mount");
+      recreateTheme(tenantSettings, currentMode);
+    }
+  }, []);
+  useEffect(() => {
+    const handler = (event) => {
+      if (event.type === "DASHTRefreshTheme") {
+        const tenantSettings = getTenantSettings();
+        recreateTheme(tenantSettings, currentMode);
+      }
+    };
+    window.addEventListener("DASHTRefreshTheme", handler);
+    return () => window.removeEventListener("DASHTRefreshTheme", handler);
+  }, []);
+  const contextValue = {
+    theme,
+    themeOptions,
+    recreateTheme,
+    currentMode
+  };
+  return /* @__PURE__ */ jsxs(ThemeProvider, { noSsr: true, disableTransitionOnChange: true, theme, children: [
+    /* @__PURE__ */ jsx(CssBaseline, {}),
+    /* @__PURE__ */ jsx(DashThemeContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      ConfigProvider,
+      {
+        theme: antTheme,
+        children
+      }
+    ) })
+  ] });
+};
+var DashThemeContext_default = DashThemeContext;
+export {
+  DashThemeProvider,
+  DashThemeContext_default as default,
+  useDashThemeContext
+};

package/dist/default-theme/DashThemeHelperProvider.js

@@ -1 +1,54 @@
-import{jsx as T}from"react/jsx-runtime";import{createContext as c,useContext as l,useEffect as a}from"react";import{AuthPersistenceService as p}from"@dashadmin/dash-auth";import{useColorScheme as u}from"@mui/material/styles";import{updateDomCssVariables as f}from"@dashadmin/dash-utils";import{dashStorage as s}from"@dashadmin/dash-utils";const m=()=>{const r=s.getItem("theme");return r==="light"||r==="dark"?r:"dark"},d=c({mode:m()}),k=()=>l(d),g=({children:r})=>{const{mode:e,setMode:n}=u(),i=e==="light"||e==="dark"?e:m(),h=()=>{const t=p.getTenantSettings();return t||null};return a(()=>{const t=s.getItem("theme");if(t&&(t==="light"||t==="dark")&&e!==t)n(t);else if(!t){const o="dark";s.setItem("theme",o),document.documentElement.setAttribute("data-theme",o),n(o)}},[]),a(()=>{if(e!=="light"&&e!=="dark")return;const t=new CustomEvent("dash-theme-mode-switched",{detail:{mode:e}});window.dispatchEvent(t);const o=h();(o?.colors||o?.values)&&(s.setItem("theme",e),document.documentElement.setAttribute("data-theme",e),f(e,o?.colors||{},o?.values||{}))},[e]),T(d.Provider,{value:{mode:i},children:r})};var S=g;export{g as DashThemeHelperProvider,S as default,k as useDashThemeHelperContext};
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect } from "react";
+import { AuthPersistenceService } from "dash-auth";
+import { useColorScheme } from "@mui/material/styles";
+import { updateDomCssVariables } from "dash-utils";
+import { dashStorage } from "dash-utils";
+const getInitialMode = () => {
+  const stored = dashStorage.getItem("theme");
+  return stored === "light" || stored === "dark" ? stored : "dark";
+};
+const DashThemeHelperContext = createContext({
+  mode: getInitialMode()
+});
+const useDashThemeHelperContext = () => useContext(DashThemeHelperContext);
+const DashThemeHelperProvider = ({ children }) => {
+  const { mode, setMode } = useColorScheme();
+  const effectiveMode = mode === "light" || mode === "dark" ? mode : getInitialMode();
+  const getTenantSettings = () => {
+    const persistedTenantSettings = AuthPersistenceService.getTenantSettings();
+    if (persistedTenantSettings) {
+      return persistedTenantSettings;
+    }
+    return null;
+  };
+  useEffect(() => {
+    const storedTheme = dashStorage.getItem("theme");
+    if (storedTheme && (storedTheme === "light" || storedTheme === "dark") && mode !== storedTheme) {
+      setMode(storedTheme);
+    } else if (!storedTheme) {
+      const defaultMode = "dark";
+      dashStorage.setItem("theme", defaultMode);
+      document.documentElement.setAttribute("data-theme", defaultMode);
+      setMode(defaultMode);
+    }
+  }, []);
+  useEffect(() => {
+    if (mode !== "light" && mode !== "dark") return;
+    const themeEvent = new CustomEvent("dash-theme-mode-switched", { detail: { mode } });
+    window.dispatchEvent(themeEvent);
+    const tenantSettings = getTenantSettings();
+    if ((tenantSettings == null ? void 0 : tenantSettings.colors) || (tenantSettings == null ? void 0 : tenantSettings.values)) {
+      dashStorage.setItem("theme", mode);
+      document.documentElement.setAttribute("data-theme", mode);
+      updateDomCssVariables(mode, (tenantSettings == null ? void 0 : tenantSettings.colors) || {}, (tenantSettings == null ? void 0 : tenantSettings.values) || {});
+    }
+  }, [mode]);
+  return /* @__PURE__ */ jsx(DashThemeHelperContext.Provider, { value: { mode: effectiveMode }, children });
+};
+var DashThemeHelperProvider_default = DashThemeHelperProvider;
+export {
+  DashThemeHelperProvider,
+  DashThemeHelperProvider_default as default,
+  useDashThemeHelperContext
+};

package/dist/default-theme/DomainAppLayout.js

@@ -1 +1,126 @@
-import{jsx as m}from"react/jsx-runtime";import*as B from"react";import{useEffect as T,useRef as y}from"react";import{useDispatch as H,useSelector as I}from"react-redux";import{useStore as L}from"react-admin";import{DASH_REDUX_ACTIONS as E}from"@dashadmin/dash-admin-state";import U from"./DomainTheme";import M from"./DomainHeader";import{BreadcrumbsManager as D}from"../components/navigation";import{DASHAdminSystemConstants as X}from"@dashadmin/dash-constants";const w=C=>{const{ThemeComponent:d,children:h,showBreadcrumbs:R=!0,breadcrumbLabelMap:s,breadcrumbIncludeHome:b=!1,CustomDomainHeader:S,CustomDomainFooter:f}=C,A=H(),F=y(null),[o]=L("resourceConfig"),P=I(n=>n.auth.authenticated),a=I(n=>n.settings.groupIcons),_=B.useCallback((n,t)=>{const u=X.system.URL_PREFIX||"",r=[];let i=n;u&&i.startsWith(u)&&(i=i.slice(u.length));const e=i.split("/").filter(Boolean);if(e.length===0)return r;if(t){t.group&&r.push({label:t.group,path:void 0,icon:a?.[t.group]}),r.push({label:t.label||e[e.length-1],path:`${u}/${t.model}`});const l=e[e.length-1],c={create:"Crear",edit:"Editar",show:"Ver",inline:"Detalle",...s};if(c[l])r.push({label:c[l],isActive:!0});else if(/^\d+$/.test(l)){const p=e[e.length-2];p&&c[p]&&r.push({label:c[p],isActive:!0})}}return r},[a,s]);T(()=>{o&&a&&A(E.updatePage({title:o.label,icon:o.group&&a[o.group],subTitle:o.group}))},[o,a,A]);const g=S||m(M,{showBreadcrumbs:R});return d?m(D,{labelMap:s,includeHome:b,children:m(d,{headerToolBar:g,footerComponent:f,children:h})}):m(D,{labelMap:s,includeHome:b,children:m(U,{headerToolBar:g,footerComponent:f,children:h})})};var oe=w;export{oe 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 { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useEffect, useRef } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { useStore } from "react-admin";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+import DomainTheme from "./DomainTheme";
+import DomainHeader from "./DomainHeader";
+import { BreadcrumbsManager } from "../components/navigation";
+import { DASHAdminSystemConstants } from "dash-constants";
+const DomainAppLayout = (props) => {
+  const {
+    ThemeComponent,
+    children,
+    showBreadcrumbs = true,
+    breadcrumbLabelMap,
+    breadcrumbIncludeHome = false,
+    CustomDomainHeader,
+    CustomDomainFooter
+  } = props;
+  const dispatch = useDispatch();
+  const contentRef = useRef(null);
+  const [resourceConfig] = useStore("resourceConfig");
+  const authenticated = useSelector(
+    (state) => state.auth.authenticated
+  );
+  const groupIcons = useSelector(
+    (state) => state.settings.groupIcons
+  );
+  const generateBreadcrumbs = React.useCallback((pathname, config) => {
+    const URL_PREFIX = DASHAdminSystemConstants.system.URL_PREFIX || "";
+    const breadcrumbs = [];
+    let cleanPath = pathname;
+    if (URL_PREFIX && cleanPath.startsWith(URL_PREFIX)) {
+      cleanPath = cleanPath.slice(URL_PREFIX.length);
+    }
+    const segments = cleanPath.split("/").filter(Boolean);
+    if (segments.length === 0) return breadcrumbs;
+    if (config) {
+      if (config.group) {
+        breadcrumbs.push({
+          label: config.group,
+          path: void 0,
+          // Groups are typically not navigable
+          icon: groupIcons == null ? void 0 : groupIcons[config.group]
+        });
+      }
+      breadcrumbs.push({
+        label: config.label || segments[segments.length - 1],
+        path: `${URL_PREFIX}/${config.model}`
+      });
+      const lastSegment = segments[segments.length - 1];
+      const actionLabels = __spreadValues({
+        "create": "Crear",
+        "edit": "Editar",
+        "show": "Ver",
+        "inline": "Detalle"
+      }, breadcrumbLabelMap);
+      if (actionLabels[lastSegment]) {
+        breadcrumbs.push({
+          label: actionLabels[lastSegment],
+          isActive: true
+        });
+      } else if (/^\d+$/.test(lastSegment)) {
+        const prevSegment = segments[segments.length - 2];
+        if (prevSegment && actionLabels[prevSegment]) {
+          breadcrumbs.push({
+            label: actionLabels[prevSegment],
+            isActive: true
+          });
+        }
+      }
+    }
+    return breadcrumbs;
+  }, [groupIcons, breadcrumbLabelMap]);
+  useEffect(() => {
+    if (resourceConfig && groupIcons) {
+      dispatch(
+        DASH_REDUX_ACTIONS.updatePage({
+          title: resourceConfig.label,
+          icon: resourceConfig.group && groupIcons[resourceConfig.group],
+          subTitle: resourceConfig.group
+        })
+      );
+    }
+  }, [resourceConfig, groupIcons, dispatch]);
+  const headerToolBar = CustomDomainHeader || /* @__PURE__ */ jsx(DomainHeader, { showBreadcrumbs });
+  if (ThemeComponent) {
+    return /* @__PURE__ */ jsx(
+      BreadcrumbsManager,
+      {
+        labelMap: breadcrumbLabelMap,
+        includeHome: breadcrumbIncludeHome,
+        children: /* @__PURE__ */ jsx(ThemeComponent, { headerToolBar, footerComponent: CustomDomainFooter, children })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    BreadcrumbsManager,
+    {
+      labelMap: breadcrumbLabelMap,
+      includeHome: breadcrumbIncludeHome,
+      children: /* @__PURE__ */ jsx(DomainTheme, { headerToolBar, footerComponent: CustomDomainFooter, children })
+    }
+  );
+};
+var DomainAppLayout_default = DomainAppLayout;
+export {
+  DomainAppLayout_default as default
+};

package/dist/default-theme/DomainHeader.js

@@ -1 +1,114 @@
-import{Fragment as i,jsx as e,jsxs as m}from"react/jsx-runtime";import{useEffect as l,useState as r}from"react";import{useSelector as s}from"react-redux";import{useDispatch as b}from"react-redux";import L from"@mui/icons-material/MenuOpen";import{Box as a,IconButton as D}from"@mui/material";import{NavEventManager as d}from"../utils/navEvents";import{AuthPersistenceService as N}from"@dashadmin/dash-auth";const B=({showBreadcrumbs:C=!0,...v})=>{const c=b(),[H,g]=r(!0),[z,u]=r("large"),[p,h]=r({horizontalLogo:null,squaredLogo:null});l(()=>d.onStateChange((S,I)=>{g(S),u(I)}),[c]),l(()=>{const o=N.getTenantImages();o&&h({horizontalLogo:o.horizontal_logo?.original||null,squaredLogo:o.squared_logo?.original||null})},[]);const E=s(o=>o.common.headerToolBar),t=s(o=>o.page),n=s(o=>o.common.panelSettings),R=n?.logo||e(i,{children:"\u{1F5A5} DASHAdmin"}),f=n?.squaredLogo||e(i,{children:"\u{1F5A5}"}),q=n?.horizontalLogo||e(i,{children:"\u{1F5A5}"}),A=()=>{d.toggleExpanded()},x=()=>e(a,{className:t.title?"dash-header-content":"",sx:{},children:t.title?e(a,{className:"dash-header-inline",children:e("span",{className:"dash-header-inline-title",children:t.title||""})}):null});return e(a,{component:"div",className:"dash-header",children:m(a,{component:"div",className:"dash-header-container",children:[m(a,{className:"dash-header-subheader",sx:{display:{xs:"flex",sm:"flex",md:"none"},alignItems:"center"},children:[e(D,{className:"dash-header-burger-toggler",onClick:()=>A(),sx:{m:1,padding:"8px",borderRadius:"8px",backgroundColor:"rgba(0,0,0,0.04)","&:hover":{backgroundColor:"rgba(0,0,0,0.08)"}},children:e(L,{sx:{fontSize:28}})}),e(a,{className:"dash-header-subheader-logo",sx:{display:"flex",alignItems:"center",marginLeft:1},children:(()=>{const o=p.squaredLogo||f;return typeof o=="string"?e("img",{height:32,width:32,src:o,alt:"Logo",style:{borderRadius:"4px",objectFit:"contain"}}):o})()})]}),e(x,{})]})})};var oo=B;export{oo 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 { useEffect, useState } from "react";
+import { useSelector } from "react-redux";
+import { useDispatch } from "react-redux";
+import MenuOpenIcon from "@mui/icons-material/MenuOpen";
+import { Box, IconButton } from "@mui/material";
+import { NavEventManager } from "../utils/navEvents";
+import { AuthPersistenceService } from "dash-auth";
+const DomainHeader = (_a) => {
+  var _b = _a, {
+    showBreadcrumbs = true
+  } = _b, props = __objRest(_b, [
+    "showBreadcrumbs"
+  ]);
+  const dispatch = useDispatch();
+  const [localNavExpanded, setLocalNavExpanded] = useState(true);
+  const [localNavSize, setLocalNavSize] = useState("large");
+  const [tenantLogos, setTenantLogos] = useState({
+    horizontalLogo: null,
+    squaredLogo: null
+  });
+  useEffect(() => {
+    const unsubscribe = NavEventManager.onStateChange((expanded, size) => {
+      setLocalNavExpanded(expanded);
+      setLocalNavSize(size);
+    });
+    return unsubscribe;
+  }, [dispatch]);
+  useEffect(() => {
+    var _a2, _b2;
+    const tenantImages = AuthPersistenceService.getTenantImages();
+    if (tenantImages) {
+      setTenantLogos({
+        horizontalLogo: ((_a2 = tenantImages.horizontal_logo) == null ? void 0 : _a2.original) || null,
+        squaredLogo: ((_b2 = tenantImages.squared_logo) == null ? void 0 : _b2.original) || null
+      });
+    }
+  }, []);
+  const HeaderToolBar = useSelector(
+    (state) => state.common.headerToolBar
+  );
+  const pageSettings = useSelector(
+    (state) => state.page
+  );
+  const panelSettings = useSelector(
+    (state) => state.common.panelSettings
+  );
+  const logo = (panelSettings == null ? void 0 : panelSettings.logo) || /* @__PURE__ */ jsx(Fragment, { children: "\u{1F5A5} DASHAdmin" });
+  const squaredLogo = (panelSettings == null ? void 0 : panelSettings.squaredLogo) || /* @__PURE__ */ jsx(Fragment, { children: "\u{1F5A5}" });
+  const horizontalLogo = (panelSettings == null ? void 0 : panelSettings.horizontalLogo) || /* @__PURE__ */ jsx(Fragment, { children: "\u{1F5A5}" });
+  const onToggleExpandedNav = () => {
+    NavEventManager.toggleExpanded();
+  };
+  const HeaderComponentInline = () => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        className: pageSettings.title ? "dash-header-content" : "",
+        sx: {
+          /*display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%'*/
+        },
+        children: pageSettings.title ? /* @__PURE__ */ jsx(Box, { className: "dash-header-inline", children: /* @__PURE__ */ jsx("span", { className: "dash-header-inline-title", children: pageSettings.title || "" }) }) : null
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(Box, { component: "div", className: "dash-header", children: /* @__PURE__ */ jsxs(Box, { component: "div", className: "dash-header-container", children: [
+    /* @__PURE__ */ jsxs(Box, { className: "dash-header-subheader", sx: { display: { xs: "flex", sm: "flex", md: "none" }, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          className: "dash-header-burger-toggler",
+          onClick: () => onToggleExpandedNav(),
+          sx: {
+            m: 1,
+            padding: "8px",
+            borderRadius: "8px",
+            backgroundColor: "rgba(0,0,0,0.04)",
+            "&:hover": {
+              backgroundColor: "rgba(0,0,0,0.08)"
+            }
+          },
+          children: /* @__PURE__ */ jsx(MenuOpenIcon, { sx: { fontSize: 28 } })
+        }
+      ),
+      /* @__PURE__ */ jsx(Box, { className: "dash-header-subheader-logo", sx: { display: "flex", alignItems: "center", marginLeft: 1 }, children: (() => {
+        const logoToRender = tenantLogos.squaredLogo || squaredLogo;
+        if (typeof logoToRender === "string") {
+          return /* @__PURE__ */ jsx("img", { height: 32, width: 32, src: logoToRender, alt: "Logo", style: { borderRadius: "4px", objectFit: "contain" } });
+        }
+        return logoToRender;
+      })() })
+    ] }),
+    /* @__PURE__ */ jsx(HeaderComponentInline, {})
+  ] }) });
+};
+var DomainHeader_default = DomainHeader;
+export {
+  DomainHeader_default as default
+};

package/dist/default-theme/DomainTheme.js

@@ -1 +1,60 @@
-import{jsx as o,jsxs as m}from"react/jsx-runtime";import{Box as a}from"@mui/material";import l from"./menu/AppSidebarMaterial";import d from"react";const i=({children:e})=>o(a,{className:"dash-layout-content",children:e}),p=d.memo(({footerComponent:e})=>e?o(a,{className:"dash-app-layout-footer",children:e}):null),s=({children:e,menuComponent:t,headerToolBar:r,footerComponent:n,...h})=>m("div",{id:"dash-app-layout",className:"dash-app-layout",children:[t===void 0?o(l,{className:"dash-app-layout-sidebar"}):t,m(a,{className:"dash-app-layout-content",children:[r,o(i,{children:e}),n&&o(p,{footerComponent:n})]})]});var J=s;export{J 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 { Box } from "@mui/material";
+import AppSidebarMaterial from "./menu/AppSidebarMaterial";
+import React from "react";
+const MemoizedContent = ({ children }) => /* @__PURE__ */ jsx(Box, { className: "dash-layout-content", children });
+const MemoizedFooter = React.memo(({ footerComponent }) => {
+  if (!footerComponent) return null;
+  return /* @__PURE__ */ jsx(Box, { className: "dash-app-layout-footer", children: footerComponent });
+});
+const DomainTheme = (_a) => {
+  var _b = _a, {
+    children,
+    menuComponent,
+    headerToolBar,
+    footerComponent
+  } = _b, props = __objRest(_b, [
+    "children",
+    "menuComponent",
+    "headerToolBar",
+    "footerComponent"
+  ]);
+  return /* @__PURE__ */ jsxs("div", { id: "dash-app-layout", className: "dash-app-layout", children: [
+    menuComponent === void 0 ? /* @__PURE__ */ jsx(
+      AppSidebarMaterial,
+      {
+        className: "dash-app-layout-sidebar"
+      }
+    ) : menuComponent,
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: "dash-app-layout-content",
+        children: [
+          headerToolBar,
+          /* @__PURE__ */ jsx(MemoizedContent, { children }),
+          footerComponent && /* @__PURE__ */ jsx(MemoizedFooter, { footerComponent })
+        ]
+      }
+    )
+  ] });
+};
+var DomainTheme_default = DomainTheme;
+export {
+  DomainTheme_default as default
+};