@kingteza/crud-component 1.29.0 → 1.29.1

package/dist/common/rich/index.d.ts

@@ -1,10 +1,11 @@
 import { Rule } from 'antd/es/form';
+import { NamePath } from 'antd/es/form/interface';
 import { FormItemProps } from 'antd/lib';
 import { FC, ReactNode } from 'react';
 export interface RichTextEditorProps {
     help?: ReactNode;
     label?: string;
-    name: string;
+    name: NamePath;
     required?: boolean;
     rules?: Rule[];
     disabled?: boolean;

package/dist/common/text-field/NumberField.cjs.js

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("antd"),x=require("react"),P=require("../../locale/index.cjs.js"),b=require("../tooltip/TooltipComponent.cjs.js"),k=require("./TextField.cjs.js"),v=x.forwardRef(function({type:z,required:o,label:e,rules:c=[],placeholder:r,onEnter:a,form:f,nextFocus:q,min:d,moneyField:n,addonAfter:j,minLength:T,defaultValue:$,pattern:g,disabled:I,readOnly:N,onChange:R,value:w,max:B,addonBefore:E,size:F,isInt:u=!1,tooltip:h,help:A,...C},L){const{t:p}=P.useTranslationLib(),M=x.useMemo(()=>[...c,{required:o,message:`${e||r||""} ${p("err.validation.required")}`}],[c,e,r,p,o]);return i.jsx(b,{title:h,children:i.jsx(m.Form.Item,{...C,label:e,rules:M,children:i.jsx(m.InputNumber,{ref:L,disabled:I,defaultValue:$,value:w,readOnly:N,addonBefore:E,minLength:T,addonAfter:j,step:u?1:void 0,pattern:u?"d*":g,onChange:R,onPressEnter:t=>k.onEnterInternalTextField(t,q,f,a),className:"max-width",min:d===null?void 0:d??0,max:B,type:n?void 0:"number",size:F,formatter:n?t=>{if(t.includes(".")){const s=`${t}`.split(".");return s[0]=s[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),s.join(".")}else return`${t}`.replace(/\B(?=(\d{3})+(?!\d))/g,",")}:void 0,parser:n?t=>t==null?void 0:t.replace(/\$\s?|(,*)/g,""):void 0,placeholder:r||e})})})});module.exports=v;
+"use strict";const i=require("react/jsx-runtime"),m=require("antd"),x=require("react"),M=require("../../locale/index.cjs.js"),P=require("../tooltip/TooltipComponent.cjs.js"),_=require("./TextField.cjs.js"),b=x.forwardRef(function({type:v,required:o,label:e,rules:c=[],placeholder:r,onEnter:a,form:f,nextFocus:q,min:d,moneyField:n,addonAfter:j,minLength:T,defaultValue:$,pattern:g,disabled:I,readOnly:N,onChange:R,value:w,max:B,addonBefore:E,size:F,isInt:u=!1,tooltip:h,help:z,...y},C){const{t:p}=M.useTranslationLib(),L=x.useMemo(()=>[...c,{required:o,message:`${e||r||""} ${p("err.validation.required")}`}],[c,e,r,p,o]);return i.jsx(P,{title:h,children:i.jsx(m.Form.Item,{...y,label:e,rules:L,children:i.jsx(m.InputNumber,{ref:C,disabled:I,defaultValue:$,value:w,readOnly:N,addonBefore:E,minLength:T,addonAfter:j,step:u?1:void 0,pattern:u?"d*":g,onChange:R,onPressEnter:t=>_.onEnterInternalTextField(t,q,f,a),className:"max-width",min:d===null?void 0:d??0,max:B,type:n?void 0:"number",size:F,formatter:n?t=>{if(t.includes(".")){const s=`${t}`.split(".");return s[0]=s[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),s.join(".")}else return`${t}`.replace(/\B(?=(\d{3})+(?!\d))/g,",")}:void 0,parser:n?t=>t==null?void 0:t.replace(/\$\s?|(,*)/g,""):void 0,placeholder:r||e})})})});module.exports=b;

package/dist/common/text-field/NumberField.es.js

@@ -1,13 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Form as P, InputNumber as R } from "antd";
-import { forwardRef as b, useMemo as k } from "react";
-import { useTranslationLib as q } from "../../locale/index.es.js";
-import v from "../tooltip/TooltipComponent.es.js";
-import { onEnterInternalTextField as y } from "./TextField.es.js";
-const S = b(
+import { Form as M, InputNumber as P } from "antd";
+import { forwardRef as R, useMemo as _ } from "react";
+import { useTranslationLib as b } from "../../locale/index.es.js";
+import k from "../tooltip/TooltipComponent.es.js";
+import { onEnterInternalTextField as q } from "./TextField.es.js";
+const Q = R(
   function({
-    // eslint-disable-next-line no-unused-vars
-    type: A,
+    type: z,
     required: s,
     label: t,
     rules: m = [],
@@ -29,11 +28,11 @@ const S = b(
     addonBefore: E,
     size: h,
     isInt: d = !1,
-    tooltip: C,
-    help: D,
-    ...F
-  }, L) {
-    const { t: f } = q(), M = k(
+    tooltip: y,
+    help: A,
+    ...C
+  }, F) {
+    const { t: f } = b(), L = _(
       () => [
         ...m,
         {
@@ -45,10 +44,10 @@ const S = b(
       ],
       [m, t, o, f, s]
     );
-    return /* @__PURE__ */ i(v, { title: C, children: /* @__PURE__ */ i(P.Item, { ...F, label: t, rules: M, children: /* @__PURE__ */ i(
-      R,
+    return /* @__PURE__ */ i(k, { title: y, children: /* @__PURE__ */ i(M.Item, { ...C, label: t, rules: L, children: /* @__PURE__ */ i(
+      P,
       {
-        ref: L,
+        ref: F,
         disabled: I,
         defaultValue: g,
         value: w,
@@ -59,7 +58,7 @@ const S = b(
         step: d ? 1 : void 0,
         pattern: d ? "d*" : T,
         onChange: j,
-        onPressEnter: (r) => y(r, a, u, c),
+        onPressEnter: (r) => q(r, a, u, c),
         className: "max-width",
         min: p === null ? void 0 : p ?? 0,
         max: B,
@@ -79,5 +78,5 @@ const S = b(
   }
 );
 export {
-  S as default
+  Q as default
 };

package/dist/crud/CrudComponent.d.ts

@@ -10,11 +10,11 @@ import { CrudImportProps } from './import/CrudImportComponent';
 import { CrudDragableProps, CrudViewableProps } from './view/CrudViewer';
 import { SelectTagRenderProps } from '../common/select/SelectComponent';
 import { default as IdProps } from '../types/Id';
-import { TextAreaBasedFieldProps } from '.';
+import { TextAreaBasedFieldProps } from './CrudTextAreaComponent';
 import { SizeType } from 'antd/es/config-provider/SizeContext';
-import { Copyable } from 'src/util/CopyUtilComponent';
+import { Copyable } from '../util/CopyUtilComponent';
 import { ColumnType } from 'antd/es/table';
-import { PhoneNumberConfigProps } from 'src/common/text-field/PhoneNumberField';
+import { PhoneNumberConfigProps } from '../common/text-field/PhoneNumberField';
 export type SelectFieldItem = {
     key?: string | number;
     value: string | number;
@@ -236,6 +236,8 @@ export type CrudFieldProps<T> = {
         readonly type: K;
     };
 }[keyof CrudFieldTypeMap<T>];
+/** Field lists passed into CRUD components; accepts mutable arrays and `as const` tuples. */
+export type ReadonlyCrudFields<T> = readonly CrudFieldProps<T>[];
 export type CrudPaginateProps = false | ({
     page?: number;
     setPage?: (page: number, pageSize?: number) => void;
@@ -250,7 +252,7 @@ export type CrudWizardProp<T> = {
     grid?: boolean;
 };
 export type CrudComponentProps<T, FormType = T> = {
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     data: T[] | undefined;
     idField?: string;
     grid?: boolean;

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/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;

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

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

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

package/dist/crud/view/CrudDecListView.d.ts

@@ -1,10 +1,10 @@
 import { Breakpoint } from 'antd';
-import { CrudFieldProps } from '../CrudComponent';
+import { ReadonlyCrudFields } 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 Omit<CrudActionsProps<T, FormType>, "inBuiltModalProps"> {
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     data: T | undefined;
     className?: string;
     descListColumn?: DescListColumn;

package/dist/crud/view/CrudDecListView.es.js

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

package/dist/crud/view/CrudViewer.d.ts

@@ -4,7 +4,7 @@ import { DragEndEvent } from '@dnd-kit/core';
 import { TableProps } from 'antd/lib';
 import { CrudActionsProps } from '../actions';
 import { default as React } from 'react';
-import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
+import { CrudPaginateProps, ReadonlyCrudFields } from '../CrudComponent';
 import { CrudSearchComponentProps } from '../CrudSearchComponent';
 import { DescListColumn } from './CrudDecListView';
 type TableRowSelection<T> = TableProps<T>["rowSelection"];
@@ -21,7 +21,7 @@ export type CrudViewableProps<T> = boolean | keyof T | {
 };
 export type CrudViewerProps<T, FormType> = {
     summary?: TableProps<T>["summary"];
-    fields: CrudFieldProps<T>[];
+    fields: ReadonlyCrudFields<T>;
     decListLayout?: "horizontal" | "vertical";
     viewable?: CrudViewableProps<T>;
     paginateProps?: CrudPaginateProps;

package/dist/crud/view/CrudViewerUtil.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("@ant-design/icons"),b=require("antd"),B=require("../FileCrudField.cjs.js"),W=require("../ImageCrudField.cjs.js"),C=require("../../util/DateUtil.cjs.js"),v=require("../../util/NumberUtil.cjs.js"),T=require("../../locale/index.cjs.js"),F=require("../../util/CrudUtil.cjs.js"),h=require("../../common/error/ErrorBoundaryComponent.cjs.js"),i=require("../../util/CopyUtilComponent.cjs.js");function q({type:d,render:e,...p}){try{return d==="object"?(o,n,a)=>t.jsx(i.CopyToClipboardButtonWrapper,{copyable:p.copyable,value:o,children:typeof e=="function"?e(o,n,a):""}):d==="select"?(o,n,a)=>{if(!o)return"-";const r=p,c=o||(r.items??[]).find(s=>s[r.innerFieldId??"key"]===n[F.getRealName(p.name,"upsertFieldName")]),u=r.multiple?Array.isArray(c)?c.map(s=>s==null?void 0:s[r.innerFieldLabel??"name"]):void 0:c==null?void 0:c[r.innerFieldLabel??"value"];return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:typeof e=="function"?e(u,n,a):Array.isArray(u)?u.join(", "):u})}:d==="number"?(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:typeof e=="function"?e(o,n,a):r.int?v.default.toInt(o,r.formatted):v.default.toMoney(o)})}:d==="enum"?(o,n,a)=>{var s;if(!o)return"-";const r=p;if(typeof e=="function")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)});if(r.multiple){const f=(Array.isArray(o)?o:o?[o]:[]).map(l=>{var j,m;const y=(j=r.tagRender)==null?void 0:j[l],x=T.tWithOrWithoutNS(((m=r==null?void 0:r.translation)==null?void 0:m[l??""])??l,void 0,l);return{tagProps:y,translatedValue:x,item:l}});if(typeof r.tagRender=="object")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Space,{wrap:!0,children:f.map(({tagProps:l,translatedValue:y,item:x},j)=>l?t.jsx(b.Tag,{color:l.color,children:y},j+x):y)})})});if(r!=null&&r.translation)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:f==null?void 0:f.map(({translatedValue:l,item:y})=>l??y).join(", ")})});{const l=f.map(({translatedValue:y,item:x})=>y??x).join(", ");return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,l),children:l})}}const c=((s=r==null?void 0:r.translation)==null?void 0:s[o??""])??o,u=T.tWithOrWithoutNS(c,void 0,o);if(typeof r.tagRender=="object"){const f=r.tagRender[o];if(f)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:u,children:t.jsx(b.Tag,{color:f.color,children:u})})}return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:u})}:d==="date"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.formatTime?C.formatDateTime(o):C.formatDate(o);return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:c,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):c})})}:d==="checkbox"?(o,n,a)=>typeof e=="function"?e(o,n,a):o?t.jsx(g.CheckOutlined,{}):t.jsx(g.CloseOutlined,{}):d==="image"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(W.ImageCrudCellValue,{value:o,provider:p.provider})}):"-":d==="file"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(B.FileCrudCellValue,{value:o,provider:p.provider})}):"":d==="time"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.format,u=r.use12Hours,s=C.formatTime(o,c||(u?"hh:mm:ss A":void 0));return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:s,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):s})})}:d==="color"?(o,n,a)=>{const r=p;return o?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):typeof o=="string"&&o.startsWith("#")?t.jsx(b.Tooltip,{title:o,children:t.jsx(b.Avatar,{style:{backgroundColor:o}})}):String(o)})}):"-"}:d==="textarea"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.truncated??1,u=typeof o=="string"&&o.split(" ").length<10;return typeof e=="function"?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)}):c?t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Typography.Paragraph,{ellipsis:!u&&{rows:c===!0?1:c,expandable:"collapsible"},copyable:i.copyableFn(r.copyable,o),children:r.rich?t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}}):o})}):r.rich?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}})}):t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:o})}:typeof e=="function"?e:(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:o})}}catch(o){return console.warn("An error occurred while rendering the value for field: "+String(p.name),o),"-"}}exports.getRendererValueCrudViewer=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("@ant-design/icons"),b=require("antd"),B=require("../FileCrudField.cjs.js"),W=require("../ImageCrudField.cjs.js"),C=require("../../util/DateUtil.cjs.js"),v=require("../../util/NumberUtil.cjs.js"),T=require("../../locale/index.cjs.js"),F=require("../../util/CrudUtil.cjs.js"),h=require("../../common/error/ErrorBoundaryComponent.cjs.js"),i=require("../../util/CopyUtilComponent.cjs.js"),q=require("../../util/ObjectUtil.cjs.js");function S({type:d,render:e,...p}){try{return d==="object"?(o,n,a)=>t.jsx(i.CopyToClipboardButtonWrapper,{copyable:p.copyable,value:o,children:typeof e=="function"?e(o,n,a):""}):d==="select"?(o,n,a)=>{if(!o)return"-";const r=p,c=o||(r.items??[]).find(s=>s[r.innerFieldId??"key"]===q.getValueByPath(n,F.getRealName(p.name,"upsertFieldName"))),u=r.multiple?Array.isArray(c)?c.map(s=>s==null?void 0:s[r.innerFieldLabel??"name"]):void 0:c==null?void 0:c[r.innerFieldLabel??"value"];return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:typeof e=="function"?e(u,n,a):Array.isArray(u)?u.join(", "):u})}:d==="number"?(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:typeof e=="function"?e(o,n,a):r.int?v.default.toInt(o,r.formatted):v.default.toMoney(o)})}:d==="enum"?(o,n,a)=>{var s;if(!o)return"-";const r=p;if(typeof e=="function")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)});if(r.multiple){const f=(Array.isArray(o)?o:o?[o]:[]).map(l=>{var j,m;const y=(j=r.tagRender)==null?void 0:j[l],x=T.tWithOrWithoutNS(((m=r==null?void 0:r.translation)==null?void 0:m[l??""])??l,void 0,l);return{tagProps:y,translatedValue:x,item:l}});if(typeof r.tagRender=="object")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Space,{wrap:!0,children:f.map(({tagProps:l,translatedValue:y,item:x},j)=>l?t.jsx(b.Tag,{color:l.color,children:y},j+x):y)})})});if(r!=null&&r.translation)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:f==null?void 0:f.map(({translatedValue:l,item:y})=>l??y).join(", ")})});{const l=f.map(({translatedValue:y,item:x})=>y??x).join(", ");return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,l),children:l})}}const c=((s=r==null?void 0:r.translation)==null?void 0:s[o??""])??o,u=T.tWithOrWithoutNS(c,void 0,o);if(typeof r.tagRender=="object"){const f=r.tagRender[o];if(f)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:u,children:t.jsx(b.Tag,{color:f.color,children:u})})}return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:u})}:d==="date"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.formatTime?C.formatDateTime(o):C.formatDate(o);return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:c,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):c})})}:d==="checkbox"?(o,n,a)=>typeof e=="function"?e(o,n,a):o?t.jsx(g.CheckOutlined,{}):t.jsx(g.CloseOutlined,{}):d==="image"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(W.ImageCrudCellValue,{value:o,provider:p.provider})}):"-":d==="file"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(B.FileCrudCellValue,{value:o,provider:p.provider})}):"":d==="time"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.format,u=r.use12Hours,s=C.formatTime(o,c||(u?"hh:mm:ss A":void 0));return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:s,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):s})})}:d==="color"?(o,n,a)=>{const r=p;return o?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):typeof o=="string"&&o.startsWith("#")?t.jsx(b.Tooltip,{title:o,children:t.jsx(b.Avatar,{style:{backgroundColor:o}})}):String(o)})}):"-"}:d==="textarea"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.truncated??1,u=typeof o=="string"&&o.split(" ").length<10;return typeof e=="function"?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)}):c?t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Typography.Paragraph,{ellipsis:!u&&{rows:c===!0?1:c,expandable:"collapsible"},copyable:i.copyableFn(r.copyable,o),children:r.rich?t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}}):o})}):r.rich?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}})}):t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:o})}:typeof e=="function"?e:(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:o})}}catch(o){return console.warn("An error occurred while rendering the value for field: "+String(p.name),o),"-"}}exports.getRendererValueCrudViewer=S;

