@kingteza/crud-component 1.38.0 → 1.40.0

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

@@ -1 +1 @@
-"use strict";const f=require("react/jsx-runtime"),N=require("antd"),i=require("react"),F=require("../../locale/index.cjs.js"),G=require("../tooltip/TooltipComponent.cjs.js"),H=require("./TextField.cjs.js"),R=/\D/g,v=/\B(?=(\d{3})+(?!\d))/g,U=/\$\s?|(,*)/g,V=new Set(["e","E","."]);function z(e,t,s){return`${e??t??""} ${s}`.trim()}function J(e){if(e==null)return"";const t=String(e);if(!t.includes("."))return t.replace(v,",");const[s,...o]=t.split(".");return[s.replace(v,","),...o].join(".")}function Q(e){return(e==null?void 0:e.replace(U,""))??""}function W(e,t){return e==null?"":String(e).replace(t,"")}function X(e,t){return e==null?"":e.replace(t,"")}const Z=i.forwardRef(function({type:t,required:s,label:o,rules:p=[],placeholder:l,onEnter:m,form:g,nextFocus:E,min:T,moneyField:u,addonAfter:_,minLength:b,defaultValue:h,pattern:w,disabled:M,readOnly:P,onChange:S,value:q,max:y,addonBefore:D,size:L,isInt:n=!1,tooltip:C,help:I,...O},j){const{t:d}=F.useTranslationLib(),c=T===null,a=n&&!c,A=l??o,k=i.useMemo(()=>{const r=[...p,{required:s,message:z(o,l,d("err.validation.required"))}];return n&&r.push({type:"number",validator:async(ee,x)=>{if(!(x==null||Number.isInteger(x)))throw new Error(d("err.validation.integer"))}}),r},[p,o,l,d,s,n]),K=i.useMemo(()=>{if(u)return J;if(a)return r=>W(r,R)},[u,a]),$=i.useMemo(()=>{if(u)return Q;if(a)return r=>X(r,R)},[u,a]),B=i.useCallback(r=>H.onEnterInternalTextField(r,E,g,m),[E,g,m]),Y=i.useCallback(r=>{if(!c&&r.key==="-"){r.preventDefault();return}V.has(r.key)&&r.preventDefault()},[c]);return f.jsx(G,{title:C,children:f.jsx(N.Form.Item,{...O,label:o,rules:k,help:I,children:f.jsx(N.InputNumber,{ref:j,disabled:M,defaultValue:h,value:q,readOnly:P,addonBefore:D,minLength:b,addonAfter:_,step:n?1:void 0,inputMode:n?"numeric":void 0,pattern:n?c?"-?[0-9]*":"[0-9]*":w,precision:n?0:void 0,onChange:S,onPressEnter:B,className:"max-width",min:c?void 0:T??0,max:y,type:u?void 0:"number",size:L,formatter:K,parser:$,onKeyDown:n?Y:void 0,placeholder:A})})})});module.exports=Z;
+"use strict";const p=require("react/jsx-runtime"),R=require("antd"),o=require("react"),H=require("../../locale/index.cjs.js"),U=require("../tooltip/TooltipComponent.cjs.js"),V=require("./TextField.cjs.js"),_=/\D/g,b=/\B(?=(\d{3})+(?!\d))/g,z=/\$\s?|(,*)/g,J=new Set(["e","E","."]);function Q(e,t,c){return`${e??t??""} ${c}`.trim()}function W(e){if(e==null)return"";const t=String(e);if(!t.includes("."))return t.replace(b,",");const[c,...s]=t.split(".");return[c.replace(b,","),...s].join(".")}function X(e){return(e==null?void 0:e.replace(z,""))??""}function Z(e,t){return e==null?"":String(e).replace(t,"")}function ee(e,t){return e==null?"":e.replace(t,"")}const re=o.forwardRef(function({changeOnWheel:t,type:c,required:s,label:a,rules:m=[],placeholder:f,onEnter:g,form:E,nextFocus:T,min:x,moneyField:i,addonAfter:h,minLength:v,defaultValue:w,pattern:M,disabled:P,readOnly:S,onChange:q,value:y,max:D,addonBefore:L,size:C,isInt:n=!1,tooltip:I,help:O,step:j,...A},k){const{t:d}=H.useTranslationLib(),u=x===null,l=n&&!u,K=f??a,$=o.useMemo(()=>{const r=[...m,{required:s,message:Q(a,f,d("err.validation.required"))}];return n&&r.push({type:"number",validator:async(te,N)=>{if(!(N==null||Number.isInteger(N)))throw new Error(d("err.validation.integer"))}}),r},[m,a,f,d,s,n]),B=o.useMemo(()=>{if(i)return W;if(l)return r=>Z(r,_)},[i,l]),Y=o.useMemo(()=>{if(i)return X;if(l)return r=>ee(r,_)},[i,l]),F=o.useCallback(r=>V.onEnterInternalTextField(r,T,E,g),[T,E,g]),G=o.useCallback(r=>{if(!u&&r.key==="-"){r.preventDefault();return}J.has(r.key)&&r.preventDefault()},[u]);return p.jsx(U,{title:I,children:p.jsx(R.Form.Item,{...A,label:a,rules:$,help:O,children:p.jsx(R.InputNumber,{ref:k,changeOnWheel:t,disabled:P,defaultValue:w,value:y,readOnly:S,addonBefore:L,minLength:v,addonAfter:h,step:n?1:j,inputMode:n?"numeric":void 0,pattern:n?u?"-?[0-9]*":"[0-9]*":M,precision:n?0:void 0,onChange:q,onPressEnter:F,className:"max-width",min:u?void 0:x??0,max:D,type:i?void 0:"number",size:C,formatter:B,parser:Y,onKeyDown:n?G:void 0,placeholder:K})})})});module.exports=re;

package/dist/common/text-field/NumberField.d.ts

