@kingteza/crud-component 1.0.6 → 1.0.9

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

@@ -1,20 +1,23 @@
-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 "react-highlight-words";
-import { useTranslation as z } from "react-i18next";
-import { TRANSLATION_NAMESPACE as J } from "../../locale/hooks/translation-constants.js";
-import K from "./FileCrudField.js";
-import Q from "./ImageCrudField.js";
-import X from "../common/DatePicker/DatePicker.js";
-import Y from "../common/DatePicker/TimePicker.js";
-import Z from "../common/check-box/CheckBox.js";
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { useEffect as O, useState as H, useCallback as _ } from "react";
+import G from "../../../_virtual/main.js";
+import { useTranslation as $ } from "react-i18next";
+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 V from "../common/text-field/NumberField.js";
-import ee from "../common/text-field/TextField.js";
-import te from "../common/text-field/TextArea.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 re from "../common/tooltip/TooltipComponent.js";
-function ve(v) {
+import k from "../../../node_modules/antd/es/form/index.js";
+import U from "../../../node_modules/antd/es/radio/index.js";
+import R from "../../../node_modules/antd/es/select/index.js";
+import te from "../../../node_modules/antd/es/color-picker/ColorPicker.js";
+function Te(v) {
   const {
     label: i,
     name: m,
@@ -24,12 +27,12 @@ function ve(v) {
     rules: u = [],
     updatable: h = !0,
     readonly: N = !1,
-    fieldClassName: g,
+    fieldClassName: f,
     customFormFieldRender: w,
     fieldTooltip: b,
     ...e
   } = v, p = k.useFormInstance();
-  R(() => {
+  O(() => {
     if (x === "select") {
       const {
         items: o = [],
@@ -39,8 +42,8 @@ function ve(v) {
       !(o != null && o.length) && !a && (n == null || n(void 0, p, e == null ? void 0 : e.updatingValue));
     }
   }, [p, e, x, e == null ? void 0 : e.updatingValue]);
-  const { t: F } = z(J);
-  if (N || T) return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  const { t: F } = $(z);
+  if (N || T) return /* @__PURE__ */ r.jsx(r.Fragment, {});
   if (w)
     return w(p, v);
   switch (x) {
@@ -48,8 +51,8 @@ function ve(v) {
     case "email":
     case "password": {
       const { onChange: o, placeholder: n } = e;
-      return /* @__PURE__ */ t.jsx(
-        ee,
+      return /* @__PURE__ */ r.jsx(
+        V,
         {
           placeholder: n,
           disabled: !h,
@@ -60,26 +63,26 @@ function ve(v) {
           name: m,
           tooltip: b,
           label: i,
-          className: g,
+          className: f,
           autoComplete: "new-password"
         }
       );
     }
     case "number": {
       const { onChange: o, placeholder: n, allowMinus: a } = e;
-      return /* @__PURE__ */ t.jsx(
-        V,
+      return /* @__PURE__ */ r.jsx(
+        Z,
         {
           placeholder: n,
           disabled: !h,
           moneyField: !!e.formatted,
           type: x,
-          onChange: o ? (f) => o(f, p) : void 0,
+          onChange: o ? (g) => o(g, p) : void 0,
           rules: u,
           autoComplete: "false",
           required: s,
           tooltip: b,
-          className: g,
+          className: f,
           min: a ? null : void 0,
           name: m,
           label: i
@@ -91,13 +94,13 @@ function ve(v) {
         range: o,
         disableToday: n,
         disabledFutureDays: a,
-        disabledPastDays: f,
+        disabledPastDays: g,
         onChange: C,
         placeholder: c,
         format: y
       } = e;
-      return /* @__PURE__ */ t.jsx(
-        X,
+      return /* @__PURE__ */ r.jsx(
+        Q,
         {
           placeholder: c,
           required: s,
@@ -109,10 +112,10 @@ function ve(v) {
           name: m,
           label: i,
           onChange: C ? (l) => C(l, p) : void 0,
-          className: g,
+          className: f,
           disableToday: n,
           disabledFutureDays: a,
-          disabledPastDays: f
+          disabledPastDays: g
         }
       );
     }
@@ -121,14 +124,14 @@ function ve(v) {
         range: o = !1,
         disableCurrent: n,
         disabledFuture: a,
-        disabledPast: f,
+        disabledPast: g,
         onChange: C,
         use12Hours: c,
         format: y,
         placeholder: l
       } = e;
-      return /* @__PURE__ */ t.jsx(
-        Y,
+      return /* @__PURE__ */ r.jsx(
+        X,
         {
           placeholder: l,
           required: s,
@@ -141,17 +144,17 @@ function ve(v) {
           name: m,
           label: i,
           onChange: C ? (j) => C(j, p) : void 0,
-          className: g,
+          className: f,
           disableCurrent: n,
           disabledFuture: a,
-          disabledPast: f
+          disabledPast: g
         }
       );
     }
     case "textarea": {
-      const { onChange: o, placeholder: n, rows: a, cols: f } = e;
-      return /* @__PURE__ */ t.jsx(
-        te,
+      const { onChange: o, placeholder: n, rows: a, cols: g } = e;
+      return /* @__PURE__ */ r.jsx(
+        ee,
         {
           rules: u,
           placeholder: n,
@@ -164,44 +167,44 @@ function ve(v) {
           disabled: !h,
           name: m,
           label: i,
-          className: g,
+          className: f,
           rows: a,
-          cols: f
+          cols: g
         }
       );
     }
     case "image":
-      return /* @__PURE__ */ t.jsx(
-        Q,
+      return /* @__PURE__ */ r.jsx(
+        K,
         {
           ...e,
           required: s,
           name: m,
           label: i,
           rules: u,
-          fieldClassName: g,
+          fieldClassName: f,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
         }
       );
     case "file":
-      return /* @__PURE__ */ t.jsx(
-        K,
+      return /* @__PURE__ */ r.jsx(
+        J,
         {
           ...e,
           required: s,
           name: m,
           label: i,
           rules: u,
-          fieldClassName: g,
+          fieldClassName: f,
           onRemoved: e.onRemoved,
           onUploading: e.onUploading,
           provider: e.provider
         }
       );
     case "select":
-      return /* @__PURE__ */ t.jsx(
+      return /* @__PURE__ */ r.jsx(
         oe,
         {
           ...e,
@@ -209,7 +212,7 @@ function ve(v) {
           name: m,
           label: i,
           rules: u,
-          fieldClassName: g,
+          fieldClassName: f,
           form: p,
           updatable: h,
           readonly: N,
@@ -221,11 +224,11 @@ function ve(v) {
         enum: o,
         radio: n = !1,
         translation: a,
-        onChange: f,
+        onChange: g,
         onSearch: C,
         multiple: c
       } = e, y = Array.isArray(o) ? o : Object.keys(o);
-      return n ? /* @__PURE__ */ t.jsx(
+      return n ? /* @__PURE__ */ r.jsx(
         k.Item,
         {
           ...e,
@@ -234,25 +237,25 @@ function ve(v) {
           tooltip: b,
           rules: u,
           label: i,
-          className: ["w-100", g].join(" "),
-          children: /* @__PURE__ */ t.jsx(
-            H.Group,
+          className: ["w-100", f].join(" "),
+          children: /* @__PURE__ */ r.jsx(
+            U.Group,
             {
               ...e,
-              onChange: f ? (l) => {
+              onChange: g ? (l) => {
                 var j;
-                return f((j = l == null ? void 0 : l.target) == null ? void 0 : j.value, p);
+                return g((j = l == null ? void 0 : l.target) == null ? void 0 : j.value, p);
               } : void 0,
-              children: y.map((l) => /* @__PURE__ */ t.jsx(H, { disabled: !h, value: l, children: a ? F(a[l]) : l }, l))
+              children: y.map((l) => /* @__PURE__ */ r.jsx(U, { disabled: !h, value: l, children: a ? F(a[l]) : l }, l))
             }
           )
         }
-      ) : /* @__PURE__ */ t.jsx(
+      ) : /* @__PURE__ */ r.jsx(
         q,
         {
           ...e,
-          onChange: f ? (l) => f(l, p) : void 0,
-          className: ["w-100", g].join(" "),
+          onChange: g ? (l) => g(l, p) : void 0,
+          className: ["w-100", f].join(" "),
           name: m,
           items: y,
           required: s,
@@ -263,16 +266,16 @@ function ve(v) {
           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)
+          itemBuilder: (l) => /* @__PURE__ */ r.jsx(R.Option, { value: l, children: a ? F(a[l]) : l }, l)
         }
       );
     }
     case "checkbox": {
       const { onChange: o } = e;
-      return /* @__PURE__ */ t.jsx(
-        Z,
+      return /* @__PURE__ */ r.jsx(
+        Y,
         {
-          className: g,
+          className: f,
           rules: u,
           onChange: o ? (n) => o(n, p) : void 0,
           label: i,
@@ -283,7 +286,7 @@ function ve(v) {
       );
     }
     case "color":
-      return /* @__PURE__ */ t.jsx(
+      return /* @__PURE__ */ r.jsx(
         ae,
         {
           ...e,
@@ -292,14 +295,14 @@ function ve(v) {
           name: m,
           label: i,
           rules: u,
-          fieldClassName: g,
+          fieldClassName: f,
           updatable: h,
           readonly: N,
           fieldTooltip: b
         }
       );
     default:
-      return /* @__PURE__ */ t.jsx(t.Fragment, { children: `${x} Not Implemented` });
+      return /* @__PURE__ */ r.jsx(r.Fragment, { children: `${x} Not Implemented` });
   }
 }
 function oe(v) {
@@ -312,7 +315,7 @@ function oe(v) {
     onChange: u,
     highlightSearch: h,
     required: N,
-    fieldClassName: g,
+    fieldClassName: f,
     rules: w,
     fieldTooltip: b,
     updatable: e,
@@ -321,48 +324,48 @@ function oe(v) {
     tagRender: o,
     updatingValue: n,
     onSet: a,
-    placeholder: f,
+    placeholder: g,
     allowClear: C = !0
-  } = v, c = v.form, [y, l] = U(""), j = k.useWatch(F, c), [S, A] = U(!0);
-  R(() => {
+  } = v, c = v.form, [y, l] = H(""), j = k.useWatch(F, c), [S, A] = H(!0);
+  O(() => {
     a && S && j && (a == null || a(j, i, c), A(!1));
-  }, [S, c, i, F, a, j]), R(() => {
+  }, [S, c, i, F, a, j]), O(() => {
     j && A(!0);
   }, [j]);
-  const D = G(
-    async (r) => {
-      l(r), x && (s == null || s(r, c, n));
+  const D = _(
+    async (t) => {
+      l(t), x && (s == null || s(t, c, n));
     },
     [c, s, x, n]
   );
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ r.jsx(
     q,
     {
       ...v,
       maxTagCount: "responsive",
-      maxTagPlaceholder: (r) => /* @__PURE__ */ t.jsxs(
+      maxTagPlaceholder: (t) => /* @__PURE__ */ r.jsxs(
         re,
         {
-          title: /* @__PURE__ */ t.jsx(t.Fragment, { children: r.map((d) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          title: /* @__PURE__ */ r.jsx(r.Fragment, { children: t.map((d) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
             d.label,
             " ",
-            /* @__PURE__ */ t.jsx("br", {})
+            /* @__PURE__ */ r.jsx("br", {})
           ] })) }),
           children: [
             "+",
-            r == null ? void 0 : r.length
+            t == null ? void 0 : t.length
           ]
         }
       ),
-      placeholder: f,
-      onSelect: (r) => {
-        a == null || a(r == null ? void 0 : r.key, i, c);
+      placeholder: g,
+      onSelect: (t) => {
+        a == null || a(t == null ? void 0 : t.key, i, c);
       },
-      onChange: u ? (r) => {
-        l(""), u(r, c);
+      onChange: u ? (t) => {
+        l(""), u(t, c);
       } : void 0,
       mode: T ? "multiple" : void 0,
-      className: ["w-100", g].join(" "),
+      className: ["w-100", f].join(" "),
       name: F,
       items: i,
       required: N,
@@ -374,10 +377,10 @@ function oe(v) {
       allowClear: C,
       onSearch: D,
       loading: m,
-      filterOption: h ? (r, d) => {
+      filterOption: h ? (t, d) => {
         var P, I, E;
         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();
+          const L = t.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
           );
@@ -385,16 +388,16 @@ function oe(v) {
           return !0;
         }
       } : void 0,
-      itemBuilder: h ? (r) => {
-        const d = r.value ? String(r.value) : void 0;
-        return /* @__PURE__ */ t.jsx(
-          O.Option,
+      itemBuilder: h ? (t) => {
+        const d = t.value ? String(t.value) : void 0;
+        return /* @__PURE__ */ r.jsx(
+          R.Option,
           {
-            value: r.key,
+            value: t.key,
             title: d,
-            disabled: r.disabled,
-            children: /* @__PURE__ */ t.jsx(
-              $,
+            disabled: t.disabled,
+            children: /* @__PURE__ */ r.jsx(
+              G,
               {
                 highlightClassName: "highlight-text",
                 searchWords: (y ?? "").split(" "),
@@ -403,17 +406,17 @@ function oe(v) {
               }
             )
           },
-          r.key
+          t.key
         );
-      } : (r) => /* @__PURE__ */ t.jsx(
-        O.Option,
+      } : (t) => /* @__PURE__ */ r.jsx(
+        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
       )
     }
   );
@@ -428,7 +431,7 @@ function ae(v) {
     label: u,
     name: h
   } = v;
-  return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ r.jsx(
     k.Item,
     {
       label: u,
@@ -436,8 +439,8 @@ function ae(v) {
       required: i,
       rules: x,
       tooltip: s,
-      children: /* @__PURE__ */ t.jsx(
-        _,
+      children: /* @__PURE__ */ r.jsx(
+        te,
         {
           disabledAlpha: !0,
           format: "hex",
@@ -455,5 +458,5 @@ function ae(v) {
 export {
   ae as ColorCrudFieldComponent,
   oe as SelectCrudFieldComponent,
-  ve as default
+  Te as default
 };

package/dist/src/components/crud/CrudForm.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../_virtual/jsx-runtime.cjs"),u=require("react"),a=require("antd"),j=require("./CrudField.cjs");function R({form:i,purpose:x="new",...d}){return n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:n.jsxRuntimeExports.jsx(a.Form,{form:i,layout:"vertical",children:n.jsxRuntimeExports.jsx(p,{...d,purpose:x})})})}function p({fields:i,formBuilder:x,grid:d,onDeleteFile:o,onUploadFile:c,purpose:m}){const l=u.useMemo(()=>i.filter(t=>!t.readonly).map(t=>{const s={onUploading:e=>{var r;t.onUploading&&((r=t.onUploading)==null||r.call(t,e)),c==null||c(e)},onDelete:e=>{var r;t.onUploading&&((r=t.onDelete)==null||r.call(t,e)),o==null||o(e)}};return n.jsxRuntimeExports.jsx(u.Fragment,{children:t.grid&&d?n.jsxRuntimeExports.jsx(a.Col,{...t.grid,children:u.createElement(j.default,{...t,...s,key:typeof t.name=="string"?t.name:String(t.name),updatable:m!=="update"?!0:t.updatable})}):u.createElement(j.default,{...t,...s,key:typeof t.name=="string"?t.name:String(t.name),updatable:m!=="update"?!0:t.updatable})},t.name)}),[i,d,o,c,m]),E=u.useCallback((t,s={})=>{const e=i.find(r=>r.name===t);if(e!=null&&e.hidden)return n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{});if(e){const r=u.createElement(j.default,{...e,...s,key:typeof e.name=="string"?e.name:String(e.name),updatable:m!=="update"?!0:e.updatable});return s.render?s.render(r):r}return n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{})},[i,m]);return n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:x?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[x(E,{isAnyFieldHidden(...t){const s=Array.isArray(t)?t:[t];return i.filter(r=>s.includes(r.name)).some(r=>r.hidden)},isAllFieldsHidden(...t){const s=Array.isArray(t)?t:[t];return i.filter(r=>s.includes(r.name)).every(r=>r.hidden)}}),n.jsxRuntimeExports.jsxs(a.Form.Item,{hidden:!0,noStyle:!0,children:[n.jsxRuntimeExports.jsx(a.Input,{name:"id"}),n.jsxRuntimeExports.jsx(a.Input,{})]})]}):d?n.jsxRuntimeExports.jsx(a.Row,{gutter:[8,8],children:l}):l})}exports.CrudForm=R;exports.CrudFormFields=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.cjs"),i=require("react"),c=require("./CrudField.cjs"),f=require("../../../node_modules/antd/es/form/index.cjs"),g=require("../../../node_modules/antd/es/grid/col.cjs"),R=require("../../../node_modules/antd/es/grid/row.cjs"),j=require("../../../node_modules/antd/es/input/index.cjs");function y({form:u,purpose:x="new",...d}){return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(f.default,{form:u,layout:"vertical",children:e.jsxRuntimeExports.jsx(p,{...d,purpose:x})})})}function p({fields:u,formBuilder:x,grid:d,onDeleteFile:m,onUploadFile:o,purpose:a}){const l=i.useMemo(()=>u.filter(t=>!t.readonly).map(t=>{const s={onUploading:n=>{var r;t.onUploading&&((r=t.onUploading)==null||r.call(t,n)),o==null||o(n)},onDelete:n=>{var r;t.onUploading&&((r=t.onDelete)==null||r.call(t,n)),m==null||m(n)}};return e.jsxRuntimeExports.jsx(i.Fragment,{children:t.grid&&d?e.jsxRuntimeExports.jsx(g.default,{...t.grid,children:i.createElement(c.default,{...t,...s,key:typeof t.name=="string"?t.name:String(t.name),updatable:a!=="update"?!0:t.updatable})}):i.createElement(c.default,{...t,...s,key:typeof t.name=="string"?t.name:String(t.name),updatable:a!=="update"?!0:t.updatable})},t.name)}),[u,d,m,o,a]),E=i.useCallback((t,s={})=>{const n=u.find(r=>r.name===t);if(n!=null&&n.hidden)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(n){const r=i.createElement(c.default,{...n,...s,key:typeof n.name=="string"?n.name:String(n.name),updatable:a!=="update"?!0:n.updatable});return s.render?s.render(r):r}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},[u,a]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:x?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x(E,{isAnyFieldHidden(...t){const s=Array.isArray(t)?t:[t];return u.filter(r=>s.includes(r.name)).some(r=>r.hidden)},isAllFieldsHidden(...t){const s=Array.isArray(t)?t:[t];return u.filter(r=>s.includes(r.name)).every(r=>r.hidden)}}),e.jsxRuntimeExports.jsxs(f.default.Item,{hidden:!0,noStyle:!0,children:[e.jsxRuntimeExports.jsx(j.default,{name:"id"}),e.jsxRuntimeExports.jsx(j.default,{})]})]}):d?e.jsxRuntimeExports.jsx(R.default,{gutter:[8,8],children:l}):l})}exports.CrudForm=y;exports.CrudFormFields=p;

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

@@ -1,44 +1,47 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import x, { useMemo as h, createElement as o, useCallback as p } from "react";
-import { Form as j, Col as b, Input as g, Row as A } from "antd";
-import l from "./CrudField.js";
-function v({
-  form: d,
-  purpose: s = "new",
-  ...i
+import p, { useMemo as x, createElement as c, useCallback as h } from "react";
+import f from "./CrudField.js";
+import j from "../../../node_modules/antd/es/form/index.js";
+import b from "../../../node_modules/antd/es/grid/col.js";
+import A from "../../../node_modules/antd/es/grid/row.js";
+import g from "../../../node_modules/antd/es/input/index.js";
+function E({
+  form: i,
+  purpose: u = "new",
+  ...d
 }) {
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(j, { form: d, layout: "vertical", children: /* @__PURE__ */ t.jsx(C, { ...i, purpose: s }) }) });
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(j, { form: i, layout: "vertical", children: /* @__PURE__ */ t.jsx(C, { ...d, purpose: u }) }) });
 }
 function C({
-  fields: d,
-  formBuilder: s,
-  grid: i,
-  onDeleteFile: u,
-  onUploadFile: c,
+  fields: i,
+  formBuilder: u,
+  grid: d,
+  onDeleteFile: s,
+  onUploadFile: o,
   purpose: m
 }) {
-  const f = h(
-    () => d.filter((r) => !r.readonly).map((r) => {
+  const l = x(
+    () => i.filter((r) => !r.readonly).map((r) => {
       const e = {
         onUploading: (a) => {
           var n;
-          r.onUploading && ((n = r.onUploading) == null || n.call(r, a)), c == null || c(a);
+          r.onUploading && ((n = r.onUploading) == null || n.call(r, a)), o == null || o(a);
         },
         onDelete: (a) => {
           var n;
-          r.onUploading && ((n = r.onDelete) == null || n.call(r, a)), u == null || u(a);
+          r.onUploading && ((n = r.onDelete) == null || n.call(r, a)), s == null || s(a);
         }
       };
-      return /* @__PURE__ */ t.jsx(x.Fragment, { children: r.grid && i ? /* @__PURE__ */ t.jsx(b, { ...r.grid, children: /* @__PURE__ */ o(
-        l,
+      return /* @__PURE__ */ t.jsx(p.Fragment, { children: r.grid && d ? /* @__PURE__ */ t.jsx(b, { ...r.grid, children: /* @__PURE__ */ c(
+        f,
         {
           ...r,
           ...e,
           key: typeof r.name == "string" ? r.name : String(r.name),
           updatable: m !== "update" ? !0 : r.updatable
         }
-      ) }) : /* @__PURE__ */ o(
-        l,
+      ) }) : /* @__PURE__ */ c(
+        f,
         {
           ...r,
           ...e,
@@ -47,14 +50,14 @@ function C({
         }
       ) }, r.name);
     }),
-    [d, i, u, c, m]
-  ), y = p(
+    [i, d, s, o, m]
+  ), y = h(
     (r, e = {}) => {
-      const a = d.find((n) => n.name === r);
+      const a = i.find((n) => n.name === r);
       if (a != null && a.hidden) return /* @__PURE__ */ t.jsx(t.Fragment, {});
       if (a) {
-        const n = /* @__PURE__ */ o(
-          l,
+        const n = /* @__PURE__ */ c(
+          f,
           {
             ...a,
             ...e,
@@ -66,26 +69,26 @@ function C({
       }
       return /* @__PURE__ */ t.jsx(t.Fragment, {});
     },
-    [d, m]
+    [i, m]
   );
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: s ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    s(y, {
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: u ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    u(y, {
       isAnyFieldHidden(...r) {
         const e = Array.isArray(r) ? r : [r];
-        return d.filter((n) => e.includes(n.name)).some((n) => n.hidden);
+        return i.filter((n) => e.includes(n.name)).some((n) => n.hidden);
       },
       isAllFieldsHidden(...r) {
         const e = Array.isArray(r) ? r : [r];
-        return d.filter((n) => e.includes(n.name)).every((n) => n.hidden);
+        return i.filter((n) => e.includes(n.name)).every((n) => n.hidden);
       }
     }),
     /* @__PURE__ */ t.jsxs(j.Item, { hidden: !0, noStyle: !0, children: [
       /* @__PURE__ */ t.jsx(g, { name: "id" }),
       /* @__PURE__ */ t.jsx(g, {})
     ] })
-  ] }) : i ? /* @__PURE__ */ t.jsx(A, { gutter: [8, 8], children: f }) : f });
+  ] }) : d ? /* @__PURE__ */ t.jsx(A, { gutter: [8, 8], children: l }) : l });
 }
 export {
-  v as CrudForm,
+  E as CrudForm,
   C as CrudFormFields
 };

package/dist/src/components/crud/CrudFormWizard.cjs

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