package/dist/crud/view/CrudViewerUtil.es.js

@@ -1,47 +1,48 @@
 import { jsx as r } from "react/jsx-runtime";
 import { CheckOutlined as S, CloseOutlined as F } from "@ant-design/icons";
-import { Typography as d, Space as R, Tag as C, Tooltip as w, Avatar as I } from "antd";
-import { FileCrudCellValue as P } from "../FileCrudField.es.js";
-import { ImageCrudCellValue as V } from "../ImageCrudField.es.js";
+import { Typography as h, Space as P, Tag as C, Tooltip as R, Avatar as V } from "antd";
+import { FileCrudCellValue as w } from "../FileCrudField.es.js";
+import { ImageCrudCellValue as I } from "../ImageCrudField.es.js";
 import T from "../../util/DateUtil.es.js";
 import j from "../../util/NumberUtil.es.js";
 import { tWithOrWithoutNS as A } from "../../locale/index.es.js";
 import k from "../../util/CrudUtil.es.js";
 import { ErrorBoundaryComponent as b } from "../../common/error/ErrorBoundaryComponent.es.js";
-import { CopyToClipboardButtonWrapper as m, copyableFn as h } from "../../util/CopyUtilComponent.es.js";
-function z({
+import { CopyToClipboardButtonWrapper as m, copyableFn as d } from "../../util/CopyUtilComponent.es.js";
+import { getValueByPath as D } from "../../util/ObjectUtil.es.js";
+function J({
   type: y,
-  render: n,
+  render: e,
   ...u
 }) {
   try {
-    return y === "object" ? (t, l, e) => /* @__PURE__ */ r(
+    return y === "object" ? (t, l, n) => /* @__PURE__ */ r(
       m,
       {
         copyable: u.copyable,
         value: t,
-        children: typeof n == "function" ? n(t, l, e) : ""
+        children: typeof e == "function" ? e(t, l, n) : ""
       }
-    ) : y === "select" ? (t, l, e) => {
+    ) : y === "select" ? (t, l, n) => {
       if (!t) return "-";
       const o = u, a = t || (o.items ?? []).find(
-        (f) => f[o.innerFieldId ?? "key"] === l[k.getRealName(u.name, "upsertFieldName")]
+        (f) => f[o.innerFieldId ?? "key"] === D(l, k.getRealName(u.name, "upsertFieldName"))
       ), c = o.multiple ? Array.isArray(a) ? a.map((f) => f == null ? void 0 : f[o.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[o.innerFieldLabel ?? "value"];
-      return /* @__PURE__ */ r(d.Text, { copyable: h(o.copyable, c), children: typeof n == "function" ? n(c, l, e) : Array.isArray(c) ? c.join(", ") : c });
-    } : y === "number" ? (t, l, e) => {
+      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, c), children: typeof e == "function" ? e(c, l, n) : Array.isArray(c) ? c.join(", ") : c });
+    } : y === "number" ? (t, l, n) => {
       const o = u;
-      return /* @__PURE__ */ r(d.Text, { copyable: h(o.copyable, t), children: typeof n == "function" ? n(t, l, e) : o.int ? j.toInt(t, o.formatted) : j.toMoney(t) });
-    } : y === "enum" ? (t, l, e) => {
+      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, t), children: typeof e == "function" ? e(t, l, n) : o.int ? j.toInt(t, o.formatted) : j.toMoney(t) });
+    } : y === "enum" ? (t, l, n) => {
       var f;
       if (!t) return "-";
       const o = u;
-      if (typeof n == "function")
+      if (typeof e == "function")
         return /* @__PURE__ */ r(
           m,
           {
             copyable: o.copyable,
             value: t,
-            children: n(t, l, e)
+            children: e(t, l, n)
           }
         );
       if (o.multiple) {
@@ -66,7 +67,7 @@ function z({
               value: () => s.map(
                 ({ translatedValue: i, item: p }) => i ?? p
               ).join(", "),
-              children: /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(R, { wrap: !0, children: s.map(({ tagProps: i, translatedValue: p, item: v }, g) => i ? /* @__PURE__ */ r(C, { color: i.color, children: p }, g + v) : p) }) })
+              children: /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(P, { wrap: !0, children: s.map(({ tagProps: i, translatedValue: p, item: v }, g) => i ? /* @__PURE__ */ r(C, { color: i.color, children: p }, g + v) : p) }) })
             }
           );
         if (o != null && o.translation)
