@kingteza/crud-component 1.0.14 → 1.0.16

package/dist/components/crud/CrudField.js

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