@kingteza/crud-component 1.0.64 → 1.0.65

package/crud/CrudComponent.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("antd"),ce=require("dayjs"),n=require("react"),re=require("./CrudForm.cjs.js"),ue=require("./CrudFormWizard.cjs.js"),de=require("./import/CrudImportButton.cjs.js"),fe=require("./view/CrudViewer.cjs.js"),pe=require("../common/button/NewButton.cjs.js"),me=require("../common/button/PrintButton.cjs.js"),Fe=require("../locale/index.cjs.js"),M=require("../util/CrudUtil.cjs.js"),{useForm:ye}=y.Form;function ge({idField:g="id",onCreate:v,onDelete:T,onHide:W,onUpdate:p,fields:i,data:_,grid:A,isHiding:E,isCreating:q,isDeleting:H,isUpdating:N,paginateProps:L,onPrint:V,printing:G,viewable:J,loadingData:K,formBuilder:Q,extraAction:X,minusHeight:Y,cloneable:Z,fullWidthModal:$=!0,wizard:c,extraView:z,importable:P,onClickNew:O,size:ee,...te}){const{t:j}=Fe.useTranslationLib(),[k,x]=n.useState(!1),[m,B]=n.useState(),[se,b]=n.useState(),[r]=ye(),R=n.useCallback(async s=>{const d=c?s:await r.validateFields(),u=i.filter(o=>o.type==="color"),a={};u.forEach(o=>{var f;const l=M.getRealName(o.name,"upsertFieldName"),e=r.getFieldValue(l);a[l]=typeof e=="string"?e:(f=e==null?void 0:e.toHexString())==null?void 0:f.toUpperCase()}),Object.assign(d,a),m&&p?(await p({...d,[g]:m[g]}),B(void 0)):!m&&v&&await v(d),b(void 0),r.resetFields(),x(!1)},[i,r,g,v,p,m,c]),[ne,U]=n.useState(!1),[oe,h]=n.useState(!1);n.useEffect(()=>{k?(U(!1),h(!1)):C(void 0)},[k]);const w=n.useCallback(async s=>{U(s),h(!0)},[]),D=n.useCallback(async()=>{h(!0)},[]),[ae,I]=n.useState(!1),S=n.useCallback(async(s,d=!0,u=!1)=>{try{I(!0),x(!0),d&&C("update");const a={};for(const o of i){const l=M.getRealName(o.name,"upsertFieldName"),e=s[l];if(u&&o.type==="image"){const f=e;try{const ie=await o.provider.clone(f);a[l]=ie;continue}catch{continue}}o.type==="date"?e&&(a[l]=ce(e)):o.type==="select"?o.multiple&&Array.isArray(e)?a[l]=e.map(f=>f[o.innerFieldId??"id"]):e&&typeof e=="object"?a[l]=e[o.innerFieldId??"id"]:(e&&typeof e=="string"||typeof e=="number")&&(a[l]=e):a[l]=e}r.setFieldsValue(a),b(a),d&&B(s)}finally{I(!1)}},[i,r]),[F,C]=n.useState(),le=n.useCallback(async s=>{C("clone"),S(s,!1,!0)},[S]);return t.jsxs(t.Fragment,{children:[t.jsxs(y.Space,{direction:"vertical",className:"w-100",children:[t.jsxs("div",{className:"w-100 d-flex",children:[t.jsx("div",{style:{flex:1},children:t.jsx(pe.NewButton,{onClick:()=>{O?O():(x(s=>!s),C("new"))},className:"flex-1"})}),t.jsxs(y.Space,{children:[!!V&&t.jsx(me.PrintButton,{className:"float-right",loading:G,onClick:V}),!!P&&t.jsx(de,{fields:i,importProps:P})]})]}),t.jsx(fe,{...te,minusHeight:Y,data:_,size:ee,fields:i,extraAction:X,idField:g,isDeleting:H,loadingData:K,onClickUpdate:p?S:void 0,onHide:W,isHiding:E,onDelete:T,onUpdate:p,onClickClone:Z?le:void 0,paginateProps:L,viewable:J,extraView:z})]}),t.jsx(y.Modal,{width:$?"100%":void 0,title:j(F??"new"),open:k,confirmLoading:q||N,okText:j("str."+(F==="update"?"update":"save")),cancelText:j("str.cancel"),cancelButtonProps:{disabled:oe,hidden:!!c},okButtonProps:{disabled:ne,hidden:!!c},onCancel:async()=>{try{if(F==="clone"){const s=c?m:r.getFieldsValue(),d=i.filter(u=>u.type==="image");for(const u of d)s[u.name]&&u.provider.delete(s[u.name])}}finally{}c||r.resetFields(),b(void 0),B(void 0),x(!1)},onOk:()=>R(),destroyOnHidden:!0,children:t.jsxs(y.Spin,{spinning:ae,children:[!c&&t.jsx(re.CrudForm,{purpose:F,fields:i,form:r,formBuilder:Q,grid:A,onDeleteFile:D,onUploadFile:w}),c&&t.jsx(ue,{submitting:q||N,className:"mt-2",onSave:R,updatingValue:se,fields:i,onDeleteFile:D,onUploadFile:w,purpose:F,wizard:c})]})})]})}module.exports=ge;
+"use strict";const e=require("react/jsx-runtime"),l=require("antd"),t=require("react"),H=require("./modal/index.cjs.js"),J=require("./import/CrudImportButton.cjs.js"),K=require("./view/CrudViewer.cjs.js"),L=require("../common/button/NewButton.cjs.js"),M=require("../common/button/PrintButton.cjs.js"),{useForm:Q}=l.Form;function O({idField:a="id",onCreate:C,onDelete:j,onHide:m,onUpdate:n,fields:r,data:f,grid:k,isHiding:q,isCreating:h,isDeleting:p,isUpdating:B,paginateProps:w,onPrint:i,printing:N,viewable:v,loadingData:R,formBuilder:g,extraAction:y,minusHeight:b,cloneable:F,fullWidthModal:P=!0,wizard:S,extraView:I,importable:u,onClickNew:d,size:V,...z}){const c=t.useRef(null),A=t.useCallback(()=>{var s;(s=c.current)==null||s.create()},[]),o=t.useCallback(async(s,E=!0,G=!1)=>{var x;await((x=c.current)==null?void 0:x.update(s,E,G))},[]),D=t.useCallback(async s=>{o(s,!1,!0)},[o]);return e.jsxs(e.Fragment,{children:[e.jsxs(l.Space,{direction:"vertical",className:"w-100",children:[e.jsxs("div",{className:"w-100 d-flex",children:[e.jsx("div",{style:{flex:1},children:e.jsx(L.NewButton,{onClick:()=>{d?d():A()},className:"flex-1"})}),e.jsxs(l.Space,{children:[!!i&&e.jsx(M.PrintButton,{className:"float-right",loading:N,onClick:i}),!!u&&e.jsx(J,{fields:r,importProps:u})]})]}),e.jsx(K,{...z,minusHeight:b,data:f,size:V,fields:r,extraAction:y,idField:a,isDeleting:p,loadingData:R,onClickUpdate:n?o:void 0,onHide:m,isHiding:q,onDelete:j,onUpdate:n,onClickClone:F?D:void 0,paginateProps:w,viewable:v,extraView:I})]}),e.jsx(H,{ref:c,fields:r,wizard:S,grid:k,fullWidthModal:P,isCreating:h,isUpdating:B,onCreate:C,onUpdate:n,idField:a,formBuilder:g})]})}module.exports=O;

