@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/components/menu/LanguageToggleMode.js

@@ -1 +1,99 @@
-import{Fragment as z,jsx as o,jsxs as i}from"react/jsx-runtime";import{useEffect as p,useState as d}from"react";import{useSetLocale as f,useLocaleState as L}from"react-admin";import{dashStorage as c}from"@dashadmin/dash-utils";import{Avatar as I,Menu as v,MenuItem as E,ListItemIcon as M,ListItemText as T}from"@mui/material";import{DashThemeHelperProvider as S}from"../../default-theme";const x=()=>{const[t]=L(),a=f(),[l,s]=d(null),m=!!l,n=[{locale:"en",languageId:"english",name:"English",icon:"\u{1F1FA}\u{1F1F8}"},{locale:"es",languageId:"spanish",name:"Espa\xF1ol",icon:"\u{1F1EA}\u{1F1F8}"}],g=n.find(e=>e.locale===t)||n[1],h=e=>{s(e.currentTarget)},r=()=>{s(null)},u=e=>{a(e),c.setItem("locale",e),r(),console.log("Language changed to:",e)};return p(()=>{const e=c.getItem("locale");e&&e!==t&&a(e)},[]),i(z,{children:[o("div",{onClick:h,children:o(S,{children:o(I,{sizes:"small",sx:{fontSize:"1rem",cursor:"pointer"},style:{width:"30px",height:"30px",minHeight:"30px"},className:"dash-icon-button-color dash-icon-button-bg",children:o("span",{style:{fontSize:"1.2rem"},children:g.icon})})})}),o(v,{anchorEl:l,open:m,onClose:r,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:n.map(e=>i(E,{onClick:()=>u(e.locale),selected:e.locale===t,children:[o(M,{children:o("span",{style:{fontSize:"1.5rem"},children:e.icon})}),o(T,{children:e.name})]},e.locale))})]})};var R=x;export{R as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useSetLocale, useLocaleState } from "react-admin";
+import { dashStorage } from "dash-utils";
+import { Avatar, Menu, MenuItem, ListItemIcon, ListItemText } from "@mui/material";
+import { DashThemeHelperProvider } from "../../default-theme";
+const LanguageToggleMode = () => {
+  const locale = useLocaleState();
+  const setLocale = useSetLocale();
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const availableLocales = [
+    {
+      locale: "en",
+      languageId: "english",
+      name: "English",
+      icon: "\u{1F1FA}\u{1F1F8}"
+    },
+    {
+      locale: "es",
+      languageId: "spanish",
+      name: "Espa\xF1ol",
+      icon: "\u{1F1EA}\u{1F1F8}"
+    }
+  ];
+  const currentLocale = availableLocales.find((l) => l.locale === locale) || availableLocales[1];
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  const handleLocaleChange = (newLocale) => {
+    setLocale(newLocale);
+    dashStorage.setItem("locale", newLocale);
+    handleClose();
+    console.log("Language changed to:", newLocale);
+  };
+  useEffect(() => {
+    const storedLocale = dashStorage.getItem("locale");
+    if (storedLocale && storedLocale !== locale) {
+      setLocale(storedLocale);
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        onClick: handleClick,
+        children: /* @__PURE__ */ jsx(DashThemeHelperProvider, { children: /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            sizes: "small",
+            sx: { fontSize: "1rem", cursor: "pointer" },
+            style: {
+              width: "30px",
+              height: "30px",
+              minHeight: "30px"
+            },
+            className: "dash-icon-button-color dash-icon-button-bg",
+            children: /* @__PURE__ */ jsx("span", { style: { fontSize: "1.2rem" }, children: currentLocale.icon })
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        anchorEl,
+        open,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        children: availableLocales.map((localeOption) => /* @__PURE__ */ jsxs(
+          MenuItem,
+          {
+            onClick: () => handleLocaleChange(localeOption.locale),
+            selected: localeOption.locale === locale,
+            children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx("span", { style: { fontSize: "1.5rem" }, children: localeOption.icon }) }),
+              /* @__PURE__ */ jsx(ListItemText, { children: localeOption.name })
+            ]
+          },
+          localeOption.locale
+        ))
+      }
+    )
+  ] });
+};
+var LanguageToggleMode_default = LanguageToggleMode;
+export {
+  LanguageToggleMode_default as default
+};

package/dist/components/misc/CustomImageInput.js

