@kingteza/crud-component 1.0.6 → 1.0.9

package/dist/src/components/crud/CrudFormWizard.js

@@ -1,61 +1,66 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { LeftOutlined as S, SaveOutlined as y, RightOutlined as C } from "@ant-design/icons";
-import { Form as p, Divider as T, Row as v, Col as b } from "antd";
-import { useMemo as F, useEffect as E } from "react";
-import { useTranslation as w } from "react-i18next";
-import { TRANSLATION_NAMESPACE as A } from "../../locale/hooks/translation-constants.js";
-import { CrudFormFields as O } from "./CrudForm.js";
-import k from "../common/button/Button.js";
-import R from "../common/wizard/WizardViewForm.js";
-function q({
-  fields: s,
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { useMemo as g, useEffect as y } from "react";
+import { useTranslation as C } from "react-i18next";
+import { TRANSLATION_NAMESPACE as S } from "../../locale/hooks/translation-constants.js";
+import { CrudFormFields as R } from "./CrudForm.js";
+import b from "../common/button/Button.js";
+import T from "../common/wizard/WizardViewForm.js";
+import F from "../../../node_modules/antd/es/form/index.js";
+import E from "../../../node_modules/antd/es/divider/index.js";
+import k from "../../../node_modules/antd/es/grid/col.js";
+import v from "../../../node_modules/antd/es/grid/row.js";
+import w from "../../../node_modules/@ant-design/icons/es/icons/LeftOutlined.js";
+import A from "../../../node_modules/@ant-design/icons/es/icons/SaveOutlined.js";
+import I from "../../../node_modules/@ant-design/icons/es/icons/RightOutlined.js";
+function K({
+  fields: l,
   className: c,
-  onDeleteFile: f,
-  onUploadFile: m,
-  purpose: l,
-  wizard: e = [],
+  onDeleteFile: a,
+  onUploadFile: i,
+  purpose: s,
+  wizard: t = [],
   updatingValue: u,
   onSave: h,
   submitting: x
 }) {
-  const d = F(() => e.map((o) => {
-    let r = !0;
-    const n = s.filter(
-      (i) => o.fields.includes(i.name)
+  const d = g(() => t.map((e) => {
+    let o = !0;
+    const n = l.filter(
+      (m) => e.fields.includes(m.name)
     );
-    return n.forEach((i) => r && (r = i.hidden ?? !1)), {
-      ...o,
-      hidden: r,
+    return n.forEach((m) => o && (o = m.hidden ?? !1)), {
+      ...e,
+      hidden: o,
       fieldThatShouldShowing: n
     };
-  }), [s, e]), a = F(
-    () => d.filter((o) => !o.hidden),
+  }), [l, t]), f = g(
+    () => d.filter((e) => !e.hidden),
     [d]
   );
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-    R,
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+    T,
     {
-      onSubmit: (o, r) => {
-        console.log(r), h(r);
+      onSubmit: (e, o) => {
+        console.log(o), h(o);
       },
       className: c,
-      pages: a.map(
-        ({ title: o, icon: r, fieldThatShouldShowing: n, hidden: i }, j) => ({
-          title: o,
-          icon: r,
-          hidden: i,
-          component: (g) => /* @__PURE__ */ t.jsx(
+      pages: f.map(
+        ({ title: e, icon: o, fieldThatShouldShowing: n, hidden: m }, j) => ({
+          title: e,
+          icon: o,
+          hidden: m,
+          component: (p) => /* @__PURE__ */ r.jsx(
             W,
             {
               fields: n,
-              onDeleteFile: f,
-              onUploadFile: m,
-              purpose: l,
+              onDeleteFile: a,
+              onUploadFile: i,
+              purpose: s,
               i: j,
               updatingValue: u,
-              backward: g.backward,
-              forward: g.forward,
-              wizard: a,
+              backward: p.backward,
+              forward: p.forward,
+              wizard: f,
               submitting: x
             },
             j
@@ -66,75 +71,75 @@ function q({
   ) });
 }
 function W({
-  fields: s,
+  fields: l,
   onDeleteFile: c,
-  onUploadFile: f,
-  purpose: m,
-  wizard: l = [],
-  i: e,
+  onUploadFile: a,
+  purpose: i,
+  wizard: s = [],
+  i: t,
   forward: u,
   backward: h,
   submitting: x,
   updatingValue: d
 }) {
-  const a = l[e], { t: o } = w(A), [r] = p.useForm();
-  return E(() => {
-    if (d && (m === "update" || m === "clone")) {
+  const f = s[t], { t: e } = C(S), [o] = F.useForm();
+  return y(() => {
+    if (d && (i === "update" || i === "clone")) {
       const n = {};
-      for (const i of s)
-        n[i.name] = d[i.name];
-      r.setFieldsValue(n);
+      for (const m of l)
+        n[m.name] = d[m.name];
+      o.setFieldsValue(n);
     }
-  }, [s, r, m, d]), /* @__PURE__ */ t.jsxs(p, { name: String(e), form: r, layout: "vertical", children: [
-    /* @__PURE__ */ t.jsx(
-      O,
+  }, [l, o, i, d]), /* @__PURE__ */ r.jsxs(F, { name: String(t), form: o, layout: "vertical", children: [
+    /* @__PURE__ */ r.jsx(
+      R,
       {
-        fields: s,
-        formBuilder: a.formBuilder,
-        grid: a.grid,
+        fields: l,
+        formBuilder: f.formBuilder,
+        grid: f.grid,
         onDeleteFile: c,
-        onUploadFile: f,
-        purpose: m
+        onUploadFile: a,
+        purpose: i
       }
     ),
-    /* @__PURE__ */ t.jsx(T, {}),
-    /* @__PURE__ */ t.jsxs(v, { gutter: [8, 8], children: [
-      e > 0 && /* @__PURE__ */ t.jsx(b, { md: 12, children: /* @__PURE__ */ t.jsx(
-        k,
+    /* @__PURE__ */ r.jsx(E, {}),
+    /* @__PURE__ */ r.jsxs(v, { gutter: [8, 8], children: [
+      t > 0 && /* @__PURE__ */ r.jsx(k, { md: 12, children: /* @__PURE__ */ r.jsx(
+        b,
         {
           block: !0,
-          icon: /* @__PURE__ */ t.jsx(S, {}),
+          icon: /* @__PURE__ */ r.jsx(w, {}),
           htmlType: "button",
           type: "default",
           size: "large",
           onClick: () => h(),
-          children: o("str.back")
+          children: e("str.back")
         }
       ) }),
-      /* @__PURE__ */ t.jsx(b, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ t.jsx(
-        k,
+      /* @__PURE__ */ r.jsx(k, { md: t > 0 ? 12 : 24, children: /* @__PURE__ */ r.jsx(
+        b,
         {
           block: !0,
-          icon: l.length - 1 === e ? /* @__PURE__ */ t.jsx(y, {}) : /* @__PURE__ */ t.jsx(C, {}),
+          icon: s.length - 1 === t ? /* @__PURE__ */ r.jsx(A, {}) : /* @__PURE__ */ r.jsx(I, {}),
           htmlType: "submit",
           type: "primary",
           loading: x,
           size: "large",
           onClick: () => {
-            r.validateFields().then((n) => {
+            o.validateFields().then((n) => {
               u(
                 n,
-                l.length - 1 === e,
-                l.length - 1 === e
+                s.length - 1 === t,
+                s.length - 1 === t
               );
             });
           },
-          children: l.length - 1 === e ? o("str." + (m === "update" ? "update" : "save")) : o("str.next")
+          children: s.length - 1 === t ? e("str." + (i === "update" ? "update" : "save")) : e("str.next")
         }
       ) })
     ] })
   ] });
 }
 export {
-  q as default
+  K as default
 };

package/dist/src/components/crud/CrudReportComponent.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../_virtual/jsx-runtime.cjs"),D=require("@ant-design/icons"),r=require("antd"),a=require("react"),y=require("./CrudField.cjs"),H=require("./view/CrudViewer.cjs"),v=require("../common/button/Button.cjs"),J=require("../common/button/PrintButton.cjs"),K=require("../common/report/SelectFieldInReport.cjs"),Q=require("../common/select/SelectComponent.cjs"),I=require("./view/CrudViewerUtil.cjs"),V={lg:6,md:8,sm:12,xs:24},W={lg:12,md:16,sm:24,xs:24};function X({fields:u,data:d,idField:A,loadingData:x,onSubmit:S,paginateProps:_,size:L,onClickPrint:j,onClickExcelExport:b,minusHeight:M,extraSearchFields:g,searchOnMount:E,summary:O}){const{searchable:G,selectable:m,sortable:B,defaultSort:c}=a.useMemo(()=>{var f,p,C,N,T;const e=[],s=[],o=[];let n;for(const l of u.filter(z=>!z.hidden))l.type==="image"||!l.report||((f=l.report)!=null&&f.searchable&&e.push(l),(p=l.report)!=null&&p.sortable&&(s.push(l),!n&&((C=l.report)!=null&&C.defaultSort)&&(n=l)),l.hideInTable||o.push({id:l.name,label:l.label,lock:(N=l.report)==null?void 0:N.lock,alreadySelected:(T=l.report)==null?void 0:T.alreadySelected}));return{defaultSort:n,searchable:e,sortable:s,selectable:o}},[u]),[R,F]=a.useState([]),h=a.useCallback(async({sortBy:e,sortByType:s,showFields:o=[],...n})=>{const f=[];e&&f.push({field:e,sort:s??"DESC"}),F(u.filter(p=>o.includes(p.name)).map(p=>({...p,hideInTable:!1}))),S({showFields:o,sortBy:f,...n})},[u,S]),[i]=r.Form.useForm(),[w,U]=a.useState(!1),[q,$]=a.useState(!0);return a.useEffect(()=>{if(E&&q){const e=setTimeout(()=>{i.validateFields().then(s=>{h(s)}),$(!1)},200);return()=>clearTimeout(e)}},[h,i,q,E]),a.useEffect(()=>{var s,o,n;!i.getFieldValue("sortBy")&&c&&(console.log((s=c.report)==null?void 0:s.defaultSort),i.setFieldsValue({sortBy:c.name,sortByType:typeof((o=c.report)==null?void 0:o.defaultSort)=="string"?(n=c.report)==null?void 0:n.defaultSort:"ASC"}))},[c,i]),a.useEffect(()=>{if(w){const e=m.filter(s=>s.alreadySelected).map(s=>s.id);F(u.filter(s=>e.includes(s.name)).map(s=>({...s,hideInTable:!1}))),U(!1)}},[u,w,m]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs(r.Space,{className:"w-100",direction:"vertical",children:[t.jsxRuntimeExports.jsxs(r.Form,{form:i,layout:"vertical",onFinish:h,children:[t.jsxRuntimeExports.jsxs(r.Row,{gutter:[8,8],children:[G.map(e=>{var s,o,n;return t.jsxRuntimeExports.jsx(r.Col,{...e.grid??V,style:{alignSelf:"end"},children:(s=e.report)!=null&&s.customRender?e.report.customRender(i):e.type==="date"?t.jsxRuntimeExports.jsx(y.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.jsxRuntimeExports.jsx(y.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):t.jsxRuntimeExports.jsx(y.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(m!=null&&m.length)&&t.jsxRuntimeExports.jsx(r.Col,{...W,children:t.jsxRuntimeExports.jsx(K.SelectFieldInReport,{items:m,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!B.length&&t.jsxRuntimeExports.jsx(r.Col,{...V,children:t.jsxRuntimeExports.jsx(Q.default,{label:"Sort By",name:"sortBy",items:B.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e,t.jsxRuntimeExports.jsx(r.Form.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:t.jsxRuntimeExports.jsx(r.Radio.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:t.jsxRuntimeExports.jsxs(r.Row,{children:[t.jsxRuntimeExports.jsx(r.Col,{xs:12,children:t.jsxRuntimeExports.jsx(r.Radio,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),t.jsxRuntimeExports.jsx(r.Col,{xs:12,children:t.jsxRuntimeExports.jsx(r.Radio,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),g?g(i):null]}),t.jsxRuntimeExports.jsx(v.default,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:x,children:"Submit"})]}),t.jsxRuntimeExports.jsxs(r.Space,{children:[!!j&&t.jsxRuntimeExports.jsx(J.PrintButton,{disabled:x||!d.length,onClick:()=>j==null?void 0:j({tableId:"#crud-table table",data:d,fields:R.map(e=>({...e,render:I.getRendererValueCrudViewer(e)}))})}),!!b&&t.jsxRuntimeExports.jsx(v.default,{disabled:x||!d.length,onClick:()=>b==null?void 0:b({tableId:"#crud-table table",data:d,fields:R.map(e=>({...e,render:I.getRendererValueCrudViewer(e)}))}),icon:t.jsxRuntimeExports.jsx(D.FileExcelOutlined,{}),className:`group
-                ${x||!d.length?"":"!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../_virtual/jsx-runtime.cjs"),u=require("react"),y=require("./CrudField.cjs"),Q=require("./view/CrudViewer.cjs"),V=require("../common/button/Button.cjs"),W=require("../common/button/PrintButton.cjs"),X=require("../common/report/SelectFieldInReport.cjs"),Y=require("../common/select/SelectComponent.cjs"),A=require("./view/CrudViewerUtil.cjs"),g=require("../../../node_modules/antd/es/form/index.cjs"),_=require("../../../node_modules/antd/es/space/index.cjs"),f=require("../../../node_modules/antd/es/grid/col.cjs"),$=require("../../../node_modules/antd/es/grid/row.cjs"),S=require("../../../node_modules/antd/es/radio/index.cjs"),Z=require("../../../node_modules/@ant-design/icons/es/icons/FileExcelOutlined.cjs"),L={lg:6,md:8,sm:12,xs:24},P={lg:12,md:16,sm:24,xs:24};function k({fields:a,data:i,idField:M,loadingData:x,onSubmit:E,paginateProps:O,size:G,onClickPrint:j,onClickExcelExport:b,minusHeight:U,extraSearchFields:q,searchOnMount:B,summary:z}){const{searchable:D,selectable:d,sortable:w,defaultSort:m}=u.useMemo(()=>{var p,c,v,I,C;const e=[],s=[],l=[];let o;for(const r of a.filter(K=>!K.hidden))r.type==="image"||!r.report||((p=r.report)!=null&&p.searchable&&e.push(r),(c=r.report)!=null&&c.sortable&&(s.push(r),!o&&((v=r.report)!=null&&v.defaultSort)&&(o=r)),r.hideInTable||l.push({id:r.name,label:r.label,lock:(I=r.report)==null?void 0:I.lock,alreadySelected:(C=r.report)==null?void 0:C.alreadySelected}));return{defaultSort:o,searchable:e,sortable:s,selectable:l}},[a]),[h,F]=u.useState([]),R=u.useCallback(async({sortBy:e,sortByType:s,showFields:l=[],...o})=>{const p=[];e&&p.push({field:e,sort:s??"DESC"}),F(a.filter(c=>l.includes(c.name)).map(c=>({...c,hideInTable:!1}))),E({showFields:l,sortBy:p,...o})},[a,E]),[n]=g.default.useForm(),[N,H]=u.useState(!1),[T,J]=u.useState(!0);return u.useEffect(()=>{if(B&&T){const e=setTimeout(()=>{n.validateFields().then(s=>{R(s)}),J(!1)},200);return()=>clearTimeout(e)}},[R,n,T,B]),u.useEffect(()=>{var s,l,o;!n.getFieldValue("sortBy")&&m&&(console.log((s=m.report)==null?void 0:s.defaultSort),n.setFieldsValue({sortBy:m.name,sortByType:typeof((l=m.report)==null?void 0:l.defaultSort)=="string"?(o=m.report)==null?void 0:o.defaultSort:"ASC"}))},[m,n]),u.useEffect(()=>{if(N){const e=d.filter(s=>s.alreadySelected).map(s=>s.id);F(a.filter(s=>e.includes(s.name)).map(s=>({...s,hideInTable:!1}))),H(!1)}},[a,N,d]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs(_.default,{className:"w-100",direction:"vertical",children:[t.jsxRuntimeExports.jsxs(g.default,{form:n,layout:"vertical",onFinish:R,children:[t.jsxRuntimeExports.jsxs($.default,{gutter:[8,8],children:[D.map(e=>{var s,l,o;return t.jsxRuntimeExports.jsx(f.default,{...e.grid??L,style:{alignSelf:"end"},children:(s=e.report)!=null&&s.customRender?e.report.customRender(n):e.type==="date"?t.jsxRuntimeExports.jsx(y.default,{...e,type:"date",range:(l=e.report)==null?void 0:l.range,required:!!((o=e.report)!=null&&o.required),readonly:!1,fieldClassName:"mb-0"}):e.type==="select"?t.jsxRuntimeExports.jsx(y.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):t.jsxRuntimeExports.jsx(y.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(d!=null&&d.length)&&t.jsxRuntimeExports.jsx(f.default,{...P,children:t.jsxRuntimeExports.jsx(X.SelectFieldInReport,{items:d,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!w.length&&t.jsxRuntimeExports.jsx(f.default,{...L,children:t.jsxRuntimeExports.jsx(Y.default,{label:"Sort By",name:"sortBy",items:w.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e,t.jsxRuntimeExports.jsx(g.default.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:t.jsxRuntimeExports.jsx(S.default.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:t.jsxRuntimeExports.jsxs($.default,{children:[t.jsxRuntimeExports.jsx(f.default,{xs:12,children:t.jsxRuntimeExports.jsx(S.default,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),t.jsxRuntimeExports.jsx(f.default,{xs:12,children:t.jsxRuntimeExports.jsx(S.default,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),q?q(n):null]}),t.jsxRuntimeExports.jsx(V.default,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:x,children:"Submit"})]}),t.jsxRuntimeExports.jsxs(_.default,{children:[!!j&&t.jsxRuntimeExports.jsx(W.PrintButton,{disabled:x||!i.length,onClick:()=>j==null?void 0:j({tableId:"#crud-table table",data:i,fields:h.map(e=>({...e,render:A.getRendererValueCrudViewer(e)}))})}),!!b&&t.jsxRuntimeExports.jsx(V.default,{disabled:x||!i.length,onClick:()=>b==null?void 0:b({tableId:"#crud-table table",data:i,fields:h.map(e=>({...e,render:A.getRendererValueCrudViewer(e)}))}),icon:t.jsxRuntimeExports.jsx(Z.default,{}),className:`group
+                ${x||!i.length?"":"!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
                 
-              `,children:"Excel"})]}),O,t.jsxRuntimeExports.jsx(H.default,{minusHeight:M,data:d,size:L,fields:R,idField:A,loadingData:x,paginateProps:_,viewable:!1})]})})}exports.default=X;
+              `,children:"Excel"})]}),z,t.jsxRuntimeExports.jsx(Q.default,{minusHeight:U,data:i,size:G,fields:h,idField:M,loadingData:x,paginateProps:O,viewable:!1})]})})}exports.default=k;

package/dist/src/components/crud/CrudReportComponent.js

@@ -1,36 +1,40 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { FileExcelOutlined as X } from "@ant-design/icons";
-import { Form as j, Space as L, Row as G, Col as f, Radio as S } from "antd";
-import { useMemo as Y, useState as x, useCallback as Z, useEffect as B } from "react";
-import R from "./CrudField.js";
-import E from "./view/CrudViewer.js";
-import O from "../common/button/Button.js";
+import { useMemo as X, useState as j, useCallback as Y, useEffect as S } from "react";
+import x from "./CrudField.js";
+import Z from "./view/CrudViewer.js";
+import L from "../common/button/Button.js";
 import { PrintButton as k } from "../common/button/PrintButton.js";
-import { SelectFieldInReport as P } from "../common/report/SelectFieldInReport.js";
-import ee from "../common/select/SelectComponent.js";
-import { getRendererValueCrudViewer as _ } from "./view/CrudViewerUtil.js";
-const $ = { lg: 6, md: 8, sm: 12, xs: 24 }, re = { lg: 12, md: 16, sm: 24, xs: 24 };
-function pe({
+import { SelectFieldInReport as E } from "../common/report/SelectFieldInReport.js";
+import P from "../common/select/SelectComponent.js";
+import { getRendererValueCrudViewer as G } from "./view/CrudViewerUtil.js";
+import B from "../../../node_modules/antd/es/form/index.js";
+import _ from "../../../node_modules/antd/es/space/index.js";
+import f from "../../../node_modules/antd/es/grid/col.js";
+import $ from "../../../node_modules/antd/es/grid/row.js";
+import R from "../../../node_modules/antd/es/radio/index.js";
+import ee from "../../../node_modules/@ant-design/icons/es/icons/FileExcelOutlined.js";
+const z = { lg: 6, md: 8, sm: 12, xs: 24 }, re = { lg: 12, md: 16, sm: 24, xs: 24 };
+function ye({
   fields: n,
   data: i,
-  idField: z,
-  loadingData: c,
-  onSubmit: F,
-  paginateProps: D,
-  size: H,
+  idField: D,
+  loadingData: p,
+  onSubmit: w,
+  paginateProps: H,
+  size: J,
   onClickPrint: b,
   onClickExcelExport: h,
-  minusHeight: J,
-  extraSearchFields: w,
+  minusHeight: K,
+  extraSearchFields: F,
   searchOnMount: N,
-  summary: K
+  summary: M
 }) {
-  const { searchable: M, selectable: d, sortable: T, defaultSort: m } = Y(() => {
-    var p, u, V, q, A;
+  const { searchable: O, selectable: d, sortable: T, defaultSort: m } = X(() => {
+    var c, u, V, q, A;
     const e = [], t = [], l = [];
     let o;
     for (const s of n.filter((W) => !W.hidden))
-      s.type === "image" || !s.report || ((p = s.report) != null && p.searchable && e.push(s), (u = s.report) != null && u.sortable && (t.push(s), !o && ((V = s.report) != null && V.defaultSort) && (o = s)), s.hideInTable || l.push({
+      s.type === "image" || !s.report || ((c = s.report) != null && c.searchable && e.push(s), (u = s.report) != null && u.sortable && (t.push(s), !o && ((V = s.report) != null && V.defaultSort) && (o = s)), s.hideInTable || l.push({
         id: s.name,
         label: s.label,
         lock: (q = s.report) == null ? void 0 : q.lock,
@@ -42,27 +46,27 @@ function pe({
       sortable: t,
       selectable: l
     };
-  }, [n]), [y, v] = x(
+  }, [n]), [y, I] = j(
     []
-  ), g = Z(
+  ), g = Y(
     async ({
       sortBy: e,
       sortByType: t,
       showFields: l = [],
       ...o
     }) => {
-      const p = [];
-      e && p.push({
+      const c = [];
+      e && c.push({
         field: e,
         sort: t ?? "DESC"
-      }), v(
+      }), I(
         n.filter((u) => l.includes(u.name)).map((u) => ({ ...u, hideInTable: !1 }))
-      ), F({ showFields: l, sortBy: p, ...o });
+      ), w({ showFields: l, sortBy: c, ...o });
     },
-    [n, F]
-  ), [a] = j.useForm(), [C, Q] = x(!1), [I, U] = x(!0);
-  return B(() => {
-    if (N && I) {
+    [n, w]
+  ), [a] = B.useForm(), [v, Q] = j(!1), [C, U] = j(!0);
+  return S(() => {
+    if (N && C) {
       const e = setTimeout(() => {
         a.validateFields().then((t) => {
           g(t);
@@ -70,31 +74,31 @@ function pe({
       }, 200);
       return () => clearTimeout(e);
     }
-  }, [g, a, I, N]), B(() => {
+  }, [g, a, C, N]), S(() => {
     var t, l, o;
     !a.getFieldValue("sortBy") && m && (console.log((t = m.report) == null ? void 0 : t.defaultSort), a.setFieldsValue({
       sortBy: m.name,
       sortByType: typeof ((l = m.report) == null ? void 0 : l.defaultSort) == "string" ? (o = m.report) == null ? void 0 : o.defaultSort : "ASC"
     }));
-  }, [m, a]), B(() => {
-    if (C) {
+  }, [m, a]), S(() => {
+    if (v) {
       const e = d.filter((t) => t.alreadySelected).map((t) => t.id);
-      v(
+      I(
         n.filter((t) => e.includes(t.name)).map((t) => ({ ...t, hideInTable: !1 }))
       ), Q(!1);
     }
-  }, [n, C, d]), /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(L, { className: "w-100", direction: "vertical", children: [
-    /* @__PURE__ */ r.jsxs(j, { form: a, layout: "vertical", onFinish: g, children: [
-      /* @__PURE__ */ r.jsxs(G, { gutter: [8, 8], children: [
-        M.map((e) => {
+  }, [n, v, d]), /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(_, { className: "w-100", direction: "vertical", children: [
+    /* @__PURE__ */ r.jsxs(B, { form: a, layout: "vertical", onFinish: g, children: [
+      /* @__PURE__ */ r.jsxs($, { gutter: [8, 8], children: [
+        O.map((e) => {
           var t, l, o;
           return /* @__PURE__ */ r.jsx(
             f,
             {
-              ...e.grid ?? $,
+              ...e.grid ?? z,
               style: { alignSelf: "end" },
               children: (t = e.report) != null && t.customRender ? e.report.customRender(a) : e.type === "date" ? /* @__PURE__ */ r.jsx(
-                R,
+                x,
                 {
                   ...e,
                   type: "date",
@@ -104,7 +108,7 @@ function pe({
                   fieldClassName: "mb-0"
                 }
               ) : e.type === "select" ? /* @__PURE__ */ r.jsx(
-                R,
+                x,
                 {
                   ...e,
                   type: "select",
@@ -114,7 +118,7 @@ function pe({
                   fieldClassName: "mb-0"
                 }
               ) : /* @__PURE__ */ r.jsx(
-                R,
+                x,
                 {
                   ...e,
                   readonly: !1,
@@ -127,7 +131,7 @@ function pe({
           );
         }),
         !!(d != null && d.length) && /* @__PURE__ */ r.jsx(f, { ...re, children: /* @__PURE__ */ r.jsx(
-          P,
+          E,
           {
             items: d,
             name: "showFields",
@@ -136,8 +140,8 @@ function pe({
             className: "mb-0"
           }
         ) }),
-        !!T.length && /* @__PURE__ */ r.jsx(f, { ...$, children: /* @__PURE__ */ r.jsx(
-          ee,
+        !!T.length && /* @__PURE__ */ r.jsx(f, { ...z, children: /* @__PURE__ */ r.jsx(
+          P,
           {
             label: "Sort By",
             name: "sortBy",
@@ -147,15 +151,15 @@ function pe({
             className: "mb-0",
             dropdownRender: (e) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
               e,
-              /* @__PURE__ */ r.jsx(j.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ r.jsx(
-                S.Group,
+              /* @__PURE__ */ r.jsx(B.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ r.jsx(
+                R.Group,
                 {
                   className: "w-100",
                   defaultValue: "DESC",
                   optionType: "button",
-                  children: /* @__PURE__ */ r.jsxs(G, { children: [
+                  children: /* @__PURE__ */ r.jsxs($, { children: [
                     /* @__PURE__ */ r.jsx(f, { xs: 12, children: /* @__PURE__ */ r.jsx(
-                      S,
+                      R,
                       {
                         className: "w-100",
                         style: {
@@ -167,7 +171,7 @@ function pe({
                       }
                     ) }),
                     /* @__PURE__ */ r.jsx(f, { xs: 12, children: /* @__PURE__ */ r.jsx(
-                      S,
+                      R,
                       {
                         className: "w-100",
                         style: {
@@ -184,72 +188,72 @@ function pe({
             ] })
           }
         ) }),
-        w ? w(a) : null
+        F ? F(a) : null
       ] }),
       /* @__PURE__ */ r.jsx(
-        O,
+        L,
         {
           className: "mt-3",
           type: "primary",
           block: !0,
           htmlType: "submit",
-          disabled: c,
+          disabled: p,
           children: "Submit"
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsxs(L, { children: [
+    /* @__PURE__ */ r.jsxs(_, { children: [
       !!b && /* @__PURE__ */ r.jsx(
         k,
         {
-          disabled: c || !i.length,
+          disabled: p || !i.length,
           onClick: () => b == null ? void 0 : b({
             tableId: "#crud-table table",
             data: i,
             fields: y.map((e) => ({
               ...e,
-              render: _(e)
+              render: G(e)
             }))
           })
         }
       ),
       !!h && /* @__PURE__ */ r.jsx(
-        O,
+        L,
         {
-          disabled: c || !i.length,
+          disabled: p || !i.length,
           onClick: () => h == null ? void 0 : h({
             tableId: "#crud-table table",
             data: i,
             fields: y.map((e) => ({
               ...e,
-              render: _(e)
+              render: G(e)
             }))
           }),
-          icon: /* @__PURE__ */ r.jsx(X, {}),
+          icon: /* @__PURE__ */ r.jsx(ee, {}),
           className: `group
-                ${c || !i.length ? "" : "!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
+                ${p || !i.length ? "" : "!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
                 
               `,
           children: "Excel"
         }
       )
     ] }),
-    K,
+    M,
     /* @__PURE__ */ r.jsx(
-      E,
+      Z,
       {
-        minusHeight: J,
+        minusHeight: K,
         data: i,
-        size: H,
+        size: J,
         fields: y,
-        idField: z,
-        loadingData: c,
-        paginateProps: D,
+        idField: D,
+        loadingData: p,
+        paginateProps: H,
         viewable: !1
       }
     )
   ] }) });
 }
 export {
-  pe as default
+  ye as default
 };

package/dist/src/components/crud/CrudSearchComponent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../_virtual/jsx-runtime.cjs"),o=require("react"),E=require("@ant-design/icons"),i=require("antd"),a=require("./CrudField.cjs"),q=require("../common/button/Button.cjs");function M({searchFields:t=[],fields:m,searchOnChange:d,onSearch:b,searchDefaultValues:g,searchFieldsCustomColumnProps:r}){const R=o.useMemo(()=>t.map(n=>typeof n=="string"?{...m.find(y=>n===y.name),required:!1}:{...m.find(f=>(n==null?void 0:n.name)===f.name),...n}).filter(n=>n&&!(n!=null&&n.hidden)),[t,m]),j=o.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),p=o.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),s=o.useMemo(()=>t.length===1?{field:21,button:3}:t.length===2?{field:11,button:2}:t.length===3?{field:24,button:24}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),[u]=i.Form.useForm(),x=o.useCallback(async n=>{if((n||d)&&b){const l=await u.validateFields();b(l)}},[u,b,d]);return o.useEffect(()=>{g&&(u.setFieldsValue(g),x(!0))},[u,g]),t!=null&&t.length?e.jsxRuntimeExports.jsx(i.Form,{form:u,onFinish:()=>x(!0),layout:"vertical",className:"mb-2",onChange:()=>x(!1),children:e.jsxRuntimeExports.jsxs(i.Row,{gutter:[4,8],className:"w-100",children:[R.map((n,l)=>{const f=(r==null?void 0:r[l])??{md:j.field,sm:p.field,xs:s.field};return o.createElement(i.Col,{...f,key:`search_field_${String(n.name)}`,className:"align-self-end"},e.jsxRuntimeExports.jsx(a.default,{...n,readonly:!1,fieldClassName:"mb-0"}))}),e.jsxRuntimeExports.jsx(i.Col,{md:j.button,sm:p.button,xs:s.button,style:{alignSelf:"end"},children:e.jsxRuntimeExports.jsx(q.default,{type:"primary",htmlType:"submit",block:!0,icon:e.jsxRuntimeExports.jsx(E.SearchOutlined,{})})})]})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../_virtual/jsx-runtime.cjs"),u=require("react"),R=require("./CrudField.cjs"),q=require("../common/button/Button.cjs"),p=require("../../../node_modules/antd/es/form/index.cjs"),a=require("../../../node_modules/antd/es/grid/col.cjs"),c=require("../../../node_modules/antd/es/grid/row.cjs"),M=require("../../../node_modules/@ant-design/icons/es/icons/SearchOutlined.cjs");function v({searchFields:t=[],fields:i,searchOnChange:x,onSearch:m,searchDefaultValues:r,searchFieldsCustomColumnProps:b}){const y=u.useMemo(()=>t.map(n=>typeof n=="string"?{...i.find(E=>n===E.name),required:!1}:{...i.find(f=>(n==null?void 0:n.name)===f.name),...n}).filter(n=>n&&!(n!=null&&n.hidden)),[t,i]),d=u.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),j=u.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),s=u.useMemo(()=>t.length===1?{field:21,button:3}:t.length===2?{field:11,button:2}:t.length===3?{field:24,button:24}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),[o]=p.default.useForm(),g=u.useCallback(async n=>{if((n||x)&&m){const l=await o.validateFields();m(l)}},[o,m,x]);return u.useEffect(()=>{r&&(o.setFieldsValue(r),g(!0))},[o,r]),t!=null&&t.length?e.jsxRuntimeExports.jsx(p.default,{form:o,onFinish:()=>g(!0),layout:"vertical",className:"mb-2",onChange:()=>g(!1),children:e.jsxRuntimeExports.jsxs(c.default,{gutter:[4,8],className:"w-100",children:[y.map((n,l)=>{const f=(b==null?void 0:b[l])??{md:d.field,sm:j.field,xs:s.field};return u.createElement(a.default,{...f,key:`search_field_${String(n.name)}`,className:"align-self-end"},e.jsxRuntimeExports.jsx(R.default,{...n,readonly:!1,fieldClassName:"mb-0"}))}),e.jsxRuntimeExports.jsx(a.default,{md:d.button,sm:j.button,xs:s.button,style:{alignSelf:"end"},children:e.jsxRuntimeExports.jsx(q.default,{type:"primary",htmlType:"submit",block:!0,icon:e.jsxRuntimeExports.jsx(M.default,{})})})]})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}exports.default=v;