@kingteza/crud-component 1.2.5 → 1.2.7

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

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

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

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

package/dist/common/picker/ImagePicker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),je=require("react-advanced-cropper");;/* empty css                                                                                                                          */;/* empty css               */const O=require("@ant-design/icons"),U=require("antd"),s=require("react"),he=require("../../locale/index.cjs.js"),I=require("../button/Button.cjs.js"),we=require("../../util/ImageUtil.cjs.js"),Ce=require("../../icons/FlipHIcon.cjs.js"),be=require("../../icons/FlipVIcon.cjs.js"),ve=U.Form.Item,Y="crud-component.image-picker.button-state";function Z(o){return new Promise((u,p)=>{const n=new FileReader;n.readAsDataURL(o),n.onload=()=>u(n.result),n.onerror=m=>p(m)})}const Se=({values:o=[],required:u,buttonType:p,label:n,name:m,onChange:f,aspectRatio:h,buttonTitle:w,hidePreview:C,buttonSize:g="large",showButtonText:x=!0,showOnlyIcon:_=!1,icon:k=t.jsx(O.UploadOutlined,{}),loading:F,maxCount:b=1,onAdd:a,onRemove:R,listType:q,...A})=>{const[te,re]=s.useState(""),[se,oe]=s.useState(""),[ne,B]=s.useState(!1),T=s.useRef(),l=s.useRef(null),[i,z]=s.useState([]),[j,P]=s.useState(),ie=s.useRef(),ae=()=>B(!1),ce=async e=>{!e.url&&!e.preview&&(e.preview=await Z(e.originFileObj)),oe(e.url||e.preview),B(!0),re(e.name)},[D,N]=s.useState(!1),H=e=>{var r;(r=l.current)==null||r.rotateImage(e?-90:90)},L=s.useCallback(e=>{var r;l.current&&((r=l.current)==null||r.flipImage(e==="h",e==="v"))},[]);s.useEffect(()=>{f==null||f(i[0],i)},[i,f]);const le=async()=>{var y;const e=(y=l.current)==null?void 0:y.getCanvas(),{type:r,size:c,name:v,uid:S}=T.current;N(!0),e==null||e.toBlob(async ge=>{const xe=Object.assign(new File([ge],v,{type:r}),{uid:S}),Q=await we.resizeImage(xe),E=await Z(Q);console.log({url:E});const X={url:E,name:v,uid:S,type:r,size:c,thumbUrl:E,originFileObj:Q};if(a)try{N(!0),await a(X)}finally{N(!1)}z([X,...i]),N(!1)}),P(void 0)},ue=()=>{P(void 0),T.current=void 0},V=s.useCallback(e=>{const r=e;if(r){T.current=r;const c=new FileReader;c.addEventListener("load",()=>{var v;if(typeof c.result=="string"){P(c.result);const S=localStorage.getItem(Y),y=S?JSON.parse(S):void 0;y&&((v=l.current)==null||v.setState(y)),setTimeout(()=>{K(l.current)},100)}}),c.readAsDataURL(r)}},[]);s.useEffect(()=>{if(o!=null&&o.length||typeof o=="string"){const e=Array.isArray(o)?o.map(r=>[{uid:o,url:r}]):[{uid:o,url:o}];z(e)}},[o]);const{t:d}=he.useTranslationLib(),de=s.useMemo(()=>u?{required:u,validator:(e,r,c)=>{j||i!=null&&i.length?c():c(`${n??""} ${d("err.validation.required")}`)}}:void 0,[u,j,i==null?void 0:i.length,n,d]),J=w??d("message.uploadButtonText"),W=s.useMemo(()=>t.jsx(ee,{showLoadingIndicator:D,_buttonTitle:J,buttonSize:g,buttonType:p,fileList:i,hidePreview:C,icon:k,loading:F,listType:q,maxCount:b,onChangeFile:V,onRemove:R,showButtonText:x,handlePreview:ce,setFileList:z}),[D,J,g,p,i,C,k,F,q,b,V,R,x]);ie.current=W.props.beforeUpload;const[pe,$]=s.useState(0),[me,G]=s.useState(0),[M,fe]=s.useState();s.useEffect(()=>{const e=setTimeout(()=>{M&&localStorage.setItem(Y,JSON.stringify(M))},400);return()=>clearTimeout(e)},[M]),s.useEffect(()=>{if(!j){$(0),G(0);const e=setTimeout(()=>{var r;(r=l.current)==null||r.reset()},1500);return()=>clearTimeout(e)}},[j]);const K=s.useCallback(async e=>{if(e){const r=e.getCoordinates();fe(e.getState()),$((r==null?void 0:r.width)??10),G((r==null?void 0:r.height)??10)}},[]);return t.jsxs(t.Fragment,{children:[t.jsx(ve,{label:n,...A,name:m,className:"mb-0",rules:[de,...A.rules??[]],children:W}),t.jsxs(U.Modal,{open:!!j,maskClosable:!1,onOk:le,closable:!1,onCancel:ue,destroyOnHidden:!0,children:[t.jsx(je.Cropper,{ref:l,stencilProps:{grid:!0},style:{border:"1px solid black"},src:j,onChange:e=>{K(e)},aspectRatio:h?{minimum:h,maximum:h}:void 0}),t.jsx("p",{className:"text-center",children:[pe,me].join(" ⨉ ")}),t.jsx("div",{className:"mt-2 d-flex justify-content-center",children:t.jsxs(U.Space.Compact,{children:[t.jsx(I,{size:"large",tooltip:d("str.rotateLeft"),icon:t.jsx(O.RotateLeftOutlined,{}),onClick:()=>H(!0)}),t.jsx(I,{size:"large",icon:t.jsx(O.RotateRightOutlined,{}),tooltip:d("str.rotateRight"),onClick:()=>H(!1)}),t.jsx(I,{size:"large",icon:t.jsx(Ce,{}),tooltip:d("str.flipHorizontal"),onClick:()=>L("h")}),t.jsx(I,{size:"large",icon:t.jsx(be,{}),tooltip:d("str.flipVertical"),onClick:()=>L("v")})]})})]}),t.jsx(U.Modal,{open:ne,title:te,footer:null,onCancel:ae,children:t.jsx("div",{className:"text-center",children:t.jsx("img",{alt:"example",style:{maxWidth:"400px"},src:se})})})]})},ee=({_buttonTitle:o,buttonSize:u,buttonType:p,fileList:n,hidePreview:m,icon:f,loading:h,maxCount:w,onChangeFile:C,onRemove:g,showButtonText:x,handlePreview:_,setFileList:k,showLoadingIndicator:F,listType:b="picture"})=>t.jsxs(U.Upload,{accept:"image/x-png,image/gif,image/jpeg",fileList:n,defaultFileList:n,onChange:()=>{},className:(n.length>=w?" hide-upload ":"")+" mb-0",multiple:!1,onPreview:m?void 0:_,onDrop:a=>(C(a.dataTransfer.files.item(0)),!1),listType:b,showUploadList:!m,onRemove:a=>{const R=n.filter(q=>a.uid!==q.uid);g==null||g(a),k(R)},beforeUpload:async a=>(C(a),!1),maxCount:w,children:[F&&t.jsx(O.LoadingOutlined,{}),t.jsx("div",{className:"d-flex flex-column",children:n.length<w&&(b==="picture-circle"?t.jsx(O.UploadOutlined,{}):t.jsx(I,{loading:h,tooltip:x?void 0:o,size:u,icon:f,type:x?p:"text",children:x?o:void 0}))})]},n.length);exports.UploadComponent=ee;exports.default=Se;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),je=require("react-advanced-cropper");;/* empty css                                                                                                                          */;/* empty css               */const O=require("@ant-design/icons"),U=require("antd"),s=require("react"),he=require("../../locale/index.cjs.js"),I=require("../button/Button.cjs.js"),we=require("../../util/ImageUtil.cjs.js"),Ce=require("../../icons/FlipHIcon.cjs.js"),be=require("../../icons/FlipVIcon.cjs.js"),ve=U.Form.Item,Y="crud-component.image-picker.button-state";function Z(n){return new Promise((u,p)=>{const o=new FileReader;o.readAsDataURL(n),o.onload=()=>u(o.result),o.onerror=m=>p(m)})}const Se=({values:n=[],required:u,buttonType:p,label:o,name:m,onChange:f,aspectRatio:h,buttonTitle:w,hidePreview:C,buttonSize:g="large",showButtonText:x=!0,showOnlyIcon:E=!1,icon:k=t.jsx(O.UploadOutlined,{}),loading:F,maxCount:b=1,onAdd:a,onRemove:R,listType:q,..._})=>{const[te,re]=s.useState(""),[se,ne]=s.useState(""),[oe,A]=s.useState(!1),T=s.useRef(),l=s.useRef(null),[i,z]=s.useState([]),[j,P]=s.useState(),ie=s.useRef(),ae=()=>A(!1),ce=async e=>{!e.url&&!e.preview&&(e.preview=await Z(e.originFileObj)),ne(e.url||e.preview),A(!0),re(e.name)},[B,N]=s.useState(!1),D=e=>{var r;(r=l.current)==null||r.rotateImage(e?-90:90)},H=s.useCallback(e=>{var r;l.current&&((r=l.current)==null||r.flipImage(e==="h",e==="v"))},[]);s.useEffect(()=>{f==null||f(i[0],i)},[i,f]);const le=async()=>{var y;const e=(y=l.current)==null?void 0:y.getCanvas(),{type:r,size:c,name:v,uid:S}=T.current;N(!0),e==null||e.toBlob(async ge=>{const xe=Object.assign(new File([ge],v,{type:r}),{uid:S}),K=await we.resizeImage(xe),Q=await Z(K),X={url:Q,name:v,uid:S,type:r,size:c,thumbUrl:Q,originFileObj:K};if(a)try{N(!0),await a(X)}finally{N(!1)}z([X,...i]),N(!1)}),P(void 0)},ue=()=>{P(void 0),T.current=void 0},L=s.useCallback(e=>{const r=e;if(r){T.current=r;const c=new FileReader;c.addEventListener("load",()=>{var v;if(typeof c.result=="string"){P(c.result);const S=localStorage.getItem(Y),y=S?JSON.parse(S):void 0;y&&((v=l.current)==null||v.setState(y)),setTimeout(()=>{G(l.current)},100)}}),c.readAsDataURL(r)}},[]);s.useEffect(()=>{if(n!=null&&n.length||typeof n=="string"){const e=Array.isArray(n)?n.map(r=>[{uid:n,url:r}]):[{uid:n,url:n}];z(e)}},[n]);const{t:d}=he.useTranslationLib(),de=s.useMemo(()=>u?{required:u,validator:(e,r,c)=>{j||i!=null&&i.length?c():c(`${o??""} ${d("err.validation.required")}`)}}:void 0,[u,j,i==null?void 0:i.length,o,d]),V=w??d("message.uploadButtonText"),J=s.useMemo(()=>t.jsx(ee,{showLoadingIndicator:B,_buttonTitle:V,buttonSize:g,buttonType:p,fileList:i,hidePreview:C,icon:k,loading:F,listType:q,maxCount:b,onChangeFile:L,onRemove:R,showButtonText:x,handlePreview:ce,setFileList:z}),[B,V,g,p,i,C,k,F,q,b,L,R,x]);ie.current=J.props.beforeUpload;const[pe,W]=s.useState(0),[me,$]=s.useState(0),[M,fe]=s.useState();s.useEffect(()=>{const e=setTimeout(()=>{M&&localStorage.setItem(Y,JSON.stringify(M))},400);return()=>clearTimeout(e)},[M]),s.useEffect(()=>{if(!j){W(0),$(0);const e=setTimeout(()=>{var r;(r=l.current)==null||r.reset()},1500);return()=>clearTimeout(e)}},[j]);const G=s.useCallback(async e=>{if(e){const r=e.getCoordinates();fe(e.getState()),W((r==null?void 0:r.width)??10),$((r==null?void 0:r.height)??10)}},[]);return t.jsxs(t.Fragment,{children:[t.jsx(ve,{label:o,..._,name:m,className:"mb-0",rules:[de,..._.rules??[]],children:J}),t.jsxs(U.Modal,{open:!!j,maskClosable:!1,onOk:le,closable:!1,onCancel:ue,destroyOnHidden:!0,children:[t.jsx(je.Cropper,{ref:l,stencilProps:{grid:!0},style:{border:"1px solid black"},src:j,onChange:e=>{G(e)},aspectRatio:h?{minimum:h,maximum:h}:void 0}),t.jsx("p",{className:"text-center",children:[pe,me].join(" ⨉ ")}),t.jsx("div",{className:"mt-2 d-flex justify-content-center",children:t.jsxs(U.Space.Compact,{children:[t.jsx(I,{size:"large",tooltip:d("str.rotateLeft"),icon:t.jsx(O.RotateLeftOutlined,{}),onClick:()=>D(!0)}),t.jsx(I,{size:"large",icon:t.jsx(O.RotateRightOutlined,{}),tooltip:d("str.rotateRight"),onClick:()=>D(!1)}),t.jsx(I,{size:"large",icon:t.jsx(Ce,{}),tooltip:d("str.flipHorizontal"),onClick:()=>H("h")}),t.jsx(I,{size:"large",icon:t.jsx(be,{}),tooltip:d("str.flipVertical"),onClick:()=>H("v")})]})})]}),t.jsx(U.Modal,{open:oe,title:te,footer:null,onCancel:ae,children:t.jsx("div",{className:"text-center",children:t.jsx("img",{alt:"example",style:{maxWidth:"400px"},src:se})})})]})},ee=({_buttonTitle:n,buttonSize:u,buttonType:p,fileList:o,hidePreview:m,icon:f,loading:h,maxCount:w,onChangeFile:C,onRemove:g,showButtonText:x,handlePreview:E,setFileList:k,showLoadingIndicator:F,listType:b="picture"})=>t.jsxs(U.Upload,{accept:"image/x-png,image/gif,image/jpeg",fileList:o,defaultFileList:o,onChange:()=>{},className:(o.length>=w?" hide-upload ":"")+" mb-0",multiple:!1,onPreview:m?void 0:E,onDrop:a=>(C(a.dataTransfer.files.item(0)),!1),listType:b,showUploadList:!m,onRemove:a=>{const R=o.filter(q=>a.uid!==q.uid);g==null||g(a),k(R)},beforeUpload:async a=>(C(a),!1),maxCount:w,children:[F&&t.jsx(O.LoadingOutlined,{}),t.jsx("div",{className:"d-flex flex-column",children:o.length<w&&(b==="picture-circle"?t.jsx(O.UploadOutlined,{}):t.jsx(I,{loading:h,tooltip:x?void 0:n,size:u,icon:f,type:x?p:"text",children:x?n:void 0}))})]},o.length);exports.UploadComponent=ee;exports.default=Se;

