@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/components/i18n/LangSwitcher.js

@@ -1 +1,196 @@
-import{Fragment as U,jsx as s,jsxs as X}from"react/jsx-runtime";import{useState as i,useRef as f,useEffect as g}from"react";import{Avatar as H,useMediaQuery as N,useTheme as B}from"@mui/material";import W from"@mui/icons-material/Translate";import A from"react-dom";import{useWindowSize as I}from"@dashadmin/dash-utils";import{useLocales as O,useLocaleState as V}from"../../hooks/usePolyglotTranslation";import{useBridgedChangeLocale as $}from"../../contexts/I18nBridgeContext";const F=s(W,{}),Q=w=>{const{icon:Y=F,languages:L}=w,[q,G]=i(null),p=O({locales:L}),[c,M]=V(),E=$(),b=B(),R=N(b.breakpoints.down("md")),[a,h]=i(!1),[l,r]=i(!1),u=f(null),T=f(null),[v,S]=i({top:0,left:0}),t=f(null),d=I();g(()=>{document.body.classList.contains("webview")?h(!0):h(!1)},[]);const x=e=>{const n=p.find(o=>o.locale===e);return n?n.name:""},y=e=>()=>{M(e),E(e),r(!1)},m=()=>{if(u.current&&d.width){const e=u.current.getBoundingClientRect(),n=200;let o=e.left+window.scrollX;o+n>d.width&&(o=d.width-n-10),o<10&&(o=10),S({top:e.top+window.scrollY+30,left:o})}},z=e=>{e.preventDefault(),t.current&&(clearTimeout(t.current),t.current=null),r(!0),m()},D=e=>{e.preventDefault(),r(n=>!n),m()},C=()=>{a||(t.current=setTimeout(()=>{r(!1)},100))},P=()=>{t.current&&(clearTimeout(t.current),t.current=null)},k=()=>{a||r(!1)};return g(()=>()=>{t.current&&clearTimeout(t.current)},[]),g(()=>{const e=()=>{l&&m()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[l,R]),X(U,{children:[s("div",{ref:u,...a?{onClick:D}:{onMouseEnter:z,onMouseLeave:C},children:s(H,{sizes:"small",sx:{fontSize:"1rem"},style:{width:"30px",height:"30px",minHeight:"30px"},className:"dash-icon-button-color dash-icon-button-bg",children:x(c).substring(0,2).toUpperCase()})}),l&&A.createPortal(s("div",{ref:T,className:"dash-language-menu-portal",onMouseEnter:a?void 0:P,onMouseLeave:a?void 0:k,children:s("div",{className:`dash-language-menu ${l?"show":""}`,style:{zIndex:1e4,position:"absolute",top:v.top,left:v.left},children:p.map(e=>s("div",{className:`dash-language-menu-item ${e.locale===c?"selected":""}`,onClick:y(e.locale),style:{padding:"8px 16px",cursor:"pointer",backgroundColor:e.locale===c?"rgba(0, 0, 0, 0.08)":"transparent",minWidth:"150px"},children:e.name},e.locale))})}),document.body)]})};var se=Q;export{se 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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { Avatar, useMediaQuery, useTheme } from "@mui/material";
+import LanguageIcon from "@mui/icons-material/Translate";
+import ReactDOM from "react-dom";
+import { useWindowSize } from "dash-utils";
+import { useLocales, useLocaleState } from "../../hooks/usePolyglotTranslation";
+import { useBridgedChangeLocale } from "../../contexts/I18nBridgeContext";
+const DefaultIcon = /* @__PURE__ */ jsx(LanguageIcon, {});
+const LangSwitcher = (props) => {
+  const { icon = DefaultIcon, languages: languagesProp } = props;
+  const [anchorEl, setAnchorEl] = useState(null);
+  const languages = useLocales({ locales: languagesProp });
+  const [locale, setLocale] = useLocaleState();
+  const changeBridgedLocale = useBridgedChangeLocale();
+  const theme = useTheme();
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down("md"));
+  const [webView, setWebView] = useState(false);
+  const [open, setOpen] = useState(false);
+  const avatarRef = useRef(null);
+  const menuRef = useRef(null);
+  const [menuPosition, setMenuPosition] = useState({ top: 0, left: 0 });
+  const timeoutRef = useRef(null);
+  const windowSize = useWindowSize();
+  useEffect(() => {
+    if (document.body.classList.contains("webview")) {
+      setWebView(true);
+    } else {
+      setWebView(false);
+    }
+  }, []);
+  const getNameForLocale = (locale2) => {
+    const language = languages.find((language2) => language2.locale === locale2);
+    return language ? language.name : "";
+  };
+  const changeLocale = (newLocale) => () => {
+    setLocale(newLocale);
+    changeBridgedLocale(newLocale);
+    setOpen(false);
+  };
+  const calculateMenuPosition = () => {
+    if (avatarRef.current && windowSize.width) {
+      const rect = avatarRef.current.getBoundingClientRect();
+      const menuWidth = 200;
+      let left = rect.left + window.scrollX;
+      if (left + menuWidth > windowSize.width) {
+        left = windowSize.width - menuWidth - 10;
+      }
+      if (left < 10) {
+        left = 10;
+      }
+      setMenuPosition({
+        top: rect.top + window.scrollY + 30,
+        left
+      });
+    }
+  };
+  const handleLanguageMouseEnter = (e) => {
+    e.preventDefault();
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    setOpen(true);
+    calculateMenuPosition();
+  };
+  const handleLanguageClick = (e) => {
+    e.preventDefault();
+    setOpen((prevOpen) => !prevOpen);
+    calculateMenuPosition();
+  };
+  const handleMouseLeave = () => {
+    if (!webView) {
+      timeoutRef.current = setTimeout(() => {
+        setOpen(false);
+      }, 100);
+    }
+  };
+  const handleMenuMouseEnter = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+  };
+  const handleMenuMouseLeave = () => {
+    if (!webView) {
+      setOpen(false);
+    }
+  };
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    const handleResize = () => {
+      if (open) {
+        calculateMenuPosition();
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [open, isSmallScreen]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      __spreadProps(__spreadValues({
+        ref: avatarRef
+      }, !webView ? {
+        onMouseEnter: handleLanguageMouseEnter,
+        onMouseLeave: handleMouseLeave
+      } : {
+        onClick: handleLanguageClick
+      }), {
+        children: /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            sizes: "small",
+            sx: { fontSize: "1rem" },
+            style: {
+              width: "30px",
+              height: "30px",
+              minHeight: "30px"
+            },
+            className: "dash-icon-button-color dash-icon-button-bg",
+            children: getNameForLocale(locale).substring(0, 2).toUpperCase()
+          }
+        )
+      })
+    ),
+    open && ReactDOM.createPortal(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: menuRef,
+          className: "dash-language-menu-portal",
+          onMouseEnter: !webView ? handleMenuMouseEnter : void 0,
+          onMouseLeave: !webView ? handleMenuMouseLeave : void 0,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `dash-language-menu ${open ? "show" : ""}`,
+              style: {
+                zIndex: 1e4,
+                position: "absolute",
+                top: menuPosition.top,
+                left: menuPosition.left
+              },
+              children: languages.map((language) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `dash-language-menu-item ${language.locale === locale ? "selected" : ""}`,
+                  onClick: changeLocale(language.locale),
+                  style: {
+                    padding: "8px 16px",
+                    cursor: "pointer",
+                    backgroundColor: language.locale === locale ? "rgba(0, 0, 0, 0.08)" : "transparent",
+                    minWidth: "150px"
+                  },
+                  children: language.name
+                },
+                language.locale
+              ))
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+var LangSwitcher_default = LangSwitcher;
+export {
+  LangSwitcher_default as default
+};

