@chimera-pe/mui-saas 3.0.17 → 3.0.18

package/dist/mui-saas.js

@@ -1,243 +1,222 @@
-import { jsxs as u, jsx as n, Fragment as B } from "react/jsx-runtime";
-import i from "prop-types";
-import { useSaasStore as G, SaasApp as H } from "@chimera-pe/react-saas";
-import { useEffect as b, useMemo as Q, useState as z, Children as U, cloneElement as $, useCallback as J } from "react";
-import { useMediaQuery as K, createTheme as _, ThemeProvider as V, CssBaseline as W, Snackbar as X, Alert as R, Box as k, CircularProgress as Y, AlertTitle as Z, List as ee, ListItem as ne, ListItemText as re, Skeleton as ie, Card as S, CardHeader as x, CardContent as v, LinearProgress as ae, Typography as oe, CardActions as te, TablePagination as se } from "@mui/material";
-import { grey as j } from "@mui/material/colors";
-import { create as ce } from "zustand";
-import { useTranslate as C } from "react-polyglot";
-import { get as le } from "lodash";
-import { useQuery as pe } from "@tanstack/react-query";
-const f = ce((a) => ({
-  tema: "light",
-  notificaciones: [],
-  cambiarTema: (r) => {
-    a({
-      tema: r
-    });
-  },
-  mostrarNotificacion: (r) => {
-    a((o) => ({
-      notificaciones: [r, ...o.notificaciones]
-    }));
-  },
-  ocultarNotificacion: () => {
-    a((r) => ({
-      notificaciones: r.notificaciones.slice(1)
-    }));
-  }
-})), A = ({ children: a }) => {
-  const r = f((s) => s.cambiarTema), o = K("(prefers-color-scheme: dark)"), t = f((s) => s.tema), e = G((s) => s.instancia);
-  b(() => {
-    r(o ? "dark" : "light");
-  }, [r, o]);
-  const c = Q(() => _({
-    palette: {
-      mode: t,
-      primary: {
-        main: e.color.primary
-      },
-      secondary: {
-        main: e.color.secondary
-      },
-      error: {
-        main: e.color.error
-      },
-      warning: {
-        main: e.color.warning
-      },
-      info: {
-        main: e.color.info
-      },
-      success: {
-        main: e.color.success
-      },
-      ...t === "light" && {
-        background: {
-          default: j.A200,
-          paper: j[100]
-        }
-      }
-    },
-    shape: {
-      borderRadius: 6
-    }
-  }), [t, e]);
-  return /* @__PURE__ */ u(V, { theme: c, children: [
-    /* @__PURE__ */ n(W, {}),
-    a
-  ] });
+import e from "prop-types";
+import { SaasApp as t, useSaasStore as n } from "@chimera-pe/react-saas";
+import { Children as r, cloneElement as i, useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { Alert as l, AlertTitle as u, Box as d, Card as f, CardActions as p, CardContent as m, CardHeader as h, CircularProgress as g, CssBaseline as _, LinearProgress as v, List as y, ListItem as b, ListItemText as x, Skeleton as S, Snackbar as C, TablePagination as w, ThemeProvider as T, Typography as E, createTheme as D, useMediaQuery as O } from "@mui/material";
+import { grey as k } from "@mui/material/colors";
+import { create as A } from "zustand";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { useTranslate as P } from "react-polyglot";
+import { get as F } from "lodash";
+import { useQuery as I } from "@tanstack/react-query";
+//#region src/store/useMuiStore.jsx
+var L = A((e) => ({
+	tema: "light",
+	notificaciones: [],
+	cambiarTema: (t) => {
+		e({ tema: t });
+	},
+	mostrarNotificacion: (t) => {
+		e((e) => ({ notificaciones: [t, ...e.notificaciones] }));
+	},
+	ocultarNotificacion: () => {
+		e((e) => ({ notificaciones: e.notificaciones.slice(1) }));
+	}
+})), R = ({ children: e }) => {
+	let t = L((e) => e.cambiarTema), r = O("(prefers-color-scheme: dark)"), i = L((e) => e.tema), a = n((e) => e.instancia);
+	return o(() => {
+		t(r ? "dark" : "light");
+	}, [t, r]), /* @__PURE__ */ N(T, {
+		theme: s(() => D({
+			palette: {
+				mode: i,
+				primary: { main: a.color.primary },
+				secondary: { main: a.color.secondary },
+				error: { main: a.color.error },
+				warning: { main: a.color.warning },
+				info: { main: a.color.info },
+				success: { main: a.color.success },
+				...i === "light" && { background: {
+					default: k.A200,
+					paper: k[100]
+				} }
+			},
+			shape: { borderRadius: 6 }
+		}), [i, a]),
+		children: [/* @__PURE__ */ M(_, {}), e]
+	});
 };
-A.propTypes = {
-  children: i.element.isRequired
+R.propTypes = { children: e.element.isRequired };
+//#endregion
+//#region src/components/Notificacion.jsx
+var z = () => {
+	let e = P(), [t, n] = c(!1), r = L((e) => e.ocultarNotificacion), i = L((e) => e.notificaciones[0]);
+	return o(() => {
+		n(!!i);
+	}, [i]), /* @__PURE__ */ M(C, {
+		open: t,
+		message: i ? i.tipo === "default" && e(i?.mensaje) : null,
+		autoHideDuration: 5e3,
+		onClose: () => {
+			n(!1), r();
+		},
+		anchorOrigin: i && {
+			vertical: i?.posicion.vertical,
+			horizontal: i?.posicion.horizontal
+		},
+		children: i && i?.tipo !== "default" && /* @__PURE__ */ M(l, {
+			severity: i.tipo,
+			children: e(i.mensaje)
+		})
+	});
+}, B = ({ aplicacion: e, dev: n = !1, devBackendUrl: r, devAuthUrl: i, mensajes: a = {
+	en: {},
+	es: {}
+}, children: o }) => /* @__PURE__ */ M(t, {
+	aplicacion: e,
+	dev: n,
+	devBackendUrl: r,
+	devAuthUrl: i,
+	mensajes: a,
+	children: /* @__PURE__ */ M(R, { children: /* @__PURE__ */ N(j, { children: [o, /* @__PURE__ */ M(z, {})] }) })
+});
+B.propTypes = {
+	aplicacion: e.string.isRequired,
+	dev: e.bool,
+	devBackendUrl: e.string,
+	devAuthUrl: e.string,
+	mensajes: e.object,
+	children: e.element.isRequired
 };
-const me = () => {
-  const a = C(), [r, o] = z(!1), t = f((s) => s.ocultarNotificacion), e = f((s) => s.notificaciones[0]);
-  b(() => {
-    o(!!e);
-  }, [e]);
-  const c = () => {
-    o(!1), t();
-  };
-  return /* @__PURE__ */ n(
-    X,
-    {
-      open: r,
-      message: e ? e.tipo === "default" && a(e?.mensaje) : null,
-      autoHideDuration: 5e3,
-      onClose: c,
-      anchorOrigin: e && {
-        vertical: e?.posicion.vertical,
-        horizontal: e?.posicion.horizontal
-      },
-      children: e && e?.tipo !== "default" && /* @__PURE__ */ n(R, { severity: e.tipo, children: a(e.mensaje) })
-    }
-  );
-}, ge = ({
-  aplicacion: a,
-  dev: r = !1,
-  devBackendUrl: o,
-  devAuthUrl: t,
-  mensajes: e = {
-    en: {},
-    es: {}
-  },
-  children: c
-}) => /* @__PURE__ */ n(
-  H,
-  {
-    aplicacion: a,
-    dev: r,
-    devBackendUrl: o,
-    devAuthUrl: t,
-    mensajes: e,
-    children: /* @__PURE__ */ n(A, { children: /* @__PURE__ */ u(B, { children: [
-      c,
-      /* @__PURE__ */ n(me, {})
-    ] }) })
-  }
-);
-ge.propTypes = {
-  aplicacion: i.string.isRequired,
-  dev: i.bool,
-  devBackendUrl: i.string,
-  devAuthUrl: i.string,
-  mensajes: i.object,
-  children: i.element.isRequired
+//#endregion
+//#region src/components/Cargando.jsx
+var V = () => /* @__PURE__ */ M(d, {
+	sx: {
+		display: "flex",
+		flexDirection: "column",
+		flexGrow: 1,
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	children: /* @__PURE__ */ M(g, {})
+}), H = ({ titulo: e, texto: t, align: n = "center", severity: r = "error" }) => {
+	let i = P();
+	return /* @__PURE__ */ M(d, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			flexGrow: 1,
+			justifyContent: "center",
+			alignItems: n
+		},
+		children: /* @__PURE__ */ N(l, {
+			severity: r,
+			children: [/* @__PURE__ */ M(u, { children: i(e) }), t && i(t)]
+		})
+	});
 };
-const ve = () => /* @__PURE__ */ n(k, { sx: {
-  display: "flex",
-  flexDirection: "column",
-  flexGrow: 1,
-  justifyContent: "center",
-  alignItems: "center"
-}, children: /* @__PURE__ */ n(Y, {}) }), N = ({ titulo: a, texto: r, align: o = "center", severity: t = "error" }) => {
-  const e = C();
-  return /* @__PURE__ */ n(k, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-    justifyContent: "center",
-    alignItems: o
-  }, children: /* @__PURE__ */ u(R, { severity: t, children: [
-    /* @__PURE__ */ n(Z, { children: e(a) }),
-    r && e(r)
-  ] }) });
+H.propTypes = {
+	titulo: e.string.isRequired,
+	texto: e.string,
+	align: e.string,
+	severity: e.string
 };
-N.propTypes = {
-  titulo: i.string.isRequired,
-  texto: i.string,
-  align: i.string,
-  severity: i.string
+//#endregion
+//#region src/Util.js
+var U = (e) => (e.match(/(\w+)(\.\w+)+/g) || []).length > 0, W = ({ nombre: e, elevation: t = 1, api: n, filtros: a, titulo: s, subtitulo: l, tamanioInicial: u = 10, ubicacionTotal: d = "totalElements", children: g }) => {
+	let _ = P(), [C, T] = c({
+		page: 0,
+		pageSize: u
+	});
+	o(() => {
+		T((e) => ({
+			...e,
+			page: 0
+		}));
+	}, [JSON.stringify(a)]);
+	let { isLoading: D, isError: O, data: k } = I({
+		queryKey: [
+			`paginable-${e}`,
+			C,
+			a
+		],
+		queryFn: () => n(a, C.page, C.pageSize),
+		keepPreviousData: !0
+	}), A = s && U(s) ? _(s) : s, j = l && U(l) ? _(l) : l;
+	if (D) return /* @__PURE__ */ M(y, { children: Array.from(Array(u).keys()).map((e) => /* @__PURE__ */ M(b, { children: /* @__PURE__ */ M(x, { primary: /* @__PURE__ */ M(S, {}) }) }, `row-${e}`)) });
+	if (O) return /* @__PURE__ */ N(f, { children: [/* @__PURE__ */ M(h, { titulo: _(s) }), /* @__PURE__ */ M(m, { children: /* @__PURE__ */ M(H, { titulo: "main.paginable.error.carga" }) })] });
+	let L = (e, t) => {
+		D || t === C.page || T({
+			page: t,
+			pageSize: C.pageSize
+		});
+	}, R = (e) => {
+		let t = e.target.value;
+		D || t === C.pageSize || T({
+			page: 0,
+			pageSize: t
+		});
+	}, z = F(k, d, 0);
+	return /* @__PURE__ */ N(f, {
+		elevation: t,
+		children: [
+			A && /* @__PURE__ */ M(h, {
+				title: A,
+				subheader: j
+			}),
+			/* @__PURE__ */ M(m, { children: D ? /* @__PURE__ */ M(v, {}) : k && k.content.length > 0 ? r.map(g, (e) => i(e, { data: k.content })) : /* @__PURE__ */ M(E, { children: _("main.paginable.sinResultados") }) }),
+			k && z > 0 && /* @__PURE__ */ M(p, {
+				sx: { justifyContent: "flex-end" },
+				children: /* @__PURE__ */ M(w, {
+					component: "div",
+					count: z,
+					page: C.page,
+					rowsPerPage: C.pageSize,
+					labelRowsPerPage: _("main.paginable.filas"),
+					labelDisplayedRows: ({ from: e, to: t, count: n }) => _("main.paginable.resultados", {
+						inicial: e,
+						final: t,
+						total: n
+					}),
+					rowsPerPageOptions: [
+						5,
+						10,
+						15,
+						20,
+						25,
+						50
+					],
+					onRowsPerPageChange: R,
+					onPageChange: L
+				})
+			})
+		]
+	});
 };
-const w = (a) => (a.match(/(\w+)(\.\w+)+/g) || []).length > 0, de = ({
-  nombre: a,
-  elevation: r = 1,
-  api: o,
-  filtros: t,
-  titulo: e,
-  subtitulo: c,
-  tamanioInicial: s = 10,
-  ubicacionTotal: q = "totalElements",
-  children: D
-}) => {
-  const g = C(), [p, y] = z({
-    page: 0,
-    pageSize: s
-  }), I = JSON.stringify(t);
-  b(() => {
-    y((l) => ({
-      ...l,
-      page: 0
-    }));
-  }, [I]);
-  const { isLoading: h, isError: M, data: d } = pe({
-    queryKey: [`paginable-${a}`, p, t],
-    queryFn: () => o(t, p.page, p.pageSize),
-    keepPreviousData: !0
-  }), T = e && w(e) ? g(e) : e, L = c && w(c) ? g(c) : c;
-  if (h)
-    return /* @__PURE__ */ n(ee, { children: Array.from(Array(s).keys()).map((l) => /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(re, { primary: /* @__PURE__ */ n(ie, {}) }) }, `row-${l}`)) });
-  if (M)
-    return /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ n(x, { titulo: g(e) }),
-      /* @__PURE__ */ n(v, { children: /* @__PURE__ */ n(N, { titulo: "main.paginable.error.carga" }) })
-    ] });
-  const E = (l, m) => {
-    h || m === p.page || y({
-      page: m,
-      pageSize: p.pageSize
-    });
-  }, F = (l) => {
-    const m = l.target.value;
-    h || m === p.pageSize || y({
-      page: 0,
-      pageSize: m
-    });
-  }, P = le(d, q, 0);
-  return /* @__PURE__ */ u(S, { elevation: r, children: [
-    T && /* @__PURE__ */ n(x, { title: T, subheader: L }),
-    /* @__PURE__ */ n(v, { children: h ? /* @__PURE__ */ n(ae, {}) : d && d.content.length > 0 ? U.map(D, (l) => $(l, {
-      data: d.content
-    })) : /* @__PURE__ */ n(oe, { children: g("main.paginable.sinResultados") }) }),
-    d && P > 0 && /* @__PURE__ */ n(te, { sx: { justifyContent: "flex-end" }, children: /* @__PURE__ */ n(
-      se,
-      {
-        component: "div",
-        count: P,
-        page: p.page,
-        rowsPerPage: p.pageSize,
-        labelRowsPerPage: g("main.paginable.filas"),
-        labelDisplayedRows: ({ from: l, to: m, count: O }) => g("main.paginable.resultados", { inicial: l, final: m, total: O }),
-        rowsPerPageOptions: [5, 10, 15, 20, 25, 50],
-        onRowsPerPageChange: F,
-        onPageChange: E
-      }
-    ) })
-  ] });
+W.propTypes = {
+	nombre: e.string.isRequired,
+	elevation: e.number,
+	api: e.func.isRequired,
+	filtros: e.object,
+	titulo: e.string,
+	subtitulo: e.string,
+	tamanioInicial: e.number,
+	ubicacionTotal: e.string,
+	children: e.element
 };
