@chimera-pe/mui-saas 3.0.9 → 3.0.11

package/dist/mui-saas.js

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

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.9",
+	"version": "3.0.11",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -52,6 +52,6 @@
 		"eslint-plugin-react-hooks": "^5.2.0",
 		"eslint-plugin-react-refresh": "^0.4.20",
 		"globals": "^16.3.0",
-		"vite": "^7.1.3"
+		"vite": "^7.1.4"
 	}
 }