@@ -1 +1,54 @@
-import{Fragment as i,jsx as e,jsxs as p}from"react/jsx-runtime";import{useRecordContext as a}from"react-admin";import m from"@mui/icons-material/CloudUpload";import{ImageInput as n}from"react-admin";import{ImageField as s}from"react-admin";const c=({method:o,attribute:t})=>{const r=a();return r?e("img",{src:r[t.listAttribute]||"",alt:"imagen"}):e(i,{})},d=({record:o,attribute:t})=>p("div",{style:{padding:"30px",border:"4px dashed rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",gap:"10px"},children:[e("img",{src:o?.[t.listAttribute]||"",alt:"imagen"}),e(m,{}),"Arr\xE1stre una im\xE1gen o haga click aqu\xED para seleccionar"]}),u=({method:o,attribute:t})=>{const r=a();return e(i,{children:e(n,{fullWidth:!0,placeholder:e(d,{record:r,attribute:t}),source:t.attribute,label:t.label,accept:"image/*",children:e(s,{source:"src",title:"title"})})})},l=({method:o,attribute:t,resourceConfig:r})=>{switch(o){case"edit":case"create":return e(u,{attribute:t,method:o,resourceConfig:r});case"view":return e(c,{attribute:t,method:o,resourceConfig:r})}};var x=l;export{x as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRecordContext } from "react-admin";
+import CloudUploadIcon from "@mui/icons-material/CloudUpload";
+import { ImageInput } from "react-admin";
+import { ImageField } from "react-admin";
+const CustomImageInputView = ({
+  method,
+  attribute
+}) => {
+  const record = useRecordContext();
+  return record ? /* @__PURE__ */ jsx("img", { src: record[attribute.listAttribute] || "", alt: "imagen" }) : /* @__PURE__ */ jsx(Fragment, {});
+};
+const ImagePlaceholder = ({ record, attribute }) => /* @__PURE__ */ jsxs("div", { style: { padding: "30px", border: "4px dashed rgba(0, 0, 0, 0.5)", display: "flex", alignItems: "center", gap: "10px" }, children: [
+  /* @__PURE__ */ jsx("img", { src: (record == null ? void 0 : record[attribute.listAttribute]) || "", alt: "imagen" }),
+  /* @__PURE__ */ jsx(CloudUploadIcon, {}),
+  "Arr\xE1stre una im\xE1gen o haga click aqu\xED para seleccionar"
+] });
+const CustomImageInputEdit = ({
+  method,
+  attribute
+}) => {
+  const record = useRecordContext();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    ImageInput,
+    {
+      fullWidth: true,
+      placeholder: /* @__PURE__ */ jsx(ImagePlaceholder, { record, attribute }),
+      source: attribute.attribute,
+      label: attribute.label,
+      accept: "image/*",
+      children: /* @__PURE__ */ jsx(ImageField, { source: (
+        /*attribute.listAttribute ||*/
+        `src`
+      ), title: "title" })
+    }
+  ) });
+};
+const CustomImageInput = ({
+  method,
+  attribute,
+  resourceConfig
+}) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(CustomImageInputEdit, { attribute, method, resourceConfig });
+    case "view":
+      return /* @__PURE__ */ jsx(CustomImageInputView, { attribute, method, resourceConfig });
+  }
+};
+var CustomImageInput_default = CustomImageInput;
+export {
+  CustomImageInput_default as default
+};

package/dist/components/misc/DASHGlobalErrorHandler.js

