@kingteza/crud-component 1.0.57 → 1.0.59

package/common/select/SelectComponent.cjs.js

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

package/common/select/SelectComponent.d.ts

@@ -17,5 +17,5 @@ interface SelectComponentProps<T> extends SelectProps<any>, FormItemProps<any> {
     filterOption?: SelectProps["filterOption"];
     tagRender?: SelectTagRenderProps;
 }
-declare function SelectComponent<T = any>({ label, rules, required, placeholder, notSearch, children, readOnly, items, dropdownRender, itemBuilder, loading, showLoadingInEmptyIndicator, nameFieldInArray, innerRef, tooltip, filterOption, tagRender, ...props }: SelectComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function SelectComponent<T = any>({ label, rules, required, placeholder, notSearch, children, readOnly, items, dropdownRender, itemBuilder, loading, showLoadingInEmptyIndicator, nameFieldInArray, innerRef, tooltip, filterOption, tagRender, ...props }: Readonly<SelectComponentProps<T>>): import("react/jsx-runtime").JSX.Element;
 export default SelectComponent;

package/common/select/SelectComponent.es.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.57",
+  "version": "1.0.59",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -114,6 +114,6 @@
     "antd": ">=5.22.6",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
-    "react-router-dom": ">=7.0.0"
+    "react-router-dom": ">=6.3.0"
   }
 }