package/dist/components/loader/GlobalLoader.js

@@ -1 +1,71 @@
-import{Fragment as c,jsx as o}from"react/jsx-runtime";import{deepmerge as s}from"@mui/utils";import{useEffect as d}from"react";import i from"@achmadk/react-loading-overlay";import n from"../../hooks/useGlobalLoaderMgr";const p=({styles:r,children:a,...g})=>{const[e,f]=n();d(()=>{console.log("GlobalLoader loading state changed:",e)},[e]);const l=s({wrapper:{width:"100%",height:"100%",overflow:e?"hidden":"scroll"},overlay:t=>({...t})},r);return e?o(i,{className:"loadingOverlay",active:e,styles:l,spinner:a}):o(c,{})};var G=p;export{G 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;
+};
+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 } from "react/jsx-runtime";
+import { deepmerge } from "@mui/utils";
+import { useEffect } from "react";
+import LoadingOverlay from "react-loading-overlay-ts";
+import useGlobalLoaderMgr from "../../hooks/useGlobalLoaderMgr";
+const GlobalLoader = (_a) => {
+  var _b = _a, {
+    styles,
+    children
+  } = _b, props = __objRest(_b, [
+    "styles",
+    "children"
+  ]);
+  const [loading, setLoading] = useGlobalLoaderMgr();
+  useEffect(() => {
+    console.log("GlobalLoader loading state changed:", loading);
+    1;
+  }, [loading]);
+  const _styles = deepmerge(
+    {
+      wrapper: {
+        width: "100%",
+        height: "100%",
+        overflow: loading ? "hidden" : "scroll"
+      },
+      overlay: (base) => __spreadValues({}, base)
+    },
+    styles
+  );
+  return loading ? /* @__PURE__ */ jsx(
+    LoadingOverlay,
+    {
+      className: "loadingOverlay",
+      active: loading,
+      styles: _styles,
+      spinner: children
+    }
+  ) : /* @__PURE__ */ jsx(Fragment, {});
+};
+var GlobalLoader_default = GlobalLoader;
+export {
+  GlobalLoader_default as default
+};