@@ -85,9 +86,9 @@ function z({
         {
           const i = s.map(({ translatedValue: p, item: v }) => p ?? v).join(", ");
           return /* @__PURE__ */ r(
-            d.Text,
+            h.Text,
             {
-              copyable: h(o.copyable, i),
+              copyable: d(o.copyable, i),
               children: i
             }
           );
@@ -106,8 +107,8 @@ function z({
             }
           );
       }
-      return /* @__PURE__ */ r(d.Text, { copyable: h(o.copyable, c), children: c });
-    } : y === "date" ? (t, l, e) => {
+      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, c), children: c });
+    } : y === "date" ? (t, l, n) => {
       if (!t) return "-";
       const o = u, a = o.formatTime ? T.formatDateTime(t) : T.formatDate(t);
       return /* @__PURE__ */ r(
@@ -115,22 +116,22 @@ function z({
         {
           copyable: o.copyable,
           value: a,
-          children: /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : a })
+          children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : a })
         }
       );
-    } : y === "checkbox" ? (t, l, e) => typeof n == "function" ? n(t, l, e) : t ? /* @__PURE__ */ r(S, {}) : /* @__PURE__ */ r(F, {}) : y === "image" ? (t, l, e) => t ? /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : /* @__PURE__ */ r(
-      V,
+    } : y === "checkbox" ? (t, l, n) => typeof e == "function" ? e(t, l, n) : t ? /* @__PURE__ */ r(S, {}) : /* @__PURE__ */ r(F, {}) : y === "image" ? (t, l, n) => t ? /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : /* @__PURE__ */ r(
+      I,
       {
         value: t,
         provider: u.provider
       }
-    ) }) : "-" : y === "file" ? (t, l, e) => t ? /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : /* @__PURE__ */ r(
-      P,
+    ) }) : "-" : y === "file" ? (t, l, n) => t ? /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : /* @__PURE__ */ r(
+      w,
       {
         value: t,
         provider: u.provider
       }
-    ) }) : "" : y === "time" ? (t, l, e) => {
+    ) }) : "" : y === "time" ? (t, l, n) => {
       if (!t) return "-";
       const o = u, a = o.format, c = o.use12Hours, f = T.formatTime(
         t,
@@ -141,30 +142,30 @@ function z({
         {
           copyable: o.copyable,
           value: f,
-          children: /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : f })
+          children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : f })
         }
       );
