@kingteza/crud-component 1.6.2 → 1.6.4

package/dist/common/select/SelectComponent.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),a=require("antd"),V=require("react"),B=require("../../locale/index.cjs.js"),D=require("../tooltip/TooltipComponent.cjs.js"),E=require("../../util/ValidationUtil.cjs.js");function P({label:s,rules:S=[],required:f,placeholder:l,notSearch:L,children:h,readOnly:o,items:c,dropdownRender:q,itemBuilder:p,loading:m,showLoadingInEmptyIndicator:T,nameFieldInArray:u="name",innerRef:_,tooltip:N,filterOption:R,tagRender:b,help:k,...r}){const{t:U}=B.useTranslationLib(),F=V.useCallback(e=>{const t=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e.id,i=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e[u];return n.jsx("option",{value:t,children:n.jsx("div",{dangerouslySetInnerHTML:{__html:i}})},t)},[u]),H=s||l||"";return n.jsx(a.ConfigProvider,{renderEmpty:T&&m?()=>n.jsx(a.Spin,{}):void 0,children:n.jsx(D,{title:N,children:n.jsx(a.Form.Item,{label:s,name:r.name,help:k,className:r.className,required:f,rules:[...S,...f?E.required(H):[]],children:n.jsx(a.Select,{ref:_,loading:m,open:o?!1:void 0,onChange:!o&&r.onChange,allowClear:!o&&r.allowClear,showSearch:!L,className:`max-width ${o?"readOnly":""}`,...r,tagRender:b,placeholder:l??s,filterOption:R??((e,t)=>{var i,g,C,j;try{const d=(C=(g=(i=t==null?void 0:t.children)==null?void 0:i.props)==null?void 0:g.dangerouslySetInnerHTML)==null?void 0:C.__html,I=e.toLowerCase().split(/\s+/),y=(t==null?void 0:t.children)??"",w=typeof y=="string"?y.toLowerCase():typeof d=="string"?d.toLowerCase():"",M=(((j=t==null?void 0:t.value)==null?void 0:j.toString())??"").toLowerCase(),O=w.replace(/\s/g,"");return I.every(x=>w.indexOf(x)>=0||M.indexOf(x)>=0||O.indexOf(x)>=0)}catch(d){return console.log(d),!0}}),popupRender:q,children:h===null?void 0:h??(c?c==null?void 0:c.map(p??F):n.jsx(n.Fragment,{}))})})})})}module.exports=P;
+"use strict";const n=require("react/jsx-runtime"),x=require("antd"),V=require("react"),B=require("../../locale/index.cjs.js"),D=require("../tooltip/TooltipComponent.cjs.js"),E=require("../../util/ValidationUtil.cjs.js");function P({label:s,rules:S=[],required:f,placeholder:o,notSearch:L,children:m,readOnly:c,items:i,dropdownRender:q,itemBuilder:T,loading:h,showLoadingInEmptyIndicator:_,nameFieldInArray:u="name",innerRef:p,tooltip:N,filterOption:R,tagRender:b,help:k,...r}){const{t:U}=B.useTranslationLib(),F=V.useCallback(e=>{const t=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e.id,d=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e[u];return n.jsx("option",{value:t,children:n.jsx("div",{dangerouslySetInnerHTML:{__html:d}})},t)},[u]),H=s||o||"";return n.jsx(x.ConfigProvider,{renderEmpty:_&&h?()=>n.jsx(x.Spin,{}):void 0,children:n.jsx(D,{title:N,children:n.jsx(x.Form.Item,{label:s,name:r.name,help:k,className:r.className,required:f,rules:[...S,...f?E.required(H):[]],children:n.jsx(x.Select,{ref:p,loading:h,open:c?!1:void 0,onChange:!c&&r.onChange,allowClear:!c&&r.allowClear,showSearch:!L,className:`max-width ${c?"readOnly":""}`,...r,tagRender:b,placeholder:o||s,filterOption:R??((e,t)=>{var d,g,C,j;try{const a=(C=(g=(d=t==null?void 0:t.children)==null?void 0:d.props)==null?void 0:g.dangerouslySetInnerHTML)==null?void 0:C.__html,I=e.toLowerCase().split(/\s+/),y=(t==null?void 0:t.children)??"",w=typeof y=="string"?y.toLowerCase():typeof a=="string"?a.toLowerCase():"",M=(((j=t==null?void 0:t.value)==null?void 0:j.toString())??"").toLowerCase(),O=w.replace(/\s/g,"");return I.every(l=>w.indexOf(l)>=0||M.indexOf(l)>=0||O.indexOf(l)>=0)}catch(a){return console.log(a),!0}}),popupRender:q,children:m===null?void 0:m??(i?i==null?void 0:i.map(T??F):n.jsx(n.Fragment,{}))})})})})}module.exports=P;

