@kingteza/crud-component 1.0.40 → 1.0.43

package/common/text-field/TextArea.es.js

@@ -1,23 +1,22 @@
 import { jsx as a } from "react/jsx-runtime";
-import { Form as m, Input as l } from "antd";
-import { useTranslation as A } from "react-i18next";
-import { TRANSLATION_NAMESPACE as I } from "../../locale/hooks/translation-constants.es.js";
-const T = (r, e, t, n) => {
+import { Form as u, Input as p } from "antd";
+import { useTranslationLib as I } from "../../locale/index.es.js";
+const f = (n, e, t, r) => {
   var o;
-  e && t && (r.preventDefault(), (o = t == null ? void 0 : t.getFieldInstance(e)) == null || o.focus()), n && n(r);
+  e && t && (n.preventDefault(), (o = t == null ? void 0 : t.getFieldInstance(e)) == null || o.focus()), r && r(n);
 }, g = ({
-  required: r,
+  required: n,
   label: e,
   rules: t = [],
-  placeholder: n,
+  placeholder: r,
   onEnter: o,
-  nextFocus: u,
+  nextFocus: c,
   className: i,
   ...s
 }) => {
-  const { t: c } = A(I), d = m.useFormInstance();
+  const { t: d } = I(), l = u.useFormInstance();
   return /* @__PURE__ */ a(
-    m.Item,
+    u.Item,
     {
       ...s,
       className: i,
@@ -25,17 +24,17 @@ const T = (r, e, t, n) => {
       rules: [
         ...t,
         {
-          required: r,
-          message: `${e} ${c("err.validation.required")}`
+          required: n,
+          message: `${e} ${d("err.validation.required")}`
         }
       ],
       children: /* @__PURE__ */ a(
-        l.TextArea,
+        p.TextArea,
         {
           ...s,
           className: i,
-          onPressEnter: (p) => T(p, u, d, o),
-          placeholder: n ?? e
+          onPressEnter: (m) => f(m, c, l, o),
+          placeholder: r ?? e
         }
       )
     }
@@ -43,5 +42,5 @@ const T = (r, e, t, n) => {
 };
 export {
   g as default,
-  T as onEnterInternalTextField
+  f as onEnterInternalTextField
 };

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

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

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

package/common/wizard/WizardResult.cjs.js

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

package/common/wizard/WizardResult.es.js

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

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("react-i18next"),ie=require("../locale/hooks/translation-constants.cjs.js"),ce=require("./CrudForm.cjs.js"),re=require("./CrudFormWizard.cjs.js"),ue=require("./import/CrudImportButton.cjs.js"),de=require("./view/CrudViewer.cjs.js"),fe=require("../common/button/NewButton.cjs.js"),pe=require("../common/button/PrintButton.cjs.js"),{useForm:me}=y.Form;function ye({idField:C="id",onCreate:g,onDelete:M,onHide:_,onUpdate:f,fields:l,data:w,grid:D,isHiding:R,isCreating:h,isDeleting:U,isUpdating:q,paginateProps:W,onPrint:N,printing:L,viewable:H,loadingData:G,formBuilder:J,extraAction:K,minusHeight:Q,cloneable:X,fullWidthModal:Y=!0,wizard:i,extraView:Z,importable:P,onClickNew:V,...$}){const{t:v}=le.useTranslation(ie.TRANSLATION_NAMESPACE),[j,x]=o.useState(!1),[p,k]=o.useState(),[z,B]=o.useState(),[c]=me(),A=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,[C]:p[C]}),k(void 0)):!p&&g&&await g(u),B(void 0),c.resetFields(),x(!1)},[l,c,C,g,f,p,i]),[ee,I]=o.useState(!1),[te,S]=o.useState(!1);o.useEffect(()=>{j?(I(!1),S(!1)):F(void 0)},[j]);const O=o.useCallback(async s=>{I(s),S(!0)},[]),T=o.useCallback(async()=>{S(!0)},[]),[ne,E]=o.useState(!1),b=o.useCallback(async(s,u=!0,r=!1)=>{try{E(!0),x(!0),u&&F("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{E(!1)}},[l,c]),[m,F]=o.useState(),se=o.useCallback(async s=>{F("clone"),b(s,!1,!0)},[b]);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(fe.NewButton,{onClick:()=>{V?V():(x(s=>!s),F("new"))},className:"flex-1"})}),n.jsxs(y.Space,{children:[!!N&&n.jsx(pe.PrintButton,{className:"float-right",loading:L,onClick:N}),!!P&&n.jsx(ue,{fields:l,importProps:P})]})]}),n.jsx(de,{...$,minusHeight:Q,data:w,fields:l,extraAction:K,idField:C,isDeleting:U,loadingData:G,onClickUpdate:f?b:void 0,onHide:_,isHiding:R,onDelete:M,onUpdate:f,onClickClone:X?se:void 0,paginateProps:W,viewable:H,extraView:Z})]}),n.jsx(y.Modal,{width:Y?"100%":void 0,title:v(m??"new"),open:j,confirmLoading:h||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),x(!1)},onOk:()=>A(),destroyOnClose:!0,children:n.jsxs(y.Spin,{spinning:ne,children:[!i&&n.jsx(ce.CrudForm,{purpose:m,fields:l,form:c,formBuilder:J,grid:D,onDeleteFile:T,onUploadFile:O}),i&&n.jsx(re,{submitting:h||q,className:"mt-2",onSave:A,updatingValue:z,fields:l,onDeleteFile:T,onUploadFile:O,purpose:m,wizard:i})]})})]})}module.exports=ye;
+"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;

package/crud/CrudComponent.es.js

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

package/crud/CrudField.cjs.js

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