@kingteza/crud-component 1.0.9 → 1.0.12

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

@@ -1,229 +0,0 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-/* empty css          */
-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: l,
-  onRemoved: f,
-  fieldClassName: x,
-  accept: I,
-  rules: U,
-  maxCount: C = 1,
-  block: k,
-  ...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 } = 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
-        );
-        l == null || l(!1), u.setFieldValue(o, D), (c = n.onSuccess) == null || c.call(n, D);
-      } catch (i) {
-        (a = n.onError) == null || a.call(n, i);
-      } finally {
-        $(!1);
-      }
-    },
-    [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: n,
-            url: i,
-            type: c,
-            name: a
-          };
-        }
-      )
-    ).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;
-    }));
-  }, [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 });
-    },
-    [u, o, f, s]
-  );
-  return /* @__PURE__ */ e.jsxs(
-    F.Item,
-    {
-      label: t,
-      required: r,
-      name: o,
-      className: x,
-      rules: [
-        ...r ? z.required(t) : [],
-        ...U ?? []
-      ],
-      children: [
-        /* @__PURE__ */ e.jsx("input", { hidden: !0 }),
-        /* @__PURE__ */ e.jsx(
-          J,
-          {
-            ...O,
-            fileList: p,
-            className: ((p == null ? void 0 : p.length) ?? 0) >= C ? "hide-upload" : "",
-            maxCount: C,
-            customRequest: m,
-            onRemove: L,
-            listType: "picture",
-            onChange: ({ fileList: n }) => {
-              V(n);
-            },
-            style: k ? { width: "100%" } : void 0,
-            children: /* @__PURE__ */ e.jsx(g, { loading: P, children: "Upload File" })
-          }
-        )
-      ]
-    }
-  );
-}
-const $t = ({ provider: o, value: t }) => {
-  const [r, s] = d();
-  return S(() => {
-    t && o.getRealUrl(t).then((l) => {
-      s({
-        mimeType: M.getType(t),
-        url: l,
-        fileName: t.split("/").pop() ?? t
-      });
-    });
-  }, [o, t]), r ? /* @__PURE__ */ e.jsx(
-    et,
-    {
-      fileName: r.fileName,
-      url: r == null ? void 0 : r.url,
-      mimeType: r == null ? void 0 : r.mimeType
-    }
-  ) : /* @__PURE__ */ e.jsx(e.Fragment, {});
-}, 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(y, {});
-      case "pdf":
-        return /* @__PURE__ */ e.jsx(v, {});
-      case "word":
-        return /* @__PURE__ */ e.jsx(Z, {});
-      case "text":
-        return /* @__PURE__ */ e.jsx(Y, {});
-      case "excel":
-        return /* @__PURE__ */ e.jsx(X, {});
-      case "presentation":
-        return /* @__PURE__ */ e.jsx(Q, {});
-      default:
-        return /* @__PURE__ */ e.jsx(K, {});
-    }
-  }, [s]), [f, x] = d(!1), { t: I } = H(W);
-  return s !== "file" && s !== "text" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      T,
-      {
-        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(G, { children: [
-          /* @__PURE__ */ e.jsx(
-            g,
-            {
-              tooltip: r,
-              icon: /* @__PURE__ */ e.jsx(tt, {}),
-              target: "_blank",
-              href: o,
-              style: { textDecoration: "none" },
-              children: I("str.openInNewTab")
-            }
-          ),
-          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: o, children: "Download PDF" }),
-            "."
-          ] }) : /* @__PURE__ */ e.jsxs(
-            "iframe",
-            {
-              title: r,
-              src: `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(
-                o
-              )}`,
-              width: "100%",
-              height: "700px",
-              children: [
-                "This browser does not support open ",
-                s.toUpperCase(),
-                ". Please download the",
-                s.toUpperCase(),
-                " to view it:",
-                /* @__PURE__ */ e.jsxs("a", { href: o, children: [
-                  "Download ",
-                  s.toUpperCase()
-                ] }),
-                "."
-              ]
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      g,
-      {
-        tooltip: r,
-        icon: l,
-        shape: "circle",
-        onClick: () => x(!0)
-      }
-    )
-  ] }) : /* @__PURE__ */ e.jsx(
-    g,
-    {
-      tooltip: r,
-      icon: l,
-      target: "_blank",
-      href: o,
-      shape: "circle"
-    }
-  );
-};
-export {
-  et as FileCellValue,
-  $t as FileCrudCellValue,
-  Pt as default
-};

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

@@ -1 +0,0 @@
-"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,116 +0,0 @@
-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 r } from "../../../_virtual/jsx-runtime.js";
-/* empty css          */
-import N from "../../../_virtual/index.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 re extends J {
-  constructor(t = "", s = "") {
-    super();
-    h(this, "rootPath");
-    h(this, "subPath");
-    this.rootPath = t, this.subPath = s;
-  }
-  cloneFilePath(t) {
-    const s = N.parse(t), l = `${s.name}_cloned_${S.randInt(1e5)}`;
-    return N.format({
-      dir: s.dir,
-      ext: s.ext,
-      name: l
-    });
-  }
-  generateFileName(t) {
-    return `${t.split(".")[0]}_${z().replace("-", "")}`;
-  }
-}
-function le({
-  name: e,
-  label: a,
-  required: t,
-  provider: s,
-  onUploading: l,
-  aspectRatio: p,
-  onRemoved: m,
-  fieldClassName: d,
-  hideLabel: V = !1,
-  listType: C
-}) {
-  const n = x.useFormInstance(), u = x.useWatch(e, n), [I, $] = F(!1), P = O(
-    async (i, g) => {
-      if (g) {
-        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(i);
-        const o = n.getFieldsValue(), c = await s.delete(o[e]);
-        m == null || m(), c && n.setFieldsValue({ [e]: null });
-      }
-    },
-    [n, e, m, l, s]
-  ), [f, j] = F();
-  return w(() => {
-    !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 ? D.required(a) : [],
-      label: V ? null : a,
-      required: t,
-      name: e,
-      children: [
-        /* @__PURE__ */ r.jsx(
-          W,
-          {
-            noStyle: !0,
-            listType: C,
-            aspectRatio: p,
-            values: f,
-            onRemove: (i) => {
-              i && P(i, !1);
-            },
-            onAdd: async (i) => {
-              i && await P(i, !0);
-            },
-            className: d
-          }
-        ),
-        /* @__PURE__ */ r.jsx(q, { hidden: !0 })
-      ]
-    }
-  ) });
-}
-const ie = ({ provider: e, value: a }) => {
-  const [t, s] = F();
-  return w(() => {
-    a && e.getRealUrl(a).then(s);
-  }, [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__ */ r.jsx(H, {})
-    }
-  }
-) });
-export {
-  J as FileDownloadProvider,
-  re as FileUploadProvider,
-  K as ImageCellValue,
-  ie as ImageCrudCellValue,
-  le as default
-};

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

@@ -1 +0,0 @@
-"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,31 +0,0 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.js";
-import { useState as e } from "react";
-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 } = p(s), [m, t] = e(!1);
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
-      i,
-      {
-        open: m,
-        onCloseMethod: t,
-        ...r
-      }
-    ),
-    /* @__PURE__ */ o.jsx(
-      f,
-      {
-        icon: /* @__PURE__ */ o.jsx(u, {}),
-        onClick: () => t(!0),
-        children: n("str.import")
-      }
-    )
-  ] });
-}
-export {
-  I as default
-};

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

@@ -1,2 +0,0 @@
-"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;

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

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

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

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

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

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