package/crud/CrudComponent.es.js

@@ -1,212 +1,123 @@
-import { jsxs as F, Fragment as de, jsx as d } from "react/jsx-runtime";
-import { Form as me, Space as w, Modal as ue, Spin as fe } from "antd";
-import pe from "dayjs";
-import { useState as m, useCallback as g, useEffect as ye } from "react";
-import { CrudForm as Fe } from "./CrudForm.es.js";
-import ge from "./CrudFormWizard.es.js";
-import ve from "./import/CrudImportButton.es.js";
-import Ce from "./view/CrudViewer.es.js";
-import { NewButton as Be } from "../common/button/NewButton.es.js";
-import { PrintButton as he } from "../common/button/PrintButton.es.js";
-import { useTranslationLib as ke } from "../locale/index.es.js";
-import A from "../util/CrudUtil.es.js";
-const { useForm: be } = me;
-function We({
-  idField: v = "id",
-  onCreate: h,
-  onDelete: E,
-  onHide: H,
-  onUpdate: f,
-  fields: i,
-  data: L,
-  grid: R,
-  isHiding: q,
-  isCreating: P,
-  isDeleting: G,
-  isUpdating: j,
-  paginateProps: J,
-  onPrint: O,
-  printing: K,
-  viewable: Q,
-  loadingData: X,
-  formBuilder: Y,
-  extraAction: Z,
-  minusHeight: $,
-  cloneable: z,
-  fullWidthModal: ee = !0,
-  wizard: s,
-  extraView: te,
-  importable: U,
-  onClickNew: D,
-  size: oe,
-  ...ne
+import { jsxs as e, Fragment as H, jsx as r } from "react/jsx-runtime";
+import { Space as f, Form as J } from "antd";
+import { useRef as K, useCallback as c } from "react";
+import L from "./modal/index.es.js";
+import O from "./import/CrudImportButton.es.js";
+import Q from "./view/CrudViewer.es.js";
+import { NewButton as T } from "../common/button/NewButton.es.js";
+import { PrintButton as U } from "../common/button/PrintButton.es.js";
+const { useForm: eo } = J;
+function to({
+  idField: i = "id",
+  onCreate: p,
+  onDelete: C,
+  onHide: h,
+  onUpdate: t,
+  fields: n,
+  data: k,
+  grid: x,
+  isHiding: v,
+  isCreating: w,
+  isDeleting: B,
+  isUpdating: N,
+  paginateProps: g,
+  onPrint: m,
+  printing: y,
+  viewable: j,
+  loadingData: F,
+  formBuilder: R,
+  extraAction: I,
+  minusHeight: M,
+  cloneable: P,
+  fullWidthModal: S = !0,
+  wizard: V,
+  extraView: b,
+  importable: s,
+  onClickNew: u,
+  size: q,
+  ...z
 }) {
-  const { t: k } = ke(), [b, C] = m(!1), [p, N] = m(), [le, x] = m(), [a] = be(), I = g(
-    async (t) => {
-      const c = s ? t : await a.validateFields(), r = i.filter((o) => o.type === "color"), n = {};
-      r.forEach((o) => {
-        var u;
-        const l = A.getRealName(o.name, "upsertFieldName"), e = a.getFieldValue(l);
-        n[l] = typeof e == "string" ? e : (u = e == null ? void 0 : e.toHexString()) == null ? void 0 : u.toUpperCase();
-      }), Object.assign(c, n), p && f ? (await f({
-        ...c,
-        [v]: p[v]
-      }), N(void 0)) : !p && h && await h(c), x(void 0), a.resetFields(), C(!1);
+  const l = K(null), A = c(() => {
+    var o;
+    (o = l.current) == null || o.create();
+  }, []), a = c(
+    async (o, E = !0, G = !1) => {
+      var d;
+      await ((d = l.current) == null ? void 0 : d.update(o, E, G));
     },
-    [i, a, v, h, f, p, s]
-  ), [ie, M] = m(!1), [se, V] = m(!1);
-  ye(() => {
-    b ? (M(!1), V(!1)) : B(void 0);
-  }, [b]);
-  const T = g(async (t) => {
-    M(t), V(!0);
-  }, []), W = g(async () => {
-    V(!0);
-  }, []), [ae, _] = m(!1), S = g(
-    async (t, c = !0, r = !1) => {
-      try {
-        _(!0), C(!0), c && B("update");
-        const n = {};
-        for (const o of i) {
-          const l = A.getRealName(o.name, "upsertFieldName"), e = t[l];
-          if (r && o.type === "image") {
-            const u = e;
-            try {
-              const ce = await o.provider.clone(u);
-              n[l] = ce;
-              continue;
-            } catch {
-              continue;
-            }
-          }
-          o.type === "date" ? e && (n[l] = pe(e)) : o.type === "select" ? o.multiple && Array.isArray(e) ? n[l] = e.map(
-            (u) => u[o.innerFieldId ?? "id"]
-          ) : e && typeof e == "object" ? n[l] = e[o.innerFieldId ?? "id"] : (e && typeof e == "string" || typeof e == "number") && (n[l] = e) : n[l] = e;
-        }
-        a.setFieldsValue(n), x(n), c && N(t);
-      } finally {
-        _(!1);
-      }
+    []
+  ), D = c(
+    async (o) => {
+      a(o, !1, !0);
     },
-    [i, a]
-  ), [y, B] = m(), re = g(
-    async (t) => {
-      B("clone"), S(t, !1, !0);
-    },
-    [S]
+    [a]
   );
-  return /* @__PURE__ */ F(de, { children: [
-    /* @__PURE__ */ F(w, { direction: "vertical", className: "w-100", children: [
-      /* @__PURE__ */ F("div", { className: "w-100 d-flex", children: [
-        /* @__PURE__ */ d("div", { style: { flex: 1 }, children: /* @__PURE__ */ d(
-          Be,
+  return /* @__PURE__ */ e(H, { children: [
+    /* @__PURE__ */ e(f, { direction: "vertical", className: "w-100", children: [
+      /* @__PURE__ */ e("div", { className: "w-100 d-flex", children: [
+        /* @__PURE__ */ r("div", { style: { flex: 1 }, children: /* @__PURE__ */ r(
+          T,
           {
             onClick: () => {
-              D ? D() : (C((t) => !t), B("new"));
+              u ? u() : A();
             },
             className: "flex-1"
           }
         ) }),
-        /* @__PURE__ */ F(w, { children: [
-          !!O && /* @__PURE__ */ d(
-            he,
+        /* @__PURE__ */ e(f, { children: [
+          !!m && /* @__PURE__ */ r(
+            U,
             {
               className: "float-right",
-              loading: K,
-              onClick: O
+              loading: y,
+              onClick: m
             }
           ),
-          !!U && /* @__PURE__ */ d(ve, { fields: i, importProps: U })
+          !!s && /* @__PURE__ */ r(O, { fields: n, importProps: s })
         ] })
       ] }),
-      /* @__PURE__ */ d(
-        Ce,
+      /* @__PURE__ */ r(
+        Q,
         {
-          ...ne,
-          minusHeight: $,
-          data: L,
-          size: oe,
-          fields: i,
-          extraAction: Z,
-          idField: v,
-          isDeleting: G,
-          loadingData: X,
-          onClickUpdate: f ? S : void 0,
-          onHide: H,
-          isHiding: q,
-          onDelete: E,
-          onUpdate: f,
-          onClickClone: z ? re : void 0,
-          paginateProps: J,
-          viewable: Q,
-          extraView: te
+          ...z,
+          minusHeight: M,
+          data: k,
+          size: q,
+          fields: n,
+          extraAction: I,
+          idField: i,
+          isDeleting: B,
+          loadingData: F,
+          onClickUpdate: t ? a : void 0,
+          onHide: h,
+          isHiding: v,
+          onDelete: C,
+          onUpdate: t,
+          onClickClone: P ? D : void 0,
+          paginateProps: g,
+          viewable: j,
+          extraView: b
         }
       )
     ] }),
-    /* @__PURE__ */ d(
-      ue,
+    /* @__PURE__ */ r(
+      L,
       {
-        width: ee ? "100%" : void 0,
-        title: k(y ?? "new"),
-        open: b,
-        confirmLoading: P || j,
-        okText: k("str." + (y === "update" ? "update" : "save")),
-        cancelText: k("str.cancel"),
-        cancelButtonProps: {
-          disabled: se,
-          hidden: !!s
-        },
-        okButtonProps: {
-          disabled: ie,
-          hidden: !!s
-        },
-        onCancel: async () => {
-          try {
-            if (y === "clone") {
-              const t = s ? p : a.getFieldsValue(), c = i.filter((r) => r.type === "image");
-              for (const r of c)
-                t[r.name] && r.provider.delete(
-                  t[r.name]
-                );
-            }
-          } finally {
-          }
-          s || a.resetFields(), x(void 0), N(void 0), C(!1);
-        },
-        onOk: () => I(),
-        destroyOnHidden: !0,
-        children: /* @__PURE__ */ F(fe, { spinning: ae, children: [
-          !s && /* @__PURE__ */ d(
-            Fe,
-            {
-              purpose: y,
-              fields: i,
-              form: a,
-              formBuilder: Y,
-              grid: R,
-              onDeleteFile: W,
-              onUploadFile: T
-            }
-          ),
-          s && /* @__PURE__ */ d(
-            ge,
-            {
-              submitting: P || j,
-              className: "mt-2",
-              onSave: I,
-              updatingValue: le,
-              fields: i,
-              onDeleteFile: W,
-              onUploadFile: T,
-              purpose: y,
-              wizard: s
-            }
-          )
-        ] })
+        ref: l,
+        fields: n,
+        wizard: V,
+        grid: x,
+        fullWidthModal: S,
+        isCreating: w,
+        isUpdating: N,
+        onCreate: p,
+        onUpdate: t,
+        idField: i,
+        formBuilder: R
       }
     )
   ] });
 }
 export {
-  We as default
+  to as default
 };

package/crud/actions/index.cjs.js

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

package/crud/actions/index.d.ts

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

package/crud/actions/index.es.js

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

package/crud/index.d.ts

@@ -16,4 +16,8 @@ export type { FileCrudField as FileCrudFieldProps } from './FileCrudField';
 export { default as CrudImportComponent } from './import/CrudImportComponent';
 export type { CrudImportComponentProps, CrudImportProps, } from './import/CrudImportComponent';
 export { default as CrudImportButton } from './import/CrudImportButton';
+export { default as CrudActions } from './actions';
+export type { CrudActionsProps } from './actions';
+export { default as CrudModal } from './modal';
+export type { CrudModalProps, CrudModalRef } from './modal';
 export * from './view';

package/crud/modal/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const g=require("react/jsx-runtime"),B=require("antd"),t=require("react"),G=require("../CrudForm.cjs.js"),J=require("../CrudFormWizard.cjs.js"),K=require("../../locale/index.cjs.js"),H=require("../../util/CrudUtil.cjs.js"),Q=require("dayjs"),X=({fields:u,wizard:l,grid:I,fullWidthModal:M,isCreating:h,isUpdating:j,onCreate:b,onUpdate:v,idField:k="id",formBuilder:T},W)=>{const[s]=B.Form.useForm(),{t:C}=K.useTranslationLib(),[S,m]=t.useState(!1),[p,q]=t.useState("new"),[f,F]=t.useState(),[_,y]=t.useState(),[A,N]=t.useState(!1),[L,x]=t.useState(!1),[E,V]=t.useState(!1),P=t.useCallback(async c=>{var o;const d=l?c:await s.validateFields(),i=u.filter(a=>a.type==="color"),n={};for(const a of i){const e=H.getRealName(a.name,"upsertFieldName"),r=s.getFieldValue(e);n[e]=typeof r=="string"?r:(o=r==null?void 0:r.toHexString())==null?void 0:o.toUpperCase()}Object.assign(d,n),f&&v?(await v({...d,[k]:f[k]}),F(void 0)):!f&&b&&await b(d),y(void 0),s.resetFields(),m(!1)},[u,s,k,b,v,f,l]),R=t.useCallback(async c=>{N(c),x(!0)},[]),U=t.useCallback(async()=>{x(!0)},[]),O=t.useCallback(()=>{m(!0),q("new"),s.resetFields(),F(void 0),y(void 0)},[s]),D=t.useCallback(async(c,d=!0,i=!1)=>{try{V(!0),m(!0),q(i?"clone":"update");const n={};for(const o of u){const a=H.getRealName(o.name,"upsertFieldName"),e=c[a];if(i&&o.type==="image"){const r=e;try{const w=await o.provider.clone(r);n[a]=w;continue}catch{continue}}o.type==="date"?e&&(n[a]=Q(e)):o.type==="select"?o.multiple&&Array.isArray(e)?n[a]=e.map(r=>r[o.innerFieldId??"id"]):e&&typeof e=="object"?n[a]=e[o.innerFieldId??"id"]:(e&&typeof e=="string"||typeof e=="number")&&(n[a]=e):n[a]=e}s.setFieldsValue(n),y(n),d&&F(c)}finally{V(!1)}},[u,s]);t.useImperativeHandle(W,()=>({create:O,update:D}),[O,D]),t.useEffect(()=>{S&&(N(!1),x(!1))},[S]);const $=t.useCallback(async()=>{try{if(p==="clone"){const c=l?f:s.getFieldsValue(),d=u.filter(i=>i.type==="image");for(const i of d)c[i.name]&&i.provider.delete(c[i.name])}}finally{}l||s.resetFields(),y(void 0),F(void 0),m(!1)},[p,l,s,f,u]);return g.jsx(B.Modal,{width:M?"100%":void 0,title:C(p??"new"),open:S,confirmLoading:h||j,okText:C("str."+(p==="update"?"update":"save")),cancelText:C("str.cancel"),cancelButtonProps:{disabled:L,hidden:!!l},okButtonProps:{disabled:A,hidden:!!l},onCancel:$,onOk:()=>P(),destroyOnHidden:!0,children:g.jsxs(B.Spin,{spinning:E,children:[l?null:g.jsx(G.CrudForm,{purpose:p,fields:u,form:s,formBuilder:T,grid:I,onDeleteFile:U,onUploadFile:R}),l&&g.jsx(J,{submitting:h||j,className:"mt-2",onSave:P,updatingValue:_,fields:u,onDeleteFile:U,onUploadFile:R,purpose:p,wizard:l})]})})},Y=t.forwardRef(X);module.exports=Y;

package/crud/modal/index.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'react';
+import { CrudFieldProps, CrudWizardProp, FormBuilderFunc } from '../CrudComponent';
+import { default as IdProps } from '../../types/Id';
+export interface CrudModalProps<T, FormType> {
+    fields: CrudFieldProps<T>[];
+    wizard?: CrudWizardProp<T>[];
+    grid?: boolean;
+    fullWidthModal?: boolean;
+    isCreating?: boolean;
+    isUpdating?: boolean;
+    onCreate?: (data: FormType) => Promise<any>;
+    onUpdate?: (data: FormType & IdProps) => Promise<any>;
+    idField?: string;
+    formBuilder?: FormBuilderFunc<T>;
+}
+export interface CrudModalRef<T> {
+    create: () => void;
+    update: (data: T, shouldSetUpdatingField?: boolean, isClone?: boolean) => Promise<void>;
+}
+declare const CrudModal: <T, FormType = T>({ fields, wizard, grid, fullWidthModal, isCreating, isUpdating, onCreate, onUpdate, idField, formBuilder, }: CrudModalProps<T, FormType>, ref: Ref<CrudModalRef<T>>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: <T, FormType = T>(props: CrudModalProps<T, FormType> & {
+    ref?: Ref<CrudModalRef<T>>;
+}) => ReturnType<typeof CrudModal>;
+export default _default;

package/crud/modal/index.es.js

@@ -0,0 +1,146 @@
+import { jsx as N, jsxs as G } from "react/jsx-runtime";
+import { Form as J, Modal as K, Spin as Q } from "antd";
+import { forwardRef as X, useState as u, useCallback as m, useImperativeHandle as Y, useEffect as Z } from "react";
+import { CrudForm as z } from "../CrudForm.es.js";
+import ee from "../CrudFormWizard.es.js";
+import { useTranslationLib as te } from "../../locale/index.es.js";
+import M from "../../util/CrudUtil.es.js";
+import oe from "dayjs";
+const ne = ({
+  fields: c,
+  wizard: l,
+  grid: R,
+  fullWidthModal: T,
+  isCreating: S,
+  isUpdating: V,
+  onCreate: v,
+  onUpdate: b,
+  idField: B = "id",
+  formBuilder: W
+}, _) => {
+  const [t] = J.useForm(), { t: h } = te(), [k, F] = u(!1), [f, x] = u("new"), [p, y] = u(), [A, g] = u(), [L, j] = u(!1), [E, C] = u(!1), [$, P] = u(!1), U = m(
+    async (i) => {
+      var n;
+      const d = l ? i : await t.validateFields(), a = c.filter((s) => s.type === "color"), o = {};
+      for (const s of a) {
+        const e = M.getRealName(s.name, "upsertFieldName"), r = t.getFieldValue(e);
+        o[e] = typeof r == "string" ? r : (n = r == null ? void 0 : r.toHexString()) == null ? void 0 : n.toUpperCase();
+      }
+      Object.assign(d, o), p && b ? (await b({
+        ...d,
+        [B]: p[B]
+      }), y(void 0)) : !p && v && await v(d), g(void 0), t.resetFields(), F(!1);
+    },
+    [c, t, B, v, b, p, l]
+  ), O = m(async (i) => {
+    j(i), C(!0);
+  }, []), D = m(async () => {
+    C(!0);
+  }, []), H = m(() => {
+    F(!0), x("new"), t.resetFields(), y(void 0), g(void 0);
+  }, [t]), I = m(
+    async (i, d = !0, a = !1) => {
+      try {
+        P(!0), F(!0), x(a ? "clone" : "update");
+        const o = {};
+        for (const n of c) {
+          const s = M.getRealName(
+            n.name,
+            "upsertFieldName"
+          ), e = i[s];
+          if (a && n.type === "image") {
+            const r = e;
+            try {
+              const w = await n.provider.clone(r);
+              o[s] = w;
+              continue;
+            } catch {
+              continue;
+            }
+          }
+          n.type === "date" ? e && (o[s] = oe(e)) : n.type === "select" ? n.multiple && Array.isArray(e) ? o[s] = e.map(
+            (r) => r[n.innerFieldId ?? "id"]
+          ) : e && typeof e == "object" ? o[s] = e[n.innerFieldId ?? "id"] : (e && typeof e == "string" || typeof e == "number") && (o[s] = e) : o[s] = e;
+        }
+        t.setFieldsValue(o), g(o), d && y(i);
+      } finally {
+        P(!1);
+      }
+    },
+    [c, t]
+  );
+  Y(
+    _,
+    () => ({
+      create: H,
+      update: I
+    }),
+    [H, I]
+  ), Z(() => {
+    k && (j(!1), C(!1));
+  }, [k]);
+  const q = m(async () => {
+    try {
+      if (f === "clone") {
+        const i = l ? p : t.getFieldsValue(), d = c.filter((a) => a.type === "image");
+        for (const a of d)
+          i[a.name] && a.provider.delete(i[a.name]);
+      }
+    } finally {
+    }
+    l || t.resetFields(), g(void 0), y(void 0), F(!1);
+  }, [f, l, t, p, c]);
+  return /* @__PURE__ */ N(
+    K,
+    {
+      width: T ? "100%" : void 0,
+      title: h(f ?? "new"),
+      open: k,
+      confirmLoading: S || V,
+      okText: h("str." + (f === "update" ? "update" : "save")),
+      cancelText: h("str.cancel"),
+      cancelButtonProps: {
+        disabled: E,
+        hidden: !!l
+      },
+      okButtonProps: {
+        disabled: L,
+        hidden: !!l
+      },
+      onCancel: q,
+      onOk: () => U(),
+      destroyOnHidden: !0,
+      children: /* @__PURE__ */ G(Q, { spinning: $, children: [
+        l ? null : /* @__PURE__ */ N(
+          z,
+          {
+            purpose: f,
+            fields: c,
+            form: t,
+            formBuilder: W,
+            grid: R,
+            onDeleteFile: D,
+            onUploadFile: O
+          }
+        ),
+        l && /* @__PURE__ */ N(
+          ee,
+          {
+            submitting: S || V,
+            className: "mt-2",
+            onSave: U,
+            updatingValue: A,
+            fields: c,
+            onDeleteFile: D,
+            onUploadFile: O,
+            purpose: f,
+            wizard: l
+          }
+        )
+      ] })
+    }
+  );
+}, fe = X(ne);
+export {
+  fe as default
+};

package/crud/view/CrudDecListView.cjs.js

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