@kingteza/crud-component 1.0.14 → 1.0.16

package/dist/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 t=require("react/jsx-runtime"),i=require("react"),u=require("antd"),g=require("./CrudField.cjs");function h({form:d,purpose:m="new",...s}){return t.jsx(t.Fragment,{children:t.jsx(u.Form,{form:d,layout:"vertical",children:t.jsx(y,{...s,purpose:m})})})}function y({fields:d,formBuilder:m,grid:s,onDeleteFile:l,onUploadFile:o,purpose:c}){const f=i.useMemo(()=>d.filter(r=>!r.readonly).map(r=>{const a={onUploading:e=>{var n;r.onUploading&&((n=r.onUploading)==null||n.call(r,e)),o==null||o(e)},onDelete:e=>{var n;r.onUploading&&((n=r.onDelete)==null||n.call(r,e)),l==null||l(e)}};return t.jsx(i.Fragment,{children:r.grid&&s?t.jsx(u.Col,{...r.grid,children:i.createElement(g.default,{...r,...a,key:typeof r.name=="string"?r.name:String(r.name),updatable:c!=="update"?!0:r.updatable})}):i.createElement(g.default,{...r,...a,key:typeof r.name=="string"?r.name:String(r.name),updatable:c!=="update"?!0:r.updatable})},r.name)}),[d,s,l,o,c]),j=i.useCallback((r,a={})=>{const e=d.find(n=>n.name===r);if(e!=null&&e.hidden)return t.jsx(t.Fragment,{});if(e){const n=i.createElement(g.default,{...e,...a,key:typeof e.name=="string"?e.name:String(e.name),updatable:c!=="update"?!0:e.updatable});return a.render?a.render(n):n}return t.jsx(t.Fragment,{})},[d,c]);return t.jsx(t.Fragment,{children:m?t.jsxs(t.Fragment,{children:[m(j,{isAnyFieldHidden(...r){const a=Array.isArray(r)?r:[r];return d.filter(n=>a.includes(n.name)).some(n=>n.hidden)},isAllFieldsHidden(...r){const a=Array.isArray(r)?r:[r];return d.filter(n=>a.includes(n.name)).every(n=>n.hidden)}}),t.jsxs(u.Form.Item,{hidden:!0,noStyle:!0,children:[t.jsx(u.Input,{name:"id"}),t.jsx(u.Input,{})]})]}):s?t.jsx(u.Row,{gutter:[8,8],children:f}):f})}exports.CrudForm=h;exports.CrudFormFields=y;

package/dist/components/crud/CrudForm.js

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

package/dist/components/crud/CrudFormWizard.cjs

@@ -1 +1 @@
-"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;
+"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"),y=require("./CrudForm.cjs"),C=require("../common/button/Button.cjs"),T=require("../common/wizard/WizardViewForm.cjs");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;

package/dist/components/crud/CrudFormWizard.js

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

