@kingteza/crud-component 1.0.9 → 1.0.11

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

@@ -1,66 +1,63 @@
 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 { Form as g, Divider as y, Row as C, Col as b } from "antd";
+import { useMemo as F, useEffect as S } from "react";
+import { TRANSLATION_NAMESPACE as R } from "../../locale/hooks/translation-constants.js";
+import { CrudFormFields as T } from "./CrudForm.js";
+import k from "../common/button/Button.js";
+import E from "../common/wizard/WizardViewForm.js";
+import { useTranslation as v } from "../../../node_modules/react-i18next/dist/es/useTranslation.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({
+function G({
   fields: l,
-  className: c,
-  onDeleteFile: a,
+  className: a,
+  onDeleteFile: f,
   onUploadFile: i,
   purpose: s,
-  wizard: t = [],
+  wizard: e = [],
   updatingValue: u,
   onSave: h,
   submitting: x
 }) {
-  const d = g(() => t.map((e) => {
-    let o = !0;
+  const d = F(() => e.map((o) => {
+    let t = !0;
     const n = l.filter(
-      (m) => e.fields.includes(m.name)
+      (m) => o.fields.includes(m.name)
     );
-    return n.forEach((m) => o && (o = m.hidden ?? !1)), {
-      ...e,
-      hidden: o,
+    return n.forEach((m) => t && (t = m.hidden ?? !1)), {
+      ...o,
+      hidden: t,
       fieldThatShouldShowing: n
     };
-  }), [l, t]), f = g(
-    () => d.filter((e) => !e.hidden),
+  }), [l, e]), c = F(
+    () => d.filter((o) => !o.hidden),
     [d]
   );
   return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
-    T,
+    E,
     {
-      onSubmit: (e, o) => {
-        console.log(o), h(o);
+      onSubmit: (o, t) => {
+        console.log(t), h(t);
       },
-      className: c,
-      pages: f.map(
-        ({ title: e, icon: o, fieldThatShouldShowing: n, hidden: m }, j) => ({
-          title: e,
-          icon: o,
+      className: a,
+      pages: c.map(
+        ({ title: o, icon: t, fieldThatShouldShowing: n, hidden: m }, j) => ({
+          title: o,
+          icon: t,
           hidden: m,
           component: (p) => /* @__PURE__ */ r.jsx(
             W,
             {
               fields: n,
-              onDeleteFile: a,
+              onDeleteFile: f,
               onUploadFile: i,
               purpose: s,
               i: j,
               updatingValue: u,
               backward: p.backward,
               forward: p.forward,
-              wizard: f,
+              wizard: c,
               submitting: x
             },
             j
@@ -72,40 +69,40 @@ function K({
 }
 function W({
   fields: l,
-  onDeleteFile: c,
-  onUploadFile: a,
+  onDeleteFile: a,
+  onUploadFile: f,
   purpose: i,
   wizard: s = [],
-  i: t,
+  i: e,
   forward: u,
   backward: h,
   submitting: x,
   updatingValue: d
 }) {
-  const f = s[t], { t: e } = C(S), [o] = F.useForm();
-  return y(() => {
+  const c = s[e], { t: o } = v(R), [t] = g.useForm();
+  return S(() => {
     if (d && (i === "update" || i === "clone")) {
       const n = {};
       for (const m of l)
         n[m.name] = d[m.name];
-      o.setFieldsValue(n);
+      t.setFieldsValue(n);
     }
-  }, [l, o, i, d]), /* @__PURE__ */ r.jsxs(F, { name: String(t), form: o, layout: "vertical", children: [
+  }, [l, t, i, d]), /* @__PURE__ */ r.jsxs(g, { name: String(e), form: t, layout: "vertical", children: [
     /* @__PURE__ */ r.jsx(
-      R,
+      T,
       {
         fields: l,
-        formBuilder: f.formBuilder,
-        grid: f.grid,
-        onDeleteFile: c,
-        onUploadFile: a,
+        formBuilder: c.formBuilder,
+        grid: c.grid,
+        onDeleteFile: a,
+        onUploadFile: f,
         purpose: i
       }
     ),
-    /* @__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,
+    /* @__PURE__ */ r.jsx(y, {}),
+    /* @__PURE__ */ r.jsxs(C, { gutter: [8, 8], children: [
+      e > 0 && /* @__PURE__ */ r.jsx(b, { md: 12, children: /* @__PURE__ */ r.jsx(
+        k,
         {
           block: !0,
           icon: /* @__PURE__ */ r.jsx(w, {}),
@@ -113,33 +110,33 @@ function W({
           type: "default",
           size: "large",
           onClick: () => h(),
-          children: e("str.back")
+          children: o("str.back")
         }
       ) }),
-      /* @__PURE__ */ r.jsx(k, { md: t > 0 ? 12 : 24, children: /* @__PURE__ */ r.jsx(
-        b,
+      /* @__PURE__ */ r.jsx(b, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ r.jsx(
+        k,
         {
           block: !0,
-          icon: s.length - 1 === t ? /* @__PURE__ */ r.jsx(A, {}) : /* @__PURE__ */ r.jsx(I, {}),
+          icon: s.length - 1 === e ? /* @__PURE__ */ r.jsx(A, {}) : /* @__PURE__ */ r.jsx(I, {}),
           htmlType: "submit",
           type: "primary",
           loading: x,
           size: "large",
           onClick: () => {
-            o.validateFields().then((n) => {
+            t.validateFields().then((n) => {
               u(
                 n,
-                s.length - 1 === t,
-                s.length - 1 === t
+                s.length - 1 === e,
+                s.length - 1 === e
               );
             });
           },
-          children: s.length - 1 === t ? e("str." + (i === "update" ? "update" : "save")) : e("str.next")
+          children: s.length - 1 === e ? o("str." + (i === "update" ? "update" : "save")) : o("str.next")
         }
       ) })
     ] })
   ] });
 }
 export {
-  K as default
+  G 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"),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"}
+"use strict";const t=require("../../../_virtual/jsx-runtime.cjs"),r=require("antd"),a=require("react"),y=require("./CrudField.cjs"),H=require("./view/CrudViewer.cjs"),I=require("../common/button/Button.cjs"),J=require("../common/button/PrintButton.cjs"),K=require("../common/report/SelectFieldInReport.cjs"),M=require("../common/select/SelectComponent.cjs"),v=require("./view/CrudViewerUtil.cjs"),Q=require("../../../node_modules/@ant-design/icons/es/icons/FileExcelOutlined.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:p,onSubmit:S,paginateProps:L,size:G,onClickPrint:f,onClickExcelExport:R,minusHeight:O,extraSearchFields:g,searchOnMount:E,summary:U}){const{searchable:_,selectable:m,sortable:B,defaultSort:c}=a.useMemo(()=>{var j,x,C,N,T;const e=[],s=[],l=[];let n;for(const o of u.filter(D=>!D.hidden))o.type==="image"||!o.report||((j=o.report)!=null&&j.searchable&&e.push(o),(x=o.report)!=null&&x.sortable&&(s.push(o),!n&&((C=o.report)!=null&&C.defaultSort)&&(n=o)),o.hideInTable||l.push({id:o.name,label:o.label,lock:(N=o.report)==null?void 0:N.lock,alreadySelected:(T=o.report)==null?void 0:T.alreadySelected}));return{defaultSort:n,searchable:e,sortable:s,selectable:l}},[u]),[b,F]=a.useState([]),h=a.useCallback(async({sortBy:e,sortByType:s,showFields:l=[],...n})=>{const j=[];e&&j.push({field:e,sort:s??"DESC"}),F(u.filter(x=>l.includes(x.name)).map(x=>({...x,hideInTable:!1}))),S({showFields:l,sortBy:j,...n})},[u,S]),[i]=r.Form.useForm(),[w,$]=a.useState(!1),[q,z]=a.useState(!0);return a.useEffect(()=>{if(E&&q){const e=setTimeout(()=>{i.validateFields().then(s=>{h(s)}),z(!1)},200);return()=>clearTimeout(e)}},[h,i,q,E]),a.useEffect(()=>{var s,l,n;!i.getFieldValue("sortBy")&&c&&(console.log((s=c.report)==null?void 0:s.defaultSort),i.setFieldsValue({sortBy:c.name,sortByType:typeof((l=c.report)==null?void 0:l.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}))),$(!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:[_.map(e=>{var s,l,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:(l=e.report)==null?void 0:l.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(M,{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(I,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:p,children:"Submit"})]}),t.jsxRuntimeExports.jsxs(r.Space,{children:[!!f&&t.jsxRuntimeExports.jsx(J.PrintButton,{disabled:p||!d.length,onClick:()=>f==null?void 0:f({tableId:"#crud-table table",data:d,fields:b.map(e=>({...e,render:v.getRendererValueCrudViewer(e)}))})}),!!R&&t.jsxRuntimeExports.jsx(I,{disabled:p||!d.length,onClick:()=>R==null?void 0:R({tableId:"#crud-table table",data:d,fields:b.map(e=>({...e,render:v.getRendererValueCrudViewer(e)}))}),icon:t.jsxRuntimeExports.jsx(Q,{}),className:`group
+                ${p||!d.length?"":"!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
                 
-              `,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;
+              `,children:"Excel"})]}),U,t.jsxRuntimeExports.jsx(H,{minusHeight:O,data:d,size:G,fields:b,idField:A,loadingData:p,paginateProps:L,viewable:!1})]})})}module.exports=X;

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

@@ -1,24 +1,20 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { useMemo as X, useState as j, useCallback as Y, useEffect as S } from "react";
-import x from "./CrudField.js";
+import { Form as j, Space as L, Row as G, Col as f, Radio as S } from "antd";
+import { useMemo as X, useState as x, useCallback as Y, useEffect as B } from "react";
+import R from "./CrudField.js";
 import Z from "./view/CrudViewer.js";
-import L from "../common/button/Button.js";
+import _ from "../common/button/Button.js";
 import { PrintButton as k } from "../common/button/PrintButton.js";
 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 { getRendererValueCrudViewer as $ } from "./view/CrudViewerUtil.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({
+function pe({
   fields: n,
-  data: i,
+  data: d,
   idField: D,
-  loadingData: p,
+  loadingData: c,
   onSubmit: w,
   paginateProps: H,
   size: J,
@@ -29,12 +25,12 @@ function ye({
   searchOnMount: N,
   summary: M
 }) {
-  const { searchable: O, selectable: d, sortable: T, defaultSort: m } = X(() => {
-    var c, u, V, q, A;
+  const { searchable: O, selectable: i, sortable: T, defaultSort: m } = X(() => {
+    var p, u, V, q, A;
     const e = [], t = [], l = [];
     let o;
     for (const s of n.filter((W) => !W.hidden))
-      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({
+      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({
         id: s.name,
         label: s.label,
         lock: (q = s.report) == null ? void 0 : q.lock,
@@ -46,7 +42,7 @@ function ye({
       sortable: t,
       selectable: l
     };
-  }, [n]), [y, I] = j(
+  }, [n]), [y, I] = x(
     []
   ), g = Y(
     async ({
@@ -55,17 +51,17 @@ function ye({
       showFields: l = [],
       ...o
     }) => {
-      const c = [];
-      e && c.push({
+      const p = [];
+      e && p.push({
         field: e,
         sort: t ?? "DESC"
       }), I(
         n.filter((u) => l.includes(u.name)).map((u) => ({ ...u, hideInTable: !1 }))
-      ), w({ showFields: l, sortBy: c, ...o });
+      ), w({ showFields: l, sortBy: p, ...o });
     },
     [n, w]
-  ), [a] = B.useForm(), [v, Q] = j(!1), [C, U] = j(!0);
-  return S(() => {
+  ), [a] = j.useForm(), [v, Q] = x(!1), [C, U] = x(!0);
+  return B(() => {
     if (N && C) {
       const e = setTimeout(() => {
         a.validateFields().then((t) => {
@@ -74,22 +70,22 @@ function ye({
       }, 200);
       return () => clearTimeout(e);
     }
-  }, [g, a, C, N]), S(() => {
+  }, [g, a, C, N]), B(() => {
     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]), S(() => {
+  }, [m, a]), B(() => {
     if (v) {
-      const e = d.filter((t) => t.alreadySelected).map((t) => t.id);
+      const e = i.filter((t) => t.alreadySelected).map((t) => t.id);
       I(
         n.filter((t) => e.includes(t.name)).map((t) => ({ ...t, hideInTable: !1 }))
       ), Q(!1);
     }
-  }, [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: [
+  }, [n, v, i]), /* @__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: [
         O.map((e) => {
           var t, l, o;
           return /* @__PURE__ */ r.jsx(
@@ -98,7 +94,7 @@ function ye({
               ...e.grid ?? z,
               style: { alignSelf: "end" },
               children: (t = e.report) != null && t.customRender ? e.report.customRender(a) : e.type === "date" ? /* @__PURE__ */ r.jsx(
-                x,
+                R,
                 {
                   ...e,
                   type: "date",
@@ -108,7 +104,7 @@ function ye({
                   fieldClassName: "mb-0"
                 }
               ) : e.type === "select" ? /* @__PURE__ */ r.jsx(
-                x,
+                R,
                 {
                   ...e,
                   type: "select",
@@ -118,7 +114,7 @@ function ye({
                   fieldClassName: "mb-0"
                 }
               ) : /* @__PURE__ */ r.jsx(
-                x,
+                R,
                 {
                   ...e,
                   readonly: !1,
@@ -130,10 +126,10 @@ function ye({
             e.name
           );
         }),
-        !!(d != null && d.length) && /* @__PURE__ */ r.jsx(f, { ...re, children: /* @__PURE__ */ r.jsx(
+        !!(i != null && i.length) && /* @__PURE__ */ r.jsx(f, { ...re, children: /* @__PURE__ */ r.jsx(
           E,
           {
-            items: d,
+            items: i,
             name: "showFields",
             mode: "multiple",
             label: "Show Fields",
@@ -151,15 +147,15 @@ function ye({
             className: "mb-0",
             dropdownRender: (e) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
               e,
-              /* @__PURE__ */ r.jsx(B.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ r.jsx(
-                R.Group,
+              /* @__PURE__ */ r.jsx(j.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ r.jsx(
+                S.Group,
                 {
                   className: "w-100",
                   defaultValue: "DESC",
                   optionType: "button",
-                  children: /* @__PURE__ */ r.jsxs($, { children: [
+                  children: /* @__PURE__ */ r.jsxs(G, { children: [
                     /* @__PURE__ */ r.jsx(f, { xs: 12, children: /* @__PURE__ */ r.jsx(
-                      R,
+                      S,
                       {
                         className: "w-100",
                         style: {
@@ -171,7 +167,7 @@ function ye({
                       }
                     ) }),
                     /* @__PURE__ */ r.jsx(f, { xs: 12, children: /* @__PURE__ */ r.jsx(
-                      R,
+                      S,
                       {
                         className: "w-100",
                         style: {
@@ -191,47 +187,47 @@ function ye({
         F ? F(a) : null
       ] }),
       /* @__PURE__ */ r.jsx(
-        L,
+        _,
         {
           className: "mt-3",
           type: "primary",
           block: !0,
           htmlType: "submit",
-          disabled: p,
+          disabled: c,
           children: "Submit"
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsxs(_, { children: [
+    /* @__PURE__ */ r.jsxs(L, { children: [
       !!b && /* @__PURE__ */ r.jsx(
         k,
         {
-          disabled: p || !i.length,
+          disabled: c || !d.length,
           onClick: () => b == null ? void 0 : b({
             tableId: "#crud-table table",
-            data: i,
+            data: d,
             fields: y.map((e) => ({
               ...e,
-              render: G(e)
+              render: $(e)
             }))
           })
         }
       ),
       !!h && /* @__PURE__ */ r.jsx(
-        L,
+        _,
         {
-          disabled: p || !i.length,
+          disabled: c || !d.length,
           onClick: () => h == null ? void 0 : h({
             tableId: "#crud-table table",
-            data: i,
+            data: d,
             fields: y.map((e) => ({
               ...e,
-              render: G(e)
+              render: $(e)
             }))
           }),
           icon: /* @__PURE__ */ r.jsx(ee, {}),
           className: `group
-                ${p || !i.length ? "" : "!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
+                ${c || !d.length ? "" : "!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
                 
               `,
           children: "Excel"
@@ -243,11 +239,11 @@ function ye({
       Z,
       {
         minusHeight: K,
-        data: i,
+        data: d,
         size: J,
         fields: y,
         idField: D,
-        loadingData: p,
+        loadingData: c,
         paginateProps: H,
         viewable: !1
       }
@@ -255,5 +251,5 @@ function ye({
   ] }) });
 }
 export {
-  ye as default
+  pe 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"),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;
+"use strict";const e=require("../../../_virtual/jsx-runtime.cjs"),o=require("react"),i=require("antd"),y=require("./CrudField.cjs"),q=require("../common/button/Button.cjs"),w=require("../../../node_modules/@ant-design/icons/es/icons/SearchOutlined.cjs");function M({searchFields:t=[],fields:m,searchOnChange:j,onSearch:x,searchDefaultValues:b,searchFieldsCustomColumnProps:g}){const R=o.useMemo(()=>t.map(n=>typeof n=="string"?{...m.find(E=>n===E.name),required:!1}:{...m.find(l=>(n==null?void 0:n.name)===l.name),...n}).filter(n=>n&&!(n!=null&&n.hidden)),[t,m]),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]),d=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(),r=o.useCallback(async n=>{if((n||j)&&x){const f=await u.validateFields();x(f)}},[u,x,j]);return o.useEffect(()=>{b&&(u.setFieldsValue(b),r(!0))},[u,b]),t!=null&&t.length?e.jsxRuntimeExports.jsx(i.Form,{form:u,onFinish:()=>r(!0),layout:"vertical",className:"mb-2",onChange:()=>r(!1),children:e.jsxRuntimeExports.jsxs(i.Row,{gutter:[4,8],className:"w-100",children:[R.map((n,f)=>{const l=(g==null?void 0:g[f])??{md:p.field,sm:d.field,xs:s.field};return o.createElement(i.Col,{...l,key:`search_field_${String(n.name)}`,className:"align-self-end"},e.jsxRuntimeExports.jsx(y.default,{...n,readonly:!1,fieldClassName:"mb-0"}))}),e.jsxRuntimeExports.jsx(i.Col,{md:p.button,sm:d.button,xs:s.button,style:{alignSelf:"end"},children:e.jsxRuntimeExports.jsx(q,{type:"primary",htmlType:"submit",block:!0,icon:e.jsxRuntimeExports.jsx(w,{})})})]})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}module.exports=M;

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

@@ -1,18 +1,16 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { useMemo as l, useCallback as E, useEffect as R, createElement as a } from "react";
-import v from "./CrudField.js";
-import _ from "../common/button/Button.js";
-import y from "../../../node_modules/antd/es/form/index.js";
-import w from "../../../node_modules/antd/es/grid/col.js";
-import q from "../../../node_modules/antd/es/grid/row.js";
+import { Form as y, Row as v, Col as w } from "antd";
+import _ from "./CrudField.js";
+import q from "../common/button/Button.js";
 import B from "../../../node_modules/@ant-design/icons/es/icons/SearchOutlined.js";
-function H({
+function A({
   searchFields: t = [],
   fields: e,
-  searchOnChange: p,
-  onSearch: i,
-  searchDefaultValues: b,
-  searchFieldsCustomColumnProps: g
+  searchOnChange: r,
+  onSearch: b,
+  searchDefaultValues: g,
+  searchFieldsCustomColumnProps: i
 }) {
   const N = l(
     () => t.map((n) => typeof n == "string" ? {
@@ -34,28 +32,28 @@ function H({
   ), j = l(
     () => 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]
-  ), [f] = y.useForm(), r = E(
+  ), [f] = y.useForm(), p = E(
     async (n) => {
-      if ((n || p) && i) {
+      if ((n || r) && b) {
         const m = await f.validateFields();
-        i(m);
+        b(m);
       }
     },
-    [f, i, p]
+    [f, b, r]
   );
   return R(() => {
-    b && (f.setFieldsValue(b), r(!0));
-  }, [f, b]), t != null && t.length ? /* @__PURE__ */ o.jsx(
+    g && (f.setFieldsValue(g), p(!0));
+  }, [f, g]), t != null && t.length ? /* @__PURE__ */ o.jsx(
     y,
     {
       form: f,
-      onFinish: () => r(!0),
+      onFinish: () => p(!0),
       layout: "vertical",
       className: "mb-2",
-      onChange: () => r(!1),
-      children: /* @__PURE__ */ o.jsxs(q, { gutter: [4, 8], className: "w-100", children: [
+      onChange: () => p(!1),
+      children: /* @__PURE__ */ o.jsxs(v, { gutter: [4, 8], className: "w-100", children: [
         N.map((n, m) => {
-          const u = (g == null ? void 0 : g[m]) ?? {
+          const u = (i == null ? void 0 : i[m]) ?? {
             md: x.field,
             sm: d.field,
             xs: j.field
@@ -67,7 +65,7 @@ function H({
               key: `search_field_${String(n.name)}`,
               className: "align-self-end"
             },
-            /* @__PURE__ */ o.jsx(v, { ...n, readonly: !1, fieldClassName: "mb-0" })
+            /* @__PURE__ */ o.jsx(_, { ...n, readonly: !1, fieldClassName: "mb-0" })
           );
         }),
         /* @__PURE__ */ o.jsx(
@@ -78,7 +76,7 @@ function H({
             xs: j.button,
             style: { alignSelf: "end" },
             children: /* @__PURE__ */ o.jsx(
-              _,
+              q,
               {
                 type: "primary",
                 htmlType: "submit",
@@ -93,5 +91,5 @@ function H({
   ) : /* @__PURE__ */ o.jsx(o.Fragment, {});
 }
 export {
-  H as default
+  A as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../_virtual/jsx-runtime.cjs");;/* empty css            */const V=require("../../../node_modules/mime/dist/src/index.cjs"),i=require("react"),W=require("react-i18next"),B=require("../../locale/hooks/translation-constants.cjs"),H=require("../../util/ValidationUtil.cjs"),R=require("../common/button/Button.cjs"),z=require("../common/layout/VerticalSpace.cjs"),F=require("../../../node_modules/antd/es/form/index.cjs"),G=require("../../../node_modules/antd/es/upload/index.cjs"),J=require("../../../node_modules/@ant-design/icons/es/icons/FileOutlined.cjs"),K=require("../../../node_modules/@ant-design/icons/es/icons/FilePptOutlined.cjs"),Q=require("../../../node_modules/@ant-design/icons/es/icons/FileExcelOutlined.cjs"),X=require("../../../node_modules/@ant-design/icons/es/icons/FileTextOutlined.cjs"),Y=require("../../../node_modules/@ant-design/icons/es/icons/FileWordOutlined.cjs"),Z=require("../../../node_modules/@ant-design/icons/es/icons/FilePdfOutlined.cjs"),m=require("../../../node_modules/@ant-design/icons/es/icons/FileImageOutlined.cjs"),v=require("../../../node_modules/antd/es/modal/index.cjs"),y=require("../../../node_modules/@ant-design/icons/es/icons/ExportOutlined.cjs");function T({name:l,label:t,required:r,provider:s,onUploading:u,onRemoved:x,fieldClassName:j,accept:w,rules:$,maxCount:g=1,block:A,...D}){const d=F.default.useFormInstance(),f=F.default.useWatch(l,d),[q,C]=i.useState(!1),[P,N]=i.useState(!1),k=i.useCallback(async n=>{var a,o;try{const{file:c}=n,p=c.name;C(!0),N(!0),u==null||u(!0);const E=p??"",S=E.split("."),U=S[S.length-1],L=s.generateFileName(E),b=`${await s.getInitialPath()}/${L}.${U}`;console.log({filePath:b});const I=await s.upload({...c,originFileObj:c},b);u==null||u(!1),d.setFieldValue(l,I),(a=n.onSuccess)==null||a.call(n,I)}catch(c){(o=n.onError)==null||o.call(n,c)}finally{C(!1)}},[d,l,u,s]),[h,O]=i.useState([]);i.useEffect(()=>{!P&&f&&Promise.all((Array.isArray(f)?f:[f]).map(async n=>{const a=V.default.getType(n),o=n.split("/").pop(),c=await s.getRealUrl(n);return{uid:n,url:c,type:a,name:o}})).then(n=>O(()=>{const a=n.map(({url:o,type:c,uid:p,name:E})=>({uid:p,url:o,type:c,response:p,thumbUrl:o,name:E}));return console.log(a),a}))},[f,P,q,s]);const _=i.useCallback(async n=>{const a=n.response,o=a||d.getFieldValue(l);await s.delete(o),x==null||x(),n&&d.setFieldsValue({[l]:null})},[d,l,x,s]);return e.jsxRuntimeExports.jsxs(F.default.Item,{label:t,required:r,name:l,className:j,rules:[...r?H.default.required(t):[],...$??[]],children:[e.jsxRuntimeExports.jsx("input",{hidden:!0}),e.jsxRuntimeExports.jsx(G.default,{...D,fileList:h,className:((h==null?void 0:h.length)??0)>=g?"hide-upload":"",maxCount:g,customRequest:k,onRemove:_,listType:"picture",onChange:({fileList:n})=>{O(n)},style:A?{width:"100%"}:void 0,children:e.jsxRuntimeExports.jsx(R.default,{loading:q,children:"Upload File"})})]})}const tt=({provider:l,value:t})=>{const[r,s]=i.useState();return i.useEffect(()=>{t&&l.getRealUrl(t).then(u=>{s({mimeType:V.default.getType(t),url:u,fileName:t.split("/").pop()??t})})},[l,t]),r?e.jsxRuntimeExports.jsx(M,{fileName:r.fileName,url:r==null?void 0:r.url,mimeType:r==null?void 0:r.mimeType}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},M=({url:l,mimeType:t="",fileName:r})=>{const s=i.useMemo(()=>t!=null&&t.includes("image")?"image":t!=null&&t.includes("pdf")?"pdf":t!=null&&t.includes("word")?"word":t!=null&&t.includes("text")?"text":t!=null&&t.includes("presentation")?"presentation":t!=null&&t.includes("excel")||t!=null&&t.includes("spreadsheet")?"excel":"file",[t]),u=i.useMemo(()=>{switch(s){case"image":return e.jsxRuntimeExports.jsx(m.default,{});case"pdf":return e.jsxRuntimeExports.jsx(Z.default,{});case"word":return e.jsxRuntimeExports.jsx(Y.default,{});case"text":return e.jsxRuntimeExports.jsx(X.default,{});case"excel":return e.jsxRuntimeExports.jsx(Q.default,{});case"presentation":return e.jsxRuntimeExports.jsx(K.default,{});default:return e.jsxRuntimeExports.jsx(J.default,{})}},[s]),[x,j]=i.useState(!1),{t:w}=W.useTranslation(B.TRANSLATION_NAMESPACE);return s!=="file"&&s!=="text"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(v.default,{open:x,title:r,onCancel:()=>j(!1),footer:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnClose:!0,children:e.jsxRuntimeExports.jsxs(z.default,{children:[e.jsxRuntimeExports.jsx(R.default,{tooltip:r,icon:e.jsxRuntimeExports.jsx(y.default,{}),target:"_blank",href:l,style:{textDecoration:"none"},children:w("str.openInNewTab")}),s==="image"?e.jsxRuntimeExports.jsx("img",{src:l,alt:r,style:{width:"100%"}}):s==="pdf"?e.jsxRuntimeExports.jsxs("iframe",{title:r,src:l,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",e.jsxRuntimeExports.jsx("a",{href:l,children:"Download PDF"}),"."]}):e.jsxRuntimeExports.jsxs("iframe",{title:r,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(l)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",e.jsxRuntimeExports.jsxs("a",{href:l,children:["Download ",s.toUpperCase()]}),"."]})]})}),e.jsxRuntimeExports.jsx(R.default,{tooltip:r,icon:u,shape:"circle",onClick:()=>j(!0)})]}):e.jsxRuntimeExports.jsx(R.default,{tooltip:r,icon:u,target:"_blank",href:l,shape:"circle"})};exports.FileCellValue=M;exports.FileCrudCellValue=tt;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../_virtual/jsx-runtime.cjs");;/* empty css            */const f=require("antd"),I=require("../../../node_modules/mime/dist/src/index.cjs"),u=require("react"),W=require("../../locale/hooks/translation-constants.cjs"),B=require("../../util/ValidationUtil.cjs"),F=require("../common/button/Button.cjs"),H=require("../common/layout/VerticalSpace.cjs"),z=require("../../../node_modules/@ant-design/icons/es/icons/FileOutlined.cjs"),G=require("../../../node_modules/@ant-design/icons/es/icons/FilePptOutlined.cjs"),J=require("../../../node_modules/@ant-design/icons/es/icons/FileExcelOutlined.cjs"),K=require("../../../node_modules/@ant-design/icons/es/icons/FileTextOutlined.cjs"),Q=require("../../../node_modules/@ant-design/icons/es/icons/FileWordOutlined.cjs"),X=require("../../../node_modules/@ant-design/icons/es/icons/FilePdfOutlined.cjs"),Y=require("../../../node_modules/@ant-design/icons/es/icons/FileImageOutlined.cjs"),Z=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),m=require("../../../node_modules/@ant-design/icons/es/icons/ExportOutlined.cjs");function v({name:l,label:t,required:r,provider:s,onUploading:i,onRemoved:x,fieldClassName:h,accept:w,rules:A,maxCount:g=1,block:D,...N}){const d=f.Form.useFormInstance(),j=f.Form.useWatch(l,d),[q,C]=u.useState(!1),[P,k]=u.useState(!1),U=u.useCallback(async n=>{var o,a;try{const{file:c}=n,E=c.name;C(!0),k(!0),i==null||i(!0);const R=E??"",S=R.split("."),$=S[S.length-1],L=s.generateFileName(R),b=`${await s.getInitialPath()}/${L}.${$}`;console.log({filePath:b});const V=await s.upload({...c,originFileObj:c},b);i==null||i(!1),d.setFieldValue(l,V),(o=n.onSuccess)==null||o.call(n,V)}catch(c){(a=n.onError)==null||a.call(n,c)}finally{C(!1)}},[d,l,i,s]),[p,O]=u.useState([]);u.useEffect(()=>{!P&&j&&Promise.all((Array.isArray(j)?j:[j]).map(async n=>{const o=I.default.getType(n),a=n.split("/").pop(),c=await s.getRealUrl(n);return{uid:n,url:c,type:o,name:a}})).then(n=>O(()=>{const o=n.map(({url:a,type:c,uid:E,name:R})=>({uid:E,url:a,type:c,response:E,thumbUrl:a,name:R}));return console.log(o),o}))},[j,P,q,s]);const _=u.useCallback(async n=>{const o=n.response,a=o||d.getFieldValue(l);await s.delete(a),x==null||x(),n&&d.setFieldsValue({[l]:null})},[d,l,x,s]);return e.jsxRuntimeExports.jsxs(f.Form.Item,{label:t,required:r,name:l,className:h,rules:[...r?B.required(t):[],...A??[]],children:[e.jsxRuntimeExports.jsx("input",{hidden:!0}),e.jsxRuntimeExports.jsx(f.Upload,{...N,fileList:p,className:((p==null?void 0:p.length)??0)>=g?"hide-upload":"",maxCount:g,customRequest:U,onRemove:_,listType:"picture",onChange:({fileList:n})=>{O(n)},style:D?{width:"100%"}:void 0,children:e.jsxRuntimeExports.jsx(F,{loading:q,children:"Upload File"})})]})}const y=({provider:l,value:t})=>{const[r,s]=u.useState();return u.useEffect(()=>{t&&l.getRealUrl(t).then(i=>{s({mimeType:I.default.getType(t),url:i,fileName:t.split("/").pop()??t})})},[l,t]),r?e.jsxRuntimeExports.jsx(M,{fileName:r.fileName,url:r==null?void 0:r.url,mimeType:r==null?void 0:r.mimeType}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},M=({url:l,mimeType:t="",fileName:r})=>{const s=u.useMemo(()=>t!=null&&t.includes("image")?"image":t!=null&&t.includes("pdf")?"pdf":t!=null&&t.includes("word")?"word":t!=null&&t.includes("text")?"text":t!=null&&t.includes("presentation")?"presentation":t!=null&&t.includes("excel")||t!=null&&t.includes("spreadsheet")?"excel":"file",[t]),i=u.useMemo(()=>{switch(s){case"image":return e.jsxRuntimeExports.jsx(Y,{});case"pdf":return e.jsxRuntimeExports.jsx(X,{});case"word":return e.jsxRuntimeExports.jsx(Q,{});case"text":return e.jsxRuntimeExports.jsx(K,{});case"excel":return e.jsxRuntimeExports.jsx(J,{});case"presentation":return e.jsxRuntimeExports.jsx(G,{});default:return e.jsxRuntimeExports.jsx(z,{})}},[s]),[x,h]=u.useState(!1),{t:w}=Z.useTranslation(W.TRANSLATION_NAMESPACE);return s!=="file"&&s!=="text"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(f.Modal,{open:x,title:r,onCancel:()=>h(!1),footer:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnClose:!0,children:e.jsxRuntimeExports.jsxs(H,{children:[e.jsxRuntimeExports.jsx(F,{tooltip:r,icon:e.jsxRuntimeExports.jsx(m,{}),target:"_blank",href:l,style:{textDecoration:"none"},children:w("str.openInNewTab")}),s==="image"?e.jsxRuntimeExports.jsx("img",{src:l,alt:r,style:{width:"100%"}}):s==="pdf"?e.jsxRuntimeExports.jsxs("iframe",{title:r,src:l,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",e.jsxRuntimeExports.jsx("a",{href:l,children:"Download PDF"}),"."]}):e.jsxRuntimeExports.jsxs("iframe",{title:r,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(l)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",e.jsxRuntimeExports.jsxs("a",{href:l,children:["Download ",s.toUpperCase()]}),"."]})]})}),e.jsxRuntimeExports.jsx(F,{tooltip:r,icon:i,shape:"circle",onClick:()=>h(!0)})]}):e.jsxRuntimeExports.jsx(F,{tooltip:r,icon:i,target:"_blank",href:l,shape:"circle"})};exports.FileCellValue=M;exports.FileCrudCellValue=y;exports.default=v;