@kingteza/crud-component 1.0.65 → 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/actions/index.cjs.js

@@ -1 +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;
+"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.es.js

@@ -1,83 +1,88 @@
-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 { 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 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,
+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: 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
+  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 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));
+  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));
     },
-    [m, y]
+    [f, h]
   );
-  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,
+  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: v,
-        onClick: (f) => Q(f, !1, !0)
+        value: y,
+        onClick: (m) => W(m, !1, !0)
       }
     ),
-    G && /* @__PURE__ */ T(
-      o,
+    J && /* @__PURE__ */ j(
+      r,
       {
-        value: v,
-        onClick: async (f) => await G(f)
+        value: y,
+        onClick: async (m) => await J(m)
       }
     ),
-    E && /* @__PURE__ */ T(
-      B,
+    G && /* @__PURE__ */ j(
+      C,
       {
-        value: v,
-        disabled: J,
-        shouldConfirm: Y,
-        loading: J && v[u] === L,
-        onClick: async (f) => {
-          b == null || b(f[u]), await E({ [u]: f[u] });
+        value: y,
+        disabled: L,
+        shouldConfirm: _,
+        loading: L && y[b] === Q,
+        onClick: async (m) => {
+          v == null || v(m[b]), await G({ [b]: m[b] });
         }
       }
     ),
-    r && /* @__PURE__ */ T(
+    u && /* @__PURE__ */ j(
       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] });
+        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 {
-  O as default
+  a as default
 };

package/crud/modal/index.cjs.js

@@ -1 +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;
+"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.es.js

@@ -18,20 +18,20 @@ const ne = ({
   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(
+  const [t] = J.useForm(), { t: h } = te(), [k, F] = u(!1), [p, x] = u("new"), [f, 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 = {};
+      var o;
+      const d = l ? i : await t.validateFields(), a = c.filter((s) => s.type === "color"), n = {};
       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();
+        n[e] = typeof r == "string" ? r : (o = r == null ? void 0 : r.toHexString()) == null ? void 0 : o.toUpperCase();
       }
-      Object.assign(d, o), p && b ? (await b({
+      Object.assign(d, n), f && b ? (await b({
         ...d,
-        [B]: p[B]
-      }), y(void 0)) : !p && v && await v(d), g(void 0), t.resetFields(), F(!1);
+        [B]: f[B]
+      }), y(void 0)) : !f && v && await v(d), g(void 0), t.resetFields(), F(!1);
     },
-    [c, t, B, v, b, p, l]
+    [c, t, B, v, b, f, l]
   ), O = m(async (i) => {
     j(i), C(!0);
   }, []), D = m(async () => {
@@ -42,27 +42,27 @@ const ne = ({
     async (i, d = !0, a = !1) => {
       try {
         P(!0), F(!0), x(a ? "clone" : "update");
-        const o = {};
-        for (const n of c) {
+        const n = {};
+        for (const o of c) {
           const s = M.getRealName(
-            n.name,
+            o.name,
             "upsertFieldName"
           ), e = i[s];
-          if (a && n.type === "image") {
+          if (a && o.type === "image") {
             const r = e;
             try {
-              const w = await n.provider.clone(r);
-              o[s] = w;
+              const w = await o.provider.clone(r);
+              n[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;
+          o.type === "date" || o.type === "time" ? e && (n[s] = oe(e)) : o.type === "select" ? o.multiple && Array.isArray(e) ? n[s] = e.map(
+            (r) => r[o.innerFieldId ?? "id"]
+          ) : e && typeof e == "object" ? n[s] = e[o.innerFieldId ?? "id"] : (e && typeof e == "string" || typeof e == "number") && (n[s] = e) : n[s] = e;
         }
-        t.setFieldsValue(o), g(o), d && y(i);
+        t.setFieldsValue(n), g(n), d && y(i);
       } finally {
         P(!1);
       }
@@ -81,23 +81,23 @@ const ne = ({
   }, [k]);
   const q = m(async () => {
     try {
-      if (f === "clone") {
-        const i = l ? p : t.getFieldsValue(), d = c.filter((a) => a.type === "image");
+      if (p === "clone") {
+        const i = l ? f : 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]);
+  }, [p, l, t, f, c]);
   return /* @__PURE__ */ N(
     K,
     {
       width: T ? "100%" : void 0,
-      title: h(f ?? "new"),
+      title: h(p ?? "new"),
       open: k,
       confirmLoading: S || V,
-      okText: h("str." + (f === "update" ? "update" : "save")),
+      okText: h("str." + (p === "update" ? "update" : "save")),
       cancelText: h("str.cancel"),
       cancelButtonProps: {
         disabled: E,
@@ -114,7 +114,7 @@ const ne = ({
         l ? null : /* @__PURE__ */ N(
           z,
           {
-            purpose: f,
+            purpose: p,
             fields: c,
             form: t,
             formBuilder: W,
@@ -133,14 +133,14 @@ const ne = ({
             fields: c,
             onDeleteFile: D,
             onUploadFile: O,
-            purpose: f,
+            purpose: p,
             wizard: l
           }
         )
       ] })
     }
   );
-}, fe = X(ne);
+}, pe = X(ne);
 export {
-  fe as default
+  pe as default
 };

package/crud/view/CrudDecListView.cjs.js

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

package/crud/view/CrudDecListView.d.ts

@@ -3,13 +3,13 @@ import { CrudFieldProps } from '../CrudComponent';
 import { CrudActionsProps } from '../actions';
 import { CrudModalProps } from '../modal';
 export type DescListColumn = number | Partial<Record<Breakpoint, number>> | undefined;
-export interface CrudDecListViewProps<T, FormType = T> extends CrudActionsProps<T, FormType> {
+export interface CrudDecListViewProps<T, FormType = T> extends Omit<CrudActionsProps<T, FormType>, "inBuiltModalProps"> {
     fields: CrudFieldProps<T>[];
     data: T | undefined;
     className?: string;
     descListColumn?: DescListColumn;
     layout?: "horizontal" | "vertical";
     keepEmptyValues?: boolean;
-    inBuiltModalProps?: CrudModalProps<T, FormType>;
+    inBuiltModalProps?: Omit<CrudModalProps<T, FormType>, "fields">;
 }
 export declare function CrudDecListView<T, FormType = T>({ className, fields, data, descListColumn, layout, keepEmptyValues, inBuiltModalProps, ...crudActionsProps }: Readonly<CrudDecListViewProps<T, FormType>>): import("react/jsx-runtime").JSX.Element;

package/crud/view/CrudDecListView.es.js

@@ -1,4 +1,4 @@
-import { jsx as t, Fragment as v } from "react/jsx-runtime";
+import { jsx as i, Fragment as v } from "react/jsx-runtime";
 import x from "../../common/description/DescList.es.js";
 import { useMemo as F } from "react";
 import { useTranslationLib as L } from "../../locale/index.es.js";
@@ -6,17 +6,17 @@ import { getRendererValueCrudViewer as V } from "./CrudViewerUtil.es.js";
 import w from "../../util/CrudUtil.es.js";
 import D from "../actions/index.es.js";
 function _({
-  className: u,
-  fields: i,
+  className: p,
+  fields: o,
   data: r,
-  descListColumn: f = { xs: 1, md: 3, sm: 2, lg: 4 },
-  layout: p,
-  keepEmptyValues: c,
-  inBuiltModalProps: b,
-  ...m
+  descListColumn: c = { xs: 1, md: 3, sm: 2, lg: 4 },
+  layout: f,
+  keepEmptyValues: b,
+  inBuiltModalProps: m,
+  ...n
 }) {
-  const { t: n } = L(), g = F(() => {
-    const l = i.filter(({ hidden: e, hideInDescList: o }) => !e && !o).map((e, o) => {
+  const { t: u } = L(), g = F(() => {
+    const l = o.filter(({ hidden: e, hideInDescList: t }) => !e && !t).map((e, t) => {
       const C = w.getRealName(e.name);
       return {
         label: e.label,
@@ -24,33 +24,33 @@ function _({
         value: V(e)(
           r == null ? void 0 : r[C],
           r,
-          o
+          t
         )
       };
-    }), s = r ? /* @__PURE__ */ t(
+    }), s = r ? /* @__PURE__ */ i(
       D,
       {
         data: r,
-        ...m,
-        inBuiltModalProps: b
+        ...n,
+        inBuiltModalProps: m ? { ...m, fields: o } : void 0
       }
     ) : void 0;
     return s && l.push({
-      label: n("str.action"),
+      label: u("str.action"),
       value: s
     }), l;
-  }, [r, i, n, m]);
-  return r ? /* @__PURE__ */ t(
+  }, [r, o, u, n]);
+  return r ? /* @__PURE__ */ i(
     x,
     {
-      keepEmptyValues: c,
+      keepEmptyValues: b,
       bordered: !0,
-      column: f,
-      className: u,
-      layout: p,
+      column: c,
+      className: p,
+      layout: f,
       list: g
     }
-  ) : /* @__PURE__ */ t(v, {});
+  ) : /* @__PURE__ */ i(v, {});
 }
 export {
   _ as CrudDecListView

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.65",
+  "version": "1.0.66",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",