@kingteza/crud-component 1.0.40 → 1.0.42

package/crud/CrudFormWizard.es.js

@@ -1,93 +1,92 @@
-import { jsx as t, Fragment as T, jsxs as F } from "react/jsx-runtime";
-import { LeftOutlined as v, SaveOutlined as w, RightOutlined as x } from "@ant-design/icons";
-import { Form as k, Divider as A, Row as E, Col as S } from "antd";
-import { useMemo as y, useEffect as O } from "react";
-import { useTranslation as W } from "react-i18next";
-import { TRANSLATION_NAMESPACE as j } from "../locale/hooks/translation-constants.es.js";
-import { CrudFormFields as z } from "./CrudForm.es.js";
-import B from "../common/wizard/WizardViewForm.es.js";
-import C from "../common/button/Button.es.js";
-function H({
+import { jsx as t, Fragment as v, jsxs as F } from "react/jsx-runtime";
+import { LeftOutlined as w, SaveOutlined as x, RightOutlined as T } from "@ant-design/icons";
+import { Form as k, Divider as W, Row as j, Col as y } from "antd";
+import { useMemo as C, useEffect as z } from "react";
+import { useTranslationLib as B } from "../locale/index.es.js";
+import { CrudFormFields as O } from "./CrudForm.es.js";
+import E from "../common/wizard/WizardViewForm.es.js";
+import S from "../common/button/Button.es.js";
+function I({
   fields: d,
   className: f,
   onDeleteFile: u,
   onUploadFile: l,
   purpose: m,
-  wizard: e = [],
+  wizard: r = [],
   updatingValue: s,
   onSave: h,
   submitting: g
 }) {
-  const a = y(() => e.map((o) => {
-    let r = !0;
+  const a = C(() => r.map((o) => {
+    let e = !0;
     const n = d.filter(
       (i) => o.fields.includes(i.name)
     );
-    return n.forEach((i) => r && (r = i.hidden ?? !1)), {
+    return n.forEach((i) => e && (e = i.hidden ?? !1)), {
       ...o,
-      hidden: r,
+      hidden: e,
       fieldThatShouldShowing: n
     };
-  }), [d, e]), c = y(
+  }), [d, r]), c = C(
     () => a.filter((o) => !o.hidden),
     [a]
   );
-  return /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(
-    B,
+  return /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t(
+    E,
     {
-      onSubmit: (o, r) => {
-        console.log(r), h(r);
+      onSubmit: (o, e) => {
+        console.log(e), h(e);
       },
       className: f,
       pages: c.map(
-        ({ title: o, icon: r, fieldThatShouldShowing: n, hidden: i }, p) => ({
+        ({ title: o, icon: e, fieldThatShouldShowing: n, hidden: i }, b) => ({
           title: o,
-          icon: r,
+          icon: e,
           hidden: i,
-          component: (b) => /* @__PURE__ */ t(
-            N,
+          component: (p) => /* @__PURE__ */ t(
+            L,
             {
               fields: n,
               onDeleteFile: u,
               onUploadFile: l,
               purpose: m,
-              i: p,
+              i: b,
               updatingValue: s,
-              backward: b.backward,
-              forward: b.forward,
+              backward: p.backward,
+              forward: p.forward,
               wizard: c,
               submitting: g
             },
-            p
+            b
           )
         })
       )
     }
   ) });
 }
-function N({
+function L({
   fields: d,
   onDeleteFile: f,
   onUploadFile: u,
   purpose: l,
   wizard: m = [],
-  i: e,
+  i: r,
   forward: s,
   backward: h,
   submitting: g,
   updatingValue: a
 }) {
-  const c = m[e], { t: o } = W(j), [r] = k.useForm();
-  return O(() => {
+  const c = m[r], { t: o } = B(), [e] = k.useForm();
+  return z(() => {
     if (a && (l === "update" || l === "clone")) {
       const n = {};
       for (const i of d)
         n[i.name] = a[i.name];
-      r.setFieldsValue(n);
+      e.setFieldsValue(n);
     }
-  }, [d, r, l, a]), /* @__PURE__ */ F(k, { name: String(e), form: r, layout: "vertical", children: [
+  }, [d, e, l, a]), /* @__PURE__ */ F(k, { name: String(r), form: e, layout: "vertical", children: [
     /* @__PURE__ */ t(
-      z,
+      O,
       {
         fields: d,
         formBuilder: c.formBuilder,
@@ -97,13 +96,13 @@ function N({
         purpose: l
       }
     ),
-    /* @__PURE__ */ t(A, {}),
-    /* @__PURE__ */ F(E, { gutter: [8, 8], children: [
-      e > 0 && /* @__PURE__ */ t(S, { md: 12, children: /* @__PURE__ */ t(
-        C,
+    /* @__PURE__ */ t(W, {}),
+    /* @__PURE__ */ F(j, { gutter: [8, 8], children: [
+      r > 0 && /* @__PURE__ */ t(y, { md: 12, children: /* @__PURE__ */ t(
+        S,
         {
           block: !0,
-          icon: /* @__PURE__ */ t(v, {}),
+          icon: /* @__PURE__ */ t(w, {}),
           htmlType: "button",
           type: "default",
           size: "large",
@@ -111,30 +110,30 @@ function N({
           children: o("str.back")
         }
       ) }),
-      /* @__PURE__ */ t(S, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ t(
-        C,
+      /* @__PURE__ */ t(y, { md: r > 0 ? 12 : 24, children: /* @__PURE__ */ t(
+        S,
         {
           block: !0,
-          icon: m.length - 1 === e ? /* @__PURE__ */ t(w, {}) : /* @__PURE__ */ t(x, {}),
+          icon: m.length - 1 === r ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(T, {}),
           htmlType: "submit",
           type: "primary",
           loading: g,
           size: "large",
           onClick: () => {
-            r.validateFields().then((n) => {
+            e.validateFields().then((n) => {
               s(
                 n,
-                m.length - 1 === e,
-                m.length - 1 === e
+                m.length - 1 === r,
+                m.length - 1 === r
               );
             });
           },
-          children: m.length - 1 === e ? o("str." + (l === "update" ? "update" : "save")) : o("str.next")
+          children: m.length - 1 === r ? o("str." + (l === "update" ? "update" : "save")) : o("str.next")
         }
       ) })
     ] })
   ] });
 }
 export {
-  H as default
+  I as default
 };

package/crud/FileCrudField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime");;/* empty css               */const d=require("@ant-design/icons"),F=require("antd"),A=require("mime"),c=require("react"),B=require("react-i18next"),H=require("../locale/hooks/translation-constants.cjs.js"),z=require("../util/ValidationUtil.cjs.js"),P=require("../common/button/Button.cjs.js"),G=require("../common/layout/VerticalSpace.cjs.js");function J({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:h,fieldClassName:j,accept:p,rules:N,maxCount:O=1,block:k,...U}){const f=F.Form.useFormInstance(),x=F.Form.useWatch(n,f),[q,S]=c.useState(!1),[b,_]=c.useState(!1),$=c.useCallback(async r=>{var i,u;try{const{file:o}=r,g=o.name;S(!0),_(!0),a==null||a(!0);const C=g??"",V=C.split("."),L=V[V.length-1],W=s.generateFileName(C),M=`${await s.getInitialPath()}/${W}.${L}`;console.log({filePath:M});const E=await s.upload({...o,originFileObj:o},M);a==null||a(!1),f.setFieldValue(n,E),(i=r.onSuccess)==null||i.call(r,E)}catch(o){(u=r.onError)==null||u.call(r,o)}finally{S(!1)}},[f,n,a,s]),[w,I]=c.useState([]);c.useEffect(()=>{!b&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const i=A.getType(r),u=r.split("/").pop(),o=await s.getRealUrl(r);return{uid:r,url:o,type:i,name:u}})).then(r=>I(()=>{const i=r.map(({url:u,type:o,uid:g,name:C})=>({uid:g,url:u,type:o,response:g,thumbUrl:u,name:C}));return console.log(i),i}))},[x,b,q,s]);const R=c.useCallback(async r=>{const i=r.response,u=i||f.getFieldValue(n);await s.delete(u),h==null||h(),r&&f.setFieldsValue({[n]:null})},[f,n,h,s]);return t.jsxs(F.Form.Item,{label:e,required:l,name:n,className:j,rules:[...l?z.required(e):[],...N??[]],children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{...U,fileList:w,className:((w==null?void 0:w.length)??0)>=O?"hide-upload":"",maxCount:O,customRequest:$,onRemove:R,listType:"picture",onChange:({fileList:r})=>{I(r)},style:k?{width:"100%"}:void 0,children:t.jsx(P,{loading:q,children:"Upload File"})})]})}const K=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:A.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(D,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},D=({url:n,mimeType:e="",fileName:l})=>{const s=c.useMemo(()=>e!=null&&e.includes("image")?"image":e!=null&&e.includes("pdf")?"pdf":e!=null&&e.includes("word")?"word":e!=null&&e.includes("text")?"text":e!=null&&e.includes("presentation")?"presentation":e!=null&&e.includes("excel")||e!=null&&e.includes("spreadsheet")?"excel":"file",[e]),a=c.useMemo(()=>{switch(s){case"image":return t.jsx(d.FileImageOutlined,{});case"pdf":return t.jsx(d.FilePdfOutlined,{});case"word":return t.jsx(d.FileWordOutlined,{});case"text":return t.jsx(d.FileTextOutlined,{});case"excel":return t.jsx(d.FileExcelOutlined,{});case"presentation":return t.jsx(d.FilePptOutlined,{});default:return t.jsx(d.FileOutlined,{})}},[s]),[h,j]=c.useState(!1),{t:p}=B.useTranslation(H.TRANSLATION_NAMESPACE);return s!=="file"&&s!=="text"?t.jsxs(t.Fragment,{children:[t.jsx(F.Modal,{open:h,title:l,onCancel:()=>j(!1),footer:t.jsx(t.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnClose:!0,children:t.jsxs(G,{children:[t.jsx(P,{tooltip:l,icon:t.jsx(d.ExportOutlined,{}),target:"_blank",href:n,style:{textDecoration:"none"},children:p("str.openInNewTab")}),s==="image"?t.jsx("img",{src:n,alt:l,style:{width:"100%"}}):s==="pdf"?t.jsxs("iframe",{title:l,src:n,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",t.jsx("a",{href:n,children:"Download PDF"}),"."]}):t.jsxs("iframe",{title:l,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(n)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",t.jsxs("a",{href:n,children:["Download ",s.toUpperCase()]}),"."]})]})}),t.jsx(P,{tooltip:l,icon:a,shape:"circle",onClick:()=>j(!0)})]}):t.jsx(P,{tooltip:l,icon:a,target:"_blank",href:n,shape:"circle"})};exports.FileCellValue=D;exports.FileCrudCellValue=K;exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime");;/* empty css               */const d=require("@ant-design/icons"),F=require("antd"),k=require("mime"),c=require("react"),B=require("../locale/index.cjs.js"),H=require("../util/ValidationUtil.cjs.js"),p=require("../common/button/Button.cjs.js"),z=require("../common/layout/VerticalSpace.cjs.js");function G({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:h,fieldClassName:j,accept:P,rules:U,maxCount:O=1,block:_,...$}){const f=F.Form.useFormInstance(),x=F.Form.useWatch(n,f),[b,q]=c.useState(!1),[V,N]=c.useState(!1),A=c.useCallback(async r=>{var i,u;try{const{file:o}=r,g=o.name;q(!0),N(!0),a==null||a(!0);const C=g??"",I=C.split("."),R=I[I.length-1],W=s.generateFileName(C),M=`${await s.getInitialPath()}/${W}.${R}`;console.log({filePath:M});const D=await s.upload({...o,originFileObj:o},M);a==null||a(!1),f.setFieldValue(n,D),(i=r.onSuccess)==null||i.call(r,D)}catch(o){(u=r.onError)==null||u.call(r,o)}finally{q(!1)}},[f,n,a,s]),[w,S]=c.useState([]);c.useEffect(()=>{!V&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const i=k.getType(r),u=r.split("/").pop(),o=await s.getRealUrl(r);return{uid:r,url:o,type:i,name:u}})).then(r=>S(()=>{const i=r.map(({url:u,type:o,uid:g,name:C})=>({uid:g,url:u,type:o,response:g,thumbUrl:u,name:C}));return console.log(i),i}))},[x,V,b,s]);const L=c.useCallback(async r=>{const i=r.response,u=i||f.getFieldValue(n);await s.delete(u),h==null||h(),r&&f.setFieldsValue({[n]:null})},[f,n,h,s]);return t.jsxs(F.Form.Item,{label:e,required:l,name:n,className:j,rules:[...l?H.required(e):[],...U??[]],children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{...$,fileList:w,className:((w==null?void 0:w.length)??0)>=O?"hide-upload":"",maxCount:O,customRequest:A,onRemove:L,listType:"picture",onChange:({fileList:r})=>{S(r)},style:_?{width:"100%"}:void 0,children:t.jsx(p,{loading:b,children:"Upload File"})})]})}const J=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:k.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(E,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},E=({url:n,mimeType:e="",fileName:l})=>{const s=c.useMemo(()=>e!=null&&e.includes("image")?"image":e!=null&&e.includes("pdf")?"pdf":e!=null&&e.includes("word")?"word":e!=null&&e.includes("text")?"text":e!=null&&e.includes("presentation")?"presentation":e!=null&&e.includes("excel")||e!=null&&e.includes("spreadsheet")?"excel":"file",[e]),a=c.useMemo(()=>{switch(s){case"image":return t.jsx(d.FileImageOutlined,{});case"pdf":return t.jsx(d.FilePdfOutlined,{});case"word":return t.jsx(d.FileWordOutlined,{});case"text":return t.jsx(d.FileTextOutlined,{});case"excel":return t.jsx(d.FileExcelOutlined,{});case"presentation":return t.jsx(d.FilePptOutlined,{});default:return t.jsx(d.FileOutlined,{})}},[s]),[h,j]=c.useState(!1),{t:P}=B.useTranslationLib();return s!=="file"&&s!=="text"?t.jsxs(t.Fragment,{children:[t.jsx(F.Modal,{open:h,title:l,onCancel:()=>j(!1),footer:t.jsx(t.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnClose:!0,children:t.jsxs(z,{children:[t.jsx(p,{tooltip:l,icon:t.jsx(d.ExportOutlined,{}),target:"_blank",href:n,style:{textDecoration:"none"},children:P("str.openInNewTab")}),s==="image"?t.jsx("img",{src:n,alt:l,style:{width:"100%"}}):s==="pdf"?t.jsxs("iframe",{title:l,src:n,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",t.jsx("a",{href:n,children:"Download PDF"}),"."]}):t.jsxs("iframe",{title:l,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(n)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",t.jsxs("a",{href:n,children:["Download ",s.toUpperCase()]}),"."]})]})}),t.jsx(p,{tooltip:l,icon:a,shape:"circle",onClick:()=>j(!0)})]}):t.jsx(p,{tooltip:l,icon:a,target:"_blank",href:n,shape:"circle"})};exports.FileCellValue=E;exports.FileCrudCellValue=J;exports.default=G;

package/crud/FileCrudField.es.js

@@ -1,71 +1,70 @@
 import { jsxs as f, jsx as s, Fragment as O } from "react/jsx-runtime";
 /* empty css             */
-import { FileOutlined as G, FilePptOutlined as J, FileExcelOutlined as K, FileTextOutlined as Q, FileWordOutlined as X, FilePdfOutlined as Y, FileImageOutlined as Z, ExportOutlined as v } from "@ant-design/icons";
+import { FileOutlined as J, FilePptOutlined as K, FileExcelOutlined as Q, FileTextOutlined as R, FileWordOutlined as X, FilePdfOutlined as Y, FileImageOutlined as Z, ExportOutlined as v } from "@ant-design/icons";
 import { Form as P, Upload as y, Modal as m } from "antd";
-import $ from "mime";
-import { useState as p, useCallback as U, useEffect as j, useMemo as k } from "react";
-import { useTranslation as T } from "react-i18next";
-import { TRANSLATION_NAMESPACE as tt } from "../locale/hooks/translation-constants.es.js";
-import et from "../util/ValidationUtil.es.js";
+import S from "mime";
+import { useState as p, useCallback as j, useEffect as A, useMemo as N } from "react";
+import { useTranslationLib as T } from "../locale/index.es.js";
+import tt from "../util/ValidationUtil.es.js";
 import C from "../common/button/Button.es.js";
-import st from "../common/layout/VerticalSpace.es.js";
-function wt({
+import et from "../common/layout/VerticalSpace.es.js";
+function ht({
   name: n,
   label: t,
-  required: r,
+  required: l,
   provider: e,
   onUploading: a,
   onRemoved: u,
   fieldClassName: w,
-  accept: I,
-  rules: _,
-  maxCount: V = 1,
-  block: L,
-  ...W
+  accept: b,
+  rules: L,
+  maxCount: I = 1,
+  block: W,
+  ..._
 }) {
-  const d = P.useFormInstance(), h = P.useWatch(n, d), [b, A] = p(!1), [D, q] = p(!1), B = U(
-    async (l) => {
+  const d = P.useFormInstance(), h = P.useWatch(n, d), [V, D] = p(!1), [U, q] = p(!1), B = j(
+    async (r) => {
       var c, o;
       try {
-        const { file: i } = l, x = i.name;
-        A(!0), q(!0), a == null || a(!0);
-        const g = x ?? "", N = g.split("."), R = N[N.length - 1], z = e.generateFileName(g), M = `${await e.getInitialPath()}/${z}.${R}`;
+        const { file: i } = r, x = i.name;
+        D(!0), q(!0), a == null || a(!0);
+        const g = x ?? "", E = g.split("."), z = E[E.length - 1], G = e.generateFileName(g), M = `${await e.getInitialPath()}/${G}.${z}`;
         console.log({ filePath: M });
-        const S = await e.upload(
+        const $ = await e.upload(
           { ...i, originFileObj: i },
           M
         );
-        a == null || a(!1), d.setFieldValue(n, S), (c = l.onSuccess) == null || c.call(l, S);
+        a == null || a(!1), d.setFieldValue(n, $), (c = r.onSuccess) == null || c.call(r, $);
       } catch (i) {
-        (o = l.onError) == null || o.call(l, i);
+        (o = r.onError) == null || o.call(r, i);
       } finally {
-        A(!1);
+        D(!1);
       }
     },
     [d, n, a, e]
-  ), [F, E] = p([]);
-  j(() => {
-    !D && h && Promise.all(
+  ), [F, k] = p([]);
+  A(() => {
+    !U && h && Promise.all(
       (Array.isArray(h) ? h : [h]).map(
-        async (l) => {
-          const c = $.getType(l), o = l.split("/").pop(), i = await e.getRealUrl(l);
+        async (r) => {
+          const c = S.getType(r), o = r.split("/").pop(), i = await e.getRealUrl(r);
           return {
-            uid: l,
+            uid: r,
             url: i,
             type: c,
             name: o
           };
         }
       )
-    ).then((l) => E(() => {
-      const c = l.map(({ url: o, type: i, uid: x, name: g }) => ({ uid: x, url: o, type: i, response: x, thumbUrl: o, name: g }));
+    ).then((r) => k(() => {
+      const c = r.map(({ url: o, type: i, uid: x, name: g }) => ({ uid: x, url: o, type: i, response: x, thumbUrl: o, name: g }));
       return console.log(c), c;
     }));
-  }, [h, D, b, e]);
-  const H = U(
-    async (l) => {
-      const c = l.response, o = c || d.getFieldValue(n);
-      await e.delete(o), u == null || u(), l && d.setFieldsValue({ [n]: null });
+  }, [h, U, V, e]);
+  const H = j(
+    async (r) => {
+      const c = r.response, o = c || d.getFieldValue(n);
+      await e.delete(o), u == null || u(), r && d.setFieldsValue({ [n]: null });
     },
     [d, n, u, e]
   );
@@ -73,56 +72,56 @@ function wt({
     P.Item,
     {
       label: t,
-      required: r,
+      required: l,
       name: n,
       className: w,
       rules: [
-        ...r ? et.required(t) : [],
-        ..._ ?? []
+        ...l ? tt.required(t) : [],
+        ...L ?? []
       ],
       children: [
         /* @__PURE__ */ s("input", { hidden: !0 }),
         /* @__PURE__ */ s(
           y,
           {
-            ...W,
+            ..._,
             fileList: F,
-            className: ((F == null ? void 0 : F.length) ?? 0) >= V ? "hide-upload" : "",
-            maxCount: V,
+            className: ((F == null ? void 0 : F.length) ?? 0) >= I ? "hide-upload" : "",
+            maxCount: I,
             customRequest: B,
             onRemove: H,
             listType: "picture",
-            onChange: ({ fileList: l }) => {
-              E(l);
+            onChange: ({ fileList: r }) => {
+              k(r);
             },
-            style: L ? { width: "100%" } : void 0,
-            children: /* @__PURE__ */ s(C, { loading: b, children: "Upload File" })
+            style: W ? { width: "100%" } : void 0,
+            children: /* @__PURE__ */ s(C, { loading: V, children: "Upload File" })
           }
         )
       ]
     }
   );
 }
-const Ft = ({ provider: n, value: t }) => {
-  const [r, e] = p();
-  return j(() => {
+const pt = ({ provider: n, value: t }) => {
+  const [l, e] = p();
+  return A(() => {
     t && n.getRealUrl(t).then((a) => {
       e({
-        mimeType: $.getType(t),
+        mimeType: S.getType(t),
         url: a,
         fileName: t.split("/").pop() ?? t
       });
     });
-  }, [n, t]), r ? /* @__PURE__ */ s(
-    rt,
+  }, [n, t]), l ? /* @__PURE__ */ s(
+    st,
     {
-      fileName: r.fileName,
-      url: r == null ? void 0 : r.url,
-      mimeType: r == null ? void 0 : r.mimeType
+      fileName: l.fileName,
+      url: l == null ? void 0 : l.url,
+      mimeType: l == null ? void 0 : l.mimeType
     }
   ) : /* @__PURE__ */ s(O, {});
-}, rt = ({ url: n, mimeType: t = "", fileName: r }) => {
-  const e = k(() => t != null && t.includes("image") ? "image" : t != null && t.includes("pdf") ? "pdf" : t != null && t.includes("word") ? "word" : t != null && t.includes("text") ? "text" : t != null && t.includes("presentation") ? "presentation" : t != null && t.includes("excel") || t != null && t.includes("spreadsheet") ? "excel" : "file", [t]), a = k(() => {
+}, st = ({ url: n, mimeType: t = "", fileName: l }) => {
+  const e = N(() => t != null && t.includes("image") ? "image" : t != null && t.includes("pdf") ? "pdf" : t != null && t.includes("word") ? "word" : t != null && t.includes("text") ? "text" : t != null && t.includes("presentation") ? "presentation" : t != null && t.includes("excel") || t != null && t.includes("spreadsheet") ? "excel" : "file", [t]), a = N(() => {
     switch (e) {
       case "image":
         return /* @__PURE__ */ s(Z, {});
@@ -131,46 +130,46 @@ const Ft = ({ provider: n, value: t }) => {
       case "word":
         return /* @__PURE__ */ s(X, {});
       case "text":
-        return /* @__PURE__ */ s(Q, {});
+        return /* @__PURE__ */ s(R, {});
       case "excel":
-        return /* @__PURE__ */ s(K, {});
+        return /* @__PURE__ */ s(Q, {});
       case "presentation":
-        return /* @__PURE__ */ s(J, {});
+        return /* @__PURE__ */ s(K, {});
       default:
-        return /* @__PURE__ */ s(G, {});
+        return /* @__PURE__ */ s(J, {});
     }
-  }, [e]), [u, w] = p(!1), { t: I } = T(tt);
+  }, [e]), [u, w] = p(!1), { t: b } = T();
   return e !== "file" && e !== "text" ? /* @__PURE__ */ f(O, { children: [
     /* @__PURE__ */ s(
       m,
       {
         open: u,
-        title: r,
+        title: l,
         onCancel: () => w(!1),
         footer: /* @__PURE__ */ s(O, {}),
         width: "100%",
         style: { top: "8px", minHeight: "700px" },
         destroyOnClose: !0,
-        children: /* @__PURE__ */ f(st, { children: [
+        children: /* @__PURE__ */ f(et, { children: [
           /* @__PURE__ */ s(
             C,
             {
-              tooltip: r,
+              tooltip: l,
               icon: /* @__PURE__ */ s(v, {}),
               target: "_blank",
               href: n,
               style: { textDecoration: "none" },
-              children: I("str.openInNewTab")
+              children: b("str.openInNewTab")
             }
           ),
-          e === "image" ? /* @__PURE__ */ s("img", { src: n, alt: r, style: { width: "100%" } }) : e === "pdf" ? /* @__PURE__ */ f("iframe", { title: r, src: n, width: "100%", height: "700px", children: [
+          e === "image" ? /* @__PURE__ */ s("img", { src: n, alt: l, style: { width: "100%" } }) : e === "pdf" ? /* @__PURE__ */ f("iframe", { title: l, src: n, width: "100%", height: "700px", children: [
             "This browser does not support PDFs. Please download the PDF to view it:",
             /* @__PURE__ */ s("a", { href: n, children: "Download PDF" }),
             "."
           ] }) : /* @__PURE__ */ f(
             "iframe",
             {
-              title: r,
+              title: l,
               src: `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(
                 n
               )}`,
@@ -196,7 +195,7 @@ const Ft = ({ provider: n, value: t }) => {
     /* @__PURE__ */ s(
       C,
       {
-        tooltip: r,
+        tooltip: l,
         icon: a,
         shape: "circle",
         onClick: () => w(!0)
@@ -205,7 +204,7 @@ const Ft = ({ provider: n, value: t }) => {
   ] }) : /* @__PURE__ */ s(
     C,
     {
-      tooltip: r,
+      tooltip: l,
       icon: a,
       target: "_blank",
       href: n,
@@ -214,7 +213,7 @@ const Ft = ({ provider: n, value: t }) => {
   );
 };
 export {
-  rt as FileCellValue,
-  Ft as FileCrudCellValue,
-  wt as default
+  st as FileCellValue,
+  pt as FileCrudCellValue,
+  ht as default
 };

package/crud/import/CrudImportButton.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("@ant-design/icons"),i=require("react"),u=require("react-i18next"),c=require("../../locale/hooks/translation-constants.cjs.js"),p=require("./CrudImportComponent.cjs.js"),a=require("../../common/button/Button.cjs.js");function m(n){const{t:r}=u.useTranslation(c.TRANSLATION_NAMESPACE),[o,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(p,{open:o,onCloseMethod:e,...n}),t.jsx(a,{icon:t.jsx(s.ImportOutlined,{}),onClick:()=>e(!0),children:r("str.import")})]})}module.exports=m;
+"use strict";const t=require("react/jsx-runtime"),s=require("@ant-design/icons"),i=require("react"),u=require("../../locale/index.cjs.js"),c=require("./CrudImportComponent.cjs.js"),p=require("../../common/button/Button.cjs.js");function m(n){const{t:r}=u.useTranslationLib(),[o,e]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(c,{open:o,onCloseMethod:e,...n}),t.jsx(p,{icon:t.jsx(s.ImportOutlined,{}),onClick:()=>e(!0),children:r("str.import")})]})}module.exports=m;

package/crud/import/CrudImportButton.es.js

@@ -1,31 +1,30 @@
 import { jsxs as e, Fragment as p, jsx as o } from "react/jsx-runtime";
 import { ImportOutlined as i } from "@ant-design/icons";
 import { useState as s } from "react";
-import { useTranslation as u } from "react-i18next";
-import { TRANSLATION_NAMESPACE as f } from "../../locale/hooks/translation-constants.es.js";
-import l from "./CrudImportComponent.es.js";
-import a from "../../common/button/Button.es.js";
-function N(r) {
-  const { t: m } = u(f), [n, t] = s(!1);
+import { useTranslationLib as u } from "../../locale/index.es.js";
+import f from "./CrudImportComponent.es.js";
+import l from "../../common/button/Button.es.js";
+function x(r) {
+  const { t: n } = u(), [m, t] = s(!1);
   return /* @__PURE__ */ e(p, { children: [
     /* @__PURE__ */ o(
-      l,
+      f,
       {
-        open: n,
+        open: m,
         onCloseMethod: t,
         ...r
       }
     ),
     /* @__PURE__ */ o(
-      a,
+      l,
       {
         icon: /* @__PURE__ */ o(i, {}),
         onClick: () => t(!0),
-        children: m("str.import")
+        children: n("str.import")
       }
     )
   ] });
 }
 export {
-  N as default
+  x as default
 };

package/crud/import/CrudImportComponent.cjs.js

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