-de.propTypes = {
-  nombre: i.string.isRequired,
-  elevation: i.number,
-  api: i.func.isRequired,
-  filtros: i.object,
-  titulo: i.string,
-  subtitulo: i.string,
-  tamanioInicial: i.number,
-  ubicacionTotal: i.string,
-  children: i.element
-};
-const je = () => {
-  const a = f((r) => r.mostrarNotificacion);
-  return J((r, o = "default", t = { vertical: "botton", horizontal: "center" }) => {
-    a({ mensaje: r, tipo: o, posicion: t });
-  }, [a]);
-};
-export {
-  ve as Cargando,
-  N as Mensaje,
-  ge as MuiApp,
-  de as Paginable,
-  f as useMuiStore,
-  je as useNotificar
+//#endregion
+//#region src/hooks/useNotificar.jsx
+var G = () => {
+	let e = L((e) => e.mostrarNotificacion);
+	return a((t, n = "default", r = {
+		vertical: "botton",
+		horizontal: "center"
+	}) => {
+		e({
+			mensaje: t,
+			tipo: n,
+			posicion: r
+		});
+	}, [e]);
 };
+//#endregion
+export { V as Cargando, H as Mensaje, B as MuiApp, W as Paginable, L as useMuiStore, G as useNotificar };

package/dist/mui-saas.umd.cjs

@@ -1 +1 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("prop-types"),require("@chimera-pe/react-saas"),require("react"),require("@mui/material"),require("@mui/material/colors"),require("zustand"),require("react-polyglot"),require("lodash"),require("@tanstack/react-query")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","prop-types","@chimera-pe/react-saas","react","@mui/material","@mui/material/colors","zustand","react-polyglot","lodash","@tanstack/react-query"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["mui-saas"]={},r.ReactJSX,r.PropTypes,r.ReactSaas,r.React,r.MuiMaterial,r.MuiMaterialColors,r.Zustand,r.ReactPolyglot,r.Lodash,r.ReactQuery))})(this,(function(r,e,t,v,f,i,j,N,m,D,E){"use strict";const p=N.create(o=>({tema:"light",notificaciones:[],cambiarTema:a=>{o({tema:a})},mostrarNotificacion:a=>{o(s=>({notificaciones:[a,...s.notificaciones]}))},ocultarNotificacion:()=>{o(a=>({notificaciones:a.notificaciones.slice(1)}))}})),M=({children:o})=>{const a=p(l=>l.cambiarTema),s=i.useMediaQuery("(prefers-color-scheme: dark)"),c=p(l=>l.tema),n=v.useSaasStore(l=>l.instancia);f.useEffect(()=>{a(s?"dark":"light")},[a,s]);const d=f.useMemo(()=>i.createTheme({palette:{mode:c,primary:{main:n.color.primary},secondary:{main:n.color.secondary},error:{main:n.color.error},warning:{main:n.color.warning},info:{main:n.color.info},success:{main:n.color.success},...c==="light"&&{background:{default:j.grey.A200,paper:j.grey[100]}}},shape:{borderRadius:6}}),[c,n]);return e.jsxs(i.ThemeProvider,{theme:d,children:[e.jsx(i.CssBaseline,{}),o]})};M.propTypes={children:t.element.isRequired};const I=()=>{const o=m.useTranslate(),[a,s]=f.useState(!1),c=p(l=>l.ocultarNotificacion),n=p(l=>l.notificaciones[0]);f.useEffect(()=>{s(!!n)},[n]);const d=()=>{s(!1),c()};return e.jsx(i.Snackbar,{open:a,message:n?n.tipo==="default"&&o(n?.mensaje):null,autoHideDuration:5e3,onClose:d,anchorOrigin:n&&{vertical:n?.posicion.vertical,horizontal:n?.posicion.horizontal},children:n&&n?.tipo!=="default"&&e.jsx(i.Alert,{severity:n.tipo,children:o(n.mensaje)})})},z=({aplicacion:o,dev:a=!1,devBackendUrl:s,devAuthUrl:c,mensajes:n={en:{},es:{}},children:d})=>e.jsx(v.SaasApp,{aplicacion:o,dev:a,devBackendUrl:s,devAuthUrl:c,mensajes:n,children:e.jsx(M,{children:e.jsxs(e.Fragment,{children:[d,e.jsx(I,{})]})})});z.propTypes={aplicacion:t.string.isRequired,dev:t.bool,devBackendUrl:t.string,devAuthUrl:t.string,mensajes:t.object,children:t.element.isRequired};const L=()=>e.jsx(i.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:"center"},children:e.jsx(i.CircularProgress,{})}),q=({titulo:o,texto:a,align:s="center",severity:c="error"})=>{const n=m.useTranslate();return e.jsx(i.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:s},children:e.jsxs(i.Alert,{severity:c,children:[e.jsx(i.AlertTitle,{children:n(o)}),a&&n(a)]})})};q.propTypes={titulo:t.string.isRequired,texto:t.string,align:t.string,severity:t.string};const k=o=>(o.match(/(\w+)(\.\w+)+/g)||[]).length>0,x=({nombre:o,elevation:a=1,api:s,filtros:c,titulo:n,subtitulo:d,tamanioInicial:l=10,ubicacionTotal:B="totalElements",children:F})=>{const C=m.useTranslate(),[g,b]=f.useState({page:0,pageSize:l}),T=JSON.stringify(c);f.useEffect(()=>{b(u=>({...u,page:0}))},[T]);const{isLoading:S,isError:H,data:y}=E.useQuery({queryKey:[`paginable-${o}`,g,c],queryFn:()=>s(c,g.page,g.pageSize),keepPreviousData:!0}),w=n&&k(n)?C(n):n,Q=d&&k(d)?C(d):d;if(S)return e.jsx(i.List,{children:Array.from(Array(l).keys()).map(u=>e.jsx(i.ListItem,{children:e.jsx(i.ListItemText,{primary:e.jsx(i.Skeleton,{})})},`row-${u}`))});if(H)return e.jsxs(i.Card,{children:[e.jsx(i.CardHeader,{titulo:C(n)}),e.jsx(i.CardContent,{children:e.jsx(q,{titulo:"main.paginable.error.carga"})})]});const G=(u,h)=>{S||h===g.page||b({page:h,pageSize:g.pageSize})},J=u=>{const h=u.target.value;S||h===g.pageSize||b({page:0,pageSize:h})},A=D.get(y,B,0);return e.jsxs(i.Card,{elevation:a,children:[w&&e.jsx(i.CardHeader,{title:w,subheader:Q}),e.jsx(i.CardContent,{children:S?e.jsx(i.LinearProgress,{}):y&&y.content.length>0?f.Children.map(F,u=>f.cloneElement(u,{data:y.content})):e.jsx(i.Typography,{children:C("main.paginable.sinResultados")})}),y&&A>0&&e.jsx(i.CardActions,{sx:{justifyContent:"flex-end"},children:e.jsx(i.TablePagination,{component:"div",count:A,page:g.page,rowsPerPage:g.pageSize,labelRowsPerPage:C("main.paginable.filas"),labelDisplayedRows:({from:u,to:h,count:U})=>C("main.paginable.resultados",{inicial:u,final:h,total:U}),rowsPerPageOptions:[5,10,15,20,25,50],onRowsPerPageChange:J,onPageChange:G})})]})};x.propTypes={nombre:t.string.isRequired,elevation:t.number,api:t.func.isRequired,filtros:t.object,titulo:t.string,subtitulo:t.string,tamanioInicial:t.number,ubicacionTotal:t.string,children:t.element};const O=()=>{const o=p(a=>a.mostrarNotificacion);return f.useCallback((a,s="default",c={vertical:"botton",horizontal:"center"})=>{o({mensaje:a,tipo:s,posicion:c})},[o])};r.Cargando=L,r.Mensaje=q,r.MuiApp=z,r.Paginable=x,r.useMuiStore=p,r.useNotificar=O,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`prop-types`),require(`@chimera-pe/react-saas`),require(`react`),require(`@mui/material`),require(`@mui/material/colors`),require(`zustand`),require(`react/jsx-runtime`),require(`react-polyglot`),require(`lodash`),require(`@tanstack/react-query`)):typeof define==`function`&&define.amd?define([`exports`,`prop-types`,`@chimera-pe/react-saas`,`react`,`@mui/material`,`@mui/material/colors`,`zustand`,`react/jsx-runtime`,`react-polyglot`,`lodash`,`@tanstack/react-query`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`mui-saas`]={},e.PropTypes,e.ReactSaas,e.React,e.MuiMaterial,e.MuiMaterialColors,e.Zustand,e.ReactJSX,e.ReactPolyglot,e.Lodash,e.ReactQuery))})(this,function(e,t,n,r,i,a,o,s,c,l,u){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var d=Object.create,f=Object.defineProperty,p=Object.getOwnPropertyDescriptor,m=Object.getOwnPropertyNames,h=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty,_=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=m(t),a=0,o=i.length,s;a<o;a++)s=i[a],!g.call(e,s)&&s!==n&&f(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=p(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:d(h(e)),_(t||!e||!e.__esModule?f(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var v=(0,o.create)(e=>({tema:`light`,notificaciones:[],cambiarTema:t=>{e({tema:t})},mostrarNotificacion:t=>{e(e=>({notificaciones:[t,...e.notificaciones]}))},ocultarNotificacion:()=>{e(e=>({notificaciones:e.notificaciones.slice(1)}))}})),y=({children:e})=>{let t=v(e=>e.cambiarTema),o=(0,i.useMediaQuery)(`(prefers-color-scheme: dark)`),c=v(e=>e.tema),l=(0,n.useSaasStore)(e=>e.instancia);return(0,r.useEffect)(()=>{t(o?`dark`:`light`)},[t,o]),(0,s.jsxs)(i.ThemeProvider,{theme:(0,r.useMemo)(()=>(0,i.createTheme)({palette:{mode:c,primary:{main:l.color.primary},secondary:{main:l.color.secondary},error:{main:l.color.error},warning:{main:l.color.warning},info:{main:l.color.info},success:{main:l.color.success},...c===`light`&&{background:{default:a.grey.A200,paper:a.grey[100]}}},shape:{borderRadius:6}}),[c,l]),children:[(0,s.jsx)(i.CssBaseline,{}),e]})};y.propTypes={children:t.default.element.isRequired};var b=()=>{let e=(0,c.useTranslate)(),[t,n]=(0,r.useState)(!1),a=v(e=>e.ocultarNotificacion),o=v(e=>e.notificaciones[0]);return(0,r.useEffect)(()=>{n(!!o)},[o]),(0,s.jsx)(i.Snackbar,{open:t,message:o?o.tipo===`default`&&e(o?.mensaje):null,autoHideDuration:5e3,onClose:()=>{n(!1),a()},anchorOrigin:o&&{vertical:o?.posicion.vertical,horizontal:o?.posicion.horizontal},children:o&&o?.tipo!==`default`&&(0,s.jsx)(i.Alert,{severity:o.tipo,children:e(o.mensaje)})})},x=({aplicacion:e,dev:t=!1,devBackendUrl:r,devAuthUrl:i,mensajes:a={en:{},es:{}},children:o})=>(0,s.jsx)(n.SaasApp,{aplicacion:e,dev:t,devBackendUrl:r,devAuthUrl:i,mensajes:a,children:(0,s.jsx)(y,{children:(0,s.jsxs)(s.Fragment,{children:[o,(0,s.jsx)(b,{})]})})});x.propTypes={aplicacion:t.default.string.isRequired,dev:t.default.bool,devBackendUrl:t.default.string,devAuthUrl:t.default.string,mensajes:t.default.object,children:t.default.element.isRequired};var S=()=>(0,s.jsx)(i.Box,{sx:{display:`flex`,flexDirection:`column`,flexGrow:1,justifyContent:`center`,alignItems:`center`},children:(0,s.jsx)(i.CircularProgress,{})}),C=({titulo:e,texto:t,align:n=`center`,severity:r=`error`})=>{let a=(0,c.useTranslate)();return(0,s.jsx)(i.Box,{sx:{display:`flex`,flexDirection:`column`,flexGrow:1,justifyContent:`center`,alignItems:n},children:(0,s.jsxs)(i.Alert,{severity:r,children:[(0,s.jsx)(i.AlertTitle,{children:a(e)}),t&&a(t)]})})};C.propTypes={titulo:t.default.string.isRequired,texto:t.default.string,align:t.default.string,severity:t.default.string};var w=e=>(e.match(/(\w+)(\.\w+)+/g)||[]).length>0,T=({nombre:e,elevation:t=1,api:n,filtros:a,titulo:o,subtitulo:d,tamanioInicial:f=10,ubicacionTotal:p=`totalElements`,children:m})=>{let h=(0,c.useTranslate)(),[g,_]=(0,r.useState)({page:0,pageSize:f});(0,r.useEffect)(()=>{_(e=>({...e,page:0}))},[JSON.stringify(a)]);let{isLoading:v,isError:y,data:b}=(0,u.useQuery)({queryKey:[`paginable-${e}`,g,a],queryFn:()=>n(a,g.page,g.pageSize),keepPreviousData:!0}),x=o&&w(o)?h(o):o,S=d&&w(d)?h(d):d;if(v)return(0,s.jsx)(i.List,{children:Array.from(Array(f).keys()).map(e=>(0,s.jsx)(i.ListItem,{children:(0,s.jsx)(i.ListItemText,{primary:(0,s.jsx)(i.Skeleton,{})})},`row-${e}`))});if(y)return(0,s.jsxs)(i.Card,{children:[(0,s.jsx)(i.CardHeader,{titulo:h(o)}),(0,s.jsx)(i.CardContent,{children:(0,s.jsx)(C,{titulo:`main.paginable.error.carga`})})]});let T=(e,t)=>{v||t===g.page||_({page:t,pageSize:g.pageSize})},E=e=>{let t=e.target.value;v||t===g.pageSize||_({page:0,pageSize:t})},D=(0,l.get)(b,p,0);return(0,s.jsxs)(i.Card,{elevation:t,children:[x&&(0,s.jsx)(i.CardHeader,{title:x,subheader:S}),(0,s.jsx)(i.CardContent,{children:v?(0,s.jsx)(i.LinearProgress,{}):b&&b.content.length>0?r.Children.map(m,e=>(0,r.cloneElement)(e,{data:b.content})):(0,s.jsx)(i.Typography,{children:h(`main.paginable.sinResultados`)})}),b&&D>0&&(0,s.jsx)(i.CardActions,{sx:{justifyContent:`flex-end`},children:(0,s.jsx)(i.TablePagination,{component:`div`,count:D,page:g.page,rowsPerPage:g.pageSize,labelRowsPerPage:h(`main.paginable.filas`),labelDisplayedRows:({from:e,to:t,count:n})=>h(`main.paginable.resultados`,{inicial:e,final:t,total:n}),rowsPerPageOptions:[5,10,15,20,25,50],onRowsPerPageChange:E,onPageChange:T})})]})};T.propTypes={nombre:t.default.string.isRequired,elevation:t.default.number,api:t.default.func.isRequired,filtros:t.default.object,titulo:t.default.string,subtitulo:t.default.string,tamanioInicial:t.default.number,ubicacionTotal:t.default.string,children:t.default.element},e.Cargando=S,e.Mensaje=C,e.MuiApp=x,e.Paginable=T,e.useMuiStore=v,e.useNotificar=()=>{let e=v(e=>e.mostrarNotificacion);return(0,r.useCallback)((t,n=`default`,r={vertical:`botton`,horizontal:`center`})=>{e({mensaje:t,tipo:n,posicion:r})},[e])}});

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@chimera-pe/mui-saas",
 	"description": "Librería con componentes comunes para MUI, usando SaaS",
-	"version": "3.0.17",
+	"version": "3.0.18",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -32,26 +32,26 @@
 		"prepare": "npm run build"
 	},
 	"peerDependencies": {
-		"@chimera-pe/react-saas": "^3.0.11",
+		"@chimera-pe/react-saas": "^3.0.12",
 		"@emotion/react": "^11.14.0",
 		"@emotion/styled": "^11.14.1",
-		"@mui/material": "^7.3.8",
-		"@tanstack/react-query": "^5.90.21",
-		"lodash": "^4.17.23",
-		"react": "^19.2.4",
-		"react-dom": "^19.2.4",
+		"@mui/material": "^9.0.0",
+		"@tanstack/react-query": "^5.99.2",
+		"lodash": "^4.18.1",
+		"react": "^19.2.5",
+		"react-dom": "^19.2.5",
 		"react-polyglot": "^0.7.2",
-		"zustand": "^5.0.11"
+		"zustand": "^5.0.12"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.33.0",
+		"@eslint/js": "^9.39.4",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",
-		"@vitejs/plugin-react": "^5.1.4",
-		"eslint": "^9.39.3",
-		"eslint-plugin-react-hooks": "^7.0.1",
-		"eslint-plugin-react-refresh": "^0.4.26",
-		"globals": "^16.5.0",
-		"vite": "^7.3.1"
+		"@vitejs/plugin-react": "^6.0.1",
+		"eslint": "^9.39.4",
+		"eslint-plugin-react-hooks": "^7.1.1",
+		"eslint-plugin-react-refresh": "^0.5.2",
+		"globals": "^17.5.0",
+		"vite": "^8.0.9"
 	}
 }