@kingteza/crud-component 1.32.1 → 1.34.0

package/dist/crud/CrudField.es.js

@@ -1,5 +1,5 @@
-import { jsx as o, Fragment as L, jsxs as M } from "react/jsx-runtime";
-import { Form as O, Radio as W, Checkbox as _, Col as re, Select as S, Tag as $, ColorPicker as te } from "antd";
+import { jsx as t, Fragment as I, jsxs as M } from "react/jsx-runtime";
+import { Form as L, Radio as W, Checkbox as _, Col as re, Select as S, Tag as $, ColorPicker as te } from "antd";
 import { useEffect as j, useState as z, useMemo as J, useCallback as K } from "react";
 import oe from "react-highlight-words";
 import { useTranslationLibNoNS as ae } from "../locale/index.es.js";
@@ -20,7 +20,7 @@ function je(F) {
     label: n,
     name: c,
     type: v,
-    required: d,
+    required: s,
     hidden: H,
     rules: h = [],
     updatable: p = !0,
@@ -31,50 +31,51 @@ function je(F) {
     fieldHelper: f,
     formLayoutProps: N,
     ...e
-  } = F, C = O.useFormInstance();
+  } = F, C = L.useFormInstance();
   j(() => {
     if (v === "select") {
       const {
-        items: t = [],
+        items: o = [],
         onSearch: l,
         searchOnType: i
       } = e;
-      !(t != null && t.length) && !i && (l == null || l(void 0, C, e == null ? void 0 : e.updatingValue));
+      !(o != null && o.length) && !i && (l == null || l(void 0, C, e == null ? void 0 : e.updatingValue));
     }
   }, [C, e, v, e == null ? void 0 : e.updatingValue]);
   const { t: P } = ae();
