@chimera-pe/mui-saas 3.0.7 → 3.0.8

package/dist/mui-saas.js

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

package/dist/mui-saas.umd.cjs

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

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.7",
+	"version": "3.0.8",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -32,25 +32,25 @@
 		"prepare": "npm run build"
 	},
 	"peerDependencies": {
-		"@chimera-pe/react-saas": "^3.0.4",
+		"@chimera-pe/react-saas": "^3.0.6",
 		"@emotion/react": "^11.14.0",
-		"@emotion/styled": "^11.14.0",
-		"@mui/material": "^7.1.1",
-		"@tanstack/react-query": "^5.80.6",
-		"react": "^19.1.0",
-		"react-dom": "^19.1.0",
+		"@emotion/styled": "^11.14.1",
+		"@mui/material": "^7.3.1",
+		"@tanstack/react-query": "^5.85.5",
+		"react": "^19.1.1",
+		"react-dom": "^19.1.1",
 		"react-polyglot": "^0.7.2",
-		"zustand": "^5.0.5"
+		"zustand": "^5.0.8"
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.22.0",
-		"@types/react": "^19.1.6",
-		"@types/react-dom": "^19.1.6",
-		"@vitejs/plugin-react": "^4.5.1",
-		"eslint": "^9.28.0",
+		"@types/react": "^19.1.11",
+		"@types/react-dom": "^19.1.7",
+		"@vitejs/plugin-react": "^4.7.0",
+		"eslint": "^9.34.0",
 		"eslint-plugin-react-hooks": "^5.2.0",
 		"eslint-plugin-react-refresh": "^0.4.20",
-		"globals": "^16.2.0",
-		"vite": "^6.3.5"
+		"globals": "^16.3.0",
+		"vite": "^7.1.3"
 	}
 }