@kingteza/crud-component 1.0.5 → 1.0.9

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

@@ -1,23 +1,26 @@
-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";
-const { useForm: je } = re;
-function Oe({
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import le from "../../../_virtual/dayjs.min.js";
+import { useState as m, useCallback as y, useEffect as ae } from "react";
+import { useTranslation as re } from "react-i18next";
+import { TRANSLATION_NAMESPACE as ce } from "../../locale/hooks/translation-constants.js";
+import { CrudForm as me } from "./CrudForm.js";
+import fe from "./CrudFormWizard.js";
+import de from "./import/CrudImportButton.js";
+import pe from "./view/CrudViewer.js";
+import { NewButton as ue } from "../common/button/NewButton.js";
+import { PrintButton as ye } from "../common/button/PrintButton.js";
+import _ from "../../../node_modules/antd/es/space/index.js";
+import xe from "../../../node_modules/antd/es/modal/index.js";
+import Fe from "../../../node_modules/antd/es/spin/index.js";
+import ge from "../../../node_modules/antd/es/form/index.js";
+const { useForm: je } = ge;
+function Me({
   idField: x = "id",
   onCreate: j,
   onDelete: D,
   onHide: U,
   onUpdate: d,
-  fields: l,
+  fields: i,
   data: W,
   grid: w,
   isHiding: L,
@@ -34,27 +37,27 @@ function Oe({
   minusHeight: X,
   cloneable: Y,
   fullWidthModal: Z = !0,
-  wizard: a,
+  wizard: l,
   extraView: $,
   importable: P,
   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 } = re(ce), [C, F] = m(!1), [p, B] = m(), [ee, h] = m(), [a] = je(), E = y(
     async (n) => {
-      const c = a ? n : await i.validateFields(), r = l.filter((e) => e.type === "color"), s = {};
+      const c = l ? n : await a.validateFields(), r = i.filter((e) => e.type === "color"), s = {};
       r.forEach((e) => {
         var f;
-        const t = i.getFieldValue(e.name);
-        s[e.name] = typeof t == "string" ? t : (f = t == null ? void 0 : t.toHexString()) == null ? void 0 : f.toUpperCase();
-      }), Object.assign(c, s), u && d ? (await d({
+        const o = a.getFieldValue(e.name);
+        s[e.name] = typeof o == "string" ? o : (f = o == null ? void 0 : o.toHexString()) == null ? void 0 : f.toUpperCase();
+      }), Object.assign(c, s), p && d ? (await d({
         ...c,
-        [x]: u[x]
-      }), B(void 0)) : !u && j && await j(c), h(void 0), i.resetFields(), F(!1);
+        [x]: p[x]
+      }), B(void 0)) : !p && j && await j(c), h(void 0), a.resetFields(), F(!1);
     },
-    [l, i, x, j, d, u, a]
-  ), [te, O] = m(!1), [oe, k] = m(!1);
-  me(() => {
+    [i, a, x, j, d, p, l]
+  ), [oe, O] = m(!1), [te, k] = m(!1);
+  ae(() => {
     C ? (O(!1), k(!1)) : g(void 0);
   }, [C]);
   const T = y(async (n) => {
@@ -66,39 +69,39 @@ function Oe({
       try {
         M(!0), F(!0), c && g("update");
         const s = {};
-        for (const e of l) {
-          const t = n[e.name];
+        for (const e of i) {
+          const o = n[e.name];
           if (r && e.type === "image") {
-            const f = t;
+            const f = o;
             try {
-              const le = await e.provider.clone(f);
-              s[e.name] = le;
+              const ie = await e.provider.clone(f);
+              s[e.name] = ie;
               continue;
             } catch {
               continue;
             }
           }
-          e.type === "date" ? t && (s[e.name] = ce(t)) : e.type === "select" ? e.multiple && Array.isArray(t) ? s[e.name] = t.map(
+          e.type === "date" ? o && (s[e.name] = le(o)) : e.type === "select" ? e.multiple && Array.isArray(o) ? s[e.name] = o.map(
             (f) => f[e.innerFieldId ?? "id"]
-          ) : t && typeof t == "object" ? s[e.name] = t[e.innerFieldId ?? "id"] : (t && typeof t == "string" || typeof t == "number") && (s[e.name] = t) : s[e.name] = t;
+          ) : o && typeof o == "object" ? s[e.name] = o[e.innerFieldId ?? "id"] : (o && typeof o == "string" || typeof o == "number") && (s[e.name] = o) : s[e.name] = o;
         }
-        i.setFieldsValue(s), h(s), c && B(n);
+        a.setFieldsValue(s), h(s), c && B(n);
       } finally {
         M(!1);
       }
     },
-    [l, i]
-  ), [p, g] = m(), se = y(
+    [i, a]
+  ), [u, g] = m(), se = y(
     async (n) => {
       g("clone"), b(n, !1, !0);
     },
     [b]
   );
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__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,
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs(_, { direction: "vertical", className: "w-100", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "w-100 d-flex", children: [
+        /* @__PURE__ */ t.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ t.jsx(
+          ue,
           {
             onClick: () => {
               A ? A() : (F((n) => !n), g("new"));
@@ -106,25 +109,25 @@ function Oe({
             className: "flex-1"
           }
         ) }),
-        /* @__PURE__ */ o.jsxs(_, { children: [
-          !!V && /* @__PURE__ */ o.jsx(
-            Fe,
+        /* @__PURE__ */ t.jsxs(_, { children: [
+          !!V && /* @__PURE__ */ t.jsx(
+            ye,
             {
               className: "float-right",
               loading: q,
               onClick: V
             }
           ),
-          !!P && /* @__PURE__ */ o.jsx(pe, { fields: l, importProps: P })
+          !!P && /* @__PURE__ */ t.jsx(de, { fields: i, importProps: P })
         ] })
       ] }),
-      /* @__PURE__ */ o.jsx(
-        ye,
+      /* @__PURE__ */ t.jsx(
+        pe,
         {
           ...z,
           minusHeight: X,
           data: W,
-          fields: l,
+          fields: i,
           extraAction: Q,
           idField: x,
           isDeleting: R,
@@ -141,27 +144,27 @@ function Oe({
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx(
-      ae,
+    /* @__PURE__ */ t.jsx(
+      xe,
       {
         width: Z ? "100%" : void 0,
-        title: v(p ?? "new"),
+        title: v(u ?? "new"),
         open: C,
         confirmLoading: S || N,
-        okText: v("str." + (p === "update" ? "update" : "save")),
+        okText: v("str." + (u === "update" ? "update" : "save")),
         cancelText: v("str.cancel"),
         cancelButtonProps: {
-          disabled: oe,
-          hidden: !!a
+          disabled: te,
+          hidden: !!l
         },
         okButtonProps: {
-          disabled: te,
-          hidden: !!a
+          disabled: oe,
+          hidden: !!l
         },
         onCancel: async () => {
           try {
-            if (p === "clone") {
-              const n = a ? u : i.getFieldsValue(), c = l.filter((r) => r.type === "image");
+            if (u === "clone") {
+              const n = l ? p : a.getFieldsValue(), c = i.filter((r) => r.type === "image");
               for (const r of c)
                 n[r.name] && r.provider.delete(
                   n[r.name]
@@ -169,35 +172,35 @@ function Oe({
             }
           } finally {
           }
-          a || i.resetFields(), h(void 0), B(void 0), F(!1);
+          l || a.resetFields(), h(void 0), B(void 0), F(!1);
         },
         onOk: () => E(),
         destroyOnClose: !0,
-        children: /* @__PURE__ */ o.jsxs(ie, { spinning: ne, children: [
-          !a && /* @__PURE__ */ o.jsx(
-            de,
+        children: /* @__PURE__ */ t.jsxs(Fe, { spinning: ne, children: [
+          !l && /* @__PURE__ */ t.jsx(
+            me,
             {
-              purpose: p,
-              fields: l,
-              form: i,
+              purpose: u,
+              fields: i,
+              form: a,
               formBuilder: K,
               grid: w,
               onDeleteFile: I,
               onUploadFile: T
             }
           ),
-          a && /* @__PURE__ */ o.jsx(
-            ue,
+          l && /* @__PURE__ */ t.jsx(
+            fe,
             {
               submitting: S || N,
               className: "mt-2",
               onSave: E,
               updatingValue: ee,
-              fields: l,
+              fields: i,
               onDeleteFile: I,
               onUploadFile: T,
-              purpose: p,
-              wizard: a
+              purpose: u,
+              wizard: l
             }
           )
         ] })
@@ -206,5 +209,5 @@ function Oe({
   ] });
 }
 export {
-  Oe as default
+  Me as default
 };

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