@kingteza/crud-component 1.0.14 → 1.0.16

package/dist/components/crud/import/CrudImportComponent.js

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

package/dist/components/crud/view/CrudDecListView.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../_virtual/jsx-runtime.cjs"),R=require("../../common/description/DescList.cjs"),b=require("react"),g=require("../../../locale/hooks/translation-constants.cjs"),p=require("./CrudViewerUtil.cjs"),q=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs");function C({className:l,fields:u,data:e,descListColumn:c={xs:1,md:3,sm:2,lg:4},layout:m,action:t,keepEmptyValues:x}){const{t:i}=q.useTranslation(g.TRANSLATION_NAMESPACE),j=b.useMemo(()=>{const o=u.filter(({hidden:r,hideInDescList:s})=>!r&&!s).map((r,s)=>({label:r.label,noFormatting:!0,value:p.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.jsxRuntimeExports.jsx(R,{keepEmptyValues:x,bordered:!0,column:c,className:l,layout:m,list:j}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{})}exports.CrudDecListView=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),q=require("../../common/description/DescList.cjs"),C=require("react"),f=require("react-i18next"),x=require("../../../locale/hooks/translation-constants.cjs"),V=require("./CrudViewerUtil.cjs");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;

package/dist/components/crud/view/CrudDecListView.js

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

package/dist/components/crud/view/CrudViewer.cjs

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