@kingteza/crud-component 1.27.3 → 1.29.1

package/dist/crud/CrudForm.d.ts

@@ -1,11 +1,11 @@
 import { FormInstance, FormProps } from 'antd';
-import { CrudFieldProps, CrudPurpose, FormBuilderFunc } from './CrudComponent';
+import { CrudPurpose, FormBuilderFunc, ReadonlyCrudFields } from './CrudComponent';
 export interface CurdFormFieldsProps<T> {
     onDeleteFile?: (e: any) => void;
     onUploadFile?: (e: any) => void;
     grid?: boolean;
     formBuilder?: FormBuilderFunc<T>;
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     purpose?: CrudPurpose;
     onValuesChange?: FormProps<T>["onValuesChange"];
 }

package/dist/crud/CrudFormWizard.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),F=require("@ant-design/icons"),c=require("antd"),b=require("react"),R=require("../locale/index.cjs.js"),S=require("./CrudForm.cjs.js"),v=require("../common/wizard/WizardViewForm.cjs.js"),q=require("../util/CrudUtil.cjs.js"),y=require("../common/button/Button.cjs.js");function N({fields:d,className:h,onDeleteFile:f,onUploadFile:s,purpose:l,wizard:t=[],updatingValue:x,onSave:g,submitting:j,onValuesChange:u}){const m=b.useMemo(()=>t.map(r=>{let n=!0;const o=d.filter(i=>r.fields.includes(q.getRealName(i.name)));return o.forEach(i=>n&&(n=i.hidden??!1)),{...r,hidden:n,fieldThatShouldShowing:o}}),[d,t]),a=b.useMemo(()=>m.filter(r=>!r.hidden),[m]);return e.jsx(v,{onSubmit:(r,n)=>{g(n)},className:h,pages:a.map(({title:r,icon:n,fieldThatShouldShowing:o,hidden:i},k)=>({title:r,icon:n,hidden:i,component:C=>e.jsx(w,{fields:o,onDeleteFile:f,onUploadFile:s,purpose:l,i:k,updatingValue:x,backward:C.backward,forward:C.forward,wizard:a,submitting:j,onValuesChange:u},k)}))})}function w({fields:d,onDeleteFile:h,onUploadFile:f,purpose:s,wizard:l=[],i:t,forward:x,backward:g,submitting:j,updatingValue:u,onValuesChange:m}){const a=l[t],{t:r}=R.useTranslationLib(),[n]=c.Form.useForm();return b.useEffect(()=>{if(u&&(s==="update"||s==="clone")){const o={};for(const i of d)o[q.getRealName(i.name,"upsertFieldName")]=u[q.getRealName(i.name,"upsertFieldName")];n.setFieldsValue(o)}},[d,n,s,u]),e.jsxs(c.Form,{name:String(t),form:n,layout:"vertical",onValuesChange:m,children:[e.jsx(S.CrudFormFields,{fields:d,formBuilder:a.formBuilder,grid:a.grid,onDeleteFile:h,onUploadFile:f,purpose:s}),e.jsx(c.Divider,{}),e.jsxs(c.Row,{gutter:[8,8],children:[t>0&&e.jsx(c.Col,{md:12,children:e.jsx(y,{block:!0,icon:e.jsx(F.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>g(),children:r("str.back")})}),e.jsx(c.Col,{md:t>0?12:24,children:e.jsx(y,{block:!0,icon:l.length-1===t?e.jsx(F.SaveOutlined,{}):e.jsx(F.RightOutlined,{}),htmlType:"submit",type:"primary",loading:j,size:"large",onClick:()=>{n.validateFields().then(o=>{x(o,l.length-1===t,l.length-1===t)})},children:l.length-1===t?r("str."+(s==="update"?"update":"save")):r("str.next")})})]})]})}module.exports=N;
+"use strict";const e=require("react/jsx-runtime"),y=require("@ant-design/icons"),a=require("antd"),q=require("react"),R=require("../locale/index.cjs.js"),S=require("./CrudForm.cjs.js"),B=require("../common/wizard/WizardViewForm.cjs.js"),v=require("../util/CrudUtil.cjs.js"),k=require("../util/ObjectUtil.cjs.js"),C=require("../common/button/Button.cjs.js");function w({fields:u,className:x,onDeleteFile:j,onUploadFile:i,purpose:l,wizard:t=[],updatingValue:g,onSave:b,submitting:F,onValuesChange:d}){const h=q.useMemo(()=>t.map(r=>{let n=!0;const o=u.filter(c=>{const s=v.getRealName(c.name);return!Array.isArray(s)&&r.fields.includes(s)});return o.forEach(c=>n&&(n=c.hidden??!1)),{...r,hidden:n,fieldThatShouldShowing:o}}),[u,t]),m=q.useMemo(()=>h.filter(r=>!r.hidden),[h]);return e.jsx(B,{onSubmit:(r,n)=>{b(n)},className:x,pages:m.map(({title:r,icon:n,fieldThatShouldShowing:o,hidden:c},s)=>({title:r,icon:n,hidden:c,component:f=>e.jsx(O,{fields:o,onDeleteFile:j,onUploadFile:i,purpose:l,i:s,updatingValue:g,backward:f.backward,forward:f.forward,wizard:m,submitting:F,onValuesChange:d},s)}))})}function O({fields:u,onDeleteFile:x,onUploadFile:j,purpose:i,wizard:l=[],i:t,forward:g,backward:b,submitting:F,updatingValue:d,onValuesChange:h}){const m=l[t],{t:r}=R.useTranslationLib(),[n]=a.Form.useForm();return q.useEffect(()=>{if(d&&(i==="update"||i==="clone")){const o={};for(const c of u){const s=v.getRealName(c.name,"upsertFieldName"),f=k.getValueByPath(d,s);k.setValueByPath(o,s,f)}n.setFieldsValue(o)}},[u,n,i,d]),e.jsxs(a.Form,{name:String(t),form:n,layout:"vertical",onValuesChange:h,children:[e.jsx(S.CrudFormFields,{fields:u,formBuilder:m.formBuilder,grid:m.grid,onDeleteFile:x,onUploadFile:j,purpose:i}),e.jsx(a.Divider,{}),e.jsxs(a.Row,{gutter:[8,8],children:[t>0&&e.jsx(a.Col,{md:12,children:e.jsx(C,{block:!0,icon:e.jsx(y.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>b(),children:r("str.back")})}),e.jsx(a.Col,{md:t>0?12:24,children:e.jsx(C,{block:!0,icon:l.length-1===t?e.jsx(y.SaveOutlined,{}):e.jsx(y.RightOutlined,{}),htmlType:"submit",type:"primary",loading:F,size:"large",onClick:()=>{n.validateFields().then(o=>{g(o,l.length-1===t,l.length-1===t)})},children:l.length-1===t?r("str."+(i==="update"?"update":"save")):r("str.next")})})]})]})}module.exports=w;

package/dist/crud/CrudFormWizard.d.ts

@@ -1,9 +1,9 @@
 import { FormProps } from 'antd';
-import { CrudFieldProps, CrudPurpose, CrudWizardProp } from './CrudComponent';
+import { CrudPurpose, CrudWizardProp, ReadonlyCrudFields } from './CrudComponent';
 export interface CrudFormWizardProps<T> {
     onDeleteFile?: (e: any) => void;
     onUploadFile?: (e: any) => void;
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     purpose?: CrudPurpose;
     wizard?: CrudWizardProp<T>[];
     className?: string;

package/dist/crud/CrudFormWizard.es.js

@@ -1,145 +1,149 @@
-import { jsx as o, jsxs as y } from "react/jsx-runtime";
-import { LeftOutlined as R, SaveOutlined as w, RightOutlined as x } from "@ant-design/icons";
-import { Form as C, Divider as T, Row as W, Col as S } from "antd";
+import { jsx as o, jsxs as F } from "react/jsx-runtime";
+import { LeftOutlined as w, SaveOutlined as x, RightOutlined as R } from "@ant-design/icons";
+import { Form as k, Divider as T, Row as W, Col as C } from "antd";
 import { useMemo as v, useEffect as j } from "react";
 import { useTranslationLib as z } from "../locale/index.es.js";
-import { CrudFormFields as B } from "./CrudForm.es.js";
+import { CrudFormFields as N } from "./CrudForm.es.js";
 import O from "../common/wizard/WizardViewForm.es.js";
-import b from "../util/CrudUtil.es.js";
-import N from "../common/button/Button.es.js";
-function I({
+import B from "../util/CrudUtil.es.js";
+import { getValueByPath as A, setValueByPath as E } from "../util/ObjectUtil.es.js";
+import S from "../common/button/Button.es.js";
+function J({
   fields: d,
-  className: f,
-  onDeleteFile: s,
-  onUploadFile: m,
-  purpose: l,
+  className: h,
+  onDeleteFile: g,
+  onUploadFile: l,
+  purpose: m,
   wizard: e = [],
-  updatingValue: h,
-  onSave: g,
-  submitting: p,
-  onValuesChange: a
+  updatingValue: p,
+  onSave: b,
+  submitting: y,
+  onValuesChange: c
 }) {
-  const u = v(() => e.map((t) => {
+  const s = v(() => e.map((t) => {
     let r = !0;
-    const n = d.filter(
-      (i) => t.fields.includes(b.getRealName(i.name))
-    );
-    return n.forEach((i) => r && (r = i.hidden ?? !1)), {
+    const n = d.filter((a) => {
+      const i = B.getRealName(a.name);
+      return !Array.isArray(i) && t.fields.includes(i);
+    });
+    return n.forEach((a) => r && (r = a.hidden ?? !1)), {
       ...t,
       hidden: r,
       fieldThatShouldShowing: n
     };
-  }), [d, e]), c = v(
-    () => u.filter((t) => !t.hidden),
-    [u]
+  }), [d, e]), u = v(
+    () => s.filter((t) => !t.hidden),
+    [s]
   );
   return /* @__PURE__ */ o(
     O,
     {
       onSubmit: (t, r) => {
-        g(r);
+        b(r);
       },
-      className: f,
-      pages: c.map(
-        ({ title: t, icon: r, fieldThatShouldShowing: n, hidden: i }, F) => ({
+      className: h,
+      pages: u.map(
+        ({ title: t, icon: r, fieldThatShouldShowing: n, hidden: a }, i) => ({
           title: t,
           icon: r,
-          hidden: i,
-          component: (k) => /* @__PURE__ */ o(
-            E,
+          hidden: a,
+          component: (f) => /* @__PURE__ */ o(
+            L,
             {
               fields: n,
-              onDeleteFile: s,
-              onUploadFile: m,
-              purpose: l,
-              i: F,
-              updatingValue: h,
-              backward: k.backward,
-              forward: k.forward,
-              wizard: c,
-              submitting: p,
-              onValuesChange: a
+              onDeleteFile: g,
+              onUploadFile: l,
+              purpose: m,
+              i,
+              updatingValue: p,
+              backward: f.backward,
+              forward: f.forward,
+              wizard: u,
+              submitting: y,
+              onValuesChange: c
             },
-            F
+            i
           )
         })
       )
     }
   );
 }
-function E({
+function L({
   fields: d,
-  onDeleteFile: f,
-  onUploadFile: s,
-  purpose: m,
-  wizard: l = [],
+  onDeleteFile: h,
+  onUploadFile: g,
+  purpose: l,
+  wizard: m = [],
   i: e,
-  forward: h,
-  backward: g,
-  submitting: p,
-  updatingValue: a,
-  onValuesChange: u
+  forward: p,
+  backward: b,
+  submitting: y,
+  updatingValue: c,
+  onValuesChange: s
 }) {
-  const c = l[e], { t } = z(), [r] = C.useForm();
+  const u = m[e], { t } = z(), [r] = k.useForm();
   return j(() => {
-    if (a && (m === "update" || m === "clone")) {
+    if (c && (l === "update" || l === "clone")) {
       const n = {};
-      for (const i of d)
-        n[b.getRealName(i.name, "upsertFieldName")] = a[b.getRealName(i.name, "upsertFieldName")];
+      for (const a of d) {
+        const i = B.getRealName(a.name, "upsertFieldName"), f = A(c, i);
+        E(n, i, f);
+      }
       r.setFieldsValue(n);
     }
-  }, [d, r, m, a]), /* @__PURE__ */ y(
-    C,
+  }, [d, r, l, c]), /* @__PURE__ */ F(
+    k,
     {
       name: String(e),
       form: r,
       layout: "vertical",
-      onValuesChange: u,
+      onValuesChange: s,
       children: [
         /* @__PURE__ */ o(
-          B,
+          N,
           {
             fields: d,
-            formBuilder: c.formBuilder,
-            grid: c.grid,
-            onDeleteFile: f,
-            onUploadFile: s,
-            purpose: m
+            formBuilder: u.formBuilder,
+            grid: u.grid,
+            onDeleteFile: h,
+            onUploadFile: g,
+            purpose: l
           }
         ),
         /* @__PURE__ */ o(T, {}),
-        /* @__PURE__ */ y(W, { gutter: [8, 8], children: [
-          e > 0 && /* @__PURE__ */ o(S, { md: 12, children: /* @__PURE__ */ o(
-            N,
+        /* @__PURE__ */ F(W, { gutter: [8, 8], children: [
+          e > 0 && /* @__PURE__ */ o(C, { md: 12, children: /* @__PURE__ */ o(
+            S,
             {
               block: !0,
-              icon: /* @__PURE__ */ o(R, {}),
+              icon: /* @__PURE__ */ o(w, {}),
               htmlType: "button",
               type: "default",
               size: "large",
-              onClick: () => g(),
+              onClick: () => b(),
               children: t("str.back")
             }
           ) }),
-          /* @__PURE__ */ o(S, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ o(
-            N,
+          /* @__PURE__ */ o(C, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ o(
+            S,
             {
               block: !0,
-              icon: l.length - 1 === e ? /* @__PURE__ */ o(w, {}) : /* @__PURE__ */ o(x, {}),
+              icon: m.length - 1 === e ? /* @__PURE__ */ o(x, {}) : /* @__PURE__ */ o(R, {}),
               htmlType: "submit",
               type: "primary",
-              loading: p,
+              loading: y,
               size: "large",
               onClick: () => {
                 r.validateFields().then((n) => {
-                  h(
+                  p(
                     n,
-                    l.length - 1 === e,
-                    l.length - 1 === e
+                    m.length - 1 === e,
+                    m.length - 1 === e
                   );
                 });
               },
-              children: l.length - 1 === e ? t("str." + (m === "update" ? "update" : "save")) : t("str.next")
+              children: m.length - 1 === e ? t("str." + (l === "update" ? "update" : "save")) : t("str.next")
             }
           ) })
         ] })
@@ -148,5 +152,5 @@ function E({
   );
 }
 export {
-  I as default
+  J as default
 };

package/dist/crud/CrudReportComponent.d.ts

@@ -15,7 +15,7 @@ export type SearchOnlyFields<F> = CrudFieldProps<F> & {
 export type ReportCrudFields<T, F> = CrudFieldProps<T> | SearchOnlyFields<F>;
 export interface CrudReportComponentProps<T_Data, F_Search> {
     summary?: React.ReactNode;
-    fields: ReportCrudFields<T_Data, F_Search>[];
+    fields: readonly ReportCrudFields<T_Data, F_Search>[];
     onSubmit: (value: CrudReportSubmitForm<F_Search>) => void;
     data: T_Data[];
     idField?: string;
@@ -23,16 +23,16 @@ export interface CrudReportComponentProps<T_Data, F_Search> {
     size?: SizeType;
     paginateProps?: CrudPaginateProps;
     onClickPrint?: (props: {
-        fields: CrudFieldProps<T_Data>[] & {
+        fields: readonly (CrudFieldProps<T_Data> & {
             render: (value: any, obj: T_Data, index: number) => any;
-        }[];
+        })[];
         data: T_Data[];
         tableId: string;
     }) => void;
     onClickExcelExport?: (props: {
-        fields: CrudFieldProps<T_Data>[] & {
+        fields: readonly (CrudFieldProps<T_Data> & {
             render: (value: any, obj: T_Data, index: number) => any;
-        }[];
+        })[];
         data: T_Data[];
         tableId: string;
     }) => void;

package/dist/crud/CrudSearchComponent.d.ts

@@ -1,5 +1,5 @@
 import { ColProps } from 'antd/lib';
-import { CrudFieldProps } from './CrudComponent';
+import { ReadonlyCrudFields } from './CrudComponent';
 export type CrudSearchOption<T> = {
     required?: boolean;
 } & ({
@@ -12,7 +12,7 @@ export type CrudSearchOption<T> = {
 });
 export interface CrudSearchComponentProps<T, FormType> {
     searchFields?: Array<keyof T | CrudSearchOption<T>>;
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     searchOnChange?: boolean;
     searchDefaultValues?: FormType;
     onSearch?: (values: Partial<FormType>) => void;

package/dist/crud/actions/index.cjs.js

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

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

@@ -8,6 +8,8 @@ export interface CrudActionsProps<T, FormType> {
     onClickUpdate?: (t: T) => void;
     onClickClone?: (t: T) => Promise<any>;
     onDelete?: (id: any) => Promise<any>;
+    updatable?: (t: T) => boolean;
+    deletable?: (t: T) => boolean;
     onHide?: (id: any) => Promise<any>;
     onExport?: (t: T) => Promise<any>;
     isHiding?: boolean;
@@ -20,7 +22,7 @@ export interface CrudActionsProps<T, FormType> {
     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> & {
+declare function CrudActions<T, FormType>({ data, idField, extraAction, onUpdate, onClickUpdate, onClickClone, onDelete, onHide, onExport, isHiding, isDeleting, confirmHiding, confirmDeleting, closeViewOnClickUpdate, recentUpdateOrDeleteId, setRecentUpdateOrDeleteId, setOpenView, inBuiltModalProps, updatable, deletable, }: CrudActionsProps<T, FormType> & {
     data: T;
 }): import("react/jsx-runtime").JSX.Element | undefined;
 export default CrudActions;

package/dist/crud/actions/index.es.js

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

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

@@ -1,7 +1,7 @@
-import { CrudFieldProps } from '../CrudComponent';
+import { ReadonlyCrudFields } from '../CrudComponent';
 import { DialogProps } from '../../types/DialogComponentProp';
 export interface CrudImportComponentProps<T> {
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     importProps: CrudImportProps<T>;
 }
 export interface CrudImportProps<T> {

package/dist/crud/index.d.ts

@@ -1,4 +1,4 @@
-export type { CheckboxBasedFieldProps, ColorPickerFieldProps, CrudComponentProps, CrudFieldGrid, CrudFieldProps, CrudPaginateProps, CrudPurpose, CrudWizardProp, DateBasedFieldProps, EnumCrudField, FormBuilderFunc, FormBuilderFunc0, GetFormFieldOptions, InitialCrudField, NumberBasedFieldProps, ObjectCrudField, SelectCrudField, SelectFieldItem, TextBasedFieldProps, TimeBasedFieldProps, } from './CrudComponent';
+export type { CheckboxBasedFieldProps, ColorPickerFieldProps, CrudComponentProps, CrudFieldGrid, CrudFieldProps, CrudPaginateProps, ReadonlyCrudFields, CrudPurpose, CrudWizardProp, DateBasedFieldProps, EnumCrudField, FormBuilderFunc, FormBuilderFunc0, GetFormFieldOptions, InitialCrudField, NumberBasedFieldProps, ObjectCrudField, SelectCrudField, SelectFieldItem, TextBasedFieldProps, TimeBasedFieldProps, } from './CrudComponent';
 export { default as CrudComponent } from './CrudComponent';
 export { default as CrudField, ColorCrudFieldComponent, SelectCrudFieldComponent, } from './CrudField';
 export { CrudForm, CrudFormFields } from './CrudForm';

package/dist/crud/modal/index.cjs.js

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

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

@@ -1,9 +1,9 @@
 import { FormProps } from 'antd';
 import { Ref } from 'react';
-import { CrudFieldProps, CrudWizardProp, FormBuilderFunc } from '../CrudComponent';
+import { CrudWizardProp, FormBuilderFunc, ReadonlyCrudFields } from '../CrudComponent';
 import { default as IdProps } from '../../types/Id';
 export interface CrudModalProps<T, FormType> {
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     wizard?: CrudWizardProp<T>[];
     grid?: boolean;
     fullWidthModal?: boolean;