@dashadmin/dash-admin 1.3.25 → 1.3.26

package/dist/components/avatar/SingleImageUploader.js

@@ -1 +1,46 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{IconButton as c}from"@mui/material";import{useState as g}from"react";import s from"@mui/icons-material/Edit";import p from"@mui/icons-material/Image";const d=n=>{const{classNamePrefix:a="default",currentUrl:i="single-image-uploader",onChange:t}=n,[l,m]=g(null);return r("div",{className:`single-image-uploader ${a}-img`,children:[l||i?e("img",{src:l||i,alt:""}):e("div",{className:`${a}-icon`,children:e(p,{})}),r(c,{"aria-label":"upload image",component:"label",className:`${a}-edit`,children:[e("input",{hidden:!0,accept:"image/*",type:"file",onChange:o=>{m(URL.createObjectURL(o.target.files[0])),t&&t(o.target.files[0])}}),e(s,{style:{opacity:"0.6"}})]})]})};var N=d;export{N as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconButton } from "@mui/material";
+import { useState } from "react";
+import Edit from "@mui/icons-material/Edit";
+import Image from "@mui/icons-material/Image";
+const SingleImageUploader = (props) => {
+  const { classNamePrefix = "default", currentUrl = "single-image-uploader", onChange } = props;
+  const [localFile, setLocalFile] = useState(null);
+  return /* @__PURE__ */ jsxs("div", { className: `single-image-uploader ${classNamePrefix}-img`, children: [
+    localFile || currentUrl ? /* @__PURE__ */ jsx("img", { src: localFile || currentUrl, alt: "" }) : /* @__PURE__ */ jsx("div", { className: `${classNamePrefix}-icon`, children: /* @__PURE__ */ jsx(Image, {}) }),
+    /* @__PURE__ */ jsxs(
+      IconButton,
+      {
+        "aria-label": "upload image",
+        component: "label",
+        className: `${classNamePrefix}-edit`,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              hidden: true,
+              accept: "image/*",
+              type: "file",
+              onChange: (e) => {
+                setLocalFile(URL.createObjectURL(e.target.files[0]));
+                if (onChange) {
+                  onChange(e.target.files[0]);
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Edit,
+            {
+              style: { opacity: "0.6" }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var SingleImageUploader_default = SingleImageUploader;
+export {
+  SingleImageUploader_default as default
+};

package/dist/components/currency/Format.js

@@ -1 +1,71 @@
-import{Fragment as f,jsx as r,jsxs as I}from"react/jsx-runtime";import{useEffect as h,useState as c}from"react";import{useRecordContext as i}from"react-admin";import{TextField as d}from"@mui/material";import{useWatch as l}from"react-hook-form";import F from"numeral";const A=({method:o,attribute:a})=>{const t=i();return r(f,{})},y=({method:o,attribute:a})=>{const[t,C]=c(""),[p,b]=c("0"),g=i(),m=l({name:"format"}),s=l({name:"symbol"}),u=e=>{try{C(e);const n=m?F(e).format(m):e;b(s?s+n:n)}catch(n){return console.log(n),0}};return h(()=>{u(t)},[m,s]),I(f,{children:[r(d,{label:"Probar formateo",value:t,onChange:({target:{value:e}})=>u(e)}),r(d,{label:"Valor formateado",value:p,inputProps:{readOnly:!0}})]})},D=({method:o,attribute:a,resourceConfig:t})=>{switch(o){case"edit":case"create":return r(y,{attribute:a,method:o,resourceConfig:t});case"view":return r(A,{attribute:a,method:o,resourceConfig:t})}};var V=D;export{V as default};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useRecordContext } from "react-admin";
+import { TextField } from "@mui/material";
+import { useWatch } from "react-hook-form";
+import numeral from "numeral";
+const ComponentView = ({
+  method,
+  attribute
+}) => {
+  const data = useRecordContext();
+  return /* @__PURE__ */ jsx(Fragment, {});
+};
+const ComponentEdit = ({
+  method,
+  attribute
+}) => {
+  const [rawText, setRawText] = useState("");
+  const [formattedNumber, setFormattedNumber] = useState("0");
+  const data = useRecordContext();
+  const format = useWatch({ name: "format" });
+  const symbol = useWatch({ name: "symbol" });
+  const formatNumber = (value) => {
+    try {
+      setRawText(value);
+      const vall = !format ? value : numeral(value).format(format);
+      setFormattedNumber(symbol ? symbol + vall : vall);
+    } catch (error) {
+      console.log(error);
+      return 0;
+    }
+  };
+  useEffect(() => {
+    formatNumber(rawText);
+  }, [format, symbol]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: "Probar formateo",
+        value: rawText,
+        onChange: ({ target: { value } }) => formatNumber(value)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: "Valor formateado",
+        value: formattedNumber,
+        inputProps: { readOnly: true }
+      }
+    )
+  ] });
+};
+const FormatCurrency = ({
+  method,
+  attribute,
+  resourceConfig
+}) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(ComponentEdit, { attribute, method, resourceConfig });
+    case "view":
+      return /* @__PURE__ */ jsx(ComponentView, { attribute, method, resourceConfig });
+  }
+};
+var Format_default = FormatCurrency;
+export {
+  Format_default as default
+};

package/dist/components/custom/Redirect.js

@@ -1 +1,20 @@
-import{Fragment as a,jsx as f}from"react/jsx-runtime";import{useEffect as i}from"react";import{useNavigate as o}from"react-router-dom";const c=({path:e,timer:r})=>{const t=o();return i(()=>{r?setTimeout(()=>{t(e)},10):t(e)},[]),f(a,{})};var u=c;export{u as default};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+const Redirect = ({ path, timer }) => {
+  const navigate = useNavigate();
+  useEffect(() => {
+    if (timer) {
+      setTimeout(() => {
+        navigate(path);
+      }, 10);
+    } else {
+      navigate(path);
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, {});
+};
+var Redirect_default = Redirect;
+export {
+  Redirect_default as default
+};

package/dist/components/error/Error.js

@@ -1 +1,161 @@
-import{jsx as t,jsxs as l}from"react/jsx-runtime";import{Fragment as g}from"react";import{styled as u}from"@mui/material/styles";import a from"prop-types";import{Button as y}from"@mui/material";import E from"@mui/icons-material/Report";import"@mui/icons-material/ExpandMore";import I from"@mui/icons-material/History";import{useTranslate as b}from"react-admin";import{useResetErrorBoundaryOnLocationChange as $}from"react-admin";import{Title as k}from"react-admin";const v=r=>r?typeof r=="string"?r:typeof r=="object"&&r!==null&&"message"in r?String(r.message||"Unknown error"):"Unknown error":"Unknown error",T=r=>{const{error:n,errorComponent:c,errorInfo:m,resetErrorBoundary:p,className:d,title:s,...f}=r,i=b();if($(p),c)return t(c,{error:n,errorInfo:m,title:s});const h=v(n);return l(g,{children:[s&&t(k,{title:s}),l(C,{className:d,...f,children:[l("h1",{className:o.title,role:"alert",children:[t(E,{className:o.icon}),i("ra.page.error")]}),t("div",{children:i("ra.message.error")}),!1,t("div",{className:o.toolbar,children:t(y,{variant:"contained",startIcon:t(I,{}),onClick:N,children:i("ra.action.back")})})]})]})};T.propTypes={className:a.string,error:a.object.isRequired,errorInfo:a.object,title:a.string};const e="RaError",o={container:`${e}-container`,title:`${e}-title`,icon:`${e}-icon`,panel:`${e}-panel`,panelSumary:`${e}-panelSumary`,panelDetails:`${e}-panelDetails`,toolbar:`${e}-toolbar`,advice:`${e}-advice`},C=u("div",{name:e,overridesResolver:(r,n)=>n.root})(({theme:r})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",[r.breakpoints.down("md")]:{padding:"1em"},fontFamily:"Roboto, sans-serif",opacity:.5,[`& .${o.title}`]:{display:"flex",alignItems:"center"},[`& .${o.icon}`]:{width:"2em",height:"2em",marginRight:"0.5em"},[`& .${o.panel}`]:{marginTop:"1em",maxWidth:"60em"},[`& .${o.panelSumary}`]:{userSelect:"all"},[`& .${o.panelDetails}`]:{whiteSpace:"pre-wrap"},[`& .${o.toolbar}`]:{marginTop:"2em"},[`& .${o.advice}`]:{marginTop:"2em"}}));function N(){window.history.go(-1)}export{T as Error,o as ErrorClasses};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2 } from "react";
+import { styled } from "@mui/material/styles";
+import PropTypes from "prop-types";
+import {
+  Button,
+  Accordion,
+  AccordionDetails,
+  AccordionSummary
+} from "@mui/material";
+import ErrorIcon from "@mui/icons-material/Report";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import History from "@mui/icons-material/History";
+import { useTranslate } from "react-admin";
+import { useResetErrorBoundaryOnLocationChange } from "react-admin";
+import { Title } from "react-admin";
+const Error2 = (props) => {
+  const _a = props, {
+    error,
+    errorComponent: ErrorComponent,
+    errorInfo,
+    resetErrorBoundary,
+    className,
+    title
+  } = _a, rest = __objRest(_a, [
+    "error",
+    "errorComponent",
+    "errorInfo",
+    "resetErrorBoundary",
+    "className",
+    "title"
+  ]);
+  const translate = useTranslate();
+  useResetErrorBoundaryOnLocationChange(resetErrorBoundary);
+  if (ErrorComponent) {
+    return /* @__PURE__ */ jsx(ErrorComponent, { error, errorInfo, title });
+  }
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    title && /* @__PURE__ */ jsx(Title, { title }),
+    /* @__PURE__ */ jsxs(Root, __spreadProps(__spreadValues({ className }, rest), { children: [
+      /* @__PURE__ */ jsxs("h1", { className: ErrorClasses.title, role: "alert", children: [
+        /* @__PURE__ */ jsx(ErrorIcon, { className: ErrorClasses.icon }),
+        translate("ra.page.error")
+      ] }),
+      /* @__PURE__ */ jsx("div", { children: translate("ra.message.error") }),
+      process.env.NODE_ENV !== "production" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Accordion, { className: ErrorClasses.panel, children: [
+        /* @__PURE__ */ jsx(
+          AccordionSummary,
+          {
+            expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+            className: ErrorClasses.panelSumary,
+            children: translate(error.message, {
+              _: error.message
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxs(AccordionDetails, { className: ErrorClasses.panelDetails, children: [
+          /* @__PURE__ */ jsx("p", { children: translate(error.message, {
+            _: error.message
+          }) }),
+          /* @__PURE__ */ jsx("p", { children: errorInfo == null ? void 0 : errorInfo.componentStack })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: ErrorClasses.toolbar, children: /* @__PURE__ */ jsx(Button, { variant: "contained", startIcon: /* @__PURE__ */ jsx(History, {}), onClick: goBack, children: translate("ra.action.back") }) })
+    ] }))
+  ] });
+};
+Error2.propTypes = {
+  className: PropTypes.string,
+  error: PropTypes.object.isRequired,
+  errorInfo: PropTypes.object,
+  title: PropTypes.string
+};
+const PREFIX = "RaError";
+const ErrorClasses = {
+  container: `${PREFIX}-container`,
+  title: `${PREFIX}-title`,
+  icon: `${PREFIX}-icon`,
+  panel: `${PREFIX}-panel`,
+  panelSumary: `${PREFIX}-panelSumary`,
+  panelDetails: `${PREFIX}-panelDetails`,
+  toolbar: `${PREFIX}-toolbar`,
+  advice: `${PREFIX}-advice`
+};
+const Root = styled("div", {
+  name: PREFIX,
+  overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  [theme.breakpoints.down("md")]: {
+    padding: "1em"
+  },
+  fontFamily: "Roboto, sans-serif",
+  opacity: 0.5,
+  [`& .${ErrorClasses.title}`]: {
+    display: "flex",
+    alignItems: "center"
+  },
+  [`& .${ErrorClasses.icon}`]: {
+    width: "2em",
+    height: "2em",
+    marginRight: "0.5em"
+  },
+  [`& .${ErrorClasses.panel}`]: {
+    marginTop: "1em",
+    maxWidth: "60em"
+  },
+  [`& .${ErrorClasses.panelSumary}`]: {
+    userSelect: "all"
+  },
+  [`& .${ErrorClasses.panelDetails}`]: {
+    whiteSpace: "pre-wrap"
+  },
+  [`& .${ErrorClasses.toolbar}`]: {
+    marginTop: "2em"
+  },
+  [`& .${ErrorClasses.advice}`]: {
+    marginTop: "2em"
+  }
+}));
+function goBack() {
+  window.history.go(-1);
+}
+export {
+  Error2 as Error,
+  ErrorClasses
+};

package/dist/components/geocoding/GeocodingField.js

@@ -1 +1,133 @@
-import{jsx as o,jsxs as m}from"react/jsx-runtime";import{createElement as T}from"react";import{useEffect as F,useState as A}from"react";import{TextField as _}from"react-admin";import{useRecordContext as l}from"react-admin";import b,{geocodeByAddress as x}from"react-places-autocomplete";import{useController as y}from"react-hook-form";import{TextField as I}from"@mui/material";const N=({method:d,attribute:e,resourceConfig:r})=>{const i=l();return o(_,{label:e.label,source:e.attribute,options:e.fieldProps})},R=({method:d,attribute:e})=>{const[r,i]=A(""),n=l(),u={componentRestrictions:{country:"CL"},location:new google.maps.LatLng(-34,151),radius:2e3,types:["address"]},c=y({name:e.attribute,defaultValue:""}),p=t=>{x(t).then(s=>{c.field.onChange(JSON.stringify(s[0])),i(s[0].formatted_address)}).catch(s=>console.error("Error",s))};return F(()=>{n?.geocoded_address&&i(n.geocoded_address)},[n]),o(b,{value:r,onChange:t=>i(t),onSelect:t=>p(t),searchOptions:u,children:({getInputProps:t,suggestions:s,getSuggestionItemProps:f,loading:C})=>m("div",{className:"form__item",children:[o("div",{className:"form__item__icon",children:o(I,{label:e.label,...c.field,...t({placeholder:e.label,className:"input location-search-input"}),options:{...e.fieldProps},autoComplete:"off",defaultValue:r,variant:"filled"})}),m("div",{className:"autocomplete-dropdown-container",children:[C&&o("div",{children:"Cargando..."}),s.map((a,g)=>{const h=a.active?"suggestion-item--active":"suggestion-item",v=a.active?{backgroundColor:"#fafafa",cursor:"pointer"}:{backgroundColor:"#ffffff",cursor:"pointer"};return T("div",{...f(a,{className:h,style:v}),key:g},o("span",{children:a.description}))})]})]})})},w=({method:d,attribute:e,resourceConfig:r})=>{switch(d){case"edit":case"create":return o(R,{attribute:e,method:d,resourceConfig:r});case"view":return o(N,{attribute:e,method:d,resourceConfig:r})}};var J=w;export{J 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 { createElement } from "react";
+import { useEffect, useState } from "react";
+import { TextField as RATextField } from "react-admin";
+import { useRecordContext } from "react-admin";
+import PlacesAutocomplete, {
+  geocodeByAddress
+} from "react-places-autocomplete";
+import { useController } from "react-hook-form";
+import { TextField as MUITextField } from "@mui/material";
+const GeocodingFieldView = ({
+  method,
+  attribute,
+  resourceConfig
+}) => {
+  const record = useRecordContext();
+  return /* @__PURE__ */ jsx(
+    RATextField,
+    {
+      label: attribute.label,
+      source: attribute.attribute,
+      options: attribute.fieldProps
+    }
+  );
+};
+const GeocodingFieldEdit = ({
+  method,
+  attribute
+}) => {
+  const [address, setAddress] = useState("");
+  const record = useRecordContext();
+  const searchOptions = {
+    componentRestrictions: { country: "CL" },
+    /* @ts-ignore */
+    location: new google.maps.LatLng(-34, 151),
+    radius: 2e3,
+    types: ["address"]
+  };
+  const addressFormField = useController({
+    name: attribute.attribute,
+    // rules: { required: true },
+    defaultValue: ""
+  });
+  const handleSelect = (address2) => {
+    geocodeByAddress(address2).then((results) => {
+      addressFormField.field.onChange(JSON.stringify(results[0]));
+      setAddress(results[0].formatted_address);
+    }).catch((error) => console.error("Error", error));
+  };
+  useEffect(() => {
+    (record == null ? void 0 : record.geocoded_address) && setAddress(record.geocoded_address);
+  }, [record]);
+  return /* @__PURE__ */ jsx(
+    PlacesAutocomplete,
+    {
+      value: address,
+      onChange: (address2) => setAddress(address2),
+      onSelect: (selected) => handleSelect(selected),
+      searchOptions,
+      children: ({ getInputProps, suggestions, getSuggestionItemProps, loading }) => {
+        return /* @__PURE__ */ jsxs("div", { className: "form__item", children: [
+          /* @__PURE__ */ jsx("div", { className: "form__item__icon", children: /* @__PURE__ */ jsx(
+            MUITextField,
+            __spreadProps(__spreadValues(__spreadValues({
+              label: attribute.label
+            }, addressFormField.field), getInputProps({
+              placeholder: attribute.label,
+              className: `input location-search-input`
+            })), {
+              options: __spreadValues({}, attribute.fieldProps),
+              autoComplete: "off",
+              defaultValue: address,
+              variant: "filled"
+            })
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "autocomplete-dropdown-container", children: [
+            loading && /* @__PURE__ */ jsx("div", { children: "Cargando..." }),
+            suggestions.map((suggestion, key) => {
+              const className = suggestion.active ? "suggestion-item--active" : "suggestion-item";
+              const style = suggestion.active ? { backgroundColor: "#fafafa", cursor: "pointer" } : { backgroundColor: "#ffffff", cursor: "pointer" };
+              return /* @__PURE__ */ createElement(
+                "div",
+                __spreadProps(__spreadValues({}, getSuggestionItemProps(suggestion, {
+                  className,
+                  style
+                })), {
+                  key
+                }),
+                /* @__PURE__ */ jsx("span", { children: suggestion.description })
+              );
+            })
+          ] })
+        ] });
+      }
+    }
+  );
+};
+const GeocodingField = ({
+  method,
+  attribute,
+  resourceConfig
+}) => {
+  switch (method) {
+    case "edit":
+    case "create":
+      return /* @__PURE__ */ jsx(GeocodingFieldEdit, { attribute, method, resourceConfig });
+    case "view":
+      return /* @__PURE__ */ jsx(GeocodingFieldView, { attribute, method, resourceConfig });
+  }
+};
+var GeocodingField_default = GeocodingField;
+export {
+  GeocodingField_default as default
+};

package/dist/components/i18n/BridgedLocalesMenuButton.js

@@ -1 +1,126 @@
-import{Fragment as N,jsx as n,jsxs as D}from"react/jsx-runtime";import{useState as f,useCallback as s}from"react";import{Menu as C,MenuItem as I,Button as R,Tooltip as y,IconButton as E}from"@mui/material";import S from"@mui/icons-material/Language";import{useI18nBridge as T,useBridgedLocales as b}from"../../contexts/I18nBridgeContext";import{useLocaleState as k}from"react-admin";import{useDispatch as w}from"react-redux";import{DASH_REDUX_ACTIONS as A}from"@dashadmin/dash-admin-state";const P=({iconOnly:p=!0,icon:u=n(S,{})})=>{const[i,d]=f(null),o=b(),{i18nProvider:l,locale:a,setLocale:g}=T(),[,B]=k(),L=s(e=>{d(e.currentTarget)},[]),c=s(()=>{d(null)},[]),m=w(),M=s(async e=>{if(console.log("\u{1F310} BridgedLocalesMenuButton: Changing locale to:",e),l?.changeLocale){console.log("\u{1F310} BridgedLocalesMenuButton: Awaiting changeLocale...");try{await l.changeLocale(e),console.log("\u{1F310} BridgedLocalesMenuButton: changeLocale complete.")}catch(r){console.error("\u{1F310} BridgedLocalesMenuButton: changeLocale failed:",r)}}try{localStorage.setItem("dash-user-locale",e),console.log("\u{1F310} BridgedLocalesMenuButton: Persisted locale to localStorage:",e)}catch(r){console.warn("\u{1F310} BridgedLocalesMenuButton: Failed to persist locale to localStorage:",r)}console.log("\u{1F310} BridgedLocalesMenuButton: Updating state..."),m(A.switchLanguage(e)),g(e),B(e),c()},[l,g,B,c,m]);if(!o||o.length<=1)return console.log("\u{1F310} BridgedLocalesMenuButton: Not rendering - locales:",o),null;console.log("\u{1F310} BridgedLocalesMenuButton: Rendering with locales:",o,"current:",a);const t=!!i,h=o.find(e=>e.locale===a)?.name||a;return D(N,{children:[p?n(y,{title:`Language: ${h}`,children:n(E,{onClick:L,color:"inherit",size:"small","aria-label":"change language","aria-controls":t?"locale-menu":void 0,"aria-haspopup":"true","aria-expanded":t?"true":void 0,children:u})}):n(R,{onClick:L,color:"inherit",startIcon:u,"aria-controls":t?"locale-menu":void 0,"aria-haspopup":"true","aria-expanded":t?"true":void 0,children:h}),n(C,{id:"locale-menu",anchorEl:i,open:t,onClose:c,MenuListProps:{"aria-labelledby":"locale-button"},children:o.map(e=>n(I,{selected:e.locale===a,onClick:()=>M(e.locale),children:e.name||e.locale},e.locale))})]})};var G=P;export{G 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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Menu, MenuItem, Button, Tooltip, IconButton } from "@mui/material";
+import LanguageIcon from "@mui/icons-material/Language";
+import { useI18nBridge, useBridgedLocales } from "../../contexts/I18nBridgeContext";
+import { useLocaleState } from "react-admin";
+import { useDispatch } from "react-redux";
+import { DASH_REDUX_ACTIONS } from "dash-admin-state";
+const BridgedLocalesMenuButton = ({
+  iconOnly = true,
+  icon = /* @__PURE__ */ jsx(LanguageIcon, {})
+}) => {
+  var _a;
+  const [anchorEl, setAnchorEl] = useState(null);
+  const locales = useBridgedLocales();
+  const { i18nProvider, locale: currentLocale, setLocale: setBridgedLocale } = useI18nBridge();
+  const [, setRALocale] = useLocaleState();
+  const handleClick = useCallback((event) => {
+    setAnchorEl(event.currentTarget);
+  }, []);
+  const handleClose = useCallback(() => {
+    setAnchorEl(null);
+  }, []);
+  const dispatch = useDispatch();
+  const handleLocaleChange = useCallback((locale) => __async(null, null, function* () {
+    console.log("\u{1F310} BridgedLocalesMenuButton: Changing locale to:", locale);
+    if (i18nProvider == null ? void 0 : i18nProvider.changeLocale) {
+      console.log("\u{1F310} BridgedLocalesMenuButton: Awaiting changeLocale...");
+      try {
+        yield i18nProvider.changeLocale(locale);
+        console.log("\u{1F310} BridgedLocalesMenuButton: changeLocale complete.");
+      } catch (error) {
+        console.error("\u{1F310} BridgedLocalesMenuButton: changeLocale failed:", error);
+      }
+    }
+    try {
+      localStorage.setItem("dash-user-locale", locale);
+      console.log("\u{1F310} BridgedLocalesMenuButton: Persisted locale to localStorage:", locale);
+    } catch (e) {
+      console.warn("\u{1F310} BridgedLocalesMenuButton: Failed to persist locale to localStorage:", e);
+    }
+    console.log("\u{1F310} BridgedLocalesMenuButton: Updating state...");
+    dispatch(DASH_REDUX_ACTIONS.switchLanguage(locale));
+    setBridgedLocale(locale);
+    setRALocale(locale);
+    handleClose();
+  }), [i18nProvider, setBridgedLocale, setRALocale, handleClose, dispatch]);
+  if (!locales || locales.length <= 1) {
+    console.log("\u{1F310} BridgedLocalesMenuButton: Not rendering - locales:", locales);
+    return null;
+  }
+  console.log("\u{1F310} BridgedLocalesMenuButton: Rendering with locales:", locales, "current:", currentLocale);
+  const open = Boolean(anchorEl);
+  const currentLocaleName = ((_a = locales.find((l) => l.locale === currentLocale)) == null ? void 0 : _a.name) || currentLocale;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    iconOnly ? /* @__PURE__ */ jsx(Tooltip, { title: `Language: ${currentLocaleName}`, children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: handleClick,
+        color: "inherit",
+        size: "small",
+        "aria-label": "change language",
+        "aria-controls": open ? "locale-menu" : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": open ? "true" : void 0,
+        children: icon
+      }
+    ) }) : /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: handleClick,
+        color: "inherit",
+        startIcon: icon,
+        "aria-controls": open ? "locale-menu" : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": open ? "true" : void 0,
+        children: currentLocaleName
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        id: "locale-menu",
+        anchorEl,
+        open,
+        onClose: handleClose,
+        MenuListProps: {
+          "aria-labelledby": "locale-button"
+        },
+        children: locales.map((localeOption) => /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            selected: localeOption.locale === currentLocale,
+            onClick: () => handleLocaleChange(localeOption.locale),
+            children: localeOption.name || localeOption.locale
+          },
+          localeOption.locale
+        ))
+      }
+    )
+  ] });
+};
+var BridgedLocalesMenuButton_default = BridgedLocalesMenuButton;
+export {
+  BridgedLocalesMenuButton_default as default
+};