@kingteza/crud-component 1.0.14 → 1.0.16

package/dist/components/crud/CrudReportComponent.js

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

package/dist/components/crud/CrudSearchComponent.cjs

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

package/dist/components/crud/CrudSearchComponent.js

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

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