react-crud-mui 0.2.82 → 0.2.84

package/dist/components/detail-page/components/SuccessPanel.d.ts

@@ -1,11 +1,18 @@
 import { default as React } from 'react';
 import { FieldValues } from 'react-hook-form';
+type CommandsOptions<T extends FieldValues> = {
+    onCreate: () => void;
+    onClose: () => void;
+    model?: T;
+};
 export interface SuccessPanelProps<T extends FieldValues = FieldValues> {
     title: string;
     helperText?: string;
-    onCommands?: (model?: T) => React.ReactNode;
+    onCommands?: (options: CommandsOptions<T>) => React.ReactNode;
     model?: T;
     icon?: React.ReactNode;
+    onCreate: () => void;
+    onClose: () => void;
 }
-declare function SuccessPanel<T extends FieldValues = FieldValues>({ icon, title, helperText, onCommands, model, }: SuccessPanelProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function SuccessPanel<T extends FieldValues = FieldValues>({ icon, title, helperText, onCommands, onCreate, onClose, model, }: SuccessPanelProps<T>): import("react/jsx-runtime").JSX.Element;
 export default SuccessPanel;

package/dist/components/detail-page/hooks/useDetailPageModal.d.ts

@@ -481,7 +481,7 @@ declare function useDetailPageModal<TModel extends FieldValues, TProps extends S
     readonly onAfterDelete?: ((variables: import('../pages/DetailPageData').DeletePayload<TModel>, form: import('../../form/hooks/useForm').UseFormReturn<TModel, FieldValues>) => void) | undefined;
     readonly onAfterSave?: ((result: void | Awaited<TModel> | undefined, variables: import('../pages/DetailPageData').SavePayload<TModel>, form: import('../../form/hooks/useForm').UseFormReturn<TModel, FieldValues>) => void) | undefined;
     readonly showSuccessMessages?: boolean;
-    readonly successPanelProps?: import('../components/SuccessPanel').SuccessPanelProps;
+    readonly successPanelProps?: Omit<import('../components/SuccessPanel').SuccessPanelProps<TModel>, "onClose" | "model" | "onCreate"> | undefined;
     readonly uid?: string;
     readonly index?: number;
 }];

package/dist/components/detail-page/pages/DetailPageData.d.ts

@@ -55,7 +55,7 @@ export interface DetailPageDataProps<TModel extends FieldValues> extends Omit<De
     /**
      * Show success panel on create/save (Default false)
      */
-    successPanelProps?: SuccessPanelProps;
+    successPanelProps?: Omit<SuccessPanelProps<TModel>, 'onCreate' | 'onClose' | 'model'>;
     /**
      * Event called after succesfull save
      */

package/dist/coreui.js

