@kingteza/crud-component 1.0.66 → 1.2.0

package/crud/CrudSearchComponent.es.js

@@ -1,96 +0,0 @@
-import { jsx as o, Fragment as j, jsxs as v } from "react/jsx-runtime";
-import { useMemo as l, useCallback as E, useEffect as R, createElement as S } from "react";
-import { SearchOutlined as _ } from "@ant-design/icons";
-import { Form as N, Row as q, Col as w } from "antd";
-import B from "./CrudField.es.js";
-import M from "../util/CrudUtil.es.js";
-import T from "../common/button/Button.es.js";
-function I({
-  searchFields: t = [],
-  fields: u,
-  searchOnChange: d,
-  onSearch: i,
-  searchDefaultValues: g,
-  searchFieldsCustomColumnProps: b
-}) {
-  const k = l(
-    () => t.map((n) => typeof n == "string" ? {
-      ...u.find((p) => n === p.name),
-      required: !1
-    } : {
-      ...u.find(
-        (e) => (n == null ? void 0 : n.name) === e.name
-      ),
-      ...n
-    }).filter((n) => n && !(n != null && n.hidden)),
-    [t, u]
-  ), y = l(
-    () => t.length === 1 ? { field: 22, button: 2 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 6, button: 6 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
-    [t.length]
-  ), a = l(
-    () => t.length === 1 ? { field: 22, button: 2 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 6, button: 6 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
-    [t.length]
-  ), x = 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] = N.useForm(), r = E(
-    async (n) => {
-      if ((n || d) && i) {
-        const m = await f.validateFields();
-        i(m);
-      }
-    },
-    [f, i, d]
-  );
-  return R(() => {
-    g && (f.setFieldsValue(g), r(!0));
-  }, [f, g]), t != null && t.length ? /* @__PURE__ */ o(
-    N,
-    {
-      form: f,
-      onFinish: () => r(!0),
-      layout: "vertical",
-      className: "mb-2",
-      onChange: () => r(!1),
-      children: /* @__PURE__ */ v(q, { gutter: [4, 8], className: "w-100", children: [
-        k.map((n, m) => {
-          const e = (b == null ? void 0 : b[m]) ?? {
-            md: y.field,
-            sm: a.field,
-            xs: x.field
-          }, p = M.getRealName(n.name);
-          return /* @__PURE__ */ S(
-            w,
-            {
-              ...e,
-              key: `search_field_${String(p)}`,
-              className: "align-self-end"
-            },
-            /* @__PURE__ */ o(B, { ...n, readonly: !1, fieldClassName: "mb-0" })
-          );
-        }),
-        /* @__PURE__ */ o(
-          w,
-          {
-            md: y.button,
-            sm: a.button,
-            xs: x.button,
-            style: { alignSelf: "end" },
-            children: /* @__PURE__ */ o(
-              T,
-              {
-                type: "primary",
-                htmlType: "submit",
-                block: !0,
-                icon: /* @__PURE__ */ o(_, {})
-              }
-            )
-          }
-        )
-      ] })
-    }
-  ) : /* @__PURE__ */ o(j, {});
-}
-export {
-  I as default
-};

package/crud/CrudTextAreaComponent.cjs.js

@@ -1 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),C=require("../common/text-field/TextArea.cjs.js"),T=require("../common/rich/index.cjs.js"),h=require("antd"),j=require("../util/CrudUtil.cjs.js"),p=({onChange:t,label:r,required:s,rules:o,name:i,updatable:n=!0,...c})=>{const a=h.Form.useFormInstance(),l=j.getRealName(i,"upsertFieldName");if(c.rich)return u.jsx(T.RichTextEditor,{name:l,label:r,required:s,rules:o,disabled:!n});{const{placeholder:m,rows:x,cols:f,fieldClassName:N,fieldTooltip:q}=c;return u.jsx(C.default,{rules:o,placeholder:m,onChange:t?e=>{var d;return t((d=e==null?void 0:e.target)==null?void 0:d.value,a)}:void 0,tooltip:q,required:s,disabled:!n,name:i,label:r,className:N,rows:x,cols:f})}};module.exports=p;

package/crud/CrudTextAreaComponent.d.ts