-  if (R || H) return /* @__PURE__ */ o(L, {});
+  if (R || H) return /* @__PURE__ */ t(I, {});
   if (T)
     return T(C, F);
   switch (v) {
     case "text":
     case "email":
     case "password": {
-      const { onChange: t, placeholder: l, addonAfter: i, addonBefore: g } = e;
-      return /* @__PURE__ */ o(
+      const { maxLength: o, onChange: l, placeholder: i, addonAfter: g, addonBefore: b } = e;
+      return /* @__PURE__ */ t(
         ue,
         {
           ...N,
-          placeholder: l,
+          maxLength: o,
+          placeholder: i,
           disabled: !p,
           rules: h,
-          required: d,
-          onChange: t ? (b) => t(b, C) : void 0,
+          required: s,
+          onChange: l ? (d) => l(d, C) : void 0,
           type: v,
           name: c,
           tooltip: x,
           label: n,
           className: m,
           autoComplete: "new-password",
-          addonAfter: i,
-          addonBefore: g,
+          addonAfter: g,
+          addonBefore: b,
           help: f
         }
       );
     }
     case "phone": {
-      const { onChange: t, placeholder: l, addonAfter: i, addonBefore: g } = e;
-      return /* @__PURE__ */ o(
+      const { onChange: o, placeholder: l, addonAfter: i, addonBefore: g } = e;
+      return /* @__PURE__ */ t(
         me,
         {
           ...e,
@@ -82,8 +83,8 @@ function je(F) {
           placeholder: l,
           disabled: !p,
           rules: h,
-          required: d,
-          onChange: t ? (b) => t(b, C) : void 0,
+          required: s,
+          onChange: o ? (b) => o(b, C) : void 0,
           type: v,
           name: c,
           tooltip: x,
@@ -98,15 +99,15 @@ function je(F) {
     }
     case "number": {
       const {
-        onChange: t,
+        onChange: o,
         placeholder: l,
         allowMinus: i,
         min: g,
         max: b,
-        addonAfter: s,
+        addonAfter: d,
         addonBefore: w
       } = e;
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         ce,
         {
           ...N,
@@ -114,15 +115,15 @@ function je(F) {
           disabled: !p,
           moneyField: !!e.formatted,
           type: v,
-          onChange: t ? (r) => t(r, C) : void 0,
+          onChange: o ? (r) => o(r, C) : void 0,
           rules: h,
           autoComplete: "false",
-          required: d,
+          required: s,
           tooltip: x,
           className: m,
           min: i ? null : g,
           max: b,
-          addonAfter: s,
+          addonAfter: d,
           addonBefore: w,
           name: c,
           label: n,
@@ -132,25 +133,25 @@ function je(F) {
     }
     case "date": {
       const {
-        range: t,
+        range: o,
         disableToday: l,
         disabledFutureDays: i,
         disabledPastDays: g,
         onChange: b,
-        placeholder: s,
+        placeholder: d,
         format: w
       } = e;
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         de,
         {
           ...N,
-          placeholder: s,
-          required: d,
+          placeholder: d,
+          required: s,
           disabled: !p,
           type: v,
           format: w,
           tooltip: x,
-          range: t,
+          range: o,
           name: c,
           label: n,
           onChange: b ? (r) => b(r, C) : void 0,
@@ -164,27 +165,27 @@ function je(F) {
     }
     case "time": {
       const {
-        range: t = !1,
+        range: o = !1,
         disableCurrent: l,
         disabledFuture: i,
         disabledPast: g,
         onChange: b,
-        use12Hours: s,
+        use12Hours: d,
         format: w,
         placeholder: r
       } = e;
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         se,
         {
           ...N,
           placeholder: r,
-          required: d,
+          required: s,
           format: w,
           disabled: !p,
           type: v,
           tooltip: x,
-          range: t,
-          use12Hours: s,
+          range: o,
+          use12Hours: d,
           name: c,
           label: n,
           onChange: b ? (y) => b(y, C) : void 0,
@@ -197,13 +198,13 @@ function je(F) {
       );
     }
     case "textarea":
-      return /* @__PURE__ */ o(pe, { ...F });
+      return /* @__PURE__ */ t(pe, { ...F });
     case "image":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         ne,
         {
           ...e,
-          required: d,
+          required: s,
           name: c,
           label: n,
           rules: h,
@@ -215,11 +216,11 @@ function je(F) {
         }
       );
     case "file":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         le,
         {
           ...e,
-          required: d,
+          required: s,
           name: c,
           label: n,
           rules: h,
@@ -231,11 +232,11 @@ function je(F) {
         }
       );
     case "select":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         fe,
         {
           ...e,
-          required: d,
+          required: s,
           name: c,
           label: n,
           rules: h,
@@ -250,26 +251,26 @@ function je(F) {
       );
     case "enum": {
       const {
-        enum: t,
+        enum: o,
         translation: l,
         onChange: i,
         onSearch: g,
         multiple: b,
-        tagRender: s
-      } = e, w = Array.isArray(t) ? t : Object.keys(t);
-      return "radio" in e && e.radio ? /* @__PURE__ */ o(
-        O.Item,
+        tagRender: d
+      } = e, w = Array.isArray(o) ? o : Object.keys(o);
+      return "radio" in e && e.radio ? /* @__PURE__ */ t(
+        L.Item,
         {
           ...e,
           ...N,
           name: c,
-          required: d,
+          required: s,
           tooltip: x,
           rules: h,
           label: n,
           className: ["w-100", m].join(" "),
           help: f,
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ t(
             W.Group,
             {
               ...e,
@@ -277,41 +278,41 @@ function je(F) {
                 var y;
                 return i((y = r == null ? void 0 : r.target) == null ? void 0 : y.value, C);
               } : void 0,
-              children: w.map((r) => /* @__PURE__ */ o(W, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r))
+              children: w.map((r) => /* @__PURE__ */ t(W, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r))
             }
           )
         }
-      ) : "checkbox" in e && e.checkbox ? /* @__PURE__ */ o(
-        O.Item,
+      ) : "checkbox" in e && e.checkbox ? /* @__PURE__ */ t(
+        L.Item,
         {
           ...e,
           ...N,
           name: c,
-          required: d,
+          required: s,
           tooltip: x,
           rules: h,
           label: n,
           className: ["w-100", m].join(" "),
           help: f,
-          children: /* @__PURE__ */ o(_.Group, { className: "w-100", children: w.map((r) => {
-            const y = /* @__PURE__ */ o(_, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r);
-            return "checkboxGrid" in e && e.checkboxGrid ? /* @__PURE__ */ o(re, { ...e.checkboxGrid, children: y }) : y;
+          children: /* @__PURE__ */ t(_.Group, { className: "w-100", children: w.map((r) => {
+            const y = /* @__PURE__ */ t(_, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r);
+            return "checkboxGrid" in e && e.checkboxGrid ? /* @__PURE__ */ t(re, { ...e.checkboxGrid, children: y }) : y;
           }) })
         }
-      ) : /* @__PURE__ */ o(
+      ) : /* @__PURE__ */ t(
         V,
         {
           ...e,
           ...N,
-          tagRender: typeof s == "function" ? s : s ? (r) => {
-            const { value: y, label: I } = r, k = s[y];
-            return k ? /* @__PURE__ */ o($, { color: k.color, children: I }) : /* @__PURE__ */ o($, { children: I });
+          tagRender: typeof d == "function" ? d : d ? (r) => {
+            const { value: y, label: O } = r, k = d[y];
+            return k ? /* @__PURE__ */ t($, { color: k.color, children: O }) : /* @__PURE__ */ t($, { children: O });
           } : void 0,
           onChange: i ? (r) => i(r, C) : void 0,
           className: ["w-100", m].join(" "),
           name: c,
           items: w,
-          required: d,
+          required: s,
           tooltip: x,
           rules: h,
           label: n,
@@ -321,19 +322,19 @@ function je(F) {
           allowClear: !0,
           mode: b ? "multiple" : void 0,
           showLoadingInEmptyIndicator: !0,
-          itemBuilder: (r) => /* @__PURE__ */ o(S.Option, { value: r, children: l ? P(l[r]) : r }, r)
+          itemBuilder: (r) => /* @__PURE__ */ t(S.Option, { value: r, children: l ? P(l[r]) : r }, r)
         }
       );
     }
     case "checkbox": {
-      const { onChange: t, switch: l } = e;
-      return /* @__PURE__ */ o(
+      const { onChange: o, switch: l } = e;
+      return /* @__PURE__ */ t(
         ie,
         {
           ...N,
           className: m,
           rules: h,
-          onChange: t ? (i) => t(i, C) : void 0,
+          onChange: o ? (i) => o(i, C) : void 0,
           label: n,
           tooltip: x,
           disabled: !p,
@@ -344,12 +345,12 @@ function je(F) {
       );
     }
     case "color":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         ge,
         {
           ...e,
           type: "color",
-          required: d,
+          required: s,
           name: c,
           label: n,
           rules: h,
@@ -361,7 +362,7 @@ function je(F) {
         }
       );
     default:
-      return /* @__PURE__ */ o(L, { children: `${v} Not Implemented` });
+      return /* @__PURE__ */ t(I, { children: `${v} Not Implemented` });
   }
 }
 function fe(F) {
@@ -369,7 +370,7 @@ function fe(F) {
     items: n = [],
     loading: c,
     searchOnType: v,
-    onSearch: d,
+    onSearch: s,
     multiple: H,
     onChange: h,
     highlightSearch: p,
@@ -382,30 +383,30 @@ function fe(F) {
     name: e,
     tagRender: C,
     updatingValue: P,
-    onSet: t,
+    onSet: o,
     placeholder: l,
     allowClear: i = !0,
     selectOptionRender: g,
     formLayoutProps: b
-  } = F, s = F.form, [w, r] = z(""), y = J(() => Q.getRealName(e), [e]), I = J(
+  } = F, d = F.form, [w, r] = z(""), y = J(() => Q.getRealName(e), [e]), O = J(
     () => Q.getRealName(e, "upsertFieldName"),
     [e]
-  ), k = O.useWatch(y, s), [A, B] = z(!0);
+  ), k = L.useWatch(y, d), [A, B] = z(!0);
   j(() => {
-    t && A && k && (t == null || t(k, n, s), B(!1));
-  }, [A, s, n, y, t, k]), j(() => {
+    o && A && k && (o == null || o(k, n, d), B(!1));
+  }, [A, d, n, y, o, k]), j(() => {
     k && B(!0);
   }, [k]);
   const X = K(
     async (a) => {
-      r(a), v && (d == null || d(a, s, P));
+      r(a), v && (s == null || s(a, d, P));
     },
-    [s, d, v, P]
+    [d, s, v, P]
   ), Y = K(
     (a) => g ? g(a) : a.value,
     [g]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ t(
     V,
     {
       ...F,
@@ -415,10 +416,10 @@ function fe(F) {
       maxTagPlaceholder: (a) => /* @__PURE__ */ M(
         he,
         {
-          title: /* @__PURE__ */ o(L, { children: a.map((u) => /* @__PURE__ */ M(L, { children: [
+          title: /* @__PURE__ */ t(I, { children: a.map((u) => /* @__PURE__ */ M(I, { children: [
             u.label,
             " ",
-            /* @__PURE__ */ o("br", {})
+            /* @__PURE__ */ t("br", {})
           ] })) }),
           children: [
             "+",
@@ -428,14 +429,14 @@ function fe(F) {
       ),
       placeholder: l,
       onSelect: (a) => {
-        t == null || t(a == null ? void 0 : a.key, n, s);
+        o == null || o(a == null ? void 0 : a.key, n, d);
       },
       onChange: h ? (a) => {
-        r(""), h(a, s);
+        r(""), h(a, d);
       } : void 0,
       mode: H ? "multiple" : void 0,
       className: ["w-100", m].join(" "),
-      name: I,
+      name: O,
       items: n,
       required: R,
       tooltip: x,
@@ -459,13 +460,13 @@ function fe(F) {
       } : void 0,
       itemBuilder: p ? (a) => {
         const u = a.value ? String(a.value) : void 0;
-        return /* @__PURE__ */ o(
+        return /* @__PURE__ */ t(
           S.Option,
           {
             value: a.key,
             title: u,
             disabled: a.disabled,
-            children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ t(
               oe,
               {
                 highlightClassName: "highlight-text",
@@ -477,7 +478,7 @@ function fe(F) {
           },
           a.key
         );
-      } : (a) => /* @__PURE__ */ o(
+      } : (a) => /* @__PURE__ */ t(
         S.Option,
         {
           value: a.key,
@@ -495,25 +496,25 @@ function ge(F) {
     formLayoutProps: n,
     required: c,
     fieldClassName: v,
-    rules: d,
+    rules: s,
     fieldTooltip: H,
     updatable: h,
     label: p,
     name: R,
     fieldHelper: m
   } = F;
-  return /* @__PURE__ */ o(
-    O.Item,
+  return /* @__PURE__ */ t(
+    L.Item,
     {
       ...n,
       label: p,
       name: R,
       required: c,
-      rules: d,
+      rules: s,
       tooltip: H,
       help: m,
       getValueFromEvent: (T) => typeof T == "object" ? T.toHexString() : T,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ t(
         te,
         {
           disabledAlpha: !0,

package/dist/crud/CrudReportComponent.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),K=require("@ant-design/icons"),s=require("antd"),i=require("react"),x=require("./CrudField.cjs.js"),Q=require("./view/CrudViewer.cjs.js"),W=require("../common/report/SelectFieldInReport.cjs.js"),V=require("./view/CrudViewerUtil.cjs.js"),X=require("../locale/index.cjs.js"),Y=require("../common/select/SelectComponent.cjs.js"),v=require("../common/button/Button.cjs.js"),Z=require("../common/button/PrintButton.cjs.js"),A={lg:6,md:8,sm:12,xs:24},E={lg:12,md:16,sm:24,xs:24};function k({fields:d,data:u,idField:L,loadingData:f,onSubmit:g,paginateProps:G,size:M,onClickPrint:h,onClickExcelExport:y,minusHeight:O,extraSearchFields:R,searchOnMount:B,summary:U,showFieldsSelectingMode:_="checkbox"}){const{t:$}=X.useTranslationLib(),{searchable:z,selectable:c,sortable:q,defaultSort:p}=i.useMemo(()=>{var b,m,N,T,I;const e=[],r=[],o=[];let n;for(const l of d.filter(J=>!J.hidden))l.type==="image"||!l.report||((b=l.report)!=null&&b.searchable&&e.push(l),(m=l.report)!=null&&m.sortable&&(r.push(l),!n&&((N=l.report)!=null&&N.defaultSort)&&(n=l)),l.hideInTable||o.push({id:l.name,label:l.label,lock:(T=l.report)==null?void 0:T.lock,alreadySelected:(I=l.report)==null?void 0:I.alreadySelected}));return{defaultSort:n,searchable:e,sortable:r,selectable:o}},[d]),[S,F]=i.useState([]),j=i.useCallback(async({sortBy:e,sortByType:r,showFields:o=[],...n})=>{const b=[];e&&b.push({field:e,sort:r??"DESC"}),F(d.filter(m=>o.includes(m.name)).map(m=>({...m,hideInTable:!1}))),g({showFields:o,sortBy:b,...n})},[d,g]),[a]=s.Form.useForm(),[w,D]=i.useState(!1),[C,H]=i.useState(!0);return i.useEffect(()=>{if(B&&C){const e=setTimeout(()=>{a.validateFields().then(r=>{j(r)}),H(!1)},200);return()=>clearTimeout(e)}},[j,a,C,B]),i.useEffect(()=>{var r,o;!a.getFieldValue("sortBy")&&p&&a.setFieldsValue({sortBy:p.name,sortByType:typeof((r=p.report)==null?void 0:r.defaultSort)=="string"?(o=p.report)==null?void 0:o.defaultSort:"ASC"})},[p,a]),i.useEffect(()=>{if(w){const e=c.filter(r=>r.alreadySelected).map(r=>r.id);F(d.filter(r=>e.includes(r.name)).map(r=>({...r,hideInTable:!1}))),D(!1)}},[d,w,c]),t.jsxs(s.Space,{className:"w-100",direction:"vertical",children:[t.jsxs(s.Form,{form:a,layout:"vertical",onFinish:j,children:[t.jsxs(s.Row,{gutter:[8,8],children:[z.map(e=>{var r,o,n;return t.jsx(s.Col,{...e.grid??A,style:{alignSelf:"end"},children:(r=e.report)!=null&&r.customRender?e.report.customRender(a):e.type==="date"?t.jsx(x.default,{...e,type:"date",range:(o=e.report)==null?void 0:o.range,required:!!((n=e.report)!=null&&n.required),readonly:!1,fieldClassName:"mb-0"}):e.type==="select"?t.jsx(x.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):t.jsx(x.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(c!=null&&c.length)&&t.jsx(s.Col,{...E,children:t.jsx(W.SelectFieldInReport,{items:c,name:"showFields",mode:"multiple",label:$("str.showFields"),className:"mb-0",selectingMode:_})}),!!q.length&&t.jsx(s.Col,{...A,children:t.jsx(Y,{label:"Sort By",name:"sortBy",items:q.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>t.jsxs(t.Fragment,{children:[e,t.jsx(s.Form.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:t.jsx(s.Radio.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:t.jsxs(s.Row,{children:[t.jsx(s.Col,{xs:12,children:t.jsx(s.Radio,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),t.jsx(s.Col,{xs:12,children:t.jsx(s.Radio,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),R?R(a):null]}),t.jsx(v,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:f,children:"Submit"})]}),t.jsxs(s.Space,{children:[!!h&&t.jsx(Z.PrintButton,{disabled:f||!u.length,onClick:()=>h==null?void 0:h({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:V.getRendererValueCrudViewer(e)}))})}),!!y&&t.jsx(v,{disabled:f||!u.length,onClick:()=>y==null?void 0:y({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:V.getRendererValueCrudViewer(e)}))}),icon:t.jsx(K.FileExcelOutlined,{}),className:`group ${f||!u.length?"":"crud-excel-export-btn"}`,children:"Excel"})]}),U,t.jsx(Q,{minusHeight:O,data:u,size:M,fields:S,idField:L,loadingData:f,paginateProps:G,viewable:!1})]})}module.exports=k;
+"use strict";const s=require("react/jsx-runtime"),X=require("@ant-design/icons"),o=require("antd"),d=require("react"),C=require("./CrudField.cjs.js"),Y=require("./view/CrudViewer.cjs.js"),Z=require("../common/report/SelectFieldInReport.cjs.js"),M=require("./view/CrudViewerUtil.cjs.js"),E=require("../locale/index.cjs.js"),P=require("../common/select/SelectComponent.cjs.js"),J=require("../common/button/Button.cjs.js"),ee=require("../common/button/PrintButton.cjs.js"),k={lg:6,md:8,sm:12,xs:24},te={lg:12,md:16,sm:24,xs:24};function se({fields:n,data:l,idField:f,loadingData:i,onSubmit:b,paginateProps:j,size:U,onClickPrint:w,onClickExcelExport:x,minusHeight:_,extraSearchFields:T,searchOnMount:q,summary:$,showFieldsSelectingMode:z="checkbox",cachedSearchProps:u}){const{t:D}=E.useTranslationLib(),{searchable:H,selectable:p,sortable:N,defaultSort:g}=d.useMemo(()=>{var h,y,R,O,L;const e=[],t=[],r=[];let m;for(const a of n.filter(W=>!W.hidden))a.type==="image"||!a.report||((h=a.report)!=null&&h.searchable&&e.push(a),(y=a.report)!=null&&y.sortable&&(t.push(a),!m&&((R=a.report)!=null&&R.defaultSort)&&(m=a)),a.hideInTable||r.push({id:a.name,label:a.label,lock:(O=a.report)==null?void 0:O.lock,alreadySelected:(L=a.report)==null?void 0:L.alreadySelected}));return{defaultSort:m,searchable:e,sortable:t,selectable:r}},[n]),[F,I]=d.useState([]),S=d.useCallback(e=>{I(n.filter(t=>e.includes(t.name)).map(t=>({...t,hideInTable:!1})))},[n]),B=d.useCallback(async({sortBy:e,sortByType:t,showFields:r=[],...m})=>{var R;const h=[];e&&h.push({field:e,sort:t??"DESC"}),S(r);const y={showFields:r,sortBy:h,...m};u&&(le(u.key,u.saveMode,y),(R=u.onSave)==null||R.call(u,y)),b(y)},[S,u,b]),[c]=o.Form.useForm(),V=d.useRef(!1),[v,K]=d.useState(!1),[A,Q]=d.useState(!0);return d.useEffect(()=>{if(q&&A){const e=setTimeout(()=>{c.validateFields().then(t=>{B(t)}),Q(!1)},200);return()=>clearTimeout(e)}},[B,c,A,q]),d.useEffect(()=>{var t,r;!c.getFieldValue("sortBy")&&g&&c.setFieldsValue({sortBy:g.name,sortByType:typeof((t=g.report)==null?void 0:t.defaultSort)=="string"?(r=g.report)==null?void 0:r.defaultSort:"ASC"})},[g,c]),d.useEffect(()=>{if(!u||V.current)return;V.current=!0;const e=re(u.key,u.saveMode),t={...u.defaultValue??{},...e??{}};if(Object.keys(t).length===0)return;c.setFieldsValue(oe(t));const r=t.showFields;r!=null&&r.length&&S(r)},[S,u,c]),d.useEffect(()=>{if(v){const e=p.filter(t=>t.alreadySelected).map(t=>t.id);I(n.filter(t=>e.includes(t.name)).map(t=>({...t,hideInTable:!1}))),K(!1)}},[n,v,p]),s.jsxs(o.Space,{className:"w-100",direction:"vertical",children:[s.jsxs(o.Form,{form:c,layout:"vertical",onFinish:B,children:[s.jsxs(o.Row,{gutter:[8,8],children:[H.map(e=>{var t,r,m;return s.jsx(o.Col,{...e.grid??k,style:{alignSelf:"end"},children:(t=e.report)!=null&&t.customRender?e.report.customRender(c):e.type==="date"?s.jsx(C.default,{...e,type:"date",range:(r=e.report)==null?void 0:r.range,required:!!((m=e.report)!=null&&m.required),readonly:!1,fieldClassName:"mb-0"}):e.type==="select"?s.jsx(C.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):s.jsx(C.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(p!=null&&p.length)&&s.jsx(o.Col,{...te,children:s.jsx(Z.SelectFieldInReport,{items:p,name:"showFields",mode:"multiple",label:D("str.showFields"),className:"mb-0",selectingMode:z})}),!!N.length&&s.jsx(o.Col,{...k,children:s.jsx(P,{label:"Sort By",name:"sortBy",items:N.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>s.jsxs(s.Fragment,{children:[e,s.jsx(o.Form.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:s.jsx(o.Radio.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:s.jsxs(o.Row,{children:[s.jsx(o.Col,{xs:12,children:s.jsx(o.Radio,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),s.jsx(o.Col,{xs:12,children:s.jsx(o.Radio,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),T?T(c):null]}),s.jsx(J,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:i,children:"Submit"})]}),s.jsxs(o.Space,{children:[!!w&&s.jsx(ee.PrintButton,{disabled:i||!l.length,onClick:()=>w==null?void 0:w({tableId:"#crud-table table",data:l,fields:F.map(e=>({...e,render:M.getRendererValueCrudViewer(e)}))})}),!!x&&s.jsx(J,{disabled:i||!l.length,onClick:()=>x==null?void 0:x({tableId:"#crud-table table",data:l,fields:F.map(e=>({...e,render:M.getRendererValueCrudViewer(e)}))}),icon:s.jsx(X.FileExcelOutlined,{}),className:`group ${i||!l.length?"":"crud-excel-export-btn"}`,children:"Excel"})]}),$,s.jsx(Y,{minusHeight:_,data:l,size:U,fields:F,idField:f,loadingData:i,paginateProps:j,viewable:!1})]})}function G(n){return typeof globalThis.window>"u"?null:n==="local"?globalThis.window.localStorage:globalThis.window.sessionStorage}function re(n,l){const f=G(l);if(!f)return null;try{const i=f.getItem(n);return i?JSON.parse(i):null}catch{return null}}function le(n,l,f){const i=G(l);if(i)try{i.setItem(n,JSON.stringify(f))}catch{}}function oe(n){const{sortBy:l,showFields:f,...i}=n,b={...i};if(f!==void 0&&(b.showFields=f),l!=null&&l.length){const j=l[0];b.sortBy=j.field,b.sortByType=j.sort}return b}module.exports=se;

package/dist/crud/CrudReportComponent.d.ts

@@ -14,6 +14,14 @@ export type SearchOnlyFields<F> = CrudFieldProps<F> & {
     hideInTable: true;
 };
 export type ReportCrudFields<T, F> = CrudFieldProps<T> | SearchOnlyFields<F>;
+export interface SearchPropsCacheProps<F_Search> {
+    key: string;
+    saveMode: "local" | "session";
+    /** Called after each successful search, once the payload is written to storage. */
+    onSave?: (value: CrudReportSubmitForm<F_Search>) => void;
+    /** Baseline when there is no cache yet (or keys missing from cache). */
+    defaultValue?: Partial<CrudReportSubmitForm<F_Search>>;
+}
 export interface CrudReportComponentProps<T_Data, F_Search> {
     summary?: React.ReactNode;
     fields: readonly ReportCrudFields<T_Data, F_Search>[];
@@ -41,6 +49,7 @@ export interface CrudReportComponentProps<T_Data, F_Search> {
     extraSearchFields?: (form: FormInstance<any>) => ReactElement;
     searchOnMount?: boolean;
     showFieldsSelectingMode?: SelectFieldInReportSelectingMode;
+    cachedSearchProps?: SearchPropsCacheProps<F_Search>;
 }
-declare function CrudReportComponent<T, F = T>({ fields, data, idField, loadingData, onSubmit, paginateProps, size, onClickPrint, onClickExcelExport, minusHeight, extraSearchFields, searchOnMount, summary, showFieldsSelectingMode, }: Readonly<CrudReportComponentProps<T, F>>): import("react/jsx-runtime").JSX.Element;
+declare function CrudReportComponent<T, F = T>({ fields, data, idField, loadingData, onSubmit, paginateProps, size, onClickPrint, onClickExcelExport, minusHeight, extraSearchFields, searchOnMount, summary, showFieldsSelectingMode, cachedSearchProps, }: Readonly<CrudReportComponentProps<T, F>>): import("react/jsx-runtime").JSX.Element;
 export default CrudReportComponent;