@@ -1585,7 +1585,7 @@ function to(n) {
 (${N.toUpperCase()})`,
       children: A(Se ? "savecreate" : "updatecreate")
     }
-  }, ye = (fe) => !Q.save || _ != null && _.save ? null : /* @__PURE__ */ so(Xi, { ...De[fe], key: De[fe].key, color: "success", startIcon: /* @__PURE__ */ c(Wc, {}), disabled: o === "steps" ? !We : ue.save, loading: be, ...M == null ? void 0 : M.save }), je = () => !Q.create || _ != null && _.create ? null : /* @__PURE__ */ c(
+  }, ye = (fe) => !Q.save || _ != null && _.save ? null : /* @__PURE__ */ so(Xi, { ...De[fe], key: De[fe].key, color: "success", startIcon: /* @__PURE__ */ c(Wc, {}), disabled: o === "steps" ? !We : ue.save, loading: be, ...M == null ? void 0 : M.save }), qe = () => !Q.create || _ != null && _.create ? null : /* @__PURE__ */ c(
     Xi,
     {
       color: "primary",
@@ -1745,7 +1745,7 @@ function to(n) {
         ] })
       ] });
     }
-    const se = ye($), et = je(), ut = J(), de = Ae(), xt = [ge(), ut, et, de, se];
+    const se = ye($), et = qe(), ut = J(), de = Ae(), xt = [ge(), ut, et, de, se];
     return /* @__PURE__ */ O(Ue, { children: [
       I,
       xt,
@@ -2782,7 +2782,9 @@ function Ny({
   title: o,
   helperText: i,
   onCommands: a,
-  model: s
+  onCreate: s,
+  onClose: f,
+  model: g
 }) {
   return /* @__PURE__ */ c(bt.Content, { children: /* @__PURE__ */ O(_t, { flexDirection: "column", justifyContent: "center", alignItems: "center", minHeight: "300px", children: [
     /* @__PURE__ */ O(hn, { sx: {
@@ -2798,7 +2800,11 @@ function Ny({
       /* @__PURE__ */ c(Lu, { fontSize: 22, children: o }),
       /* @__PURE__ */ c(un, { marginTop: 1, display: "block", marginBottom: 5, color: "text.secondary", children: i })
     ] }),
-    /* @__PURE__ */ c(hn, { children: a == null ? void 0 : a(s) })
+    /* @__PURE__ */ c(hn, { children: a == null ? void 0 : a({
+      model: g,
+      onCreate: s,
+      onClose: f
+    }) })
   ] }) });
 }
 function Hy(n) {
@@ -2896,7 +2902,7 @@ var Pr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 ro.exports;
 (function(n, o) {
   (function() {
-    var i, a = "4.17.21", s = 200, f = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", g = "Expected a function", m = "Invalid `variable` option passed into `_.template`", p = "__lodash_hash_undefined__", x = 500, b = "__lodash_placeholder__", w = 1, I = 2, _ = 4, M = 1, D = 2, z = 1, U = 2, B = 4, X = 8, V = 16, q = 32, $ = 64, A = 128, Z = 256, N = 512, ke = 30, Ee = "...", ae = 800, ne = 16, le = 1, Q = 2, ue = 3, be = 1 / 0, Se = 9007199254740991, We = 17976931348623157e292, De = NaN, ye = 4294967295, je = ye - 1, J = ye >>> 1, Ae = [
+    var i, a = "4.17.21", s = 200, f = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", g = "Expected a function", m = "Invalid `variable` option passed into `_.template`", p = "__lodash_hash_undefined__", x = 500, b = "__lodash_placeholder__", w = 1, I = 2, _ = 4, M = 1, D = 2, z = 1, U = 2, B = 4, X = 8, V = 16, q = 32, $ = 64, A = 128, Z = 256, N = 512, ke = 30, Ee = "...", ae = 800, ne = 16, le = 1, Q = 2, ue = 3, be = 1 / 0, Se = 9007199254740991, We = 17976931348623157e292, De = NaN, ye = 4294967295, qe = ye - 1, J = ye >>> 1, Ae = [
       ["ary", A],
       ["bind", z],
       ["bindKey", U],
@@ -2906,7 +2912,7 @@ ro.exports;
       ["partial", q],
       ["partialRight", $],
       ["rearg", Z]
-    ], ge = "[object Arguments]", Te = "[object Array]", Oe = "[object AsyncFunction]", j = "[object Boolean]", Y = "[object Date]", fe = "[object DOMException]", se = "[object Error]", et = "[object Function]", ut = "[object GeneratorFunction]", de = "[object Map]", ft = "[object Number]", xt = "[object Null]", it = "[object Object]", kt = "[object Promise]", Nt = "[object Proxy]", Re = "[object RegExp]", ee = "[object Set]", P = "[object String]", ce = "[object Symbol]", _e = "[object Undefined]", Ce = "[object WeakMap]", ze = "[object WeakSet]", lt = "[object ArrayBuffer]", gt = "[object DataView]", Dt = "[object Float32Array]", Bn = "[object Float64Array]", R = "[object Int8Array]", H = "[object Int16Array]", te = "[object Int32Array]", Ve = "[object Uint8Array]", qe = "[object Uint8ClampedArray]", yt = "[object Uint16Array]", st = "[object Uint32Array]", Mt = /\b__p \+= '';/g, qt = /\b(__p \+=) '' \+/g, $f = /(__e\(.*?\)|\b__t\)) \+\n'';/g, us = /&(?:amp|lt|gt|quot|#39);/g, fs = /[&<>"']/g, Bf = RegExp(us.source), Wf = RegExp(fs.source), Nf = /<%-([\s\S]+?)%>/g, Hf = /<%([\s\S]+?)%>/g, ds = /<%=([\s\S]+?)%>/g, Pf = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Uf = /^\w*$/, Gf = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, bo = /[\\^$.*+?()[\]{}|]/g, Vf = RegExp(bo.source), yo = /^\s+/, Zf = /\s/, Xf = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, Jf = /\{\n\/\* \[wrapped with (.+)\] \*/, Kf = /,? & /, Yf = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g, qf = /[()=,{}\[\]\/\s]/, Qf = /\\(\\)?/g, jf = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g, ps = /\w*$/, ed = /^[-+]0x[0-9a-f]+$/i, td = /^0b[01]+$/i, nd = /^\[object .+?Constructor\]$/, rd = /^0o[0-7]+$/i, id = /^(?:0|[1-9]\d*)$/, od = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, ti = /($^)/, ld = /['\n\r\u2028\u2029\\]/g, ni = "\\ud800-\\udfff", sd = "\\u0300-\\u036f", ad = "\\ufe20-\\ufe2f", cd = "\\u20d0-\\u20ff", gs = sd + ad + cd, hs = "\\u2700-\\u27bf", ms = "a-z\\xdf-\\xf6\\xf8-\\xff", ud = "\\xac\\xb1\\xd7\\xf7", fd = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", dd = "\\u2000-\\u206f", pd = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", xs = "A-Z\\xc0-\\xd6\\xd8-\\xde", vs = "\\ufe0e\\ufe0f", bs = ud + fd + dd + pd, wo = "['’]", gd = "[" + ni + "]", ys = "[" + bs + "]", ri = "[" + gs + "]", ws = "\\d+", hd = "[" + hs + "]", Ss = "[" + ms + "]", _s = "[^" + ni + bs + ws + hs + ms + xs + "]", So = "\\ud83c[\\udffb-\\udfff]", md = "(?:" + ri + "|" + So + ")", Cs = "[^" + ni + "]", _o = "(?:\\ud83c[\\udde6-\\uddff]){2}", Co = "[\\ud800-\\udbff][\\udc00-\\udfff]", ar = "[" + xs + "]", Is = "\\u200d", ks = "(?:" + Ss + "|" + _s + ")", xd = "(?:" + ar + "|" + _s + ")", Ms = "(?:" + wo + "(?:d|ll|m|re|s|t|ve))?", As = "(?:" + wo + "(?:D|LL|M|RE|S|T|VE))?", Ts = md + "?", Ls = "[" + vs + "]?", vd = "(?:" + Is + "(?:" + [Cs, _o, Co].join("|") + ")" + Ls + Ts + ")*", bd = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", yd = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", Fs = Ls + Ts + vd, wd = "(?:" + [hd, _o, Co].join("|") + ")" + Fs, Sd = "(?:" + [Cs + ri + "?", ri, _o, Co, gd].join("|") + ")", _d = RegExp(wo, "g"), Cd = RegExp(ri, "g"), Io = RegExp(So + "(?=" + So + ")|" + Sd + Fs, "g"), Id = RegExp([
+    ], ge = "[object Arguments]", Te = "[object Array]", Oe = "[object AsyncFunction]", j = "[object Boolean]", Y = "[object Date]", fe = "[object DOMException]", se = "[object Error]", et = "[object Function]", ut = "[object GeneratorFunction]", de = "[object Map]", ft = "[object Number]", xt = "[object Null]", it = "[object Object]", kt = "[object Promise]", Nt = "[object Proxy]", Re = "[object RegExp]", ee = "[object Set]", P = "[object String]", ce = "[object Symbol]", _e = "[object Undefined]", Ce = "[object WeakMap]", ze = "[object WeakSet]", lt = "[object ArrayBuffer]", gt = "[object DataView]", Dt = "[object Float32Array]", Bn = "[object Float64Array]", R = "[object Int8Array]", H = "[object Int16Array]", te = "[object Int32Array]", Ve = "[object Uint8Array]", Qe = "[object Uint8ClampedArray]", yt = "[object Uint16Array]", st = "[object Uint32Array]", Mt = /\b__p \+= '';/g, qt = /\b(__p \+=) '' \+/g, $f = /(__e\(.*?\)|\b__t\)) \+\n'';/g, us = /&(?:amp|lt|gt|quot|#39);/g, fs = /[&<>"']/g, Bf = RegExp(us.source), Wf = RegExp(fs.source), Nf = /<%-([\s\S]+?)%>/g, Hf = /<%([\s\S]+?)%>/g, ds = /<%=([\s\S]+?)%>/g, Pf = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Uf = /^\w*$/, Gf = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, bo = /[\\^$.*+?()[\]{}|]/g, Vf = RegExp(bo.source), yo = /^\s+/, Zf = /\s/, Xf = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, Jf = /\{\n\/\* \[wrapped with (.+)\] \*/, Kf = /,? & /, Yf = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g, qf = /[()=,{}\[\]\/\s]/, Qf = /\\(\\)?/g, jf = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g, ps = /\w*$/, ed = /^[-+]0x[0-9a-f]+$/i, td = /^0b[01]+$/i, nd = /^\[object .+?Constructor\]$/, rd = /^0o[0-7]+$/i, id = /^(?:0|[1-9]\d*)$/, od = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, ti = /($^)/, ld = /['\n\r\u2028\u2029\\]/g, ni = "\\ud800-\\udfff", sd = "\\u0300-\\u036f", ad = "\\ufe20-\\ufe2f", cd = "\\u20d0-\\u20ff", gs = sd + ad + cd, hs = "\\u2700-\\u27bf", ms = "a-z\\xdf-\\xf6\\xf8-\\xff", ud = "\\xac\\xb1\\xd7\\xf7", fd = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", dd = "\\u2000-\\u206f", pd = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", xs = "A-Z\\xc0-\\xd6\\xd8-\\xde", vs = "\\ufe0e\\ufe0f", bs = ud + fd + dd + pd, wo = "['’]", gd = "[" + ni + "]", ys = "[" + bs + "]", ri = "[" + gs + "]", ws = "\\d+", hd = "[" + hs + "]", Ss = "[" + ms + "]", _s = "[^" + ni + bs + ws + hs + ms + xs + "]", So = "\\ud83c[\\udffb-\\udfff]", md = "(?:" + ri + "|" + So + ")", Cs = "[^" + ni + "]", _o = "(?:\\ud83c[\\udde6-\\uddff]){2}", Co = "[\\ud800-\\udbff][\\udc00-\\udfff]", ar = "[" + xs + "]", Is = "\\u200d", ks = "(?:" + Ss + "|" + _s + ")", xd = "(?:" + ar + "|" + _s + ")", Ms = "(?:" + wo + "(?:d|ll|m|re|s|t|ve))?", As = "(?:" + wo + "(?:D|LL|M|RE|S|T|VE))?", Ts = md + "?", Ls = "[" + vs + "]?", vd = "(?:" + Is + "(?:" + [Cs, _o, Co].join("|") + ")" + Ls + Ts + ")*", bd = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", yd = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", Fs = Ls + Ts + vd, wd = "(?:" + [hd, _o, Co].join("|") + ")" + Fs, Sd = "(?:" + [Cs + ri + "?", ri, _o, Co, gd].join("|") + ")", _d = RegExp(wo, "g"), Cd = RegExp(ri, "g"), Io = RegExp(So + "(?=" + So + ")|" + Sd + Fs, "g"), Id = RegExp([
       ar + "?" + Ss + "+" + Ms + "(?=" + [ys, ar, "$"].join("|") + ")",
       xd + "+" + As + "(?=" + [ys, ar + ks, "$"].join("|") + ")",
       ar + "?" + ks + "+" + Ms,
@@ -2946,10 +2952,10 @@ ro.exports;
       "isFinite",
       "parseInt",
       "setTimeout"
-    ], Td = -1, Qe = {};
-    Qe[Dt] = Qe[Bn] = Qe[R] = Qe[H] = Qe[te] = Qe[Ve] = Qe[qe] = Qe[yt] = Qe[st] = !0, Qe[ge] = Qe[Te] = Qe[lt] = Qe[j] = Qe[gt] = Qe[Y] = Qe[se] = Qe[et] = Qe[de] = Qe[ft] = Qe[it] = Qe[Re] = Qe[ee] = Qe[P] = Qe[Ce] = !1;
+    ], Td = -1, je = {};
+    je[Dt] = je[Bn] = je[R] = je[H] = je[te] = je[Ve] = je[Qe] = je[yt] = je[st] = !0, je[ge] = je[Te] = je[lt] = je[j] = je[gt] = je[Y] = je[se] = je[et] = je[de] = je[ft] = je[it] = je[Re] = je[ee] = je[P] = je[Ce] = !1;
     var Xe = {};
-    Xe[ge] = Xe[Te] = Xe[lt] = Xe[gt] = Xe[j] = Xe[Y] = Xe[Dt] = Xe[Bn] = Xe[R] = Xe[H] = Xe[te] = Xe[de] = Xe[ft] = Xe[it] = Xe[Re] = Xe[ee] = Xe[P] = Xe[ce] = Xe[Ve] = Xe[qe] = Xe[yt] = Xe[st] = !0, Xe[se] = Xe[et] = Xe[Ce] = !1;
+    Xe[ge] = Xe[Te] = Xe[lt] = Xe[gt] = Xe[j] = Xe[Y] = Xe[Dt] = Xe[Bn] = Xe[R] = Xe[H] = Xe[te] = Xe[de] = Xe[ft] = Xe[it] = Xe[Re] = Xe[ee] = Xe[P] = Xe[ce] = Xe[Ve] = Xe[Qe] = Xe[yt] = Xe[st] = !0, Xe[se] = Xe[et] = Xe[Ce] = !1;
     var Ld = {
       // Latin-1 Supplement block.
       À: "A",
@@ -4005,7 +4011,7 @@ ro.exports;
         return ot(e) && It(e) == ee;
       }
       function hp(e) {
-        return ot(e) && Ni(e.length) && !!Qe[At(e)];
+        return ot(e) && Ni(e.length) && !!je[At(e)];
       }
       function ha(e) {
         return typeof e == "function" ? e : e == null ? Bt : typeof e == "object" ? he(e) ? va(e[0], e[1]) : xa(e) : $c(e);
@@ -4219,7 +4225,7 @@ ro.exports;
           else L ? oe = ie && (l || W) : y ? oe = ie && W && (l || !K) : C ? oe = ie && W && !K && (l || !ve) : K || ve ? oe = !1 : oe = l ? E <= t : E < t;
           oe ? u = F + 1 : h = F;
         }
-        return Ct(h, je);
+        return Ct(h, qe);
       }
       function Ca(e, t) {
         for (var r = -1, l = e.length, u = 0, h = []; ++r < l; ) {
@@ -4938,7 +4944,7 @@ ro.exports;
           case H:
           case te:
           case Ve:
-          case qe:
+          case Qe:
           case yt:
           case st:
             return Fa(e, r);
@@ -6735,7 +6741,7 @@ function qy({
   onWrapperLayout: We,
   readOnly: De,
   reason: ye = "create",
-  showHeader: je = !0,
+  showHeader: qe = !0,
   steps: J,
   stepsProps: Ae,
   tabExtraContent: ge,
@@ -6860,7 +6866,7 @@ function qy({
     const Dt = ne == null ? void 0 : ne();
     return /* @__PURE__ */ c(to, { ...gt, children: Dt });
   }, it = (ee) => {
-    if (!je)
+    if (!qe)
       return null;
     const P = {
       ...ee,
@@ -6953,7 +6959,7 @@ function Qy({
   }, be = async () => {
     await ue();
   }, Se = async () => {
-    await ue("save-create"), je();
+    await ue("save-create"), qe();
   }, We = async () => {
     await ue("save-close"), p == null || p("action");
   }, De = async () => {
@@ -6966,7 +6972,7 @@ function Qy({
     no(Te) && await V(Te), z && Yi.success(X("deletedsuccesfully")), g == null || g(ge, s), p == null || p("action");
   }, ye = () => {
     ke(), b == null || b();
-  }, je = (Ae = "create") => {
+  }, qe = (Ae = "create") => {
     I == null || I(Ae), A(), N(!1);
   }, J = (Ae) => {
     const ge = ae(), Te = {
@@ -6976,7 +6982,7 @@ function Qy({
     };
     _ == null || _(Te, s);
   };
-  return /* @__PURE__ */ c(qy, { ...B, form: s, alerts: Q, error: a, data: i ?? ne, autoSave: o, loading: f || q || le, reason: D, onCreate: () => je(), onCopy: () => je("copy"), onSaveCreate: () => void Se(), onSaveClose: () => void We(), onSave: () => void be(), onDelete: () => void De(), onNavigate: (Ae) => void J(Ae), onDiscardChanges: ye, onClose: p, onLayout: (Ae) => {
+  return /* @__PURE__ */ c(qy, { ...B, form: s, alerts: Q, error: a, data: i ?? ne, autoSave: o, loading: f || q || le, reason: D, onCreate: () => qe(), onCopy: () => qe("copy"), onSaveCreate: () => void Se(), onSaveClose: () => void We(), onSave: () => void be(), onDelete: () => void De(), onNavigate: (Ae) => void J(Ae), onDiscardChanges: ye, onClose: p, onLayout: (Ae) => {
     let ge = Ae;
     if (Z) {
       const Te = ae();
@@ -6985,7 +6991,7 @@ function Qy({
         tabsContent: null,
         tabsHeaderContent: null,
         footerContent: null,
-        content: /* @__PURE__ */ c(Ny, { title: X("savedsuccesfully"), ...U, model: Te })
+        content: /* @__PURE__ */ c(Ny, { title: X("savedsuccesfully"), ...U, model: Te, onCreate: () => qe(), onClose: () => p == null ? void 0 : p("close-button") })
       };
     }
     return w ? w(ge) : /* @__PURE__ */ c(bt.Layout, { ...ge });
@@ -7201,7 +7207,7 @@ function Wt({
 }) {
   const [s, f] = Ge(n), [g, m] = Ge(o);
   return /* @__PURE__ */ c(ff, { reason: s, onReasonChange: (x) => {
-    f(x), i == null || i(x);
+    f(x), i == null || i(x), m(o);
   }, activeSegmentIndex: g, onSegmentChanged: m, ...a });
 }
 Wt.Header = Uu;
@@ -7418,7 +7424,7 @@ function Kn({
   showNewRowButton: We,
   skeletonRows: De = l4,
   state: ye,
-  sx: je,
+  sx: qe,
   ...J
 }) {
   const {
@@ -7507,11 +7513,11 @@ function Kn({
   }, xt = (R, H) => {
     x && ft(H), q == null || q(R, H);
   }, it = (R, H) => {
-    var Ve, qe, yt;
+    var Ve, Qe, yt;
     const te = (Ve = ge.current) == null ? void 0 : Ve.children.namedItem(H.id);
     switch (R.code) {
       case "ArrowUp":
-        (qe = te == null ? void 0 : te.previousElementSibling) == null || qe.focus(), R.stopPropagation();
+        (Qe = te == null ? void 0 : te.previousElementSibling) == null || Qe.focus(), R.stopPropagation();
         break;
       case "ArrowDown":
         (yt = te == null ? void 0 : te.nextElementSibling) == null || yt.focus(), R.stopPropagation();
@@ -7529,7 +7535,7 @@ function Kn({
     }, children: [
       R.column.icon,
       Rl(R.column.columnDef.header, R.getContext())
-    ] }), Ve = de.options.enableColumnPinning ? iu(R.column) : null, qe = R.column.getCanSort(), yt = R.column.getIsSorted(), st = R.column.getToggleSortingHandler(), Mt = !!yt, qt = B == null ? void 0 : B(R, de);
+    ] }), Ve = de.options.enableColumnPinning ? iu(R.column) : null, Qe = R.column.getCanSort(), yt = R.column.getIsSorted(), st = R.column.getToggleSortingHandler(), Mt = !!yt, qt = B == null ? void 0 : B(R, de);
     return /* @__PURE__ */ c(hf, { size: ae, colSpan: R.colSpan, style: {
       ...Ve
     }, ...qt, sx: {
@@ -7542,7 +7548,7 @@ function Kn({
         minWidth: R.getSize()
       },
       ...qt == null ? void 0 : qt.sx
-    }, children: qe ? /* @__PURE__ */ c(z3, { active: Mt, onClick: st, direction: yt === !1 ? void 0 : yt, sx: {
+    }, children: Qe ? /* @__PURE__ */ c(z3, { active: Mt, onClick: st, direction: yt === !1 ? void 0 : yt, sx: {
       "&.Mui-active, &.MuiTableSortLabel-root >.MuiTableSortLabel-icon": {
         color: Mt ? "primary.main" : void 0
       }
@@ -7554,18 +7560,18 @@ function Kn({
       return /* @__PURE__ */ c(or, { sx: {
         "& .MuiTableCell-root": {
           borderBottom: H && !Ve ? "1px solid" : "none",
-          borderColor: (qe) => Fe(qe) ? qe.palette.grey[600] : qe.palette.grey[200],
+          borderColor: (Qe) => Fe(Qe) ? Qe.palette.grey[600] : Qe.palette.grey[200],
           "&:not(:first-child)": {
             borderLeft: H ? "1px solid" : "none",
-            borderColor: (qe) => Fe(qe) ? qe.palette.grey[600] : qe.palette.grey[200]
+            borderColor: (Qe) => Fe(Qe) ? Qe.palette.grey[600] : Qe.palette.grey[200]
           }
         },
         ...I
-      }, children: te.headers.map((qe) => kt(qe, Ve)) }, te.id);
+      }, children: te.headers.map((Qe) => kt(Qe, Ve)) }, te.id);
     }) });
   }, Re = (R) => {
     let H = Rl(R.column.columnDef.cell, R.getContext());
-    const te = s4(R.column.id), Ve = R.row.depth > 0 && R.column.getIndex() === 1, qe = R.column.getCanSort() && !!R.column.getIsSorted(), yt = de.options.enableColumnPinning ? iu(R.column) : null, st = R.column.columnDef.ellipsis, Mt = z == null ? void 0 : z(R, de);
+    const te = s4(R.column.id), Ve = R.row.depth > 0 && R.column.getIndex() === 1, Qe = R.column.getCanSort() && !!R.column.getIsSorted(), yt = de.options.enableColumnPinning ? iu(R.column) : null, st = R.column.columnDef.ellipsis, Mt = z == null ? void 0 : z(R, de);
     if (R.column.columnDef.link) {
       const qt = R.column.columnDef.link(R.row);
       qt && (H = /* @__PURE__ */ c(Ym, { to: qt, children: H }));
@@ -7583,7 +7589,7 @@ function Kn({
     return /* @__PURE__ */ c(_r, { title: R.column.title || (st ? R.getValue() : void 0), size: te ? "small" : ae, style: {
       ...yt
     }, ellipsis: st, ...Mt, sx: {
-      backgroundColor: qe ? Fe(Y) ? Be(Y.palette.primary.main, 0.04) : Be(Y.palette.primary.main, 0.07) : void 0,
+      backgroundColor: Qe ? Fe(Y) ? Be(Y.palette.primary.main, 0.04) : Be(Y.palette.primary.main, 0.07) : void 0,
       ...R.column.getSize() === Number.MAX_SAFE_INTEGER ? {
         width: "auto"
       } : {
@@ -7624,7 +7630,7 @@ function Kn({
   }, _e = () => de.getRowModel().rows.map((te) => {
     let Ve;
     g && (Ve = typeof g == "function" ? g(te) : Dn(te.original, g));
-    const qe = V && te.getIsExpanded(), yt = te.getIsSelected(), st = A == null ? void 0 : A(te, de);
+    const Qe = V && te.getIsExpanded(), yt = te.getIsSelected(), st = A == null ? void 0 : A(te, de);
     return /* @__PURE__ */ O(Hl, { children: [
       /* @__PURE__ */ so(
         Wl,
@@ -7657,7 +7663,7 @@ function Kn({
         ...Ee,
         ...st == null ? void 0 : st.sx
       }) : null,
-      qe && gt(te)
+      Qe && gt(te)
     ] }, te.id);
   }), Ce = () => /* @__PURE__ */ O(E3, { ref: ge, children: [
     _e(),
@@ -7670,7 +7676,7 @@ function Kn({
     const {
       pageSize: R,
       pageIndex: H
-    } = de.getState().pagination, te = /* @__PURE__ */ c(O3, { component: "div", rowsPerPageOptions: o4, page: H, rowsPerPage: R, count: de.getRowCount(), onPageChange: (Ve, qe) => de.setPageIndex(qe), onRowsPerPageChange: (Ve) => de.setPageSize(+Ve.target.value || 5), ...N });
+    } = de.getState().pagination, te = /* @__PURE__ */ c(O3, { component: "div", rowsPerPageOptions: o4, page: H, rowsPerPage: R, count: de.getRowCount(), onPageChange: (Ve, Qe) => de.setPageIndex(Qe), onRowsPerPageChange: (Ve) => de.setPageSize(+Ve.target.value || 5), ...N });
     return N != null && N.extraContent ? /* @__PURE__ */ O(Yr, { sx: {
       pl: 1
     }, children: [
@@ -7700,7 +7706,7 @@ function Kn({
     if (!w || !_ || !Te.current)
       return null;
     const H = de.getVisibleFlatColumns();
-    return [...Array(R)].map((te, Ve) => /* @__PURE__ */ c(or, { children: H.map((qe, yt) => /* @__PURE__ */ c(_r, { scope: "row", children: /* @__PURE__ */ c(L3, { animation: "wave", variant: "text" }) }, `skeloton-${yt}`)) }, Ve));
+    return [...Array(R)].map((te, Ve) => /* @__PURE__ */ c(or, { children: H.map((Qe, yt) => /* @__PURE__ */ c(_r, { scope: "row", children: /* @__PURE__ */ c(L3, { animation: "wave", variant: "text" }) }, `skeloton-${yt}`)) }, Ve));
   };
   return /* @__PURE__ */ O(Ue, { children: [
     /* @__PURE__ */ O(mo, { autoHide: !1, forceVisible: !0, ...be, children: [
@@ -7712,7 +7718,7 @@ function Kn({
         }),
         borderCollapse: "separate",
         borderSpacing: 0,
-        ...je
+        ...qe
       }, children: [
         le ? Nt() : null,
         Ce(),
@@ -7819,7 +7825,7 @@ function as({
     models: le
   }), {
     disabled: ye
-  } = ho(), je = Je(() => ye === !0 ? {
+  } = ho(), qe = Je(() => ye === !0 ? {
     disabled: !0
   } : {
     disabled: _
@@ -7867,14 +7873,14 @@ function as({
         showCopy: a,
         showDelete: s,
         showEdit: f,
-        showView: !!je.disabled,
+        showView: !!qe.disabled,
         index: Re.row.index,
-        ...je
+        ...qe
       };
       return q ? q(P) : /* @__PURE__ */ c(qr, { ...P });
     },
     ...p
-  }], [n, o, i, m, p, je, De, j, ue, q, a, s, f]), ut = xe((Re) => {
+  }], [n, o, i, m, p, qe, De, j, ue, q, a, s, f]), ut = xe((Re) => {
     const {
       model: ee,
       reason: P,
@@ -7941,7 +7947,7 @@ function as({
       onDeleteAll: () => Se([]),
       enableDeleteAllButton: M,
       api: ne,
-      ...je
+      ...qe
     };
     return x ? x(Re) : /* @__PURE__ */ c(wf, { ...Re });
   }, kt = () => {
@@ -8797,7 +8803,7 @@ function z4({
       return null;
     const Y = U ? j : be(j);
     return Y ? Array.isArray(Y) ? Y.map((fe) => ae == null ? void 0 : ae(fe)).join(", ") : ae == null ? void 0 : ae(Y) : null;
-  }, je = () => /* @__PURE__ */ O(ku, { ...Ee, readOnly: B, notched: N ? !!(A != null && A.length) : !!A, error: m, multiple: N, ref: V, labelId: `${w}-label`, id: `${w}-select`, label: I, value: Q, title: N && eo(ye(A)) || "", onChange: Se, disabled: s, MenuProps: {
+  }, qe = () => /* @__PURE__ */ O(ku, { ...Ee, readOnly: B, notched: N ? !!(A != null && A.length) : !!A, error: m, multiple: N, ref: V, labelId: `${w}-label`, id: `${w}-select`, label: I, value: Q, title: N && eo(ye(A)) || "", onChange: Se, disabled: s, MenuProps: {
     PaperProps: {
       sx: {
         maxHeight: g
@@ -8836,7 +8842,7 @@ function z4({
     }, children: I }),
     j,
     Y
-  ] }), ge = je(), Te = J();
+  ] }), ge = qe(), Te = J();
   return I ? Ae(ge, Te) : /* @__PURE__ */ O(Ue, { children: [
     ge,
     Te
@@ -9514,7 +9520,7 @@ function r5({
   onLayout: We,
   onSearch: De,
   onTabChanged: ye,
-  tableProps: je,
+  tableProps: qe,
   onWrapperLayout: J,
   showHeader: Ae = !0,
   showDataCountOnHeader: ge = !0,
@@ -9533,7 +9539,7 @@ function r5({
   }, [V]);
   const [Y, fe] = Bu({
     models: x,
-    uniqueIdParamName: (je == null ? void 0 : je.rowIdField) ?? bf
+    uniqueIdParamName: (qe == null ? void 0 : qe.rowIdField) ?? bf
   }), se = xe((P, ce) => {
     if (typeof Q == "function" ? !0 : !!(Q != null && Q[P]))
       return Y({
@@ -9610,7 +9616,7 @@ function r5({
     const P = {
       newRowButtonText: ((_e = p == null ? void 0 : p.create) == null ? void 0 : _e.children) ?? Oe("newitem"),
       onNewRow: () => se("create"),
-      ...je,
+      ...qe,
       columns: _ ? [...m ?? [], {
         id: "commands",
         align: "center",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-crud-mui",
   "private": false,
-  "version": "0.2.82",
+  "version": "0.2.84",
   "type": "module",
   "main": "./dist/coreui.js",
   "module": "./dist/coreui.js",