package/dist/components/logs/LogFile.js

@@ -1 +1,99 @@
-import{jsx as n,jsxs as u}from"react/jsx-runtime";import{Button as f,DialogActions as F,DialogContent as h,TextareaAutosize as x}from"@mui/material";import{useEffect as A,useState as r}from"react";import{useRecordContext as m}from"react-admin";import L from"../../hooks/axios";import{saveAs as D}from"file-saver";const c=({log:t})=>{const{axios:e}=L(),[o,g]=r(null),[i,s]=r(null),p=async()=>{let a=t.filepath.split("/")[t.filepath.split("/").length-1];D(o,a)},d=async a=>{if(t?.filepath){const{data:l}=await e.get(`/system/log/${t.id}/download`,{responseType:"blob"});let C=await l.text();g(l),s(C)}else s("Proceso completado correctamente")};return A(()=>{d(t)},[]),u(h,{children:[n(x,{style:{width:"100%"},maxRows:50,defaultValue:i!==""?i:" Cargando... "}),t?.filepath&&u(F,{children:[n(f,{onClick:()=>p(),children:"Descargar"})," "]})]})},I=({method:t,attribute:e})=>{const o=m();return n(c,{log:o})},w=({method:t,attribute:e})=>{const o=m();return n(c,{log:o})},T=({method:t,attribute:e,resourceConfig:o})=>{switch(t){case"edit":case"create":return n(I,{attribute:e,method:t,resourceConfig:o});case"view":return n(w,{attribute:e,method:t,resourceConfig:o})}};var S=T;export{c as LogTxtFileComponent,S as default};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  DialogActions,
+  DialogContent,
+  TextareaAutosize
+} from "@mui/material";
+import { useEffect, useState } from "react";
+import { useRecordContext } from "react-admin";
+import useAxios from "../../hooks/axios";
+import { saveAs } from "file-saver";
+const LogTxtFileComponent = ({
+  log
+}) => {
+  const { axios } = useAxios();
+  const [logFile, setlogFile] = useState(null);
+  const [logContent, setlogContent] = useState(null);
+  const downloadLog = () => __async(null, null, function* () {
+    let fileName = log.filepath.split("/")[log.filepath.split("/").length - 1];
+    saveAs(logFile, fileName);
+  });
+  const preLoadLog = (logID) => __async(null, null, function* () {
+    if (log == null ? void 0 : log.filepath) {
+      const { data: file } = yield axios.get(`/system/log/${log.id}/download`, {
+        responseType: "blob"
+      });
+      let fileContent = yield file.text();
+      setlogFile(file);
+      setlogContent(fileContent);
+    } else {
+      setlogContent("Proceso completado correctamente");
+    }
+  });
+  useEffect(() => {
+    preLoadLog(log);
+  }, []);
+  return /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(
+      TextareaAutosize,
+      {
+        style: { width: "100%" },
+        maxRows: 50,
+        defaultValue: logContent !== "" ? logContent : " Cargando... "
+      }
+    ),
+    (log == null ? void 0 : log.filepath) && /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: () => downloadLog(), children: "Descargar" }),
+      " "
+    ] })
+  ] });
+};
+const LogTxtFileEdit = ({
+  method,
+  attribute
+}) => {
+  const log = useRecordContext();
+  return /* @__PURE__ */ jsx(LogTxtFileComponent, { log });
+};
+const LogTxtFileView = ({
+  method,
+  attribute
+}) => {
+  const log = useRecordContext();
+  return /* @__PURE__ */ jsx(LogTxtFileComponent, { log });
+};
+const LogTxtFile = ({ method, attribute, resourceConfig }) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(LogTxtFileEdit, { attribute, method, resourceConfig });
+    case "view":
+      return /* @__PURE__ */ jsx(LogTxtFileView, { attribute, method, resourceConfig });
+  }
+};
+var LogFile_default = LogTxtFile;
+export {
+  LogTxtFileComponent,
+  LogFile_default as default
+};

