@kingteza/crud-component 1.31.0 → 1.32.1

package/dist/common/report/SelectFieldInReport.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("antd"),i=require("react"),I=require("../select/SelectComponent.cjs.js"),v=require("../../util/ValidationUtil.cjs.js"),V=({className:x,onSelect:p,label:r,required:a,name:l,mode:d,items:n,selectingMode:k})=>{const o=s.Form.useFormInstance(),[b,S]=i.useState(!0);i.useEffect(()=>{if(n&&b){const e=n.filter(h=>h.alreadySelected).map(h=>h.id);o==null||o.setFieldsValue({[l]:d==="multiple"?e:e==null?void 0:e[0]}),S(!1)}},[b,o,n,d,l]);const[F,u]=i.useState(!1),[f,C]=i.useState(void 0),O=i.useCallback(()=>{u(!1),o.setFieldsValue({[l]:f})},[f,o,l]),g=i.useCallback(()=>{u(!1),C(void 0)},[]),j=i.useCallback(()=>{C(o.getFieldValue(l)),u(!0)},[o,l]),c=k==="checkbox",y=i.useCallback(e=>{c&&e&&j()},[c,j]);return t.jsxs(t.Fragment,{children:[c&&t.jsx(s.Modal,{open:F,onCancel:O,onOk:g,destroyOnHidden:!0,title:r,children:t.jsx(s.Form.Item,{name:l,required:a,rules:[...a?v.required(r):[]],className:x,children:t.jsx(s.Checkbox.Group,{onChange:p,style:{width:"100%"},children:t.jsx(s.List,{size:"small",style:{width:"100%"},dataSource:n,renderItem:e=>t.jsx(s.List.Item,{style:{width:"100%"},children:t.jsx(s.List.Item.Meta,{avatar:t.jsx(s.Checkbox,{value:e.id,disabled:e.lock}),title:e.label})},e.id)})})})}),t.jsx(I,{required:a,label:r,mode:d,className:x,name:l,onSelect:p,items:n,showSearch:!1,...c?{open:!1,onOpenChange:y}:{},itemBuilder:e=>t.jsx(s.Select.Option,{value:e.id,disabled:e.lock,children:e.label},e.id)})]})};exports.SelectFieldInReport=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("antd"),l=require("react"),V=require("../select/SelectComponent.cjs.js"),M=require("../../util/ValidationUtil.cjs.js"),q=({className:p,onSelect:x,label:a,required:d,name:o,mode:u,items:r,selectingMode:j})=>{const n=s.Form.useFormInstance(),[b,k]=l.useState(!0);l.useEffect(()=>{if(r&&b){const e=r.filter(c=>c.alreadySelected).map(c=>c.id);n==null||n.setFieldsValue({[o]:u==="multiple"?e:e==null?void 0:e[0]}),k(!1)}},[b,n,r,u,o]);const[F,h]=l.useState(!1),[C,f]=l.useState(void 0),g=l.useCallback(()=>{h(!1),n.setFieldsValue({[o]:C})},[C,n,o]),O=l.useCallback(()=>{h(!1),f(void 0)},[]),S=l.useCallback(()=>{f(n.getFieldValue(o)),h(!0)},[n,o]),i=j==="checkbox",v=l.useCallback(e=>{i&&e&&S()},[i,S]),y=l.useMemo(()=>{const e=[...r];return e.sort((c,I)=>c.label.localeCompare(I.label)),e},[r]);return t.jsxs(t.Fragment,{children:[i&&t.jsx(s.Modal,{open:F,onCancel:g,onOk:O,destroyOnHidden:!0,title:a,children:t.jsx(s.Form.Item,{name:o,required:d,rules:[...d?M.required(a):[]],className:p,children:t.jsx(s.Checkbox.Group,{onChange:x,style:{width:"100%"},children:t.jsx(s.List,{size:"small",style:{width:"100%"},dataSource:y,renderItem:e=>t.jsx(s.List.Item,{style:{width:"100%"},children:t.jsx(s.List.Item.Meta,{avatar:t.jsx(s.Checkbox,{value:e.id,disabled:e.lock}),title:e.label})},e.id)})})})}),t.jsx(V,{required:d,label:a,mode:u,className:p,name:o,onSelect:x,items:r,showSearch:!1,maxTagCount:"responsive",...i?{open:!1,onOpenChange:v}:{},itemBuilder:e=>t.jsx(s.Select.Option,{value:e.id,disabled:e.lock,children:e.label},e.id)})]})};exports.SelectFieldInReport=q;

package/dist/common/report/SelectFieldInReport.es.js