@@ -1,22 +0,0 @@
-import { InitialCrudField } from './CrudComponent';
-import { FormInstance } from 'antd/lib';
-interface InitialTextAreaProps<T> extends InitialCrudField<T> {
-    type: "textarea";
-    onChange?: (value: string, form: FormInstance<T>) => void;
-    /**
-     * number of lines to show. If false will not show truncated
-     * @default 2
-     */
-    truncated?: boolean | number;
-}
-interface TextAreaProps<T> extends InitialTextAreaProps<T> {
-    placeholder?: string;
-    rows?: number;
-    cols?: number;
-}
-interface RichTextAreaProps<T> extends InitialTextAreaProps<T> {
-    rich?: true;
-}
-export type TextAreaBasedFieldProps<T> = TextAreaProps<T> & RichTextAreaProps<T>;
-declare const CrudTextAreaComponent: <T>({ onChange, label, required, rules, name, updatable, ...props }: TextAreaBasedFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default CrudTextAreaComponent;

package/crud/CrudTextAreaComponent.es.js

@@ -1,52 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import N from "../common/text-field/TextArea.es.js";
-import { RichTextEditor as T } from "../common/rich/index.es.js";
-import { Form as h } from "antd";
-import F from "../util/CrudUtil.es.js";
-const E = ({
-  onChange: e,
-  label: t,
-  required: r,
-  rules: m,
-  name: i,
-  updatable: s = !0,
-  ...a
-}) => {
-  const c = h.useFormInstance(), f = F.getRealName(i, "upsertFieldName");
-  if (a.rich)
-    return /* @__PURE__ */ d(
-      T,
-      {
-        name: f,
-        label: t,
-        required: r,
-        rules: m,
-        disabled: !s
-      }
-    );
-  {
-    const { placeholder: l, rows: p, cols: u, fieldClassName: x, fieldTooltip: C } = a;
-    return /* @__PURE__ */ d(
-      N,
-      {
-        rules: m,
-        placeholder: l,
-        onChange: e ? (o) => {
-          var n;
-          return e((n = o == null ? void 0 : o.target) == null ? void 0 : n.value, c);
-        } : void 0,
-        tooltip: C,
-        required: r,
-        disabled: !s,
-        name: i,
-        label: t,
-        className: x,
-        rows: p,
-        cols: u
-      }
-    );
-  }
-};
-export {
-  E as default
-};

package/crud/FileCrudField.cjs.js

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

package/crud/FileCrudField.d.ts

@@ -1,25 +0,0 @@
-import { FC } from 'react';
-import { InitialCrudField } from './CrudComponent';
-import { FileDownloadProvider, FileUploadProvider } from './ImageCrudField';
-export interface FileCrudField<T> extends _FileCrudField<T> {
-    type: "file";
-}
-export interface _FileCrudField<T> extends InitialCrudField<T> {
-    provider: FileUploadProvider;
-    onUploading?: (isUploading: boolean) => void;
-    onRemoved?: () => void;
-    fieldClassName?: string;
-    accept?: string;
-    maxCount?: number;
-    block?: boolean;
-}
-export default function FileCrudFieldComponent<T>({ name, label, required, provider, onUploading, onRemoved, fieldClassName, accept, rules, maxCount, block, ...props }: Readonly<_FileCrudField<T>>): import("react/jsx-runtime").JSX.Element;
-export declare const FileCrudCellValue: FC<{
-    value: string;
-    provider: FileDownloadProvider;
-}>;
-export declare const FileCellValue: FC<{
-    url: string;
-    mimeType?: string | null;
-    fileName: string;
-}>;

package/crud/FileCrudField.es.js

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

package/crud/ImageCrudField.cjs.js

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

package/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, }: Readonly<_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/crud/ImageCrudField.es.js

