@kingteza/crud-component 1.0.22 → 1.0.24

package/dist/components/crud/FileCrudField.js

@@ -1,220 +0,0 @@
-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 { 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.js";
-import et from "../../util/ValidationUtil.js";
-import C from "../common/button/Button.js";
-import st from "../common/layout/VerticalSpace.js";
-function wt({
-  name: n,
-  label: t,
-  required: r,
-  provider: e,
-  onUploading: a,
-  onRemoved: u,
-  fieldClassName: w,
-  accept: I,
-  rules: _,
-  maxCount: V = 1,
-  block: L,
-  ...W
-}) {
-  const d = P.useFormInstance(), h = P.useWatch(n, d), [b, A] = p(!1), [D, q] = p(!1), B = U(
-    async (l) => {
-      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}`;
-        console.log({ filePath: M });
-        const S = await e.upload(
-          { ...i, originFileObj: i },
-          M
-        );
-        a == null || a(!1), d.setFieldValue(n, S), (c = l.onSuccess) == null || c.call(l, S);
-      } catch (i) {
-        (o = l.onError) == null || o.call(l, i);
-      } finally {
-        A(!1);
-      }
-    },
-    [d, n, a, e]
-  ), [F, E] = p([]);
-  j(() => {
-    !D && h && Promise.all(
-      (Array.isArray(h) ? h : [h]).map(
-        async (l) => {
-          const c = $.getType(l), o = l.split("/").pop(), i = await e.getRealUrl(l);
-          return {
-            uid: l,
-            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 }));
-      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 });
-    },
-    [d, n, u, e]
-  );
-  return /* @__PURE__ */ f(
-    P.Item,
-    {
-      label: t,
-      required: r,
-      name: n,
-      className: w,
-      rules: [
-        ...r ? et.required(t) : [],
-        ..._ ?? []
-      ],
-      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,
-            customRequest: B,
-            onRemove: H,
-            listType: "picture",
-            onChange: ({ fileList: l }) => {
-              E(l);
-            },
-            style: L ? { width: "100%" } : void 0,
-            children: /* @__PURE__ */ s(C, { loading: b, children: "Upload File" })
-          }
-        )
-      ]
-    }
-  );
-}
-const Ft = ({ provider: n, value: t }) => {
-  const [r, e] = p();
-  return j(() => {
-    t && n.getRealUrl(t).then((a) => {
-      e({
-        mimeType: $.getType(t),
-        url: a,
-        fileName: t.split("/").pop() ?? t
-      });
-    });
-  }, [n, t]), r ? /* @__PURE__ */ s(
-    rt,
-    {
-      fileName: r.fileName,
-      url: r == null ? void 0 : r.url,
-      mimeType: r == null ? void 0 : r.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(() => {
-    switch (e) {
-      case "image":
-        return /* @__PURE__ */ s(Z, {});
-      case "pdf":
-        return /* @__PURE__ */ s(Y, {});
-      case "word":
-        return /* @__PURE__ */ s(X, {});
-      case "text":
-        return /* @__PURE__ */ s(Q, {});
-      case "excel":
-        return /* @__PURE__ */ s(K, {});
-      case "presentation":
-        return /* @__PURE__ */ s(J, {});
-      default:
-        return /* @__PURE__ */ s(G, {});
-    }
-  }, [e]), [u, w] = p(!1), { t: I } = T(tt);
-  return e !== "file" && e !== "text" ? /* @__PURE__ */ f(O, { children: [
-    /* @__PURE__ */ s(
-      m,
-      {
-        open: u,
-        title: r,
-        onCancel: () => w(!1),
-        footer: /* @__PURE__ */ s(O, {}),
-        width: "100%",
-        style: { top: "8px", minHeight: "700px" },
-        destroyOnClose: !0,
-        children: /* @__PURE__ */ f(st, { children: [
-          /* @__PURE__ */ s(
-            C,
-            {
-              tooltip: r,
-              icon: /* @__PURE__ */ s(v, {}),
-              target: "_blank",
-              href: n,
-              style: { textDecoration: "none" },
-              children: I("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: [
-            "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,
-              src: `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(
-                n
-              )}`,
-              width: "100%",
-              height: "700px",
-              children: [
-                "This browser does not support open ",
-                e.toUpperCase(),
-                ". Please download the",
-                e.toUpperCase(),
-                " to view it:",
-                /* @__PURE__ */ f("a", { href: n, children: [
-                  "Download ",
-                  e.toUpperCase()
-                ] }),
-                "."
-              ]
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ s(
-      C,
-      {
-        tooltip: r,
-        icon: a,
-        shape: "circle",
-        onClick: () => w(!0)
-      }
-    )
-  ] }) : /* @__PURE__ */ s(
-    C,
-    {
-      tooltip: r,
-      icon: a,
-      target: "_blank",
-      href: n,
-      shape: "circle"
-    }
-  );
-};
-export {
-  rt as FileCellValue,
-  Ft as FileCrudCellValue,
-  wt as default
-};

package/dist/components/crud/ImageCrudField.cjs

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

package/dist/components/crud/ImageCrudField.d.ts

@@ -1,38 +0,0 @@
-import { UploadListType } from 'antd/es/upload/interface';
-import { UploadFile } from 'antd/lib';
-import { FC } from 'react';
-import { InitialCrudField } from './CrudComponent';
-export interface _ImageCrudField<T> extends InitialCrudField<T> {
-    provider: FileUploadProvider;
-    onUploading?: (isUploading: boolean) => void;
-    onRemoved?: () => void;
-    aspectRatio?: number;
-    fieldClassName?: string;
-    listType?: UploadListType;
-}
-export interface ImageCrudField<T> extends _ImageCrudField<T> {
-    type: "image";
-}
-export declare abstract class FileDownloadProvider {
-    abstract getRealUrl(filePath?: string): Promise<string>;
-}
-export declare abstract class FileUploadProvider extends FileDownloadProvider {
-    rootPath: string;
-    subPath: string;
-    constructor(rootPath?: string, subPath?: string);
-    cloneFilePath(filePath: string): string;
-    abstract getInitialPath(): Promise<string>;
-    abstract upload(file: UploadFile<any>, filePath: string): Promise<string>;
-    abstract delete(filePath: string): Promise<boolean>;
-    abstract clone(filePath: string): Promise<string>;
-    abstract getRealUrl(filePath: string): Promise<string>;
-    generateFileName(initialFileName: string): string;
-}
-export default function ImageCrudFieldComponent<T>({ name, label, required, provider, onUploading, aspectRatio, onRemoved, fieldClassName, hideLabel, listType, }: _ImageCrudField<T>): import("react/jsx-runtime").JSX.Element;
-export declare const ImageCrudCellValue: FC<{
-    value: string;
-    provider: FileDownloadProvider;
-}>;
-export declare const ImageCellValue: FC<{
-    url: string;
-}>;

package/dist/components/crud/ImageCrudField.js

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

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

@@ -1 +0,0 @@
-"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"),p=require("./CrudImportComponent.cjs"),a=require("../../common/button/Button.cjs");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;

package/dist/components/crud/import/CrudImportButton.d.ts

@@ -1,3 +0,0 @@
-import { CrudImportComponentProps } from './CrudImportComponent';
-declare function CrudImportButton<T>(props: CrudImportComponentProps<T>): import("react/jsx-runtime").JSX.Element;
-export default CrudImportButton;

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

@@ -1,31 +0,0 @@
-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.js";
-import l from "./CrudImportComponent.js";
-import a from "../../common/button/Button.js";
-function N(r) {
-  const { t: m } = u(f), [n, t] = s(!1);
-  return /* @__PURE__ */ e(p, { children: [
-    /* @__PURE__ */ o(
-      l,
-      {
-        open: n,
-        onCloseMethod: t,
-        ...r
-      }
-    ),
-    /* @__PURE__ */ o(
-      a,
-      {
-        icon: /* @__PURE__ */ o(i, {}),
-        onClick: () => t(!0),
-        children: m("str.import")
-      }
-    )
-  ] });
-}
-export {
-  N as default
-};

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

@@ -1,2 +0,0 @@
-"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"),L=require("../view/CrudViewer.cjs"),z=require("../../../util/DateUtil.cjs"),_=require("../../common/button/Button.cjs"),$=require("../../common/button/ImportButton.cjs");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;

package/dist/components/crud/import/CrudImportComponent.d.ts

@@ -1,14 +0,0 @@
-import { CrudFieldProps } from '../CrudComponent';
-import { DialogProps } from 'types/DialogComponentProp';
-export interface CrudImportComponentProps<T> {
-    fields: CrudFieldProps<T>[];
-    importProps: CrudImportProps<T>;
-}
-export interface CrudImportProps<T> {
-    name: string;
-    onClickImport: (data: Array<T | any>, progressCallback: (progress: number) => void) => Promise<{
-        importJobId: string;
-    }>;
-}
-declare function CrudImportComponent<T>({ onCloseMethod, open, fields, importProps, }: DialogProps<never, boolean> & CrudImportComponentProps<T>): import("react/jsx-runtime").JSX.Element;
-export default CrudImportComponent;

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

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

package/dist/components/crud/index.d.ts

@@ -1,15 +0,0 @@
-export type { CheckboxBasedFieldProps, ColorPickerFieldProps, CrudComponentProps, CrudFieldGrid, CrudFieldProps, CrudPaginateProps, CrudPurpose, CrudWizardProp, DateBasedFieldProps, EnumCrudField, FormBuilderFunc, FormBuilderFunc0, GetFormFieldOptions, InitialCrudField, NumberBasedFieldProps, ObjectCrudField, SelectCrudField, SelectFieldItem, TextAreaBasedFieldProps, TextBasedFieldProps, TimeBasedFieldProps, } from './CrudComponent';
-export { default as CrudComponent } from './CrudComponent';
-export { default as CrudField, ColorCrudFieldComponent, SelectCrudFieldComponent, } from './CrudField';
-export { CrudForm, CrudFormFields } from './CrudForm';
-export type { CurdFormFieldsProps } from './CrudForm';
-export { default as CrudFormWizard } from './CrudFormWizard';
-export type { CrudFormWizardProps } from './CrudFormWizard';
-export type { CrudReportComponentProps, CrudReportSubmitForm, ReportCrudFields, SearchOnlyFields, } from './CrudReportComponent';
-export { default as CrudReportComponent } from './CrudReportComponent';
-export { default as CrudSearchComponent } from './CrudSearchComponent';
-export type { CrudSearchComponentProps, CrudSearchOption, } from './CrudSearchComponent';
-export { default as ImageCrudField, FileDownloadProvider, FileUploadProvider, ImageCellValue, ImageCrudCellValue, } from './ImageCrudField';
-export type { ImageCrudField as ImageCrudFieldProps } from './ImageCrudField';
-export { default as FileCrudField, FileCellValue, FileCrudCellValue, } from './FileCrudField';
-export type { FileCrudField as FileCrudFieldProps } from './FileCrudField';