@@ -1,67 +1,70 @@
-import { jsxs as w, Fragment as M, jsx as t } from "react/jsx-runtime";
-import { Form as O, Modal as j, Checkbox as S, List as p, Select as B } from "antd";
-import { useState as f, useEffect as z, useCallback as r } from "react";
-import E from "../select/SelectComponent.es.js";
-import G from "../../util/ValidationUtil.es.js";
-const D = ({
+import { jsxs as j, Fragment as B, jsx as t } from "react/jsx-runtime";
+import { Form as S, Modal as z, Checkbox as x, List as p, Select as E } from "antd";
+import { useState as f, useEffect as G, useCallback as i, useMemo as H } from "react";
+import L from "../select/SelectComponent.es.js";
+import R from "../../util/ValidationUtil.es.js";
+const K = ({
   className: h,
   onSelect: C,
-  label: n,
-  required: c,
-  name: l,
+  label: c,
+  required: a,
+  name: o,
   mode: d,
-  items: i,
-  selectingMode: x
+  items: r,
+  selectingMode: O
 }) => {
-  const o = O.useFormInstance(), [k, I] = f(!0);
-  z(() => {
-    if (i && k) {
-      const e = i.filter((u) => u.alreadySelected).map((u) => u.id);
-      o == null || o.setFieldsValue({
-        [l]: d === "multiple" ? e : e == null ? void 0 : e[0]
-      }), I(!1);
+  const l = S.useFormInstance(), [m, g] = f(!0);
+  G(() => {
+    if (r && m) {
+      const e = r.filter((s) => s.alreadySelected).map((s) => s.id);
+      l == null || l.setFieldsValue({
+        [o]: d === "multiple" ? e : e == null ? void 0 : e[0]
+      }), g(!1);
     }
-  }, [k, o, i, d, l]);
-  const [V, a] = f(!1), [F, b] = f(void 0), g = r(() => {
-    a(!1), o.setFieldsValue({
-      [l]: F
+  }, [m, l, r, d, o]);
+  const [v, u] = f(!1), [b, k] = f(void 0), I = i(() => {
+    u(!1), l.setFieldsValue({
+      [o]: b
     });
-  }, [F, o, l]), v = r(() => {
-    a(!1), b(void 0);
-  }, []), m = r(() => {
-    b(o.getFieldValue(l)), a(!0);
-  }, [o, l]), s = x === "checkbox", y = r(
+  }, [b, l, o]), V = i(() => {
+    u(!1), k(void 0);
+  }, []), F = i(() => {
+    k(l.getFieldValue(o)), u(!0);
+  }, [l, o]), n = O === "checkbox", y = i(
     (e) => {
-      s && e && m();
+      n && e && F();
     },
-    [s, m]
-  );
-  return /* @__PURE__ */ w(M, { children: [
-    s && /* @__PURE__ */ t(
-      j,
+    [n, F]
+  ), w = H(() => {
+    const e = [...r];
+    return e.sort((s, M) => s.label.localeCompare(M.label)), e;
+  }, [r]);
+  return /* @__PURE__ */ j(B, { children: [
+    n && /* @__PURE__ */ t(
+      z,
       {
-        open: V,
-        onCancel: g,
-        onOk: v,
+        open: v,
+        onCancel: I,
+        onOk: V,
         destroyOnHidden: !0,
-        title: n,
+        title: c,
         children: /* @__PURE__ */ t(
-          O.Item,
+          S.Item,
           {
-            name: l,
-            required: c,
-            rules: [...c ? G.required(n) : []],
+            name: o,
+            required: a,
+            rules: [...a ? R.required(c) : []],
             className: h,
-            children: /* @__PURE__ */ t(S.Group, { onChange: C, style: { width: "100%" }, children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ t(x.Group, { onChange: C, style: { width: "100%" }, children: /* @__PURE__ */ t(
               p,
               {
                 size: "small",
                 style: { width: "100%" },
-                dataSource: i,
+                dataSource: w,
                 renderItem: (e) => /* @__PURE__ */ t(p.Item, { style: { width: "100%" }, children: /* @__PURE__ */ t(
                   p.Item.Meta,
                   {
-                    avatar: /* @__PURE__ */ t(S, { value: e.id, disabled: e.lock }),
+                    avatar: /* @__PURE__ */ t(x, { value: e.id, disabled: e.lock }),
                     title: e.label
                   }
                 ) }, e.id)
@@ -72,22 +75,23 @@ const D = ({
       }
     ),
     /* @__PURE__ */ t(
-      E,
+      L,
       {
-        required: c,
-        label: n,
+        required: a,
+        label: c,
         mode: d,
         className: h,
-        name: l,
+        name: o,
         onSelect: C,
-        items: i,
+        items: r,
         showSearch: !1,
-        ...s ? { open: !1, onOpenChange: y } : {},
-        itemBuilder: (e) => /* @__PURE__ */ t(B.Option, { value: e.id, disabled: e.lock, children: e.label }, e.id)
+        maxTagCount: "responsive",
+        ...n ? { open: !1, onOpenChange: y } : {},
+        itemBuilder: (e) => /* @__PURE__ */ t(E.Option, { value: e.id, disabled: e.lock, children: e.label }, e.id)
       }
     )
   ] });
 };
 export {
-  D as SelectFieldInReport
+  K as SelectFieldInReport
 };

package/package.json

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