@kingteza/crud-component 1.0.5 → 1.0.9

package/dist/src/components/crud/FileCrudField.js

@@ -1,22 +1,24 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 /* empty css          */
-import { Form as F, Upload as W, Modal as z } from "antd";
 import M from "../../../node_modules/mime/dist/src/index.js";
 import { useState as d, useCallback as N, useEffect as S, useMemo as E } from "react";
-import { TRANSLATION_NAMESPACE as G } from "../../locale/hooks/translation-constants.js";
-import J from "../../util/ValidationUtil.js";
+import { useTranslation as H } from "react-i18next";
+import { TRANSLATION_NAMESPACE as W } from "../../locale/hooks/translation-constants.js";
+import z from "../../util/ValidationUtil.js";
 import g from "../common/button/Button.js";
-import K from "../common/layout/VerticalSpace.js";
-import Q from "../../../node_modules/@ant-design/icons/es/icons/FileOutlined.js";
-import X from "../../../node_modules/@ant-design/icons/es/icons/FilePptOutlined.js";
-import Y from "../../../node_modules/@ant-design/icons/es/icons/FileExcelOutlined.js";
-import Z from "../../../node_modules/@ant-design/icons/es/icons/FileTextOutlined.js";
-import m from "../../../node_modules/@ant-design/icons/es/icons/FileWordOutlined.js";
+import G from "../common/layout/VerticalSpace.js";
+import F from "../../../node_modules/antd/es/form/index.js";
+import J from "../../../node_modules/antd/es/upload/index.js";
+import K from "../../../node_modules/@ant-design/icons/es/icons/FileOutlined.js";
+import Q from "../../../node_modules/@ant-design/icons/es/icons/FilePptOutlined.js";
+import X from "../../../node_modules/@ant-design/icons/es/icons/FileExcelOutlined.js";
+import Y from "../../../node_modules/@ant-design/icons/es/icons/FileTextOutlined.js";
+import Z from "../../../node_modules/@ant-design/icons/es/icons/FileWordOutlined.js";
 import v from "../../../node_modules/@ant-design/icons/es/icons/FilePdfOutlined.js";
 import y from "../../../node_modules/@ant-design/icons/es/icons/FileImageOutlined.js";
-import { useTranslation as T } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import T from "../../../node_modules/antd/es/modal/index.js";
 import tt from "../../../node_modules/@ant-design/icons/es/icons/ExportOutlined.js";
