@kingteza/crud-component 1.6.1 → 1.6.2

package/dist/common/date-picker/TimePicker.cjs.js

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),n=require("antd"),E=require("dayjs"),f=require("react"),H=require("../../locale/index.cjs.js"),I=({type:L,required:l,label:i,rules:q=[],placeholder:s,disabledPast:r=!1,disableCurrent:m=!1,onEnter:M,disabled:x,use12Hours:k,nextFocus:N,onChange:o,range:c,disabledFuture:u,defaultValue:T,value:j,format:p,autoComplete:S="off",renderExtraFooter:d,...y})=>{const{t:P}=H.useTranslationLib(),R=f.useMemo(()=>s||(c?["From","To"]:"Select time"),[s,c]),F=c?n.TimePicker.RangePicker:n.TimePicker,$=f.useCallback(e=>{if(!e)return!1;const t=E(),v=r&&e<t,w=u&&e>t,D=m&&e<t&&t<e;return v||w||D},[m,u,r]);return a.jsx(n.Form.Item,{...y,label:i,rules:[{required:l,message:`${i??s??""} ${P("err.validation.required")}`},...q],children:a.jsx(F,{use12Hours:k,renderExtraFooter:d,value:j,defaultValue:T,format:p,onChange:e=>o==null?void 0:o(e),disabledDate:$,disabled:x,className:"w-100",placeholder:R})})};module.exports=I;
+"use strict";const a=require("react/jsx-runtime"),i=require("antd"),E=require("dayjs"),f=require("react"),H=require("../../locale/index.cjs.js"),I=({type:L,required:q,label:o,rules:x=[],placeholder:s,disabledPast:r=!1,disableCurrent:m=!1,onEnter:M,disabled:k,use12Hours:T,nextFocus:N,onChange:c,range:n,disabledFuture:u,defaultValue:j,value:p,format:y,autoComplete:S="off",renderExtraFooter:P,...R})=>{const{t:d}=H.useTranslationLib(),l=f.useMemo(()=>s||(n?["From","To"]:"Select time"),[s,n]),F=n?i.TimePicker.RangePicker:i.TimePicker,$=f.useCallback(e=>{if(!e)return!1;const t=E(),v=r&&e<t,w=u&&e>t,D=m&&e<t&&t<e;return v||w||D},[m,u,r]);return a.jsx(i.Form.Item,{...R,label:o,rules:[{required:q,message:`${o||s||""} ${d("err.validation.required")}`},...x],children:a.jsx(F,{use12Hours:T,renderExtraFooter:P,value:p,defaultValue:j,format:y,onChange:e=>c==null?void 0:c(e),disabledDate:$,disabled:k,className:"w-100",placeholder:l})})};module.exports=I;

package/dist/common/date-picker/TimePicker.es.js

@@ -1,38 +1,38 @@
 import { jsx as f } from "react/jsx-runtime";
