@kingteza/crud-component 1.0.5 → 1.0.6

package/dist/src/components/common/text-field/TextField.js

@@ -1,32 +1,32 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.js";
-import { Input as p, Form as M } from "antd";
-import { useMemo as S } from "react";
+import { j as e } from "../../../../_virtual/jsx-runtime.js";
+import { LoadingOutlined as M } from "@ant-design/icons";
+import { Input as p, Form as O } from "antd";
+import { useMemo as R } from "react";
+import { useTranslation as S } from "react-i18next";
 import { TRANSLATION_NAMESPACE as $ } from "../../../locale/hooks/translation-constants.js";
 import D from "../tooltip/TooltipComponent.js";
-import { useTranslation as L } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
-import O from "../../../../node_modules/@ant-design/icons/es/icons/LoadingOutlined.js";
-const _ = (o, n, t, s) => {
-  var r;
-  n && t && (o.preventDefault(), (r = t == null ? void 0 : t.getFieldInstance(n)) == null || r.focus()), s && s(o);
+const _ = (o, n, t, r) => {
+  var i;
+  n && t && (o.preventDefault(), (i = t == null ? void 0 : t.getFieldInstance(n)) == null || i.focus()), r && r(o);
 }, Q = ({
   type: o,
   required: n,
   label: t,
-  disabled: s,
-  rules: r = [],
+  disabled: r,
+  rules: i = [],
   placeholder: m,
-  onEnter: f,
-  size: d,
-  form: c,
-  addonAfter: l,
-  addonBefore: u,
+  onEnter: d,
+  size: f,
+  form: l,
+  addonAfter: u,
+  addonBefore: c,
   nextFocus: x,
   autoComplete: j = "off",
-  defaultValue: I,
-  readOnly: T,
+  defaultValue: T,
+  readOnly: g,
   value: A,
   loading: E,
-  onBlur: g,
+  onBlur: I,
   inputRef: v,
   status: C,
   autoFocus: P,
@@ -34,9 +34,9 @@ const _ = (o, n, t, s) => {
   tooltip: h,
   ...F
 }) => {
-  const { t: a } = L($), N = S(() => {
-    const e = [
-      ...r,
+  const { t: a } = S($), N = R(() => {
+    const s = [
+      ...i,
       {
         required: n,
         message: `${t ?? m ?? ""} ${a(
@@ -44,28 +44,28 @@ const _ = (o, n, t, s) => {
         )}`
       }
     ];
-    return o === "email" && e.push({
+    return o === "email" && s.push({
       type: "email",
       message: a("err.validation.invalidEmail")
-    }), e;
-  }, [r, n, t, m, a, o]), R = {
-    disabled: s,
+    }), s;
+  }, [i, n, t, m, a, o]), w = {
+    disabled: r,
     value: A,
-    readOnly: T,
-    defaultValue: I,
+    readOnly: g,
+    defaultValue: T,
     autoFocus: P,
-    addonBefore: u,
+    addonBefore: c,
     ref: v,
-    onBlur: g,
-    addonAfter: E ? /* @__PURE__ */ i.jsx(O, {}) : l,
+    onBlur: I,
+    addonAfter: E ? /* @__PURE__ */ e.jsx(M, {}) : u,
     status: C,
-    size: d,
+    size: f,
     autoComplete: j,
-    onPressEnter: (e) => _(e, x, c, f),
+    onPressEnter: (s) => _(s, x, l, d),
     type: o,
     placeholder: m ?? t
-  }, w = o == "password" ? p.Password : p;
-  return /* @__PURE__ */ i.jsx(D, { title: h, children: /* @__PURE__ */ i.jsx(M.Item, { ...F, label: t, rules: N, children: /* @__PURE__ */ i.jsx(w, { ...R }) }) });
+  }, L = o == "password" ? p.Password : p;
+  return /* @__PURE__ */ e.jsx(D, { title: h, children: /* @__PURE__ */ e.jsx(O.Item, { ...F, label: t, rules: N, children: /* @__PURE__ */ e.jsx(L, { ...w }) }) });
 };
 export {
   Q as default,

package/dist/src/components/common/tooltip/TooltipComponent.cjs

@@ -1 +1 @@
-"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs"),s=require("antd"),e=({children:t,title:o})=>o?r.jsxRuntimeExports.jsx(s.Tooltip,{title:o,children:t}):t;module.exports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../_virtual/jsx-runtime.cjs"),r=require("antd"),u=({children:e,title:t})=>t?o.jsxRuntimeExports.jsx(r.Tooltip,{title:t,children:e}):e;exports.default=u;

package/dist/src/components/common/wizard/WizardResult.cjs

@@ -1 +1 @@
-"use strict";const t=require("../../../../_virtual/jsx-runtime.cjs"),v=require("antd"),o=require("../../../../node_modules/i18next/dist/esm/i18next.cjs"),j=require("../button/Button.cjs"),E=require("../../../locale/hooks/translation-constants.cjs"),q=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),y=require("../../../../node_modules/@ant-design/icons/es/icons/LoadingOutlined.cjs"),T=require("../../../../node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.cjs"),A=({errorChildren:a,children:m,onRetry:x,onClickBack:r,success:e,loading:n,error:s,successTitle:p=o.t("str.success"),successMessage:c,errorMessage:u=o.t("err.save"),errorTitle:d=o.t("str.error"),loadingTitle:l=o.t("message.loading.saving"),loadingMessage:R})=>{const{t:i}=q.useTranslation(E.TRANSLATION_NAMESPACE);return t.jsxRuntimeExports.jsx(v.Result,{status:n?void 0:e?"success":s?["403","404","500"].includes(s==null?void 0:s.code)?s.code:s?"error":void 0:void 0,title:n?l:e?p:s?d:void 0,icon:n?t.jsxRuntimeExports.jsx(y,{}):void 0,subTitle:n?R:e?c:s?typeof u=="function"?u()??i("err.save"):u??i("err.save"):void 0,extra:[e?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:m}):s?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[!!r&&t.jsxRuntimeExports.jsx(j,{onClick:r,htmlType:"button",type:"primary",icon:t.jsxRuntimeExports.jsx(T,{}),children:i("str.previous")}),!!x&&t.jsxRuntimeExports.jsx(j,{type:"primary",onClick:()=>x(void 0,void 0,!0),children:i("str.retry")},"retry"),a]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{})]})};module.exports=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../../_virtual/jsx-runtime.cjs"),a=require("@ant-design/icons"),E=require("antd"),u=require("i18next"),y=require("react-i18next"),d=require("../button/Button.cjs"),f=require("../../../locale/hooks/translation-constants.cjs"),q=({errorChildren:l,children:j,onRetry:r,onClickBack:x,success:s,loading:i,error:e,successTitle:c=u.t("str.success"),successMessage:m,errorMessage:o=u.t("err.save"),errorTitle:p=u.t("str.error"),loadingTitle:v=u.t("message.loading.saving"),loadingMessage:R})=>{const{t:n}=y.useTranslation(f.TRANSLATION_NAMESPACE);return t.jsxRuntimeExports.jsx(E.Result,{status:i?void 0:s?"success":e?["403","404","500"].includes(e==null?void 0:e.code)?e.code:e?"error":void 0:void 0,title:i?v:s?c:e?p:void 0,icon:i?t.jsxRuntimeExports.jsx(a.LoadingOutlined,{}):void 0,subTitle:i?R:s?m:e?typeof o=="function"?o()??n("err.save"):o??n("err.save"):void 0,extra:[s?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:j}):e?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[!!x&&t.jsxRuntimeExports.jsx(d.default,{onClick:x,htmlType:"button",type:"primary",icon:t.jsxRuntimeExports.jsx(a.ArrowLeftOutlined,{}),children:n("str.previous")}),!!r&&t.jsxRuntimeExports.jsx(d.default,{type:"primary",onClick:()=>r(void 0,void 0,!0),children:n("str.retry")},"retry"),l]}):t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{})]})};exports.default=q;