package/dist/components/logs/LogFileById.js

@@ -1 +1,75 @@
-import{jsx as l,jsxs as B}from"react/jsx-runtime";import{Button as m,DialogActions as y,DialogContent as C,TextareaAutosize as L}from"@mui/material";import{useEffect as h,useState as a}from"react";import w from"../../hooks/axios";import{saveAs as F}from"file-saver";const x=({id:e})=>{const{axios:n}=w(),[r,g]=a(null),[s,i]=a(null),[o,c]=a(null),p=async()=>{if(o){let t=o.split("/")[o.split("/").length-1];F(r,t)}},f=async()=>{try{const{data:t}=await n.get(`/system/log/${e}/download`,{responseType:"blob"}),{data:d}=await n.get(`/system/log/${e}`);c(d.filepath);let u=await t.text();g(t),i(u)}catch{i("Error al cargar el archivo")}};return h(()=>{f()},[e]),B(C,{children:[l(L,{style:{width:"100%"},maxRows:50,defaultValue:s!==""?s:" Cargando... "}),o&&l(y,{children:l(m,{onClick:p,children:"Descargar"})})]})};var v=x;export{x as LogFileById,v as default};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  DialogActions,
+  DialogContent,
+  TextareaAutosize
+} from "@mui/material";
+import { useEffect, useState } from "react";
+import useAxios from "../../hooks/axios";
+import { saveAs } from "file-saver";
+const LogFileById = ({ id }) => {
+  const { axios } = useAxios();
+  const [logFile, setLogFile] = useState(null);
+  const [logContent, setLogContent] = useState(null);
+  const [filepath, setFilepath] = useState(null);
+  const downloadLog = () => __async(null, null, function* () {
+    if (filepath) {
+      let fileName = filepath.split("/")[filepath.split("/").length - 1];
+      saveAs(logFile, fileName);
+    }
+  });
+  const preLoadLog = () => __async(null, null, function* () {
+    try {
+      const { data: file } = yield axios.get(`/system/log/${id}/download`, {
+        responseType: "blob"
+      });
+      const { data: logData } = yield axios.get(`/system/log/${id}`);
+      setFilepath(logData.filepath);
+      let fileContent = yield file.text();
+      setLogFile(file);
+      setLogContent(fileContent);
+    } catch (error) {
+      setLogContent("Error al cargar el archivo");
+    }
+  });
+  useEffect(() => {
+    preLoadLog();
+  }, [id]);
+  return /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(
+      TextareaAutosize,
+      {
+        style: { width: "100%" },
+        maxRows: 50,
+        defaultValue: logContent !== "" ? logContent : " Cargando... "
+      }
+    ),
+    filepath && /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: downloadLog, children: "Descargar" }) })
+  ] });
+};
+var LogFileById_default = LogFileById;
+export {
+  LogFileById,
+  LogFileById_default as default
+};

package/dist/components/logs/LogViewer.js