@@ -1 +1,159 @@
-import{Fragment as g,jsx as c}from"react/jsx-runtime";import{useEffect as E,useState as b}from"react";import{toast as u}from"react-toastify";import{useDialog as y}from"@dashadmin/dash-dialog";const p=t=>{if(t.originalError&&t.status&&t.message){const n=t;let e=n.message||"";if(n.status>=400&&n.status<499)switch(n.status){case 401:e="\u{1F6AB} "+e;break;case 403:e="\u{1F512} "+e;break;case 404:e="\u274C "+e;break;case 422:e="\u26A0 "+e;break}try{if(t?.originalError?.response?.data?.errors){const a=t.originalError.response.data.errors;let i=[];Array.isArray(a)?i=a.map(r=>String(r)):typeof a=="object"&&a!==null?Object.values(a).forEach(r=>{typeof r=="string"?i.push(r):Array.isArray(r)?i.push(r.join(", ")):typeof r=="object"&&r!==null&&i.push(JSON.stringify(r))}):typeof a=="string"&&i.push(a),i.length>0&&(e+=" "+i.join(", "))}}catch(a){console.error("error parsing validation errors",a)}return{status:n.status,body:e,message:n.message}}let o={...t?.error?t.error:{}},l="";return o.status>=400&&o.status<499&&(o.status===401&&(l="\u{1F6AB} "),o.status===403&&(l="\u{1F512} "),o.status===404&&(l="\u274C "),o.status===422&&(l="\u26A0 "),o={status:o.status,body:l+(o.body?" "+o.body:"")}),o},m=({checkError:t})=>{const o=y(),[l,n]=b(!1),e=(r,s)=>{s.config?.toast&&u.error(c(g,{children:r.body}),{position:"bottom-center",autoClose:4e3,hideProgressBar:!1,closeOnClick:!0,pauseOnHover:!0,draggable:!0}),s.config?.dialog!==!1&&o({variant:"danger",title:"Error",content:r.body})},a=r=>{const s=r.data||r;if(s?.error||s?.originalError||s?.status&&s?.message){if(!l)try{const f=t?t(s):p(s),d={data:s,config:s.config||{dialog:!0,toast:!1},origin:s.origin||"Unknown"};e(f,d)}catch(f){console.error("Error processing global error:",f),e({status:500,body:"Error inesperado en la aplicaci\xF3n"},{data:s,config:{dialog:!0,toast:!1}})}l&&n(!1)}},i=()=>{n(!0),setTimeout(()=>{n(!1)},3e4)};return E(()=>(window.addEventListener("DASHGlobalError",a),window.addEventListener("DASHGlobalErrorIgnore",i),()=>{window.removeEventListener("DASHGlobalError",a),window.removeEventListener("DASHGlobalErrorIgnore",i)}),[l,t]),c(g,{})};var v=m;export{v 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 } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { toast } from "react-toastify";
+import { useDialog } from "dash-dialog";
+const _checkError = (errorData) => {
+  var _a, _b, _c;
+  if (errorData.originalError && errorData.status && errorData.message) {
+    const processedError = errorData;
+    let errorMessage = processedError.message || "";
+    if (processedError.status >= 400 && processedError.status < 499) {
+      switch (processedError.status) {
+        case 401:
+          errorMessage = "\u{1F6AB} " + errorMessage;
+          break;
+        case 403:
+          errorMessage = "\u{1F512} " + errorMessage;
+          break;
+        case 404:
+          errorMessage = "\u274C " + errorMessage;
+          break;
+        case 422:
+          errorMessage = "\u26A0 " + errorMessage;
+          break;
+      }
+    }
+    try {
+      if ((_c = (_b = (_a = errorData == null ? void 0 : errorData.originalError) == null ? void 0 : _a.response) == null ? void 0 : _b.data) == null ? void 0 : _c.errors) {
+        const validationErrors = errorData.originalError.response.data.errors;
+        let errorMessages = [];
+        if (Array.isArray(validationErrors)) {
+          errorMessages = validationErrors.map((err) => String(err));
+        } else if (typeof validationErrors === "object" && validationErrors !== null) {
+          Object.values(validationErrors).forEach((value) => {
+            if (typeof value === "string") {
+              errorMessages.push(value);
+            } else if (Array.isArray(value)) {
+              errorMessages.push(value.join(", "));
+            } else if (typeof value === "object" && value !== null) {
+              errorMessages.push(JSON.stringify(value));
+            }
+          });
+        } else if (typeof validationErrors === "string") {
+          errorMessages.push(validationErrors);
+        }
+        if (errorMessages.length > 0) {
+          errorMessage += " " + errorMessages.join(", ");
+        }
+      }
+    } catch (e2) {
+      console.error("error parsing validation errors", e2);
+    }
+    return {
+      status: processedError.status,
+      body: errorMessage,
+      message: processedError.message
+    };
+  }
+  let e = __spreadValues({}, (errorData == null ? void 0 : errorData.error) ? errorData.error : {});
+  let _extra = "";
+  if (e.status >= 400 && e.status < 499) {
+    if (e.status === 401) _extra = "\u{1F6AB} ";
+    if (e.status === 403) _extra = "\u{1F512} ";
+    if (e.status === 404) _extra = "\u274C ";
+    if (e.status === 422) _extra = "\u26A0 ";
+    e = {
+      status: e.status,
+      body: _extra + (e.body ? " " + e.body : "")
+    };
+  }
+  return e;
+};
+const DASHGlobalErrorHandler = ({ checkError }) => {
+  const dialog = useDialog();
+  const [disableNextDialog, setDisableNextDialog] = useState(false);
+  const showError = (parsedError, globalError) => {
+    var _a, _b;
+    if ((_a = globalError.config) == null ? void 0 : _a.toast) {
+      toast.error(/* @__PURE__ */ jsx(Fragment, { children: parsedError.body }), {
+        position: "bottom-center",
+        autoClose: 4e3,
+        hideProgressBar: false,
+        closeOnClick: true,
+        pauseOnHover: true,
+        draggable: true
+      });
+    }
+    if (((_b = globalError.config) == null ? void 0 : _b.dialog) !== false) {
+      dialog({
+        variant: "danger",
+        title: "Error",
+        content: parsedError.body
+      });
+    }
+  };
+  const errorChangeHandler = (event) => {
+    const eventData = event.data || event;
+    const hasError = (eventData == null ? void 0 : eventData.error) || (eventData == null ? void 0 : eventData.originalError) || (eventData == null ? void 0 : eventData.status) && (eventData == null ? void 0 : eventData.message);
+    if (hasError) {
+      if (!disableNextDialog) {
+        try {
+          const parsedError = checkError ? checkError(eventData) : _checkError(eventData);
+          const globalErrorEvent = {
+            data: eventData,
+            config: eventData.config || { dialog: true, toast: false },
+            origin: eventData.origin || "Unknown"
+          };
+          showError(parsedError, globalErrorEvent);
+        } catch (e) {
+          console.error("Error processing global error:", e);
+          showError({
+            status: 500,
+            body: "Error inesperado en la aplicaci\xF3n"
+          }, {
+            data: eventData,
+            config: { dialog: true, toast: false }
+          });
+        }
+      }
+      if (disableNextDialog) {
+        setDisableNextDialog(false);
+      }
+    }
+  };
+  const ignoreNextDialogHandler = () => {
+    setDisableNextDialog(true);
+    setTimeout(() => {
+      setDisableNextDialog(false);
+    }, 3e4);
+  };
+  useEffect(() => {
+    window.addEventListener("DASHGlobalError", errorChangeHandler);
+    window.addEventListener("DASHGlobalErrorIgnore", ignoreNextDialogHandler);
+    return () => {
+      window.removeEventListener("DASHGlobalError", errorChangeHandler);
+      window.removeEventListener("DASHGlobalErrorIgnore", ignoreNextDialogHandler);
+    };
+  }, [disableNextDialog, checkError]);
+  return /* @__PURE__ */ jsx(Fragment, {});
+};
+var DASHGlobalErrorHandler_default = DASHGlobalErrorHandler;
+export {
+  DASHGlobalErrorHandler_default as default
+};

