@kingteza/crud-component 1.0.40 → 1.0.42

package/crud/CrudField.es.js

@@ -1,53 +1,52 @@
-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 { jsx as a, Fragment as O, jsxs as q } from "react/jsx-runtime";
+import { Form as P, Radio as D, Select as R, ColorPicker as $ } from "antd";
+import { useEffect as S, useState as E, 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.es.js";
-import X from "./FileCrudField.es.js";
-import Y from "./ImageCrudField.es.js";
-import Z from "../common/check-box/CheckBox.es.js";
-import V from "../common/date-picker/DatePicker.es.js";
-import ee from "../common/date-picker/TimePicker.es.js";
-import M from "../common/select/SelectComponent.es.js";
-import re from "../common/text-field/NumberField.es.js";
+import { useTranslationLib as K } from "../locale/index.es.js";
+import Q from "./FileCrudField.es.js";
+import X from "./ImageCrudField.es.js";
+import Y from "../common/check-box/CheckBox.es.js";
+import Z from "../common/date-picker/DatePicker.es.js";
+import V from "../common/date-picker/TimePicker.es.js";
+import W from "../common/select/SelectComponent.es.js";
+import ee from "../common/text-field/NumberField.es.js";
 import te from "../common/text-field/TextField.es.js";
-import oe from "../common/text-field/TextArea.es.js";
-import ae from "../common/tooltip/TooltipComponent.es.js";
-function Ne(x) {
+import re from "../common/text-field/TextArea.es.js";
+import oe from "../common/tooltip/TooltipComponent.es.js";
+function xe(x) {
   const {
     label: i,
     name: c,
     type: b,
     required: s,
-    hidden: F,
+    hidden: N,
     rules: u = [],
     updatable: h = !0,
     readonly: w = !1,
-    fieldClassName: f,
+    fieldClassName: g,
     customFormFieldRender: k,
     fieldTooltip: v,
     ...e
-  } = x, p = S.useFormInstance();
-  P(() => {
+  } = x, p = P.useFormInstance();
+  S(() => {
     if (b === "select") {
       const {
-        items: t = [],
+        items: r = [],
         onSearch: n,
         searchOnType: o
       } = e;
-      !(t != null && t.length) && !o && (n == null || n(void 0, p, e == null ? void 0 : e.updatingValue));
+      !(r != null && r.length) && !o && (n == null || n(void 0, p, e == null ? void 0 : e.updatingValue));
     }
   }, [p, e, b, e == null ? void 0 : e.updatingValue]);
-  const { t: N } = K(Q);
-  if (w || F) return /* @__PURE__ */ a(O, {});
+  const { t: F } = K();
+  if (w || N) return /* @__PURE__ */ a(O, {});
   if (k)
     return k(p, x);
   switch (b) {
     case "text":
     case "email":
     case "password": {
-      const { onChange: t, placeholder: n } = e;
+      const { onChange: r, placeholder: n } = e;
       return /* @__PURE__ */ a(
         te,
         {
@@ -55,31 +54,31 @@ function Ne(x) {
           disabled: !h,
           rules: u,
           required: s,
-          onChange: t ? (o) => t(o, p) : void 0,
+          onChange: r ? (o) => r(o, p) : void 0,
           type: b,
           name: c,
           tooltip: v,
           label: i,
-          className: f,
+          className: g,
           autoComplete: "new-password"
         }
       );
     }
     case "number": {
-      const { onChange: t, placeholder: n, allowMinus: o } = e;
+      const { onChange: r, placeholder: n, allowMinus: o } = e;
       return /* @__PURE__ */ a(
-        re,
+        ee,
         {
           placeholder: n,
           disabled: !h,
           moneyField: !!e.formatted,
           type: b,
-          onChange: t ? (g) => t(g, p) : void 0,
+          onChange: r ? (f) => r(f, p) : void 0,
           rules: u,
           autoComplete: "false",
           required: s,
           tooltip: v,
-          className: f,
+          className: g,
           min: o ? null : void 0,
           name: c,
           label: i
@@ -88,16 +87,16 @@ function Ne(x) {
     }
     case "date": {
       const {
-        range: t,
+        range: r,
         disableToday: n,
         disabledFutureDays: o,
-        disabledPastDays: g,
+        disabledPastDays: f,
         onChange: C,
         placeholder: m,
         format: T
       } = e;
       return /* @__PURE__ */ a(
-        V,
+        Z,
         {
           placeholder: m,
           required: s,
@@ -105,30 +104,30 @@ function Ne(x) {
           type: b,
           format: T,
           tooltip: v,
-          range: t,
+          range: r,
           name: c,
           label: i,
           onChange: C ? (l) => C(l, p) : void 0,
-          className: f,
+          className: g,
           disableToday: n,
           disabledFutureDays: o,
-          disabledPastDays: g
+          disabledPastDays: f
         }
       );
     }
     case "time": {
       const {
-        range: t = !1,
+        range: r = !1,
         disableCurrent: n,
         disabledFuture: o,
-        disabledPast: g,
+        disabledPast: f,
         onChange: C,
         use12Hours: m,
         format: T,
         placeholder: l
       } = e;
       return /* @__PURE__ */ a(
-        ee,
+        V,
         {
           placeholder: l,
           required: s,
@@ -136,50 +135,50 @@ function Ne(x) {
           disabled: !h,
           type: b,
           tooltip: v,
-          range: t,
+          range: r,
           use12Hours: m,
           name: c,
           label: i,
           onChange: C ? (y) => C(y, p) : void 0,
-          className: f,
+          className: g,
           disableCurrent: n,
           disabledFuture: o,
-          disabledPast: g
+          disabledPast: f
         }
       );
     }
     case "textarea": {
-      const { onChange: t, placeholder: n, rows: o, cols: g } = e;
+      const { onChange: r, placeholder: n, rows: o, cols: f } = e;
       return /* @__PURE__ */ a(
-        oe,
+        re,
         {
           rules: u,
           placeholder: n,
-          onChange: t ? (C) => {
+          onChange: r ? (C) => {
             var m;
-            return t((m = C == null ? void 0 : C.target) == null ? void 0 : m.value, p);
+            return r((m = C == null ? void 0 : C.target) == null ? void 0 : m.value, p);
           } : void 0,
           tooltip: v,
           required: s,
           disabled: !h,
           name: c,
           label: i,
-          className: f,
+          className: g,
           rows: o,
-          cols: g
+          cols: f
         }
       );
     }
     case "image":
       return /* @__PURE__ */ a(
-        Y,
+        X,
         {
           ...e,
           required: s,
           name: c,
           label: i,
           rules: u,
-          fieldClassName: f,
+          fieldClassName: g,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
@@ -187,14 +186,14 @@ function Ne(x) {
       );
     case "file":
       return /* @__PURE__ */ a(
-        X,
+        Q,
         {
           ...e,
           required: s,
           name: c,
           label: i,
           rules: u,
-          fieldClassName: f,
+          fieldClassName: g,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
@@ -202,14 +201,14 @@ function Ne(x) {
       );
     case "select":
       return /* @__PURE__ */ a(
-        le,
+        ae,
         {
           ...e,
           required: s,
           name: c,
           label: i,
           rules: u,
-          fieldClassName: f,
+          fieldClassName: g,
           form: p,
           updatable: h,
           readonly: w,
@@ -218,15 +217,15 @@ function Ne(x) {
       );
     case "enum": {
       const {
-        enum: t,
+        enum: r,
         radio: n = !1,
         translation: o,
-        onChange: g,
+        onChange: f,
         onSearch: C,
         multiple: m
-      } = e, T = Array.isArray(t) ? t : Object.keys(t);
+      } = e, T = Array.isArray(r) ? r : Object.keys(r);
       return n ? /* @__PURE__ */ a(
-        S.Item,
+        P.Item,
         {
           ...e,
           name: c,
@@ -234,25 +233,25 @@ function Ne(x) {
           tooltip: v,
           rules: u,
           label: i,
-          className: ["w-100", f].join(" "),
+          className: ["w-100", g].join(" "),
           children: /* @__PURE__ */ a(
-            q.Group,
+            D.Group,
             {
               ...e,
-              onChange: g ? (l) => {
+              onChange: f ? (l) => {
                 var y;
-                return g((y = l == null ? void 0 : l.target) == null ? void 0 : y.value, p);
+                return f((y = l == null ? void 0 : l.target) == null ? void 0 : y.value, p);
               } : void 0,
-              children: T.map((l) => /* @__PURE__ */ a(q, { disabled: !h, value: l, children: o ? N(o[l]) : l }, l))
+              children: T.map((l) => /* @__PURE__ */ a(D, { disabled: !h, value: l, children: o ? F(o[l]) : l }, l))
             }
           )
         }
       ) : /* @__PURE__ */ a(
-        M,
+        W,
         {
           ...e,
-          onChange: g ? (l) => g(l, p) : void 0,
-          className: ["w-100", f].join(" "),
+          onChange: f ? (l) => f(l, p) : void 0,
+          className: ["w-100", g].join(" "),
           name: c,
           items: T,
           required: s,
@@ -263,18 +262,18 @@ function Ne(x) {
           onSearch: C ? (l) => C(l, p) : void 0,
           allowClear: !0,
           mode: m ? "multiple" : void 0,
-          itemBuilder: (l) => /* @__PURE__ */ a(A.Option, { value: l, children: o ? N(o[l]) : l }, l)
+          itemBuilder: (l) => /* @__PURE__ */ a(R.Option, { value: l, children: o ? F(o[l]) : l }, l)
         }
       );
     }
     case "checkbox": {
-      const { onChange: t } = e;
+      const { onChange: r } = e;
       return /* @__PURE__ */ a(
-        Z,
+        Y,
         {
-          className: f,
+          className: g,
           rules: u,
-          onChange: t ? (n) => t(n, p) : void 0,
+          onChange: r ? (n) => r(n, p) : void 0,
           label: i,
           tooltip: v,
           disabled: !h,
@@ -284,7 +283,7 @@ function Ne(x) {
     }
     case "color":
       return /* @__PURE__ */ a(
-        ne,
+        le,
         {
           ...e,
           type: "color",
@@ -292,7 +291,7 @@ function Ne(x) {
           name: c,
           label: i,
           rules: u,
-          fieldClassName: f,
+          fieldClassName: g,
           updatable: h,
           readonly: w,
           fieldTooltip: v
@@ -302,97 +301,97 @@ function Ne(x) {
       return /* @__PURE__ */ a(O, { children: `${b} Not Implemented` });
   }
 }
-function le(x) {
+function ae(x) {
   const {
     items: i = [],
     loading: c,
     searchOnType: b,
     onSearch: s,
-    multiple: F,
+    multiple: N,
     onChange: u,
     highlightSearch: h,
     required: w,
-    fieldClassName: f,
+    fieldClassName: g,
     rules: k,
     fieldTooltip: v,
     updatable: e,
     label: p,
-    name: N,
-    tagRender: t,
+    name: F,
+    tagRender: r,
     updatingValue: n,
     onSet: o,
-    placeholder: g,
+    placeholder: f,
     allowClear: C = !0
-  } = 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);
+  } = x, m = x.form, [T, l] = E(""), y = P.useWatch(F, m), [j, I] = E(!0);
+  S(() => {
+    o && j && y && (o == null || o(y, i, m), I(!1));
+  }, [j, m, i, F, o, y]), S(() => {
+    y && I(!0);
   }, [y]);
-  const W = z(
-    async (r) => {
-      l(r), b && (s == null || s(r, m, n));
+  const G = z(
+    async (t) => {
+      l(t), b && (s == null || s(t, m, n));
     },
     [m, s, b, n]
   );
   return /* @__PURE__ */ a(
-    M,
+    W,
     {
       ...x,
       maxTagCount: "responsive",
-      maxTagPlaceholder: (r) => /* @__PURE__ */ U(
-        ae,
+      maxTagPlaceholder: (t) => /* @__PURE__ */ q(
+        oe,
         {
-          title: /* @__PURE__ */ a(O, { children: r.map((d) => /* @__PURE__ */ U(O, { children: [
+          title: /* @__PURE__ */ a(O, { children: t.map((d) => /* @__PURE__ */ q(O, { children: [
             d.label,
             " ",
             /* @__PURE__ */ a("br", {})
           ] })) }),
           children: [
             "+",
-            r == null ? void 0 : r.length
+            t == null ? void 0 : t.length
           ]
         }
       ),
-      placeholder: g,
-      onSelect: (r) => {
-        o == null || o(r == null ? void 0 : r.key, i, m);
+      placeholder: f,
+      onSelect: (t) => {
+        o == null || o(t == null ? void 0 : t.key, i, m);
       },
-      onChange: u ? (r) => {
-        l(""), u(r, m);
+      onChange: u ? (t) => {
+        l(""), u(t, m);
       } : void 0,
-      mode: F ? "multiple" : void 0,
-      className: ["w-100", f].join(" "),
-      name: N,
+      mode: N ? "multiple" : void 0,
+      className: ["w-100", g].join(" "),
+      name: F,
       items: i,
       required: w,
       tooltip: v,
-      tagRender: t,
+      tagRender: r,
       rules: k,
       disabled: !e,
       label: p,
       allowClear: C,
-      onSearch: W,
+      onSearch: G,
       loading: c,
-      filterOption: h ? (r, d) => {
-        var I, L, B;
+      filterOption: h ? (t, d) => {
+        var L, A, B;
         try {
-          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
+          const H = t.toLowerCase().split(/\s+/), M = ((typeof (d == null ? void 0 : d.children) == "string" ? d == null ? void 0 : d.children : (A = (L = d == null ? void 0 : d.children) == null ? void 0 : L.props) == null ? void 0 : A.textToHighlight) ?? "").toLowerCase(), _ = (((B = d == null ? void 0 : d.value) == null ? void 0 : B.toString()) ?? "").toLowerCase();
+          return H.every(
+            (U) => M.indexOf(U) >= 0 || _.indexOf(U) >= 0
           );
         } catch {
           return !0;
         }
       } : void 0,
-      itemBuilder: h ? (r) => {
-        const d = r.value ? String(r.value) : void 0;
+      itemBuilder: h ? (t) => {
+        const d = t.value ? String(t.value) : void 0;
         return /* @__PURE__ */ a(
-          A.Option,
+          R.Option,
           {
-            value: r.key,
+            value: t.key,
             title: d,
-            disabled: r.disabled,
+            disabled: t.disabled,
             children: /* @__PURE__ */ a(
               J,
               {
@@ -403,33 +402,33 @@ function le(x) {
               }
             )
           },
-          r.key
+          t.key
         );
-      } : (r) => /* @__PURE__ */ a(
-        A.Option,
+      } : (t) => /* @__PURE__ */ a(
+        R.Option,
         {
-          value: r.key,
-          title: r.value,
-          disabled: r.disabled,
-          children: r.value
+          value: t.key,
+          title: t.value,
+          disabled: t.disabled,
+          children: t.value
         },
-        r.key
+        t.key
       )
     }
   );
 }
-function ne(x) {
+function le(x) {
   const {
     required: i,
     fieldClassName: c,
     rules: b,
     fieldTooltip: s,
-    updatable: F,
+    updatable: N,
     label: u,
     name: h
   } = x;
   return /* @__PURE__ */ a(
-    S.Item,
+    P.Item,
     {
       label: u,
       name: h,
@@ -445,7 +444,7 @@ function ne(x) {
           showText: !0,
           trigger: "click",
           className: c,
-          disabled: !F,
+          disabled: !N,
           ...x.innerProps
         }
       )
@@ -453,7 +452,7 @@ function ne(x) {
   );
 }
 export {
-  ne as ColorCrudFieldComponent,
-  le as SelectCrudFieldComponent,
-  Ne as default
+  le as ColorCrudFieldComponent,
+  ae as SelectCrudFieldComponent,
+  xe as default
 };

package/crud/CrudFormWizard.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("@ant-design/icons"),u=require("antd"),F=require("react"),k=require("react-i18next"),S=require("../locale/hooks/translation-constants.cjs.js"),y=require("./CrudForm.cjs.js"),T=require("../common/wizard/WizardViewForm.cjs.js"),C=require("../common/button/Button.cjs.js");function v({fields:l,className:m,onDeleteFile:h,onUploadFile:i,purpose:c,wizard:r=[],updatingValue:f,onSave:x,submitting:j}){const d=F.useMemo(()=>r.map(n=>{let t=!0;const o=l.filter(s=>n.fields.includes(s.name));return o.forEach(s=>t&&(t=s.hidden??!1)),{...n,hidden:t,fieldThatShouldShowing:o}}),[l,r]),a=F.useMemo(()=>d.filter(n=>!n.hidden),[d]);return e.jsx(e.Fragment,{children:e.jsx(T,{onSubmit:(n,t)=>{console.log(t),x(t)},className:m,pages:a.map(({title:n,icon:t,fieldThatShouldShowing:o,hidden:s},b)=>({title:n,icon:t,hidden:s,component:q=>e.jsx(R,{fields:o,onDeleteFile:h,onUploadFile:i,purpose:c,i:b,updatingValue:f,backward:q.backward,forward:q.forward,wizard:a,submitting:j},b)}))})})}function R({fields:l,onDeleteFile:m,onUploadFile:h,purpose:i,wizard:c=[],i:r,forward:f,backward:x,submitting:j,updatingValue:d}){const a=c[r],{t:n}=k.useTranslation(S.TRANSLATION_NAMESPACE),[t]=u.Form.useForm();return F.useEffect(()=>{if(d&&(i==="update"||i==="clone")){const o={};for(const s of l)o[s.name]=d[s.name];t.setFieldsValue(o)}},[l,t,i,d]),e.jsxs(u.Form,{name:String(r),form:t,layout:"vertical",children:[e.jsx(y.CrudFormFields,{fields:l,formBuilder:a.formBuilder,grid:a.grid,onDeleteFile:m,onUploadFile:h,purpose:i}),e.jsx(u.Divider,{}),e.jsxs(u.Row,{gutter:[8,8],children:[r>0&&e.jsx(u.Col,{md:12,children:e.jsx(C,{block:!0,icon:e.jsx(g.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>x(),children:n("str.back")})}),e.jsx(u.Col,{md:r>0?12:24,children:e.jsx(C,{block:!0,icon:c.length-1===r?e.jsx(g.SaveOutlined,{}):e.jsx(g.RightOutlined,{}),htmlType:"submit",type:"primary",loading:j,size:"large",onClick:()=>{t.validateFields().then(o=>{f(o,c.length-1===r,c.length-1===r)})},children:c.length-1===r?n("str."+(i==="update"?"update":"save")):n("str.next")})})]})]})}module.exports=v;
+"use strict";const e=require("react/jsx-runtime"),g=require("@ant-design/icons"),u=require("antd"),F=require("react"),y=require("../locale/index.cjs.js"),C=require("./CrudForm.cjs.js"),S=require("../common/wizard/WizardViewForm.cjs.js"),q=require("../common/button/Button.cjs.js");function v({fields:c,className:m,onDeleteFile:h,onUploadFile:i,purpose:l,wizard:t=[],updatingValue:f,onSave:x,submitting:j}){const d=F.useMemo(()=>t.map(n=>{let r=!0;const o=c.filter(s=>n.fields.includes(s.name));return o.forEach(s=>r&&(r=s.hidden??!1)),{...n,hidden:r,fieldThatShouldShowing:o}}),[c,t]),a=F.useMemo(()=>d.filter(n=>!n.hidden),[d]);return e.jsx(e.Fragment,{children:e.jsx(S,{onSubmit:(n,r)=>{console.log(r),x(r)},className:m,pages:a.map(({title:n,icon:r,fieldThatShouldShowing:o,hidden:s},b)=>({title:n,icon:r,hidden:s,component:k=>e.jsx(w,{fields:o,onDeleteFile:h,onUploadFile:i,purpose:l,i:b,updatingValue:f,backward:k.backward,forward:k.forward,wizard:a,submitting:j},b)}))})})}function w({fields:c,onDeleteFile:m,onUploadFile:h,purpose:i,wizard:l=[],i:t,forward:f,backward:x,submitting:j,updatingValue:d}){const a=l[t],{t:n}=y.useTranslationLib(),[r]=u.Form.useForm();return F.useEffect(()=>{if(d&&(i==="update"||i==="clone")){const o={};for(const s of c)o[s.name]=d[s.name];r.setFieldsValue(o)}},[c,r,i,d]),e.jsxs(u.Form,{name:String(t),form:r,layout:"vertical",children:[e.jsx(C.CrudFormFields,{fields:c,formBuilder:a.formBuilder,grid:a.grid,onDeleteFile:m,onUploadFile:h,purpose:i}),e.jsx(u.Divider,{}),e.jsxs(u.Row,{gutter:[8,8],children:[t>0&&e.jsx(u.Col,{md:12,children:e.jsx(q,{block:!0,icon:e.jsx(g.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>x(),children:n("str.back")})}),e.jsx(u.Col,{md:t>0?12:24,children:e.jsx(q,{block:!0,icon:l.length-1===t?e.jsx(g.SaveOutlined,{}):e.jsx(g.RightOutlined,{}),htmlType:"submit",type:"primary",loading:j,size:"large",onClick:()=>{r.validateFields().then(o=>{f(o,l.length-1===t,l.length-1===t)})},children:l.length-1===t?n("str."+(i==="update"?"update":"save")):n("str.next")})})]})]})}module.exports=v;