@kingteza/crud-component 1.0.6 → 1.0.9

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

@@ -1,10 +1,12 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
-import { useMemo as l, useCallback as k, useEffect as E, createElement as v } from "react";
-import { SearchOutlined as R } from "@ant-design/icons";
-import { Form as y, Row as S, Col as w } from "antd";
-import _ from "./CrudField.js";
-import q from "../common/button/Button.js";
-function G({
+import { useMemo as l, useCallback as E, useEffect as R, createElement as a } from "react";
+import v from "./CrudField.js";
+import _ from "../common/button/Button.js";
+import y from "../../../node_modules/antd/es/form/index.js";
+import w from "../../../node_modules/antd/es/grid/col.js";
+import q from "../../../node_modules/antd/es/grid/row.js";
+import B from "../../../node_modules/@ant-design/icons/es/icons/SearchOutlined.js";
+function H({
   searchFields: t = [],
   fields: e,
   searchOnChange: p,
@@ -14,7 +16,7 @@ function G({
 }) {
   const N = l(
     () => t.map((n) => typeof n == "string" ? {
-      ...e.find((a) => n === a.name),
+      ...e.find((k) => n === k.name),
       required: !1
     } : {
       ...e.find(
@@ -32,7 +34,7 @@ function G({
   ), j = l(
     () => t.length === 1 ? { field: 21, button: 3 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 24, button: 24 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
     [t.length]
-  ), [f] = y.useForm(), r = k(
+  ), [f] = y.useForm(), r = E(
     async (n) => {
       if ((n || p) && i) {
         const m = await f.validateFields();
@@ -41,7 +43,7 @@ function G({
     },
     [f, i, p]
   );
-  return E(() => {
+  return R(() => {
     b && (f.setFieldsValue(b), r(!0));
   }, [f, b]), t != null && t.length ? /* @__PURE__ */ o.jsx(
     y,
@@ -51,21 +53,21 @@ function G({
       layout: "vertical",
       className: "mb-2",
       onChange: () => r(!1),
-      children: /* @__PURE__ */ o.jsxs(S, { gutter: [4, 8], className: "w-100", children: [
+      children: /* @__PURE__ */ o.jsxs(q, { gutter: [4, 8], className: "w-100", children: [
         N.map((n, m) => {
           const u = (g == null ? void 0 : g[m]) ?? {
             md: x.field,
             sm: d.field,
             xs: j.field
           };
-          return /* @__PURE__ */ v(
+          return /* @__PURE__ */ a(
             w,
             {
               ...u,
               key: `search_field_${String(n.name)}`,
               className: "align-self-end"
             },
-            /* @__PURE__ */ o.jsx(_, { ...n, readonly: !1, fieldClassName: "mb-0" })
+            /* @__PURE__ */ o.jsx(v, { ...n, readonly: !1, fieldClassName: "mb-0" })
           );
         }),
         /* @__PURE__ */ o.jsx(
@@ -76,12 +78,12 @@ function G({
             xs: j.button,
             style: { alignSelf: "end" },
             children: /* @__PURE__ */ o.jsx(
-              q,
+              _,
               {
                 type: "primary",
                 htmlType: "submit",
                 block: !0,
-                icon: /* @__PURE__ */ o.jsx(R, {})
+                icon: /* @__PURE__ */ o.jsx(B, {})
               }
             )
           }
@@ -91,5 +93,5 @@ function G({
   ) : /* @__PURE__ */ o.jsx(o.Fragment, {});
 }
 export {
-  G as default
+  H as default
 };

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

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

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

@@ -1,119 +1,128 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 /* empty css          */
-import { FileOutlined as H, FilePptOutlined as z, FileExcelOutlined as G, FileTextOutlined as J, FileWordOutlined as K, FilePdfOutlined as Q, FileImageOutlined as X, ExportOutlined as Y } from "@ant-design/icons";
-import { Form as g, Upload as Z, Modal as v } from "antd";
-import S from "mime";
-import { useState as h, useCallback as N, useEffect as U, useMemo as M } from "react";
-import { useTranslation as y } from "react-i18next";
-import { TRANSLATION_NAMESPACE as m } from "../../locale/hooks/translation-constants.js";
-import T from "../../util/ValidationUtil.js";
-import w from "../common/button/Button.js";
-import tt from "../common/layout/VerticalSpace.js";
-function ht({
-  name: n,
+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 { 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 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 T from "../../../node_modules/antd/es/modal/index.js";
+import tt from "../../../node_modules/@ant-design/icons/es/icons/ExportOutlined.js";
+function Pt({
+  name: o,
   label: t,
   required: r,
   provider: s,
-  onUploading: a,
-  onRemoved: u,
+  onUploading: l,
+  onRemoved: f,
   fieldClassName: x,
-  accept: C,
-  rules: k,
-  maxCount: P = 1,
-  block: $,
-  ..._
+  accept: I,
+  rules: U,
+  maxCount: C = 1,
+  block: k,
+  ...O
 }) {
-  const d = g.useFormInstance(), f = g.useWatch(n, d), [O, I] = h(!1), [V, L] = h(!1), R = N(
-    async (l) => {
-      var c, o;
+  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 } = l, p = i.name;
-        I(!0), L(!0), a == null || a(!0);
-        const F = p ?? "", E = F.split("."), q = E[E.length - 1], B = s.generateFileName(F), A = `${await s.getInitialPath()}/${B}.${q}`;
+        const { file: i } = n, j = i.name;
+        $(!0), _(!0), l == null || l(!0);
+        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 },
           A
         );
-        a == null || a(!1), d.setFieldValue(n, D), (c = l.onSuccess) == null || c.call(l, D);
+        l == null || l(!1), u.setFieldValue(o, D), (c = n.onSuccess) == null || c.call(n, D);
       } catch (i) {
-        (o = l.onError) == null || o.call(l, i);
+        (a = n.onError) == null || a.call(n, i);
       } finally {
-        I(!1);
+        $(!1);
       }
     },
-    [d, n, a, s]
-  ), [j, b] = h([]);
-  U(() => {
-    !V && f && Promise.all(
-      (Array.isArray(f) ? f : [f]).map(
-        async (l) => {
-          const c = S.getType(l), o = l.split("/").pop(), i = await s.getRealUrl(l);
+    [u, o, l, s]
+  ), [p, V] = d([]);
+  S(() => {
+    !R && h && Promise.all(
+      (Array.isArray(h) ? h : [h]).map(
+        async (n) => {
+          const c = M.getType(n), a = n.split("/").pop(), i = await s.getRealUrl(n);
           return {
-            uid: l,
+            uid: n,
             url: i,
             type: c,
-            name: o
+            name: a
           };
         }
       )
-    ).then((l) => b(() => {
-      const c = l.map(({ url: o, type: i, uid: p, name: F }) => ({ uid: p, url: o, type: i, response: p, thumbUrl: o, name: F }));
+    ).then((n) => V(() => {
+      const c = n.map(({ url: a, type: i, uid: j, name: w }) => ({ uid: j, url: a, type: i, response: j, thumbUrl: a, name: w }));
       return console.log(c), c;
     }));
-  }, [f, V, O, s]);
-  const W = N(
-    async (l) => {
-      const c = l.response, o = c || d.getFieldValue(n);
-      await s.delete(o), u == null || u(), l && d.setFieldsValue({ [n]: null });
+  }, [h, R, P, s]);
+  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 });
     },
-    [d, n, u, s]
+    [u, o, f, s]
   );
   return /* @__PURE__ */ e.jsxs(
-    g.Item,
+    F.Item,
     {
       label: t,
       required: r,
-      name: n,
+      name: o,
       className: x,
       rules: [
-        ...r ? T.required(t) : [],
-        ...k ?? []
+        ...r ? z.required(t) : [],
+        ...U ?? []
       ],
       children: [
         /* @__PURE__ */ e.jsx("input", { hidden: !0 }),
         /* @__PURE__ */ e.jsx(
-          Z,
+          J,
           {
-            ..._,
-            fileList: j,
-            className: ((j == null ? void 0 : j.length) ?? 0) >= P ? "hide-upload" : "",
-            maxCount: P,
-            customRequest: R,
-            onRemove: W,
+            ...O,
+            fileList: p,
+            className: ((p == null ? void 0 : p.length) ?? 0) >= C ? "hide-upload" : "",
+            maxCount: C,
+            customRequest: m,
+            onRemove: L,
             listType: "picture",
-            onChange: ({ fileList: l }) => {
-              b(l);
+            onChange: ({ fileList: n }) => {
+              V(n);
             },
-            style: $ ? { width: "100%" } : void 0,
-            children: /* @__PURE__ */ e.jsx(w, { loading: O, children: "Upload File" })
+            style: k ? { width: "100%" } : void 0,
+            children: /* @__PURE__ */ e.jsx(g, { loading: P, children: "Upload File" })
           }
         )
       ]
     }
   );
 }
-const xt = ({ provider: n, value: t }) => {
-  const [r, s] = h();
-  return U(() => {
-    t && n.getRealUrl(t).then((a) => {
+const $t = ({ provider: o, value: t }) => {
+  const [r, s] = d();
+  return S(() => {
+    t && o.getRealUrl(t).then((l) => {
       s({
-        mimeType: S.getType(t),
-        url: a,
+        mimeType: M.getType(t),
+        url: l,
         fileName: t.split("/").pop() ?? t
       });
     });
-  }, [n, t]), r ? /* @__PURE__ */ e.jsx(
+  }, [o, t]), r ? /* @__PURE__ */ e.jsx(
     et,
     {
       fileName: r.fileName,
@@ -121,58 +130,58 @@ const xt = ({ provider: n, value: t }) => {
       mimeType: r == null ? void 0 : r.mimeType
     }
   ) : /* @__PURE__ */ e.jsx(e.Fragment, {});
-}, et = ({ url: n, mimeType: t = "", fileName: r }) => {
-  const s = M(() => 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 = M(() => {
+}, et = ({ url: o, mimeType: t = "", fileName: r }) => {
+  const s = E(() => 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]), l = E(() => {
     switch (s) {
       case "image":
-        return /* @__PURE__ */ e.jsx(X, {});
+        return /* @__PURE__ */ e.jsx(y, {});
       case "pdf":
-        return /* @__PURE__ */ e.jsx(Q, {});
+        return /* @__PURE__ */ e.jsx(v, {});
       case "word":
-        return /* @__PURE__ */ e.jsx(K, {});
+        return /* @__PURE__ */ e.jsx(Z, {});
       case "text":
-        return /* @__PURE__ */ e.jsx(J, {});
+        return /* @__PURE__ */ e.jsx(Y, {});
       case "excel":
-        return /* @__PURE__ */ e.jsx(G, {});
+        return /* @__PURE__ */ e.jsx(X, {});
       case "presentation":
-        return /* @__PURE__ */ e.jsx(z, {});
+        return /* @__PURE__ */ e.jsx(Q, {});
       default:
-        return /* @__PURE__ */ e.jsx(H, {});
+        return /* @__PURE__ */ e.jsx(K, {});
     }
-  }, [s]), [u, x] = h(!1), { t: C } = y(m);
+  }, [s]), [f, x] = d(!1), { t: I } = H(W);
   return s !== "file" && s !== "text" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      v,
+      T,
       {
-        open: u,
+        open: f,
         title: r,
         onCancel: () => x(!1),
         footer: /* @__PURE__ */ e.jsx(e.Fragment, {}),
         width: "100%",
         style: { top: "8px", minHeight: "700px" },
         destroyOnClose: !0,
-        children: /* @__PURE__ */ e.jsxs(tt, { children: [
+        children: /* @__PURE__ */ e.jsxs(G, { children: [
           /* @__PURE__ */ e.jsx(
-            w,
+            g,
             {
               tooltip: r,
-              icon: /* @__PURE__ */ e.jsx(Y, {}),
+              icon: /* @__PURE__ */ e.jsx(tt, {}),
               target: "_blank",
-              href: n,
+              href: o,
               style: { textDecoration: "none" },
-              children: C("str.openInNewTab")
+              children: I("str.openInNewTab")
             }
           ),
-          s === "image" ? /* @__PURE__ */ e.jsx("img", { src: n, alt: r, style: { width: "100%" } }) : s === "pdf" ? /* @__PURE__ */ e.jsxs("iframe", { title: r, src: n, width: "100%", height: "700px", children: [
+          s === "image" ? /* @__PURE__ */ e.jsx("img", { src: o, alt: r, style: { width: "100%" } }) : s === "pdf" ? /* @__PURE__ */ e.jsxs("iframe", { title: r, src: o, width: "100%", height: "700px", children: [
             "This browser does not support PDFs. Please download the PDF to view it:",
-            /* @__PURE__ */ e.jsx("a", { href: n, children: "Download PDF" }),
+            /* @__PURE__ */ e.jsx("a", { href: o, children: "Download PDF" }),
             "."
           ] }) : /* @__PURE__ */ e.jsxs(
             "iframe",
             {
               title: r,
               src: `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(
-                n
+                o
               )}`,
               width: "100%",
               height: "700px",
@@ -182,7 +191,7 @@ const xt = ({ provider: n, value: t }) => {
                 ". Please download the",
                 s.toUpperCase(),
                 " to view it:",
-                /* @__PURE__ */ e.jsxs("a", { href: n, children: [
+                /* @__PURE__ */ e.jsxs("a", { href: o, children: [
                   "Download ",
                   s.toUpperCase()
                 ] }),
@@ -194,27 +203,27 @@ const xt = ({ provider: n, value: t }) => {
       }
     ),
     /* @__PURE__ */ e.jsx(
-      w,
+      g,
       {
         tooltip: r,
-        icon: a,
+        icon: l,
         shape: "circle",
         onClick: () => x(!0)
       }
     )
   ] }) : /* @__PURE__ */ e.jsx(
-    w,
+    g,
     {
       tooltip: r,
-      icon: a,
+      icon: l,
       target: "_blank",
-      href: n,
+      href: o,
       shape: "circle"
     }
   );
 };
 export {
   et as FileCellValue,
-  xt as FileCrudCellValue,
-  ht 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 h=(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 O=require("@ant-design/icons"),u=require("antd"),I=require("path-browserify"),i=require("react"),k=require("../../util/NumberUtil.cjs"),A=require("../../util/ValidationUtil.cjs"),D=require("uuid"),M=require("../common/picker/ImagePicker.cjs");class p{}class T extends p{constructor(t="",s=""){super();h(this,"rootPath");h(this,"subPath");this.rootPath=t,this.subPath=s}cloneFilePath(t){const s=I.parse(t),r=`${s.name}_cloned_${k.default.randInt(1e5)}`;return I.format({dir:s.dir,ext:s.ext,name:r})}generateFileName(t){return`${t.split(".")[0]}_${D.v4().replace("-","")}`}}function W({name:e,label:a,required:t,provider:s,onUploading:r,aspectRatio:j,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]),[d,E]=i.useState();return i.useEffect(()=>{!F&&f?s.getRealUrl(f).then(E):E(d)},[f,F,s,d]),l.jsxRuntimeExports.jsx(l.jsxRuntimeExports.Fragment,{children:l.jsxRuntimeExports.jsxs(u.Form.Item,{rules:t?A.default.required(a):[],label:q?null:a,required:t,name:e,children:[l.jsxRuntimeExports.jsx(M.default,{noStyle:!0,listType:w,aspectRatio:j,values:d,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(O.EyeOutlined,{})}})});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;