package/dist/components/misc/DarkModeSwitcher.js

@@ -1 +1,40 @@
-import{jsx as e}from"react/jsx-runtime";import{useColorScheme as a}from"@mui/material";import{LightMode as m,DarkMode as n}from"@mui/icons-material";import{Avatar as p}from"@mui/material";import{useDispatch as d,useSelector as h}from"react-redux";import{DashThemeHelperProvider as c}from"../../default-theme";const l=()=>{const S=h(r=>r.settings.themeType),{mode:o,setMode:i}=a(),D=d(),t=o==="dark",s=()=>{debugger;i(t?"light":"dark")};return o?e("div",{onClick:s,children:e(c,{children:e(p,{sizes:"small",sx:{fontSize:"1rem"},style:{width:"30px",height:"30px",minHeight:"30px"},className:"dash-icon-button-color dash-icon-button-bg",children:t?e(m,{}):e(n,{})})})}):null};var w=l;export{w as default};
+import { jsx } from "react/jsx-runtime";
+import { useColorScheme } from "@mui/material";
+import { LightMode, DarkMode } from "@mui/icons-material";
+import { Avatar } from "@mui/material";
+import { useDispatch, useSelector } from "react-redux";
+import { DashThemeHelperProvider } from "../../default-theme";
+const DarkModeSwitcher = () => {
+  const dashThemeType = useSelector(
+    (state) => state.settings.themeType
+  );
+  const { mode, setMode } = useColorScheme();
+  const dispatch = useDispatch();
+  const isDark = mode === "dark";
+  const onClick = () => {
+    debugger;
+    const newMode = isDark ? "light" : "dark";
+    setMode(newMode);
+  };
+  if (!mode) {
+    return null;
+  }
+  return /* @__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: isDark ? /* @__PURE__ */ jsx(LightMode, {}) : /* @__PURE__ */ jsx(DarkMode, {})
+    }
+  ) }) });
+};
+var DarkModeSwitcher_default = DarkModeSwitcher;
+export {
+  DarkModeSwitcher_default as default
+};

package/dist/components/misc/LanguageSwitcher.js