-    } : y === "color" ? (t, l, e) => {
+    } : y === "color" ? (t, l, n) => {
       const o = u;
-      return t ? /* @__PURE__ */ r(m, { copyable: o.copyable, value: t, children: /* @__PURE__ */ r(b, { children: typeof n == "function" ? n(t, l, e) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ r(w, { title: t, children: /* @__PURE__ */ r(I, { style: { backgroundColor: t } }) }) : String(t) }) }) : "-";
-    } : y === "textarea" ? (t, l, e) => {
+      return t ? /* @__PURE__ */ r(m, { copyable: o.copyable, value: t, children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ r(R, { title: t, children: /* @__PURE__ */ r(V, { style: { backgroundColor: t } }) }) : String(t) }) }) : "-";
+    } : y === "textarea" ? (t, l, n) => {
       if (!t) return "-";
       const o = u, a = o.truncated ?? 1, c = typeof t == "string" && t.split(" ").length < 10;
-      return typeof n == "function" ? /* @__PURE__ */ r(
+      return typeof e == "function" ? /* @__PURE__ */ r(
         m,
         {
           copyable: o.copyable,
           value: t,
-          children: n(t, l, e)
+          children: e(t, l, n)
         }
       ) : a ? /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
-        d.Paragraph,
+        h.Paragraph,
         {
           ellipsis: !c && {
             rows: a === !0 ? 1 : a,
             expandable: "collapsible"
           },
-          copyable: h(o.copyable, t),
+          copyable: d(o.copyable, t),
           children: o.rich ? /* @__PURE__ */ r(
             "div",
             {
@@ -194,9 +195,9 @@ function z({
           children: t
         }
       );
-    } : typeof n == "function" ? n : (t, l, e) => {
+    } : typeof e == "function" ? e : (t, l, n) => {
       const o = u;
-      return /* @__PURE__ */ r(d.Text, { copyable: h(o.copyable, t), children: t });
+      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, t), children: t });
     };
   } catch (t) {
     return console.warn(
@@ -206,5 +207,5 @@ function z({
   }
 }
 export {
-  z as getRendererValueCrudViewer
+  J as getRendererValueCrudViewer
 };

package/dist/util/CrudUtil.d.ts

@@ -1,4 +1,4 @@
-import { InitialCrudField, SelectCrudField } from 'src/crud';
+import { InitialCrudField, SelectCrudField } from '../crud/CrudComponent';
 declare class CrudUtil {
     static getRealName<T>(name: InitialCrudField<T>["name"] | SelectCrudField<T>["name"], extract?: "name" | "upsertFieldName"): (string | number)[] | keyof T;
 }

package/dist/util/ObjectUtil.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(e,r){return typeof e!="object"||e===null?e:Array.isArray(r)?r.reduce((t,u)=>t[u],e):e[r]}function i(e,r,t){return typeof e!="object"||e===null?e:Array.isArray(r)?r.reduce((u,n)=>u[n],e):(e[r]=t,e)}exports.getValueByPath=y;exports.setValueByPath=i;

package/dist/util/ObjectUtil.d.ts

@@ -0,0 +1,2 @@
+export declare function getValueByPath<T = any>(obj: T, path: (string | number)[] | keyof T): T[keyof T] | any;
+export declare function setValueByPath<T = any>(obj: T, path: (string | number)[] | keyof T, value: any): T;

package/dist/util/ObjectUtil.es.js

@@ -0,0 +1,10 @@
+function f(r, e) {
+  return typeof r != "object" || r === null ? r : Array.isArray(e) ? e.reduce((u, t) => u[t], r) : r[e];
+}
+function i(r, e, u) {
+  return typeof r != "object" || r === null ? r : Array.isArray(e) ? e.reduce((t, n) => t[n], r) : (r[e] = u, r);
+}
+export {
+  f as getValueByPath,
+  i as setValueByPath
+};

package/package.json

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

package/dist/locale/index.d.ts

@@ -1,86 +0,0 @@
-import { TRANSLATION_NAMESPACE } from '../locale/hooks/translation-constants';
-import { default as en } from './translations/en';
-import { i18n as i18nType } from 'i18next';
-import { UseTranslationOptions } from 'react-i18next';
-export declare const defaultTranslations: {
-    en: {
-        "crud-component": {
-            str: {
-                delete: string;
-                clone: string;
-                update: string;
-                new: string;
-                back: string;
-                next: string;
-                save: string;
-                import: string;
-                cancel: string;
-                print: string;
-                hide: string;
-                no: string;
-                action: string;
-                remove: string;
-                view: string;
-                ok: string;
-                yes: string;
-                warning: string;
-                success: string;
-                error: string;
-                retry: string;
-                previous: string;
-                unhide: string;
-                downloadCsvTemplate: string;
-                importCsvFile: string;
-                export: string;
-                goBack: string;
-                refresh: string;
-                fileUploadMessage1: string;
-                fileUploadMessage2: string;
-                rotateLeft: string;
-                rotateRight: string;
-                flipHorizontal: string;
-                flipVertical: string;
-                skipCrop: string;
-            };
-            err: {
-                save: string;
-                validation: {
-                    required: string;
-                    minLength8: string;
-                    percentage: string;
-                    maximumValueExceeded: string;
-                    invalidNic: string;
-                    invalid: string;
-                };
-                notFound: string;
-            };
-            message: {
-                loading: {
-                    saving: string;
-                };
-                uploadButtonText: string;
-            };
-            qus: {
-                importWithIssues: string;
-                doYouWantToDelete: string;
-                doYouWantToHide: string;
-                doYouWantToUnhide: string;
-            };
-        };
-    };
-};
-export type LibTranslations = typeof en;
-export interface SetupI18nOptions {
-    translations?: Record<string, {
-        [TRANSLATION_NAMESPACE]: LibTranslations;
-    }>;
-    language?: string;
-    i18nInstance?: i18nType;
-}
-export declare let i18nInstance: i18nType;
-export declare const setupI18n: (options?: SetupI18nOptions) => i18nType;
-export declare const updateTranslations: (language: string, translations: Record<string, any>, i18nInstance?: i18nType) => void;
-export declare const useTranslationLib: (options?: Omit<UseTranslationOptions<string>, "i18n">) => import('react-i18next').UseTranslationResponse<"crud-component", string>;
-export declare const useTranslationLibNoNS: (options?: Omit<UseTranslationOptions<string>, "i18n">) => import('react-i18next').UseTranslationResponse<"translation", string>;
-export declare const t: (key: string, options?: any) => string | import('node_modules/i18next/typescript/helpers').$SpecialObject | import('i18next').TFunctionDetailedResult<string | import('node_modules/i18next/typescript/helpers').$SpecialObject, any>;
-export declare const tWithOrWithoutNS: (key: string, options?: any, fallback?: string) => string | object;