package/dist/components/crud/CrudReportComponent.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("../../_virtual/jsx-runtime.cjs"),r=require("antd"),a=require("react"),y=require("./CrudField.cjs"),H=require("./view/CrudViewer.cjs"),I=require("../common/button/Button.cjs"),J=require("../common/button/PrintButton.cjs"),K=require("../common/report/SelectFieldInReport.cjs"),M=require("../common/select/SelectComponent.cjs"),v=require("./view/CrudViewerUtil.cjs"),Q=require("../../node_modules/@ant-design/icons/es/icons/FileExcelOutlined.cjs"),V={lg:6,md:8,sm:12,xs:24},W={lg:12,md:16,sm:24,xs:24};function X({fields:u,data:d,idField:A,loadingData:p,onSubmit:S,paginateProps:L,size:G,onClickPrint:f,onClickExcelExport:R,minusHeight:O,extraSearchFields:g,searchOnMount:E,summary:U}){const{searchable:_,selectable:m,sortable:B,defaultSort:c}=a.useMemo(()=>{var j,x,C,N,T;const e=[],s=[],l=[];let n;for(const o of u.filter(D=>!D.hidden))o.type==="image"||!o.report||((j=o.report)!=null&&j.searchable&&e.push(o),(x=o.report)!=null&&x.sortable&&(s.push(o),!n&&((C=o.report)!=null&&C.defaultSort)&&(n=o)),o.hideInTable||l.push({id:o.name,label:o.label,lock:(N=o.report)==null?void 0:N.lock,alreadySelected:(T=o.report)==null?void 0:T.alreadySelected}));return{defaultSort:n,searchable:e,sortable:s,selectable:l}},[u]),[b,F]=a.useState([]),h=a.useCallback(async({sortBy:e,sortByType:s,showFields:l=[],...n})=>{const j=[];e&&j.push({field:e,sort:s??"DESC"}),F(u.filter(x=>l.includes(x.name)).map(x=>({...x,hideInTable:!1}))),S({showFields:l,sortBy:j,...n})},[u,S]),[i]=r.Form.useForm(),[w,$]=a.useState(!1),[q,z]=a.useState(!0);return a.useEffect(()=>{if(E&&q){const e=setTimeout(()=>{i.validateFields().then(s=>{h(s)}),z(!1)},200);return()=>clearTimeout(e)}},[h,i,q,E]),a.useEffect(()=>{var s,l,n;!i.getFieldValue("sortBy")&&c&&(console.log((s=c.report)==null?void 0:s.defaultSort),i.setFieldsValue({sortBy:c.name,sortByType:typeof((l=c.report)==null?void 0:l.defaultSort)=="string"?(n=c.report)==null?void 0:n.defaultSort:"ASC"}))},[c,i]),a.useEffect(()=>{if(w){const e=m.filter(s=>s.alreadySelected).map(s=>s.id);F(u.filter(s=>e.includes(s.name)).map(s=>({...s,hideInTable:!1}))),$(!1)}},[u,w,m]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs(r.Space,{className:"w-100",direction:"vertical",children:[t.jsxRuntimeExports.jsxs(r.Form,{form:i,layout:"vertical",onFinish:h,children:[t.jsxRuntimeExports.jsxs(r.Row,{gutter:[8,8],children:[_.map(e=>{var s,l,n;return t.jsxRuntimeExports.jsx(r.Col,{...e.grid??V,style:{alignSelf:"end"},children:(s=e.report)!=null&&s.customRender?e.report.customRender(i):e.type==="date"?t.jsxRuntimeExports.jsx(y.default,{...e,type:"date",range:(l=e.report)==null?void 0:l.range,required:!!((n=e.report)!=null&&n.required),readonly:!1,fieldClassName:"mb-0"}):e.type==="select"?t.jsxRuntimeExports.jsx(y.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):t.jsxRuntimeExports.jsx(y.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(m!=null&&m.length)&&t.jsxRuntimeExports.jsx(r.Col,{...W,children:t.jsxRuntimeExports.jsx(K.SelectFieldInReport,{items:m,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!B.length&&t.jsxRuntimeExports.jsx(r.Col,{...V,children:t.jsxRuntimeExports.jsx(M,{label:"Sort By",name:"sortBy",items:B.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[e,t.jsxRuntimeExports.jsx(r.Form.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:t.jsxRuntimeExports.jsx(r.Radio.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:t.jsxRuntimeExports.jsxs(r.Row,{children:[t.jsxRuntimeExports.jsx(r.Col,{xs:12,children:t.jsxRuntimeExports.jsx(r.Radio,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),t.jsxRuntimeExports.jsx(r.Col,{xs:12,children:t.jsxRuntimeExports.jsx(r.Radio,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),g?g(i):null]}),t.jsxRuntimeExports.jsx(I,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:p,children:"Submit"})]}),t.jsxRuntimeExports.jsxs(r.Space,{children:[!!f&&t.jsxRuntimeExports.jsx(J.PrintButton,{disabled:p||!d.length,onClick:()=>f==null?void 0:f({tableId:"#crud-table table",data:d,fields:b.map(e=>({...e,render:v.getRendererValueCrudViewer(e)}))})}),!!R&&t.jsxRuntimeExports.jsx(I,{disabled:p||!d.length,onClick:()=>R==null?void 0:R({tableId:"#crud-table table",data:d,fields:b.map(e=>({...e,render:v.getRendererValueCrudViewer(e)}))}),icon:t.jsxRuntimeExports.jsx(Q,{}),className:`group
-                ${p||!d.length?"":"!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
+"use strict";const r=require("react/jsx-runtime"),J=require("@ant-design/icons"),s=require("antd"),i=require("react"),j=require("./CrudField.cjs"),K=require("./view/CrudViewer.cjs"),v=require("../common/button/Button.cjs"),M=require("../common/button/PrintButton.cjs"),Q=require("../common/report/SelectFieldInReport.cjs"),W=require("../common/select/SelectComponent.cjs"),V=require("./view/CrudViewerUtil.cjs"),A={lg:6,md:8,sm:12,xs:24},X={lg:12,md:16,sm:24,xs:24};function Y({fields:d,data:u,idField:L,loadingData:p,onSubmit:x,paginateProps:G,size:O,onClickPrint:h,onClickExcelExport:y,minusHeight:U,extraSearchFields:R,searchOnMount:B,summary:_}){const{searchable:$,selectable:c,sortable:F,defaultSort:m}=i.useMemo(()=>{var b,f,N,T,I;const e=[],t=[],o=[];let a;for(const l of d.filter(H=>!H.hidden))l.type==="image"||!l.report||((b=l.report)!=null&&b.searchable&&e.push(l),(f=l.report)!=null&&f.sortable&&(t.push(l),!a&&((N=l.report)!=null&&N.defaultSort)&&(a=l)),l.hideInTable||o.push({id:l.name,label:l.label,lock:(T=l.report)==null?void 0:T.lock,alreadySelected:(I=l.report)==null?void 0:I.alreadySelected}));return{defaultSort:a,searchable:e,sortable:t,selectable:o}},[d]),[S,w]=i.useState([]),g=i.useCallback(async({sortBy:e,sortByType:t,showFields:o=[],...a})=>{const b=[];e&&b.push({field:e,sort:t??"DESC"}),w(d.filter(f=>o.includes(f.name)).map(f=>({...f,hideInTable:!1}))),x({showFields:o,sortBy:b,...a})},[d,x]),[n]=s.Form.useForm(),[q,z]=i.useState(!1),[C,D]=i.useState(!0);return i.useEffect(()=>{if(B&&C){const e=setTimeout(()=>{n.validateFields().then(t=>{g(t)}),D(!1)},200);return()=>clearTimeout(e)}},[g,n,C,B]),i.useEffect(()=>{var t,o,a;!n.getFieldValue("sortBy")&&m&&(console.log((t=m.report)==null?void 0:t.defaultSort),n.setFieldsValue({sortBy:m.name,sortByType:typeof((o=m.report)==null?void 0:o.defaultSort)=="string"?(a=m.report)==null?void 0:a.defaultSort:"ASC"}))},[m,n]),i.useEffect(()=>{if(q){const e=c.filter(t=>t.alreadySelected).map(t=>t.id);w(d.filter(t=>e.includes(t.name)).map(t=>({...t,hideInTable:!1}))),z(!1)}},[d,q,c]),r.jsx(r.Fragment,{children:r.jsxs(s.Space,{className:"w-100",direction:"vertical",children:[r.jsxs(s.Form,{form:n,layout:"vertical",onFinish:g,children:[r.jsxs(s.Row,{gutter:[8,8],children:[$.map(e=>{var t,o,a;return r.jsx(s.Col,{...e.grid??A,style:{alignSelf:"end"},children:(t=e.report)!=null&&t.customRender?e.report.customRender(n):e.type==="date"?r.jsx(j.default,{...e,type:"date",range:(o=e.report)==null?void 0:o.range,required:!!((a=e.report)!=null&&a.required),readonly:!1,fieldClassName:"mb-0"}):e.type==="select"?r.jsx(j.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):r.jsx(j.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(c!=null&&c.length)&&r.jsx(s.Col,{...X,children:r.jsx(Q.SelectFieldInReport,{items:c,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!F.length&&r.jsx(s.Col,{...A,children:r.jsx(W,{label:"Sort By",name:"sortBy",items:F.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>r.jsxs(r.Fragment,{children:[e,r.jsx(s.Form.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:r.jsx(s.Radio.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:r.jsxs(s.Row,{children:[r.jsx(s.Col,{xs:12,children:r.jsx(s.Radio,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),r.jsx(s.Col,{xs:12,children:r.jsx(s.Radio,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),R?R(n):null]}),r.jsx(v,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:p,children:"Submit"})]}),r.jsxs(s.Space,{children:[!!h&&r.jsx(M.PrintButton,{disabled:p||!u.length,onClick:()=>h==null?void 0:h({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:V.getRendererValueCrudViewer(e)}))})}),!!y&&r.jsx(v,{disabled:p||!u.length,onClick:()=>y==null?void 0:y({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:V.getRendererValueCrudViewer(e)}))}),icon:r.jsx(J.FileExcelOutlined,{}),className:`group
+                ${p||!u.length?"":"!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
                 
-              `,children:"Excel"})]}),U,t.jsxRuntimeExports.jsx(H,{minusHeight:O,data:d,size:G,fields:b,idField:A,loadingData:p,paginateProps:L,viewable:!1})]})})}module.exports=X;
+              `,children:"Excel"})]}),_,r.jsx(K,{minusHeight:U,data:u,size:O,fields:S,idField:L,loadingData:p,paginateProps:G,viewable:!1})]})})}module.exports=Y;