@kingteza/crud-component 1.0.51 → 1.0.54

package/common/tab/TabViewWithRoute.es.js

@@ -1,38 +1,38 @@
-import { jsxs as v, jsx as e } from "react/jsx-runtime";
-import { Tabs as r, Layout as x } from "antd";
-import { useState as g, useEffect as y } from "react";
-import { useNavigate as S, Outlet as w } from "react-router";
-import { useLocation as N } from "react-router-dom";
-import P from "../../context/WindowDimension.es.js";
-const { Content: T } = x, A = ({
-  positionOfRoute: c,
-  initialKey: o = "*",
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { Tabs as a, Layout as y } from "antd";
+import { useState as S, useEffect as w } from "react";
+import { useLocation as N, Outlet as P } from "react-router-dom";
+import { useNavigateOptional as T } from "../../hooks/NavigatorHooks.es.js";
+import $ from "../../context/WindowDimension.es.js";
+const { Content: j } = y, E = ({
+  positionOfRoute: r,
+  initialKey: s = "*",
   tabs: i,
   className: m = "",
   mode: l = "default"
 }) => {
-  const [p, u] = g(o), s = S(), f = (t) => {
-    s(t);
+  const [p, u] = S(s), t = T(), f = (o) => {
+    t == null || t(o);
   }, n = N();
-  y(() => {
-    const t = n.pathname.split("/")[c];
-    u(t ?? ""), t || s(o, { replace: !0 });
-  }, [o, n.pathname, s, c]);
-  const { isDesktop: d } = P(), a = l === "side" && d, h = a ? "left" : "top";
-  return /* @__PURE__ */ v("div", { className: `${m} ${a ? "d-flex h-100" : ""}`, children: [
+  w(() => {
+    const o = n.pathname.split("/")[r];
+    u(o ?? ""), o || t == null || t(s, { replace: !0 });
+  }, [s, n.pathname, t, r]);
+  const { isDesktop: d } = $(), c = l === "side" && d, h = c ? "left" : "top";
+  return /* @__PURE__ */ x("div", { className: `${m} ${c ? "d-flex h-100" : ""}`, children: [
     /* @__PURE__ */ e(
-      r,
+      a,
       {
         type: "card",
         tabPosition: h,
         activeKey: p,
         onChange: f,
-        children: i.map(({ key: t, label: b }) => /* @__PURE__ */ e(r.TabPane, { tab: b }, t))
+        children: i.map(({ key: o, label: b }) => /* @__PURE__ */ e(a.TabPane, { tab: b }, o))
       }
     ),
-    /* @__PURE__ */ e(T, { className: `max-height ${a ? "overflow-auto" : ""}`, children: /* @__PURE__ */ e(w, {}) })
+    /* @__PURE__ */ e(j, { className: `max-height ${c ? "overflow-auto" : ""}`, children: /* @__PURE__ */ e(P, {}) })
   ] });
 };
 export {
-  A as TabViewWithRoute
+  E as TabViewWithRoute
 };

package/common/table/table.d.ts

@@ -5,7 +5,7 @@ export type TableComponentColumnProp<T> = {
     render?: (value: any, record: T, index: number) => React.ReactNode;
     hidden?: boolean;
     title?: any;
-    align?: 'right' | 'left';
+    align?: 'right' | 'left' | 'center';
     width?: number | string;
 }[] & ColumnsType<T>;
 export interface TableComponentProps<T> extends TableProps<T> {

package/common/text-field/TextField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),R=require("@ant-design/icons"),d=require("antd"),S=require("react"),_=require("../../locale/index.cjs.js"),$=require("../tooltip/TooltipComponent.cjs.js"),c=(n,t,e,i)=>{var s;t&&e&&(n.preventDefault(),(s=e==null?void 0:e.getFieldInstance(t))==null||s.focus()),i&&i(n)},A=({type:n,required:t,label:e,disabled:i,rules:s=[],placeholder:u,onEnter:l,size:p,form:x,addonAfter:g,addonBefore:m,nextFocus:f,autoComplete:j="off",defaultValue:q,readOnly:v,value:I,loading:T,onBlur:F,inputRef:P,status:h,autoFocus:C,onChange:D,tooltip:E,...M})=>{const{t:a}=_.useTranslationLib(),w=S.useMemo(()=>{const r=[...s,{required:t,message:`${e??u??""} ${a("err.validation.required")}`}];return n==="email"&&r.push({type:"email",message:a("err.validation.invalidEmail")}),r},[s,t,e,u,a,n]),L={disabled:i,value:I,readOnly:v,defaultValue:q,autoFocus:C,addonBefore:m,ref:P,onBlur:F,addonAfter:T?o.jsx(R.LoadingOutlined,{}):g,status:h,size:p,autoComplete:j,onPressEnter:r=>c(r,f,x,l),type:n,placeholder:u??e},O=n=="password"?d.Input.Password:d.Input;return o.jsx($,{title:E,children:o.jsx(d.Form.Item,{...M,label:e,rules:w,children:o.jsx(O,{...L})})})};exports.default=A;exports.onEnterInternalTextField=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),R=require("@ant-design/icons"),d=require("antd"),S=require("react"),_=require("../../locale/index.cjs.js"),$=require("../tooltip/TooltipComponent.cjs.js"),c=(n,t,e,i)=>{var s;t&&e&&(n.preventDefault(),(s=e==null?void 0:e.getFieldInstance(t))==null||s.focus()),i&&i(n)},A=({type:n,required:t,label:e,disabled:i,rules:s=[],placeholder:u,onEnter:l,size:p,form:x,addonAfter:g,addonBefore:m,nextFocus:I,autoComplete:f="off",defaultValue:j,readOnly:q,value:v,loading:T,onBlur:F,inputRef:P,status:h,autoFocus:C,onChange:D,tooltip:E,...M})=>{const{t:a}=_.useTranslationLib(),w=S.useMemo(()=>{const r=[...s,{required:t,message:`${e??u??""} ${a("err.validation.required")}`}];return n==="email"&&r.push({type:"email",message:a("err.validation.invalidEmail")}),r},[s,t,e,u,a,n]),L={disabled:i,value:v,readOnly:q,defaultValue:j,autoFocus:C,addonBefore:m,ref:P,onBlur:F,addonAfter:T?o.jsx(R.LoadingOutlined,{}):g,status:h,size:p,autoComplete:f,onPressEnter:r=>c(r,I,x,l),type:n,placeholder:u??e},O=n=="password"?d.Input.Password:d.Input;return o.jsx($,{title:E,children:o.jsx(d.Form.Item,{...M,label:e,rules:w,children:o.jsx(O,{...L})})})};exports.default=A;exports.onEnterInternalTextField=c;

package/common/wizard/WizardResult.es.js

@@ -1,5 +1,5 @@
-import { jsx as o, Fragment as s, jsxs as j } from "react/jsx-runtime";
-import { LoadingOutlined as B, ArrowLeftOutlined as C } from "@ant-design/icons";
+import { jsx as o, jsxs as j, Fragment as s } from "react/jsx-runtime";
+import { ArrowLeftOutlined as B, LoadingOutlined as C } from "@ant-design/icons";
 import { Result as O } from "antd";
 import e from "../button/Button.es.js";
 import { useTranslationLib as r } from "../../locale/index.es.js";
@@ -24,7 +24,7 @@ const W = ({
     {
       status: l ? void 0 : d ? "success" : t ? ["403", "404", "500"].includes(t == null ? void 0 : t.code) ? t.code : t ? "error" : void 0 : void 0,
       title: l ? L : d ? x : t ? b : void 0,
-      icon: l ? /* @__PURE__ */ o(B, {}) : void 0,
+      icon: l ? /* @__PURE__ */ o(C, {}) : void 0,
       subTitle: l ? h : d ? a : t ? typeof i == "function" ? i() ?? u : i ?? u : void 0,
       extra: [
         d ? /* @__PURE__ */ o(s, { children: f }) : t ? /* @__PURE__ */ j(s, { children: [
@@ -34,7 +34,7 @@ const W = ({
               onClick: m,
               htmlType: "button",
               type: "primary",
-              icon: /* @__PURE__ */ o(C, {}),
+              icon: /* @__PURE__ */ o(B, {}),
               children: n("str.previous")
             }
           ),

package/crud/CrudComponent.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),y=require("antd"),ae=require("dayjs"),o=require("react"),le=require("./CrudForm.cjs.js"),ie=require("./CrudFormWizard.cjs.js"),ce=require("./import/CrudImportButton.cjs.js"),re=require("./view/CrudViewer.cjs.js"),ue=require("../common/button/NewButton.cjs.js"),de=require("../common/button/PrintButton.cjs.js"),fe=require("../locale/index.cjs.js"),{useForm:pe}=y.Form;function me({idField:x="id",onCreate:g,onDelete:T,onHide:U,onUpdate:f,fields:l,data:W,grid:_,isHiding:A,isCreating:S,isDeleting:E,isUpdating:q,paginateProps:L,onPrint:V,printing:R,viewable:H,loadingData:G,formBuilder:J,extraAction:K,minusHeight:Q,cloneable:X,fullWidthModal:Y=!0,wizard:i,extraView:Z,importable:P,onClickNew:N,...$}){const{t:v}=fe.useTranslationLib(),[j,F]=o.useState(!1),[p,k]=o.useState(),[z,B]=o.useState(),[c]=pe(),O=o.useCallback(async s=>{const u=i?s:await c.validateFields(),r=l.filter(e=>e.type==="color"),a={};r.forEach(e=>{var d;const t=c.getFieldValue(e.name);a[e.name]=typeof t=="string"?t:(d=t==null?void 0:t.toHexString())==null?void 0:d.toUpperCase()}),Object.assign(u,a),p&&f?(await f({...u,[x]:p[x]}),k(void 0)):!p&&g&&await g(u),B(void 0),c.resetFields(),F(!1)},[l,c,x,g,f,p,i]),[ee,w]=o.useState(!1),[te,b]=o.useState(!1);o.useEffect(()=>{j?(w(!1),b(!1)):C(void 0)},[j]);const D=o.useCallback(async s=>{w(s),b(!0)},[]),I=o.useCallback(async()=>{b(!0)},[]),[ne,M]=o.useState(!1),h=o.useCallback(async(s,u=!0,r=!1)=>{try{M(!0),F(!0),u&&C("update");const a={};for(const e of l){const t=s[e.name];if(r&&e.type==="image"){const d=t;try{const oe=await e.provider.clone(d);a[e.name]=oe;continue}catch{continue}}e.type==="date"?t&&(a[e.name]=ae(t)):e.type==="select"?e.multiple&&Array.isArray(t)?a[e.name]=t.map(d=>d[e.innerFieldId??"id"]):t&&typeof t=="object"?a[e.name]=t[e.innerFieldId??"id"]:(t&&typeof t=="string"||typeof t=="number")&&(a[e.name]=t):a[e.name]=t}c.setFieldsValue(a),B(a),u&&k(s)}finally{M(!1)}},[l,c]),[m,C]=o.useState(),se=o.useCallback(async s=>{C("clone"),h(s,!1,!0)},[h]);return n.jsxs(n.Fragment,{children:[n.jsxs(y.Space,{direction:"vertical",className:"w-100",children:[n.jsxs("div",{className:"w-100 d-flex",children:[n.jsx("div",{style:{flex:1},children:n.jsx(ue.NewButton,{onClick:()=>{N?N():(F(s=>!s),C("new"))},className:"flex-1"})}),n.jsxs(y.Space,{children:[!!V&&n.jsx(de.PrintButton,{className:"float-right",loading:R,onClick:V}),!!P&&n.jsx(ce,{fields:l,importProps:P})]})]}),n.jsx(re,{...$,minusHeight:Q,data:W,fields:l,extraAction:K,idField:x,isDeleting:E,loadingData:G,onClickUpdate:f?h:void 0,onHide:U,isHiding:A,onDelete:T,onUpdate:f,onClickClone:X?se:void 0,paginateProps:L,viewable:H,extraView:Z})]}),n.jsx(y.Modal,{width:Y?"100%":void 0,title:v(m??"new"),open:j,confirmLoading:S||q,okText:v("str."+(m==="update"?"update":"save")),cancelText:v("str.cancel"),cancelButtonProps:{disabled:te,hidden:!!i},okButtonProps:{disabled:ee,hidden:!!i},onCancel:async()=>{try{if(m==="clone"){const s=i?p:c.getFieldsValue(),u=l.filter(r=>r.type==="image");for(const r of u)s[r.name]&&r.provider.delete(s[r.name])}}finally{}i||c.resetFields(),B(void 0),k(void 0),F(!1)},onOk:()=>O(),destroyOnClose:!0,children:n.jsxs(y.Spin,{spinning:ne,children:[!i&&n.jsx(le.CrudForm,{purpose:m,fields:l,form:c,formBuilder:J,grid:_,onDeleteFile:I,onUploadFile:D}),i&&n.jsx(ie,{submitting:S||q,className:"mt-2",onSave:O,updatingValue:z,fields:l,onDeleteFile:I,onUploadFile:D,purpose:m,wizard:i})]})})]})}module.exports=me;
+"use strict";const n=require("react/jsx-runtime"),y=require("antd"),le=require("dayjs"),o=require("react"),ie=require("./CrudForm.cjs.js"),ce=require("./CrudFormWizard.cjs.js"),re=require("./import/CrudImportButton.cjs.js"),ue=require("./view/CrudViewer.cjs.js"),de=require("../common/button/NewButton.cjs.js"),fe=require("../common/button/PrintButton.cjs.js"),pe=require("../locale/index.cjs.js"),{useForm:me}=y.Form;function ye({idField:x="id",onCreate:C,onDelete:T,onHide:U,onUpdate:f,fields:l,data:W,grid:_,isHiding:A,isCreating:S,isDeleting:E,isUpdating:q,paginateProps:H,onPrint:V,printing:L,viewable:R,loadingData:G,formBuilder:J,extraAction:K,minusHeight:Q,cloneable:X,fullWidthModal:Y=!0,wizard:i,extraView:Z,importable:P,onClickNew:N,size:$,...z}){const{t:v}=pe.useTranslationLib(),[j,F]=o.useState(!1),[p,k]=o.useState(),[ee,B]=o.useState(),[c]=me(),O=o.useCallback(async s=>{const u=i?s:await c.validateFields(),r=l.filter(e=>e.type==="color"),a={};r.forEach(e=>{var d;const t=c.getFieldValue(e.name);a[e.name]=typeof t=="string"?t:(d=t==null?void 0:t.toHexString())==null?void 0:d.toUpperCase()}),Object.assign(u,a),p&&f?(await f({...u,[x]:p[x]}),k(void 0)):!p&&C&&await C(u),B(void 0),c.resetFields(),F(!1)},[l,c,x,C,f,p,i]),[te,w]=o.useState(!1),[ne,b]=o.useState(!1);o.useEffect(()=>{j?(w(!1),b(!1)):g(void 0)},[j]);const D=o.useCallback(async s=>{w(s),b(!0)},[]),I=o.useCallback(async()=>{b(!0)},[]),[se,M]=o.useState(!1),h=o.useCallback(async(s,u=!0,r=!1)=>{try{M(!0),F(!0),u&&g("update");const a={};for(const e of l){const t=s[e.name];if(r&&e.type==="image"){const d=t;try{const ae=await e.provider.clone(d);a[e.name]=ae;continue}catch{continue}}e.type==="date"?t&&(a[e.name]=le(t)):e.type==="select"?e.multiple&&Array.isArray(t)?a[e.name]=t.map(d=>d[e.innerFieldId??"id"]):t&&typeof t=="object"?a[e.name]=t[e.innerFieldId??"id"]:(t&&typeof t=="string"||typeof t=="number")&&(a[e.name]=t):a[e.name]=t}c.setFieldsValue(a),B(a),u&&k(s)}finally{M(!1)}},[l,c]),[m,g]=o.useState(),oe=o.useCallback(async s=>{g("clone"),h(s,!1,!0)},[h]);return n.jsxs(n.Fragment,{children:[n.jsxs(y.Space,{direction:"vertical",className:"w-100",children:[n.jsxs("div",{className:"w-100 d-flex",children:[n.jsx("div",{style:{flex:1},children:n.jsx(de.NewButton,{onClick:()=>{N?N():(F(s=>!s),g("new"))},className:"flex-1"})}),n.jsxs(y.Space,{children:[!!V&&n.jsx(fe.PrintButton,{className:"float-right",loading:L,onClick:V}),!!P&&n.jsx(re,{fields:l,importProps:P})]})]}),n.jsx(ue,{...z,minusHeight:Q,data:W,size:$,fields:l,extraAction:K,idField:x,isDeleting:E,loadingData:G,onClickUpdate:f?h:void 0,onHide:U,isHiding:A,onDelete:T,onUpdate:f,onClickClone:X?oe:void 0,paginateProps:H,viewable:R,extraView:Z})]}),n.jsx(y.Modal,{width:Y?"100%":void 0,title:v(m??"new"),open:j,confirmLoading:S||q,okText:v("str."+(m==="update"?"update":"save")),cancelText:v("str.cancel"),cancelButtonProps:{disabled:ne,hidden:!!i},okButtonProps:{disabled:te,hidden:!!i},onCancel:async()=>{try{if(m==="clone"){const s=i?p:c.getFieldsValue(),u=l.filter(r=>r.type==="image");for(const r of u)s[r.name]&&r.provider.delete(s[r.name])}}finally{}i||c.resetFields(),B(void 0),k(void 0),F(!1)},onOk:()=>O(),destroyOnHidden:!0,children:n.jsxs(y.Spin,{spinning:se,children:[!i&&n.jsx(ie.CrudForm,{purpose:m,fields:l,form:c,formBuilder:J,grid:_,onDeleteFile:I,onUploadFile:D}),i&&n.jsx(ce,{submitting:S||q,className:"mt-2",onSave:O,updatingValue:ee,fields:l,onDeleteFile:I,onUploadFile:D,purpose:m,wizard:i})]})})]})}module.exports=ye;

package/crud/CrudComponent.d.ts

@@ -7,9 +7,11 @@ import { CrudSearchComponentProps } from './CrudSearchComponent';
 import { FileCrudField } from './FileCrudField';
 import { ImageCrudField } from './ImageCrudField';
 import { CrudImportProps } from './import/CrudImportComponent';
+import { CrudDragableProps } from './view/CrudViewer';
 import { SelectTagRenderProps } from '../common/select/SelectComponent';
 import { default as IdProps } from '../types/Id';
 import { TextAreaBasedFieldProps } from './CrudTextAreaComponent';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
 export type SelectFieldItem = {
     key?: string | number;
     value: string | number;
@@ -224,6 +226,8 @@ export type CrudComponentProps<T, FormType = T> = {
     extraView?: (t: T) => React.ReactElement;
     importable?: CrudImportProps<T>;
     onClickNew?: () => void;
+    draggable?: CrudDragableProps<T>;
+    size?: SizeType;
 } & CrudSearchComponentProps<T, FormType>;
-declare function CrudComponent<T, FormType = T>({ idField, onCreate, onDelete, onHide, onUpdate, fields, data, grid, isHiding, isCreating, isDeleting, isUpdating, paginateProps, onPrint, printing, viewable, loadingData, formBuilder, extraAction, minusHeight, cloneable, fullWidthModal, wizard, extraView, importable, onClickNew, ...props }: CrudComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+declare function CrudComponent<T, FormType = T>({ idField, onCreate, onDelete, onHide, onUpdate, fields, data, grid, isHiding, isCreating, isDeleting, isUpdating, paginateProps, onPrint, printing, viewable, loadingData, formBuilder, extraAction, minusHeight, cloneable, fullWidthModal, wizard, extraView, importable, onClickNew, size, ...props }: CrudComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
 export default CrudComponent;

package/crud/CrudComponent.es.js

@@ -1,25 +1,25 @@
-import { jsxs as y, Fragment as se, jsx as c } from "react/jsx-runtime";
-import { Space as _, Modal as re, Spin as ce, Form as me } from "antd";
-import de from "dayjs";
-import { useState as m, useCallback as F, useEffect as fe } from "react";
-import { CrudForm as ue } from "./CrudForm.es.js";
-import pe from "./CrudFormWizard.es.js";
-import ye from "./import/CrudImportButton.es.js";
-import Fe from "./view/CrudViewer.es.js";
-import { NewButton as ge } from "../common/button/NewButton.es.js";
-import { PrintButton as ve } from "../common/button/PrintButton.es.js";
+import { jsxs as y, Fragment as re, jsx as c } from "react/jsx-runtime";
+import { Form as ce, Space as _, Modal as de, Spin as me } from "antd";
+import fe from "dayjs";
+import { useState as d, useCallback as F, useEffect as ue } from "react";
+import { CrudForm as pe } from "./CrudForm.es.js";
+import ye from "./CrudFormWizard.es.js";
+import Fe from "./import/CrudImportButton.es.js";
+import ge from "./view/CrudViewer.es.js";
+import { NewButton as ve } from "../common/button/NewButton.es.js";
+import { PrintButton as Be } from "../common/button/PrintButton.es.js";
 import { useTranslationLib as Ce } from "../locale/index.es.js";
-const { useForm: Be } = me;
-function Ie({
+const { useForm: he } = ce;
+function Me({
   idField: g = "id",
-  onCreate: B,
+  onCreate: C,
   onDelete: w,
   onHide: A,
   onUpdate: f,
   fields: l,
   data: E,
-  grid: L,
-  isHiding: H,
+  grid: H,
+  isHiding: L,
   isCreating: P,
   isDeleting: q,
   isUpdating: j,
@@ -33,96 +33,98 @@ function Ie({
   minusHeight: Y,
   cloneable: Z,
   fullWidthModal: $ = !0,
-  wizard: a,
+  wizard: i,
   extraView: z,
   importable: O,
   onClickNew: D,
-  ...ee
+  size: ee,
+  ...te
 }) {
-  const { t: h } = Ce(), [k, v] = m(!1), [u, b] = m(), [te, x] = m(), [i] = Be(), I = F(
+  const { t: h } = Ce(), [k, v] = d(!1), [u, b] = d(), [oe, x] = d(), [a] = he(), I = F(
     async (o) => {
-      const r = a ? o : await i.validateFields(), s = l.filter((e) => e.type === "color"), n = {};
+      const r = i ? o : await a.validateFields(), s = l.filter((e) => e.type === "color"), n = {};
       s.forEach((e) => {
-        var d;
-        const t = i.getFieldValue(e.name);
-        n[e.name] = typeof t == "string" ? t : (d = t == null ? void 0 : t.toHexString()) == null ? void 0 : d.toUpperCase();
+        var m;
+        const t = a.getFieldValue(e.name);
+        n[e.name] = typeof t == "string" ? t : (m = t == null ? void 0 : t.toHexString()) == null ? void 0 : m.toUpperCase();
       }), Object.assign(r, n), u && f ? (await f({
         ...r,
         [g]: u[g]
-      }), b(void 0)) : !u && B && await B(r), x(void 0), i.resetFields(), v(!1);
+      }), b(void 0)) : !u && C && await C(r), x(void 0), a.resetFields(), v(!1);
     },
-    [l, i, g, B, f, u, a]
-  ), [oe, M] = m(!1), [ne, V] = m(!1);
-  fe(() => {
-    k ? (M(!1), V(!1)) : C(void 0);
+    [l, a, g, C, f, u, i]
+  ), [ne, M] = d(!1), [le, V] = d(!1);
+  ue(() => {
+    k ? (M(!1), V(!1)) : B(void 0);
   }, [k]);
   const T = F(async (o) => {
     M(o), V(!0);
   }, []), U = F(async () => {
     V(!0);
-  }, []), [le, W] = m(!1), S = F(
+  }, []), [ie, W] = d(!1), S = F(
     async (o, r = !0, s = !1) => {
       try {
-        W(!0), v(!0), r && C("update");
+        W(!0), v(!0), r && B("update");
         const n = {};
         for (const e of l) {
           const t = o[e.name];
           if (s && e.type === "image") {
-            const d = t;
+            const m = t;
             try {
-              const ie = await e.provider.clone(d);
-              n[e.name] = ie;
+              const se = await e.provider.clone(m);
+              n[e.name] = se;
               continue;
             } catch {
               continue;
             }
           }
-          e.type === "date" ? t && (n[e.name] = de(t)) : e.type === "select" ? e.multiple && Array.isArray(t) ? n[e.name] = t.map(
-            (d) => d[e.innerFieldId ?? "id"]
+          e.type === "date" ? t && (n[e.name] = fe(t)) : e.type === "select" ? e.multiple && Array.isArray(t) ? n[e.name] = t.map(
+            (m) => m[e.innerFieldId ?? "id"]
           ) : t && typeof t == "object" ? n[e.name] = t[e.innerFieldId ?? "id"] : (t && typeof t == "string" || typeof t == "number") && (n[e.name] = t) : n[e.name] = t;
         }
-        i.setFieldsValue(n), x(n), r && b(o);
+        a.setFieldsValue(n), x(n), r && b(o);
       } finally {
         W(!1);
       }
     },
-    [l, i]
-  ), [p, C] = m(), ae = F(
+    [l, a]
+  ), [p, B] = d(), ae = F(
     async (o) => {
-      C("clone"), S(o, !1, !0);
+      B("clone"), S(o, !1, !0);
     },
     [S]
   );
-  return /* @__PURE__ */ y(se, { children: [
+  return /* @__PURE__ */ y(re, { children: [
     /* @__PURE__ */ y(_, { direction: "vertical", className: "w-100", children: [
       /* @__PURE__ */ y("div", { className: "w-100 d-flex", children: [
         /* @__PURE__ */ c("div", { style: { flex: 1 }, children: /* @__PURE__ */ c(
-          ge,
+          ve,
           {
             onClick: () => {
-              D ? D() : (v((o) => !o), C("new"));
+              D ? D() : (v((o) => !o), B("new"));
             },
             className: "flex-1"
           }
         ) }),
         /* @__PURE__ */ y(_, { children: [
           !!N && /* @__PURE__ */ c(
-            ve,
+            Be,
             {
               className: "float-right",
               loading: J,
               onClick: N
             }
           ),
-          !!O && /* @__PURE__ */ c(ye, { fields: l, importProps: O })
+          !!O && /* @__PURE__ */ c(Fe, { fields: l, importProps: O })
         ] })
       ] }),
       /* @__PURE__ */ c(
-        Fe,
+        ge,
         {
-          ...ee,
+          ...te,
           minusHeight: Y,
           data: E,
+          size: ee,
           fields: l,
           extraAction: X,
           idField: g,
@@ -130,7 +132,7 @@ function Ie({
           loadingData: Q,
           onClickUpdate: f ? S : void 0,
           onHide: A,
-          isHiding: H,
+          isHiding: L,
           onDelete: w,
           onUpdate: f,
           onClickClone: Z ? ae : void 0,
@@ -141,7 +143,7 @@ function Ie({
       )
     ] }),
     /* @__PURE__ */ c(
-      re,
+      de,
       {
         width: $ ? "100%" : void 0,
         title: h(p ?? "new"),
@@ -150,17 +152,17 @@ function Ie({
         okText: h("str." + (p === "update" ? "update" : "save")),
         cancelText: h("str.cancel"),
         cancelButtonProps: {
-          disabled: ne,
-          hidden: !!a
+          disabled: le,
+          hidden: !!i
         },
         okButtonProps: {
-          disabled: oe,
-          hidden: !!a
+          disabled: ne,
+          hidden: !!i
         },
         onCancel: async () => {
           try {
             if (p === "clone") {
-              const o = a ? u : i.getFieldsValue(), r = l.filter((s) => s.type === "image");
+              const o = i ? u : a.getFieldsValue(), r = l.filter((s) => s.type === "image");
               for (const s of r)
                 o[s.name] && s.provider.delete(
                   o[s.name]
@@ -168,35 +170,35 @@ function Ie({
             }
           } finally {
           }
-          a || i.resetFields(), x(void 0), b(void 0), v(!1);
+          i || a.resetFields(), x(void 0), b(void 0), v(!1);
         },
         onOk: () => I(),
-        destroyOnClose: !0,
-        children: /* @__PURE__ */ y(ce, { spinning: le, children: [
-          !a && /* @__PURE__ */ c(
-            ue,
+        destroyOnHidden: !0,
+        children: /* @__PURE__ */ y(me, { spinning: ie, children: [
+          !i && /* @__PURE__ */ c(
+            pe,
             {
               purpose: p,
               fields: l,
-              form: i,
+              form: a,
               formBuilder: R,
-              grid: L,
+              grid: H,
               onDeleteFile: U,
               onUploadFile: T
             }
           ),
-          a && /* @__PURE__ */ c(
-            pe,
+          i && /* @__PURE__ */ c(
+            ye,
             {
               submitting: P || j,
               className: "mt-2",
               onSave: I,
-              updatingValue: te,
+              updatingValue: oe,
               fields: l,
               onDeleteFile: U,
               onUploadFile: T,
               purpose: p,
-              wizard: a
+              wizard: i
             }
           )
         ] })
@@ -205,5 +207,5 @@ function Ie({
   ] });
 }
 export {
-  Ie as default
+  Me as default
 };

package/crud/CrudField.es.js

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as S, jsxs as D } from "react/jsx-runtime";
-import { Form as j, Radio as E, Tag as W, Select as I, ColorPicker as z } from "antd";
+import { Form as j, Radio as E, Select as I, Tag as W, ColorPicker as z } from "antd";
 import { useEffect as L, useState as G, useCallback as J } from "react";
 import K from "react-highlight-words";
 import { useTranslationLib as Q } from "../locale/index.es.js";

package/crud/CrudReportComponent.cjs.js

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

package/crud/FileCrudField.cjs.js

@@ -1 +1 @@
-"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"),k=require("mime"),c=require("react"),B=require("../locale/index.cjs.js"),H=require("../util/ValidationUtil.cjs.js"),p=require("../common/button/Button.cjs.js"),z=require("../common/layout/VerticalSpace.cjs.js");function G({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:h,fieldClassName:j,accept:P,rules:U,maxCount:O=1,block:_,...$}){const f=F.Form.useFormInstance(),x=F.Form.useWatch(n,f),[b,q]=c.useState(!1),[V,N]=c.useState(!1),A=c.useCallback(async r=>{var i,u;try{const{file:o}=r,g=o.name;q(!0),N(!0),a==null||a(!0);const C=g??"",I=C.split("."),R=I[I.length-1],W=s.generateFileName(C),M=`${await s.getInitialPath()}/${W}.${R}`;console.log({filePath:M});const D=await s.upload({...o,originFileObj:o},M);a==null||a(!1),f.setFieldValue(n,D),(i=r.onSuccess)==null||i.call(r,D)}catch(o){(u=r.onError)==null||u.call(r,o)}finally{q(!1)}},[f,n,a,s]),[w,S]=c.useState([]);c.useEffect(()=>{!V&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const i=k.getType(r),u=r.split("/").pop(),o=await s.getRealUrl(r);return{uid:r,url:o,type:i,name:u}})).then(r=>S(()=>{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,V,b,s]);const L=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?H.required(e):[],...U??[]],children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{...$,fileList:w,className:((w==null?void 0:w.length)??0)>=O?"hide-upload":"",maxCount:O,customRequest:A,onRemove:L,listType:"picture",onChange:({fileList:r})=>{S(r)},style:_?{width:"100%"}:void 0,children:t.jsx(p,{loading:b,children:"Upload File"})})]})}const J=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:k.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(E,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},E=({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.useTranslationLib();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(z,{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=E;exports.FileCrudCellValue=J;exports.default=G;
+"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"),k=require("mime"),c=require("react"),W=require("../locale/index.cjs.js"),B=require("../util/ValidationUtil.cjs.js"),p=require("../common/button/Button.cjs.js"),z=require("../common/layout/VerticalSpace.cjs.js");function G({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:h,fieldClassName:j,accept:P,rules:U,maxCount:O=1,block:_,...$}){const f=F.Form.useFormInstance(),x=F.Form.useWatch(n,f),[b,q]=c.useState(!1),[V,N]=c.useState(!1),A=c.useCallback(async r=>{var i,u;try{const{file:o}=r,g=o.name;q(!0),N(!0),a==null||a(!0);const C=g??"",S=C.split("."),L=S[S.length-1],R=s.generateFileName(C),M=`${await s.getInitialPath()}/${R}.${L}`;console.log({filePath:M});const D=await s.upload({...o,originFileObj:o},M);a==null||a(!1),f.setFieldValue(n,D),(i=r.onSuccess)==null||i.call(r,D)}catch(o){(u=r.onError)==null||u.call(r,o)}finally{q(!1)}},[f,n,a,s]),[w,I]=c.useState([]);c.useEffect(()=>{!V&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const i=k.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,V,b,s]);const H=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?B.required(e):[],...U??[]],children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{...$,fileList:w,className:((w==null?void 0:w.length)??0)>=O?"hide-upload":"",maxCount:O,customRequest:A,onRemove:H,listType:"picture",onChange:({fileList:r})=>{I(r)},style:_?{width:"100%"}:void 0,children:t.jsx(p,{loading:b,children:"Upload File"})})]})}const J=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:k.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(E,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},E=({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}=W.useTranslationLib();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"},destroyOnHidden:!0,children:t.jsxs(z,{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=E;exports.FileCrudCellValue=J;exports.default=G;

package/crud/FileCrudField.es.js

@@ -17,26 +17,26 @@ function ht({
   onRemoved: u,
   fieldClassName: w,
   accept: b,
-  rules: L,
+  rules: H,
   maxCount: I = 1,
-  block: W,
-  ..._
+  block: L,
+  ...W
 }) {
-  const d = P.useFormInstance(), h = P.useWatch(n, d), [V, D] = p(!1), [U, q] = p(!1), B = j(
+  const d = P.useFormInstance(), h = P.useWatch(n, d), [V, D] = p(!1), [U, _] = p(!1), q = j(
     async (r) => {
-      var c, o;
+      var c, i;
       try {
-        const { file: i } = r, x = i.name;
-        D(!0), q(!0), a == null || a(!0);
+        const { file: o } = r, x = o.name;
+        D(!0), _(!0), a == null || a(!0);
         const g = x ?? "", E = g.split("."), z = E[E.length - 1], G = e.generateFileName(g), M = `${await e.getInitialPath()}/${G}.${z}`;
         console.log({ filePath: M });
         const $ = await e.upload(
-          { ...i, originFileObj: i },
+          { ...o, originFileObj: o },
           M
         );
         a == null || a(!1), d.setFieldValue(n, $), (c = r.onSuccess) == null || c.call(r, $);
-      } catch (i) {
-        (o = r.onError) == null || o.call(r, i);
+      } catch (o) {
+        (i = r.onError) == null || i.call(r, o);
       } finally {
         D(!1);
       }
@@ -47,24 +47,24 @@ function ht({
     !U && h && Promise.all(
       (Array.isArray(h) ? h : [h]).map(
         async (r) => {
-          const c = S.getType(r), o = r.split("/").pop(), i = await e.getRealUrl(r);
+          const c = S.getType(r), i = r.split("/").pop(), o = await e.getRealUrl(r);
           return {
             uid: r,
-            url: i,
+            url: o,
             type: c,
-            name: o
+            name: i
           };
         }
       )
     ).then((r) => k(() => {
-      const c = r.map(({ url: o, type: i, uid: x, name: g }) => ({ uid: x, url: o, type: i, response: x, thumbUrl: o, name: g }));
+      const c = r.map(({ url: i, type: o, uid: x, name: g }) => ({ uid: x, url: i, type: o, response: x, thumbUrl: i, name: g }));
       return console.log(c), c;
     }));
   }, [h, U, V, e]);
-  const H = j(
+  const B = j(
     async (r) => {
-      const c = r.response, o = c || d.getFieldValue(n);
-      await e.delete(o), u == null || u(), r && d.setFieldsValue({ [n]: null });
+      const c = r.response, i = c || d.getFieldValue(n);
+      await e.delete(i), u == null || u(), r && d.setFieldsValue({ [n]: null });
     },
     [d, n, u, e]
   );
@@ -77,24 +77,24 @@ function ht({
       className: w,
       rules: [
         ...l ? tt.required(t) : [],
-        ...L ?? []
+        ...H ?? []
       ],
       children: [
         /* @__PURE__ */ s("input", { hidden: !0 }),
         /* @__PURE__ */ s(
           y,
           {
-            ..._,
+            ...W,
             fileList: F,
             className: ((F == null ? void 0 : F.length) ?? 0) >= I ? "hide-upload" : "",
             maxCount: I,
-            customRequest: B,
-            onRemove: H,
+            customRequest: q,
+            onRemove: B,
             listType: "picture",
             onChange: ({ fileList: r }) => {
               k(r);
             },
-            style: W ? { width: "100%" } : void 0,
+            style: L ? { width: "100%" } : void 0,
             children: /* @__PURE__ */ s(C, { loading: V, children: "Upload File" })
           }
         )
@@ -149,7 +149,7 @@ const pt = ({ provider: n, value: t }) => {
         footer: /* @__PURE__ */ s(O, {}),
         width: "100%",
         style: { top: "8px", minHeight: "700px" },
-        destroyOnClose: !0,
+        destroyOnHidden: !0,
         children: /* @__PURE__ */ f(et, { children: [
           /* @__PURE__ */ s(
             C,

package/crud/import/CrudImportComponent.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),q=require("@ant-design/icons"),V=require("papaparse"),d=require("antd"),W=require("file-saver"),a=require("react"),O=require("../../locale/index.cjs.js"),L=require("../view/CrudViewer.cjs.js"),R=require("../../util/DateUtil.cjs.js"),z=require("../../common/button/Button.cjs.js"),$=require("../../common/button/ImportButton.cjs.js");function U({onCloseMethod:w,open:y,fields:T,importProps:o}){const[u,v]=a.useState([]),[C,k]=a.useState(!1),[A,D]=a.useState(0);a.useEffect(()=>{y||(v([]),k(!1))},[y]);const p=a.useMemo(()=>new Map(T.filter(e=>{var t;return!e.hidden&&!((t=e.importProps)!=null&&t.hidden)&&!e.readonly}).map(e=>[e.name,e])),[T]),S=a.useMemo(()=>Array.from(p.values()).flatMap(e=>{var t;return[e.name,...((t=e.importProps)==null?void 0:t.extraFields)??[]]}),[p]),E=a.useCallback(async function(){const e=`${S.join(",")}
-`,t=new Blob([e],{type:"text/csv;charset=utf-8;"});W.saveAs(t,(o==null?void 0:o.name)+" - "+R.formatDateTimeWithSecond(new Date).replaceAll(":","-")+".csv")},[S,o==null?void 0:o.name]),{t:i}=O.useTranslationLib(),B=a.useCallback(async e=>{const t=new FileReader;t.onerror=console.error,t.onload=async r=>{var s;const c=(s=r==null?void 0:r.target)==null?void 0:s.result,l=V.parse(c,{header:!0});v(l.data)},t.readAsText(e)},[]),g=a.useMemo(()=>{var t,r,c;let e=!1;for(const l of u)for(const[s,f]of p.entries()){const h=l[s],m=h||!isNaN(h);if(f.required&&!m)if((r=(t=f.importProps)==null?void 0:t.extraFields)!=null&&r.length)for(const j of((c=f.importProps)==null?void 0:c.extraFields)??[])if(l[j]||!isNaN(l[j])){e=!1;break}else return!0;else return!0}return e},[u,p]),x=a.useCallback(e=>(t,r)=>{var l,s,f;const c=t||!isNaN(t);if(e.required&&!c){let h=i("err.validation.required");if((s=(l=e.importProps)==null?void 0:l.extraFields)!=null&&s.length){const m=(f=e.importProps)==null?void 0:f.extraFields;(m==null?void 0:m.find(N=>!r[N]))&&(h="Either one of these fields is required: "+[e.name,...m].join(", "))}return n.jsxs(d.Tooltip,{className:"d-flex",title:h,children:[n.jsx(q.WarningTwoTone,{twoToneColor:"#ee9702"}),t]})}return t},[i]),F=a.useCallback(async e=>{D(e)},[]),b=a.useCallback(async()=>{try{k(!0),await o.onClickImport(u,F),w(!1)}finally{k(!1),D(0)}},[u,o,w,F]),{modal:I}=d.App.useApp(),M=a.useCallback(async()=>{g?I.warning?I.warning({title:i("str.warning"),content:i("qus.importWithIssues"),okText:i("str.import"),onOk:b,okCancel:!0,closable:!0}):(console.error("You must wrap your react app with App component. https://ant.design/components/app"),window.confirm(i("qus.importWithIssues"))&&b()):b()},[g,b,i]);return n.jsxs(d.Modal,{title:[i("str.import"),o==null?void 0:o.name].filter(Boolean).join(" "),width:"100%",open:y,onOk:M,destroyOnClose:!0,onCancel:()=>w(!1),okText:i("str.import"),confirmLoading:C,okButtonProps:{disabled:!(u!=null&&u.length)},footer:(e,{OkBtn:t,CancelBtn:r})=>n.jsxs(d.Space,{children:[n.jsx(r,{}),n.jsx(t,{}),g&&n.jsx(d.Tooltip,{className:"d-flex",title:"Some fields have issue. Please review before submit.",children:n.jsx(q.WarningTwoTone,{twoToneColor:"#ee9702"})})]}),children:[n.jsxs(d.Space,{children:[n.jsx(z,{onClick:E,icon:n.jsx(q.DownloadOutlined,{}),children:i("str.downloadCsvTemplate")}),n.jsx($.ImportButton,{disabled:C,type:"default",onClick:B,accept:".csv",children:i("str.importCsvFile")})]}),n.jsx(d.Spin,{spinning:C,indicator:A?n.jsx(d.Progress,{type:"circle",percent:A*100,size:50,format:e=>`${parseInt(e)}%`}):void 0,children:n.jsx(L,{data:u,bordered:!0,size:"small",fields:Array.from(p.values()).flatMap(e=>{var t,r,c,l;return e.type==="text"?[{...e,label:e.name,render:x(e)},...((r=(t=e.importProps)==null?void 0:t.extraFields)==null?void 0:r.map(s=>({...e,name:s,label:s,render:x(e)})))??[]]:e.type==="select"?[{...e,label:e.name,type:"text",render:x(e)},...((l=(c=e.importProps)==null?void 0:c.extraFields)==null?void 0:l.map(s=>({...e,name:s,label:s,type:"text",render:x(e)})))??[]]:[{...e,label:e.name,render:x(e)}]})})})]})}module.exports=U;
+"use strict";const n=require("react/jsx-runtime"),q=require("@ant-design/icons"),V=require("papaparse"),d=require("antd"),W=require("file-saver"),a=require("react"),O=require("../../locale/index.cjs.js"),L=require("../view/CrudViewer.cjs.js"),R=require("../../util/DateUtil.cjs.js"),z=require("../../common/button/Button.cjs.js"),$=require("../../common/button/ImportButton.cjs.js");function H({onCloseMethod:w,open:y,fields:T,importProps:o}){const[u,v]=a.useState([]),[C,k]=a.useState(!1),[A,D]=a.useState(0);a.useEffect(()=>{y||(v([]),k(!1))},[y]);const p=a.useMemo(()=>new Map(T.filter(e=>{var t;return!e.hidden&&!((t=e.importProps)!=null&&t.hidden)&&!e.readonly}).map(e=>[e.name,e])),[T]),I=a.useMemo(()=>Array.from(p.values()).flatMap(e=>{var t;return[e.name,...((t=e.importProps)==null?void 0:t.extraFields)??[]]}),[p]),E=a.useCallback(async function(){const e=`${I.join(",")}
+`,t=new Blob([e],{type:"text/csv;charset=utf-8;"});W.saveAs(t,(o==null?void 0:o.name)+" - "+R.formatDateTimeWithSecond(new Date).replaceAll(":","-")+".csv")},[I,o==null?void 0:o.name]),{t:i}=O.useTranslationLib(),B=a.useCallback(async e=>{const t=new FileReader;t.onerror=console.error,t.onload=async r=>{var s;const c=(s=r==null?void 0:r.target)==null?void 0:s.result,l=V.parse(c,{header:!0});v(l.data)},t.readAsText(e)},[]),g=a.useMemo(()=>{var t,r,c;let e=!1;for(const l of u)for(const[s,f]of p.entries()){const h=l[s],m=h||!isNaN(h);if(f.required&&!m)if((r=(t=f.importProps)==null?void 0:t.extraFields)!=null&&r.length)for(const j of((c=f.importProps)==null?void 0:c.extraFields)??[])if(l[j]||!isNaN(l[j])){e=!1;break}else return!0;else return!0}return e},[u,p]),x=a.useCallback(e=>(t,r)=>{var l,s,f;const c=t||!isNaN(t);if(e.required&&!c){let h=i("err.validation.required");if((s=(l=e.importProps)==null?void 0:l.extraFields)!=null&&s.length){const m=(f=e.importProps)==null?void 0:f.extraFields;(m==null?void 0:m.find(N=>!r[N]))&&(h="Either one of these fields is required: "+[e.name,...m].join(", "))}return n.jsxs(d.Tooltip,{className:"d-flex",title:h,children:[n.jsx(q.WarningTwoTone,{twoToneColor:"#ee9702"}),t]})}return t},[i]),S=a.useCallback(async e=>{D(e)},[]),b=a.useCallback(async()=>{try{k(!0),await o.onClickImport(u,S),w(!1)}finally{k(!1),D(0)}},[u,o,w,S]),{modal:F}=d.App.useApp(),M=a.useCallback(async()=>{g?F.warning?F.warning({title:i("str.warning"),content:i("qus.importWithIssues"),okText:i("str.import"),onOk:b,okCancel:!0,closable:!0}):(console.error("You must wrap your react app with App component. https://ant.design/components/app"),window.confirm(i("qus.importWithIssues"))&&b()):b()},[g,b,i]);return n.jsxs(d.Modal,{title:[i("str.import"),o==null?void 0:o.name].filter(Boolean).join(" "),width:"100%",open:y,onOk:M,destroyOnHidden:!0,onCancel:()=>w(!1),okText:i("str.import"),confirmLoading:C,okButtonProps:{disabled:!(u!=null&&u.length)},footer:(e,{OkBtn:t,CancelBtn:r})=>n.jsxs(d.Space,{children:[n.jsx(r,{}),n.jsx(t,{}),g&&n.jsx(d.Tooltip,{className:"d-flex",title:"Some fields have issue. Please review before submit.",children:n.jsx(q.WarningTwoTone,{twoToneColor:"#ee9702"})})]}),children:[n.jsxs(d.Space,{children:[n.jsx(z,{onClick:E,icon:n.jsx(q.DownloadOutlined,{}),children:i("str.downloadCsvTemplate")}),n.jsx($.ImportButton,{disabled:C,type:"default",onClick:B,accept:".csv",children:i("str.importCsvFile")})]}),n.jsx(d.Spin,{spinning:C,indicator:A?n.jsx(d.Progress,{type:"circle",percent:A*100,size:50,format:e=>`${parseInt(e)}%`}):void 0,children:n.jsx(L,{data:u,bordered:!0,size:"small",fields:Array.from(p.values()).flatMap(e=>{var t,r,c,l;return e.type==="text"?[{...e,label:e.name,render:x(e)},...((r=(t=e.importProps)==null?void 0:t.extraFields)==null?void 0:r.map(s=>({...e,name:s,label:s,render:x(e)})))??[]]:e.type==="select"?[{...e,label:e.name,type:"text",render:x(e)},...((l=(c=e.importProps)==null?void 0:c.extraFields)==null?void 0:l.map(s=>({...e,name:s,label:s,type:"text",render:x(e)})))??[]]:[{...e,label:e.name,render:x(e)}]})})})]})}module.exports=H;