@@ -1 +1,33 @@
-import{Fragment as r,jsx as e}from"react/jsx-runtime";import{useRecordContext as i}from"react-admin";const m=({log:t})=>e(r,{children:e("h1",{children:"Log"})}),s=({method:t,attribute:n})=>{const o=i();return e(r,{children:o&&e(m,{log:o})})},a=({method:t,attribute:n})=>{const o=i();return e(r,{children:o&&e(m,{log:o})})},u=({method:t,attribute:n,resourceConfig:o})=>{switch(t){case"edit":case"create":return e(s,{attribute:n,method:t,resourceConfig:o});case"view":return e(a,{attribute:n,method:t,resourceConfig:o})}};var l=u;export{m as LogViewerComponent,l as default};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useRecordContext } from "react-admin";
+const LogViewerComponent = ({ log }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("h1", { children: "Log" }) });
+};
+const LogViewerEdit = ({
+  method,
+  attribute
+}) => {
+  const log = useRecordContext();
+  return /* @__PURE__ */ jsx(Fragment, { children: log && /* @__PURE__ */ jsx(LogViewerComponent, { log }) });
+};
+const LogViewerView = ({
+  method,
+  attribute
+}) => {
+  const log = useRecordContext();
+  return /* @__PURE__ */ jsx(Fragment, { children: log && /* @__PURE__ */ jsx(LogViewerComponent, { log }) });
+};
+const LogViewer = ({ method, attribute, resourceConfig }) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(LogViewerEdit, { attribute, method, resourceConfig });
+    case "view":
+      return /* @__PURE__ */ jsx(LogViewerView, { attribute, method, resourceConfig });
+  }
+};
+var LogViewer_default = LogViewer;
+export {
+  LogViewerComponent,
+  LogViewer_default as default
+};

package/dist/components/menu/AppMenu.js

@@ -1 +1,11 @@
-import{Fragment as e,jsx as a}from"react/jsx-runtime";const n=({hasDashboard:o,autoHideScroll:r=!1,children:t})=>a(e,{children:"Deprecated"});export{n as AppMenu};
+import { Fragment, jsx } from "react/jsx-runtime";
+const AppMenu = ({
+  hasDashboard,
+  autoHideScroll = false,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: "Deprecated" });
+};
+export {
+  AppMenu
+};

package/dist/components/menu/CustomMenuItemLink.js

