@kingteza/crud-component 1.0.40 → 1.0.43

package/crud/import/CrudImportComponent.es.js

@@ -1,34 +1,33 @@
 import { jsxs as w, jsx as i } from "react/jsx-runtime";
 import { WarningTwoTone as B, DownloadOutlined as z } from "@ant-design/icons";
-import R from "papaparse";
-import { Tooltip as O, App as _, Modal as $, Space as V, Spin as U, Progress as Y } from "antd";
+import $ from "papaparse";
+import { Tooltip as V, App as R, Modal as U, Space as O, Spin as Y, Progress as _ } from "antd";
 import { saveAs as G } from "file-saver";
-import { useState as T, useEffect as H, useMemo as v, useCallback as f } from "react";
-import { useTranslation as J } from "react-i18next";
-import { TRANSLATION_NAMESPACE as K } from "../../locale/hooks/translation-constants.es.js";
-import Q from "../view/CrudViewer.es.js";
-import X from "../../util/DateUtil.es.js";
-import Z from "../../common/button/Button.es.js";
-import { ImportButton as P } from "../../common/button/ImportButton.es.js";
-function fe({
-  onCloseMethod: x,
-  open: b,
-  fields: N,
+import { useState as T, useEffect as H, useMemo as A, useCallback as f } from "react";
+import { useTranslationLib as J } from "../../locale/index.es.js";
+import K from "../view/CrudViewer.es.js";
+import Q from "../../util/DateUtil.es.js";
+import X from "../../common/button/Button.es.js";
+import { ImportButton as Z } from "../../common/button/ImportButton.es.js";
+function de({
+  onCloseMethod: b,
+  open: x,
+  fields: D,
   importProps: o
 }) {
-  const [c, D] = T([]), [C, g] = T(!1), [E, F] = T(0);
+  const [c, F] = T([]), [g, C] = T(!1), [N, I] = T(0);
   H(() => {
-    b || (D([]), g(!1));
-  }, [b]);
-  const u = v(
+    x || (F([]), C(!1));
+  }, [x]);
+  const u = A(
     () => new Map(
-      N.filter((e) => {
+      D.filter((e) => {
         var t;
         return !e.hidden && !((t = e.importProps) != null && t.hidden) && !e.readonly;
       }).map((e) => [e.name, e])
     ),
-    [N]
-  ), I = v(
+    [D]
+  ), E = A(
     () => Array.from(u.values()).flatMap((e) => {
       var t;
       return [
@@ -37,24 +36,24 @@ function fe({
       ];
     }),
     [u]
-  ), M = f(
+  ), W = f(
     async function() {
-      const e = `${I.join(",")}
+      const e = `${E.join(",")}
 `, t = new Blob([e], { type: "text/csv;charset=utf-8;" });
       G(
         t,
-        (o == null ? void 0 : o.name) + " - " + X.formatDateTimeWithSecond(/* @__PURE__ */ new Date()).replaceAll(":", "-") + ".csv"
+        (o == null ? void 0 : o.name) + " - " + Q.formatDateTimeWithSecond(/* @__PURE__ */ new Date()).replaceAll(":", "-") + ".csv"
       );
     },
-    [I, o == null ? void 0 : o.name]
-  ), { t: s } = J(K), W = f(async (e) => {
+    [E, o == null ? void 0 : o.name]
+  ), { t: s } = J(), L = f(async (e) => {
     const t = new FileReader();
     t.onerror = console.error, t.onload = async (r) => {
       var n;
-      const l = (n = r == null ? void 0 : r.target) == null ? void 0 : n.result, a = R.parse(l, { header: !0 });
-      D(a.data);
+      const l = (n = r == null ? void 0 : r.target) == null ? void 0 : n.result, a = $.parse(l, { header: !0 });
+      F(a.data);
     }, t.readAsText(e);
-  }, []), k = v(() => {
+  }, []), k = A(() => {
     var t, r, l;
     let e = !1;
     for (const a of c)
@@ -62,8 +61,8 @@ function fe({
         const h = a[n], m = h || !isNaN(h);
         if (d.required && !m)
           if ((r = (t = d.importProps) == null ? void 0 : t.extraFields) != null && r.length)
-            for (const A of ((l = d.importProps) == null ? void 0 : l.extraFields) ?? [])
-              if (a[A] || !isNaN(a[A])) {
+            for (const v of ((l = d.importProps) == null ? void 0 : l.extraFields) ?? [])
+              if (a[v] || !isNaN(a[v])) {
                 e = !1;
                 break;
               } else return !0;
@@ -80,7 +79,7 @@ function fe({
           const m = (d = e.importProps) == null ? void 0 : d.extraFields;
           (m == null ? void 0 : m.find((j) => !r[j])) && (h = "Either one of these fields is required: " + [e.name, ...m].join(", "));
         }
-        return /* @__PURE__ */ w(O, { className: "d-flex", title: h, children: [
+        return /* @__PURE__ */ w(V, { className: "d-flex", title: h, children: [
           /* @__PURE__ */ i(B, { twoToneColor: "#ee9702" }),
           t
         ] });
@@ -88,16 +87,16 @@ function fe({
       return t;
     },
     [s]
-  ), S = f(async (e) => {
-    F(e);
+  ), q = f(async (e) => {
+    I(e);
   }, []), y = f(async () => {
     try {
-      g(!0), await o.onClickImport(c, S), x(!1);
+      C(!0), await o.onClickImport(c, q), b(!1);
     } finally {
-      g(!1), F(0);
+      C(!1), I(0);
     }
-  }, [c, o, x, S]), { modal: q } = _.useApp(), L = f(async () => {
-    k ? q.warning ? q.warning({
+  }, [c, o, b, q]), { modal: S } = R.useApp(), M = f(async () => {
+    k ? S.warning ? S.warning({
       title: s("str.warning"),
       content: s("qus.importWithIssues"),
       okText: s("str.import"),
@@ -109,24 +108,24 @@ function fe({
     ), window.confirm(s("qus.importWithIssues")) && y()) : y();
   }, [k, y, s]);
   return /* @__PURE__ */ w(
-    $,
+    U,
     {
       title: [s("str.import"), o == null ? void 0 : o.name].filter(Boolean).join(" "),
       width: "100%",
-      open: b,
-      onOk: L,
+      open: x,
+      onOk: M,
       destroyOnClose: !0,
-      onCancel: () => x(!1),
+      onCancel: () => b(!1),
       okText: s("str.import"),
-      confirmLoading: C,
+      confirmLoading: g,
       okButtonProps: {
         disabled: !(c != null && c.length)
       },
-      footer: (e, { OkBtn: t, CancelBtn: r }) => /* @__PURE__ */ w(V, { children: [
+      footer: (e, { OkBtn: t, CancelBtn: r }) => /* @__PURE__ */ w(O, { children: [
         /* @__PURE__ */ i(r, {}),
         /* @__PURE__ */ i(t, {}),
         k && /* @__PURE__ */ i(
-          O,
+          V,
           {
             className: "d-flex",
             title: "Some fields have issue. Please review before submit.",
@@ -135,41 +134,41 @@ function fe({
         )
       ] }),
       children: [
-        /* @__PURE__ */ w(V, { children: [
+        /* @__PURE__ */ w(O, { children: [
           /* @__PURE__ */ i(
-            Z,
+            X,
             {
-              onClick: M,
+              onClick: W,
               icon: /* @__PURE__ */ i(z, {}),
               children: s("str.downloadCsvTemplate")
             }
           ),
           /* @__PURE__ */ i(
-            P,
+            Z,
             {
-              disabled: C,
+              disabled: g,
               type: "default",
-              onClick: W,
+              onClick: L,
               accept: ".csv",
               children: s("str.importCsvFile")
             }
           )
         ] }),
         /* @__PURE__ */ i(
-          U,
+          Y,
           {
-            spinning: C,
-            indicator: E ? /* @__PURE__ */ i(
-              Y,
+            spinning: g,
+            indicator: N ? /* @__PURE__ */ i(
+              _,
               {
                 type: "circle",
-                percent: E * 100,
+                percent: N * 100,
                 size: 50,
                 format: (e) => `${parseInt(e)}%`
               }
             ) : void 0,
             children: /* @__PURE__ */ i(
-              Q,
+              K,
               {
                 data: c,
                 bordered: !0,
@@ -219,5 +218,5 @@ function fe({
   );
 }
 export {
-  fe as default
+  de as default
 };

package/crud/view/CrudDecListView.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),q=require("../../common/description/DescList.cjs.js"),C=require("react"),f=require("react-i18next"),x=require("../../locale/hooks/translation-constants.cjs.js"),V=require("./CrudViewerUtil.cjs.js");function a({className:l,fields:u,data:e,descListColumn:c={xs:1,md:3,sm:2,lg:4},layout:m,action:t,keepEmptyValues:b}){const{t:i}=f.useTranslation(x.TRANSLATION_NAMESPACE),g=C.useMemo(()=>{const o=u.filter(({hidden:r,hideInDescList:s})=>!r&&!s).map((r,s)=>({label:r.label,noFormatting:!0,value:V.getRendererValueCrudViewer(r)(e==null?void 0:e[r.name],e,s)}));return t&&o.push({label:i("str.action"),value:t}),o},[t,e,u,i]);return e?n.jsx(q,{keepEmptyValues:b,bordered:!0,column:c,className:l,layout:m,list:g}):n.jsx(n.Fragment,{})}exports.CrudDecListView=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("../../common/description/DescList.cjs.js"),q=require("react"),x=require("../../locale/index.cjs.js"),V=require("./CrudViewerUtil.cjs.js");function d({className:o,fields:u,data:e,descListColumn:c={xs:1,md:3,sm:2,lg:4},layout:m,action:t,keepEmptyValues:b}){const{t:n}=x.useTranslationLib(),g=q.useMemo(()=>{const l=u.filter(({hidden:r,hideInDescList:i})=>!r&&!i).map((r,i)=>({label:r.label,noFormatting:!0,value:V.getRendererValueCrudViewer(r)(e==null?void 0:e[r.name],e,i)}));return t&&l.push({label:n("str.action"),value:t}),l},[t,e,u,n]);return e?s.jsx(f,{keepEmptyValues:b,bordered:!0,column:c,className:o,layout:m,list:g}):s.jsx(s.Fragment,{})}exports.CrudDecListView=d;

package/crud/view/CrudDecListView.es.js

@@ -1,30 +1,29 @@
 import { jsx as l, Fragment as b } from "react/jsx-runtime";
 import g from "../../common/description/DescList.es.js";
-import { useMemo as A } from "react";
-import { useTranslation as x } from "react-i18next";
-import { TRANSLATION_NAMESPACE as C } from "../../locale/hooks/translation-constants.es.js";
-import { getRendererValueCrudViewer as L } from "./CrudViewerUtil.es.js";
-function E({
+import { useMemo as x } from "react";
+import { useTranslationLib as L } from "../../locale/index.es.js";
+import { getRendererValueCrudViewer as V } from "./CrudViewerUtil.es.js";
+function h({
   className: n,
-  fields: t,
+  fields: m,
   data: r,
   descListColumn: u = { xs: 1, md: 3, sm: 2, lg: 4 },
   layout: f,
   action: o,
   keepEmptyValues: p
 }) {
-  const { t: i } = x(C), c = A(() => {
-    const s = t.filter(({ hidden: e, hideInDescList: m }) => !e && !m).map((e, m) => ({
+  const { t: i } = L(), c = x(() => {
+    const s = m.filter(({ hidden: e, hideInDescList: t }) => !e && !t).map((e, t) => ({
       label: e.label,
       noFormatting: !0,
-      value: L(e)(
+      value: V(e)(
         r == null ? void 0 : r[e.name],
         r,
-        m
+        t
       )
     }));
     return o && s.push({ label: i("str.action"), value: o }), s;
-  }, [o, r, t, i]);
+  }, [o, r, m, i]);
   return r ? /* @__PURE__ */ l(
     g,
     {
@@ -38,5 +37,5 @@ function E({
   ) : /* @__PURE__ */ l(b, {});
 }
 export {
-  E as CrudDecListView
+  h as CrudDecListView
 };

package/crud/view/CrudViewer.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),k=require("antd"),H=require("../../common/button/CloneButtonTable.cjs.js"),p=require("../../common/button/DeleteButtonTable.cjs.js"),U=require("../../common/button/ExportButton.cjs.js"),F=require("../../common/button/HideButtonTable.cjs.js"),rr=require("../../common/button/RefreshButton.cjs.js"),er=require("../../common/button/UpdateButtonTable.cjs.js"),tr=require("../../common/button/ViewButtonTable.cjs.js"),sr=require("../../common/table/table.cjs.js"),j=require("react"),ur=require("react-i18next"),nr=require("../../locale/hooks/translation-constants.cjs.js"),or=require("../CrudSearchComponent.cjs.js"),cr=require("./CrudDecListView.cjs.js"),O=require("./CrudViewerUtil.cjs.js"),lr=require("../../common/layout/VerticalSpace.cjs.js");function ar({idField:s="id",loadingData:z,fields:l,isDeleting:T,isHiding:m,viewable:o=!1,paginateProps:h,onDelete:q,onHide:y,onUpdate:v,data:x=[],extraAction:i,onClickUpdate:c,minusHeight:R,scroll:_,onClickClone:B,className:$,expandable:w,size:A,bordered:G,descListColumn:J,extraView:S,decListLayout:K,scrollToTop:jr,onClickRefresh:I,closeViewOnClickUpdate:V,onExport:g,confirmHiding:M,confirmDeleting:d,rowClassName:Q,actionWidth:W=190,...X}){const{t:Y}=ur.useTranslation(nr.TRANSLATION_NAMESPACE),E=j.useMemo(()=>l.map(({hideInTable:e,hidden:t,width:a,name:n,label:D,halign:P,...N})=>({title:D,width:a,key:n,dataIndex:n,hidden:e||t,align:P??(N.type==="number"?"right":void 0),render:O.getRendererValueCrudViewer(N)})),[l]),[u,f]=j.useState(),[b,C]=j.useState();j.useEffect(()=>{x&&f(e=>{if(e)return x.find(t=>t[s]===e[s])})},[x,s,u]);const L=j.useCallback(e=>{var a;const t=i==null?void 0:i(e);return(Array.isArray(t)?(a=t==null?void 0:t.filter(Boolean))!=null&&a.length:t)||v||c||B||q?r.jsxs(r.Fragment,{children:[t,(v||c)&&r.jsx(er,{value:e,onClick:n=>{C(n[s]),c==null||c(e),V&&f(void 0)}}),B&&r.jsx(H,{value:e,onClick:n=>B(n)}),g&&r.jsx(U.ExportButton,{value:e,onClick:async n=>await g(n)}),y&&r.jsx(F,{value:e,disabled:m,shouldConfirm:M,loading:m&&e[s]===b,onClick:async n=>{C(n[s]),await y({[s]:n[s]})}}),q&&r.jsx(p,{value:e,disabled:T,shouldConfirm:d,loading:T&&e[s]===b,onClick:async n=>{C(n[s]),await q({[s]:n[s]})}})]}):void 0},[V,d,M,i,s,T,m,B,c,q,g,y,v,b]),Z=j.useMemo(()=>{let e=typeof o=="string"?u==null?void 0:u[o]:void 0;if(typeof e=="object"){const t=l.find(a=>a.name===o);e=O.getRendererValueCrudViewer(t)(e,u,0)}return e},[o,u,l]);return r.jsxs("div",{children:[o&&r.jsx(k.Modal,{width:"100%",open:!!u,title:Z??r.jsx("div",{children:" "}),footer:r.jsx(r.Fragment,{}),closable:!0,onCancel:()=>f(void 0),children:!!u&&r.jsxs("div",{children:[r.jsx(cr.CrudDecListView,{layout:K,descListColumn:J,data:u,fields:l,action:L(u)}),S==null?void 0:S(u)]},u==null?void 0:u[s])}),r.jsx(or,{fields:l,...X}),r.jsxs(lr,{children:[!!I&&r.jsx(rr.RefreshButton,{onClick:I}),r.jsx(sr,{rowClassName:Q,className:$,scroll:_??(R?{y:`calc(100vh - ${R})`}:void 0),id:"crud-table",dataSource:x,loading:z,bordered:G,size:A,expandable:w,pagination:h?{total:h.count,onChange:h.setPage,current:h.page,pageSize:h.pageSize}:void 0,columns:v||c||q||i||o?[...E,{title:Y("str.action"),dataIndex:"",fixed:"right",width:W,render:(e,t)=>r.jsxs(r.Fragment,{children:[o&&r.jsx(tr,{value:t,onClick:f}),L(t)]})}]:E})]})]})}module.exports=ar;
+"use strict";const r=require("react/jsx-runtime"),A=require("antd"),H=require("../../common/button/CloneButtonTable.cjs.js"),p=require("../../common/button/DeleteButtonTable.cjs.js"),U=require("../../common/button/ExportButton.cjs.js"),F=require("../../common/button/HideButtonTable.cjs.js"),rr=require("../../common/button/RefreshButton.cjs.js"),er=require("../../common/button/UpdateButtonTable.cjs.js"),tr=require("../../common/button/ViewButtonTable.cjs.js"),ur=require("../../common/table/table.cjs.js"),j=require("react"),sr=require("../../locale/index.cjs.js"),nr=require("../CrudSearchComponent.cjs.js"),or=require("./CrudDecListView.cjs.js"),E=require("./CrudViewerUtil.cjs.js"),cr=require("../../common/layout/VerticalSpace.cjs.js");function lr({idField:u="id",loadingData:_,fields:l,isDeleting:m,isHiding:y,viewable:o=!1,paginateProps:h,onDelete:q,onHide:T,onUpdate:v,data:x=[],extraAction:i,onClickUpdate:c,minusHeight:C,scroll:$,onClickClone:B,className:w,expandable:G,size:J,bordered:K,descListColumn:N,extraView:b,decListLayout:Q,scrollToTop:ar,onClickRefresh:V,closeViewOnClickUpdate:d,onExport:g,confirmHiding:I,confirmDeleting:L,rowClassName:W,actionWidth:X=190,...Y}){const{t:Z}=sr.useTranslationLib(),M=j.useMemo(()=>l.map(({hideInTable:e,hidden:t,width:a,name:n,label:P,halign:k,...O})=>({title:P,width:a,key:n,dataIndex:n,hidden:e||t,align:k??(O.type==="number"?"right":void 0),render:E.getRendererValueCrudViewer(O)})),[l]),[s,f]=j.useState(),[S,R]=j.useState();j.useEffect(()=>{x&&f(e=>{if(e)return x.find(t=>t[u]===e[u])})},[x,u,s]);const z=j.useCallback(e=>{var a;const t=i==null?void 0:i(e);return(Array.isArray(t)?(a=t==null?void 0:t.filter(Boolean))!=null&&a.length:t)||v||c||B||q?r.jsxs(r.Fragment,{children:[t,(v||c)&&r.jsx(er,{value:e,onClick:n=>{R(n[u]),c==null||c(e),d&&f(void 0)}}),B&&r.jsx(H,{value:e,onClick:n=>B(n)}),g&&r.jsx(U.ExportButton,{value:e,onClick:async n=>await g(n)}),T&&r.jsx(F,{value:e,disabled:y,shouldConfirm:I,loading:y&&e[u]===S,onClick:async n=>{R(n[u]),await T({[u]:n[u]})}}),q&&r.jsx(p,{value:e,disabled:m,shouldConfirm:L,loading:m&&e[u]===S,onClick:async n=>{R(n[u]),await q({[u]:n[u]})}})]}):void 0},[d,L,I,i,u,m,y,B,c,q,g,T,v,S]),D=j.useMemo(()=>{let e=typeof o=="string"?s==null?void 0:s[o]:void 0;if(typeof e=="object"){const t=l.find(a=>a.name===o);e=E.getRendererValueCrudViewer(t)(e,s,0)}return e},[o,s,l]);return r.jsxs("div",{children:[o&&r.jsx(A.Modal,{width:"100%",open:!!s,title:D??r.jsx("div",{children:" "}),footer:r.jsx(r.Fragment,{}),closable:!0,onCancel:()=>f(void 0),children:!!s&&r.jsxs("div",{children:[r.jsx(or.CrudDecListView,{layout:Q,descListColumn:N,data:s,fields:l,action:z(s)}),b==null?void 0:b(s)]},s==null?void 0:s[u])}),r.jsx(nr,{fields:l,...Y}),r.jsxs(cr,{children:[!!V&&r.jsx(rr.RefreshButton,{onClick:V}),r.jsx(ur,{rowClassName:W,className:w,scroll:$??(C?{y:`calc(100vh - ${C})`}:void 0),id:"crud-table",dataSource:x,loading:_,bordered:K,size:J,expandable:G,pagination:h?{total:h.count,onChange:h.setPage,current:h.page,pageSize:h.pageSize}:void 0,columns:v||c||q||i||o?[...M,{title:Z("str.action"),dataIndex:"",fixed:"right",width:X,render:(e,t)=>r.jsxs(r.Fragment,{children:[o&&r.jsx(tr,{value:t,onClick:f}),z(t)]})}]:M})]})]})}module.exports=lr;

package/crud/view/CrudViewer.es.js

@@ -1,106 +1,105 @@
-import { jsxs as v, Fragment as M, jsx as n } from "react/jsx-runtime";
+import { jsxs as v, Fragment as z, jsx as n } from "react/jsx-runtime";
 import { Modal as U } from "antd";
 import F from "../../common/button/CloneButtonTable.es.js";
 import rr from "../../common/button/DeleteButtonTable.es.js";
 import { ExportButton as or } from "../../common/button/ExportButton.es.js";
 import tr from "../../common/button/HideButtonTable.es.js";
-import { RefreshButton as mr } from "../../common/button/RefreshButton.es.js";
-import ur from "../../common/button/UpdateButtonTable.es.js";
+import { RefreshButton as ur } from "../../common/button/RefreshButton.es.js";
+import mr from "../../common/button/UpdateButtonTable.es.js";
 import nr from "../../common/button/ViewButtonTable.es.js";
-import fr from "../../common/table/table.es.js";
-import { useMemo as $, useState as q, useEffect as cr, useCallback as er } from "react";
-import { useTranslation as lr } from "react-i18next";
-import { TRANSLATION_NAMESPACE as sr } from "../../locale/hooks/translation-constants.es.js";
-import hr from "../CrudSearchComponent.es.js";
-import { CrudDecListView as ar } from "./CrudDecListView.es.js";
-import { getRendererValueCrudViewer as A } from "./CrudViewerUtil.es.js";
-import vr from "../../common/layout/VerticalSpace.es.js";
-function _r({
+import cr from "../../common/table/table.es.js";
+import { useMemo as E, useState as G, useEffect as er, useCallback as fr } from "react";
+import { useTranslationLib as lr } from "../../locale/index.es.js";
+import sr from "../CrudSearchComponent.es.js";
+import { CrudDecListView as hr } from "./CrudDecListView.es.js";
+import { getRendererValueCrudViewer as J } from "./CrudViewerUtil.es.js";
+import ar from "../../common/layout/VerticalSpace.es.js";
+function Vr({
   idField: t = "id",
-  loadingData: G,
-  fields: e,
-  isDeleting: S,
-  isHiding: b,
-  viewable: f = !1,
+  loadingData: K,
+  fields: f,
+  isDeleting: p,
+  isHiding: i,
+  viewable: c = !1,
   paginateProps: s,
   onDelete: h,
-  onHide: i,
-  onUpdate: T,
-  data: y = [],
+  onHide: S,
+  onUpdate: y,
+  data: B = [],
   extraAction: a,
-  onClickUpdate: c,
-  minusHeight: N,
-  scroll: J,
-  onClickClone: B,
-  className: K,
-  expandable: Q,
-  size: W,
-  bordered: X,
-  descListColumn: Y,
+  onClickUpdate: e,
+  minusHeight: L,
+  scroll: N,
+  onClickClone: T,
+  className: Q,
+  expandable: W,
+  size: X,
+  bordered: Y,
+  descListColumn: Z,
   extraView: g,
-  decListLayout: Z,
-  scrollToTop: Tr,
-  onClickRefresh: O,
-  closeViewOnClickUpdate: R,
+  decListLayout: d,
+  scrollToTop: vr,
+  onClickRefresh: M,
+  closeViewOnClickUpdate: O,
   onExport: I,
-  confirmHiding: z,
-  confirmDeleting: E,
-  rowClassName: d,
-  actionWidth: P = 190,
-  ...w
+  confirmHiding: R,
+  confirmDeleting: V,
+  rowClassName: w,
+  actionWidth: D = 190,
+  ...P
 }) {
-  const { t: D } = lr(sr), L = $(
-    () => e.map(
-      ({ hideInTable: r, hidden: o, width: l, name: u, label: H, halign: x, ...V }) => ({
+  const { t: k } = lr(), _ = E(
+    () => f.map(
+      ({ hideInTable: r, hidden: o, width: l, name: m, label: H, halign: x, ...q }) => ({
         title: H,
         width: l,
-        key: u,
-        dataIndex: u,
+        key: m,
+        dataIndex: m,
         hidden: r || o,
-        align: x ?? (V.type === "number" ? "right" : void 0),
-        render: A(V)
+        align: x ?? (q.type === "number" ? "right" : void 0),
+        render: J(q)
       })
     ),
-    [e]
-  ), [m, p] = q(), [C, j] = q();
-  cr(() => {
-    y && p((r) => {
+    [f]
+  ), [u, b] = G(), [j, C] = G();
+  er(() => {
+    B && b((r) => {
       if (r)
-        return y.find((o) => o[t] === r[t]);
+        return B.find((o) => o[t] === r[t]);
     });
-  }, [y, t, m]);
-  const _ = er(
+  }, [B, t, u]);
+  const $ = fr(
     (r) => {
       var l;
       const o = a == null ? void 0 : a(r);
-      return (Array.isArray(o) ? (l = o == null ? void 0 : o.filter(Boolean)) != null && l.length : o) || T || c || B || h ? /* @__PURE__ */ v(M, { children: [
+      return (Array.isArray(o) ? (l = o == null ? void 0 : o.filter(Boolean)) != null && l.length : o) || y || e || T || h ? /* @__PURE__ */ v(z, { children: [
         o,
-        (T || c) && /* @__PURE__ */ n(
-          ur,
+        (y || e) && /* @__PURE__ */ n(
+          mr,
           {
             value: r,
-            onClick: (u) => {
-              j(u[t]), c == null || c(r), R && p(void 0);
+            onClick: (m) => {
+              C(m[t]), e == null || e(r), O && b(void 0);
             }
           }
         ),
-        B && /* @__PURE__ */ n(F, { value: r, onClick: (u) => B(u) }),
+        T && /* @__PURE__ */ n(F, { value: r, onClick: (m) => T(m) }),
         I && /* @__PURE__ */ n(
           or,
           {
             value: r,
-            onClick: async (u) => await I(u)
+            onClick: async (m) => await I(m)
           }
         ),
-        i && /* @__PURE__ */ n(
+        S && /* @__PURE__ */ n(
           tr,
           {
             value: r,
-            disabled: b,
-            shouldConfirm: z,
-            loading: b && r[t] === C,
-            onClick: async (u) => {
-              j(u[t]), await i({ [t]: u[t] });
+            disabled: i,
+            shouldConfirm: R,
+            loading: i && r[t] === j,
+            onClick: async (m) => {
+              C(m[t]), await S({ [t]: m[t] });
             }
           }
         ),
@@ -108,110 +107,110 @@ function _r({
           rr,
           {
             value: r,
-            disabled: S,
-            shouldConfirm: E,
-            loading: S && r[t] === C,
-            onClick: async (u) => {
-              j(u[t]), await h({ [t]: u[t] });
+            disabled: p,
+            shouldConfirm: V,
+            loading: p && r[t] === j,
+            onClick: async (m) => {
+              C(m[t]), await h({ [t]: m[t] });
             }
           }
         )
       ] }) : void 0;
     },
     [
+      O,
+      V,
       R,
-      E,
-      z,
       a,
       t,
-      S,
-      b,
-      B,
-      c,
-      h,
-      I,
+      p,
       i,
       T,
-      C
+      e,
+      h,
+      I,
+      S,
+      y,
+      j
     ]
-  ), k = $(() => {
-    let r = typeof f == "string" ? m == null ? void 0 : m[f] : void 0;
+  ), A = E(() => {
+    let r = typeof c == "string" ? u == null ? void 0 : u[c] : void 0;
     if (typeof r == "object") {
-      const o = e.find((l) => l.name === f);
-      r = A(o)(
+      const o = f.find((l) => l.name === c);
+      r = J(o)(
         r,
-        m,
+        u,
         0
       );
     }
     return r;
-  }, [f, m, e]);
+  }, [c, u, f]);
   return /* @__PURE__ */ v("div", { children: [
-    f && /* @__PURE__ */ n(
+    c && /* @__PURE__ */ n(
       U,
       {
         width: "100%",
-        open: !!m,
-        title: k ?? /* @__PURE__ */ n("div", { children: " " }),
-        footer: /* @__PURE__ */ n(M, {}),
+        open: !!u,
+        title: A ?? /* @__PURE__ */ n("div", { children: " " }),
+        footer: /* @__PURE__ */ n(z, {}),
         closable: !0,
-        onCancel: () => p(void 0),
-        children: !!m && /* @__PURE__ */ v("div", { children: [
+        onCancel: () => b(void 0),
+        children: !!u && /* @__PURE__ */ v("div", { children: [
           /* @__PURE__ */ n(
-            ar,
+            hr,
             {
-              layout: Z,
-              descListColumn: Y,
-              data: m,
-              fields: e,
-              action: _(m)
+              layout: d,
+              descListColumn: Z,
+              data: u,
+              fields: f,
+              action: $(u)
             }
           ),
-          g == null ? void 0 : g(m)
-        ] }, m == null ? void 0 : m[t])
+          g == null ? void 0 : g(u)
+        ] }, u == null ? void 0 : u[t])
       }
     ),
-    /* @__PURE__ */ n(hr, { fields: e, ...w }),
-    /* @__PURE__ */ v(vr, { children: [
-      !!O && /* @__PURE__ */ n(mr, { onClick: O }),
+    /* @__PURE__ */ n(sr, { fields: f, ...P }),
+    /* @__PURE__ */ v(ar, { children: [
+      !!M && /* @__PURE__ */ n(ur, { onClick: M }),
       /* @__PURE__ */ n(
-        fr,
+        cr,
         {
-          rowClassName: d,
-          className: K,
-          scroll: J ?? (N ? {
-            y: `calc(100vh - ${N})`
+          rowClassName: w,
+          className: Q,
+          scroll: N ?? (L ? {
+            y: `calc(100vh - ${L})`
           } : void 0),
           id: "crud-table",
-          dataSource: y,
-          loading: G,
-          bordered: X,
-          size: W,
-          expandable: Q,
+          dataSource: B,
+          loading: K,
+          bordered: Y,
+          size: X,
+          expandable: W,
           pagination: s ? {
             total: s.count,
             onChange: s.setPage,
             current: s.page,
             pageSize: s.pageSize
           } : void 0,
-          columns: T || c || h || a || f ? [
-            ...L,
+          columns: y || e || h || a || c ? [
+            ..._,
             {
-              title: D("str.action"),
+              title: k("str.action"),
               dataIndex: "",
               fixed: "right",
-              width: P,
-              render: (r, o) => /* @__PURE__ */ v(M, { children: [
-                f && /* @__PURE__ */ n(nr, { value: o, onClick: p }),
-                _(o)
+              width: D,
+              render: (r, o) => /* @__PURE__ */ v(z, { children: [
+                c && /* @__PURE__ */ n(nr, { value: o, onClick: b }),
+                $(o)
               ] })
             }
-          ] : L
+          ] : _
         }
       )
     ] })
   ] });
 }
 export {
-  _r as default
+  Vr as default
 };