@kingteza/crud-component 1.0.9 → 1.0.11

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

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

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

@@ -1 +1 @@
-"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;
+"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;

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

@@ -1,47 +1,44 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-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,
+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 _({
+  form: d,
   purpose: u = "new",
-  ...d
+  ...i
 }) {
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(j, { form: i, layout: "vertical", children: /* @__PURE__ */ t.jsx(C, { ...d, purpose: u }) }) });
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(j, { form: d, layout: "vertical", children: /* @__PURE__ */ t.jsx(C, { ...i, purpose: u }) }) });
 }
 function C({
-  fields: i,
+  fields: d,
   formBuilder: u,
-  grid: d,
+  grid: i,
   onDeleteFile: s,
-  onUploadFile: o,
+  onUploadFile: c,
   purpose: m
 }) {
-  const l = x(
-    () => i.filter((r) => !r.readonly).map((r) => {
+  const f = h(
+    () => d.filter((r) => !r.readonly).map((r) => {
       const e = {
         onUploading: (a) => {
           var n;
-          r.onUploading && ((n = r.onUploading) == null || n.call(r, a)), o == null || o(a);
+          r.onUploading && ((n = r.onUploading) == null || n.call(r, a)), c == null || c(a);
         },
         onDelete: (a) => {
           var n;
           r.onUploading && ((n = r.onDelete) == null || n.call(r, a)), s == null || s(a);
         }
       };
-      return /* @__PURE__ */ t.jsx(p.Fragment, { children: r.grid && d ? /* @__PURE__ */ t.jsx(b, { ...r.grid, children: /* @__PURE__ */ c(
-        f,
+      return /* @__PURE__ */ t.jsx(x.Fragment, { children: r.grid && i ? /* @__PURE__ */ t.jsx(b, { ...r.grid, children: /* @__PURE__ */ o(
+        l,
         {
           ...r,
           ...e,
           key: typeof r.name == "string" ? r.name : String(r.name),
           updatable: m !== "update" ? !0 : r.updatable
         }
-      ) }) : /* @__PURE__ */ c(
-        f,
+      ) }) : /* @__PURE__ */ o(
+        l,
         {
           ...r,
           ...e,
@@ -50,14 +47,14 @@ function C({
         }
       ) }, r.name);
     }),
-    [i, d, s, o, m]
-  ), y = h(
+    [d, i, s, c, m]
+  ), y = p(
     (r, e = {}) => {
-      const a = i.find((n) => n.name === r);
+      const a = d.find((n) => n.name === r);
       if (a != null && a.hidden) return /* @__PURE__ */ t.jsx(t.Fragment, {});
       if (a) {
-        const n = /* @__PURE__ */ c(
-          f,
+        const n = /* @__PURE__ */ o(
+          l,
           {
             ...a,
             ...e,
@@ -69,26 +66,26 @@ function C({
       }
       return /* @__PURE__ */ t.jsx(t.Fragment, {});
     },
-    [i, m]
+    [d, m]
   );
   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 i.filter((n) => e.includes(n.name)).some((n) => n.hidden);
+        return d.filter((n) => e.includes(n.name)).some((n) => n.hidden);
       },
       isAllFieldsHidden(...r) {
         const e = Array.isArray(r) ? r : [r];
-        return i.filter((n) => e.includes(n.name)).every((n) => n.hidden);
+        return d.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, {})
     ] })
-  ] }) : d ? /* @__PURE__ */ t.jsx(A, { gutter: [8, 8], children: l }) : l });
+  ] }) : i ? /* @__PURE__ */ t.jsx(A, { gutter: [8, 8], children: f }) : f });
 }
 export {
-  E as CrudForm,
+  _ 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"),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;
+"use strict";const e=require("../../../_virtual/jsx-runtime.cjs"),c=require("antd"),f=require("react"),F=require("../../locale/hooks/translation-constants.cjs"),q=require("./CrudForm.cjs"),g=require("../common/button/Button.cjs"),b=require("../common/wizard/WizardViewForm.cjs"),C=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),k=require("../../../node_modules/@ant-design/icons/es/icons/LeftOutlined.cjs"),S=require("../../../node_modules/@ant-design/icons/es/icons/SaveOutlined.cjs"),y=require("../../../node_modules/@ant-design/icons/es/icons/RightOutlined.cjs");function T({fields:x,className:d,onDeleteFile:a,onUploadFile:i,purpose:u,wizard:r=[],updatingValue:j,onSave:h,submitting:R}){const l=f.useMemo(()=>r.map(n=>{let t=!0;const s=x.filter(o=>n.fields.includes(o.name));return s.forEach(o=>t&&(t=o.hidden??!1)),{...n,hidden:t,fieldThatShouldShowing:s}}),[x,r]),m=f.useMemo(()=>l.filter(n=>!n.hidden),[l]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(b,{onSubmit:(n,t)=>{console.log(t),h(t)},className:d,pages:m.map(({title:n,icon:t,fieldThatShouldShowing:s,hidden:o},E)=>({title:n,icon:t,hidden:o,component:p=>e.jsxRuntimeExports.jsx(v,{fields:s,onDeleteFile:a,onUploadFile:i,purpose:u,i:E,updatingValue:j,backward:p.backward,forward:p.forward,wizard:m,submitting:R},E)}))})})}function v({fields:x,onDeleteFile:d,onUploadFile:a,purpose:i,wizard:u=[],i:r,forward:j,backward:h,submitting:R,updatingValue:l}){const m=u[r],{t:n}=C.useTranslation(F.TRANSLATION_NAMESPACE),[t]=c.Form.useForm();return f.useEffect(()=>{if(l&&(i==="update"||i==="clone")){const s={};for(const o of x)s[o.name]=l[o.name];t.setFieldsValue(s)}},[x,t,i,l]),e.jsxRuntimeExports.jsxs(c.Form,{name:String(r),form:t,layout:"vertical",children:[e.jsxRuntimeExports.jsx(q.CrudFormFields,{fields:x,formBuilder:m.formBuilder,grid:m.grid,onDeleteFile:d,onUploadFile:a,purpose:i}),e.jsxRuntimeExports.jsx(c.Divider,{}),e.jsxRuntimeExports.jsxs(c.Row,{gutter:[8,8],children:[r>0&&e.jsxRuntimeExports.jsx(c.Col,{md:12,children:e.jsxRuntimeExports.jsx(g,{block:!0,icon:e.jsxRuntimeExports.jsx(k,{}),htmlType:"button",type:"default",size:"large",onClick:()=>h(),children:n("str.back")})}),e.jsxRuntimeExports.jsx(c.Col,{md:r>0?12:24,children:e.jsxRuntimeExports.jsx(g,{block:!0,icon:u.length-1===r?e.jsxRuntimeExports.jsx(S,{}):e.jsxRuntimeExports.jsx(y,{}),htmlType:"submit",type:"primary",loading:R,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")})})]})]})}module.exports=T;