@kingteza/crud-component 1.0.64 → 1.0.66

package/App.d.ts

@@ -23,3 +23,129 @@ export type Purchase = {
 };
 declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;
+export declare const useWorkShiftCrudComponentProps: () => {
+    onCreate: (e: any) => Promise<void>;
+    onUpdate: (e: any) => Promise<void>;
+    onDelete: (e: any) => Promise<void>;
+    isCreating: boolean;
+    isUpdating: boolean;
+    isDeleting: boolean;
+    fields: ({
+        grid: {
+            md: number;
+            xs: number;
+        };
+        name: string;
+        label: string;
+        type: string;
+        required: boolean;
+        hideInTable?: undefined;
+        format?: undefined;
+        use12Hours?: undefined;
+        readonly?: undefined;
+        int?: undefined;
+        max?: undefined;
+    } | {
+        grid: {
+            md: number;
+            xs: number;
+        };
+        name: string;
+        label: string;
+        type: string;
+        hideInTable: boolean;
+        required?: undefined;
+        format?: undefined;
+        use12Hours?: undefined;
+        readonly?: undefined;
+        int?: undefined;
+        max?: undefined;
+    } | {
+        grid: {
+            md: number;
+            xs: number;
+        };
+        name: string;
+        label: string;
+        type: string;
+        format: string;
+        use12Hours: boolean;
+        required: boolean;
+        hideInTable?: undefined;
+        readonly?: undefined;
+        int?: undefined;
+        max?: undefined;
+    } | {
+        grid: {
+            md: number;
+            xs: number;
+        };
+        name: string;
+        label: string;
+        type: string;
+        format: string;
+        use12Hours: boolean;
+        readonly: boolean;
+        required?: undefined;
+        hideInTable?: undefined;
+        int?: undefined;
+        max?: undefined;
+    } | {
+        grid: {
+            md: number;
+            xs: number;
+        };
+        name: string;
+        label: string;
+        type: string;
+        int: boolean;
+        required: boolean;
+        hideInTable: boolean;
+        format?: undefined;
+        use12Hours?: undefined;
+        readonly?: undefined;
+        max?: undefined;
+    } | {
+        grid: {
+            md: number;
+            xs: number;
+        };
+        name: string;
+        label: string;
+        type: string;
+        int: boolean;
+        required: boolean;
+        hideInTable: boolean;
+        max: number;
+        format?: undefined;
+        use12Hours?: undefined;
+        readonly?: undefined;
+    } | {
+        name: string;
+        label: string;
+        type: string;
+        int: boolean;
+        required: boolean;
+        grid?: undefined;
+        hideInTable?: undefined;
+        format?: undefined;
+        use12Hours?: undefined;
+        readonly?: undefined;
+        max?: undefined;
+    } | {
+        grid: {
+            md: number;
+            xs: number;
+        };
+        name: string;
+        label: string;
+        type: string;
+        int: boolean;
+        required: boolean;
+        hideInTable?: undefined;
+        format?: undefined;
+        use12Hours?: undefined;
+        readonly?: undefined;
+        max?: undefined;
+    })[];
+};

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"),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

@@ -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,88 @@
+import { jsxs as E, Fragment as H, jsx as j } from "react/jsx-runtime";
+import { useRef as x, useCallback as V } from "react";
+import F from "../../common/button/CloneButtonTable.es.js";
+import k from "../../common/button/DeleteButtonTable.es.js";
+import { ExportButton as r } from "../../common/button/ExportButton.es.js";
+import C from "../../common/button/HideButtonTable.es.js";
+import R from "../../common/button/UpdateButtonTable.es.js";
+import I from "../modal/index.es.js";
+function a({
+  data: y,
+  idField: b = "id",
+  extraAction: q,
+  onUpdate: z,
+  onClickUpdate: h,
+  onClickClone: T,
+  onDelete: u,
+  onHide: G,
+  onExport: J,
+  isHiding: L,
+  isDeleting: N,
+  confirmHiding: _,
+  confirmDeleting: $,
+  closeViewOnClickUpdate: w,
+  recentUpdateOrDeleteId: Q,
+  setRecentUpdateOrDeleteId: v,
+  setOpenView: K,
+  inBuiltModalProps: f
+}) {
+  var X;
+  const g = q == null ? void 0 : q(y), S = x(null), W = V(
+    (m, A = !0, Y = !1) => {
+      var Z;
+      v == null || v(m[b]), f ? (Z = S.current) == null || Z.update(m, A, Y) : Y ? T == null || T(m) : h == null || h(m), w && (K == null || K(void 0));
+    },
+    [f, h]
+  );
+  return console.log({
+    onUpdate: z,
+    onClickUpdate: h,
+    onClickClone: T,
+    onDelete: u
+  }), (Array.isArray(g) ? (X = g == null ? void 0 : g.filter(Boolean)) != null && X.length : g) || z || h || f != null && f.onUpdate || T || f != null && f.onCreate || u || J || G ? /* @__PURE__ */ E(H, { children: [
+    f && /* @__PURE__ */ j(I, { ref: S, ...f }),
+    g,
+    (z || h || (f == null ? void 0 : f.onUpdate)) && /* @__PURE__ */ j(R, { value: y, onClick: (m) => W(m) }),
+    (T || (f == null ? void 0 : f.onCreate)) && /* @__PURE__ */ j(
+      F,
+      {
+        value: y,
+        onClick: (m) => W(m, !1, !0)
+      }
+    ),
+    J && /* @__PURE__ */ j(
+      r,
+      {
+        value: y,
+        onClick: async (m) => await J(m)
+      }
+    ),
+    G && /* @__PURE__ */ j(
+      C,
+      {
+        value: y,
+        disabled: L,
+        shouldConfirm: _,
+        loading: L && y[b] === Q,
+        onClick: async (m) => {
+          v == null || v(m[b]), await G({ [b]: m[b] });
+        }
+      }
+    ),
+    u && /* @__PURE__ */ j(
+      k,
+      {
+        value: y,
+        disabled: N,
+        shouldConfirm: $,
+        loading: N && y[b] === Q,
+        onClick: async (m) => {
+          v == null || v(m[b]), await u({ [b]: m[b] });
+        }
+      }
+    )
+  ] }) : void 0;
+}
+export {
+  a 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 n;const d=l?c:await s.validateFields(),i=u.filter(a=>a.type==="color"),o={};for(const a of i){const e=H.getRealName(a.name,"upsertFieldName"),r=s.getFieldValue(e);o[e]=typeof r=="string"?r:(n=r==null?void 0:r.toHexString())==null?void 0:n.toUpperCase()}Object.assign(d,o),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 o={};for(const n of u){const a=H.getRealName(n.name,"upsertFieldName"),e=c[a];if(i&&n.type==="image"){const r=e;try{const w=await n.provider.clone(r);o[a]=w;continue}catch{continue}}n.type==="date"||n.type==="time"?e&&(o[a]=Q(e)):n.type==="select"?n.multiple&&Array.isArray(e)?o[a]=e.map(r=>r[n.innerFieldId??"id"]):e&&typeof e=="object"?o[a]=e[n.innerFieldId??"id"]:(e&&typeof e=="string"||typeof e=="number")&&(o[a]=e):o[a]=e}s.setFieldsValue(o),y(o),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;