@kingteza/crud-component 1.0.46 → 1.0.48

package/crud/CrudForm.es.js

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

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"),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;
+"use strict";const e=require("react/jsx-runtime"),g=require("@ant-design/icons"),u=require("antd"),b=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:r=[],updatingValue:f,onSave:x,submitting:j}){const d=b.useMemo(()=>r.map(n=>{let t=!0;const o=c.filter(s=>n.fields.includes(s.name));return o.forEach(s=>t&&(t=s.hidden??!1)),{...n,hidden:t,fieldThatShouldShowing:o}}),[c,r]),a=b.useMemo(()=>d.filter(n=>!n.hidden),[d]);return e.jsx(S,{onSubmit:(n,t)=>{console.log(t),x(t)},className:m,pages:a.map(({title:n,icon:t,fieldThatShouldShowing:o,hidden:s},F)=>({title:n,icon:t,hidden:s,component:k=>e.jsx(w,{fields:o,onDeleteFile:h,onUploadFile:i,purpose:l,i:F,updatingValue:f,backward:k.backward,forward:k.forward,wizard:a,submitting:j},F)}))})}function w({fields:c,onDeleteFile:m,onUploadFile:h,purpose:i,wizard:l=[],i:r,forward:f,backward:x,submitting:j,updatingValue:d}){const a=l[r],{t:n}=y.useTranslationLib(),[t]=u.Form.useForm();return b.useEffect(()=>{if(d&&(i==="update"||i==="clone")){const o={};for(const s of c)o[s.name]=d[s.name];t.setFieldsValue(o)}},[c,t,i,d]),e.jsxs(u.Form,{name:String(r),form:t,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:[r>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:r>0?12:24,children:e.jsx(q,{block:!0,icon:l.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,l.length-1===r,l.length-1===r)})},children:l.length-1===r?n("str."+(i==="update"?"update":"save")):n("str.next")})})]})]})}module.exports=v;

package/crud/CrudFormWizard.d.ts

@@ -10,5 +10,5 @@ export interface CrudFormWizardProps<T> {
     updatingValue?: T;
     submitting?: boolean;
 }
