@chimera-pe/mui-saas 3.0.2 → 3.0.3

package/dist/mui-saas.js

@@ -1,160 +1,883 @@
-import { jsxs as m, jsx as s, Fragment as y } from "react/jsx-runtime";
-import n from "prop-types";
-import { useSaasStore as x, SaasApp as T } from "@chimera-pe/react-saas";
-import { useEffect as u, useMemo as b, useState as j, useCallback as C } from "react";
-import { useMediaQuery as N, createTheme as v, ThemeProvider as k, CssBaseline as M, Snackbar as R, Alert as d, Box as f, CircularProgress as S, AlertTitle as q } from "@mui/material";
-import { grey as p } from "@mui/material/colors";
-import { create as A } from "zustand";
-import { useTranslate as h } from "react-polyglot";
-const c = A((o) => ({
+var xe = (t) => {
+  throw TypeError(t);
+};
+var ae = (t, e, s) => e.has(t) || xe("Cannot " + s);
+var r = (t, e, s) => (ae(t, e, "read from private field"), s ? s.call(t) : e.get(t)), p = (t, e, s) => e.has(t) ? xe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), h = (t, e, s, i) => (ae(t, e, "write to private field"), i ? i.call(t, s) : e.set(t, s), s), R = (t, e, s) => (ae(t, e, "access private method"), s);
+import { jsxs as K, jsx as g, Fragment as Xe } from "react/jsx-runtime";
+import w from "prop-types";
+import { useSaasStore as Ye, SaasApp as Ze } from "@chimera-pe/react-saas";
+import * as F from "react";
+import { useEffect as ve, useMemo as et, useState as Be, Children as tt, cloneElement as st, useCallback as rt } from "react";
+import { useMediaQuery as it, createTheme as nt, ThemeProvider as ot, CssBaseline as at, Snackbar as ct, Alert as He, Box as Ve, CircularProgress as ut, AlertTitle as lt, List as ht, ListItem as ft, ListItemText as dt, Skeleton as pt, Card as Fe, CardHeader as Te, CardContent as Pe, LinearProgress as gt, Typography as yt, CardActions as mt, TablePagination as bt } from "@mui/material";
+import { grey as je } from "@mui/material/colors";
+import { create as vt } from "zustand";
+import { useTranslate as Re } from "react-polyglot";
+const X = vt((t) => ({
   tema: "light",
   notificaciones: [],
-  cambiarTema: (r) => {
-    o({
-      tema: r
+  cambiarTema: (e) => {
+    t({
+      tema: e
     });
   },
-  mostrarNotificacion: (r) => {
-    o((i) => ({
-      notificaciones: [r, ...i.notificaciones]
+  mostrarNotificacion: (e) => {
+    t((s) => ({
+      notificaciones: [e, ...s.notificaciones]
     }));
   },
   ocultarNotificacion: () => {
-    o((r) => ({
-      notificaciones: r.notificaciones.slice(1)
+    t((e) => ({
+      notificaciones: e.notificaciones.slice(1)
     }));
   }
-})), g = ({ children: o }) => {
-  const r = c((a) => a.cambiarTema), i = N("(prefers-color-scheme: dark)"), t = c((a) => a.tema), e = x((a) => a.instancia);
-  u(() => {
-    r(i ? "dark" : "light");
-  }, [r, i]);
-  const l = b(() => v({
+})), $e = ({ children: t }) => {
+  const e = X((o) => o.cambiarTema), s = it("(prefers-color-scheme: dark)"), i = X((o) => o.tema), n = Ye((o) => o.instancia);
+  ve(() => {
+    e(s ? "dark" : "light");
+  }, [e, s]);
+  const a = et(() => nt({
     palette: {
-      mode: t,
+      mode: i,
       primary: {
-        main: e.color.primary
+        main: n.color.primary
       },
       secondary: {
-        main: e.color.secondary
+        main: n.color.secondary
       },
       error: {
-        main: e.color.error
+        main: n.color.error
       },
       warning: {
-        main: e.color.warning
+        main: n.color.warning
       },
       info: {
-        main: e.color.info
+        main: n.color.info
       },
       success: {
-        main: e.color.success
+        main: n.color.success
       },
-      ...t === "light" && {
+      ...i === "light" && {
         background: {
-          default: p.A200,
-          paper: p[100]
+          default: je.A200,
+          paper: je[100]
         }
       }
     },
     shape: {
       borderRadius: 6
     }
-  }), [t, e]);
-  return /* @__PURE__ */ m(k, { theme: l, children: [
-    /* @__PURE__ */ s(M, {}),
-    o
+  }), [i, n]);
+  return /* @__PURE__ */ K(ot, { theme: a, children: [
+    /* @__PURE__ */ g(at, {}),
+    t
   ] });
 };
-g.propTypes = {
-  children: n.element.isRequired
+$e.propTypes = {
+  children: w.element.isRequired
 };
-const w = () => {
-  const o = h(), [r, i] = j(!1), t = c((a) => a.ocultarNotificacion), e = c((a) => a.notificaciones[0]);
-  u(() => {
-    i(!!e);
-  }, [e]);
-  const l = () => {
-    i(!1), t();
+const Rt = () => {
+  const t = Re(), [e, s] = Be(!1), i = X((o) => o.ocultarNotificacion), n = X((o) => o.notificaciones[0]);
+  ve(() => {
+    s(!!n);
+  }, [n]);
+  const a = () => {
+    s(!1), i();
   };
-  return /* @__PURE__ */ s(
-    R,
+  return /* @__PURE__ */ g(
+    ct,
     {
-      open: r,
-      message: e ? e.tipo === "default" && o(e == null ? void 0 : e.mensaje) : null,
+      open: e,
+      message: n ? n.tipo === "default" && t(n == null ? void 0 : n.mensaje) : null,
       autoHideDuration: 5e3,
-      onClose: l,
-      anchorOrigin: e && {
-        vertical: e == null ? void 0 : e.posicion.vertical,
-        horizontal: e == null ? void 0 : e.posicion.horizontal
+      onClose: a,
+      anchorOrigin: n && {
+        vertical: n == null ? void 0 : n.posicion.vertical,
+        horizontal: n == null ? void 0 : n.posicion.horizontal
       },
-      children: e && (e == null ? void 0 : e.tipo) !== "default" && /* @__PURE__ */ s(d, { severity: e.tipo, children: o(e.mensaje) })
+      children: n && (n == null ? void 0 : n.tipo) !== "default" && /* @__PURE__ */ g(He, { severity: n.tipo, children: t(n.mensaje) })
     }
   );
-}, D = ({
-  aplicacion: o,
-  dev: r = !1,
-  redirectUri: i,
-  mensajes: t = {
+}, wt = ({
+  aplicacion: t,
+  dev: e = !1,
+  redirectUri: s,
+  mensajes: i = {
     en: {},
     es: {}
   },
-  children: e
-}) => /* @__PURE__ */ s(
-  T,
+  children: n
+}) => /* @__PURE__ */ g(
+  Ze,
   {
-    aplicacion: o,
-    dev: r,
-    redirectUri: i,
-    mensajes: t,
-    children: /* @__PURE__ */ s(g, { children: /* @__PURE__ */ m(y, { children: [
-      e,
-      /* @__PURE__ */ s(w, {})
+    aplicacion: t,
+    dev: e,
+    redirectUri: s,
+    mensajes: i,
+    children: /* @__PURE__ */ g($e, { children: /* @__PURE__ */ K(Xe, { children: [
+      n,
+      /* @__PURE__ */ g(Rt, {})
     ] }) })
   }
 );
-D.propTypes = {
-  aplicacion: n.string.isRequired,
-  dev: n.bool,
-  redirectUri: n.string.isRequired,
-  mensajes: n.object,
-  children: n.element.isRequired
+wt.propTypes = {
+  aplicacion: w.string.isRequired,
+  dev: w.bool,
+  redirectUri: w.string.isRequired,
+  mensajes: w.object,
+  children: w.element.isRequired
 };
-const Q = () => /* @__PURE__ */ s(f, { sx: {
+const os = () => /* @__PURE__ */ g(Ve, { sx: {
   display: "flex",
   flexDirection: "column",
   flexGrow: 1,
   justifyContent: "center",
   alignItems: "center"
-}, children: /* @__PURE__ */ s(S, {}) }), z = ({ titulo: o, texto: r, align: i = "center", severity: t = "error" }) => {
-  const e = h();
-  return /* @__PURE__ */ s(f, { sx: {
+}, children: /* @__PURE__ */ g(ut, {}) }), Je = ({ titulo: t, texto: e, align: s = "center", severity: i = "error" }) => {
+  const n = Re();
+  return /* @__PURE__ */ g(Ve, { sx: {
     display: "flex",
     flexDirection: "column",
     flexGrow: 1,
     justifyContent: "center",
-    alignItems: i
-  }, children: /* @__PURE__ */ m(d, { severity: t, children: [
-    /* @__PURE__ */ s(q, { children: e(o) }),
-    r && e(r)
+    alignItems: s
+  }, children: /* @__PURE__ */ K(He, { severity: i, children: [
+    /* @__PURE__ */ g(lt, { children: n(t) }),
+    e && n(e)
   ] }) });
 };
-z.propTypes = {
-  titulo: n.string.isRequired,
-  texto: n.string,
-  align: n.string,
-  severity: n.string
+Je.propTypes = {
+  titulo: w.string.isRequired,
+  texto: w.string,
+  align: w.string,
+  severity: w.string
+};
+var we = class {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
+  }
+  subscribe(t) {
+    return this.listeners.add(t), this.onSubscribe(), () => {
+      this.listeners.delete(t), this.onUnsubscribe();
+    };
+  }
+  hasListeners() {
+    return this.listeners.size > 0;
+  }
+  onSubscribe() {
+  }
+  onUnsubscribe() {
+  }
+}, Y = typeof window > "u" || "Deno" in globalThis;
+function ce() {
+}
+function Ie(t) {
+  return typeof t == "number" && t >= 0 && t !== 1 / 0;
+}
+function Ct(t, e) {
+  return Math.max(t + (e || 0) - Date.now(), 0);
+}
+function re(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function P(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function ue(t, e) {
+  if (t === e)
+    return t;
+  const s = Le(t) && Le(e);
+  if (s || Qe(t) && Qe(e)) {
+    const i = s ? t : Object.keys(t), n = i.length, a = s ? e : Object.keys(e), o = a.length, c = s ? [] : {};
+    let u = 0;
+    for (let v = 0; v < o; v++) {
+      const y = s ? v : a[v];
+      (!s && i.includes(y) || s) && t[y] === void 0 && e[y] === void 0 ? (c[y] = void 0, u++) : (c[y] = ue(t[y], e[y]), c[y] === t[y] && t[y] !== void 0 && u++);
+    }
+    return n === o && u === n ? t : c;
+  }
+  return e;
+}
+function le(t, e) {
+  if (!e || Object.keys(t).length !== Object.keys(e).length)
+    return !1;
+  for (const s in t)
+    if (t[s] !== e[s])
+      return !1;
+  return !0;
+}
+function Le(t) {
+  return Array.isArray(t) && t.length === Object.keys(t).length;
+}
+function Qe(t) {
+  if (!Me(t))
+    return !1;
+  const e = t.constructor;
+  if (e === void 0)
+    return !0;
+  const s = e.prototype;
+  return !(!Me(s) || !s.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(t) !== Object.prototype);
+}
+function Me(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+function ke(t, e, s) {
+  if (typeof s.structuralSharing == "function")
+    return s.structuralSharing(t, e);
+  if (s.structuralSharing !== !1) {
+    if (process.env.NODE_ENV !== "production")
+      try {
+        return ue(t, e);
+      } catch (i) {
+        throw console.error(
+          `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${s.queryHash}]: ${i}`
+        ), i;
+      }
+    return ue(t, e);
+  }
+  return e;
+}
+function St(t, e) {
+  return typeof t == "function" ? t(...e) : !!t;
+}
+var q, j, _, ze, Ot = (ze = class extends we {
+  constructor() {
+    super();
+    p(this, q);
+    p(this, j);
+    p(this, _);
+    h(this, _, (e) => {
+      if (!Y && window.addEventListener) {
+        const s = () => e();
+        return window.addEventListener("visibilitychange", s, !1), () => {
+          window.removeEventListener("visibilitychange", s);
+        };
+      }
+    });
+  }
+  onSubscribe() {
+    r(this, j) || this.setEventListener(r(this, _));
+  }
+  onUnsubscribe() {
+    var e;
+    this.hasListeners() || ((e = r(this, j)) == null || e.call(this), h(this, j, void 0));
+  }
+  setEventListener(e) {
+    var s;
+    h(this, _, e), (s = r(this, j)) == null || s.call(this), h(this, j, e((i) => {
+      typeof i == "boolean" ? this.setFocused(i) : this.onFocus();
+    }));
+  }
+  setFocused(e) {
+    r(this, q) !== e && (h(this, q, e), this.onFocus());
+  }
+  onFocus() {
+    const e = this.isFocused();
+    this.listeners.forEach((s) => {
+      s(e);
+    });
+  }
+  isFocused() {
+    var e;
+    return typeof r(this, q) == "boolean" ? r(this, q) : ((e = globalThis.document) == null ? void 0 : e.visibilityState) !== "hidden";
+  }
+}, q = new WeakMap(), j = new WeakMap(), _ = new WeakMap(), ze), Et = new Ot(), B, I, H, Ae, xt = (Ae = class extends we {
+  constructor() {
+    super();
+    p(this, B, !0);
+    p(this, I);
+    p(this, H);
+    h(this, H, (e) => {
+      if (!Y && window.addEventListener) {
+        const s = () => e(!0), i = () => e(!1);
+        return window.addEventListener("online", s, !1), window.addEventListener("offline", i, !1), () => {
+          window.removeEventListener("online", s), window.removeEventListener("offline", i);
+        };
+      }
+    });
+  }
+  onSubscribe() {
+    r(this, I) || this.setEventListener(r(this, H));
+  }
+  onUnsubscribe() {
+    var e;
+    this.hasListeners() || ((e = r(this, I)) == null || e.call(this), h(this, I, void 0));
+  }
+  setEventListener(e) {
+    var s;
+    h(this, H, e), (s = r(this, I)) == null || s.call(this), h(this, I, e(this.setOnline.bind(this)));
+  }
+  setOnline(e) {
+    r(this, B) !== e && (h(this, B, e), this.listeners.forEach((i) => {
+      i(e);
+    }));
+  }
+  isOnline() {
+    return r(this, B);
+  }
+}, B = new WeakMap(), I = new WeakMap(), H = new WeakMap(), Ae), Ft = new xt();
+function qe() {
+  let t, e;
+  const s = new Promise((n, a) => {
+    t = n, e = a;
+  });
+  s.status = "pending", s.catch(() => {
+  });
+  function i(n) {
+    Object.assign(s, n), delete s.resolve, delete s.reject;
+  }
+  return s.resolve = (n) => {
+    i({
+      status: "fulfilled",
+      value: n
+    }), t(n);
+  }, s.reject = (n) => {
+    i({
+      status: "rejected",
+      reason: n
+    }), e(n);
+  }, s;
+}
+function Tt(t) {
+  return (t ?? "online") === "online" ? Ft.isOnline() : !0;
+}
+var Pt = (t) => setTimeout(t, 0);
+function jt() {
+  let t = [], e = 0, s = (c) => {
+    c();
+  }, i = (c) => {
+    c();
+  }, n = Pt;
+  const a = (c) => {
+    e ? t.push(c) : n(() => {
+      s(c);
+    });
+  }, o = () => {
+    const c = t;
+    t = [], c.length && n(() => {
+      i(() => {
+        c.forEach((u) => {
+          s(u);
+        });
+      });
+    });
+  };
+  return {
+    batch: (c) => {
+      let u;
+      e++;
+      try {
+        u = c();
+      } finally {
+        e--, e || o();
+      }
+      return u;
+    },
+    /**
+     * All calls to the wrapped function will be batched.
+     */
+    batchCalls: (c) => (...u) => {
+      a(() => {
+        c(...u);
+      });
+    },
+    schedule: a,
+    /**
+     * Use this method to set a custom notify function.
+     * This can be used to for example wrap notifications with `React.act` while running tests.
+     */
+    setNotifyFunction: (c) => {
+      s = c;
+    },
+    /**
+     * Use this method to set a custom function to batch notifications together into a single tick.
+     * By default React Query will use the batch function provided by ReactDOM or React Native.
+     */
+    setBatchNotifyFunction: (c) => {
+      i = c;
+    },
+    setScheduler: (c) => {
+      n = c;
+    }
+  };
+}
+var We = jt();
+function It(t, e) {
+  return {
+    fetchFailureCount: 0,
+    fetchFailureReason: null,
+    fetchStatus: Tt(e.networkMode) ? "fetching" : "paused",
+    ...t === void 0 && {
+      error: null,
+      status: "pending"
+    }
+  };
+}
+var O, l, Z, S, D, V, L, Q, ee, $, J, N, U, M, W, f, G, he, fe, de, pe, ge, ye, me, Ge, _e, Lt = (_e = class extends we {
+  constructor(e, s) {
+    super();
+    p(this, f);
+    p(this, O);
+    p(this, l);
+    p(this, Z);
+    p(this, S);
+    p(this, D);
+    p(this, V);
+    p(this, L);
+    p(this, Q);
+    p(this, ee);
+    p(this, $);
+    // This property keeps track of the last query with defined data.
+    // It will be used to pass the previous data and query to the placeholder function between renders.
+    p(this, J);
+    p(this, N);
+    p(this, U);
+    p(this, M);
+    p(this, W, /* @__PURE__ */ new Set());
+    this.options = s, h(this, O, e), h(this, Q, null), h(this, L, qe()), this.options.experimental_prefetchInRender || r(this, L).reject(
+      new Error("experimental_prefetchInRender feature flag is not enabled")
+    ), this.bindMethods(), this.setOptions(s);
+  }
+  bindMethods() {
+    this.refetch = this.refetch.bind(this);
+  }
+  onSubscribe() {
+    this.listeners.size === 1 && (r(this, l).addObserver(this), De(r(this, l), this.options) ? R(this, f, G).call(this) : this.updateResult(), R(this, f, pe).call(this));
+  }
+  onUnsubscribe() {
+    this.hasListeners() || this.destroy();
+  }
+  shouldFetchOnReconnect() {
+    return be(
+      r(this, l),
+      this.options,
+      this.options.refetchOnReconnect
+    );
+  }
+  shouldFetchOnWindowFocus() {
+    return be(
+      r(this, l),
+      this.options,
+      this.options.refetchOnWindowFocus
+    );
+  }
+  destroy() {
+    this.listeners = /* @__PURE__ */ new Set(), R(this, f, ge).call(this), R(this, f, ye).call(this), r(this, l).removeObserver(this);
+  }
+  setOptions(e) {
+    const s = this.options, i = r(this, l);
+    if (this.options = r(this, O).defaultQueryOptions(e), this.options.enabled !== void 0 && typeof this.options.enabled != "boolean" && typeof this.options.enabled != "function" && typeof P(this.options.enabled, r(this, l)) != "boolean")
+      throw new Error(
+        "Expected enabled to be a boolean or a callback that returns a boolean"
+      );
+    R(this, f, me).call(this), r(this, l).setOptions(this.options), s._defaulted && !le(this.options, s) && r(this, O).getQueryCache().notify({
+      type: "observerOptionsUpdated",
+      query: r(this, l),
+      observer: this
+    });
+    const n = this.hasListeners();
+    n && Ne(
+      r(this, l),
+      i,
+      this.options,
+      s
+    ) && R(this, f, G).call(this), this.updateResult(), n && (r(this, l) !== i || P(this.options.enabled, r(this, l)) !== P(s.enabled, r(this, l)) || re(this.options.staleTime, r(this, l)) !== re(s.staleTime, r(this, l))) && R(this, f, he).call(this);
+    const a = R(this, f, fe).call(this);
+    n && (r(this, l) !== i || P(this.options.enabled, r(this, l)) !== P(s.enabled, r(this, l)) || a !== r(this, M)) && R(this, f, de).call(this, a);
+  }
+  getOptimisticResult(e) {
+    const s = r(this, O).getQueryCache().build(r(this, O), e), i = this.createResult(s, e);
+    return Mt(this, i) && (h(this, S, i), h(this, V, this.options), h(this, D, r(this, l).state)), i;
+  }
+  getCurrentResult() {
+    return r(this, S);
+  }
+  trackResult(e, s) {
+    return new Proxy(e, {
+      get: (i, n) => (this.trackProp(n), s == null || s(n), Reflect.get(i, n))
+    });
+  }
+  trackProp(e) {
+    r(this, W).add(e);
+  }
+  getCurrentQuery() {
+    return r(this, l);
+  }
+  refetch({ ...e } = {}) {
+    return this.fetch({
+      ...e
+    });
+  }
+  fetchOptimistic(e) {
+    const s = r(this, O).defaultQueryOptions(e), i = r(this, O).getQueryCache().build(r(this, O), s);
+    return i.fetch().then(() => this.createResult(i, s));
+  }
+  fetch(e) {
+    return R(this, f, G).call(this, {
+      ...e,
+      cancelRefetch: e.cancelRefetch ?? !0
+    }).then(() => (this.updateResult(), r(this, S)));
+  }
+  createResult(e, s) {
+    var Ee;
+    const i = r(this, l), n = this.options, a = r(this, S), o = r(this, D), c = r(this, V), v = e !== i ? e.state : r(this, Z), { state: y } = e;
+    let d = { ...y }, E = !1, m;
+    if (s._optimisticResults) {
+      const x = this.hasListeners(), te = !x && De(e, s), A = x && Ne(e, i, s, n);
+      (te || A) && (d = {
+        ...d,
+        ...It(y.data, e.options)
+      }), s._optimisticResults === "isRestoring" && (d.fetchStatus = "idle");
+    }
+    let { error: k, errorUpdatedAt: C, status: b } = d;
+    m = d.data;
+    let z = !1;
+    if (s.placeholderData !== void 0 && m === void 0 && b === "pending") {
+      let x;
+      a != null && a.isPlaceholderData && s.placeholderData === (c == null ? void 0 : c.placeholderData) ? (x = a.data, z = !0) : x = typeof s.placeholderData == "function" ? s.placeholderData(
+        (Ee = r(this, J)) == null ? void 0 : Ee.state.data,
+        r(this, J)
+      ) : s.placeholderData, x !== void 0 && (b = "success", m = ke(
+        a == null ? void 0 : a.data,
+        x,
+        s
+      ), E = !0);
+    }
+    if (s.select && m !== void 0 && !z)
+      if (a && m === (o == null ? void 0 : o.data) && s.select === r(this, ee))
+        m = r(this, $);
+      else
+        try {
+          h(this, ee, s.select), m = s.select(m), m = ke(a == null ? void 0 : a.data, m, s), h(this, $, m), h(this, Q, null);
+        } catch (x) {
+          h(this, Q, x);
+        }
+    r(this, Q) && (k = r(this, Q), m = r(this, $), C = Date.now(), b = "error");
+    const ie = d.fetchStatus === "fetching", ne = b === "pending", oe = b === "error", Se = ne && ie, Oe = m !== void 0, T = {
+      status: b,
+      fetchStatus: d.fetchStatus,
+      isPending: ne,
+      isSuccess: b === "success",
+      isError: oe,
+      isInitialLoading: Se,
+      isLoading: Se,
+      data: m,
+      dataUpdatedAt: d.dataUpdatedAt,
+      error: k,
+      errorUpdatedAt: C,
+      failureCount: d.fetchFailureCount,
+      failureReason: d.fetchFailureReason,
+      errorUpdateCount: d.errorUpdateCount,
+      isFetched: d.dataUpdateCount > 0 || d.errorUpdateCount > 0,
+      isFetchedAfterMount: d.dataUpdateCount > v.dataUpdateCount || d.errorUpdateCount > v.errorUpdateCount,
+      isFetching: ie,
+      isRefetching: ie && !ne,
+      isLoadingError: oe && !Oe,
+      isPaused: d.fetchStatus === "paused",
+      isPlaceholderData: E,
+      isRefetchError: oe && Oe,
+      isStale: Ce(e, s),
+      refetch: this.refetch,
+      promise: r(this, L)
+    };
+    if (this.options.experimental_prefetchInRender) {
+      const x = (se) => {
+        T.status === "error" ? se.reject(T.error) : T.data !== void 0 && se.resolve(T.data);
+      }, te = () => {
+        const se = h(this, L, T.promise = qe());
+        x(se);
+      }, A = r(this, L);
+      switch (A.status) {
+        case "pending":
+          e.queryHash === i.queryHash && x(A);
+          break;
+        case "fulfilled":
+          (T.status === "error" || T.data !== A.value) && te();
+          break;
+        case "rejected":
+          (T.status !== "error" || T.error !== A.reason) && te();
+          break;
+      }
+    }
+    return T;
+  }
+  updateResult() {
+    const e = r(this, S), s = this.createResult(r(this, l), this.options);
+    if (h(this, D, r(this, l).state), h(this, V, this.options), r(this, D).data !== void 0 && h(this, J, r(this, l)), le(s, e))
+      return;
+    h(this, S, s);
+    const i = () => {
+      if (!e)
+        return !0;
+      const { notifyOnChangeProps: n } = this.options, a = typeof n == "function" ? n() : n;
+      if (a === "all" || !a && !r(this, W).size)
+        return !0;
+      const o = new Set(
+        a ?? r(this, W)
+      );
+      return this.options.throwOnError && o.add("error"), Object.keys(r(this, S)).some((c) => {
+        const u = c;
+        return r(this, S)[u] !== e[u] && o.has(u);
+      });
+    };
+    R(this, f, Ge).call(this, { listeners: i() });
+  }
+  onQueryUpdate() {
+    this.updateResult(), this.hasListeners() && R(this, f, pe).call(this);
+  }
+}, O = new WeakMap(), l = new WeakMap(), Z = new WeakMap(), S = new WeakMap(), D = new WeakMap(), V = new WeakMap(), L = new WeakMap(), Q = new WeakMap(), ee = new WeakMap(), $ = new WeakMap(), J = new WeakMap(), N = new WeakMap(), U = new WeakMap(), M = new WeakMap(), W = new WeakMap(), f = new WeakSet(), G = function(e) {
+  R(this, f, me).call(this);
+  let s = r(this, l).fetch(
+    this.options,
+    e
+  );
+  return e != null && e.throwOnError || (s = s.catch(ce)), s;
+}, he = function() {
+  R(this, f, ge).call(this);
+  const e = re(
+    this.options.staleTime,
+    r(this, l)
+  );
+  if (Y || r(this, S).isStale || !Ie(e))
+    return;
+  const i = Ct(r(this, S).dataUpdatedAt, e) + 1;
+  h(this, N, setTimeout(() => {
+    r(this, S).isStale || this.updateResult();
+  }, i));
+}, fe = function() {
+  return (typeof this.options.refetchInterval == "function" ? this.options.refetchInterval(r(this, l)) : this.options.refetchInterval) ?? !1;
+}, de = function(e) {
+  R(this, f, ye).call(this), h(this, M, e), !(Y || P(this.options.enabled, r(this, l)) === !1 || !Ie(r(this, M)) || r(this, M) === 0) && h(this, U, setInterval(() => {
+    (this.options.refetchIntervalInBackground || Et.isFocused()) && R(this, f, G).call(this);
+  }, r(this, M)));
+}, pe = function() {
+  R(this, f, he).call(this), R(this, f, de).call(this, R(this, f, fe).call(this));
+}, ge = function() {
+  r(this, N) && (clearTimeout(r(this, N)), h(this, N, void 0));
+}, ye = function() {
+  r(this, U) && (clearInterval(r(this, U)), h(this, U, void 0));
+}, me = function() {
+  const e = r(this, O).getQueryCache().build(r(this, O), this.options);
+  if (e === r(this, l))
+    return;
+  const s = r(this, l);
+  h(this, l, e), h(this, Z, e.state), this.hasListeners() && (s == null || s.removeObserver(this), e.addObserver(this));
+}, Ge = function(e) {
+  We.batch(() => {
+    e.listeners && this.listeners.forEach((s) => {
+      s(r(this, S));
+    }), r(this, O).getQueryCache().notify({
+      query: r(this, l),
+      type: "observerResultsUpdated"
+    });
+  });
+}, _e);
+function Qt(t, e) {
+  return P(e.enabled, t) !== !1 && t.state.data === void 0 && !(t.state.status === "error" && e.retryOnMount === !1);
+}
+function De(t, e) {
+  return Qt(t, e) || t.state.data !== void 0 && be(t, e, e.refetchOnMount);
+}
+function be(t, e, s) {
+  if (P(e.enabled, t) !== !1) {
+    const i = typeof s == "function" ? s(t) : s;
+    return i === "always" || i !== !1 && Ce(t, e);
+  }
+  return !1;
+}
+function Ne(t, e, s, i) {
+  return (t !== e || P(i.enabled, t) === !1) && (!s.suspense || t.state.status !== "error") && Ce(t, s);
+}
+function Ce(t, e) {
+  return P(e.enabled, t) !== !1 && t.isStaleByTime(re(e.staleTime, t));
+}
+function Mt(t, e) {
+  return !le(t.getCurrentResult(), e);
+}
+var kt = F.createContext(
+  void 0
+), qt = (t) => {
+  const e = F.useContext(kt);
+  if (!e)
+    throw new Error("No QueryClient set, use QueryClientProvider to set one");
+  return e;
+}, Ke = F.createContext(!1), Dt = () => F.useContext(Ke);
+Ke.Provider;
+function Nt() {
+  let t = !1;
+  return {
+    clearReset: () => {
+      t = !1;
+    },
+    reset: () => {
+      t = !0;
+    },
+    isReset: () => t
+  };
+}
+var Ut = F.createContext(Nt()), zt = () => F.useContext(Ut), At = (t, e) => {
+  (t.suspense || t.throwOnError || t.experimental_prefetchInRender) && (e.isReset() || (t.retryOnMount = !1));
+}, _t = (t) => {
+  F.useEffect(() => {
+    t.clearReset();
+  }, [t]);
+}, Bt = ({
+  result: t,
+  errorResetBoundary: e,
+  throwOnError: s,
+  query: i,
+  suspense: n
+}) => t.isError && !e.isReset() && !t.isFetching && i && (n && t.data === void 0 || St(s, [t.error, i])), Ht = (t) => {
+  const e = t.staleTime;
+  t.suspense && (t.staleTime = typeof e == "function" ? (...s) => Math.max(e(...s), 1e3) : Math.max(e ?? 1e3, 1e3), typeof t.gcTime == "number" && (t.gcTime = Math.max(t.gcTime, 1e3)));
+}, Vt = (t, e) => t.isLoading && t.isFetching && !e, $t = (t, e) => (t == null ? void 0 : t.suspense) && e.isPending, Ue = (t, e, s) => e.fetchOptimistic(t).catch(() => {
+  s.clearReset();
+});
+function Jt(t, e, s) {
+  var d, E, m, k, C;
+  if (process.env.NODE_ENV !== "production" && (typeof t != "object" || Array.isArray(t)))
+    throw new Error(
+      'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object'
+    );
+  const i = qt(), n = Dt(), a = zt(), o = i.defaultQueryOptions(t);
+  (E = (d = i.getDefaultOptions().queries) == null ? void 0 : d._experimental_beforeQuery) == null || E.call(
+    d,
+    o
+  ), process.env.NODE_ENV !== "production" && (o.queryFn || console.error(
+    `[${o.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`
+  )), o._optimisticResults = n ? "isRestoring" : "optimistic", Ht(o), At(o, a), _t(a);
+  const c = !i.getQueryCache().get(o.queryHash), [u] = F.useState(
+    () => new e(
+      i,
+      o
+    )
+  ), v = u.getOptimisticResult(o), y = !n && t.subscribed !== !1;
+  if (F.useSyncExternalStore(
+    F.useCallback(
+      (b) => {
+        const z = y ? u.subscribe(We.batchCalls(b)) : ce;
+        return u.updateResult(), z;
+      },
+      [u, y]
+    ),
+    () => u.getCurrentResult(),
+    () => u.getCurrentResult()
+  ), F.useEffect(() => {
+    u.setOptions(o);
+  }, [o, u]), $t(o, v))
+    throw Ue(o, u, a);
+  if (Bt({
+    result: v,
+    errorResetBoundary: a,
+    throwOnError: o.throwOnError,
+    query: i.getQueryCache().get(o.queryHash),
+    suspense: o.suspense
+  }))
+    throw v.error;
+  if ((k = (m = i.getDefaultOptions().queries) == null ? void 0 : m._experimental_afterQuery) == null || k.call(
+    m,
+    o,
+    v
+  ), o.experimental_prefetchInRender && !Y && Vt(v, n)) {
+    const b = c ? (
+      // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted
+      Ue(o, u, a)
+    ) : (
+      // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in
+      (C = i.getQueryCache().get(o.queryHash)) == null ? void 0 : C.promise
+    );
+    b == null || b.catch(ce).finally(() => {
+      u.updateResult();
+    });
+  }
+  return o.notifyOnChangeProps ? v : u.trackResult(v);
+}
+function Wt(t, e) {
+  return Jt(t, Lt);
+}
+const Gt = ({
+  nombre: t,
+  elevation: e = 1,
+  api: s,
+  filtros: i,
+  titulo: n,
+  initialPageSize: a = 10,
+  children: o
+}) => {
+  const c = Re(), [u, v] = Be({
+    page: 0,
+    pageSize: a
+  });
+  ve(() => {
+    v((C) => ({
+      ...C,
+      page: 0
+    }));
+  }, [JSON.stringify(i)]);
+  const { isLoading: y, isError: d, data: E } = Wt({
+    queryKey: [`paginable-${t}`, u, i],
+    queryFn: () => s(i, u.page, u.pageSize),
+    keepPreviousData: !0
+  });
+  if (y)
+    return /* @__PURE__ */ g(ht, { children: Array.from(Array(a).keys()).map((C) => /* @__PURE__ */ g(ft, { children: /* @__PURE__ */ g(dt, { primary: /* @__PURE__ */ g(pt, {}) }) }, `row-${C}`)) });
+  if (d)
+    return /* @__PURE__ */ K(Fe, { children: [
+      /* @__PURE__ */ g(Te, { titulo: c(n) }),
+      /* @__PURE__ */ g(Pe, { children: /* @__PURE__ */ g(Je, { titulo: "error.carga" }) })
+    ] });
+  const m = (C, b) => {
+    y || b === u.page || v({
+      page: b,
+      pageSize: u.pageSize
+    });
+  }, k = (C) => {
+    const b = C.target.value;
+    y || b === u.pageSize || v({
+      page: 0,
+      pageSize: b
+    });
+  };
+  return /* @__PURE__ */ K(Fe, { elevation: e, children: [
+    n && /* @__PURE__ */ g(Te, { titulo: c(n) }),
+    /* @__PURE__ */ g(Pe, { children: y ? /* @__PURE__ */ g(gt, {}) : E && E.content.length > 0 ? tt.map(o, (C) => st(C, {
+      data: E.content
+    })) : /* @__PURE__ */ g(yt, { children: c("main.pageable.noResults") }) }),
+    E && E.totalElements > 0 && /* @__PURE__ */ g(mt, { sx: { justifyContent: "flex-end" }, children: /* @__PURE__ */ g(
+      bt,
+      {
+        component: "div",
+        count: E.totalElements,
+        page: u.page,
+        rowsPerPage: u.pageSize,
+        labelRowsPerPage: c("main.pageable.rows"),
+        labelDisplayedRows: ({ from: C, to: b, count: z }) => c("main.pageable.results", { inicial: C, final: b, total: z }),
+        rowsPerPageOptions: [5, 10, 15, 20, 25, 50],
+        onRowsPerPageChange: k,
+        onPageChange: m
+      }
+    ) })
+  ] });
+};
+Gt.propTypes = {
+  nombre: w.string.isRequired,
+  elevation: w.number,
+  api: w.func.isRequired,
+  filtros: w.object,
+  titulo: w.string,
+  initialPageSize: w.number,
+  children: w.element
 };
-const U = () => {
-  const o = c((r) => r.mostrarNotificacion);
-  return C((r, i = "default", t = { vertical: "botton", horizontal: "center" }) => {
-    o({ mensaje: r, tipo: i, posicion: t });
-  }, [o]);
+const as = () => {
+  const t = X((e) => e.mostrarNotificacion);
+  return rt((e, s = "default", i = { vertical: "botton", horizontal: "center" }) => {
+    t({ mensaje: e, tipo: s, posicion: i });
+  }, [t]);
 };
 export {
-  Q as Cargando,
-  z as Mensaje,
-  D as MuiApp,
-  c as useMuiStore,
-  U as useNotificar
+  os as Cargando,
+  Je as Mensaje,
+  wt as MuiApp,
+  Gt as Paginable,
+  X as useMuiStore,
+  as as useNotificar
 };

package/dist/mui-saas.umd.cjs

@@ -1 +1 @@
-(function(i,t){typeof exports=="object"&&typeof module<"u"?t(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")):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"],t):(i=typeof globalThis<"u"?globalThis:i||self,t(i["mui-saas"]={},i.ReactJSX,i.PropTypes,i.ReactSaas,i.React,i.MuiMaterial,i.MuiMaterialColors,i.Zustand,i.ReactPolyglot))})(this,function(i,t,a,m,d,o,h,q,p){"use strict";const u=q.create(n=>({tema:"light",notificaciones:[],cambiarTema:r=>{n({tema:r})},mostrarNotificacion:r=>{n(s=>({notificaciones:[r,...s.notificaciones]}))},ocultarNotificacion:()=>{n(r=>({notificaciones:r.notificaciones.slice(1)}))}})),g=({children:n})=>{const r=u(l=>l.cambiarTema),s=o.useMediaQuery("(prefers-color-scheme: dark)"),c=u(l=>l.tema),e=m.useSaasStore(l=>l.instancia);d.useEffect(()=>{r(s?"dark":"light")},[r,s]);const f=d.useMemo(()=>o.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:h.grey.A200,paper:h.grey[100]}}},shape:{borderRadius:6}}),[c,e]);return t.jsxs(o.ThemeProvider,{theme:f,children:[t.jsx(o.CssBaseline,{}),n]})};g.propTypes={children:a.element.isRequired};const j=()=>{const n=p.useTranslate(),[r,s]=d.useState(!1),c=u(l=>l.ocultarNotificacion),e=u(l=>l.notificaciones[0]);d.useEffect(()=>{s(!!e)},[e]);const f=()=>{s(!1),c()};return t.jsx(o.Snackbar,{open:r,message:e?e.tipo==="default"&&n(e==null?void 0:e.mensaje):null,autoHideDuration:5e3,onClose:f,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"&&t.jsx(o.Alert,{severity:e.tipo,children:n(e.mensaje)})})},y=({aplicacion:n,dev:r=!1,redirectUri:s,mensajes:c={en:{},es:{}},children:e})=>t.jsx(m.SaasApp,{aplicacion:n,dev:r,redirectUri:s,mensajes:c,children:t.jsx(g,{children:t.jsxs(t.Fragment,{children:[e,t.jsx(j,{})]})})});y.propTypes={aplicacion:a.string.isRequired,dev:a.bool,redirectUri:a.string.isRequired,mensajes:a.object,children:a.element.isRequired};const x=()=>t.jsx(o.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:"center"},children:t.jsx(o.CircularProgress,{})}),M=({titulo:n,texto:r,align:s="center",severity:c="error"})=>{const e=p.useTranslate();return t.jsx(o.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:s},children:t.jsxs(o.Alert,{severity:c,children:[t.jsx(o.AlertTitle,{children:e(n)}),r&&e(r)]})})};M.propTypes={titulo:a.string.isRequired,texto:a.string,align:a.string,severity:a.string};const C=()=>{const n=u(r=>r.mostrarNotificacion);return d.useCallback((r,s="default",c={vertical:"botton",horizontal:"center"})=>{n({mensaje:r,tipo:s,posicion:c})},[n])};i.Cargando=x,i.Mensaje=M,i.MuiApp=y,i.useMuiStore=u,i.useNotificar=C,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(h,o){typeof exports=="object"&&typeof module<"u"?o(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")):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"],o):(h=typeof globalThis<"u"?globalThis:h||self,o(h["mui-saas"]={},h.ReactJSX,h.PropTypes,h.ReactSaas,h.React,h.MuiMaterial,h.MuiMaterialColors,h.Zustand,h.ReactPolyglot))})(this,function(h,o,p,Y,I,y,xe,Ge,ae){"use strict";var Je=h=>{throw TypeError(h)};var ve=(h,o,p)=>o.has(h)||Je("Cannot "+p);var r=(h,o,p)=>(ve(h,o,"read from private field"),p?p.call(h):o.get(h)),v=(h,o,p)=>o.has(h)?Je("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(h):o.set(h,p),d=(h,o,p,Y)=>(ve(h,o,"write to private field"),Y?Y.call(h,p):o.set(h,p),p),O=(h,o,p)=>(ve(h,o,"access private method"),p);var P,T,H,Ae,V,Q,$,_e,x,f,te,j,z,J,k,D,se,W,G,U,A,N,K,g,re,me,Ce,Se,we,Oe,Ee,je,We,Be;function Ke(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const M=Ke(I),B=Ge.create(t=>({tema:"light",notificaciones:[],cambiarTema:e=>{t({tema:e})},mostrarNotificacion:e=>{t(s=>({notificaciones:[e,...s.notificaciones]}))},ocultarNotificacion:()=>{t(e=>({notificaciones:e.notificaciones.slice(1)}))}})),Fe=({children:t})=>{const e=B(a=>a.cambiarTema),s=y.useMediaQuery("(prefers-color-scheme: dark)"),i=B(a=>a.tema),n=Y.useSaasStore(a=>a.instancia);I.useEffect(()=>{e(s?"dark":"light")},[e,s]);const c=I.useMemo(()=>y.createTheme({palette:{mode:i,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},...i==="light"&&{background:{default:xe.grey.A200,paper:xe.grey[100]}}},shape:{borderRadius:6}}),[i,n]);return o.jsxs(y.ThemeProvider,{theme:c,children:[o.jsx(y.CssBaseline,{}),t]})};Fe.propTypes={children:p.element.isRequired};const Xe=()=>{const t=ae.useTranslate(),[e,s]=I.useState(!1),i=B(a=>a.ocultarNotificacion),n=B(a=>a.notificaciones[0]);I.useEffect(()=>{s(!!n)},[n]);const c=()=>{s(!1),i()};return o.jsx(y.Snackbar,{open:e,message:n?n.tipo==="default"&&t(n==null?void 0:n.mensaje):null,autoHideDuration:5e3,onClose:c,anchorOrigin:n&&{vertical:n==null?void 0:n.posicion.vertical,horizontal:n==null?void 0:n.posicion.horizontal},children:n&&(n==null?void 0:n.tipo)!=="default"&&o.jsx(y.Alert,{severity:n.tipo,children:t(n.mensaje)})})},Re=({aplicacion:t,dev:e=!1,redirectUri:s,mensajes:i={en:{},es:{}},children:n})=>o.jsx(Y.SaasApp,{aplicacion:t,dev:e,redirectUri:s,mensajes:i,children:o.jsx(Fe,{children:o.jsxs(o.Fragment,{children:[n,o.jsx(Xe,{})]})})});Re.propTypes={aplicacion:p.string.isRequired,dev:p.bool,redirectUri:p.string.isRequired,mensajes:p.object,children:p.element.isRequired};const Ze=()=>o.jsx(y.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:"center"},children:o.jsx(y.CircularProgress,{})}),ce=({titulo:t,texto:e,align:s="center",severity:i="error"})=>{const n=ae.useTranslate();return o.jsx(y.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:s},children:o.jsxs(y.Alert,{severity:i,children:[o.jsx(y.AlertTitle,{children:n(t)}),e&&n(e)]})})};ce.propTypes={titulo:p.string.isRequired,texto:p.string,align:p.string,severity:p.string};var ue=class{constructor(){this.listeners=new Set,this.subscribe=this.subscribe.bind(this)}subscribe(t){return this.listeners.add(t),this.onSubscribe(),()=>{this.listeners.delete(t),this.onUnsubscribe()}}hasListeners(){return this.listeners.size>0}onSubscribe(){}onUnsubscribe(){}},ee=typeof window>"u"||"Deno"in globalThis;function he(){}function Me(t){return typeof t=="number"&&t>=0&&t!==1/0}function Ye(t,e){return Math.max(t+(e||0)-Date.now(),0)}function ie(t,e){return typeof t=="function"?t(e):t}function q(t,e){return typeof t=="function"?t(e):t}function le(t,e){if(t===e)return t;const s=Ie(t)&&Ie(e);if(s||qe(t)&&qe(e)){const i=s?t:Object.keys(t),n=i.length,c=s?e:Object.keys(e),a=c.length,u=s?[]:{};let l=0;for(let w=0;w<a;w++){const m=s?w:c[w];(!s&&i.includes(m)||s)&&t[m]===void 0&&e[m]===void 0?(u[m]=void 0,l++):(u[m]=le(t[m],e[m]),u[m]===t[m]&&t[m]!==void 0&&l++)}return n===a&&l===n?t:u}return e}function fe(t,e){if(!e||Object.keys(t).length!==Object.keys(e).length)return!1;for(const s in t)if(t[s]!==e[s])return!1;return!0}function Ie(t){return Array.isArray(t)&&t.length===Object.keys(t).length}function qe(t){if(!Le(t))return!1;const e=t.constructor;if(e===void 0)return!0;const s=e.prototype;return!(!Le(s)||!s.hasOwnProperty("isPrototypeOf")||Object.getPrototypeOf(t)!==Object.prototype)}function Le(t){return Object.prototype.toString.call(t)==="[object Object]"}function Te(t,e,s){if(typeof s.structuralSharing=="function")return s.structuralSharing(t,e);if(s.structuralSharing!==!1){if(process.env.NODE_ENV!=="production")try{return le(t,e)}catch(i){throw console.error(`Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${s.queryHash}]: ${i}`),i}return le(t,e)}return e}function et(t,e){return typeof t=="function"?t(...e):!!t}var tt=(Ae=class extends ue{constructor(){super();v(this,P);v(this,T);v(this,H);d(this,H,e=>{if(!ee&&window.addEventListener){const s=()=>e();return window.addEventListener("visibilitychange",s,!1),()=>{window.removeEventListener("visibilitychange",s)}}})}onSubscribe(){r(this,T)||this.setEventListener(r(this,H))}onUnsubscribe(){var e;this.hasListeners()||((e=r(this,T))==null||e.call(this),d(this,T,void 0))}setEventListener(e){var s;d(this,H,e),(s=r(this,T))==null||s.call(this),d(this,T,e(i=>{typeof i=="boolean"?this.setFocused(i):this.onFocus()}))}setFocused(e){r(this,P)!==e&&(d(this,P,e),this.onFocus())}onFocus(){const e=this.isFocused();this.listeners.forEach(s=>{s(e)})}isFocused(){var e;return typeof r(this,P)=="boolean"?r(this,P):((e=globalThis.document)==null?void 0:e.visibilityState)!=="hidden"}},P=new WeakMap,T=new WeakMap,H=new WeakMap,Ae),st=new tt,rt=(_e=class extends ue{constructor(){super();v(this,V,!0);v(this,Q);v(this,$);d(this,$,e=>{if(!ee&&window.addEventListener){const s=()=>e(!0),i=()=>e(!1);return window.addEventListener("online",s,!1),window.addEventListener("offline",i,!1),()=>{window.removeEventListener("online",s),window.removeEventListener("offline",i)}}})}onSubscribe(){r(this,Q)||this.setEventListener(r(this,$))}onUnsubscribe(){var e;this.hasListeners()||((e=r(this,Q))==null||e.call(this),d(this,Q,void 0))}setEventListener(e){var s;d(this,$,e),(s=r(this,Q))==null||s.call(this),d(this,Q,e(this.setOnline.bind(this)))}setOnline(e){r(this,V)!==e&&(d(this,V,e),this.listeners.forEach(i=>{i(e)}))}isOnline(){return r(this,V)}},V=new WeakMap,Q=new WeakMap,$=new WeakMap,_e),it=new rt;function Qe(){let t,e;const s=new Promise((n,c)=>{t=n,e=c});s.status="pending",s.catch(()=>{});function i(n){Object.assign(s,n),delete s.resolve,delete s.reject}return s.resolve=n=>{i({status:"fulfilled",value:n}),t(n)},s.reject=n=>{i({status:"rejected",reason:n}),e(n)},s}function nt(t){return(t??"online")==="online"?it.isOnline():!0}var ot=t=>setTimeout(t,0);function at(){let t=[],e=0,s=u=>{u()},i=u=>{u()},n=ot;const c=u=>{e?t.push(u):n(()=>{s(u)})},a=()=>{const u=t;t=[],u.length&&n(()=>{i(()=>{u.forEach(l=>{s(l)})})})};return{batch:u=>{let l;e++;try{l=u()}finally{e--,e||a()}return l},batchCalls:u=>(...l)=>{c(()=>{u(...l)})},schedule:c,setNotifyFunction:u=>{s=u},setBatchNotifyFunction:u=>{i=u},setScheduler:u=>{n=u}}}var ke=at();function ct(t,e){return{fetchFailureCount:0,fetchFailureReason:null,fetchStatus:nt(e.networkMode)?"fetching":"paused",...t===void 0&&{error:null,status:"pending"}}}var ut=(Be=class extends ue{constructor(e,s){super();v(this,g);v(this,x);v(this,f);v(this,te);v(this,j);v(this,z);v(this,J);v(this,k);v(this,D);v(this,se);v(this,W);v(this,G);v(this,U);v(this,A);v(this,N);v(this,K,new Set);this.options=s,d(this,x,e),d(this,D,null),d(this,k,Qe()),this.options.experimental_prefetchInRender||r(this,k).reject(new Error("experimental_prefetchInRender feature flag is not enabled")),this.bindMethods(),this.setOptions(s)}bindMethods(){this.refetch=this.refetch.bind(this)}onSubscribe(){this.listeners.size===1&&(r(this,f).addObserver(this),De(r(this,f),this.options)?O(this,g,re).call(this):this.updateResult(),O(this,g,we).call(this))}onUnsubscribe(){this.hasListeners()||this.destroy()}shouldFetchOnReconnect(){return de(r(this,f),this.options,this.options.refetchOnReconnect)}shouldFetchOnWindowFocus(){return de(r(this,f),this.options,this.options.refetchOnWindowFocus)}destroy(){this.listeners=new Set,O(this,g,Oe).call(this),O(this,g,Ee).call(this),r(this,f).removeObserver(this)}setOptions(e){const s=this.options,i=r(this,f);if(this.options=r(this,x).defaultQueryOptions(e),this.options.enabled!==void 0&&typeof this.options.enabled!="boolean"&&typeof this.options.enabled!="function"&&typeof q(this.options.enabled,r(this,f))!="boolean")throw new Error("Expected enabled to be a boolean or a callback that returns a boolean");O(this,g,je).call(this),r(this,f).setOptions(this.options),s._defaulted&&!fe(this.options,s)&&r(this,x).getQueryCache().notify({type:"observerOptionsUpdated",query:r(this,f),observer:this});const n=this.hasListeners();n&&Ne(r(this,f),i,this.options,s)&&O(this,g,re).call(this),this.updateResult(),n&&(r(this,f)!==i||q(this.options.enabled,r(this,f))!==q(s.enabled,r(this,f))||ie(this.options.staleTime,r(this,f))!==ie(s.staleTime,r(this,f)))&&O(this,g,me).call(this);const c=O(this,g,Ce).call(this);n&&(r(this,f)!==i||q(this.options.enabled,r(this,f))!==q(s.enabled,r(this,f))||c!==r(this,N))&&O(this,g,Se).call(this,c)}getOptimisticResult(e){const s=r(this,x).getQueryCache().build(r(this,x),e),i=this.createResult(s,e);return lt(this,i)&&(d(this,j,i),d(this,J,this.options),d(this,z,r(this,f).state)),i}getCurrentResult(){return r(this,j)}trackResult(e,s){return new Proxy(e,{get:(i,n)=>(this.trackProp(n),s==null||s(n),Reflect.get(i,n))})}trackProp(e){r(this,K).add(e)}getCurrentQuery(){return r(this,f)}refetch({...e}={}){return this.fetch({...e})}fetchOptimistic(e){const s=r(this,x).defaultQueryOptions(e),i=r(this,x).getQueryCache().build(r(this,x),s);return i.fetch().then(()=>this.createResult(i,s))}fetch(e){return O(this,g,re).call(this,{...e,cancelRefetch:e.cancelRefetch??!0}).then(()=>(this.updateResult(),r(this,j)))}createResult(e,s){var $e;const i=r(this,f),n=this.options,c=r(this,j),a=r(this,z),u=r(this,J),w=e!==i?e.state:r(this,te),{state:m}=e;let b={...m},F=!1,C;if(s._optimisticResults){const R=this.hasListeners(),ne=!R&&De(e,s),Z=R&&Ne(e,i,s,n);(ne||Z)&&(b={...b,...ct(m.data,e.options)}),s._optimisticResults==="isRestoring"&&(b.fetchStatus="idle")}let{error:_,errorUpdatedAt:E,status:S}=b;C=b.data;let X=!1;if(s.placeholderData!==void 0&&C===void 0&&S==="pending"){let R;c!=null&&c.isPlaceholderData&&s.placeholderData===(u==null?void 0:u.placeholderData)?(R=c.data,X=!0):R=typeof s.placeholderData=="function"?s.placeholderData(($e=r(this,G))==null?void 0:$e.state.data,r(this,G)):s.placeholderData,R!==void 0&&(S="success",C=Te(c==null?void 0:c.data,R,s),F=!0)}if(s.select&&C!==void 0&&!X)if(c&&C===(a==null?void 0:a.data)&&s.select===r(this,se))C=r(this,W);else try{d(this,se,s.select),C=s.select(C),C=Te(c==null?void 0:c.data,C,s),d(this,W,C),d(this,D,null)}catch(R){d(this,D,R)}r(this,D)&&(_=r(this,D),C=r(this,W),E=Date.now(),S="error");const ge=b.fetchStatus==="fetching",ye=S==="pending",be=S==="error",He=ye&&ge,Ve=C!==void 0,L={status:S,fetchStatus:b.fetchStatus,isPending:ye,isSuccess:S==="success",isError:be,isInitialLoading:He,isLoading:He,data:C,dataUpdatedAt:b.dataUpdatedAt,error:_,errorUpdatedAt:E,failureCount:b.fetchFailureCount,failureReason:b.fetchFailureReason,errorUpdateCount:b.errorUpdateCount,isFetched:b.dataUpdateCount>0||b.errorUpdateCount>0,isFetchedAfterMount:b.dataUpdateCount>w.dataUpdateCount||b.errorUpdateCount>w.errorUpdateCount,isFetching:ge,isRefetching:ge&&!ye,isLoadingError:be&&!Ve,isPaused:b.fetchStatus==="paused",isPlaceholderData:F,isRefetchError:be&&Ve,isStale:pe(e,s),refetch:this.refetch,promise:r(this,k)};if(this.options.experimental_prefetchInRender){const R=oe=>{L.status==="error"?oe.reject(L.error):L.data!==void 0&&oe.resolve(L.data)},ne=()=>{const oe=d(this,k,L.promise=Qe());R(oe)},Z=r(this,k);switch(Z.status){case"pending":e.queryHash===i.queryHash&&R(Z);break;case"fulfilled":(L.status==="error"||L.data!==Z.value)&&ne();break;case"rejected":(L.status!=="error"||L.error!==Z.reason)&&ne();break}}return L}updateResult(){const e=r(this,j),s=this.createResult(r(this,f),this.options);if(d(this,z,r(this,f).state),d(this,J,this.options),r(this,z).data!==void 0&&d(this,G,r(this,f)),fe(s,e))return;d(this,j,s);const i=()=>{if(!e)return!0;const{notifyOnChangeProps:n}=this.options,c=typeof n=="function"?n():n;if(c==="all"||!c&&!r(this,K).size)return!0;const a=new Set(c??r(this,K));return this.options.throwOnError&&a.add("error"),Object.keys(r(this,j)).some(u=>{const l=u;return r(this,j)[l]!==e[l]&&a.has(l)})};O(this,g,We).call(this,{listeners:i()})}onQueryUpdate(){this.updateResult(),this.hasListeners()&&O(this,g,we).call(this)}},x=new WeakMap,f=new WeakMap,te=new WeakMap,j=new WeakMap,z=new WeakMap,J=new WeakMap,k=new WeakMap,D=new WeakMap,se=new WeakMap,W=new WeakMap,G=new WeakMap,U=new WeakMap,A=new WeakMap,N=new WeakMap,K=new WeakMap,g=new WeakSet,re=function(e){O(this,g,je).call(this);let s=r(this,f).fetch(this.options,e);return e!=null&&e.throwOnError||(s=s.catch(he)),s},me=function(){O(this,g,Oe).call(this);const e=ie(this.options.staleTime,r(this,f));if(ee||r(this,j).isStale||!Me(e))return;const i=Ye(r(this,j).dataUpdatedAt,e)+1;d(this,U,setTimeout(()=>{r(this,j).isStale||this.updateResult()},i))},Ce=function(){return(typeof this.options.refetchInterval=="function"?this.options.refetchInterval(r(this,f)):this.options.refetchInterval)??!1},Se=function(e){O(this,g,Ee).call(this),d(this,N,e),!(ee||q(this.options.enabled,r(this,f))===!1||!Me(r(this,N))||r(this,N)===0)&&d(this,A,setInterval(()=>{(this.options.refetchIntervalInBackground||st.isFocused())&&O(this,g,re).call(this)},r(this,N)))},we=function(){O(this,g,me).call(this),O(this,g,Se).call(this,O(this,g,Ce).call(this))},Oe=function(){r(this,U)&&(clearTimeout(r(this,U)),d(this,U,void 0))},Ee=function(){r(this,A)&&(clearInterval(r(this,A)),d(this,A,void 0))},je=function(){const e=r(this,x).getQueryCache().build(r(this,x),this.options);if(e===r(this,f))return;const s=r(this,f);d(this,f,e),d(this,te,e.state),this.hasListeners()&&(s==null||s.removeObserver(this),e.addObserver(this))},We=function(e){ke.batch(()=>{e.listeners&&this.listeners.forEach(s=>{s(r(this,j))}),r(this,x).getQueryCache().notify({query:r(this,f),type:"observerResultsUpdated"})})},Be);function ht(t,e){return q(e.enabled,t)!==!1&&t.state.data===void 0&&!(t.state.status==="error"&&e.retryOnMount===!1)}function De(t,e){return ht(t,e)||t.state.data!==void 0&&de(t,e,e.refetchOnMount)}function de(t,e,s){if(q(e.enabled,t)!==!1){const i=typeof s=="function"?s(t):s;return i==="always"||i!==!1&&pe(t,e)}return!1}function Ne(t,e,s,i){return(t!==e||q(i.enabled,t)===!1)&&(!s.suspense||t.state.status!=="error")&&pe(t,s)}function pe(t,e){return q(e.enabled,t)!==!1&&t.isStaleByTime(ie(e.staleTime,t))}function lt(t,e){return!fe(t.getCurrentResult(),e)}var ft=M.createContext(void 0),dt=t=>{const e=M.useContext(ft);if(!e)throw new Error("No QueryClient set, use QueryClientProvider to set one");return e},Pe=M.createContext(!1),pt=()=>M.useContext(Pe);Pe.Provider;function gt(){let t=!1;return{clearReset:()=>{t=!1},reset:()=>{t=!0},isReset:()=>t}}var yt=M.createContext(gt()),bt=()=>M.useContext(yt),vt=(t,e)=>{(t.suspense||t.throwOnError||t.experimental_prefetchInRender)&&(e.isReset()||(t.retryOnMount=!1))},mt=t=>{M.useEffect(()=>{t.clearReset()},[t])},Ct=({result:t,errorResetBoundary:e,throwOnError:s,query:i,suspense:n})=>t.isError&&!e.isReset()&&!t.isFetching&&i&&(n&&t.data===void 0||et(s,[t.error,i])),St=t=>{const e=t.staleTime;t.suspense&&(t.staleTime=typeof e=="function"?(...s)=>Math.max(e(...s),1e3):Math.max(e??1e3,1e3),typeof t.gcTime=="number"&&(t.gcTime=Math.max(t.gcTime,1e3)))},wt=(t,e)=>t.isLoading&&t.isFetching&&!e,Ot=(t,e)=>(t==null?void 0:t.suspense)&&e.isPending,ze=(t,e,s)=>e.fetchOptimistic(t).catch(()=>{s.clearReset()});function Et(t,e,s){var b,F,C,_,E;if(process.env.NODE_ENV!=="production"&&(typeof t!="object"||Array.isArray(t)))throw new Error('Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object');const i=dt(),n=pt(),c=bt(),a=i.defaultQueryOptions(t);(F=(b=i.getDefaultOptions().queries)==null?void 0:b._experimental_beforeQuery)==null||F.call(b,a),process.env.NODE_ENV!=="production"&&(a.queryFn||console.error(`[${a.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`)),a._optimisticResults=n?"isRestoring":"optimistic",St(a),vt(a,c),mt(c);const u=!i.getQueryCache().get(a.queryHash),[l]=M.useState(()=>new e(i,a)),w=l.getOptimisticResult(a),m=!n&&t.subscribed!==!1;if(M.useSyncExternalStore(M.useCallback(S=>{const X=m?l.subscribe(ke.batchCalls(S)):he;return l.updateResult(),X},[l,m]),()=>l.getCurrentResult(),()=>l.getCurrentResult()),M.useEffect(()=>{l.setOptions(a)},[a,l]),Ot(a,w))throw ze(a,l,c);if(Ct({result:w,errorResetBoundary:c,throwOnError:a.throwOnError,query:i.getQueryCache().get(a.queryHash),suspense:a.suspense}))throw w.error;if((_=(C=i.getDefaultOptions().queries)==null?void 0:C._experimental_afterQuery)==null||_.call(C,a,w),a.experimental_prefetchInRender&&!ee&&wt(w,n)){const S=u?ze(a,l,c):(E=i.getQueryCache().get(a.queryHash))==null?void 0:E.promise;S==null||S.catch(he).finally(()=>{l.updateResult()})}return a.notifyOnChangeProps?w:l.trackResult(w)}function jt(t,e){return Et(t,ut)}const Ue=({nombre:t,elevation:e=1,api:s,filtros:i,titulo:n,initialPageSize:c=10,children:a})=>{const u=ae.useTranslate(),[l,w]=I.useState({page:0,pageSize:c});I.useEffect(()=>{w(E=>({...E,page:0}))},[JSON.stringify(i)]);const{isLoading:m,isError:b,data:F}=jt({queryKey:[`paginable-${t}`,l,i],queryFn:()=>s(i,l.page,l.pageSize),keepPreviousData:!0});if(m)return o.jsx(y.List,{children:Array.from(Array(c).keys()).map(E=>o.jsx(y.ListItem,{children:o.jsx(y.ListItemText,{primary:o.jsx(y.Skeleton,{})})},`row-${E}`))});if(b)return o.jsxs(y.Card,{children:[o.jsx(y.CardHeader,{titulo:u(n)}),o.jsx(y.CardContent,{children:o.jsx(ce,{titulo:"error.carga"})})]});const C=(E,S)=>{m||S===l.page||w({page:S,pageSize:l.pageSize})},_=E=>{const S=E.target.value;m||S===l.pageSize||w({page:0,pageSize:S})};return o.jsxs(y.Card,{elevation:e,children:[n&&o.jsx(y.CardHeader,{titulo:u(n)}),o.jsx(y.CardContent,{children:m?o.jsx(y.LinearProgress,{}):F&&F.content.length>0?I.Children.map(a,E=>I.cloneElement(E,{data:F.content})):o.jsx(y.Typography,{children:u("main.pageable.noResults")})}),F&&F.totalElements>0&&o.jsx(y.CardActions,{sx:{justifyContent:"flex-end"},children:o.jsx(y.TablePagination,{component:"div",count:F.totalElements,page:l.page,rowsPerPage:l.pageSize,labelRowsPerPage:u("main.pageable.rows"),labelDisplayedRows:({from:E,to:S,count:X})=>u("main.pageable.results",{inicial:E,final:S,total:X}),rowsPerPageOptions:[5,10,15,20,25,50],onRowsPerPageChange:_,onPageChange:C})})]})};Ue.propTypes={nombre:p.string.isRequired,elevation:p.number,api:p.func.isRequired,filtros:p.object,titulo:p.string,initialPageSize:p.number,children:p.element};const xt=()=>{const t=B(e=>e.mostrarNotificacion);return I.useCallback((e,s="default",i={vertical:"botton",horizontal:"center"})=>{t({mensaje:e,tipo:s,posicion:i})},[t])};h.Cargando=Ze,h.Mensaje=ce,h.MuiApp=Re,h.Paginable=Ue,h.useMuiStore=B,h.useNotificar=xt,Object.defineProperty(h,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.2",
+	"version": "3.0.3",
 	"type": "module",
 	"repository": {
 		"type": "git",