@@ -1 +1,193 @@
-import{Fragment as F,jsx as s,jsxs as Q}from"react/jsx-runtime";import{useState as i,useRef as f,useEffect as p}from"react";import{useLocaleState as C,useLocales as H}from"react-admin";import{Avatar as N,useMediaQuery as W,useTheme as A}from"@mui/material";import B from"@mui/icons-material/Translate";import I from"react-dom";import{useWindowSize as O}from"@dashadmin/dash-utils";const V=s(B,{}),$=w=>{const{icon:U=V,languages:L}=w,[X,Y]=i(null),g=H({locales:L}),[c,M]=C(),E=A(),b=W(E.breakpoints.down("md")),[a,h]=i(!1),[r,l]=i(!1),u=f(null),R=f(null),[v,T]=i({top:0,left:0}),t=f(null),d=O();p(()=>{document.body.classList.contains("webview")?h(!0):h(!1)},[]);const S=e=>{const n=g.find(o=>o.locale===e);return n?n.name:""},x=e=>()=>{M(e),l(!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),T({top:e.top+window.scrollY+30,left:o})}},y=e=>{e.preventDefault(),t.current&&(clearTimeout(t.current),t.current=null),l(!0),m()},z=e=>{e.preventDefault(),l(n=>!n),m()},D=()=>{a||(t.current=setTimeout(()=>{l(!1)},100))},P=()=>{t.current&&(clearTimeout(t.current),t.current=null)},k=()=>{a||l(!1)};return p(()=>()=>{t.current&&clearTimeout(t.current)},[]),p(()=>{const e=()=>{r&&m()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[r,b]),Q(F,{children:[s("div",{ref:u,...a?{onClick:z}:{onMouseEnter:y,onMouseLeave:D},children:s(N,{sizes:"small",sx:{fontSize:"1rem"},style:{width:"30px",height:"30px",minHeight:"30px"},className:"dash-icon-button-color dash-icon-button-bg",children:S(c).substring(0,2).toUpperCase()})}),r&&I.createPortal(s("div",{ref:R,className:"dash-language-menu-portal",onMouseEnter:a?void 0:P,onMouseLeave:a?void 0:k,children:s("div",{className:`dash-language-menu ${r?"show":""}`,style:{zIndex:1e4,position:"absolute",top:v.top,left:v.left},children:g.map(e=>s("div",{className:`dash-language-menu-item ${e.locale===c?"selected":""}`,onClick:x(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 te=$;export{te 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 { useLocaleState, useLocales } from "react-admin";
+import { Avatar, useMediaQuery, useTheme } from "@mui/material";
+import LanguageIcon from "@mui/icons-material/Translate";
+import ReactDOM from "react-dom";
+import { useWindowSize } from "dash-utils";
+const DefaultIcon = /* @__PURE__ */ jsx(LanguageIcon, {});
+const LanguageSwitcher = (props) => {
+  const { icon = DefaultIcon, languages: languagesProp } = props;
+  const [anchorEl, setAnchorEl] = useState(null);
+  const languages = useLocales({ locales: languagesProp });
+  const [locale, setLocale] = useLocaleState();
+  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 = (locale2) => () => {
+    setLocale(locale2);
+    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 LanguageSwitcher_default = LanguageSwitcher;
+export {
+  LanguageSwitcher_default as default
+};

package/dist/components/misc/MUIHtmlToolTip.js

@@ -1 +1,50 @@
-import{jsx as s}from"react/jsx-runtime";import{styled as t}from"@mui/material/styles";import l,{tooltipClasses as r}from"@mui/material/Tooltip";const i=t(({className:o,...p})=>s(l,{...p,classes:{popper:o}}))(({theme:o})=>({[`& .${r.tooltip}`]:{backgroundColor:"#f5f5f9",color:"rgba(0, 0, 0, 0.87)",maxWidth:220,fontSize:o.typography.pxToRem(12),border:"1px solid #dadde9"}}));var f=i;export{f 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 } from "react/jsx-runtime";
+import { styled } from "@mui/material/styles";
+import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
+const MUIHtmlTooltip = styled((_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(Tooltip, __spreadProps(__spreadValues({}, props), { classes: { popper: className } }));
+})(({ theme }) => ({
+  [`& .${tooltipClasses.tooltip}`]: {
+    backgroundColor: "#f5f5f9",
+    color: "rgba(0, 0, 0, 0.87)",
+    maxWidth: 220,
+    fontSize: theme.typography.pxToRem(12),
+    border: "1px solid #dadde9"
+  }
+}));
+var MUIHtmlToolTip_default = MUIHtmlTooltip;
+export {
+  MUIHtmlToolTip_default as default
+};