@kingteza/crud-component 1.33.0 → 1.34.0

package/dist/crud/CrudField.es.js

@@ -1,5 +1,5 @@
-import { jsx as o, Fragment as L, jsxs as M } from "react/jsx-runtime";
-import { Form as O, Radio as W, Checkbox as _, Col as re, Select as S, Tag as $, ColorPicker as te } from "antd";
+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";
@@ -20,7 +20,7 @@ function je(F) {
     label: n,
     name: c,
     type: v,
-    required: d,
+    required: s,
     hidden: H,
     rules: h = [],
     updatable: p = !0,
@@ -31,50 +31,51 @@ function je(F) {
     fieldHelper: f,
     formLayoutProps: N,
     ...e
-  } = F, C = O.useFormInstance();
+  } = F, C = L.useFormInstance();
   j(() => {
     if (v === "select") {
       const {
-        items: t = [],
+        items: o = [],
         onSearch: l,
         searchOnType: i
       } = e;
-      !(t != null && t.length) && !i && (l == null || l(void 0, C, e == null ? void 0 : e.updatingValue));
+      !(o != null && o.length) && !i && (l == null || l(void 0, C, e == null ? void 0 : e.updatingValue));
     }
   }, [C, e, v, e == null ? void 0 : e.updatingValue]);
   const { t: P } = ae();