-declare function CrudFormWizard<T>({ fields, className, onDeleteFile, onUploadFile, purpose, wizard, updatingValue, onSave, submitting, }: CrudFormWizardProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function CrudFormWizard<T>({ fields, className, onDeleteFile, onUploadFile, purpose, wizard, updatingValue, onSave, submitting, }: Readonly<CrudFormWizardProps<T>>): import("react/jsx-runtime").JSX.Element;
 export default CrudFormWizard;

package/crud/CrudFormWizard.es.js

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

package/crud/CrudReportComponent.cjs.js

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),J=require("@ant-design/icons"),s=require("antd"),i=require("react"),j=require("./CrudField.cjs.js"),K=require("./view/CrudViewer.cjs.js"),M=require("../common/report/SelectFieldInReport.cjs.js"),v=require("./view/CrudViewerUtil.cjs.js"),Q=require("../common/select/SelectComponent.cjs.js"),V=require("../common/button/Button.cjs.js"),W=require("../common/button/PrintButton.cjs.js"),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(M.SelectFieldInReport,{items:c,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!F.length&&r.jsx(s.Col,{...A,children:r.jsx(Q,{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(W.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
+"use strict";const r=require("react/jsx-runtime"),J=require("@ant-design/icons"),s=require("antd"),i=require("react"),j=require("./CrudField.cjs.js"),K=require("./view/CrudViewer.cjs.js"),M=require("../common/report/SelectFieldInReport.cjs.js"),v=require("./view/CrudViewerUtil.cjs.js"),Q=require("../common/select/SelectComponent.cjs.js"),V=require("../common/button/Button.cjs.js"),W=require("../common/button/PrintButton.cjs.js"),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:w,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,F]=i.useState([]),g=i.useCallback(async({sortBy:e,sortByType:t,showFields:o=[],...a})=>{const b=[];e&&b.push({field:e,sort:t??"DESC"}),F(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);F(d.filter(t=>e.includes(t.name)).map(t=>({...t,hideInTable:!1}))),z(!1)}},[d,q,c]),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(M.SelectFieldInReport,{items:c,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!w.length&&r.jsx(s.Col,{...A,children:r.jsx(Q,{label:"Sort By",name:"sortBy",items:w.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(W.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"})]}),_,r.jsx(K,{minusHeight:U,data:u,size:O,fields:S,idField:L,loadingData:p,paginateProps:G,viewable:!1})]})})}module.exports=Y;
+              `,children:"Excel"})]}),_,r.jsx(K,{minusHeight:U,data:u,size:O,fields:S,idField:L,loadingData:p,paginateProps:G,viewable:!1})]})}module.exports=Y;

package/crud/CrudReportComponent.d.ts

@@ -40,5 +40,5 @@ export interface CrudReportComponentProps<T_Data, F_Search> {
     extraSearchFields?: (form: FormInstance<any>) => ReactElement;
     searchOnMount?: boolean;
 }
-declare function CrudReportComponent<T, F = T>({ fields, data, idField, loadingData, onSubmit, paginateProps, size, onClickPrint, onClickExcelExport, minusHeight, extraSearchFields, searchOnMount, summary, }: CrudReportComponentProps<T, F>): import("react/jsx-runtime").JSX.Element;
+declare function CrudReportComponent<T, F = T>({ fields, data, idField, loadingData, onSubmit, paginateProps, size, onClickPrint, onClickExcelExport, minusHeight, extraSearchFields, searchOnMount, summary, }: Readonly<CrudReportComponentProps<T, F>>): import("react/jsx-runtime").JSX.Element;
 export default CrudReportComponent;

package/crud/CrudReportComponent.es.js

@@ -1,35 +1,35 @@
-import { jsx as t, Fragment as O, jsxs as c } from "react/jsx-runtime";
+import { jsxs as c, jsx as t, Fragment as Z } from "react/jsx-runtime";
 import { FileExcelOutlined as x } from "@ant-design/icons";
-import { Form as B, Space as _, Row as $, Col as b, Radio as R } from "antd";
+import { Form as B, Space as O, Row as _, Col as b, Radio as R } from "antd";
 import { useMemo as k, useState as w, useCallback as E, useEffect as F } from "react";
 import N from "./CrudField.es.js";
 import P from "./view/CrudViewer.es.js";
 import { SelectFieldInReport as ee } from "../common/report/SelectFieldInReport.es.js";
-import { getRendererValueCrudViewer as z } from "./view/CrudViewerUtil.es.js";
+import { getRendererValueCrudViewer as $ } from "./view/CrudViewerUtil.es.js";
 import re from "../common/select/SelectComponent.es.js";
-import D from "../common/button/Button.es.js";
+import z from "../common/button/Button.es.js";
 import { PrintButton as te } from "../common/button/PrintButton.es.js";
-const H = { lg: 6, md: 8, sm: 12, xs: 24 }, le = { lg: 12, md: 16, sm: 24, xs: 24 };
+const D = { lg: 6, md: 8, sm: 12, xs: 24 }, le = { lg: 12, md: 16, sm: 24, xs: 24 };
 function be({
   fields: n,
   data: d,
-  idField: J,
+  idField: H,
   loadingData: p,
   onSubmit: T,
-  paginateProps: K,
-  size: M,
+  paginateProps: J,
+  size: K,
   onClickPrint: h,
   onClickExcelExport: y,
-  minusHeight: Q,
+  minusHeight: M,
   extraSearchFields: v,
   searchOnMount: C,
-  summary: U
+  summary: Q
 }) {
-  const { searchable: W, selectable: i, sortable: I, defaultSort: m } = k(() => {
+  const { searchable: U, selectable: i, sortable: I, defaultSort: m } = k(() => {
     var f, u, j, L, G;
     const e = [], r = [], o = [];
     let s;
-    for (const l of n.filter((Z) => !Z.hidden))
+    for (const l of n.filter((Y) => !Y.hidden))
       l.type === "image" || !l.report || ((f = l.report) != null && f.searchable && e.push(l), (u = l.report) != null && u.sortable && (r.push(l), !s && ((j = l.report) != null && j.defaultSort) && (s = l)), l.hideInTable || o.push({
         id: l.name,
         label: l.label,
@@ -60,13 +60,13 @@ function be({
       ), T({ showFields: o, sortBy: f, ...s });
     },
     [n, T]
-  ), [a] = B.useForm(), [q, X] = w(!1), [A, Y] = w(!0);
+  ), [a] = B.useForm(), [q, W] = w(!1), [A, X] = w(!0);
   return F(() => {
     if (C && A) {
       const e = setTimeout(() => {
         a.validateFields().then((r) => {
           S(r);
-        }), Y(!1);
+        }), X(!1);
       }, 200);
       return () => clearTimeout(e);
     }
@@ -81,17 +81,17 @@ function be({
       const e = i.filter((r) => r.alreadySelected).map((r) => r.id);
       V(
         n.filter((r) => e.includes(r.name)).map((r) => ({ ...r, hideInTable: !1 }))
-      ), X(!1);
+      ), W(!1);
     }
-  }, [n, q, i]), /* @__PURE__ */ t(O, { children: /* @__PURE__ */ c(_, { className: "w-100", direction: "vertical", children: [
+  }, [n, q, i]), /* @__PURE__ */ c(O, { className: "w-100", direction: "vertical", children: [
     /* @__PURE__ */ c(B, { form: a, layout: "vertical", onFinish: S, children: [
-      /* @__PURE__ */ c($, { gutter: [8, 8], children: [
-        W.map((e) => {
+      /* @__PURE__ */ c(_, { gutter: [8, 8], children: [
+        U.map((e) => {
           var r, o, s;
           return /* @__PURE__ */ t(
             b,
             {
-              ...e.grid ?? H,
+              ...e.grid ?? D,
               style: { alignSelf: "end" },
               children: (r = e.report) != null && r.customRender ? e.report.customRender(a) : e.type === "date" ? /* @__PURE__ */ t(
                 N,
@@ -136,7 +136,7 @@ function be({
             className: "mb-0"
           }
         ) }),
-        !!I.length && /* @__PURE__ */ t(b, { ...H, children: /* @__PURE__ */ t(
+        !!I.length && /* @__PURE__ */ t(b, { ...D, children: /* @__PURE__ */ t(
           re,
           {
             label: "Sort By",
@@ -145,7 +145,7 @@ function be({
             nameFieldInArray: "label",
             fieldId: "id",
             className: "mb-0",
-            dropdownRender: (e) => /* @__PURE__ */ c(O, { children: [
+            dropdownRender: (e) => /* @__PURE__ */ c(Z, { children: [
               e,
               /* @__PURE__ */ t(B.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ t(
                 R.Group,
@@ -153,7 +153,7 @@ function be({
                   className: "w-100",
                   defaultValue: "DESC",
                   optionType: "button",
-                  children: /* @__PURE__ */ c($, { children: [
+                  children: /* @__PURE__ */ c(_, { children: [
                     /* @__PURE__ */ t(b, { xs: 12, children: /* @__PURE__ */ t(
                       R,
                       {
@@ -187,7 +187,7 @@ function be({
         v ? v(a) : null
       ] }),
       /* @__PURE__ */ t(
-        D,
+        z,
         {
           className: "mt-3",
           type: "primary",
@@ -198,7 +198,7 @@ function be({
         }
       )
     ] }),
-    /* @__PURE__ */ c(_, { children: [
+    /* @__PURE__ */ c(O, { children: [
       !!h && /* @__PURE__ */ t(
         te,
         {
@@ -208,13 +208,13 @@ function be({
             data: d,
             fields: g.map((e) => ({
               ...e,
-              render: z(e)
+              render: $(e)
             }))
           })
         }
       ),
       !!y && /* @__PURE__ */ t(
-        D,
+        z,
         {
           disabled: p || !d.length,
           onClick: () => y == null ? void 0 : y({
@@ -222,7 +222,7 @@ function be({
             data: d,
             fields: g.map((e) => ({
               ...e,
-              render: z(e)
+              render: $(e)
             }))
           }),
           icon: /* @__PURE__ */ t(x, {}),
@@ -234,21 +234,21 @@ function be({
         }
       )
     ] }),
-    U,
+    Q,
     /* @__PURE__ */ t(
       P,
       {
-        minusHeight: Q,
+        minusHeight: M,
         data: d,
-        size: M,
+        size: K,
         fields: g,
-        idField: J,
+        idField: H,
         loadingData: p,
-        paginateProps: K,
+        paginateProps: J,
         viewable: !1
       }
     )
-  ] }) });
+  ] });
 }
 export {
   be as default

package/crud/CrudSearchComponent.d.ts

@@ -18,4 +18,4 @@ export interface CrudSearchComponentProps<T, FormType> {
     onSearch?: (values: Partial<FormType>) => void;
     searchFieldsCustomColumnProps?: ColProps[];
 }
-export default function CrudSearchComponent<T, FormType>({ searchFields, fields, searchOnChange, onSearch, searchDefaultValues, searchFieldsCustomColumnProps, }: CrudSearchComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+export default function CrudSearchComponent<T, FormType>({ searchFields, fields, searchOnChange, onSearch, searchDefaultValues, searchFieldsCustomColumnProps, }: Readonly<CrudSearchComponentProps<T, FormType>>): import("react/jsx-runtime").JSX.Element;

package/crud/CrudTextAreaComponent.cjs.js

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

package/crud/CrudTextAreaComponent.d.ts

@@ -0,0 +1,22 @@
+import { InitialCrudField } from './CrudComponent';
+import { FormInstance } from 'antd/lib';
+interface InitialTextAreaProps<T> extends InitialCrudField<T> {
+    type: "textarea";
+    onChange?: (value: string, form: FormInstance<T>) => void;
+    /**
+     * number of lines to show. If false will not show truncated
+     * @default 2
+     */
+    truncated?: boolean | number;
+}
+interface TextAreaProps<T> extends InitialTextAreaProps<T> {
+    placeholder?: string;
+    rows?: number;
+    cols?: number;
+}
+interface RichTextAreaProps<T> extends InitialTextAreaProps<T> {
+    rich?: true;
+}
+export type TextAreaBasedFieldProps<T> = TextAreaProps<T> & RichTextAreaProps<T>;
+declare const CrudTextAreaComponent: <T>({ onChange, label, required, rules, name, updatable, ...props }: TextAreaBasedFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default CrudTextAreaComponent;