@@ -2,9 +2,11 @@ import { ReactNode } from 'react';
 import { TextFieldProps } from './TextField';
 export interface NumberTextFieldProps extends TextFieldProps {
     moneyField?: boolean;
+    changeOnWheel?: boolean;
     addonAfter?: ReactNode;
     minLength?: number;
     isInt?: boolean;
+    step?: number;
     max?: number;
     pattern?: string;
     min?: number | null;

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

@@ -1,128 +1,131 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Form as G, InputNumber as H } from "antd";
-import { forwardRef as U, useMemo as p, useCallback as v } from "react";
-import { useTranslationLib as V } from "../../locale/index.es.js";
-import z from "../tooltip/TooltipComponent.es.js";
-import { onEnterInternalTextField as F } from "./TextField.es.js";
-const _ = /\D/g, h = /\B(?=(\d{3})+(?!\d))/g, J = /\$\s?|(,*)/g, Q = /* @__PURE__ */ new Set(["e", "E", "."]);
-function W(r, e, i) {
-  return `${r ?? e ?? ""} ${i}`.trim();
+import { jsx as p } from "react/jsx-runtime";
+import { Form as U, InputNumber as V } from "antd";
+import { forwardRef as z, useMemo as m, useCallback as h } from "react";
+import { useTranslationLib as F } from "../../locale/index.es.js";
+import J from "../tooltip/TooltipComponent.es.js";
+import { onEnterInternalTextField as Q } from "./TextField.es.js";
+const v = /\D/g, w = /\B(?=(\d{3})+(?!\d))/g, W = /\$\s?|(,*)/g, X = /* @__PURE__ */ new Set(["e", "E", "."]);
+function Z(r, e, u) {
+  return `${r ?? e ?? ""} ${u}`.trim();
 }
-function X(r) {
+function rr(r) {
   if (r == null) return "";
   const e = String(r);
   if (!e.includes("."))
-    return e.replace(h, ",");
-  const [i, ...o] = e.split(".");
-  return [i.replace(h, ","), ...o].join(".");
+    return e.replace(w, ",");
+  const [u, ...o] = e.split(".");
+  return [u.replace(w, ","), ...o].join(".");
 }
-function Z(r) {
-  return (r == null ? void 0 : r.replace(J, "")) ?? "";
+function tr(r) {
+  return (r == null ? void 0 : r.replace(W, "")) ?? "";
 }
-function rr(r, e) {
+function er(r, e) {
   return r == null ? "" : String(r).replace(e, "");
 }
-function tr(r, e) {
+function nr(r, e) {
   return r == null ? "" : r.replace(e, "");
 }
-const ar = U(
+const lr = z(
   function({
-    type: e,
-    required: i,
-    label: o,
-    rules: m = [],
-    placeholder: a,
-    onEnter: d,
-    form: g,
-    nextFocus: E,
-    min: N,
-    moneyField: s,
-    addonAfter: w,
-    minLength: P,
-    defaultValue: R,
-    pattern: S,
-    disabled: b,
-    readOnly: y,
-    onChange: D,
-    value: L,
-    max: I,
-    addonBefore: M,
-    size: O,
+    changeOnWheel: e,
+    type: u,
+    required: o,
+    label: c,
+    rules: d = [],
+    placeholder: f,
+    onEnter: g,
+    form: E,
+    nextFocus: N,
+    min: T,
+    moneyField: i,
+    addonAfter: P,
+    minLength: R,
+    defaultValue: S,
+    pattern: b,
+    disabled: y,
+    readOnly: D,
+    onChange: L,
+    value: I,
+    max: M,
+    addonBefore: O,
+    size: x,
     isInt: n = !1,
-    tooltip: x,
-    help: A,
-    ...C
-  }, K) {
-    const { t: f } = V(), u = N === null, c = n && !u, k = a ?? o, $ = p(() => {
+    tooltip: A,
+    help: C,
+    step: K,
+    ...k
+  }, $) {
+    const { t: l } = F(), s = T === null, a = n && !s, j = f ?? c, B = m(() => {
       const t = [
-        ...m,
+        ...d,
         {
-          required: i,
-          message: W(
-            o,
-            a,
-            f("err.validation.required")
+          required: o,
+          message: Z(
+            c,
+            f,
+            l("err.validation.required")
           )
         }
       ];
       return n && t.push({
         type: "number",
-        validator: async (er, T) => {
-          if (!(T == null || Number.isInteger(T)))
-            throw new Error(f("err.validation.integer"));
+        validator: async (or, _) => {
+          if (!(_ == null || Number.isInteger(_)))
+            throw new Error(l("err.validation.integer"));
         }
       }), t;
-    }, [m, o, a, f, i, n]), j = p(() => {
-      if (s) return X;
-      if (c)
-        return (t) => rr(t, _);
-    }, [s, c]), B = p(() => {
-      if (s) return Z;
-      if (c)
-        return (t) => tr(t, _);
-    }, [s, c]), Y = v(
-      (t) => F(t, E, g, d),
-      [E, g, d]
-    ), q = v(
+    }, [d, c, f, l, o, n]), Y = m(() => {
+      if (i) return rr;
+      if (a)
+        return (t) => er(t, v);
+    }, [i, a]), q = m(() => {
+      if (i) return tr;
+      if (a)
+        return (t) => nr(t, v);
+    }, [i, a]), G = h(
+      (t) => Q(t, N, E, g),
+      [N, E, g]
+    ), H = h(
       (t) => {
-        if (!u && t.key === "-") {
+        if (!s && t.key === "-") {
           t.preventDefault();
           return;
         }
-        Q.has(t.key) && t.preventDefault();
+        X.has(t.key) && t.preventDefault();
       },
-      [u]
+      [s]
     );
-    return /* @__PURE__ */ l(z, { title: x, children: /* @__PURE__ */ l(G.Item, { ...C, label: o, rules: $, help: A, children: /* @__PURE__ */ l(
-      H,
+    return /* @__PURE__ */ p(J, { title: A, children: /* @__PURE__ */ p(U.Item, { ...k, label: c, rules: B, help: C, children: /* @__PURE__ */ p(
+      V,
       {
-        ref: K,
-        disabled: b,
-        defaultValue: R,
-        value: L,
-        readOnly: y,
-        addonBefore: M,
-        minLength: P,
-        addonAfter: w,
-        step: n ? 1 : void 0,
+        ref: $,
+        changeOnWheel: e,
+        disabled: y,
+        defaultValue: S,
+        value: I,
+        readOnly: D,
+        addonBefore: O,
+        minLength: R,
+        addonAfter: P,
+        step: n ? 1 : K,
         inputMode: n ? "numeric" : void 0,
-        pattern: n ? u ? "-?[0-9]*" : "[0-9]*" : S,
+        pattern: n ? s ? "-?[0-9]*" : "[0-9]*" : b,
         precision: n ? 0 : void 0,
-        onChange: D,
-        onPressEnter: Y,
+        onChange: L,
+        onPressEnter: G,
         className: "max-width",
-        min: u ? void 0 : N ?? 0,
-        max: I,
-        type: s ? void 0 : "number",
-        size: O,
-        formatter: j,
-        parser: B,
-        onKeyDown: n ? q : void 0,
-        placeholder: k
+        min: s ? void 0 : T ?? 0,
+        max: M,
+        type: i ? void 0 : "number",
+        size: x,
+        formatter: Y,
+        parser: q,
+        onKeyDown: n ? H : void 0,
+        placeholder: j
       }
     ) }) });
   }
 );
 export {
-  ar as default
+  lr as default
 };

package/dist/crud/CrudComponent.d.ts

@@ -170,6 +170,8 @@ export interface NumberBasedFieldProps<T> extends InitialCrudField<T>, AddonFiel
      */
     formatted?: boolean;
     int?: boolean;
+    step?: number;
+    changeOnWheel?: boolean;
     onChange?: (value: number, form: FormInstance<T>) => void;
 }
 export interface DateBasedFieldProps<T> extends InitialCrudField<T>, Copyable<false> {

package/dist/crud/CrudField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("antd"),T=require("react"),Y=require("react-highlight-words"),Z=require("../locale/index.cjs.js"),ee=require("./FileCrudField.cjs.js"),re=require("./ImageCrudField.cjs.js"),te=require("../common/check-box/CheckBox.cjs.js"),ne=require("../common/date-picker/DatePicker.cjs.js"),ae=require("../common/date-picker/TimePicker.cjs.js"),D=require("../common/select/SelectComponent.cjs.js"),oe=require("../common/text-field/NumberField.cjs.js"),le=require("../common/text-field/PhoneNumberField.cjs.js"),se=require("../common/text-field/TextField.cjs.js"),ie=require("../common/tooltip/TooltipComponent.cjs.js"),de=require("./CrudTextAreaComponent.cjs.js"),_=require("../util/CrudUtil.cjs.js"),E=require("../context/CrudSearchContext.cjs.js");function ce(j){const{label:s,name:d,type:c,required:h,hidden:H,rules:b=[],updatable:m=!0,readonly:F=!1,fieldClassName:f,customFormFieldRender:k,fieldTooltip:S,fieldHelper:C,formLayoutProps:q,...r}=j,l=p.Form.useFormInstance();T.useEffect(()=>{if(c==="select"){const{items:a=[],onSearch:o,searchOnType:u}=r;!(a!=null&&a.length)&&!u&&(o==null||o(void 0,l,r==null?void 0:r.updatingValue))}},[l,r,c,r==null?void 0:r.updatingValue]);const R=E.useCrudSearchContext(),x=T.useCallback((a,o)=>{R&&R.search(),!F&&o&&o(a,l)},[R,F,l]);if(F||H)return e.jsx(e.Fragment,{});if(k)return k(l,j);switch(c){case"text":case"email":case"password":{const{maxLength:a,onChange:o,placeholder:u,addonAfter:y,addonBefore:i}=r;return e.jsx(se.default,{...q,maxLength:a,placeholder:u,disabled:!m,rules:b,required:h,onChange:o?v=>o(v,l):void 0,type:c,name:d,tooltip:S,label:s,className:f,autoComplete:"new-password",addonAfter:y,addonBefore:i,help:C})}case"phone":{const{onChange:a,placeholder:o,addonAfter:u,addonBefore:y}=r;return e.jsx(le,{...r,...q,placeholder:o,disabled:!m,rules:b,required:h,onChange:a?i=>a(i,l):void 0,type:c,name:d,tooltip:S,label:s,className:f,autoComplete:"new-password",addonAfter:u,addonBefore:y,help:C})}case"number":{const{onChange:a,placeholder:o,allowMinus:u,min:y,max:i,addonAfter:v,addonBefore:w,int:P}=r;return e.jsx(oe,{...q,placeholder:o,disabled:!m,moneyField:!!r.formatted,type:c,onChange:a?n=>a(n,l):void 0,rules:b,autoComplete:"false",required:h,tooltip:S,className:f,min:u?null:y,max:i,addonAfter:v,addonBefore:w,name:d,label:s,help:C,isInt:P})}case"date":{const{range:a,disableToday:o,disabledFutureDays:u,disabledPastDays:y,onChange:i,placeholder:v,format:w}=r;return e.jsx(ne,{...q,placeholder:v,required:h,disabled:!m,type:c,format:w,tooltip:S,range:a,name:d,label:s,onChange:x,className:f,disableToday:o,disabledFutureDays:u,disabledPastDays:y,help:C})}case"time":{const{range:a=!1,disableCurrent:o,disabledFuture:u,disabledPast:y,onChange:i,use12Hours:v,format:w,placeholder:P}=r;return e.jsx(ae,{...q,placeholder:P,required:h,format:w,disabled:!m,type:c,tooltip:S,range:a,use12Hours:v,name:d,label:s,onChange:x,className:f,disableCurrent:o,disabledFuture:u,disabledPast:y,help:C})}case"textarea":return e.jsx(de,{...j});case"image":return e.jsx(re.default,{...r,required:h,name:d,label:s,rules:b,fieldHelper:C,fieldClassName:f,onRemoved:r.onRemoved,onUploading:r.onUploading,provider:r.provider});case"file":return e.jsx(ee.default,{...r,required:h,name:d,label:s,rules:b,fieldHelper:C,fieldClassName:f,onRemoved:r.onRemoved,onUploading:r.onUploading,provider:r.provider});case"select":return e.jsx($,{...r,required:h,name:d,label:s,rules:b,fieldClassName:f,form:l,help:C,updatable:m,readonly:F,fieldTooltip:S,fieldHelper:C});case"enum":return e.jsx(W,{...j});case"checkbox":{const{onChange:a,switch:o}=r;return e.jsx(te,{...q,className:f,rules:b,onChange:x,label:s,tooltip:S,disabled:!m,name:d,help:C,switch:o})}case"color":return e.jsx(z,{...r,type:"color",required:h,name:d,label:s,rules:b,fieldClassName:f,updatable:m,readonly:F,fieldTooltip:S,fieldHelper:C});default:return e.jsx(e.Fragment,{children:`${c} Not Implemented`})}}function W(j){const s=p.Form.useFormInstance(),{label:d,name:c,type:h,required:H,hidden:b,rules:m=[],updatable:F=!0,readonly:f=!1,fieldClassName:k,customFormFieldRender:S,fieldTooltip:C,fieldHelper:q,formLayoutProps:r,...l}=j,{t:R}=Z.useTranslationLibNoNS(),{enum:x,translation:a,onChange:o,onSearch:u,multiple:y,tagRender:i}=l,v=Array.isArray(x)?x:Object.keys(x),w=E.useCrudSearchContext(),P=T.useCallback(n=>{w&&w.search(),!f&&o&&o(n,s)},[w,f,o,s]);return"radio"in l&&l.radio?e.jsx(p.Form.Item,{...l,...r,name:c,required:H,tooltip:C,rules:m,label:d,className:["w-100",k].join(" "),help:q,children:e.jsx(p.Radio.Group,{...l,onChange:n=>{var N;return P((N=n==null?void 0:n.target)==null?void 0:N.value)},children:v.map(n=>e.jsx(p.Radio,{disabled:!F,value:n,children:a?R(a[n]):n},n))})}):"checkbox"in l&&l.checkbox?e.jsx(p.Form.Item,{...l,...r,name:c,required:H,tooltip:C,rules:m,label:d,className:["w-100",k].join(" "),help:q,children:e.jsx(p.Checkbox.Group,{className:"w-100",onChange:P,children:v.map(n=>{const N=e.jsx(p.Checkbox,{disabled:!F,value:n,children:a?R(a[n]):n},n);return"checkboxGrid"in l&&l.checkboxGrid?e.jsx(p.Col,{...l.checkboxGrid,children:N}):N})})}):e.jsx(D,{...l,...r,notSearch:!0,tagRender:typeof i=="function"?i:i?n=>{const{value:N,label:I}=n,L=i[N];return L?e.jsx(p.Tag,{color:L.color,children:I}):e.jsx(p.Tag,{children:I})}:void 0,onChange:P,className:["w-100",k].join(" "),name:c,items:v,required:H,tooltip:C,rules:m,label:d,help:q,disabled:!F,onSearch:u?n=>u(n,s):void 0,allowClear:!0,mode:y?"multiple":void 0,showLoadingInEmptyIndicator:!0,itemBuilder:n=>e.jsx(p.Select.Option,{value:n,children:a?R(a[n]):n},n)})}function $(j){const{items:s=[],loading:d,searchOnType:c,onSearch:h,multiple:H,onChange:b,highlightSearch:m,required:F,fieldClassName:f,rules:k,fieldTooltip:S,updatable:C,label:q,name:r,tagRender:l,updatingValue:R,onSet:x,placeholder:a,allowClear:o=!0,selectOptionRender:u,formLayoutProps:y}=j,i=j.form,[v,w]=T.useState(""),P=T.useMemo(()=>_.getRealName(r),[r]),n=T.useMemo(()=>_.getRealName(r,"upsertFieldName"),[r]),N=p.Form.useWatch(P,i),[I,L]=T.useState(!0);T.useEffect(()=>{x&&I&&N&&(x==null||x(N,s,i),L(!1))},[I,i,s,P,x,N]),T.useEffect(()=>{N&&L(!0)},[N]);const J=T.useCallback(async t=>{w(t),c&&(h==null||h(t,i,R))},[i,h,c,R]),K=T.useCallback(t=>u?u(t):t.value,[u]),O=E.useCrudSearchContext(),Q=T.useCallback(t=>{O&&O.search(),b&&(w(""),b(t,i))},[O,b,i]);return e.jsx(D,{...j,...y,showLoadingInEmptyIndicator:!0,maxTagCount:"responsive",maxTagPlaceholder:t=>e.jsxs(ie,{title:e.jsx(e.Fragment,{children:t.map(g=>e.jsxs(e.Fragment,{children:[g.label," ",e.jsx("br",{})]}))}),children:["+",t==null?void 0:t.length]}),placeholder:a,onSelect:t=>{x==null||x(t==null?void 0:t.key,s,i)},onChange:Q,mode:H?"multiple":void 0,className:["w-100",f].join(" "),name:n,items:s,required:F,tooltip:S,tagRender:l,rules:k,disabled:!C,label:q,allowClear:o,onSearch:J,loading:d,filterOption:m?(t,g)=>{var A,B,G;try{const M=t.toLowerCase().split(/\s+/),V=((typeof(g==null?void 0:g.children)=="string"?g==null?void 0:g.children:(B=(A=g==null?void 0:g.children)==null?void 0:A.props)==null?void 0:B.textToHighlight)??"").toLowerCase(),X=(((G=g==null?void 0:g.value)==null?void 0:G.toString())??"").toLowerCase();return M.every(U=>V.indexOf(U)>=0||X.indexOf(U)>=0)}catch{return!0}}:void 0,itemBuilder:m?t=>{const g=t.value?String(t.value):void 0;return e.jsx(p.Select.Option,{value:t.key,title:g,disabled:t.disabled,children:e.jsx(Y,{highlightClassName:"highlight-text",searchWords:(v??"").split(" "),autoEscape:!0,textToHighlight:g??""})},t.key)}:t=>e.jsx(p.Select.Option,{value:t.key,title:t.value,disabled:t.disabled,children:K(t)},t.key)})}function z(j){const{formLayoutProps:s,required:d,fieldClassName:c,rules:h,fieldTooltip:H,updatable:b,label:m,name:F,fieldHelper:f}=j;return e.jsx(p.Form.Item,{...s,label:m,name:F,required:d,rules:h,tooltip:H,help:f,getValueFromEvent:k=>typeof k=="object"?k.toHexString():k,children:e.jsx(p.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:c,disabled:!b,...j.innerProps})})}exports.ColorCrudFieldComponent=z;exports.EnumCrudFieldComponent=W;exports.SelectCrudFieldComponent=$;exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("antd"),T=require("react"),Y=require("react-highlight-words"),Z=require("../locale/index.cjs.js"),ee=require("./FileCrudField.cjs.js"),re=require("./ImageCrudField.cjs.js"),te=require("../common/check-box/CheckBox.cjs.js"),ne=require("../common/date-picker/DatePicker.cjs.js"),ae=require("../common/date-picker/TimePicker.cjs.js"),D=require("../common/select/SelectComponent.cjs.js"),oe=require("../common/text-field/NumberField.cjs.js"),le=require("../common/text-field/PhoneNumberField.cjs.js"),se=require("../common/text-field/TextField.cjs.js"),ie=require("../common/tooltip/TooltipComponent.cjs.js"),de=require("./CrudTextAreaComponent.cjs.js"),_=require("../util/CrudUtil.cjs.js"),E=require("../context/CrudSearchContext.cjs.js");function ce(F){const{label:s,name:d,type:c,required:h,hidden:O,rules:b=[],updatable:m=!0,readonly:y=!1,fieldClassName:f,customFormFieldRender:k,fieldTooltip:S,fieldHelper:C,formLayoutProps:q,...r}=F,l=p.Form.useFormInstance();T.useEffect(()=>{if(c==="select"){const{items:a=[],onSearch:o,searchOnType:u}=r;!(a!=null&&a.length)&&!u&&(o==null||o(void 0,l,r==null?void 0:r.updatingValue))}},[l,r,c,r==null?void 0:r.updatingValue]);const R=E.useCrudSearchContext(),x=T.useCallback((a,o)=>{R&&R.search(),!y&&o&&o(a,l)},[R,y,l]);if(y||O)return e.jsx(e.Fragment,{});if(k)return k(l,F);switch(c){case"text":case"email":case"password":{const{maxLength:a,onChange:o,placeholder:u,addonAfter:v,addonBefore:i}=r;return e.jsx(se.default,{...q,maxLength:a,placeholder:u,disabled:!m,rules:b,required:h,onChange:o?N=>o(N,l):void 0,type:c,name:d,tooltip:S,label:s,className:f,autoComplete:"new-password",addonAfter:v,addonBefore:i,help:C})}case"phone":{const{onChange:a,placeholder:o,addonAfter:u,addonBefore:v}=r;return e.jsx(le,{...r,...q,placeholder:o,disabled:!m,rules:b,required:h,onChange:a?i=>a(i,l):void 0,type:c,name:d,tooltip:S,label:s,className:f,autoComplete:"new-password",addonAfter:u,addonBefore:v,help:C})}case"number":{const{onChange:a,placeholder:o,allowMinus:u,min:v,max:i,addonAfter:N,addonBefore:w,int:P,step:n,changeOnWheel:j=!1}=r;return e.jsx(oe,{...q,step:n,changeOnWheel:j,placeholder:o,disabled:!m,moneyField:!!r.formatted,type:c,onChange:a?H=>a(H,l):void 0,rules:b,autoComplete:"false",required:h,tooltip:S,className:f,min:u?null:v,max:i,addonAfter:N,addonBefore:w,name:d,label:s,help:C,isInt:P})}case"date":{const{range:a,disableToday:o,disabledFutureDays:u,disabledPastDays:v,onChange:i,placeholder:N,format:w}=r;return e.jsx(ne,{...q,placeholder:N,required:h,disabled:!m,type:c,format:w,tooltip:S,range:a,name:d,label:s,onChange:x,className:f,disableToday:o,disabledFutureDays:u,disabledPastDays:v,help:C})}case"time":{const{range:a=!1,disableCurrent:o,disabledFuture:u,disabledPast:v,onChange:i,use12Hours:N,format:w,placeholder:P}=r;return e.jsx(ae,{...q,placeholder:P,required:h,format:w,disabled:!m,type:c,tooltip:S,range:a,use12Hours:N,name:d,label:s,onChange:x,className:f,disableCurrent:o,disabledFuture:u,disabledPast:v,help:C})}case"textarea":return e.jsx(de,{...F});case"image":return e.jsx(re.default,{...r,required:h,name:d,label:s,rules:b,fieldHelper:C,fieldClassName:f,onRemoved:r.onRemoved,onUploading:r.onUploading,provider:r.provider});case"file":return e.jsx(ee.default,{...r,required:h,name:d,label:s,rules:b,fieldHelper:C,fieldClassName:f,onRemoved:r.onRemoved,onUploading:r.onUploading,provider:r.provider});case"select":return e.jsx($,{...r,required:h,name:d,label:s,rules:b,fieldClassName:f,form:l,help:C,updatable:m,readonly:y,fieldTooltip:S,fieldHelper:C});case"enum":return e.jsx(W,{...F});case"checkbox":{const{onChange:a,switch:o}=r;return e.jsx(te,{...q,className:f,rules:b,onChange:x,label:s,tooltip:S,disabled:!m,name:d,help:C,switch:o})}case"color":return e.jsx(z,{...r,type:"color",required:h,name:d,label:s,rules:b,fieldClassName:f,updatable:m,readonly:y,fieldTooltip:S,fieldHelper:C});default:return e.jsx(e.Fragment,{children:`${c} Not Implemented`})}}function W(F){const s=p.Form.useFormInstance(),{label:d,name:c,type:h,required:O,hidden:b,rules:m=[],updatable:y=!0,readonly:f=!1,fieldClassName:k,customFormFieldRender:S,fieldTooltip:C,fieldHelper:q,formLayoutProps:r,...l}=F,{t:R}=Z.useTranslationLibNoNS(),{enum:x,translation:a,onChange:o,onSearch:u,multiple:v,tagRender:i}=l,N=Array.isArray(x)?x:Object.keys(x),w=E.useCrudSearchContext(),P=T.useCallback(n=>{w&&w.search(),!f&&o&&o(n,s)},[w,f,o,s]);return"radio"in l&&l.radio?e.jsx(p.Form.Item,{...l,...r,name:c,required:O,tooltip:C,rules:m,label:d,className:["w-100",k].join(" "),help:q,children:e.jsx(p.Radio.Group,{...l,onChange:n=>{var j;return P((j=n==null?void 0:n.target)==null?void 0:j.value)},children:N.map(n=>e.jsx(p.Radio,{disabled:!y,value:n,children:a?R(a[n]):n},n))})}):"checkbox"in l&&l.checkbox?e.jsx(p.Form.Item,{...l,...r,name:c,required:O,tooltip:C,rules:m,label:d,className:["w-100",k].join(" "),help:q,children:e.jsx(p.Checkbox.Group,{className:"w-100",onChange:P,children:N.map(n=>{const j=e.jsx(p.Checkbox,{disabled:!y,value:n,children:a?R(a[n]):n},n);return"checkboxGrid"in l&&l.checkboxGrid?e.jsx(p.Col,{...l.checkboxGrid,children:j}):j})})}):e.jsx(D,{...l,...r,notSearch:!0,tagRender:typeof i=="function"?i:i?n=>{const{value:j,label:H}=n,I=i[j];return I?e.jsx(p.Tag,{color:I.color,children:H}):e.jsx(p.Tag,{children:H})}:void 0,onChange:P,className:["w-100",k].join(" "),name:c,items:N,required:O,tooltip:C,rules:m,label:d,help:q,disabled:!y,onSearch:u?n=>u(n,s):void 0,allowClear:!0,mode:v?"multiple":void 0,showLoadingInEmptyIndicator:!0,itemBuilder:n=>e.jsx(p.Select.Option,{value:n,children:a?R(a[n]):n},n)})}function $(F){const{items:s=[],loading:d,searchOnType:c,onSearch:h,multiple:O,onChange:b,highlightSearch:m,required:y,fieldClassName:f,rules:k,fieldTooltip:S,updatable:C,label:q,name:r,tagRender:l,updatingValue:R,onSet:x,placeholder:a,allowClear:o=!0,selectOptionRender:u,formLayoutProps:v}=F,i=F.form,[N,w]=T.useState(""),P=T.useMemo(()=>_.getRealName(r),[r]),n=T.useMemo(()=>_.getRealName(r,"upsertFieldName"),[r]),j=p.Form.useWatch(P,i),[H,I]=T.useState(!0);T.useEffect(()=>{x&&H&&j&&(x==null||x(j,s,i),I(!1))},[H,i,s,P,x,j]),T.useEffect(()=>{j&&I(!0)},[j]);const J=T.useCallback(async t=>{w(t),c&&(h==null||h(t,i,R))},[i,h,c,R]),K=T.useCallback(t=>u?u(t):t.value,[u]),L=E.useCrudSearchContext(),Q=T.useCallback(t=>{L&&L.search(),b&&(w(""),b(t,i))},[L,b,i]);return e.jsx(D,{...F,...v,showLoadingInEmptyIndicator:!0,maxTagCount:"responsive",maxTagPlaceholder:t=>e.jsxs(ie,{title:e.jsx(e.Fragment,{children:t.map(g=>e.jsxs(e.Fragment,{children:[g.label," ",e.jsx("br",{})]}))}),children:["+",t==null?void 0:t.length]}),placeholder:a,onSelect:t=>{x==null||x(t==null?void 0:t.key,s,i)},onChange:Q,mode:O?"multiple":void 0,className:["w-100",f].join(" "),name:n,items:s,required:y,tooltip:S,tagRender:l,rules:k,disabled:!C,label:q,allowClear:o,onSearch:J,loading:d,filterOption:m?(t,g)=>{var A,B,G;try{const M=t.toLowerCase().split(/\s+/),V=((typeof(g==null?void 0:g.children)=="string"?g==null?void 0:g.children:(B=(A=g==null?void 0:g.children)==null?void 0:A.props)==null?void 0:B.textToHighlight)??"").toLowerCase(),X=(((G=g==null?void 0:g.value)==null?void 0:G.toString())??"").toLowerCase();return M.every(U=>V.indexOf(U)>=0||X.indexOf(U)>=0)}catch{return!0}}:void 0,itemBuilder:m?t=>{const g=t.value?String(t.value):void 0;return e.jsx(p.Select.Option,{value:t.key,title:g,disabled:t.disabled,children:e.jsx(Y,{highlightClassName:"highlight-text",searchWords:(N??"").split(" "),autoEscape:!0,textToHighlight:g??""})},t.key)}:t=>e.jsx(p.Select.Option,{value:t.key,title:t.value,disabled:t.disabled,children:K(t)},t.key)})}function z(F){const{formLayoutProps:s,required:d,fieldClassName:c,rules:h,fieldTooltip:O,updatable:b,label:m,name:y,fieldHelper:f}=F;return e.jsx(p.Form.Item,{...s,label:m,name:y,required:d,rules:h,tooltip:O,help:f,getValueFromEvent:k=>typeof k=="object"?k.toHexString():k,children:e.jsx(p.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:c,disabled:!b,...F.innerProps})})}exports.ColorCrudFieldComponent=z;exports.EnumCrudFieldComponent=W;exports.SelectCrudFieldComponent=$;exports.default=ce;

package/dist/crud/CrudField.es.js

@@ -1,10 +1,10 @@
 import { jsx as r, Fragment as A, jsxs as $ } from "react/jsx-runtime";
-import { Form as L, ColorPicker as ae, Radio as z, Checkbox as J, Col as ne, Select as E, Tag as K } from "antd";
+import { Form as O, ColorPicker as ae, Radio as z, Checkbox as J, Col as ne, Select as E, Tag as K } from "antd";
 import { useEffect as G, useCallback as j, useState as Q, useMemo as V } from "react";
 import le from "react-highlight-words";
 import { useTranslationLibNoNS as ie } from "../locale/index.es.js";
-import de from "./FileCrudField.es.js";
-import se from "./ImageCrudField.es.js";
+import se from "./FileCrudField.es.js";
+import de from "./ImageCrudField.es.js";
 import ce from "../common/check-box/CheckBox.es.js";
 import me from "../common/date-picker/DatePicker.es.js";
 import ue from "../common/date-picker/TimePicker.es.js";
@@ -16,23 +16,23 @@ import ge from "../common/tooltip/TooltipComponent.es.js";
 import Ce from "./CrudTextAreaComponent.es.js";
 import X from "../util/CrudUtil.es.js";
 import { useCrudSearchContext as U } from "../context/CrudSearchContext.es.js";
-function Ue(x) {
+function Ue(y) {
   const {
     label: i,
-    name: s,
+    name: d,
     type: c,
     required: u,
     hidden: I,
     rules: b = [],
     updatable: h = !0,
-    readonly: y = !1,
+    readonly: v = !1,
     fieldClassName: f,
     customFormFieldRender: w,
     fieldTooltip: R,
     fieldHelper: p,
     formLayoutProps: T,
     ...e
-  } = x, l = L.useFormInstance();
+  } = y, l = O.useFormInstance();
   G(() => {
     if (c === "select") {
       const {
@@ -44,16 +44,16 @@ function Ue(x) {
     }
   }, [l, e, c, e == null ? void 0 : e.updatingValue]);
   const P = U(), C = j((a, n) => {
-    P && P.search(), !y && n && n(a, l);
-  }, [P, y, l]);
-  if (y || I) return /* @__PURE__ */ r(A, {});
+    P && P.search(), !v && n && n(a, l);
+  }, [P, v, l]);
+  if (v || I) return /* @__PURE__ */ r(A, {});
   if (w)
-    return w(l, x);
+    return w(l, y);
   switch (c) {
     case "text":
     case "email":
     case "password": {
-      const { maxLength: a, onChange: n, placeholder: m, addonAfter: v, addonBefore: d } = e;
+      const { maxLength: a, onChange: n, placeholder: m, addonAfter: N, addonBefore: s } = e;
       return /* @__PURE__ */ r(
         pe,
         {
@@ -63,21 +63,21 @@ function Ue(x) {
           disabled: !h,
           rules: b,
           required: u,
-          onChange: n ? (N) => n(N, l) : void 0,
+          onChange: n ? (F) => n(F, l) : void 0,
           type: c,
-          name: s,
+          name: d,
           tooltip: R,
           label: i,
           className: f,
           autoComplete: "new-password",
-          addonAfter: v,
-          addonBefore: d,
+          addonAfter: N,
+          addonBefore: s,
           help: p
         }
       );
     }
     case "phone": {
-      const { onChange: a, placeholder: n, addonAfter: m, addonBefore: v } = e;
+      const { onChange: a, placeholder: n, addonAfter: m, addonBefore: N } = e;
       return /* @__PURE__ */ r(
         fe,
         {
@@ -87,15 +87,15 @@ function Ue(x) {
           disabled: !h,
           rules: b,
           required: u,
-          onChange: a ? (d) => a(d, l) : void 0,
+          onChange: a ? (s) => a(s, l) : void 0,
           type: c,
-          name: s,
+          name: d,
           tooltip: R,
           label: i,
           className: f,
           autoComplete: "new-password",
           addonAfter: m,
-          addonBefore: v,
+          addonBefore: N,
           help: p
         }
       );
@@ -105,31 +105,35 @@ function Ue(x) {
         onChange: a,
         placeholder: n,
         allowMinus: m,
-        min: v,
-        max: d,
-        addonAfter: N,
+        min: N,
+        max: s,
+        addonAfter: F,
         addonBefore: k,
-        int: H
+        int: H,
+        step: o,
+        changeOnWheel: x = !1
       } = e;
       return /* @__PURE__ */ r(
         he,
         {
           ...T,
+          step: o,
+          changeOnWheel: x,
           placeholder: n,
           disabled: !h,
           moneyField: !!e.formatted,
           type: c,
-          onChange: a ? (o) => a(o, l) : void 0,
+          onChange: a ? (L) => a(L, l) : void 0,
           rules: b,
           autoComplete: "false",
           required: u,
           tooltip: R,
           className: f,
-          min: m ? null : v,
-          max: d,
-          addonAfter: N,
+          min: m ? null : N,
+          max: s,
+          addonAfter: F,
           addonBefore: k,
-          name: s,
+          name: d,
           label: i,
           help: p,
           isInt: H
@@ -141,29 +145,29 @@ function Ue(x) {
         range: a,
         disableToday: n,
         disabledFutureDays: m,
-        disabledPastDays: v,
-        onChange: d,
-        placeholder: N,
+        disabledPastDays: N,
+        onChange: s,
+        placeholder: F,
         format: k
       } = e;
       return /* @__PURE__ */ r(
         me,
         {
           ...T,
-          placeholder: N,
+          placeholder: F,
           required: u,
           disabled: !h,
           type: c,
           format: k,
           tooltip: R,
           range: a,
-          name: s,
+          name: d,
           label: i,
           onChange: C,
           className: f,
           disableToday: n,
           disabledFutureDays: m,
-          disabledPastDays: v,
+          disabledPastDays: N,
           help: p
         }
       );
@@ -173,9 +177,9 @@ function Ue(x) {
         range: a = !1,
         disableCurrent: n,
         disabledFuture: m,
-        disabledPast: v,
-        onChange: d,
-        use12Hours: N,
+        disabledPast: N,
+        onChange: s,
+        use12Hours: F,
         format: k,
         placeholder: H
       } = e;
@@ -190,27 +194,27 @@ function Ue(x) {
           type: c,
           tooltip: R,
           range: a,
-          use12Hours: N,
-          name: s,
+          use12Hours: F,
+          name: d,
           label: i,
           onChange: C,
           className: f,
           disableCurrent: n,
           disabledFuture: m,
-          disabledPast: v,
+          disabledPast: N,
           help: p
         }
       );
     }
     case "textarea":
-      return /* @__PURE__ */ r(Ce, { ...x });
+      return /* @__PURE__ */ r(Ce, { ...y });
     case "image":
       return /* @__PURE__ */ r(
-        se,
+        de,
         {
           ...e,
           required: u,
-          name: s,
+          name: d,
           label: i,
           rules: b,
           fieldHelper: p,
@@ -222,11 +226,11 @@ function Ue(x) {
       );
     case "file":
       return /* @__PURE__ */ r(
-        de,
+        se,
         {
           ...e,
           required: u,
-          name: s,
+          name: d,
           label: i,
           rules: b,
           fieldHelper: p,
@@ -242,20 +246,20 @@ function Ue(x) {
         {
           ...e,
           required: u,
-          name: s,
+          name: d,
           label: i,
           rules: b,
           fieldClassName: f,
           form: l,
           help: p,
           updatable: h,
-          readonly: y,
+          readonly: v,
           fieldTooltip: R,
           fieldHelper: p
         }
       );
     case "enum":
-      return /* @__PURE__ */ r(be, { ...x });
+      return /* @__PURE__ */ r(be, { ...y });
     case "checkbox": {
       const { onChange: a, switch: n } = e;
       return /* @__PURE__ */ r(
@@ -268,7 +272,7 @@ function Ue(x) {
           label: i,
           tooltip: R,
           disabled: !h,
-          name: s,
+          name: d,
           help: p,
           switch: n
         }
@@ -281,12 +285,12 @@ function Ue(x) {
           ...e,
           type: "color",
           required: u,
-          name: s,
+          name: d,
           label: i,
           rules: b,
           fieldClassName: f,
           updatable: h,
-          readonly: y,
+          readonly: v,
           fieldTooltip: R,
           fieldHelper: p
         }
@@ -295,15 +299,15 @@ function Ue(x) {
       return /* @__PURE__ */ r(A, { children: `${c} Not Implemented` });
   }
 }
-function be(x) {
-  const i = L.useFormInstance(), {
-    label: s,
+function be(y) {
+  const i = O.useFormInstance(), {
+    label: d,
     name: c,
     type: u,
     required: I,
     hidden: b,
     rules: h = [],
-    updatable: y = !0,
+    updatable: v = !0,
     readonly: f = !1,
     fieldClassName: w,
     customFormFieldRender: R,
@@ -311,21 +315,21 @@ function be(x) {
     fieldHelper: T,
     formLayoutProps: e,
     ...l
-  } = x, { t: P } = ie(), {
+  } = y, { t: P } = ie(), {
     enum: C,
     translation: a,
     onChange: n,
     onSearch: m,
-    multiple: v,
-    tagRender: d
-  } = l, N = Array.isArray(C) ? C : Object.keys(C), k = U(), H = j(
+    multiple: N,
+    tagRender: s
+  } = l, F = Array.isArray(C) ? C : Object.keys(C), k = U(), H = j(
     (o) => {
       k && k.search(), !f && n && n(o, i);
     },
     [k, f, n, i]
   );
   return "radio" in l && l.radio ? /* @__PURE__ */ r(
-    L.Item,
+    O.Item,
     {
       ...l,
       ...e,
@@ -333,7 +337,7 @@ function be(x) {
       required: I,
       tooltip: p,
       rules: h,
-      label: s,
+      label: d,
       className: ["w-100", w].join(" "),
       help: T,
       children: /* @__PURE__ */ r(
@@ -341,15 +345,15 @@ function be(x) {
         {
           ...l,
           onChange: (o) => {
-            var F;
-            return H((F = o == null ? void 0 : o.target) == null ? void 0 : F.value);
+            var x;
+            return H((x = o == null ? void 0 : o.target) == null ? void 0 : x.value);
           },
-          children: N.map((o) => /* @__PURE__ */ r(z, { disabled: !y, value: o, children: a ? P(a[o]) : o }, o))
+          children: F.map((o) => /* @__PURE__ */ r(z, { disabled: !v, value: o, children: a ? P(a[o]) : o }, o))
         }
       )
     }
   ) : "checkbox" in l && l.checkbox ? /* @__PURE__ */ r(
-    L.Item,
+    O.Item,
     {
       ...l,
       ...e,
@@ -357,12 +361,12 @@ function be(x) {
       required: I,
       tooltip: p,
       rules: h,
-      label: s,
+      label: d,
       className: ["w-100", w].join(" "),
       help: T,
-      children: /* @__PURE__ */ r(J.Group, { className: "w-100", onChange: H, children: N.map((o) => {
-        const F = /* @__PURE__ */ r(J, { disabled: !y, value: o, children: a ? P(a[o]) : o }, o);
-        return "checkboxGrid" in l && l.checkboxGrid ? /* @__PURE__ */ r(ne, { ...l.checkboxGrid, children: F }) : F;
+      children: /* @__PURE__ */ r(J.Group, { className: "w-100", onChange: H, children: F.map((o) => {
+        const x = /* @__PURE__ */ r(J, { disabled: !v, value: o, children: a ? P(a[o]) : o }, o);
+        return "checkboxGrid" in l && l.checkboxGrid ? /* @__PURE__ */ r(ne, { ...l.checkboxGrid, children: x }) : x;
       }) })
     }
   ) : /* @__PURE__ */ r(
@@ -371,38 +375,38 @@ function be(x) {
       ...l,
       ...e,
       notSearch: !0,
-      tagRender: typeof d == "function" ? d : d ? (o) => {
-        const { value: F, label: S } = o, O = d[F];
-        return O ? /* @__PURE__ */ r(K, { color: O.color, children: S }) : /* @__PURE__ */ r(K, { children: S });
+      tagRender: typeof s == "function" ? s : s ? (o) => {
+        const { value: x, label: L } = o, S = s[x];
+        return S ? /* @__PURE__ */ r(K, { color: S.color, children: L }) : /* @__PURE__ */ r(K, { children: L });
       } : void 0,
       onChange: H,
       className: ["w-100", w].join(" "),
       name: c,
-      items: N,
+      items: F,
       required: I,
       tooltip: p,
       rules: h,
-      label: s,
+      label: d,
       help: T,
-      disabled: !y,
+      disabled: !v,
       onSearch: m ? (o) => m(o, i) : void 0,
       allowClear: !0,
-      mode: v ? "multiple" : void 0,
+      mode: N ? "multiple" : void 0,
       showLoadingInEmptyIndicator: !0,
       itemBuilder: (o) => /* @__PURE__ */ r(E.Option, { value: o, children: a ? P(a[o]) : o }, o)
     }
   );
 }
-function xe(x) {
+function xe(y) {
   const {
     items: i = [],
-    loading: s,
+    loading: d,
     searchOnType: c,
     onSearch: u,
     multiple: I,
     onChange: b,
     highlightSearch: h,
-    required: y,
+    required: v,
     fieldClassName: f,
     rules: w,
     fieldTooltip: R,
@@ -415,35 +419,35 @@ function xe(x) {
     placeholder: a,
     allowClear: n = !0,
     selectOptionRender: m,
-    formLayoutProps: v
-  } = x, d = x.form, [N, k] = Q(""), H = V(() => X.getRealName(e), [e]), o = V(
+    formLayoutProps: N
+  } = y, s = y.form, [F, k] = Q(""), H = V(() => X.getRealName(e), [e]), o = V(
     () => X.getRealName(e, "upsertFieldName"),
     [e]
-  ), F = L.useWatch(H, d), [S, O] = Q(!0);
+  ), x = O.useWatch(H, s), [L, S] = Q(!0);
   G(() => {
-    C && S && F && (C == null || C(F, i, d), O(!1));
-  }, [S, d, i, H, C, F]), G(() => {
-    F && O(!0);
-  }, [F]);
+    C && L && x && (C == null || C(x, i, s), S(!1));
+  }, [L, s, i, H, C, x]), G(() => {
+    x && S(!0);
+  }, [x]);
   const Z = j(
     async (t) => {
-      k(t), c && (u == null || u(t, d, P));
+      k(t), c && (u == null || u(t, s, P));
     },
-    [d, u, c, P]
+    [s, u, c, P]
   ), ee = j(
     (t) => m ? m(t) : t.value,
     [m]
   ), B = U(), re = j(
     (t) => {
-      B && B.search(), b && (k(""), b(t, d));
+      B && B.search(), b && (k(""), b(t, s));
     },
-    [B, b, d]
+    [B, b, s]
   );
   return /* @__PURE__ */ r(
     Y,
     {
-      ...x,
-      ...v,
+      ...y,
+      ...N,
       showLoadingInEmptyIndicator: !0,
       maxTagCount: "responsive",
       maxTagPlaceholder: (t) => /* @__PURE__ */ $(
@@ -462,14 +466,14 @@ function xe(x) {
       ),
       placeholder: a,
       onSelect: (t) => {
-        C == null || C(t == null ? void 0 : t.key, i, d);
+        C == null || C(t == null ? void 0 : t.key, i, s);
       },
       onChange: re,
       mode: I ? "multiple" : void 0,
       className: ["w-100", f].join(" "),
       name: o,
       items: i,
-      required: y,
+      required: v,
       tooltip: R,
       tagRender: l,
       rules: w,
@@ -477,12 +481,12 @@ function xe(x) {
       label: T,
       allowClear: n,
       onSearch: Z,
-      loading: s,
+      loading: d,
       filterOption: h ? (t, g) => {
-        var q, D, M;
+        var q, D, W;
         try {
-          const W = t.toLowerCase().split(/\s+/), te = ((typeof (g == null ? void 0 : g.children) == "string" ? g == null ? void 0 : g.children : (D = (q = g == null ? void 0 : g.children) == null ? void 0 : q.props) == null ? void 0 : D.textToHighlight) ?? "").toLowerCase(), oe = (((M = g == null ? void 0 : g.value) == null ? void 0 : M.toString()) ?? "").toLowerCase();
-          return W.every(
+          const M = t.toLowerCase().split(/\s+/), te = ((typeof (g == null ? void 0 : g.children) == "string" ? g == null ? void 0 : g.children : (D = (q = g == null ? void 0 : g.children) == null ? void 0 : q.props) == null ? void 0 : D.textToHighlight) ?? "").toLowerCase(), oe = (((W = g == null ? void 0 : g.value) == null ? void 0 : W.toString()) ?? "").toLowerCase();
+          return M.every(
             (_) => te.indexOf(_) >= 0 || oe.indexOf(_) >= 0
           );
         } catch {
@@ -501,7 +505,7 @@ function xe(x) {
               le,
               {
                 highlightClassName: "highlight-text",
-                searchWords: (N ?? "").split(" "),
+                searchWords: (F ?? "").split(" "),
                 autoEscape: !0,
                 textToHighlight: g ?? ""
               }
@@ -522,25 +526,25 @@ function xe(x) {
     }
   );
 }
-function ye(x) {
+function ye(y) {
   const {
     formLayoutProps: i,
-    required: s,
+    required: d,
     fieldClassName: c,
     rules: u,
     fieldTooltip: I,
     updatable: b,
     label: h,
-    name: y,
+    name: v,
     fieldHelper: f
-  } = x;
+  } = y;
   return /* @__PURE__ */ r(
-    L.Item,
+    O.Item,
     {
       ...i,
       label: h,
-      name: y,
-      required: s,
+      name: v,
+      required: d,
       rules: u,
       tooltip: I,
       help: f,
@@ -555,7 +559,7 @@ function ye(x) {
           trigger: "click",
           className: c,
           disabled: !b,
-          ...x.innerProps
+          ...y.innerProps
         }
       )
     }

package/package.json

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