package/dist/src/components/common/wizard/WizardResult.js

@@ -1,61 +1,60 @@
 import { j as t } from "../../../../_virtual/jsx-runtime.js";
-import { Result as j } from "antd";
-import { t as e } from "../../../../node_modules/i18next/dist/esm/i18next.js";
-import a from "../button/Button.js";
-import { TRANSLATION_NAMESPACE as y } from "../../../locale/hooks/translation-constants.js";
-import { useTranslation as R } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
-import T from "../../../../node_modules/@ant-design/icons/es/icons/LoadingOutlined.js";
-import h from "../../../../node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js";
-const S = ({
-  errorChildren: d,
-  children: f,
-  onRetry: p,
-  onClickBack: r,
-  success: i,
+import { LoadingOutlined as c, ArrowLeftOutlined as y } from "@ant-design/icons";
+import { Result as A } from "antd";
+import { t as n } from "i18next";
+import { useTranslation as T } from "react-i18next";
+import p from "../button/Button.js";
+import { TRANSLATION_NAMESPACE as h } from "../../../locale/hooks/translation-constants.js";
+const b = ({
+  errorChildren: a,
+  children: u,
+  onRetry: r,
+  onClickBack: d,
+  success: o,
   loading: s,
-  error: o,
-  successTitle: u = e("str.success"),
+  error: i,
+  successTitle: l = n("str.success"),
   successMessage: v,
-  errorMessage: n = e("err.save"),
-  errorTitle: l = e("str.error"),
-  loadingTitle: x = e("message.loading.saving"),
-  loadingMessage: c
+  errorMessage: m = n("err.save"),
+  errorTitle: x = n("str.error"),
+  loadingTitle: f = n("message.loading.saving"),
+  loadingMessage: j
 }) => {
-  const { t: m } = R(y);
+  const { t: e } = T(h);
   return /* @__PURE__ */ t.jsx(
-    j,
+    A,
     {
-      status: s ? void 0 : i ? "success" : o ? ["403", "404", "500"].includes(o == null ? void 0 : o.code) ? o.code : o ? "error" : void 0 : void 0,
-      title: s ? x : i ? u : o ? l : void 0,
-      icon: s ? /* @__PURE__ */ t.jsx(T, {}) : void 0,
-      subTitle: s ? c : i ? v : o ? typeof n == "function" ? n() ?? m("err.save") : n ?? m("err.save") : void 0,
+      status: s ? void 0 : o ? "success" : i ? ["403", "404", "500"].includes(i == null ? void 0 : i.code) ? i.code : i ? "error" : void 0 : void 0,
+      title: s ? f : o ? l : i ? x : void 0,
+      icon: s ? /* @__PURE__ */ t.jsx(c, {}) : void 0,
+      subTitle: s ? j : o ? v : i ? typeof m == "function" ? m() ?? e("err.save") : m ?? e("err.save") : void 0,
       extra: [
-        i ? /* @__PURE__ */ t.jsx(t.Fragment, { children: f }) : o ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          !!r && /* @__PURE__ */ t.jsx(
-            a,
+        o ? /* @__PURE__ */ t.jsx(t.Fragment, { children: u }) : i ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          !!d && /* @__PURE__ */ t.jsx(
+            p,
             {
-              onClick: r,
+              onClick: d,
               htmlType: "button",
               type: "primary",
-              icon: /* @__PURE__ */ t.jsx(h, {}),
-              children: m("str.previous")
+              icon: /* @__PURE__ */ t.jsx(y, {}),
+              children: e("str.previous")
             }
           ),
-          !!p && /* @__PURE__ */ t.jsx(
-            a,
+          !!r && /* @__PURE__ */ t.jsx(
+            p,
             {
               type: "primary",
-              onClick: () => p(void 0, void 0, !0),
-              children: m("str.retry")
+              onClick: () => r(void 0, void 0, !0),
+              children: e("str.retry")
             },
             "retry"
           ),
-          d
+          a
         ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {})
       ]
     }
   );
 };
 export {
-  S as default
+  b as default
 };

package/dist/src/components/common/wizard/WizardViewForm.cjs

@@ -1 +1 @@
-"use strict";const i=require("../../../../_virtual/jsx-runtime.cjs"),E=require("antd"),o=require("react"),q=require("../appearance/Hider.cjs"),{Step:C}=E.Steps,F=o.forwardRef(({pages:p,onSubmit:l,initPosition:x=0,progressDot:S,type:w,labelPlacement:v,className:b,pageStyle:g},k)=>{const[e,c]=o.useState(0),[r,d]=o.useState([]);o.useEffect(()=>{c(x)},[x]),o.useImperativeHandle(k,()=>({gotTo:t=>c(t)}),[]);const f=o.useCallback((t,u=!1,a=!1)=>{const s=[...r];if(t!==void 0&&(s[e]=t,d(s)),a||c(e+1),u&&l){const n={};for(const h of s)for(const R in h)n[R]=h[R];l(s,n)}},[e,r,l]),m=o.useCallback(()=>{const t=[...r];t[e]=void 0,d(t),c(e-1)},[e,r]),j=o.useMemo(()=>{const t=[],u=[],a=p.filter(s=>!s.hidden);for(let s=0;s<a.length;s++){const n=a[s];u.push(i.jsxRuntimeExports.jsx(q,{hide:e!==s,children:n.component({forward:f,backward:m},r,e===s)},`${n.title}${s}`)),t.push(i.jsxRuntimeExports.jsx(C,{icon:n.icon,title:n.title},n.title))}return{_pages:u,steps:t}},[m,e,r,f,p]);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(E.Steps,{labelPlacement:v,progressDot:S,className:[b,"pb-3"].join(" "),current:e,type:w,children:j.steps}),i.jsxRuntimeExports.jsx("div",{style:g,children:j._pages})]})});module.exports=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../_virtual/jsx-runtime.cjs"),S=require("antd"),o=require("react"),q=require("../appearance/Hider.cjs"),{Step:_}=S.Steps,y=o.forwardRef(({pages:d,onSubmit:a,initPosition:p=0,progressDot:v,type:E,labelPlacement:b,className:g,pageStyle:w},k)=>{const[s,c]=o.useState(0),[r,f]=o.useState([]);o.useEffect(()=>{c(p)},[p]),o.useImperativeHandle(k,()=>({gotTo:t=>c(t)}),[]);const x=o.useCallback((t,u=!1,l=!1)=>{const e=[...r];if(t!==void 0&&(e[s]=t,f(e)),l||c(s+1),u&&a){const n={};for(const h of e)for(const R in h)n[R]=h[R];a(e,n)}},[s,r,a]),m=o.useCallback(()=>{const t=[...r];t[s]=void 0,f(t),c(s-1)},[s,r]),j=o.useMemo(()=>{const t=[],u=[],l=d.filter(e=>!e.hidden);for(let e=0;e<l.length;e++){const n=l[e];u.push(i.jsxRuntimeExports.jsx(q.default,{hide:s!==e,children:n.component({forward:x,backward:m},r,s===e)},`${n.title}${e}`)),t.push(i.jsxRuntimeExports.jsx(_,{icon:n.icon,title:n.title},n.title))}return{_pages:u,steps:t}},[m,s,r,x,d]);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(S.Steps,{labelPlacement:b,progressDot:v,className:[g,"pb-3"].join(" "),current:s,type:E,children:j.steps}),i.jsxRuntimeExports.jsx("div",{style:w,children:j._pages})]})});exports.default=y;

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

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

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