-function It({
+function Pt({
   name: o,
   label: t,
   required: r,
@@ -30,13 +32,13 @@ function It({
   block: k,
   ...O
 }) {
-  const u = F.useFormInstance(), h = F.useWatch(o, u), [P, $] = d(!1), [R, _] = d(!1), L = N(
+  const u = F.useFormInstance(), h = F.useWatch(o, u), [P, $] = d(!1), [R, _] = d(!1), m = N(
     async (n) => {
       var c, a;
       try {
         const { file: i } = n, j = i.name;
         $(!0), _(!0), l == null || l(!0);
-        const w = j ?? "", b = w.split("."), B = b[b.length - 1], H = s.generateFileName(w), A = `${await s.getInitialPath()}/${H}.${B}`;
+        const w = j ?? "", b = w.split("."), q = b[b.length - 1], B = s.generateFileName(w), A = `${await s.getInitialPath()}/${B}.${q}`;
         console.log({ filePath: A });
         const D = await s.upload(
           { ...i, originFileObj: i },
@@ -69,7 +71,7 @@ function It({
       return console.log(c), c;
     }));
   }, [h, R, P, s]);
-  const q = N(
+  const L = N(
     async (n) => {
       const c = n.response, a = c || u.getFieldValue(o);
       await s.delete(a), f == null || f(), n && u.setFieldsValue({ [o]: null });
@@ -84,20 +86,20 @@ function It({
       name: o,
       className: x,
       rules: [
-        ...r ? J.required(t) : [],
+        ...r ? z.required(t) : [],
         ...U ?? []
       ],
       children: [
         /* @__PURE__ */ e.jsx("input", { hidden: !0 }),
         /* @__PURE__ */ e.jsx(
-          W,
+          J,
           {
             ...O,
             fileList: p,
             className: ((p == null ? void 0 : p.length) ?? 0) >= C ? "hide-upload" : "",
             maxCount: C,
-            customRequest: L,
-            onRemove: q,
+            customRequest: m,
+            onRemove: L,
             listType: "picture",
             onChange: ({ fileList: n }) => {
               V(n);
@@ -110,7 +112,7 @@ function It({
     }
   );
 }
-const Ct = ({ provider: o, value: t }) => {
+const $t = ({ provider: o, value: t }) => {
   const [r, s] = d();
   return S(() => {
     t && o.getRealUrl(t).then((l) => {
@@ -136,20 +138,20 @@ const Ct = ({ provider: o, value: t }) => {
       case "pdf":
         return /* @__PURE__ */ e.jsx(v, {});
       case "word":
-        return /* @__PURE__ */ e.jsx(m, {});
-      case "text":
         return /* @__PURE__ */ e.jsx(Z, {});
-      case "excel":
+      case "text":
         return /* @__PURE__ */ e.jsx(Y, {});
-      case "presentation":
+      case "excel":
         return /* @__PURE__ */ e.jsx(X, {});
-      default:
+      case "presentation":
         return /* @__PURE__ */ e.jsx(Q, {});
+      default:
+        return /* @__PURE__ */ e.jsx(K, {});
     }
-  }, [s]), [f, x] = d(!1), { t: I } = T(G);
+  }, [s]), [f, x] = d(!1), { t: I } = H(W);
   return s !== "file" && s !== "text" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      z,
+      T,
       {
         open: f,
         title: r,
@@ -158,7 +160,7 @@ const Ct = ({ provider: o, value: t }) => {
         width: "100%",
         style: { top: "8px", minHeight: "700px" },
         destroyOnClose: !0,
-        children: /* @__PURE__ */ e.jsxs(K, { children: [
+        children: /* @__PURE__ */ e.jsxs(G, { children: [
           /* @__PURE__ */ e.jsx(
             g,
             {
@@ -222,6 +224,6 @@ const Ct = ({ provider: o, value: t }) => {
 };
 export {
   et as FileCellValue,
-  Ct as FileCrudCellValue,
-  It as default
+  $t as FileCrudCellValue,
+  Pt as default
 };

package/dist/src/components/crud/ImageCrudField.cjs

@@ -1 +1 @@
-"use strict";var S=Object.defineProperty;var _=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;var d=(e,a,t)=>_(e,typeof a!="symbol"?a+"":a,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../../_virtual/jsx-runtime.cjs");;/* empty css            */const u=require("antd"),I=require("../../../_virtual/index.cjs"),i=require("react"),O=require("../../util/NumberUtil.cjs"),k=require("../../util/ValidationUtil.cjs"),A=require("../common/picker/ImagePicker.cjs"),D=require("../../../node_modules/uuid/dist/esm-browser/v4.cjs"),M=require("../../../node_modules/@ant-design/icons/es/icons/EyeOutlined.cjs");class p{}class T extends p{constructor(t="",s=""){super();d(this,"rootPath");d(this,"subPath");this.rootPath=t,this.subPath=s}cloneFilePath(t){const s=I.parse(t),r=`${s.name}_cloned_${O.default.randInt(1e5)}`;return I.format({dir:s.dir,ext:s.ext,name:r})}generateFileName(t){return`${t.split(".")[0]}_${D().replace("-","")}`}}function W({name:e,label:a,required:t,provider:s,onUploading:r,aspectRatio:h,onRemoved:o,fieldClassName:g,hideLabel:q=!1,listType:w}){const c=u.Form.useFormInstance(),f=u.Form.useWatch(e,c),[F,C]=i.useState(!1),P=i.useCallback(async(n,N)=>{if(N){r==null||r(!0);const m=n.name,x=m.split("."),V=x[x.length-1],y=s.generateFileName(m),$=`${await s.getInitialPath()}/${y}.${V}`,b=await s.upload(n,$);C(!0),r==null||r(!1),c.setFieldValue(e,b)}else{console.log(n);const m=c.getFieldsValue(),x=await s.delete(m[e]);o==null||o(),x&&c.setFieldsValue({[e]:null})}},[c,e,o,r,s]),[j,E]=i.useState();return i.useEffect(()=>{!F&&f?s.getRealUrl(f).then(E):E(j)},[f,F,s,j]),l.jsxRuntimeExports.jsx(l.jsxRuntimeExports.Fragment,{children:l.jsxRuntimeExports.jsxs(u.Form.Item,{rules:t?k.required(a):[],label:q?null:a,required:t,name:e,children:[l.jsxRuntimeExports.jsx(A.default,{noStyle:!0,listType:w,aspectRatio:h,values:j,onRemove:n=>{n&&P(n,!1)},onAdd:async n=>{n&&await P(n,!0)},className:g}),l.jsxRuntimeExports.jsx(u.Input,{hidden:!0})]})})}const z=({provider:e,value:a})=>{const[t,s]=i.useState();return i.useEffect(()=>{a&&e.getRealUrl(a).then(s)},[e,a]),t?l.jsxRuntimeExports.jsx(R,{url:t}):l.jsxRuntimeExports.jsx(l.jsxRuntimeExports.Fragment,{})},R=({url:e})=>l.jsxRuntimeExports.jsx(u.Avatar,{className:"p-0",children:l.jsxRuntimeExports.jsx(u.Image,{className:"m-0 p-0 position-relative",src:e,preview:{mask:l.jsxRuntimeExports.jsx(M,{})}})});exports.FileDownloadProvider=p;exports.FileUploadProvider=T;exports.ImageCellValue=R;exports.ImageCrudCellValue=z;exports.default=W;
+"use strict";var S=Object.defineProperty;var _=(e,l,t)=>l in e?S(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t;var d=(e,l,t)=>_(e,typeof l!="symbol"?l+"":l,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../_virtual/jsx-runtime.cjs");;/* empty css            */const q=require("../../../_virtual/index.cjs"),n=require("react"),O=require("../../util/NumberUtil.cjs"),k=require("../../util/ValidationUtil.cjs"),D=require("../common/picker/ImagePicker.cjs"),j=require("../../../node_modules/antd/es/form/index.cjs"),M=require("../../../node_modules/antd/es/input/index.cjs"),A=require("../../../node_modules/uuid/dist/esm-browser/v4.cjs"),T=require("../../../node_modules/antd/es/avatar/index.cjs"),W=require("../../../node_modules/antd/es/image/index.cjs"),z=require("../../../node_modules/@ant-design/icons/es/icons/EyeOutlined.cjs");class I{}class B extends I{constructor(t="",s=""){super();d(this,"rootPath");d(this,"subPath");this.rootPath=t,this.subPath=s}cloneFilePath(t){const s=q.default.parse(t),r=`${s.name}_cloned_${O.default.randInt(1e5)}`;return q.default.format({dir:s.dir,ext:s.ext,name:r})}generateFileName(t){return`${t.split(".")[0]}_${A.default().replace("-","")}`}}function G({name:e,label:l,required:t,provider:s,onUploading:r,aspectRatio:h,onRemoved:c,fieldClassName:R,hideLabel:$=!1,listType:w}){const i=j.default.useFormInstance(),x=j.default.useWatch(e,i),[F,C]=n.useState(!1),P=n.useCallback(async(u,N)=>{if(N){r==null||r(!0);const o=u.name,f=o.split("."),V=f[f.length-1],g=s.generateFileName(o),y=`${await s.getInitialPath()}/${g}.${V}`,b=await s.upload(u,y);C(!0),r==null||r(!1),i.setFieldValue(e,b)}else{console.log(u);const o=i.getFieldsValue(),f=await s.delete(o[e]);c==null||c(),f&&i.setFieldsValue({[e]:null})}},[i,e,c,r,s]),[m,E]=n.useState();return n.useEffect(()=>{!F&&x?s.getRealUrl(x).then(E):E(m)},[x,F,s,m]),a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:a.jsxRuntimeExports.jsxs(j.default.Item,{rules:t?k.default.required(l):[],label:$?null:l,required:t,name:e,children:[a.jsxRuntimeExports.jsx(D.default,{noStyle:!0,listType:w,aspectRatio:h,values:m,onRemove:u=>{u&&P(u,!1)},onAdd:async u=>{u&&await P(u,!0)},className:R}),a.jsxRuntimeExports.jsx(M.default,{hidden:!0})]})})}const H=({provider:e,value:l})=>{const[t,s]=n.useState();return n.useEffect(()=>{l&&e.getRealUrl(l).then(s)},[e,l]),t?a.jsxRuntimeExports.jsx(p,{url:t}):a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{})},p=({url:e})=>a.jsxRuntimeExports.jsx(T.default,{className:"p-0",children:a.jsxRuntimeExports.jsx(W.default,{className:"m-0 p-0 position-relative",src:e,preview:{mask:a.jsxRuntimeExports.jsx(z.default,{})}})});exports.FileDownloadProvider=I;exports.FileUploadProvider=B;exports.ImageCellValue=p;exports.ImageCrudCellValue=H;exports.default=G;

package/dist/src/components/crud/ImageCrudField.js

@@ -1,19 +1,22 @@
 var A = Object.defineProperty;
 var E = (e, a, t) => a in e ? A(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
 var h = (e, a, t) => E(e, typeof a != "symbol" ? a + "" : a, t);
-import { j as l } from "../../../_virtual/jsx-runtime.js";
+import { j as r } from "../../../_virtual/jsx-runtime.js";
 /* empty css          */
-import { Form as x, Input as O, Avatar as S, Image as D } from "antd";
 import N from "../../../_virtual/index.js";
-import { useState as F, useCallback as W, useEffect as w } from "react";
-import q from "../../util/NumberUtil.js";
-import z from "../../util/ValidationUtil.js";
-import B from "../common/picker/ImagePicker.js";
-import G from "../../../node_modules/uuid/dist/esm-browser/v4.js";
+import { useState as F, useCallback as O, useEffect as w } from "react";
+import S from "../../util/NumberUtil.js";
+import D from "../../util/ValidationUtil.js";
+import W from "../common/picker/ImagePicker.js";
+import x from "../../../node_modules/antd/es/form/index.js";
+import q from "../../../node_modules/antd/es/input/index.js";
+import z from "../../../node_modules/uuid/dist/esm-browser/v4.js";
+import B from "../../../node_modules/antd/es/avatar/index.js";
+import G from "../../../node_modules/antd/es/image/index.js";
 import H from "../../../node_modules/@ant-design/icons/es/icons/EyeOutlined.js";
 class J {
 }
-class te extends J {
+class re extends J {
   constructor(t = "", s = "") {
     super();
     h(this, "rootPath");
@@ -21,93 +24,93 @@ class te extends J {
     this.rootPath = t, this.subPath = s;
   }
   cloneFilePath(t) {
-    const s = N.parse(t), r = `${s.name}_cloned_${q.randInt(1e5)}`;
+    const s = N.parse(t), l = `${s.name}_cloned_${S.randInt(1e5)}`;
     return N.format({
       dir: s.dir,
       ext: s.ext,
-      name: r
+      name: l
     });
   }
   generateFileName(t) {
-    return `${t.split(".")[0]}_${G().replace("-", "")}`;
+    return `${t.split(".")[0]}_${z().replace("-", "")}`;
   }
 }
-function se({
+function le({
   name: e,
   label: a,
   required: t,
   provider: s,
-  onUploading: r,
-  aspectRatio: I,
-  onRemoved: c,
+  onUploading: l,
+  aspectRatio: p,
+  onRemoved: m,
   fieldClassName: d,
   hideLabel: V = !1,
   listType: C
 }) {
-  const i = x.useFormInstance(), u = x.useWatch(e, i), [P, $] = F(!1), p = W(
-    async (n, g) => {
+  const n = x.useFormInstance(), u = x.useWatch(e, n), [I, $] = F(!1), P = O(
+    async (i, g) => {
       if (g) {
-        r == null || r(!0);
-        const m = n.name, o = m.split("."), y = o[o.length - 1], b = s.generateFileName(m), k = `${await s.getInitialPath()}/${b}.${y}`, _ = await s.upload(n, k);
-        $(!0), r == null || r(!1), i.setFieldValue(e, _);
+        l == null || l(!0);
+        const o = i.name, c = o.split("."), y = c[c.length - 1], b = s.generateFileName(o), k = `${await s.getInitialPath()}/${b}.${y}`, _ = await s.upload(i, k);
+        $(!0), l == null || l(!1), n.setFieldValue(e, _);
       } else {
-        console.log(n);
-        const m = i.getFieldsValue(), o = await s.delete(m[e]);
-        c == null || c(), o && i.setFieldsValue({ [e]: null });
+        console.log(i);
+        const o = n.getFieldsValue(), c = await s.delete(o[e]);
+        m == null || m(), c && n.setFieldsValue({ [e]: null });
       }
     },
-    [i, e, c, r, s]
+    [n, e, m, l, s]
   ), [f, j] = F();
   return w(() => {
-    !P && u ? s.getRealUrl(u).then(j) : j(f);
-  }, [u, P, s, f]), /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs(
+    !I && u ? s.getRealUrl(u).then(j) : j(f);
+  }, [u, I, s, f]), /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(
     x.Item,
     {
-      rules: t ? z.required(a) : [],
+      rules: t ? D.required(a) : [],
       label: V ? null : a,
       required: t,
       name: e,
       children: [
-        /* @__PURE__ */ l.jsx(
-          B,
+        /* @__PURE__ */ r.jsx(
+          W,
           {
             noStyle: !0,
             listType: C,
-            aspectRatio: I,
+            aspectRatio: p,
             values: f,
-            onRemove: (n) => {
-              n && p(n, !1);
+            onRemove: (i) => {
+              i && P(i, !1);
             },
-            onAdd: async (n) => {
-              n && await p(n, !0);
+            onAdd: async (i) => {
+              i && await P(i, !0);
             },
             className: d
           }
         ),
-        /* @__PURE__ */ l.jsx(O, { hidden: !0 })
+        /* @__PURE__ */ r.jsx(q, { hidden: !0 })
       ]
     }
   ) });
 }
-const ae = ({ provider: e, value: a }) => {
+const ie = ({ provider: e, value: a }) => {
   const [t, s] = F();
   return w(() => {
     a && e.getRealUrl(a).then(s);
-  }, [e, a]), t ? /* @__PURE__ */ l.jsx(K, { url: t }) : /* @__PURE__ */ l.jsx(l.Fragment, {});
-}, K = ({ url: e }) => /* @__PURE__ */ l.jsx(S, { className: "p-0", children: /* @__PURE__ */ l.jsx(
-  D,
+  }, [e, a]), t ? /* @__PURE__ */ r.jsx(K, { url: t }) : /* @__PURE__ */ r.jsx(r.Fragment, {});
+}, K = ({ url: e }) => /* @__PURE__ */ r.jsx(B, { className: "p-0", children: /* @__PURE__ */ r.jsx(
+  G,
   {
     className: "m-0 p-0 position-relative",
     src: e,
     preview: {
-      mask: /* @__PURE__ */ l.jsx(H, {})
+      mask: /* @__PURE__ */ r.jsx(H, {})
     }
   }
 ) });
 export {
   J as FileDownloadProvider,
-  te as FileUploadProvider,
+  re as FileUploadProvider,
   K as ImageCellValue,
-  ae as ImageCrudCellValue,
-  se as default
+  ie as ImageCrudCellValue,
+  le as default
 };

package/dist/src/components/crud/import/CrudImportButton.cjs

@@ -1 +1 @@
-"use strict";const t=require("../../../../_virtual/jsx-runtime.cjs"),o=require("react"),u=require("../../../locale/hooks/translation-constants.cjs"),i=require("./CrudImportComponent.cjs"),c=require("../../common/button/Button.cjs"),p=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),x=require("../../../../node_modules/@ant-design/icons/es/icons/ImportOutlined.cjs");function m(n){const{t:s}=p.useTranslation(u.TRANSLATION_NAMESPACE),[r,e]=o.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(i,{open:r,onCloseMethod:e,...n}),t.jsxRuntimeExports.jsx(c,{icon:t.jsxRuntimeExports.jsx(x,{}),onClick:()=>e(!0),children:s("str.import")})]})}module.exports=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../../_virtual/jsx-runtime.cjs"),s=require("react"),u=require("react-i18next"),i=require("../../../locale/hooks/translation-constants.cjs"),c=require("./CrudImportComponent.cjs"),a=require("../../common/button/Button.cjs"),l=require("../../../../node_modules/@ant-design/icons/es/icons/ImportOutlined.cjs");function p(r){const{t:n}=u.useTranslation(i.TRANSLATION_NAMESPACE),[o,e]=s.useState(!1);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(c.default,{open:o,onCloseMethod:e,...r}),t.jsxRuntimeExports.jsx(a.default,{icon:t.jsxRuntimeExports.jsx(l.default,{}),onClick:()=>e(!0),children:n("str.import")})]})}exports.default=p;

package/dist/src/components/crud/import/CrudImportButton.js

@@ -1,15 +1,15 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.js";
 import { useState as e } from "react";
-import { TRANSLATION_NAMESPACE as p } from "../../../locale/hooks/translation-constants.js";
-import s from "./CrudImportComponent.js";
-import i from "../../common/button/Button.js";
-import { useTranslation as f } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { useTranslation as p } from "react-i18next";
+import { TRANSLATION_NAMESPACE as s } from "../../../locale/hooks/translation-constants.js";
+import i from "./CrudImportComponent.js";
+import f from "../../common/button/Button.js";
 import u from "../../../../node_modules/@ant-design/icons/es/icons/ImportOutlined.js";
 function I(r) {
-  const { t: n } = f(p), [m, t] = e(!1);
+  const { t: n } = p(s), [m, t] = e(!1);
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsx(
-      s,
+      i,
       {
         open: m,
         onCloseMethod: t,
@@ -17,7 +17,7 @@ function I(r) {
       }
     ),
     /* @__PURE__ */ o.jsx(
-      i,
+      f,
       {
         icon: /* @__PURE__ */ o.jsx(u, {}),
         onClick: () => t(!0),

package/dist/src/components/crud/import/CrudImportComponent.cjs

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