-  if (R || H) return /* @__PURE__ */ o(L, {});
+  if (R || H) return /* @__PURE__ */ t(I, {});
   if (T)
     return T(C, F);
   switch (v) {
     case "text":
     case "email":
     case "password": {
-      const { onChange: t, placeholder: l, addonAfter: i, addonBefore: g } = e;
-      return /* @__PURE__ */ o(
+      const { maxLength: o, onChange: l, placeholder: i, addonAfter: g, addonBefore: b } = e;
+      return /* @__PURE__ */ t(
         ue,
         {
           ...N,
-          placeholder: l,
+          maxLength: o,
+          placeholder: i,
           disabled: !p,
           rules: h,
-          required: d,
-          onChange: t ? (b) => t(b, C) : void 0,
+          required: s,
+          onChange: l ? (d) => l(d, C) : void 0,
           type: v,
           name: c,
           tooltip: x,
           label: n,
           className: m,
           autoComplete: "new-password",
-          addonAfter: i,
-          addonBefore: g,
+          addonAfter: g,
+          addonBefore: b,
           help: f
         }
       );
     }
     case "phone": {
-      const { onChange: t, placeholder: l, addonAfter: i, addonBefore: g } = e;
-      return /* @__PURE__ */ o(
+      const { onChange: o, placeholder: l, addonAfter: i, addonBefore: g } = e;
+      return /* @__PURE__ */ t(
         me,
         {
           ...e,
@@ -82,8 +83,8 @@ function je(F) {
           placeholder: l,
           disabled: !p,
           rules: h,
-          required: d,
-          onChange: t ? (b) => t(b, C) : void 0,
+          required: s,
+          onChange: o ? (b) => o(b, C) : void 0,
           type: v,
           name: c,
           tooltip: x,
@@ -98,15 +99,15 @@ function je(F) {
     }
     case "number": {
       const {
-        onChange: t,
+        onChange: o,
         placeholder: l,
         allowMinus: i,
         min: g,
         max: b,
-        addonAfter: s,
+        addonAfter: d,
         addonBefore: w
       } = e;
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         ce,
         {
           ...N,
@@ -114,15 +115,15 @@ function je(F) {
           disabled: !p,
           moneyField: !!e.formatted,
           type: v,
-          onChange: t ? (r) => t(r, C) : void 0,
+          onChange: o ? (r) => o(r, C) : void 0,
           rules: h,
           autoComplete: "false",
-          required: d,
+          required: s,
           tooltip: x,
           className: m,
           min: i ? null : g,
           max: b,
-          addonAfter: s,
+          addonAfter: d,
           addonBefore: w,
           name: c,
           label: n,
@@ -132,25 +133,25 @@ function je(F) {
     }
     case "date": {
       const {
-        range: t,
+        range: o,
         disableToday: l,
         disabledFutureDays: i,
         disabledPastDays: g,
         onChange: b,
-        placeholder: s,
+        placeholder: d,
         format: w
       } = e;
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         de,
         {
           ...N,
-          placeholder: s,
-          required: d,
+          placeholder: d,
+          required: s,
           disabled: !p,
           type: v,
           format: w,
           tooltip: x,
-          range: t,
+          range: o,
           name: c,
           label: n,
           onChange: b ? (r) => b(r, C) : void 0,
@@ -164,27 +165,27 @@ function je(F) {
     }
     case "time": {
       const {
-        range: t = !1,
+        range: o = !1,
         disableCurrent: l,
         disabledFuture: i,
         disabledPast: g,
         onChange: b,
-        use12Hours: s,
+        use12Hours: d,
         format: w,
         placeholder: r
       } = e;
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         se,
         {
           ...N,
           placeholder: r,
-          required: d,
+          required: s,
           format: w,
           disabled: !p,
           type: v,
           tooltip: x,
-          range: t,
-          use12Hours: s,
+          range: o,
+          use12Hours: d,
           name: c,
           label: n,
           onChange: b ? (y) => b(y, C) : void 0,
@@ -197,13 +198,13 @@ function je(F) {
       );
     }
     case "textarea":
-      return /* @__PURE__ */ o(pe, { ...F });
+      return /* @__PURE__ */ t(pe, { ...F });
     case "image":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         ne,
         {
           ...e,
-          required: d,
+          required: s,
           name: c,
           label: n,
           rules: h,
@@ -215,11 +216,11 @@ function je(F) {
         }
       );
     case "file":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         le,
         {
           ...e,
-          required: d,
+          required: s,
           name: c,
           label: n,
           rules: h,
@@ -231,11 +232,11 @@ function je(F) {
         }
       );
     case "select":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         fe,
         {
           ...e,
-          required: d,
+          required: s,
           name: c,
           label: n,
           rules: h,
@@ -250,26 +251,26 @@ function je(F) {
       );
     case "enum": {
       const {
-        enum: t,
+        enum: o,
         translation: l,
         onChange: i,
         onSearch: g,
         multiple: b,
-        tagRender: s
-      } = e, w = Array.isArray(t) ? t : Object.keys(t);
-      return "radio" in e && e.radio ? /* @__PURE__ */ o(
-        O.Item,
+        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: d,
+          required: s,
           tooltip: x,
           rules: h,
           label: n,
           className: ["w-100", m].join(" "),
           help: f,
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ t(
             W.Group,
             {
               ...e,
@@ -277,41 +278,41 @@ function je(F) {
                 var y;
                 return i((y = r == null ? void 0 : r.target) == null ? void 0 : y.value, C);
               } : void 0,
-              children: w.map((r) => /* @__PURE__ */ o(W, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r))
+              children: w.map((r) => /* @__PURE__ */ t(W, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r))
             }
           )
         }
-      ) : "checkbox" in e && e.checkbox ? /* @__PURE__ */ o(
-        O.Item,
+      ) : "checkbox" in e && e.checkbox ? /* @__PURE__ */ t(
+        L.Item,
         {
           ...e,
           ...N,
           name: c,
-          required: d,
+          required: s,
           tooltip: x,
           rules: h,
           label: n,
           className: ["w-100", m].join(" "),
           help: f,
-          children: /* @__PURE__ */ o(_.Group, { className: "w-100", children: w.map((r) => {
-            const y = /* @__PURE__ */ o(_, { disabled: !p, value: r, children: l ? P(l[r]) : r }, r);
-            return "checkboxGrid" in e && e.checkboxGrid ? /* @__PURE__ */ o(re, { ...e.checkboxGrid, children: y }) : y;
+          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__ */ o(
+      ) : /* @__PURE__ */ t(
         V,
         {
           ...e,
           ...N,
-          tagRender: typeof s == "function" ? s : s ? (r) => {
-            const { value: y, label: I } = r, k = s[y];
-            return k ? /* @__PURE__ */ o($, { color: k.color, children: I }) : /* @__PURE__ */ o($, { children: I });
+          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: d,
+          required: s,
           tooltip: x,
           rules: h,
           label: n,
@@ -321,19 +322,19 @@ function je(F) {
           allowClear: !0,
           mode: b ? "multiple" : void 0,
           showLoadingInEmptyIndicator: !0,
-          itemBuilder: (r) => /* @__PURE__ */ o(S.Option, { value: r, children: l ? P(l[r]) : r }, r)
+          itemBuilder: (r) => /* @__PURE__ */ t(S.Option, { value: r, children: l ? P(l[r]) : r }, r)
         }
       );
     }
     case "checkbox": {
-      const { onChange: t, switch: l } = e;
-      return /* @__PURE__ */ o(
+      const { onChange: o, switch: l } = e;
+      return /* @__PURE__ */ t(
         ie,
         {
           ...N,
           className: m,
           rules: h,
-          onChange: t ? (i) => t(i, C) : void 0,
+          onChange: o ? (i) => o(i, C) : void 0,
           label: n,
           tooltip: x,
           disabled: !p,
@@ -344,12 +345,12 @@ function je(F) {
       );
     }
     case "color":
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ t(
         ge,
         {
           ...e,
           type: "color",
-          required: d,
+          required: s,
           name: c,
           label: n,
           rules: h,
@@ -361,7 +362,7 @@ function je(F) {
         }
       );
     default:
-      return /* @__PURE__ */ o(L, { children: `${v} Not Implemented` });
+      return /* @__PURE__ */ t(I, { children: `${v} Not Implemented` });
   }
 }
 function fe(F) {
@@ -369,7 +370,7 @@ function fe(F) {
     items: n = [],
     loading: c,
     searchOnType: v,
-    onSearch: d,
+    onSearch: s,
     multiple: H,
     onChange: h,
     highlightSearch: p,
@@ -382,30 +383,30 @@ function fe(F) {
     name: e,
     tagRender: C,
     updatingValue: P,
-    onSet: t,
+    onSet: o,
     placeholder: l,
     allowClear: i = !0,
     selectOptionRender: g,
     formLayoutProps: b
-  } = F, s = F.form, [w, r] = z(""), y = J(() => Q.getRealName(e), [e]), I = J(
+  } = F, d = F.form, [w, r] = z(""), y = J(() => Q.getRealName(e), [e]), O = J(
     () => Q.getRealName(e, "upsertFieldName"),
     [e]
-  ), k = O.useWatch(y, s), [A, B] = z(!0);
+  ), k = L.useWatch(y, d), [A, B] = z(!0);
   j(() => {
-    t && A && k && (t == null || t(k, n, s), B(!1));
-  }, [A, s, n, y, t, k]), 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 && (d == null || d(a, s, P));
+      r(a), v && (s == null || s(a, d, P));
     },
-    [s, d, v, P]
+    [d, s, v, P]
   ), Y = K(
     (a) => g ? g(a) : a.value,
     [g]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ t(
     V,
     {
       ...F,
@@ -415,10 +416,10 @@ function fe(F) {
       maxTagPlaceholder: (a) => /* @__PURE__ */ M(
         he,
         {
-          title: /* @__PURE__ */ o(L, { children: a.map((u) => /* @__PURE__ */ M(L, { children: [
+          title: /* @__PURE__ */ t(I, { children: a.map((u) => /* @__PURE__ */ M(I, { children: [
             u.label,
             " ",
-            /* @__PURE__ */ o("br", {})
+            /* @__PURE__ */ t("br", {})
           ] })) }),
           children: [
             "+",
@@ -428,14 +429,14 @@ function fe(F) {
       ),
       placeholder: l,
       onSelect: (a) => {
-        t == null || t(a == null ? void 0 : a.key, n, s);
+        o == null || o(a == null ? void 0 : a.key, n, d);
       },
       onChange: h ? (a) => {
-        r(""), h(a, s);
+        r(""), h(a, d);
       } : void 0,
       mode: H ? "multiple" : void 0,
       className: ["w-100", m].join(" "),
-      name: I,
+      name: O,
       items: n,
       required: R,
       tooltip: x,
@@ -459,13 +460,13 @@ function fe(F) {
       } : void 0,
       itemBuilder: p ? (a) => {
         const u = a.value ? String(a.value) : void 0;
-        return /* @__PURE__ */ o(
+        return /* @__PURE__ */ t(
           S.Option,
           {
             value: a.key,
             title: u,
             disabled: a.disabled,
-            children: /* @__PURE__ */ o(
+            children: /* @__PURE__ */ t(
               oe,
               {
                 highlightClassName: "highlight-text",
@@ -477,7 +478,7 @@ function fe(F) {
           },
           a.key
         );
-      } : (a) => /* @__PURE__ */ o(
+      } : (a) => /* @__PURE__ */ t(
         S.Option,
         {
           value: a.key,
@@ -495,25 +496,25 @@ function ge(F) {
     formLayoutProps: n,
     required: c,
     fieldClassName: v,
-    rules: d,
+    rules: s,
     fieldTooltip: H,
     updatable: h,
     label: p,
     name: R,
     fieldHelper: m
   } = F;
-  return /* @__PURE__ */ o(
-    O.Item,
+  return /* @__PURE__ */ t(
+    L.Item,
     {
       ...n,
       label: p,
       name: R,
       required: c,
-      rules: d,
+      rules: s,
       tooltip: H,
       help: m,
       getValueFromEvent: (T) => typeof T == "object" ? T.toHexString() : T,
-      children: /* @__PURE__ */ o(
+      children: /* @__PURE__ */ t(
         te,
         {
           disabledAlpha: !0,

package/dist/crud/CrudTextAreaComponent.cjs.js

@@ -1 +1 @@
-"use strict";const u=require("react/jsx-runtime"),C=require("../common/text-field/TextArea.cjs.js"),T=require("../common/rich/index.cjs.js"),j=require("antd"),F=require("../util/CrudUtil.cjs.js"),R=({onChange:r,label:i,required:s,rules:n,name:o,updatable:c=!0,formLayoutProps:l,...e})=>{const a=j.Form.useFormInstance(),m=F.getRealName(o,"upsertFieldName");if(e.rich)return u.jsx(T.RichTextEditor,{name:m,label:i,required:s,rules:n,disabled:!c,help:e.fieldHelper,formLayoutProps:l});{const{placeholder:x,rows:f,cols:h,fieldClassName:N,fieldTooltip:q}=e;return u.jsx(C.default,{...l,rules:n,placeholder:x,onChange:r?t=>{var d;return r((d=t==null?void 0:t.target)==null?void 0:d.value,a)}:void 0,tooltip:q,required:s,disabled:!c,name:o,label:i,className:N,rows:f,cols:h,help:e.fieldHelper})}};module.exports=R;
+"use strict";const u=require("react/jsx-runtime"),T=require("../common/text-field/TextArea.cjs.js"),j=require("../common/rich/index.cjs.js"),F=require("antd"),R=require("../util/CrudUtil.cjs.js"),g=({onChange:r,label:i,required:s,rules:n,name:o,updatable:c=!0,formLayoutProps:l,maxLength:a,...e})=>{const m=F.Form.useFormInstance(),x=R.getRealName(o,"upsertFieldName");if(e.rich)return u.jsx(j.RichTextEditor,{name:x,label:i,required:s,rules:n,disabled:!c,help:e.fieldHelper,formLayoutProps:l});{const{placeholder:f,rows:h,cols:N,fieldClassName:q,fieldTooltip:C}=e;return u.jsx(T.default,{...l,maxLength:a,rules:n,placeholder:f,onChange:r?t=>{var d;return r((d=t==null?void 0:t.target)==null?void 0:d.value,m)}:void 0,tooltip:C,required:s,disabled:!c,name:o,label:i,className:q,rows:h,cols:N,help:e.fieldHelper})}};module.exports=g;

package/dist/crud/CrudTextAreaComponent.d.ts

@@ -3,6 +3,7 @@ import { FormInstance } from 'antd/lib';
 import { Copyable } from '../util/CopyUtilComponent';
 interface InitialTextAreaProps<T> extends InitialCrudField<T> {
     type: "textarea";
+    maxLength?: number;
     onChange?: (value: string, form: FormInstance<T>) => void;
     /**
      * number of lines to show. If false will not show truncated
@@ -19,5 +20,5 @@ interface RichTextAreaProps<T> extends InitialTextAreaProps<T> {
     rich?: true;
 }
 export type TextAreaBasedFieldProps<T> = TextAreaProps<T> & RichTextAreaProps<T> & Copyable<false>;
-declare const CrudTextAreaComponent: <T>({ onChange, label, required, rules, name, updatable, formLayoutProps, ...props }: TextAreaBasedFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CrudTextAreaComponent: <T>({ onChange, label, required, rules, name, updatable, formLayoutProps, maxLength, ...props }: TextAreaBasedFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CrudTextAreaComponent;

package/dist/crud/CrudTextAreaComponent.es.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
-import N from "../common/text-field/TextArea.es.js";
-import { RichTextEditor as T } from "../common/rich/index.es.js";
-import { Form as F } from "antd";
-import g from "../util/CrudUtil.es.js";
-const E = ({
+import T from "../common/text-field/TextArea.es.js";
+import { RichTextEditor as F } from "../common/rich/index.es.js";
+import { Form as g } from "antd";
+import A from "../util/CrudUtil.es.js";
+const I = ({
   onChange: o,
   label: r,
   required: i,
@@ -11,14 +11,15 @@ const E = ({
   name: l,
   updatable: d = !0,
   formLayoutProps: s,
+  maxLength: f,
   ...e
 }) => {
-  const f = F.useFormInstance(), c = g.getRealName(l, "upsertFieldName");
+  const c = g.useFormInstance(), p = A.getRealName(l, "upsertFieldName");
   if (e.rich)
     return /* @__PURE__ */ a(
-      T,
+      F,
       {
-        name: c,
+        name: p,
         label: r,
         required: i,
         rules: m,
@@ -28,30 +29,31 @@ const E = ({
       }
     );
   {
-    const { placeholder: p, rows: h, cols: u, fieldClassName: x, fieldTooltip: C } = e;
+    const { placeholder: h, rows: u, cols: x, fieldClassName: C, fieldTooltip: N } = e;
     return /* @__PURE__ */ a(
-      N,
+      T,
       {
         ...s,
+        maxLength: f,
         rules: m,
-        placeholder: p,
+        placeholder: h,
         onChange: o ? (t) => {
           var n;
-          return o((n = t == null ? void 0 : t.target) == null ? void 0 : n.value, f);
+          return o((n = t == null ? void 0 : t.target) == null ? void 0 : n.value, c);
         } : void 0,
-        tooltip: C,
+        tooltip: N,
         required: i,
         disabled: !d,
         name: l,
         label: r,
-        className: x,
-        rows: h,
-        cols: u,
+        className: C,
+        rows: u,
+        cols: x,
         help: e.fieldHelper
       }
     );
   }
 };
 export {
-  E as default
+  I as default
 };