package/dist/common/picker/ImagePicker.es.js

@@ -4,7 +4,7 @@ import { Cropper as xe } from "react-advanced-cropper";
 /* empty css             */
 import { RotateLeftOutlined as Fe, RotateRightOutlined as Oe, UploadOutlined as ne, LoadingOutlined as Se } from "@ant-design/icons";
 import { Form as Ue, Modal as te, Space as ke, Upload as Re } from "antd";
-import H, { useRef as L, useState as w, useCallback as V, useEffect as j, useMemo as re } from "react";
+import D, { useRef as H, useState as w, useCallback as L, useEffect as j, useMemo as re } from "react";
 import { useTranslationLib as Ne } from "../../locale/index.es.js";
 import O from "../button/Button.es.js";
 import je from "../../util/ImageUtil.es.js";
@@ -29,21 +29,21 @@ const Ke = ({
   hidePreview: v,
   buttonSize: f = "large",
   showButtonText: g = !0,
-  showOnlyIcon: _ = !1,
+  showOnlyIcon: V = !1,
   icon: S = /* @__PURE__ */ r(ne, {}),
   loading: U,
   maxCount: y = 1,
   onAdd: s,
   onRemove: k,
   listType: R,
-  ...E
+  ..._
 }) => {
-  const [se, ae] = H.useState(""), [le, ce] = H.useState(""), [de, M] = H.useState(!1), T = L(), l = L(null), [n, P] = w([]), [h, B] = w(), me = L(), pe = () => M(!1), ue = async (e) => {
-    !e.url && !e.preview && (e.preview = await ie(e.originFileObj)), ce(e.url || e.preview), M(!0), ae(e.name);
-  }, [J, N] = w(!1), W = (e) => {
+  const [se, ae] = D.useState(""), [le, ce] = D.useState(""), [de, E] = D.useState(!1), T = H(), l = H(null), [n, P] = w([]), [h, B] = w(), me = H(), pe = () => E(!1), ue = async (e) => {
+    !e.url && !e.preview && (e.preview = await ie(e.originFileObj)), ce(e.url || e.preview), E(!0), ae(e.name);
+  }, [M, N] = w(!1), J = (e) => {
     var t;
     (t = l.current) == null || t.rotateImage(e ? -90 : 90);
-  }, $ = V((e) => {
+  }, W = L((e) => {
     var t;
     l.current && ((t = l.current) == null || t.flipImage(e === "h", e === "v"));
   }, []);
@@ -56,16 +56,14 @@ const Ke = ({
     N(!0), e == null || e.toBlob(async (ve) => {
       const ye = Object.assign(new File([ve], I, { type: t }), {
         uid: x
-      }), q = await je.resizeImage(ye), D = await ie(q);
-      console.log({ url: D });
-      const ee = {
-        url: D,
+      }), Z = await je.resizeImage(ye), q = await ie(Z), ee = {
+        url: q,
         name: I,
         uid: x,
         type: t,
         size: a,
-        thumbUrl: D,
-        originFileObj: q
+        thumbUrl: q,
+        originFileObj: Z
       };
       if (s)
         try {
@@ -77,7 +75,7 @@ const Ke = ({
     }), B(void 0);
   }, ge = () => {
     B(void 0), T.current = void 0;
-  }, G = V((e) => {
+  }, $ = L((e) => {
     const t = e;
     if (t) {
       T.current = t;
@@ -88,7 +86,7 @@ const Ke = ({
           B(a.result);
           const x = localStorage.getItem(oe), F = x ? JSON.parse(x) : void 0;
           F && ((I = l.current) == null || I.setState(F)), setTimeout(() => {
-            Z(l.current);
+            Y(l.current);
           }, 100);
         }
       }), a.readAsDataURL(t);
@@ -108,12 +106,12 @@ const Ke = ({
       }
     } : void 0,
     [c, h, n == null ? void 0 : n.length, i, d]
-  ), K = b ?? d("message.uploadButtonText"), Q = re(
+  ), G = b ?? d("message.uploadButtonText"), K = re(
     () => /* @__PURE__ */ r(
       Be,
       {
-        showLoadingIndicator: J,
-        _buttonTitle: K,
+        showLoadingIndicator: M,
+        _buttonTitle: G,
         buttonSize: f,
         buttonType: m,
         fileList: n,
@@ -122,7 +120,7 @@ const Ke = ({
         loading: U,
         listType: R,
         maxCount: y,
-        onChangeFile: G,
+        onChangeFile: $,
         onRemove: k,
         showButtonText: g,
         handlePreview: ue,
@@ -130,8 +128,8 @@ const Ke = ({
       }
     ),
     [
-      J,
-      K,
+      M,
+      G,
       f,
       m,
       n,
@@ -140,13 +138,13 @@ const Ke = ({
       U,
       R,
       y,
-      G,
+      $,
       k,
       g
     ]
   );
-  me.current = Q.props.beforeUpload;
-  const [we, X] = w(0), [Ce, Y] = w(0), [A, be] = w();
+  me.current = K.props.beforeUpload;
+  const [we, Q] = w(0), [Ce, X] = w(0), [A, be] = w();
   j(() => {
     const e = setTimeout(() => {
       A && localStorage.setItem(oe, JSON.stringify(A));
@@ -154,7 +152,7 @@ const Ke = ({
     return () => clearTimeout(e);
   }, [A]), j(() => {
     if (!h) {
-      X(0), Y(0);
+      Q(0), X(0);
       const e = setTimeout(() => {
         var t;
         (t = l.current) == null || t.reset();
@@ -162,10 +160,10 @@ const Ke = ({
       return () => clearTimeout(e);
     }
   }, [h]);
-  const Z = V(async (e) => {
+  const Y = L(async (e) => {
     if (e) {
       const t = e.getCoordinates();
-      be(e.getState()), X((t == null ? void 0 : t.width) ?? 10), Y((t == null ? void 0 : t.height) ?? 10);
+      be(e.getState()), Q((t == null ? void 0 : t.width) ?? 10), X((t == null ? void 0 : t.height) ?? 10);
     }
   }, []);
   return /* @__PURE__ */ z(Ie, { children: [
@@ -173,11 +171,11 @@ const Ke = ({
       Pe,
       {
         label: i,
-        ...E,
+        ..._,
         name: p,
         className: "mb-0",
-        rules: [he, ...E.rules ?? []],
-        children: Q
+        rules: [he, ..._.rules ?? []],
+        children: K
       }
     ),
     /* @__PURE__ */ z(
@@ -200,7 +198,7 @@ const Ke = ({
               style: { border: "1px solid black" },
               src: h,
               onChange: (e) => {
-                Z(e);
+                Y(e);
               },
               aspectRatio: C ? {
                 minimum: C,
@@ -216,7 +214,7 @@ const Ke = ({
                 size: "large",
                 tooltip: d("str.rotateLeft"),
                 icon: /* @__PURE__ */ r(Fe, {}),
-                onClick: () => W(!0)
+                onClick: () => J(!0)
               }
             ),
             /* @__PURE__ */ r(
@@ -225,7 +223,7 @@ const Ke = ({
                 size: "large",
                 icon: /* @__PURE__ */ r(Oe, {}),
                 tooltip: d("str.rotateRight"),
-                onClick: () => W(!1)
+                onClick: () => J(!1)
               }
             ),
             /* @__PURE__ */ r(
@@ -234,7 +232,7 @@ const Ke = ({
                 size: "large",
                 icon: /* @__PURE__ */ r(ze, {}),
                 tooltip: d("str.flipHorizontal"),
-                onClick: () => $("h")
+                onClick: () => W("h")
               }
             ),
             /* @__PURE__ */ r(
@@ -243,7 +241,7 @@ const Ke = ({
                 size: "large",
                 icon: /* @__PURE__ */ r(Te, {}),
                 tooltip: d("str.flipVertical"),
-                onClick: () => $("v")
+                onClick: () => W("v")
               }
             )
           ] }) })
@@ -273,7 +271,7 @@ const Ke = ({
   onChangeFile: v,
   onRemove: f,
   showButtonText: g,
-  handlePreview: _,
+  handlePreview: V,
   setFileList: S,
   showLoadingIndicator: U,
   listType: y = "picture"
@@ -287,7 +285,7 @@ const Ke = ({
     },
     className: (i.length >= b ? " hide-upload " : "") + " mb-0",
     multiple: !1,
-    onPreview: p ? void 0 : _,
+    onPreview: p ? void 0 : V,
     onDrop: (s) => (v(s.dataTransfer.files.item(0)), !1),
     listType: y,
     showUploadList: !p,

package/dist/crud/CrudFormWizard.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("@ant-design/icons"),u=require("antd"),F=require("react"),y=require("../locale/index.cjs.js"),R=require("./CrudForm.cjs.js"),S=require("../common/wizard/WizardViewForm.cjs.js"),b=require("../util/CrudUtil.cjs.js"),C=require("../common/button/Button.cjs.js");function v({fields:d,className:m,onDeleteFile:h,onUploadFile:i,purpose:l,wizard:r=[],updatingValue:f,onSave:x,submitting:g}){const c=F.useMemo(()=>r.map(n=>{let t=!0;const o=d.filter(s=>n.fields.includes(b.getRealName(s.name)));return o.forEach(s=>t&&(t=s.hidden??!1)),{...n,hidden:t,fieldThatShouldShowing:o}}),[d,r]),a=F.useMemo(()=>c.filter(n=>!n.hidden),[c]);return e.jsx(S,{onSubmit:(n,t)=>{console.log(t),x(t)},className:m,pages:a.map(({title:n,icon:t,fieldThatShouldShowing:o,hidden:s},q)=>({title:n,icon:t,hidden:s,component:k=>e.jsx(N,{fields:o,onDeleteFile:h,onUploadFile:i,purpose:l,i:q,updatingValue:f,backward:k.backward,forward:k.forward,wizard:a,submitting:g},q)}))})}function N({fields:d,onDeleteFile:m,onUploadFile:h,purpose:i,wizard:l=[],i:r,forward:f,backward:x,submitting:g,updatingValue:c}){const a=l[r],{t:n}=y.useTranslationLib(),[t]=u.Form.useForm();return F.useEffect(()=>{if(c&&(i==="update"||i==="clone")){const o={};for(const s of d)o[b.getRealName(s.name,"upsertFieldName")]=c[b.getRealName(s.name,"upsertFieldName")];t.setFieldsValue(o)}},[d,t,i,c]),e.jsxs(u.Form,{name:String(r),form:t,layout:"vertical",children:[e.jsx(R.CrudFormFields,{fields:d,formBuilder:a.formBuilder,grid:a.grid,onDeleteFile:m,onUploadFile:h,purpose:i}),e.jsx(u.Divider,{}),e.jsxs(u.Row,{gutter:[8,8],children:[r>0&&e.jsx(u.Col,{md:12,children:e.jsx(C,{block:!0,icon:e.jsx(j.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>x(),children:n("str.back")})}),e.jsx(u.Col,{md:r>0?12:24,children:e.jsx(C,{block:!0,icon:l.length-1===r?e.jsx(j.SaveOutlined,{}):e.jsx(j.RightOutlined,{}),htmlType:"submit",type:"primary",loading:g,size:"large",onClick:()=>{t.validateFields().then(o=>{f(o,l.length-1===r,l.length-1===r)})},children:l.length-1===r?n("str."+(i==="update"?"update":"save")):n("str.next")})})]})]})}module.exports=v;
+"use strict";const e=require("react/jsx-runtime"),j=require("@ant-design/icons"),u=require("antd"),F=require("react"),y=require("../locale/index.cjs.js"),R=require("./CrudForm.cjs.js"),S=require("../common/wizard/WizardViewForm.cjs.js"),b=require("../util/CrudUtil.cjs.js"),C=require("../common/button/Button.cjs.js");function v({fields:d,className:m,onDeleteFile:h,onUploadFile:s,purpose:l,wizard:t=[],updatingValue:f,onSave:x,submitting:g}){const c=F.useMemo(()=>t.map(r=>{let n=!0;const o=d.filter(i=>r.fields.includes(b.getRealName(i.name)));return o.forEach(i=>n&&(n=i.hidden??!1)),{...r,hidden:n,fieldThatShouldShowing:o}}),[d,t]),a=F.useMemo(()=>c.filter(r=>!r.hidden),[c]);return e.jsx(S,{onSubmit:(r,n)=>{x(n)},className:m,pages:a.map(({title:r,icon:n,fieldThatShouldShowing:o,hidden:i},q)=>({title:r,icon:n,hidden:i,component:k=>e.jsx(N,{fields:o,onDeleteFile:h,onUploadFile:s,purpose:l,i:q,updatingValue:f,backward:k.backward,forward:k.forward,wizard:a,submitting:g},q)}))})}function N({fields:d,onDeleteFile:m,onUploadFile:h,purpose:s,wizard:l=[],i:t,forward:f,backward:x,submitting:g,updatingValue:c}){const a=l[t],{t:r}=y.useTranslationLib(),[n]=u.Form.useForm();return F.useEffect(()=>{if(c&&(s==="update"||s==="clone")){const o={};for(const i of d)o[b.getRealName(i.name,"upsertFieldName")]=c[b.getRealName(i.name,"upsertFieldName")];n.setFieldsValue(o)}},[d,n,s,c]),e.jsxs(u.Form,{name:String(t),form:n,layout:"vertical",children:[e.jsx(R.CrudFormFields,{fields:d,formBuilder:a.formBuilder,grid:a.grid,onDeleteFile:m,onUploadFile:h,purpose:s}),e.jsx(u.Divider,{}),e.jsxs(u.Row,{gutter:[8,8],children:[t>0&&e.jsx(u.Col,{md:12,children:e.jsx(C,{block:!0,icon:e.jsx(j.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>x(),children:r("str.back")})}),e.jsx(u.Col,{md:t>0?12:24,children:e.jsx(C,{block:!0,icon:l.length-1===t?e.jsx(j.SaveOutlined,{}):e.jsx(j.RightOutlined,{}),htmlType:"submit",type:"primary",loading:g,size:"large",onClick:()=>{n.validateFields().then(o=>{f(o,l.length-1===t,l.length-1===t)})},children:l.length-1===t?r("str."+(s==="update"?"update":"save")):r("str.next")})})]})]})}module.exports=v;

package/dist/crud/CrudFormWizard.es.js

@@ -11,46 +11,46 @@ function H({
   fields: d,
   className: u,
   onDeleteFile: f,
-  onUploadFile: l,
-  purpose: m,
-  wizard: t = [],
+  onUploadFile: m,
+  purpose: l,
+  wizard: e = [],
   updatingValue: s,
   onSave: h,
   submitting: g
 }) {
-  const a = S(() => t.map((r) => {
-    let e = !0;
+  const a = S(() => e.map((t) => {
+    let r = !0;
     const n = d.filter(
-      (i) => r.fields.includes(p.getRealName(i.name))
+      (i) => t.fields.includes(p.getRealName(i.name))
     );
-    return n.forEach((i) => e && (e = i.hidden ?? !1)), {
-      ...r,
-      hidden: e,
+    return n.forEach((i) => r && (r = i.hidden ?? !1)), {
+      ...t,
+      hidden: r,
       fieldThatShouldShowing: n
     };
-  }), [d, t]), c = S(
-    () => a.filter((r) => !r.hidden),
+  }), [d, e]), c = S(
+    () => a.filter((t) => !t.hidden),
     [a]
   );
   return /* @__PURE__ */ o(
     B,
     {
-      onSubmit: (r, e) => {
-        console.log(e), h(e);
+      onSubmit: (t, r) => {
+        h(r);
       },
       className: u,
       pages: c.map(
-        ({ title: r, icon: e, fieldThatShouldShowing: n, hidden: i }, b) => ({
-          title: r,
-          icon: e,
+        ({ title: t, icon: r, fieldThatShouldShowing: n, hidden: i }, b) => ({
+          title: t,
+          icon: r,
           hidden: i,
           component: (F) => /* @__PURE__ */ o(
             O,
             {
               fields: n,
               onDeleteFile: f,
-              onUploadFile: l,
-              purpose: m,
+              onUploadFile: m,
+              purpose: l,
               i: b,
               updatingValue: s,
               backward: F.backward,
@@ -69,23 +69,23 @@ function O({
   fields: d,
   onDeleteFile: u,
   onUploadFile: f,
-  purpose: l,
-  wizard: m = [],
-  i: t,
+  purpose: m,
+  wizard: l = [],
+  i: e,
   forward: s,
   backward: h,
   submitting: g,
   updatingValue: a
 }) {
-  const c = m[t], { t: r } = j(), [e] = y.useForm();
+  const c = l[e], { t } = j(), [r] = y.useForm();
   return W(() => {
-    if (a && (l === "update" || l === "clone")) {
+    if (a && (m === "update" || m === "clone")) {
       const n = {};
       for (const i of d)
         n[p.getRealName(i.name, "upsertFieldName")] = a[p.getRealName(i.name, "upsertFieldName")];
-      e.setFieldsValue(n);
+      r.setFieldsValue(n);
     }
-  }, [d, e, l, a]), /* @__PURE__ */ k(y, { name: String(t), form: e, layout: "vertical", children: [
+  }, [d, r, m, a]), /* @__PURE__ */ k(y, { name: String(e), form: r, layout: "vertical", children: [
     /* @__PURE__ */ o(
       z,
       {
@@ -94,12 +94,12 @@ function O({
         grid: c.grid,
         onDeleteFile: u,
         onUploadFile: f,
-        purpose: l
+        purpose: m
       }
     ),
     /* @__PURE__ */ o(x, {}),
     /* @__PURE__ */ k(T, { gutter: [8, 8], children: [
-      t > 0 && /* @__PURE__ */ o(C, { md: 12, children: /* @__PURE__ */ o(
+      e > 0 && /* @__PURE__ */ o(C, { md: 12, children: /* @__PURE__ */ o(
         v,
         {
           block: !0,
@@ -108,28 +108,28 @@ function O({
           type: "default",
           size: "large",
           onClick: () => h(),
-          children: r("str.back")
+          children: t("str.back")
         }
       ) }),
-      /* @__PURE__ */ o(C, { md: t > 0 ? 12 : 24, children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(C, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ o(
         v,
         {
           block: !0,
-          icon: m.length - 1 === t ? /* @__PURE__ */ o(R, {}) : /* @__PURE__ */ o(w, {}),
+          icon: l.length - 1 === e ? /* @__PURE__ */ o(R, {}) : /* @__PURE__ */ o(w, {}),
           htmlType: "submit",
           type: "primary",
           loading: g,
           size: "large",
           onClick: () => {
-            e.validateFields().then((n) => {
+            r.validateFields().then((n) => {
               s(
                 n,
-                m.length - 1 === t,
-                m.length - 1 === t
+                l.length - 1 === e,
+                l.length - 1 === e
               );
             });
           },
-          children: m.length - 1 === t ? r("str." + (l === "update" ? "update" : "save")) : r("str.next")
+          children: l.length - 1 === e ? t("str." + (m === "update" ? "update" : "save")) : t("str.next")
         }
       ) })
     ] })

package/dist/crud/CrudReportComponent.cjs.js

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