@@ -2,14 +2,14 @@ import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { Space as _, Modal as ae, Spin as ie, Form as re } from "antd";
 import ce from "../../../_virtual/dayjs.min.js";
 import { useState as m, useCallback as y, useEffect as me } from "react";
-import { TRANSLATION_NAMESPACE as fe } from "../../locale/hooks/translation-constants.js";
-import { CrudForm as de } from "./CrudForm.js";
-import ue from "./CrudFormWizard.js";
-import pe from "./import/CrudImportButton.js";
-import ye from "./view/CrudViewer.js";
-import { NewButton as xe } from "../common/button/NewButton.js";
-import { PrintButton as Fe } from "../common/button/PrintButton.js";
-import { useTranslation as ge } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { useTranslation as fe } from "react-i18next";
+import { TRANSLATION_NAMESPACE as de } from "../../locale/hooks/translation-constants.js";
+import { CrudForm as ue } from "./CrudForm.js";
+import pe from "./CrudFormWizard.js";
+import ye from "./import/CrudImportButton.js";
+import xe from "./view/CrudViewer.js";
+import { NewButton as Fe } from "../common/button/NewButton.js";
+import { PrintButton as ge } from "../common/button/PrintButton.js";
 const { useForm: je } = re;
 function Oe({
   idField: x = "id",
@@ -40,7 +40,7 @@ function Oe({
   onClickNew: A,
   ...z
 }) {
-  const { t: v } = ge(fe), [C, F] = m(!1), [u, B] = m(), [ee, h] = m(), [i] = je(), E = y(
+  const { t: v } = fe(de), [C, F] = m(!1), [u, B] = m(), [ee, h] = m(), [i] = je(), E = y(
     async (n) => {
       const c = a ? n : await i.validateFields(), r = l.filter((e) => e.type === "color"), s = {};
       r.forEach((e) => {
@@ -98,7 +98,7 @@ function Oe({
     /* @__PURE__ */ o.jsxs(_, { direction: "vertical", className: "w-100", children: [
       /* @__PURE__ */ o.jsxs("div", { className: "w-100 d-flex", children: [
         /* @__PURE__ */ o.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ o.jsx(
-          xe,
+          Fe,
           {
             onClick: () => {
               A ? A() : (F((n) => !n), g("new"));
@@ -108,18 +108,18 @@ function Oe({
         ) }),
         /* @__PURE__ */ o.jsxs(_, { children: [
           !!V && /* @__PURE__ */ o.jsx(
-            Fe,
+            ge,
             {
               className: "float-right",
               loading: q,
               onClick: V
             }
           ),
-          !!P && /* @__PURE__ */ o.jsx(pe, { fields: l, importProps: P })
+          !!P && /* @__PURE__ */ o.jsx(ye, { fields: l, importProps: P })
         ] })
       ] }),
       /* @__PURE__ */ o.jsx(
-        ye,
+        xe,
         {
           ...z,
           minusHeight: X,
@@ -175,7 +175,7 @@ function Oe({
         destroyOnClose: !0,
         children: /* @__PURE__ */ o.jsxs(ie, { spinning: ne, children: [
           !a && /* @__PURE__ */ o.jsx(
-            de,
+            ue,
             {
               purpose: p,
               fields: l,
@@ -187,7 +187,7 @@ function Oe({
             }
           ),
           a && /* @__PURE__ */ o.jsx(
-            ue,
+            pe,
             {
               submitting: S || N,
               className: "mt-2",

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../_virtual/jsx-runtime.cjs"),E=require("antd"),y=require("react"),H=require("../../../_virtual/main.cjs"),W=require("../../locale/hooks/translation-constants.cjs"),G=require("./FileCrudField.cjs"),$=require("./ImageCrudField.cjs"),z=require("../common/DatePicker/DatePicker.cjs"),J=require("../common/DatePicker/TimePicker.cjs"),K=require("../common/check-box/CheckBox.cjs"),L=require("../common/select/SelectComponent.cjs"),Q=require("../common/text-field/NumberField.cjs"),X=require("../common/text-field/TextField.cjs"),Y=require("../common/text-field/TextArea.cjs"),Z=require("../common/tooltip/TooltipComponent.cjs"),V=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs");function ee(b){const{label:a,name:d,type:C,required:l,hidden:T,rules:x=[],updatable:m=!0,readonly:q=!1,fieldClassName:h,customFormFieldRender:N,fieldTooltip:f,...e}=b,p=E.Form.useFormInstance();y.useEffect(()=>{if(C==="select"){const{items:r=[],onSearch:i,searchOnType:n}=e;!(r!=null&&r.length)&&!n&&(i==null||i(void 0,p,e==null?void 0:e.updatingValue))}},[p,e,C,e==null?void 0:e.updatingValue]);const{t:F}=V.useTranslation(W.TRANSLATION_NAMESPACE);if(q||T)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});if(N)return N(p,b);switch(C){case"text":case"email":case"password":{const{onChange:r,placeholder:i}=e;return t.jsxRuntimeExports.jsx(X.default,{placeholder:i,disabled:!m,rules:x,required:l,onChange:r?n=>r(n,p):void 0,type:C,name:d,tooltip:f,label:a,className:h,autoComplete:"new-password"})}case"number":{const{onChange:r,placeholder:i,allowMinus:n}=e;return t.jsxRuntimeExports.jsx(Q,{placeholder:i,disabled:!m,moneyField:!!e.formatted,type:C,onChange:r?j=>r(j,p):void 0,rules:x,autoComplete:"false",required:l,tooltip:f,className:h,min:n?null:void 0,name:d,label:a})}case"date":{const{range:r,disableToday:i,disabledFutureDays:n,disabledPastDays:j,onChange:g,placeholder:c,format:v}=e;return t.jsxRuntimeExports.jsx(z,{placeholder:c,required:l,disabled:!m,type:C,format:v,tooltip:f,range:r,name:d,label:a,onChange:g?o=>g(o,p):void 0,className:h,disableToday:i,disabledFutureDays:n,disabledPastDays:j})}case"time":{const{range:r=!1,disableCurrent:i,disabledFuture:n,disabledPast:j,onChange:g,use12Hours:c,format:v,placeholder:o}=e;return t.jsxRuntimeExports.jsx(J,{placeholder:o,required:l,format:v,disabled:!m,type:C,tooltip:f,range:r,use12Hours:c,name:d,label:a,onChange:g?R=>g(R,p):void 0,className:h,disableCurrent:i,disabledFuture:n,disabledPast:j})}case"textarea":{const{onChange:r,placeholder:i,rows:n,cols:j}=e;return t.jsxRuntimeExports.jsx(Y.default,{rules:x,placeholder:i,onChange:r?g=>{var c;return r((c=g==null?void 0:g.target)==null?void 0:c.value,p)}:void 0,tooltip:f,required:l,disabled:!m,name:d,label:a,className:h,rows:n,cols:j})}case"image":return t.jsxRuntimeExports.jsx($.default,{...e,required:l,name:d,label:a,rules:x,fieldClassName:h,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"file":return t.jsxRuntimeExports.jsx(G.default,{...e,required:l,name:d,label:a,rules:x,fieldClassName:h,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"select":return t.jsxRuntimeExports.jsx(B,{...e,required:l,name:d,label:a,rules:x,fieldClassName:h,form:p,updatable:m,readonly:q,fieldTooltip:f});case"enum":{const{enum:r,radio:i=!1,translation:n,onChange:j,onSearch:g,multiple:c}=e,v=Array.isArray(r)?r:Object.keys(r);return i?t.jsxRuntimeExports.jsx(E.Form.Item,{...e,name:d,required:l,tooltip:f,rules:x,label:a,className:["w-100",h].join(" "),children:t.jsxRuntimeExports.jsx(E.Radio.Group,{...e,onChange:j?o=>{var R;return j((R=o==null?void 0:o.target)==null?void 0:R.value,p)}:void 0,children:v.map(o=>t.jsxRuntimeExports.jsx(E.Radio,{disabled:!m,value:o,children:n?F(n[o]):o},o))})}):t.jsxRuntimeExports.jsx(L,{...e,onChange:j?o=>j(o,p):void 0,className:["w-100",h].join(" "),name:d,items:v,required:l,tooltip:f,rules:x,label:a,disabled:!m,onSearch:g?o=>g(o,p):void 0,allowClear:!0,mode:c?"multiple":void 0,itemBuilder:o=>t.jsxRuntimeExports.jsx(E.Select.Option,{value:o,children:n?F(n[o]):o},o)})}case"checkbox":{const{onChange:r}=e;return t.jsxRuntimeExports.jsx(K,{className:h,rules:x,onChange:r?i=>r(i,p):void 0,label:a,tooltip:f,disabled:!m,name:d})}case"color":return t.jsxRuntimeExports.jsx(M,{...e,type:"color",required:l,name:d,label:a,rules:x,fieldClassName:h,updatable:m,readonly:q,fieldTooltip:f});default:return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:`${C} Not Implemented`})}}function B(b){const{items:a=[],loading:d,searchOnType:C,onSearch:l,multiple:T,onChange:x,highlightSearch:m,required:q,fieldClassName:h,rules:N,fieldTooltip:f,updatable:e,label:p,name:F,tagRender:r,updatingValue:i,onSet:n,placeholder:j,allowClear:g=!0}=b,c=b.form,[v,o]=y.useState(""),R=E.Form.useWatch(F,c),[S,w]=y.useState(!0);y.useEffect(()=>{n&&S&&R&&(n==null||n(R,a,c),w(!1))},[S,c,a,F,n,R]),y.useEffect(()=>{R&&w(!0)},[R]);const U=y.useCallback(async s=>{o(s),C&&(l==null||l(s,c,i))},[c,l,C,i]);return t.jsxRuntimeExports.jsx(L,{...b,maxTagCount:"responsive",maxTagPlaceholder:s=>t.jsxRuntimeExports.jsxs(Z,{title:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s.map(u=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[u.label," ",t.jsxRuntimeExports.jsx("br",{})]}))}),children:["+",s==null?void 0:s.length]}),placeholder:j,onSelect:s=>{n==null||n(s==null?void 0:s.key,a,c)},onChange:x?s=>{o(""),x(s,c)}:void 0,mode:T?"multiple":void 0,className:["w-100",h].join(" "),name:F,items:a,required:q,tooltip:f,tagRender:r,rules:N,disabled:!e,label:p,allowClear:g,onSearch:U,loading:d,filterOption:m?(s,u)=>{var k,O,P;try{const A=s.toLowerCase().split(/\s+/),_=((typeof(u==null?void 0:u.children)=="string"?u==null?void 0:u.children:(O=(k=u==null?void 0:u.children)==null?void 0:k.props)==null?void 0:O.textToHighlight)??"").toLowerCase(),D=(((P=u==null?void 0:u.value)==null?void 0:P.toString())??"").toLowerCase();return A.every(I=>_.indexOf(I)>=0||D.indexOf(I)>=0)}catch{return!0}}:void 0,itemBuilder:m?s=>{const u=s.value?String(s.value):void 0;return t.jsxRuntimeExports.jsx(E.Select.Option,{value:s.key,title:u,disabled:s.disabled,children:t.jsxRuntimeExports.jsx(H,{highlightClassName:"highlight-text",searchWords:(v??"").split(" "),autoEscape:!0,textToHighlight:u??""})},s.key)}:s=>t.jsxRuntimeExports.jsx(E.Select.Option,{value:s.key,title:s.value,disabled:s.disabled,children:s.value},s.key)})}function M(b){const{required:a,fieldClassName:d,rules:C,fieldTooltip:l,updatable:T,label:x,name:m}=b;return t.jsxRuntimeExports.jsx(E.Form.Item,{label:x,name:m,required:a,rules:C,tooltip:l,children:t.jsxRuntimeExports.jsx(E.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:d,disabled:!T,...b.innerProps})})}exports.ColorCrudFieldComponent=M;exports.SelectCrudFieldComponent=B;exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../_virtual/jsx-runtime.cjs"),E=require("antd"),y=require("react"),D=require("react-highlight-words"),W=require("react-i18next"),G=require("../../locale/hooks/translation-constants.cjs"),$=require("./FileCrudField.cjs"),z=require("./ImageCrudField.cjs"),J=require("../common/DatePicker/DatePicker.cjs"),K=require("../common/DatePicker/TimePicker.cjs"),Q=require("../common/check-box/CheckBox.cjs"),L=require("../common/select/SelectComponent.cjs"),X=require("../common/text-field/NumberField.cjs"),Y=require("../common/text-field/TextField.cjs"),Z=require("../common/text-field/TextArea.cjs"),V=require("../common/tooltip/TooltipComponent.cjs");function ee(b){const{label:i,name:d,type:f,required:l,hidden:T,rules:x=[],updatable:m=!0,readonly:q=!1,fieldClassName:h,customFormFieldRender:N,fieldTooltip:C,...e}=b,p=E.Form.useFormInstance();y.useEffect(()=>{if(f==="select"){const{items:r=[],onSearch:a,searchOnType:n}=e;!(r!=null&&r.length)&&!n&&(a==null||a(void 0,p,e==null?void 0:e.updatingValue))}},[p,e,f,e==null?void 0:e.updatingValue]);const{t:F}=W.useTranslation(G.TRANSLATION_NAMESPACE);if(q||T)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});if(N)return N(p,b);switch(f){case"text":case"email":case"password":{const{onChange:r,placeholder:a}=e;return t.jsxRuntimeExports.jsx(Y.default,{placeholder:a,disabled:!m,rules:x,required:l,onChange:r?n=>r(n,p):void 0,type:f,name:d,tooltip:C,label:i,className:h,autoComplete:"new-password"})}case"number":{const{onChange:r,placeholder:a,allowMinus:n}=e;return t.jsxRuntimeExports.jsx(X.default,{placeholder:a,disabled:!m,moneyField:!!e.formatted,type:f,onChange:r?j=>r(j,p):void 0,rules:x,autoComplete:"false",required:l,tooltip:C,className:h,min:n?null:void 0,name:d,label:i})}case"date":{const{range:r,disableToday:a,disabledFutureDays:n,disabledPastDays:j,onChange:g,placeholder:c,format:v}=e;return t.jsxRuntimeExports.jsx(J.default,{placeholder:c,required:l,disabled:!m,type:f,format:v,tooltip:C,range:r,name:d,label:i,onChange:g?o=>g(o,p):void 0,className:h,disableToday:a,disabledFutureDays:n,disabledPastDays:j})}case"time":{const{range:r=!1,disableCurrent:a,disabledFuture:n,disabledPast:j,onChange:g,use12Hours:c,format:v,placeholder:o}=e;return t.jsxRuntimeExports.jsx(K.default,{placeholder:o,required:l,format:v,disabled:!m,type:f,tooltip:C,range:r,use12Hours:c,name:d,label:i,onChange:g?R=>g(R,p):void 0,className:h,disableCurrent:a,disabledFuture:n,disabledPast:j})}case"textarea":{const{onChange:r,placeholder:a,rows:n,cols:j}=e;return t.jsxRuntimeExports.jsx(Z.default,{rules:x,placeholder:a,onChange:r?g=>{var c;return r((c=g==null?void 0:g.target)==null?void 0:c.value,p)}:void 0,tooltip:C,required:l,disabled:!m,name:d,label:i,className:h,rows:n,cols:j})}case"image":return t.jsxRuntimeExports.jsx(z.default,{...e,required:l,name:d,label:i,rules:x,fieldClassName:h,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"file":return t.jsxRuntimeExports.jsx($.default,{...e,required:l,name:d,label:i,rules:x,fieldClassName:h,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"select":return t.jsxRuntimeExports.jsx(B,{...e,required:l,name:d,label:i,rules:x,fieldClassName:h,form:p,updatable:m,readonly:q,fieldTooltip:C});case"enum":{const{enum:r,radio:a=!1,translation:n,onChange:j,onSearch:g,multiple:c}=e,v=Array.isArray(r)?r:Object.keys(r);return a?t.jsxRuntimeExports.jsx(E.Form.Item,{...e,name:d,required:l,tooltip:C,rules:x,label:i,className:["w-100",h].join(" "),children:t.jsxRuntimeExports.jsx(E.Radio.Group,{...e,onChange:j?o=>{var R;return j((R=o==null?void 0:o.target)==null?void 0:R.value,p)}:void 0,children:v.map(o=>t.jsxRuntimeExports.jsx(E.Radio,{disabled:!m,value:o,children:n?F(n[o]):o},o))})}):t.jsxRuntimeExports.jsx(L.default,{...e,onChange:j?o=>j(o,p):void 0,className:["w-100",h].join(" "),name:d,items:v,required:l,tooltip:C,rules:x,label:i,disabled:!m,onSearch:g?o=>g(o,p):void 0,allowClear:!0,mode:c?"multiple":void 0,itemBuilder:o=>t.jsxRuntimeExports.jsx(E.Select.Option,{value:o,children:n?F(n[o]):o},o)})}case"checkbox":{const{onChange:r}=e;return t.jsxRuntimeExports.jsx(Q.default,{className:h,rules:x,onChange:r?a=>r(a,p):void 0,label:i,tooltip:C,disabled:!m,name:d})}case"color":return t.jsxRuntimeExports.jsx(H,{...e,type:"color",required:l,name:d,label:i,rules:x,fieldClassName:h,updatable:m,readonly:q,fieldTooltip:C});default:return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:`${f} Not Implemented`})}}function B(b){const{items:i=[],loading:d,searchOnType:f,onSearch:l,multiple:T,onChange:x,highlightSearch:m,required:q,fieldClassName:h,rules:N,fieldTooltip:C,updatable:e,label:p,name:F,tagRender:r,updatingValue:a,onSet:n,placeholder:j,allowClear:g=!0}=b,c=b.form,[v,o]=y.useState(""),R=E.Form.useWatch(F,c),[S,w]=y.useState(!0);y.useEffect(()=>{n&&S&&R&&(n==null||n(R,i,c),w(!1))},[S,c,i,F,n,R]),y.useEffect(()=>{R&&w(!0)},[R]);const M=y.useCallback(async s=>{o(s),f&&(l==null||l(s,c,a))},[c,l,f,a]);return t.jsxRuntimeExports.jsx(L.default,{...b,maxTagCount:"responsive",maxTagPlaceholder:s=>t.jsxRuntimeExports.jsxs(V.default,{title:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s.map(u=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[u.label," ",t.jsxRuntimeExports.jsx("br",{})]}))}),children:["+",s==null?void 0:s.length]}),placeholder:j,onSelect:s=>{n==null||n(s==null?void 0:s.key,i,c)},onChange:x?s=>{o(""),x(s,c)}:void 0,mode:T?"multiple":void 0,className:["w-100",h].join(" "),name:F,items:i,required:q,tooltip:C,tagRender:r,rules:N,disabled:!e,label:p,allowClear:g,onSearch:M,loading:d,filterOption:m?(s,u)=>{var k,O,P;try{const A=s.toLowerCase().split(/\s+/),U=((typeof(u==null?void 0:u.children)=="string"?u==null?void 0:u.children:(O=(k=u==null?void 0:u.children)==null?void 0:k.props)==null?void 0:O.textToHighlight)??"").toLowerCase(),_=(((P=u==null?void 0:u.value)==null?void 0:P.toString())??"").toLowerCase();return A.every(I=>U.indexOf(I)>=0||_.indexOf(I)>=0)}catch{return!0}}:void 0,itemBuilder:m?s=>{const u=s.value?String(s.value):void 0;return t.jsxRuntimeExports.jsx(E.Select.Option,{value:s.key,title:u,disabled:s.disabled,children:t.jsxRuntimeExports.jsx(D,{highlightClassName:"highlight-text",searchWords:(v??"").split(" "),autoEscape:!0,textToHighlight:u??""})},s.key)}:s=>t.jsxRuntimeExports.jsx(E.Select.Option,{value:s.key,title:s.value,disabled:s.disabled,children:s.value},s.key)})}function H(b){const{required:i,fieldClassName:d,rules:f,fieldTooltip:l,updatable:T,label:x,name:m}=b;return t.jsxRuntimeExports.jsx(E.Form.Item,{label:x,name:m,required:i,rules:f,tooltip:l,children:t.jsxRuntimeExports.jsx(E.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:d,disabled:!T,...b.innerProps})})}exports.ColorCrudFieldComponent=H;exports.SelectCrudFieldComponent=B;exports.default=ee;

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

@@ -1,19 +1,19 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { Form as k, Radio as H, Select as O, ColorPicker as _ } from "antd";
 import { useEffect as R, useState as U, useCallback as G } from "react";
-import $ from "../../../_virtual/main.js";
-import { TRANSLATION_NAMESPACE as z } from "../../locale/hooks/translation-constants.js";
-import J from "./FileCrudField.js";
-import K from "./ImageCrudField.js";
-import Q from "../common/DatePicker/DatePicker.js";
-import X from "../common/DatePicker/TimePicker.js";
-import Y from "../common/check-box/CheckBox.js";
+import $ from "react-highlight-words";
+import { useTranslation as z } from "react-i18next";
+import { TRANSLATION_NAMESPACE as J } from "../../locale/hooks/translation-constants.js";
+import K from "./FileCrudField.js";
+import Q from "./ImageCrudField.js";
+import X from "../common/DatePicker/DatePicker.js";
+import Y from "../common/DatePicker/TimePicker.js";
+import Z from "../common/check-box/CheckBox.js";
 import q from "../common/select/SelectComponent.js";
-import Z from "../common/text-field/NumberField.js";
-import V from "../common/text-field/TextField.js";
-import ee from "../common/text-field/TextArea.js";
-import te from "../common/tooltip/TooltipComponent.js";
-import { useTranslation as re } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import V from "../common/text-field/NumberField.js";
+import ee from "../common/text-field/TextField.js";
+import te from "../common/text-field/TextArea.js";
+import re from "../common/tooltip/TooltipComponent.js";
 function ve(v) {
   const {
     label: i,
@@ -39,7 +39,7 @@ function ve(v) {
       !(o != null && o.length) && !a && (n == null || n(void 0, p, e == null ? void 0 : e.updatingValue));
     }
   }, [p, e, x, e == null ? void 0 : e.updatingValue]);
-  const { t: F } = re(z);
+  const { t: F } = z(J);
   if (N || T) return /* @__PURE__ */ t.jsx(t.Fragment, {});
   if (w)
     return w(p, v);
@@ -49,7 +49,7 @@ function ve(v) {
     case "password": {
       const { onChange: o, placeholder: n } = e;
       return /* @__PURE__ */ t.jsx(
-        V,
+        ee,
         {
           placeholder: n,
           disabled: !h,
@@ -68,7 +68,7 @@ function ve(v) {
     case "number": {
       const { onChange: o, placeholder: n, allowMinus: a } = e;
       return /* @__PURE__ */ t.jsx(
-        Z,
+        V,
         {
           placeholder: n,
           disabled: !h,
@@ -97,7 +97,7 @@ function ve(v) {
         format: y
       } = e;
       return /* @__PURE__ */ t.jsx(
-        Q,
+        X,
         {
           placeholder: c,
           required: s,
@@ -128,7 +128,7 @@ function ve(v) {
         placeholder: l
       } = e;
       return /* @__PURE__ */ t.jsx(
-        X,
+        Y,
         {
           placeholder: l,
           required: s,
@@ -151,7 +151,7 @@ function ve(v) {
     case "textarea": {
       const { onChange: o, placeholder: n, rows: a, cols: f } = e;
       return /* @__PURE__ */ t.jsx(
-        ee,
+        te,
         {
           rules: u,
           placeholder: n,
@@ -172,7 +172,7 @@ function ve(v) {
     }
     case "image":
       return /* @__PURE__ */ t.jsx(
-        K,
+        Q,
         {
           ...e,
           required: s,
@@ -187,7 +187,7 @@ function ve(v) {
       );
     case "file":
       return /* @__PURE__ */ t.jsx(
-        J,
+        K,
         {
           ...e,
           required: s,
@@ -270,7 +270,7 @@ function ve(v) {
     case "checkbox": {
       const { onChange: o } = e;
       return /* @__PURE__ */ t.jsx(
-        Y,
+        Z,
         {
           className: g,
           rules: u,
@@ -341,7 +341,7 @@ function oe(v) {
       ...v,
       maxTagCount: "responsive",
       maxTagPlaceholder: (r) => /* @__PURE__ */ t.jsxs(
-        te,
+        re,
         {
           title: /* @__PURE__ */ t.jsx(t.Fragment, { children: r.map((d) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
             d.label,

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

@@ -2,18 +2,18 @@ import { j as t } from "../../../_virtual/jsx-runtime.js";
 import x, { useMemo as h, createElement as o, useCallback as p } from "react";
 import { Form as j, Col as b, Input as g, Row as A } from "antd";
 import l from "./CrudField.js";
-function _({
+function v({
   form: d,
-  purpose: u = "new",
+  purpose: s = "new",
   ...i
 }) {
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(j, { form: d, layout: "vertical", children: /* @__PURE__ */ t.jsx(C, { ...i, purpose: u }) }) });
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(j, { form: d, layout: "vertical", children: /* @__PURE__ */ t.jsx(C, { ...i, purpose: s }) }) });
 }
 function C({
   fields: d,
-  formBuilder: u,
+  formBuilder: s,
   grid: i,
-  onDeleteFile: s,
+  onDeleteFile: u,
   onUploadFile: c,
   purpose: m
 }) {
@@ -26,7 +26,7 @@ function C({
         },
         onDelete: (a) => {
           var n;
-          r.onUploading && ((n = r.onDelete) == null || n.call(r, a)), s == null || s(a);
+          r.onUploading && ((n = r.onDelete) == null || n.call(r, a)), u == null || u(a);
         }
       };
       return /* @__PURE__ */ t.jsx(x.Fragment, { children: r.grid && i ? /* @__PURE__ */ t.jsx(b, { ...r.grid, children: /* @__PURE__ */ o(
@@ -47,7 +47,7 @@ function C({
         }
       ) }, r.name);
     }),
-    [d, i, s, c, m]
+    [d, i, u, c, m]
   ), y = p(
     (r, e = {}) => {
       const a = d.find((n) => n.name === r);
@@ -68,8 +68,8 @@ function C({
     },
     [d, m]
   );
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: u ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    u(y, {
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: s ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    s(y, {
       isAnyFieldHidden(...r) {
         const e = Array.isArray(r) ? r : [r];
         return d.filter((n) => e.includes(n.name)).some((n) => n.hidden);
@@ -86,6 +86,6 @@ function C({
   ] }) : i ? /* @__PURE__ */ t.jsx(A, { gutter: [8, 8], children: f }) : f });
 }
 export {
-  _ as CrudForm,
+  v as CrudForm,
   C as CrudFormFields
 };

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

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