-import { TimePicker as a, Form as E } from "antd";
+import { TimePicker as p, Form as E } from "antd";
 import H from "dayjs";
 import { useMemo as I, useCallback as L } from "react";
 import { useTranslationLib as M } from "../../locale/index.es.js";
 const K = ({
   type: N,
-  required: p,
-  label: i,
-  rules: l = [],
+  required: a,
+  label: s,
+  rules: k = [],
   placeholder: t,
   disabledPast: r = !1,
   disableCurrent: c = !1,
   onEnter: R,
-  disabled: k,
-  use12Hours: u,
+  disabled: u,
+  use12Hours: T,
   nextFocus: S,
-  onChange: m,
-  range: s,
+  onChange: e,
+  range: i,
   disabledFuture: n,
-  defaultValue: T,
+  defaultValue: l,
   value: x,
   format: y,
   autoComplete: z = "off",
-  renderExtraFooter: d,
-  ...j
+  renderExtraFooter: j,
+  ...F
 }) => {
-  const { t: F } = M(), P = I(
-    () => t || (s ? ["From", "To"] : "Select time"),
-    [t, s]
-  ), $ = s ? a.RangePicker : a, q = L(
+  const { t: P } = M(), $ = I(
+    () => t || (i ? ["From", "To"] : "Select time"),
+    [t, i]
+  ), d = i ? p.RangePicker : p, q = L(
     (o) => {
       if (!o)
         return !1;
-      const e = H(), v = r && o < e, w = n && o > e, D = c && o < e && e < o;
+      const m = H(), v = r && o < m, w = n && o > m, D = c && o < m && m < o;
       return v || w || D;
     },
     [c, n, r]
@@ -41,30 +41,30 @@ const K = ({
   return /* @__PURE__ */ f(
     E.Item,
     {
-      ...j,
-      label: i,
+      ...F,
+      label: s,
       rules: [
         {
-          required: p,
-          message: `${i ?? t ?? ""} ${F(
+          required: a,
+          message: `${s || t || ""} ${P(
             "err.validation.required"
           )}`
         },
-        ...l
+        ...k
       ],
       children: /* @__PURE__ */ f(
-        $,
+        d,
         {
-          use12Hours: u,
-          renderExtraFooter: d,
+          use12Hours: T,
+          renderExtraFooter: j,
           value: x,
-          defaultValue: T,
+          defaultValue: l,
           format: y,
-          onChange: (o) => m == null ? void 0 : m(o),
+          onChange: (o) => e == null ? void 0 : e(o),
           disabledDate: q,
-          disabled: k,
+          disabled: u,
           className: "w-100",
-          placeholder: P
+          placeholder: $
         }
       )
     }

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

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

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

@@ -5,21 +5,21 @@ import { useTranslationLib as W } from "../../locale/index.es.js";
 import $ from "../tooltip/TooltipComponent.es.js";
 import q from "../../util/ValidationUtil.es.js";
 function Z({
-  label: m,
+  label: o,
   rules: S = [],
-  required: f,
-  placeholder: a,
+  required: d,
+  placeholder: f,
   notSearch: L,
-  children: d,
-  readOnly: o,
-  items: s,
+  children: l,
+  readOnly: s,
+  items: c,
   dropdownRender: u,
   itemBuilder: T,
   loading: h,
   showLoadingInEmptyIndicator: _,
   nameFieldInArray: g = "name",
-  innerRef: b,
-  tooltip: N,
+  innerRef: N,
+  tooltip: b,
   filterOption: k,
   tagRender: F,
   help: H,
@@ -27,53 +27,53 @@ function Z({
 }) {
   const { t: z } = W(), I = U(
     (e) => {
-      const r = typeof e == "string" || typeof e == "number" ? e : e == null ? void 0 : e.id, c = 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: c } }) }, r);
+      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);
     },
     [g]
-  ), M = m ?? a ?? "";
+  ), M = o || f || "";
   return /* @__PURE__ */ t(
     D,
     {
       renderEmpty: _ && h ? () => /* @__PURE__ */ t(R, {}) : void 0,
-      children: /* @__PURE__ */ t($, { title: N, children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ t($, { title: b, children: /* @__PURE__ */ t(
         E.Item,
         {
-          label: m,
+          label: o,
           name: n.name,
           help: H,
           className: n.className,
-          required: f,
+          required: d,
           rules: [
             ...S,
-            ...f ? q.required(M) : []
+            ...d ? q.required(M) : []
           ],
           children: /* @__PURE__ */ t(
             P,
             {
-              ref: b,
+              ref: N,
               loading: h,
-              open: o ? !1 : void 0,
-              onChange: !o && n.onChange,
-              allowClear: !o && n.allowClear,
+              open: s ? !1 : void 0,
+              onChange: !s && n.onChange,
+              allowClear: !s && n.allowClear,
               showSearch: !L,
-              className: `max-width ${o ? "readOnly" : ""}`,
+              className: `max-width ${s ? "readOnly" : ""}`,
               ...n,
               tagRender: F,
-              placeholder: a ?? m,
+              placeholder: f ?? o,
               filterOption: k ?? ((e, r) => {
-                var c, p, C, y;
+                var i, C, p, y;
                 try {
-                  const i = (C = (p = (c = r == null ? void 0 : r.children) == null ? void 0 : c.props) == null ? void 0 : p.dangerouslySetInnerHTML) == null ? void 0 : C.__html, O = e.toLowerCase().split(/\s+/), w = (r == null ? void 0 : r.children) ?? "", x = typeof w == "string" ? w.toLowerCase() : typeof i == "string" ? i.toLowerCase() : "", V = (((y = r == null ? void 0 : r.value) == null ? void 0 : y.toString()) ?? "").toLowerCase(), j = x.replace(/\s/g, "");
+                  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, "");
                   return O.every(
-                    (l) => x.indexOf(l) >= 0 || V.indexOf(l) >= 0 || j.indexOf(l) >= 0
+                    (a) => x.indexOf(a) >= 0 || V.indexOf(a) >= 0 || j.indexOf(a) >= 0
                   );
-                } catch (i) {
-                  return console.log(i), !0;
+                } catch (m) {
+                  return console.log(m), !0;
                 }
               }),
               popupRender: u,
-              children: d === null ? void 0 : d ?? (s ? s == null ? void 0 : s.map(T ?? I) : /* @__PURE__ */ t(B, {}))
+              children: l === null ? void 0 : l ?? (c ? c == null ? void 0 : c.map(T ?? I) : /* @__PURE__ */ t(B, {}))
             }
           )
         }

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

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

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

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

package/package.json

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