@@ -1 +1,77 @@
-import{jsx as P,jsxs as h}from"react/jsx-runtime";import{useCallback as d}from"react";import I from"clsx";import{Link as L,useMatch as R}from"react-router-dom";import{useTranslate as y,useBasename as C}from"react-admin";import{useSidebarState as M}from"react-admin";const x=e=>{const{className:m,primaryText:t,leftIcon:o,onClick:n,...i}=e,p=y(),l=C(),[N,a]=M(),f=d(k=>{a(!1),n&&n(k)},[a,n]),s=(typeof e.to=="string"?e.to:e.to.pathname)||"",u=R({path:s,end:s===`${l}/`});return h(L,{className:I(m,{[c.active]:!!u}),tabIndex:0,...i,onClick:f,children:[o&&P("span",{className:c.icon,children:o}),typeof t=="string"?p(t,{_:t}):t]})},r="RaMenuItemLink",c={active:`${r}-active`,icon:`${r}-icon`};var q=x;export{c as MenuItemLinkClasses,q 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 { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import clsx from "clsx";
+import { Link, useMatch } from "react-router-dom";
+import { useTranslate, useBasename } from "react-admin";
+import { useSidebarState } from "react-admin";
+const MenuItemLink = (props) => {
+  const _a = props, { className, primaryText, leftIcon, onClick } = _a, rest = __objRest(_a, ["className", "primaryText", "leftIcon", "onClick"]);
+  const translate = useTranslate();
+  const basename = useBasename();
+  const [open, setOpen] = useSidebarState();
+  const handleMenuTap = useCallback(
+    (e) => {
+      setOpen(false);
+      onClick && onClick(e);
+    },
+    [setOpen, onClick]
+  );
+  const to = (typeof props.to === "string" ? props.to : props.to.pathname) || "";
+  const match = useMatch({ path: to, end: to === `${basename}/` });
+  return /* @__PURE__ */ jsxs(
+    Link,
+    __spreadProps(__spreadValues({
+      className: clsx(className, {
+        [MenuItemLinkClasses.active]: !!match
+      }),
+      tabIndex: 0
+    }, rest), {
+      onClick: handleMenuTap,
+      children: [
+        leftIcon && /* @__PURE__ */ jsx("span", { className: MenuItemLinkClasses.icon, children: leftIcon }),
+        typeof primaryText === "string" ? translate(primaryText, { _: primaryText }) : primaryText
+      ]
+    })
+  );
+};
+const PREFIX = "RaMenuItemLink";
+const MenuItemLinkClasses = {
+  active: `${PREFIX}-active`,
+  icon: `${PREFIX}-icon`
+};
+var CustomMenuItemLink_default = MenuItemLink;
+export {
+  MenuItemLinkClasses,
+  CustomMenuItemLink_default as default
+};

package/dist/components/menu/DarkToggleMode.js

@@ -1 +1,47 @@
-import{Fragment as v,jsx as t}from"react/jsx-runtime";import{useEffect as h}from"react";import{useDispatch as c}from"react-redux";import{LightMode as n,DarkMode as l}from"@mui/icons-material";import{dashStorage as r}from"@dashadmin/dash-utils";import{DASH_REDUX_ACTIONS as p}from"@dashadmin/dash-admin-state";import{Avatar as g,useColorScheme as f}from"@mui/material";import{DashThemeHelperProvider as k}from"../../default-theme";const u=()=>{const{mode:o,setMode:m}=f(),i=c(),d=o==="light"||o==="dark"?o:r.getItem("theme")||"dark",a=d==="dark",s=()=>{const e=d==="dark"?"light":"dark";m(e),r.setItem("theme",e),document.documentElement.setAttribute("data-theme",e),i(p.toggleThemeType(e))};return h(()=>{const e=r.getItem("theme");e&&(e==="light"||e==="dark")&&o!==e&&m(e)},[]),t(v,{children:t("div",{onClick:s,children:t(k,{children:t(g,{sizes:"small",sx:{fontSize:"1rem"},style:{width:"30px",height:"30px",minHeight:"30px"},className:"dash-icon-button-color dash-icon-button-bg",children:a?t(n,{}):t(l,{})})})})})};var H=u;export{H as default};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useDispatch } from "react-redux";
+import { LightMode, DarkMode } from "@mui/icons-material";
+import { dashStorage } from "dash-utils";
+import {
+  DASH_REDUX_ACTIONS
+} from "dash-admin-state";
+import { Avatar, useColorScheme } from "@mui/material";
+import { DashThemeHelperProvider } from "../../default-theme";
+const DarkToggleMode = () => {
+  const { mode, setMode } = useColorScheme();
+  const dispatch = useDispatch();
+  const effectiveMode = mode === "light" || mode === "dark" ? mode : dashStorage.getItem("theme") || "dark";
+  const darkMode = effectiveMode === "dark";
+  const onClick = () => {
+    const newMode = effectiveMode === "dark" ? "light" : "dark";
+    setMode(newMode);
+    dashStorage.setItem("theme", newMode);
+    document.documentElement.setAttribute("data-theme", newMode);
+    dispatch(DASH_REDUX_ACTIONS.toggleThemeType(newMode));
+  };
+  useEffect(() => {
+    const storedTheme = dashStorage.getItem("theme");
+    if (storedTheme && (storedTheme === "light" || storedTheme === "dark") && mode !== storedTheme) {
+      setMode(storedTheme);
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { onClick, children: /* @__PURE__ */ jsx(DashThemeHelperProvider, { children: /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      sizes: "small",
+      sx: { fontSize: "1rem" },
+      style: {
+        width: "30px",
+        height: "30px",
+        minHeight: "30px"
+      },
+      className: "dash-icon-button-color dash-icon-button-bg",
+      children: darkMode ? /* @__PURE__ */ jsx(LightMode, {}) : /* @__PURE__ */ jsx(DarkMode, {})
+    }
+  ) }) }) });
+};
+var DarkToggleMode_default = DarkToggleMode;
+export {
+  DarkToggleMode_default as default
+};