@kingteza/crud-component 1.37.0 → 1.39.0

package/dist/crud/CrudField.es.js

@@ -1,537 +1,571 @@
-import { jsx as t, Fragment as I, jsxs as M } from "react/jsx-runtime";
-import { Form as L, Radio as W, Checkbox as _, Col as re, Select as S, Tag as $, ColorPicker as te } from "antd";
-import { useEffect as j, useState as z, useMemo as J, useCallback as K } from "react";
-import oe from "react-highlight-words";
-import { useTranslationLibNoNS as ae } from "../locale/index.es.js";
-import le from "./FileCrudField.es.js";
-import ne from "./ImageCrudField.es.js";
-import ie from "../common/check-box/CheckBox.es.js";
-import de from "../common/date-picker/DatePicker.es.js";
-import se from "../common/date-picker/TimePicker.es.js";
-import V from "../common/select/SelectComponent.es.js";
-import ce from "../common/text-field/NumberField.es.js";
-import me from "../common/text-field/PhoneNumberField.es.js";
-import ue from "../common/text-field/TextField.es.js";
-import he from "../common/tooltip/TooltipComponent.es.js";
-import pe from "./CrudTextAreaComponent.es.js";
-import Q from "../util/CrudUtil.es.js";
-function je(F) {
+import { jsx as r, Fragment as A, jsxs as $ } from "react/jsx-runtime";
+import { Form as L, ColorPicker as ae, Radio as z, Checkbox as J, Col as ne, Select as E, Tag as K } from "antd";
+import { useEffect as G, useCallback as j, useState as Q, useMemo as V } from "react";
+import le from "react-highlight-words";
+import { useTranslationLibNoNS as ie } from "../locale/index.es.js";
+import de from "./FileCrudField.es.js";
+import se from "./ImageCrudField.es.js";
+import ce from "../common/check-box/CheckBox.es.js";
+import me from "../common/date-picker/DatePicker.es.js";
+import ue from "../common/date-picker/TimePicker.es.js";
+import Y from "../common/select/SelectComponent.es.js";
+import he from "../common/text-field/NumberField.es.js";
+import pe from "../common/text-field/PhoneNumberField.es.js";
+import fe from "../common/text-field/TextField.es.js";
+import ge from "../common/tooltip/TooltipComponent.es.js";
+import Ce from "./CrudTextAreaComponent.es.js";
+import X from "../util/CrudUtil.es.js";
+import { useCrudSearchContext as U } from "../context/CrudSearchContext.es.js";
+function Ue(y) {
   const {
-    label: n,
-    name: c,
-    type: v,
-    required: s,
-    hidden: H,
-    rules: h = [],
-    updatable: p = !0,
-    readonly: R = !1,
-    fieldClassName: m,
-    customFormFieldRender: T,
-    fieldTooltip: x,
+    label: i,
+    name: s,
+    type: c,
+    required: u,
+    hidden: I,
+    rules: b = [],
+    updatable: h = !0,
+    readonly: v = !1,
+    fieldClassName: p,
+    customFormFieldRender: w,
+    fieldTooltip: R,
     fieldHelper: f,
-    formLayoutProps: N,
+    formLayoutProps: T,
     ...e
-  } = F, C = L.useFormInstance();
-  j(() => {
-    if (v === "select") {
+  } = y, l = L.useFormInstance();
+  G(() => {
+    if (c === "select") {
       const {
-        items: o = [],
-        onSearch: l,
-        searchOnType: i
+        items: a = [],
+        onSearch: n,
+        searchOnType: m
       } = e;
-      !(o != null && o.length) && !i && (l == null || l(void 0, C, e == null ? void 0 : e.updatingValue));
+      !(a != null && a.length) && !m && (n == null || n(void 0, l, e == null ? void 0 : e.updatingValue));
     }
-  }, [C, e, v, e == null ? void 0 : e.updatingValue]);
-  const { t: P } = ae();
-  if (R || H) return /* @__PURE__ */ t(I, {});
-  if (T)
-    return T(C, F);
-  switch (v) {
+  }, [l, e, c, e == null ? void 0 : e.updatingValue]);
+  const P = U(), C = j((a, n) => {
+    P && P.search(), !v && n && n(a, l);
+  }, [P, v, l]);
+  if (v || I) return /* @__PURE__ */ r(A, {});
+  if (w)
+    return w(l, y);
+  switch (c) {
     case "text":
     case "email":
     case "password": {
-      const { maxLength: o, onChange: l, placeholder: i, addonAfter: g, addonBefore: b } = e;
-      return /* @__PURE__ */ t(
-        ue,
+      const { maxLength: a, onChange: n, placeholder: m, addonAfter: N, addonBefore: d } = e;
+      return /* @__PURE__ */ r(
+        fe,
         {
-          ...N,
-          maxLength: o,
-          placeholder: i,
-          disabled: !p,
-          rules: h,
-          required: s,
-          onChange: l ? (d) => l(d, C) : void 0,
-          type: v,
-          name: c,
-          tooltip: x,
-          label: n,
-          className: m,
+          ...T,
+          maxLength: a,
+          placeholder: m,
+          disabled: !h,
+          rules: b,
+          required: u,
+          onChange: n ? (F) => n(F, l) : void 0,
+          type: c,
+          name: s,
+          tooltip: R,
+          label: i,
+          className: p,
           autoComplete: "new-password",
-          addonAfter: g,
-          addonBefore: b,
+          addonAfter: N,
+          addonBefore: d,
           help: f
         }
       );
     }
     case "phone": {
-      const { onChange: o, placeholder: l, addonAfter: i, addonBefore: g } = e;
-      return /* @__PURE__ */ t(
-        me,
+      const { onChange: a, placeholder: n, addonAfter: m, addonBefore: N } = e;
+      return /* @__PURE__ */ r(
+        pe,
         {
           ...e,
-          ...N,
-          placeholder: l,
-          disabled: !p,
-          rules: h,
-          required: s,
-          onChange: o ? (b) => o(b, C) : void 0,
-          type: v,
-          name: c,
-          tooltip: x,
-          label: n,
-          className: m,
+          ...T,
+          placeholder: n,
+          disabled: !h,
+          rules: b,
+          required: u,
+          onChange: a ? (d) => a(d, l) : void 0,
+          type: c,
+          name: s,
+          tooltip: R,
+          label: i,
+          className: p,
           autoComplete: "new-password",
-          addonAfter: i,
-          addonBefore: g,
+          addonAfter: m,
+          addonBefore: N,
           help: f
         }
       );
     }
     case "number": {
       const {
-        onChange: o,
-        placeholder: l,
-        allowMinus: i,
-        min: g,
-        max: b,
-        addonAfter: d,
-        addonBefore: w
+        onChange: a,
+        placeholder: n,
+        allowMinus: m,
+        min: N,
+        max: d,
+        addonAfter: F,
+        addonBefore: k,
+        int: H,
+        step: o
       } = e;
-      return /* @__PURE__ */ t(
-        ce,
+      return /* @__PURE__ */ r(
+        he,
         {
-          ...N,
-          placeholder: l,
-          disabled: !p,
+          ...T,
+          step: o,
+          placeholder: n,
+          disabled: !h,
           moneyField: !!e.formatted,
-          type: v,
-          onChange: o ? (r) => o(r, C) : void 0,
-          rules: h,
+          type: c,
+          onChange: a ? (x) => a(x, l) : void 0,
+          rules: b,
           autoComplete: "false",
-          required: s,
-          tooltip: x,
-          className: m,
-          min: i ? null : g,
-          max: b,
-          addonAfter: d,
-          addonBefore: w,
-          name: c,
-          label: n,
-          help: f
+          required: u,
+          tooltip: R,
+          className: p,
+          min: m ? null : N,
+          max: d,
+          addonAfter: F,
+          addonBefore: k,
+          name: s,
+          label: i,
+          help: f,
+          isInt: H
         }
       );
     }
     case "date": {
       const {
-        range: o,
-        disableToday: l,
-        disabledFutureDays: i,
-        disabledPastDays: g,
-        onChange: b,
-        placeholder: d,
-        format: w
+        range: a,
+        disableToday: n,
+        disabledFutureDays: m,
+        disabledPastDays: N,
+        onChange: d,
+        placeholder: F,
+        format: k
       } = e;
-      return /* @__PURE__ */ t(
-        de,
+      return /* @__PURE__ */ r(
+        me,
         {
-          ...N,
-          placeholder: d,
-          required: s,
-          disabled: !p,
-          type: v,
-          format: w,
-          tooltip: x,
-          range: o,
-          name: c,
-          label: n,
-          onChange: b ? (r) => b(r, C) : void 0,
-          className: m,
-          disableToday: l,
-          disabledFutureDays: i,
-          disabledPastDays: g,
+          ...T,
+          placeholder: F,
+          required: u,
+          disabled: !h,
+          type: c,
+          format: k,
+          tooltip: R,
+          range: a,
+          name: s,
+          label: i,
+          onChange: C,
+          className: p,
+          disableToday: n,
+          disabledFutureDays: m,
+          disabledPastDays: N,
           help: f
         }
       );
     }
     case "time": {
       const {
-        range: o = !1,
-        disableCurrent: l,
-        disabledFuture: i,
-        disabledPast: g,
-        onChange: b,
-        use12Hours: d,
-        format: w,
-        placeholder: r
+        range: a = !1,
+        disableCurrent: n,
+        disabledFuture: m,
+        disabledPast: N,
+        onChange: d,
+        use12Hours: F,
+        format: k,
+        placeholder: H
       } = e;
-      return /* @__PURE__ */ t(
-        se,
+      return /* @__PURE__ */ r(
+        ue,
         {
-          ...N,
-          placeholder: r,
-          required: s,
-          format: w,
-          disabled: !p,
-          type: v,
-          tooltip: x,
-          range: o,
-          use12Hours: d,
-          name: c,
-          label: n,
-          onChange: b ? (y) => b(y, C) : void 0,
-          className: m,
-          disableCurrent: l,
-          disabledFuture: i,
-          disabledPast: g,
+          ...T,
+          placeholder: H,
+          required: u,
+          format: k,
+          disabled: !h,
+          type: c,
+          tooltip: R,
+          range: a,
+          use12Hours: F,
+          name: s,
+          label: i,
+          onChange: C,
+          className: p,
+          disableCurrent: n,
+          disabledFuture: m,
+          disabledPast: N,
           help: f
         }
       );
     }
     case "textarea":
-      return /* @__PURE__ */ t(pe, { ...F });
+      return /* @__PURE__ */ r(Ce, { ...y });
     case "image":
-      return /* @__PURE__ */ t(
-        ne,
+      return /* @__PURE__ */ r(
+        se,
         {
           ...e,
-          required: s,
-          name: c,
-          label: n,
-          rules: h,
+          required: u,
+          name: s,
+          label: i,
+          rules: b,
           fieldHelper: f,
-          fieldClassName: m,
+          fieldClassName: p,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
         }
       );
     case "file":
-      return /* @__PURE__ */ t(
-        le,
+      return /* @__PURE__ */ r(
+        de,
         {
           ...e,
-          required: s,
-          name: c,
-          label: n,
-          rules: h,
+          required: u,
+          name: s,
+          label: i,
+          rules: b,
           fieldHelper: f,
-          fieldClassName: m,
+          fieldClassName: p,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
         }
       );
     case "select":
-      return /* @__PURE__ */ t(
-        fe,
+      return /* @__PURE__ */ r(
+        xe,
         {
           ...e,
-          required: s,
-          name: c,
-          label: n,
-          rules: h,
-          fieldClassName: m,
-          form: C,
+          required: u,
+          name: s,
+          label: i,
+          rules: b,
+          fieldClassName: p,
+          form: l,
           help: f,
-          updatable: p,
-          readonly: R,
-          fieldTooltip: x,
+          updatable: h,
+          readonly: v,
+          fieldTooltip: R,
           fieldHelper: f
         }
       );
-    case "enum": {
-      const {
-        enum: o,
-        translation: l,
-        onChange: i,
-        onSearch: g,
-        multiple: b,
-        tagRender: d
-      } = e, w = Array.isArray(o) ? o : Object.keys(o);
-      return "radio" in e && e.radio ? /* @__PURE__ */ t(
-        L.Item,
-        {
-          ...e,
-          ...N,
-          name: c,
-          required: s,
-          tooltip: x,
-          rules: h,
-          label: n,
-          className: ["w-100", m].join(" "),
-          help: f,
-          children: /* @__PURE__ */ t(
-            W.Group,
-            {
-              ...e,
-              onChange: i ? (r) => {
-                var y;
-                return i((y = r == null ? void 0 : r.target) == null ? void 0 : y.value, C);
-              } : void 0,
-              children: w.map((r) => /* @__PURE__ */ t(W, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r))
-            }
-          )
-        }
-      ) : "checkbox" in e && e.checkbox ? /* @__PURE__ */ t(
-        L.Item,
-        {
-          ...e,
-          ...N,
-          name: c,
-          required: s,
-          tooltip: x,
-          rules: h,
-          label: n,
-          className: ["w-100", m].join(" "),
-          help: f,
-          children: /* @__PURE__ */ t(_.Group, { className: "w-100", children: w.map((r) => {
-            const y = /* @__PURE__ */ t(_, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r);
-            return "checkboxGrid" in e && e.checkboxGrid ? /* @__PURE__ */ t(re, { ...e.checkboxGrid, children: y }) : y;
-          }) })
-        }
-      ) : /* @__PURE__ */ t(
-        V,
-        {
-          ...e,
-          ...N,
-          tagRender: typeof d == "function" ? d : d ? (r) => {
-            const { value: y, label: O } = r, k = d[y];
-            return k ? /* @__PURE__ */ t($, { color: k.color, children: O }) : /* @__PURE__ */ t($, { children: O });
-          } : void 0,
-          onChange: i ? (r) => i(r, C) : void 0,
-          className: ["w-100", m].join(" "),
-          name: c,
-          items: w,
-          required: s,
-          tooltip: x,
-          rules: h,
-          label: n,
-          help: f,
-          disabled: !p,
-          onSearch: g ? (r) => g(r, C) : void 0,
-          allowClear: !0,
-          mode: b ? "multiple" : void 0,
-          showLoadingInEmptyIndicator: !0,
-          itemBuilder: (r) => /* @__PURE__ */ t(S.Option, { value: r, children: l ? P(l[r]) : r }, r)
-        }
-      );
-    }
+    case "enum":
+      return /* @__PURE__ */ r(be, { ...y });
     case "checkbox": {
-      const { onChange: o, switch: l } = e;
-      return /* @__PURE__ */ t(
-        ie,
+      const { onChange: a, switch: n } = e;
+      return /* @__PURE__ */ r(
+        ce,
         {
-          ...N,
-          className: m,
-          rules: h,
-          onChange: o ? (i) => o(i, C) : void 0,
-          label: n,
-          tooltip: x,
-          disabled: !p,
-          name: c,
+          ...T,
+          className: p,
+          rules: b,
+          onChange: C,
+          label: i,
+          tooltip: R,
+          disabled: !h,
+          name: s,
           help: f,
-          switch: l
+          switch: n
         }
       );
     }
     case "color":
-      return /* @__PURE__ */ t(
-        ge,
+      return /* @__PURE__ */ r(
+        ye,
         {
           ...e,
           type: "color",
-          required: s,
-          name: c,
-          label: n,
-          rules: h,
-          fieldClassName: m,
-          updatable: p,
-          readonly: R,
-          fieldTooltip: x,
+          required: u,
+          name: s,
+          label: i,
+          rules: b,
+          fieldClassName: p,
+          updatable: h,
+          readonly: v,
+          fieldTooltip: R,
           fieldHelper: f
         }
       );
     default:
-      return /* @__PURE__ */ t(I, { children: `${v} Not Implemented` });
+      return /* @__PURE__ */ r(A, { children: `${c} Not Implemented` });
   }
 }
-function fe(F) {
+function be(y) {
+  const i = L.useFormInstance(), {
+    label: s,
+    name: c,
+    type: u,
+    required: I,
+    hidden: b,
+    rules: h = [],
+    updatable: v = !0,
+    readonly: p = !1,
+    fieldClassName: w,
+    customFormFieldRender: R,
+    fieldTooltip: f,
+    fieldHelper: T,
+    formLayoutProps: e,
+    ...l
+  } = y, { t: P } = ie(), {
+    enum: C,
+    translation: a,
+    onChange: n,
+    onSearch: m,
+    multiple: N,
+    tagRender: d
+  } = l, F = Array.isArray(C) ? C : Object.keys(C), k = U(), H = j(
+    (o) => {
+      k && k.search(), !p && n && n(o, i);
+    },
+    [k, p, n, i]
+  );
+  return "radio" in l && l.radio ? /* @__PURE__ */ r(
+    L.Item,
+    {
+      ...l,
+      ...e,
+      name: c,
+      required: I,
+      tooltip: f,
+      rules: h,
+      label: s,
+      className: ["w-100", w].join(" "),
+      help: T,
+      children: /* @__PURE__ */ r(
+        z.Group,
+        {
+          ...l,
+          onChange: (o) => {
+            var x;
+            return H((x = o == null ? void 0 : o.target) == null ? void 0 : x.value);
+          },
+          children: F.map((o) => /* @__PURE__ */ r(z, { disabled: !v, value: o, children: a ? P(a[o]) : o }, o))
+        }
+      )
+    }
+  ) : "checkbox" in l && l.checkbox ? /* @__PURE__ */ r(
+    L.Item,
+    {
+      ...l,
+      ...e,
+      name: c,
+      required: I,
+      tooltip: f,
+      rules: h,
+      label: s,
+      className: ["w-100", w].join(" "),
+      help: T,
+      children: /* @__PURE__ */ r(J.Group, { className: "w-100", onChange: H, children: F.map((o) => {
+        const x = /* @__PURE__ */ r(J, { disabled: !v, value: o, children: a ? P(a[o]) : o }, o);
+        return "checkboxGrid" in l && l.checkboxGrid ? /* @__PURE__ */ r(ne, { ...l.checkboxGrid, children: x }) : x;
+      }) })
+    }
+  ) : /* @__PURE__ */ r(
+    Y,
+    {
+      ...l,
+      ...e,
+      notSearch: !0,
+      tagRender: typeof d == "function" ? d : d ? (o) => {
+        const { value: x, label: S } = o, O = d[x];
+        return O ? /* @__PURE__ */ r(K, { color: O.color, children: S }) : /* @__PURE__ */ r(K, { children: S });
+      } : void 0,
+      onChange: H,
+      className: ["w-100", w].join(" "),
+      name: c,
+      items: F,
+      required: I,
+      tooltip: f,
+      rules: h,
+      label: s,
+      help: T,
+      disabled: !v,
+      onSearch: m ? (o) => m(o, i) : void 0,
+      allowClear: !0,
+      mode: N ? "multiple" : void 0,
+      showLoadingInEmptyIndicator: !0,
+      itemBuilder: (o) => /* @__PURE__ */ r(E.Option, { value: o, children: a ? P(a[o]) : o }, o)
+    }
+  );
+}
+function xe(y) {
   const {
-    items: n = [],
-    loading: c,
-    searchOnType: v,
-    onSearch: s,
-    multiple: H,
-    onChange: h,
-    highlightSearch: p,
-    required: R,
-    fieldClassName: m,
-    rules: T,
-    fieldTooltip: x,
+    items: i = [],
+    loading: s,
+    searchOnType: c,
+    onSearch: u,
+    multiple: I,
+    onChange: b,
+    highlightSearch: h,
+    required: v,
+    fieldClassName: p,
+    rules: w,
+    fieldTooltip: R,
     updatable: f,
-    label: N,
+    label: T,
     name: e,
-    tagRender: C,
+    tagRender: l,
     updatingValue: P,
-    onSet: o,
-    placeholder: l,
-    allowClear: i = !0,
-    selectOptionRender: g,
-    formLayoutProps: b
-  } = F, d = F.form, [w, r] = z(""), y = J(() => Q.getRealName(e), [e]), O = J(
-    () => Q.getRealName(e, "upsertFieldName"),
+    onSet: C,
+    placeholder: a,
+    allowClear: n = !0,
+    selectOptionRender: m,
+    formLayoutProps: N
+  } = y, d = y.form, [F, k] = Q(""), H = V(() => X.getRealName(e), [e]), o = V(
+    () => X.getRealName(e, "upsertFieldName"),
     [e]
-  ), k = L.useWatch(y, d), [A, B] = z(!0);
-  j(() => {
-    o && A && k && (o == null || o(k, n, d), B(!1));
-  }, [A, d, n, y, o, k]), j(() => {
-    k && B(!0);
-  }, [k]);
-  const X = K(
-    async (a) => {
-      r(a), v && (s == null || s(a, d, P));
+  ), x = L.useWatch(H, d), [S, O] = Q(!0);
+  G(() => {
+    C && S && x && (C == null || C(x, i, d), O(!1));
+  }, [S, d, i, H, C, x]), G(() => {
+    x && O(!0);
+  }, [x]);
+  const Z = j(
+    async (t) => {
+      k(t), c && (u == null || u(t, d, P));
     },
-    [d, s, v, P]
-  ), Y = K(
-    (a) => g ? g(a) : a.value,
-    [g]
+    [d, u, c, P]
+  ), ee = j(
+    (t) => m ? m(t) : t.value,
+    [m]
+  ), B = U(), re = j(
+    (t) => {
+      B && B.search(), b && (k(""), b(t, d));
+    },
+    [B, b, d]
   );
-  return /* @__PURE__ */ t(
-    V,
+  return /* @__PURE__ */ r(
+    Y,
     {
-      ...F,
-      ...b,
+      ...y,
+      ...N,
       showLoadingInEmptyIndicator: !0,
       maxTagCount: "responsive",
-      maxTagPlaceholder: (a) => /* @__PURE__ */ M(
-        he,
+      maxTagPlaceholder: (t) => /* @__PURE__ */ $(
+        ge,
         {
-          title: /* @__PURE__ */ t(I, { children: a.map((u) => /* @__PURE__ */ M(I, { children: [
-            u.label,
+          title: /* @__PURE__ */ r(A, { children: t.map((g) => /* @__PURE__ */ $(A, { children: [
+            g.label,
             " ",
-            /* @__PURE__ */ t("br", {})
+            /* @__PURE__ */ r("br", {})
           ] })) }),
           children: [
             "+",
-            a == null ? void 0 : a.length
+            t == null ? void 0 : t.length
           ]
         }
       ),
-      placeholder: l,
-      onSelect: (a) => {
-        o == null || o(a == null ? void 0 : a.key, n, d);
+      placeholder: a,
+      onSelect: (t) => {
+        C == null || C(t == null ? void 0 : t.key, i, d);
       },
-      onChange: h ? (a) => {
-        r(""), h(a, d);
-      } : void 0,
-      mode: H ? "multiple" : void 0,
-      className: ["w-100", m].join(" "),
-      name: O,
-      items: n,
-      required: R,
-      tooltip: x,
-      tagRender: C,
-      rules: T,
+      onChange: re,
+      mode: I ? "multiple" : void 0,
+      className: ["w-100", p].join(" "),
+      name: o,
+      items: i,
+      required: v,
+      tooltip: R,
+      tagRender: l,
+      rules: w,
       disabled: !f,
-      label: N,
-      allowClear: i,
-      onSearch: X,
-      loading: c,
-      filterOption: p ? (a, u) => {
-        var E, G, U;
+      label: T,
+      allowClear: n,
+      onSearch: Z,
+      loading: s,
+      filterOption: h ? (t, g) => {
+        var q, D, M;
         try {
-          const q = a.toLowerCase().split(/\s+/), Z = ((typeof (u == null ? void 0 : u.children) == "string" ? u == null ? void 0 : u.children : (G = (E = u == null ? void 0 : u.children) == null ? void 0 : E.props) == null ? void 0 : G.textToHighlight) ?? "").toLowerCase(), ee = (((U = u == null ? void 0 : u.value) == null ? void 0 : U.toString()) ?? "").toLowerCase();
-          return q.every(
-            (D) => Z.indexOf(D) >= 0 || ee.indexOf(D) >= 0
+          const W = t.toLowerCase().split(/\s+/), te = ((typeof (g == null ? void 0 : g.children) == "string" ? g == null ? void 0 : g.children : (D = (q = g == null ? void 0 : g.children) == null ? void 0 : q.props) == null ? void 0 : D.textToHighlight) ?? "").toLowerCase(), oe = (((M = g == null ? void 0 : g.value) == null ? void 0 : M.toString()) ?? "").toLowerCase();
+          return W.every(
+            (_) => te.indexOf(_) >= 0 || oe.indexOf(_) >= 0
           );
         } catch {
           return !0;
         }
       } : void 0,
-      itemBuilder: p ? (a) => {
-        const u = a.value ? String(a.value) : void 0;
-        return /* @__PURE__ */ t(
-          S.Option,
+      itemBuilder: h ? (t) => {
+        const g = t.value ? String(t.value) : void 0;
+        return /* @__PURE__ */ r(
+          E.Option,
           {
-            value: a.key,
-            title: u,
-            disabled: a.disabled,
-            children: /* @__PURE__ */ t(
-              oe,
+            value: t.key,
+            title: g,
+            disabled: t.disabled,
+            children: /* @__PURE__ */ r(
+              le,
               {
                 highlightClassName: "highlight-text",
-                searchWords: (w ?? "").split(" "),
+                searchWords: (F ?? "").split(" "),
                 autoEscape: !0,
-                textToHighlight: u ?? ""
+                textToHighlight: g ?? ""
               }
             )
           },
-          a.key
+          t.key
         );
-      } : (a) => /* @__PURE__ */ t(
-        S.Option,
+      } : (t) => /* @__PURE__ */ r(
+        E.Option,
         {
-          value: a.key,
-          title: a.value,
-          disabled: a.disabled,
-          children: Y(a)
+          value: t.key,
+          title: t.value,
+          disabled: t.disabled,
+          children: ee(t)
         },
-        a.key
+        t.key
       )
     }
   );
 }
-function ge(F) {
+function ye(y) {
   const {
-    formLayoutProps: n,
-    required: c,
-    fieldClassName: v,
-    rules: s,
-    fieldTooltip: H,
-    updatable: h,
-    label: p,
-    name: R,
-    fieldHelper: m
-  } = F;
-  return /* @__PURE__ */ t(
+    formLayoutProps: i,
+    required: s,
+    fieldClassName: c,
+    rules: u,
+    fieldTooltip: I,
+    updatable: b,
+    label: h,
+    name: v,
+    fieldHelper: p
+  } = y;
+  return /* @__PURE__ */ r(
     L.Item,
     {
-      ...n,
-      label: p,
-      name: R,
-      required: c,
-      rules: s,
-      tooltip: H,
-      help: m,
-      getValueFromEvent: (T) => typeof T == "object" ? T.toHexString() : T,
-      children: /* @__PURE__ */ t(
-        te,
+      ...i,
+      label: h,
+      name: v,
+      required: s,
+      rules: u,
+      tooltip: I,
+      help: p,
+      getValueFromEvent: (w) => typeof w == "object" ? w.toHexString() : w,
+      children: /* @__PURE__ */ r(
+        ae,
         {
           disabledAlpha: !0,
           format: "hex",
           defaultFormat: "hex",
           showText: !0,
           trigger: "click",
-          className: v,
-          disabled: !h,
-          ...F.innerProps
+          className: c,
+          disabled: !b,
+          ...y.innerProps
         }
       )
     }
   );
 }
 export {
-  ge as ColorCrudFieldComponent,
-  fe as SelectCrudFieldComponent,
-  je as default
+  ye as ColorCrudFieldComponent,
+  be as EnumCrudFieldComponent,
+  xe as SelectCrudFieldComponent,
+  Ue as default
 };