package/dist/common/select/SelectComponent.es.js

@@ -1,4 +1,4 @@
-import { jsx as t, Fragment as B } from "react/jsx-runtime";
+import { jsx as r, Fragment as B } from "react/jsx-runtime";
 import { ConfigProvider as D, Form as E, Select as P, Spin as R } from "antd";
 import { useCallback as U } from "react";
 import { useTranslationLib as W } from "../../locale/index.es.js";
@@ -8,11 +8,11 @@ function Z({
   label: o,
   rules: S = [],
   required: d,
-  placeholder: f,
+  placeholder: s,
   notSearch: L,
   children: l,
-  readOnly: s,
-  items: c,
+  readOnly: c,
+  items: i,
   dropdownRender: u,
   itemBuilder: T,
   loading: h,
@@ -26,17 +26,17 @@ function Z({
   ...n
 }) {
   const { t: z } = W(), I = U(
-    (e) => {
-      const r = typeof e == "string" || typeof e == "number" ? e : e == null ? void 0 : e.id, i = typeof e == "string" || typeof e == "number" ? e : e == null ? void 0 : e[g];
-      return /* @__PURE__ */ t("option", { value: r, children: /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: i } }) }, r);
+    (t) => {
+      const e = typeof t == "string" || typeof t == "number" ? t : t == null ? void 0 : t.id, m = typeof t == "string" || typeof t == "number" ? t : t == null ? void 0 : t[g];
+      return /* @__PURE__ */ r("option", { value: e, children: /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: m } }) }, e);
     },
     [g]
