@kingteza/crud-component 1.0.6 → 1.0.11

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

@@ -1,61 +1,63 @@
-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 { j as r } from "../../../_virtual/jsx-runtime.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 R from "../common/wizard/WizardViewForm.js";
-function q({
-  fields: s,
-  className: c,
+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 G({
+  fields: l,
+  className: a,
   onDeleteFile: f,
-  onUploadFile: m,
-  purpose: l,
+  onUploadFile: i,
+  purpose: s,
   wizard: e = [],
   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)
+    let t = !0;
+    const n = l.filter(
+      (m) => o.fields.includes(m.name)
     );
-    return n.forEach((i) => r && (r = i.hidden ?? !1)), {
+    return n.forEach((m) => t && (t = m.hidden ?? !1)), {
       ...o,
-      hidden: r,
+      hidden: t,
       fieldThatShouldShowing: n
     };
-  }), [s, e]), a = F(
+  }), [l, e]), c = F(
     () => d.filter((o) => !o.hidden),
     [d]
   );
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-    R,
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+    E,
     {
-      onSubmit: (o, r) => {
-        console.log(r), h(r);
+      onSubmit: (o, t) => {
+        console.log(t), h(t);
       },
-      className: c,
-      pages: a.map(
-        ({ title: o, icon: r, fieldThatShouldShowing: n, hidden: i }, j) => ({
+      className: a,
+      pages: c.map(
+        ({ title: o, icon: t, fieldThatShouldShowing: n, hidden: m }, j) => ({
           title: o,
-          icon: r,
-          hidden: i,
-          component: (g) => /* @__PURE__ */ t.jsx(
+          icon: t,
+          hidden: m,
+          component: (p) => /* @__PURE__ */ r.jsx(
             W,
             {
               fields: n,
               onDeleteFile: f,
-              onUploadFile: m,
-              purpose: l,
+              onUploadFile: i,
+              purpose: s,
               i: j,
               updatingValue: u,
-              backward: g.backward,
-              forward: g.forward,
-              wizard: a,
+              backward: p.backward,
+              forward: p.forward,
+              wizard: c,
               submitting: x
             },
             j
@@ -66,44 +68,44 @@ function q({
   ) });
 }
 function W({
-  fields: s,
-  onDeleteFile: c,
+  fields: l,
+  onDeleteFile: a,
   onUploadFile: f,
-  purpose: m,
-  wizard: l = [],
+  purpose: i,
+  wizard: s = [],
   i: e,
   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 c = s[e], { t: o } = v(R), [t] = g.useForm();
+  return S(() => {
+    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];
+      t.setFieldsValue(n);
     }
-  }, [s, r, m, d]), /* @__PURE__ */ t.jsxs(p, { name: String(e), form: r, layout: "vertical", children: [
-    /* @__PURE__ */ t.jsx(
-      O,
+  }, [l, t, i, d]), /* @__PURE__ */ r.jsxs(g, { name: String(e), form: t, layout: "vertical", children: [
+    /* @__PURE__ */ r.jsx(
+      T,
       {
-        fields: s,
-        formBuilder: a.formBuilder,
-        grid: a.grid,
-        onDeleteFile: c,
+        fields: l,
+        formBuilder: c.formBuilder,
+        grid: c.grid,
+        onDeleteFile: a,
         onUploadFile: f,
-        purpose: m
+        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(
+    /* @__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__ */ t.jsx(S, {}),
+          icon: /* @__PURE__ */ r.jsx(w, {}),
           htmlType: "button",
           type: "default",
           size: "large",
@@ -111,30 +113,30 @@ function W({
           children: o("str.back")
         }
       ) }),
-      /* @__PURE__ */ t.jsx(b, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ r.jsx(b, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ r.jsx(
         k,
         {
           block: !0,
-          icon: l.length - 1 === e ? /* @__PURE__ */ t.jsx(y, {}) : /* @__PURE__ */ t.jsx(C, {}),
+          icon: s.length - 1 === e ? /* @__PURE__ */ r.jsx(A, {}) : /* @__PURE__ */ r.jsx(I, {}),
           htmlType: "submit",
           type: "primary",
           loading: x,
           size: "large",
           onClick: () => {
-            r.validateFields().then((n) => {
+            t.validateFields().then((n) => {
               u(
                 n,
-                l.length - 1 === e,
-                l.length - 1 === e
+                s.length - 1 === e,
+                s.length - 1 === e
               );
             });
           },
-          children: l.length - 1 === e ? o("str." + (m === "update" ? "update" : "save")) : o("str.next")
+          children: s.length - 1 === e ? o("str." + (i === "update" ? "update" : "save")) : o("str.next")
         }
       ) })
     ] })
   ] });
 }
 export {
-  q 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"),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";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"})]}),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"})]}),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,31 +1,31 @@
 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 { useMemo as X, useState as x, useCallback as Y, useEffect as B } from "react";
 import R from "./CrudField.js";
-import E from "./view/CrudViewer.js";
-import O from "../common/button/Button.js";
+import Z from "./view/CrudViewer.js";
+import _ 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 };
+import { SelectFieldInReport as E } from "../common/report/SelectFieldInReport.js";
+import P from "../common/select/SelectComponent.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 pe({
   fields: n,
-  data: i,
-  idField: z,
+  data: d,
+  idField: D,
   loadingData: c,
-  onSubmit: F,
-  paginateProps: D,
-  size: H,
+  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(() => {
+  const { searchable: O, selectable: i, sortable: T, defaultSort: m } = X(() => {
     var p, u, V, q, A;
     const e = [], t = [], l = [];
     let o;
@@ -42,9 +42,9 @@ function pe({
       sortable: t,
       selectable: l
     };
-  }, [n]), [y, v] = x(
+  }, [n]), [y, I] = x(
     []
-  ), g = Z(
+  ), g = Y(
     async ({
       sortBy: e,
       sortByType: t,
@@ -55,14 +55,14 @@ function pe({
       e && p.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: p, ...o });
     },
-    [n, F]
-  ), [a] = j.useForm(), [C, Q] = x(!1), [I, U] = x(!0);
+    [n, w]
+  ), [a] = j.useForm(), [v, Q] = x(!1), [C, U] = x(!0);
   return B(() => {
-    if (N && I) {
+    if (N && C) {
       const e = setTimeout(() => {
         a.validateFields().then((t) => {
           g(t);
@@ -70,28 +70,28 @@ function pe({
       }, 200);
       return () => clearTimeout(e);
     }
-  }, [g, a, I, N]), B(() => {
+  }, [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]), B(() => {
-    if (C) {
-      const e = d.filter((t) => t.alreadySelected).map((t) => t.id);
-      v(
+    if (v) {
+      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, C, d]), /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(L, { className: "w-100", direction: "vertical", 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: [
-        M.map((e) => {
+        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,
@@ -126,18 +126,18 @@ function pe({
             e.name
           );
         }),
-        !!(d != null && d.length) && /* @__PURE__ */ r.jsx(f, { ...re, children: /* @__PURE__ */ r.jsx(
-          P,
+        !!(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",
             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",
@@ -184,10 +184,10 @@ function pe({
             ] })
           }
         ) }),
-        w ? w(a) : null
+        F ? F(a) : null
       ] }),
       /* @__PURE__ */ r.jsx(
-        O,
+        _,
         {
           className: "mt-3",
           type: "primary",
@@ -202,49 +202,49 @@ function pe({
       !!b && /* @__PURE__ */ r.jsx(
         k,
         {
-          disabled: c || !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: _(e)
+              render: $(e)
             }))
           })
         }
       ),
       !!h && /* @__PURE__ */ r.jsx(
-        O,
+        _,
         {
-          disabled: c || !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: _(e)
+              render: $(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"}
+                ${c || !d.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,
-        data: i,
-        size: H,
+        minusHeight: K,
+        data: d,
+        size: J,
         fields: y,
-        idField: z,
+        idField: D,
         loadingData: c,
-        paginateProps: D,
+        paginateProps: H,
         viewable: !1
       }
     )

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";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,20 +1,20 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
-import { useMemo as l, useCallback as k, useEffect as E, createElement as v } from "react";
-import { SearchOutlined as R } from "@ant-design/icons";
-import { Form as y, Row as S, Col as w } from "antd";
+import { useMemo as l, useCallback as E, useEffect as R, createElement as a } from "react";
+import { Form as y, Row as v, Col as w } from "antd";
 import _ from "./CrudField.js";
 import q from "../common/button/Button.js";
-function G({
+import B from "../../../node_modules/@ant-design/icons/es/icons/SearchOutlined.js";
+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" ? {
-      ...e.find((a) => n === a.name),
+      ...e.find((k) => n === k.name),
       required: !1
     } : {
       ...e.find(
@@ -32,33 +32,33 @@ function G({
   ), 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 = k(
+  ), [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 E(() => {
-    b && (f.setFieldsValue(b), r(!0));
-  }, [f, b]), t != null && t.length ? /* @__PURE__ */ o.jsx(
+  return R(() => {
+    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(S, { 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
           };
-          return /* @__PURE__ */ v(
+          return /* @__PURE__ */ a(
             w,
             {
               ...u,
@@ -81,7 +81,7 @@ function G({
                 type: "primary",
                 htmlType: "submit",
                 block: !0,
-                icon: /* @__PURE__ */ o.jsx(R, {})
+                icon: /* @__PURE__ */ o.jsx(B, {})
               }
             )
           }
@@ -91,5 +91,5 @@ function G({
   ) : /* @__PURE__ */ o.jsx(o.Fragment, {});
 }
 export {
-  G 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 x=require("@ant-design/icons"),h=require("antd"),M=require("mime"),u=require("react"),B=require("react-i18next"),H=require("../../locale/hooks/translation-constants.cjs"),z=require("../../util/ValidationUtil.cjs"),w=require("../common/button/Button.cjs"),G=require("../common/layout/VerticalSpace.cjs");function J({name:l,label:t,required:r,provider:s,onUploading:i,onRemoved:d,fieldClassName:p,accept:g,rules:D,maxCount:C=1,block:N,...k}){const j=h.Form.useFormInstance(),f=h.Form.useWatch(l,j),[P,O]=u.useState(!1),[q,U]=u.useState(!1),_=u.useCallback(async n=>{var a,o;try{const{file:c}=n,R=c.name;O(!0),U(!0),i==null||i(!0);const F=R??"",b=F.split("."),L=b[b.length-1],W=s.generateFileName(F),I=`${await s.getInitialPath()}/${W}.${L}`;console.log({filePath:I});const V=await s.upload({...c,originFileObj:c},I);i==null||i(!1),j.setFieldValue(l,V),(a=n.onSuccess)==null||a.call(n,V)}catch(c){(o=n.onError)==null||o.call(n,c)}finally{O(!1)}},[j,l,i,s]),[E,S]=u.useState([]);u.useEffect(()=>{!q&&f&&Promise.all((Array.isArray(f)?f:[f]).map(async n=>{const a=M.getType(n),o=n.split("/").pop(),c=await s.getRealUrl(n);return{uid:n,url:c,type:a,name:o}})).then(n=>S(()=>{const a=n.map(({url:o,type:c,uid:R,name:F})=>({uid:R,url:o,type:c,response:R,thumbUrl:o,name:F}));return console.log(a),a}))},[f,q,P,s]);const $=u.useCallback(async n=>{const a=n.response,o=a||j.getFieldValue(l);await s.delete(o),d==null||d(),n&&j.setFieldsValue({[l]:null})},[j,l,d,s]);return e.jsxRuntimeExports.jsxs(h.Form.Item,{label:t,required:r,name:l,className:p,rules:[...r?z.default.required(t):[],...D??[]],children:[e.jsxRuntimeExports.jsx("input",{hidden:!0}),e.jsxRuntimeExports.jsx(h.Upload,{...k,fileList:E,className:((E==null?void 0:E.length)??0)>=C?"hide-upload":"",maxCount:C,customRequest:_,onRemove:$,listType:"picture",onChange:({fileList:n})=>{S(n)},style:N?{width:"100%"}:void 0,children:e.jsxRuntimeExports.jsx(w.default,{loading:P,children:"Upload File"})})]})}const K=({provider:l,value:t})=>{const[r,s]=u.useState();return u.useEffect(()=>{t&&l.getRealUrl(t).then(i=>{s({mimeType:M.getType(t),url:i,fileName:t.split("/").pop()??t})})},[l,t]),r?e.jsxRuntimeExports.jsx(A,{fileName:r.fileName,url:r==null?void 0:r.url,mimeType:r==null?void 0:r.mimeType}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},A=({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(x.FileImageOutlined,{});case"pdf":return e.jsxRuntimeExports.jsx(x.FilePdfOutlined,{});case"word":return e.jsxRuntimeExports.jsx(x.FileWordOutlined,{});case"text":return e.jsxRuntimeExports.jsx(x.FileTextOutlined,{});case"excel":return e.jsxRuntimeExports.jsx(x.FileExcelOutlined,{});case"presentation":return e.jsxRuntimeExports.jsx(x.FilePptOutlined,{});default:return e.jsxRuntimeExports.jsx(x.FileOutlined,{})}},[s]),[d,p]=u.useState(!1),{t:g}=B.useTranslation(H.TRANSLATION_NAMESPACE);return s!=="file"&&s!=="text"?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(h.Modal,{open:d,title:r,onCancel:()=>p(!1),footer:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnClose:!0,children:e.jsxRuntimeExports.jsxs(G.default,{children:[e.jsxRuntimeExports.jsx(w.default,{tooltip:r,icon:e.jsxRuntimeExports.jsx(x.ExportOutlined,{}),target:"_blank",href:l,style:{textDecoration:"none"},children:g("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(w.default,{tooltip:r,icon:i,shape:"circle",onClick:()=>p(!0)})]}):e.jsxRuntimeExports.jsx(w.default,{tooltip:r,icon:i,target:"_blank",href:l,shape:"circle"})};exports.FileCellValue=A;exports.FileCrudCellValue=K;exports.default=J;
+"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;