@@ -1,113 +0,0 @@
-var j = Object.defineProperty;
-var A = (e, a, t) => a in e ? j(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
-var h = (e, a, t) => A(e, typeof a != "symbol" ? a + "" : a, t);
-import { jsxs as E, jsx as n, Fragment 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 d from "path-browserify";
-import { useState as P, useCallback as B, useEffect as V } from "react";
-import G from "../util/NumberUtil.es.js";
-import H from "../util/ValidationUtil.es.js";
-import { v4 as J } from "uuid";
-import K from "../common/picker/ImagePicker.es.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 = d.parse(t), l = `${s.name}_cloned_${G.randInt(1e5)}`;
-    return d.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: x,
-  hideLabel: y = !1,
-  listType: C
-}) {
-  const i = F.useFormInstance(), u = F.useWatch(e, i), [p, $] = P(!1), N = B(
-    async (r, g) => {
-      if (g) {
-        l == null || l(!0);
-        const m = r.name, o = m.split("."), b = o[o.length - 1], k = s.generateFileName(m), O = `${await s.getInitialPath()}/${k}.${b}`, _ = await s.upload(r, O);
-        $(!0), l == null || l(!1), i.setFieldValue(e, _);
-      } 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, w] = P();
-  return V(() => {
-    !p && u ? s.getRealUrl(u).then(w) : w(f);
-  }, [u, p, s, f]), /* @__PURE__ */ E(
-    F.Item,
-    {
-      rules: t ? H.required(a) : [],
-      label: y ? null : a,
-      required: t,
-      name: e,
-      children: [
-        /* @__PURE__ */ n(
-          K,
-          {
-            noStyle: !0,
-            listType: C,
-            aspectRatio: I,
-            values: f,
-            onRemove: (r) => {
-              r && N(r, !1);
-            },
-            onAdd: async (r) => {
-              r && await N(r, !0);
-            },
-            className: x
-          }
-        ),
-        /* @__PURE__ */ n(W, { hidden: !0 })
-      ]
-    }
-  );
-}
-const re = ({ provider: e, value: a }) => {
-  const [t, s] = P();
-  return V(() => {
-    a && e.getRealUrl(a).then(s);
-  }, [e, a]), t ? /* @__PURE__ */ n(M, { url: t }) : /* @__PURE__ */ n(S, {});
-}, 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/crud/actions/index.cjs.js

@@ -1 +0,0 @@
-"use strict";const v=require("react/jsx-runtime"),Y=require("react"),A=require("../../common/button/CloneButtonTable.cjs.js"),H=require("../../common/button/DeleteButtonTable.cjs.js"),V=require("../../common/button/ExportButton.cjs.js"),s=require("../../common/button/HideButtonTable.cjs.js"),c=require("../../common/button/UpdateButtonTable.cjs.js"),r=require("../modal/index.cjs.js");function F({data:b,idField:j="id",extraAction:T,onUpdate:g,onClickUpdate:m,onClickClone:x,onDelete:h,onHide:z,onExport:E,isHiding:J,isDeleting:K,confirmHiding:Z,confirmDeleting:_,closeViewOnClickUpdate:$,recentUpdateOrDeleteId:L,setRecentUpdateOrDeleteId:q,setOpenView:G,inBuiltModalProps:f}){var S;const y=T==null?void 0:T(b),N=Y.useRef(null),Q=Y.useCallback((u,w=!0,W=!1)=>{var X;q==null||q(u[j]),f?(X=N.current)==null||X.update(u,w,W):W?x==null||x(u):m==null||m(u),$&&(G==null||G(void 0))},[f,m]);return console.log({onUpdate:g,onClickUpdate:m,onClickClone:x,onDelete:h}),(Array.isArray(y)?(S=y==null?void 0:y.filter(Boolean))!=null&&S.length:y)||g||m||f!=null&&f.onUpdate||x||f!=null&&f.onCreate||h||E||z?v.jsxs(v.Fragment,{children:[f&&v.jsx(r,{ref:N,...f}),y,(g||m||(f==null?void 0:f.onUpdate))&&v.jsx(c,{value:b,onClick:u=>Q(u)}),(x||(f==null?void 0:f.onCreate))&&v.jsx(A,{value:b,onClick:u=>Q(u,!1,!0)}),E&&v.jsx(V.ExportButton,{value:b,onClick:async u=>await E(u)}),z&&v.jsx(s,{value:b,disabled:J,shouldConfirm:Z,loading:J&&b[j]===L,onClick:async u=>{q==null||q(u[j]),await z({[j]:u[j]})}}),h&&v.jsx(H,{value:b,disabled:K,shouldConfirm:_,loading:K&&b[j]===L,onClick:async u=>{q==null||q(u[j]),await h({[j]:u[j]})}})]}):void 0}module.exports=F;

package/crud/actions/index.d.ts

@@ -1,26 +0,0 @@
-import { ReactElement } from 'react';
-import { default as IdProps } from '../../types/Id';
-import { CrudModalProps } from '../modal';
-export interface CrudActionsProps<T, FormType> {
-    idField?: string;
-    extraAction?: (t: T) => ReactElement | undefined | ReactElement[];
-    onUpdate?: (t: FormType & IdProps) => Promise<any>;
-    onClickUpdate?: (t: T) => void;
-    onClickClone?: (t: T) => Promise<any>;
-    onDelete?: (id: any) => Promise<any>;
-    onHide?: (id: any) => Promise<any>;
-    onExport?: (t: T) => Promise<any>;
-    isHiding?: boolean;
-    isDeleting?: boolean;
-    confirmHiding?: boolean;
-    confirmDeleting?: boolean;
-    closeViewOnClickUpdate?: boolean;
-    recentUpdateOrDeleteId?: string;
-    setRecentUpdateOrDeleteId?: (id: string) => void;
-    setOpenView?: (data: T | undefined) => void;
-    inBuiltModalProps?: CrudModalProps<T, FormType>;
-}
-declare function CrudActions<T, FormType>({ data, idField, extraAction, onUpdate, onClickUpdate, onClickClone, onDelete, onHide, onExport, isHiding, isDeleting, confirmHiding, confirmDeleting, closeViewOnClickUpdate, recentUpdateOrDeleteId, setRecentUpdateOrDeleteId, setOpenView, inBuiltModalProps, }: CrudActionsProps<T, FormType> & {
-    data: T;
-}): import("react/jsx-runtime").JSX.Element | undefined;
-export default CrudActions;