-  ), M = o || f || "";
-  return /* @__PURE__ */ t(
+  ), M = o || s || "";
+  return /* @__PURE__ */ r(
     D,
     {
-      renderEmpty: _ && h ? () => /* @__PURE__ */ t(R, {}) : void 0,
-      children: /* @__PURE__ */ t($, { title: b, children: /* @__PURE__ */ t(
+      renderEmpty: _ && h ? () => /* @__PURE__ */ r(R, {}) : void 0,
+      children: /* @__PURE__ */ r($, { title: b, children: /* @__PURE__ */ r(
         E.Item,
         {
           label: o,
@@ -48,32 +48,32 @@ function Z({
             ...S,
             ...d ? q.required(M) : []
           ],
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ r(
             P,
             {
               ref: N,
               loading: h,
-              open: s ? !1 : void 0,
-              onChange: !s && n.onChange,
-              allowClear: !s && n.allowClear,
+              open: c ? !1 : void 0,
+              onChange: !c && n.onChange,
+              allowClear: !c && n.allowClear,
               showSearch: !L,
-              className: `max-width ${s ? "readOnly" : ""}`,
+              className: `max-width ${c ? "readOnly" : ""}`,
               ...n,
               tagRender: F,
-              placeholder: f ?? o,
-              filterOption: k ?? ((e, r) => {
-                var i, C, p, y;
+              placeholder: s || o,
+              filterOption: k ?? ((t, e) => {
+                var m, C, p, y;
                 try {
-                  const m = (p = (C = (i = r == null ? void 0 : r.children) == null ? void 0 : i.props) == null ? void 0 : C.dangerouslySetInnerHTML) == null ? void 0 : p.__html, O = e.toLowerCase().split(/\s+/), w = (r == null ? void 0 : r.children) ?? "", x = typeof w == "string" ? w.toLowerCase() : typeof m == "string" ? m.toLowerCase() : "", V = (((y = r == null ? void 0 : r.value) == null ? void 0 : y.toString()) ?? "").toLowerCase(), j = x.replace(/\s/g, "");
+                  const f = (p = (C = (m = e == null ? void 0 : e.children) == null ? void 0 : m.props) == null ? void 0 : C.dangerouslySetInnerHTML) == null ? void 0 : p.__html, O = t.toLowerCase().split(/\s+/), w = (e == null ? void 0 : e.children) ?? "", x = typeof w == "string" ? w.toLowerCase() : typeof f == "string" ? f.toLowerCase() : "", V = (((y = e == null ? void 0 : e.value) == null ? void 0 : y.toString()) ?? "").toLowerCase(), j = x.replace(/\s/g, "");
                   return O.every(
                     (a) => x.indexOf(a) >= 0 || V.indexOf(a) >= 0 || j.indexOf(a) >= 0
                   );
-                } catch (m) {
-                  return console.log(m), !0;
+                } catch (f) {
+                  return console.log(f), !0;
                 }
               }),
               popupRender: u,
-              children: l === null ? void 0 : l ?? (c ? c == null ? void 0 : c.map(T ?? I) : /* @__PURE__ */ t(B, {}))
+              children: l === null ? void 0 : l ?? (i ? i == null ? void 0 : i.map(T ?? I) : /* @__PURE__ */ r(B, {}))
             }
           )
         }

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

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

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

@@ -1,20 +1,20 @@
 import { jsx as i } from "react/jsx-runtime";
-import { Form as M, InputNumber as P } from "antd";
-import { forwardRef as R, useMemo as b } from "react";
-import { useTranslationLib as k } from "../../locale/index.es.js";
-import q from "../tooltip/TooltipComponent.es.js";
-import { onEnterInternalTextField as v } from "./TextField.es.js";
-const Q = R(
+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(
   function({
     // eslint-disable-next-line no-unused-vars
-    type: z,
+    type: A,
     required: s,
     label: t,
     rules: m = [],
     placeholder: o,
     onEnter: c,
-    form: a,
-    nextFocus: u,
+    form: u,
+    nextFocus: a,
     min: p,
     moneyField: e,
     addonAfter: x,
@@ -23,17 +23,17 @@ const Q = R(
     pattern: T,
     disabled: I,
     readOnly: N,
-    onChange: h,
-    value: j,
-    max: w,
-    addonBefore: B,
-    size: E,
+    onChange: j,
+    value: w,
+    max: B,
+    addonBefore: E,
+    size: h,
     isInt: d = !1,
-    tooltip: l,
-    help: A,
-    ...C
-  }, F) {
-    const { t: f } = k(), L = b(
+    tooltip: C,
+    help: D,
+    ...F
+  }, L) {
+    const { t: f } = q(), M = k(
       () => [
         ...m,
         {
@@ -45,26 +45,26 @@ const Q = R(
       ],
       [m, t, o, f, s]
     );
-    return /* @__PURE__ */ i(q, { title: l, children: /* @__PURE__ */ i(M.Item, { ...C, label: t, rules: L, children: /* @__PURE__ */ i(
-      P,
+    return /* @__PURE__ */ i(v, { title: C, children: /* @__PURE__ */ i(P.Item, { ...F, label: t, rules: M, children: /* @__PURE__ */ i(
+      R,
       {
-        ref: F,
+        ref: L,
         disabled: I,
         defaultValue: g,
-        value: j,
+        value: w,
         readOnly: N,
-        addonBefore: B,
+        addonBefore: E,
         minLength: $,
         addonAfter: x,
         step: d ? 1 : void 0,
         pattern: d ? "d*" : T,
-        onChange: h,
-        onPressEnter: (r) => v(r, u, a, c),
+        onChange: j,
+        onPressEnter: (r) => y(r, a, u, c),
         className: "max-width",
         min: p === null ? void 0 : p ?? 0,
-        max: w,
+        max: B,
         type: e ? void 0 : "number",
-        size: E,
+        size: h,
         formatter: e ? (r) => {
           if (r.includes(".")) {
             const n = `${r}`.split(".");
@@ -73,11 +73,11 @@ const Q = R(
             return `${r}`.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
         } : void 0,
         parser: e ? (r) => r == null ? void 0 : r.replace(/\$\s?|(,*)/g, "") : void 0,
-        placeholder: o ?? t
+        placeholder: o || t
       }
     ) }) });
   }
 );
 export {
-  Q as default
+  S as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("antd"),T=require("../../locale/index.cjs.js"),d=(n,e,t,r)=>{var s;e&&t&&(n.preventDefault(),(s=t==null?void 0:t.getFieldInstance(e))==null||s.focus()),r&&r(n)},F=({required:n,label:e,rules:t=[],placeholder:r,onEnter:s,nextFocus:l,className:u,...o})=>{const{t:c}=T.useTranslationLib(),x=i.Form.useFormInstance();return a.jsx(i.Form.Item,{...o,className:u,label:e,rules:[...t,{required:n,message:`${e} ${c("err.validation.required")}`}],children:a.jsx(i.Input.TextArea,{...o,className:u,onPressEnter:I=>d(I,l,x,s),placeholder:r??e})})};exports.default=F;exports.onEnterInternalTextField=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("antd"),T=require("../../locale/index.cjs.js"),d=(r,e,t,n)=>{var s;e&&t&&(r.preventDefault(),(s=t==null?void 0:t.getFieldInstance(e))==null||s.focus()),n&&n(r)},F=({required:r,label:e,rules:t=[],placeholder:n,onEnter:s,nextFocus:c,className:u,...o})=>{const{t:l}=T.useTranslationLib(),x=i.Form.useFormInstance();return a.jsx(i.Form.Item,{...o,className:u,label:e,rules:[...t,{required:r,message:`${e} ${l("err.validation.required")}`}],children:a.jsx(i.Input.TextArea,{...o,className:u,onPressEnter:I=>d(I,c,x,s),placeholder:n||e})})};exports.default=F;exports.onEnterInternalTextField=d;

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

@@ -1,40 +1,40 @@
 import { jsx as a } from "react/jsx-runtime";
-import { Form as u, Input as p } from "antd";
-import { useTranslationLib as I } from "../../locale/index.es.js";
-const f = (n, e, t, r) => {
-  var o;
-  e && t && (n.preventDefault(), (o = t == null ? void 0 : t.getFieldInstance(e)) == null || o.focus()), r && r(n);
+import { Form as u, Input as I } from "antd";
+import { useTranslationLib as f } from "../../locale/index.es.js";
+const l = (r, e, t, n) => {
+  var i;
+  e && t && (r.preventDefault(), (i = t == null ? void 0 : t.getFieldInstance(e)) == null || i.focus()), n && n(r);
 }, g = ({
-  required: n,
+  required: r,
   label: e,
   rules: t = [],
-  placeholder: r,
-  onEnter: o,
+  placeholder: n,
+  onEnter: i,
   nextFocus: c,
-  className: i,
+  className: o,
   ...s
 }) => {
-  const { t: d } = I(), l = u.useFormInstance();
+  const { t: d } = f(), m = u.useFormInstance();
   return /* @__PURE__ */ a(
     u.Item,
     {
       ...s,
-      className: i,
+      className: o,
       label: e,
       rules: [
         ...t,
         {
-          required: n,
+          required: r,
           message: `${e} ${d("err.validation.required")}`
         }
       ],
       children: /* @__PURE__ */ a(
-        p.TextArea,
+        I.TextArea,
         {
           ...s,
-          className: i,
-          onPressEnter: (m) => f(m, c, l, o),
-          placeholder: r ?? e
+          className: o,
+          onPressEnter: (p) => l(p, c, m, i),
+          placeholder: n || e
         }
       )
     }
@@ -42,5 +42,5 @@ const f = (n, e, t, r) => {
 };
 export {
   g as default,
-  f as onEnterInternalTextField
+  l as onEnterInternalTextField
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),R=require("@ant-design/icons"),d=require("antd"),S=require("react"),_=require("../../locale/index.cjs.js"),$=require("../tooltip/TooltipComponent.cjs.js"),c=(n,t,e,i)=>{var s;t&&e&&(n.preventDefault(),(s=e==null?void 0:e.getFieldInstance(t))==null||s.focus()),i&&i(n)},A=({type:n,required:t,label:e,disabled:i,rules:s=[],placeholder:r,onEnter:l,size:x,form:g,addonAfter:m,addonBefore:p,nextFocus:I,autoComplete:f="off",defaultValue:j,readOnly:q,value:v,loading:T,onBlur:F,inputRef:P,status:C,autoFocus:E,onChange:D,tooltip:M,...h})=>{const{t:a}=_.useTranslationLib(),w=S.useMemo(()=>{const o=[...s,{required:t,message:`${e||r||""} ${a("err.validation.required")}`}];return n==="email"&&o.push({type:"email",message:a("err.validation.invalidEmail")}),o},[s,t,e,r,a,n]),L={disabled:i,value:v,readOnly:q,defaultValue:j,autoFocus:E,addonBefore:p,ref:P,onBlur:F,addonAfter:T?u.jsx(R.LoadingOutlined,{}):m,status:C,size:x,autoComplete:f,onPressEnter:o=>c(o,I,g,l),type:n,placeholder:r??e},O=n=="password"?d.Input.Password:d.Input;return u.jsx($,{title:M,children:u.jsx(d.Form.Item,{...h,label:e,rules:w,children:u.jsx(O,{...L})})})};exports.default=A;exports.onEnterInternalTextField=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),S=require("@ant-design/icons"),d=require("antd"),_=require("react"),$=require("../../locale/index.cjs.js"),h=require("../tooltip/TooltipComponent.cjs.js"),c=(n,t,e,r)=>{var s;t&&e&&(n.preventDefault(),(s=e==null?void 0:e.getFieldInstance(t))==null||s.focus()),r&&r(n)},A=({type:n,required:t,label:e,disabled:r,rules:s=[],placeholder:i,onEnter:l,size:x,form:g,addonAfter:m,addonBefore:I,nextFocus:f,autoComplete:j="off",defaultValue:p,readOnly:q,value:v,loading:T,onBlur:F,inputRef:P,status:C,autoFocus:E,onChange:D,tooltip:M,...w})=>{const{t:a}=$.useTranslationLib(),L=_.useMemo(()=>{const o=[...s,{required:t,message:`${e||i||""} ${a("err.validation.required")}`}];return n==="email"&&o.push({type:"email",message:a("err.validation.invalidEmail")}),o},[s,t,e,i,a,n]),O={disabled:r,value:v,readOnly:q,defaultValue:p,autoFocus:E,addonBefore:I,ref:P,onBlur:F,addonAfter:T?u.jsx(S.LoadingOutlined,{}):m,status:C,size:x,autoComplete:j,onPressEnter:o=>c(o,f,g,l),type:n,placeholder:i||e},R=n=="password"?d.Input.Password:d.Input;return u.jsx(h,{title:M,children:u.jsx(d.Form.Item,{...w,label:e,rules:L,children:u.jsx(R,{...O})})})};exports.default=A;exports.onEnterInternalTextField=c;

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

@@ -4,22 +4,22 @@ import { Input as d, Form as M } from "antd";
 import { useMemo as O } from "react";
 import { useTranslationLib as k } from "../../locale/index.es.js";
 import q from "../tooltip/TooltipComponent.es.js";
-const z = (n, o, t, r) => {
-  var i;
-  o && t && (n.preventDefault(), (i = t == null ? void 0 : t.getFieldInstance(o)) == null || i.focus()), r && r(n);
+const z = (n, i, t, s) => {
+  var o;
+  i && t && (n.preventDefault(), (o = t == null ? void 0 : t.getFieldInstance(i)) == null || o.focus()), s && s(n);
 }, R = ({
   type: n,
-  required: o,
+  required: i,
   label: t,
-  disabled: r,
-  rules: i = [],
-  placeholder: e,
-  onEnter: p,
-  size: f,
+  disabled: s,
+  rules: o = [],
+  placeholder: r,
+  onEnter: f,
+  size: p,
   form: u,
   addonAfter: c,
-  addonBefore: l,
-  nextFocus: g,
+  addonBefore: g,
+  nextFocus: l,
   autoComplete: v = "off",
   defaultValue: I,
   readOnly: T,
@@ -27,44 +27,44 @@ const z = (n, o, t, r) => {
   loading: C,
   onBlur: F,
   inputRef: P,
-  status: h,
-  autoFocus: w,
+  status: w,
+  autoFocus: E,
   onChange: B,
-  tooltip: E,
-  ...L
+  tooltip: L,
+  ...$
 }) => {
-  const { t: a } = k(), $ = O(() => {
-    const s = [
-      ...i,
+  const { t: a } = k(), h = O(() => {
+    const e = [
+      ...o,
       {
-        required: o,
-        message: `${t || e || ""} ${a(
+        required: i,
+        message: `${t || r || ""} ${a(
           "err.validation.required"
         )}`
       }
     ];
-    return n === "email" && s.push({
+    return n === "email" && e.push({
       type: "email",
       message: a("err.validation.invalidEmail")
-    }), s;
-  }, [i, o, t, e, a, n]), j = {
-    disabled: r,
+    }), e;
+  }, [o, i, t, r, a, n]), j = {
+    disabled: s,
     value: x,
     readOnly: T,
     defaultValue: I,
-    autoFocus: w,
-    addonBefore: l,
+    autoFocus: E,
+    addonBefore: g,
     ref: P,
     onBlur: F,
     addonAfter: C ? /* @__PURE__ */ m(D, {}) : c,
-    status: h,
-    size: f,
+    status: w,
+    size: p,
     autoComplete: v,
-    onPressEnter: (s) => z(s, g, u, p),
+    onPressEnter: (e) => z(e, l, u, f),
     type: n,
-    placeholder: e ?? t
+    placeholder: r || t
   }, A = n == "password" ? d.Password : d;
-  return /* @__PURE__ */ m(q, { title: E, children: /* @__PURE__ */ m(M.Item, { ...L, label: t, rules: $, children: /* @__PURE__ */ m(A, { ...j }) }) });
+  return /* @__PURE__ */ m(q, { title: L, children: /* @__PURE__ */ m(M.Item, { ...$, label: t, rules: h, children: /* @__PURE__ */ m(A, { ...j }) }) });
 };
 export {
   R as default,

package/dist/crud/CrudComponent.d.ts

@@ -199,7 +199,27 @@ export type FormBuilderFunc<T> = (i: FormBuilderFunc0<T>, otherUtils: {
     isAllFieldsHidden: (...name: Array<keyof T>) => boolean;
     purpose?: CrudPurpose;
 }) => ReactElement;
-export type CrudFieldProps<T> = SelectCrudField<T> | TextBasedFieldProps<T> | TextAreaBasedFieldProps<T> | ImageCrudField<T> | EnumCrudField<T> | DateBasedFieldProps<T> | TimeBasedFieldProps<T> | ObjectCrudField<T> | NumberBasedFieldProps<T> | CheckboxBasedFieldProps<T> | ColorPickerFieldProps<T> | FileCrudField<T>;
+type CrudFieldTypeMap<T> = {
+    select: SelectCrudField<T>;
+    text: TextBasedFieldProps<T>;
+    email: TextBasedFieldProps<T>;
+    password: TextBasedFieldProps<T>;
+    time: TextBasedFieldProps<T>;
+    textarea: TextAreaBasedFieldProps<T>;
+    enum: EnumCrudField<T>;
+    date: DateBasedFieldProps<T>;
+    number: NumberBasedFieldProps<T>;
+    checkbox: CheckboxBasedFieldProps<T>;
+    color: ColorPickerFieldProps<T>;
+    object: ObjectCrudField<T>;
+    file: FileCrudField<T>;
+    image: ImageCrudField<T>;
+};
+export type CrudFieldProps<T> = {
+    [K in keyof CrudFieldTypeMap<T>]: CrudFieldTypeMap<T>[K] & {
+        readonly type: K;
+    };
+}[keyof CrudFieldTypeMap<T>];
 export type CrudPaginateProps = false | {
     page?: number;
     setPage?: (page: number, pageSize?: number) => void;

package/dist/crud/CrudField.d.ts

@@ -1,4 +1,4 @@
 import { ColorPickerFieldProps, CrudFieldProps, SelectCrudField } from './CrudComponent';
-export default function CrudField<T>(props0: Readonly<CrudFieldProps<T>>): import("react/jsx-runtime").JSX.Element;
+export default function CrudField<T = any>(props0: Readonly<CrudFieldProps<T>>): import("react/jsx-runtime").JSX.Element;
 export declare function SelectCrudFieldComponent<T>(props: Readonly<SelectCrudField<T>>): import("react/jsx-runtime").JSX.Element;
 export declare function ColorCrudFieldComponent<T>(props: ColorPickerFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/package.json

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