@kingteza/crud-component 1.0.13 → 1.0.15

package/dist/components/crud/CrudForm.js

@@ -0,0 +1,91 @@
+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__ */ d(m, { children: /* @__PURE__ */ d(p, { form: e, layout: "vertical", children: /* @__PURE__ */ d(v, { ...i, purpose: c }) }) });
+}
+function v({
+  fields: e,
+  formBuilder: c,
+  grid: i,
+  onDeleteFile: o,
+  onUploadFile: l,
+  purpose: u
+}) {
+  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);
+        }
+      };
+      return /* @__PURE__ */ d(A.Fragment, { children: r.grid && i ? /* @__PURE__ */ d(S, { ...r.grid, children: /* @__PURE__ */ f(
+        s,
+        {
+          ...r,
+          ...a,
+          key: typeof r.name == "string" ? r.name : String(r.name),
+          updatable: u !== "update" ? !0 : r.updatable
+        }
+      ) }) : /* @__PURE__ */ f(
+        s,
+        {
+          ...r,
+          ...a,
+          key: typeof r.name == "string" ? r.name : String(r.name),
+          updatable: u !== "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,
+          {
+            ...t,
+            ...a,
+            key: typeof t.name == "string" ? t.name : String(t.name),
+            updatable: u !== "update" ? !0 : t.updatable
+          }
+        );
+        return a.render ? a.render(n) : n;
+      }
+      return /* @__PURE__ */ d(m, {});
+    },
+    [e, u]
+  );
+  return /* @__PURE__ */ d(m, { children: c ? /* @__PURE__ */ g(m, { children: [
+    c(b, {
+      isAnyFieldHidden(...r) {
+        const a = Array.isArray(r) ? r : [r];
+        return e.filter((n) => a.includes(n.name)).some((n) => n.hidden);
+      },
+      isAllFieldsHidden(...r) {
+        const a = Array.isArray(r) ? r : [r];
+        return e.filter((n) => a.includes(n.name)).every((n) => n.hidden);
+      }
+    }),
+    /* @__PURE__ */ g(p.Item, { hidden: !0, noStyle: !0, children: [
+      /* @__PURE__ */ d(h, { name: "id" }),
+      /* @__PURE__ */ d(h, {})
+    ] })
+  ] }) : i ? /* @__PURE__ */ d(j, { gutter: [8, 8], children: y }) : y });
+}
+export {
+  x as CrudForm,
+  v as CrudFormFields
+};

package/dist/components/crud/CrudFormWizard.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),g=require("@ant-design/icons"),u=require("antd"),F=require("react"),k=require("react-i18next"),S=require("../../locale/hooks/translation-constants.cjs"),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

@@ -0,0 +1,140 @@
+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: s,
+  onSave: h,
+  submitting: g
+}) {
+  const a = y(() => e.map((o) => {
+    let r = !0;
+    const n = d.filter(
+      (i) => o.fields.includes(i.name)
+    );
+    return n.forEach((i) => r && (r = i.hidden ?? !1)), {
+      ...o,
+      hidden: r,
+      fieldThatShouldShowing: n
+    };
+  }), [d, e]), c = y(
+    () => a.filter((o) => !o.hidden),
+    [a]
+  );
+  return /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(
+    B,
+    {
+      onSubmit: (o, r) => {
+        console.log(r), h(r);
+      },
+      className: f,
+      pages: c.map(
+        ({ title: o, icon: r, fieldThatShouldShowing: n, hidden: i }, p) => ({
+          title: o,
+          icon: r,
+          hidden: i,
+          component: (b) => /* @__PURE__ */ t(
+            N,
+            {
+              fields: n,
+              onDeleteFile: u,
+              onUploadFile: l,
+              purpose: m,
+              i: p,
+              updatingValue: s,
+              backward: b.backward,
+              forward: b.forward,
+              wizard: c,
+              submitting: g
+            },
+            p
+          )
+        })
+      )
+    }
+  ) });
+}
+function N({
+  fields: d,
+  onDeleteFile: f,
+  onUploadFile: u,
+  purpose: l,
+  wizard: m = [],
+  i: e,
+  forward: s,
+  backward: h,
+  submitting: g,
+  updatingValue: a
+}) {
+  const c = m[e], { t: o } = W(j), [r] = k.useForm();
+  return O(() => {
+    if (a && (l === "update" || l === "clone")) {
+      const n = {};
+      for (const i of d)
+        n[i.name] = a[i.name];
+      r.setFieldsValue(n);
+    }
+  }, [d, r, l, a]), /* @__PURE__ */ F(k, { name: String(e), form: r, layout: "vertical", children: [
+    /* @__PURE__ */ t(
+      z,
+      {
+        fields: d,
+        formBuilder: c.formBuilder,
+        grid: c.grid,
+        onDeleteFile: f,
+        onUploadFile: u,
+        purpose: l
+      }
+    ),
+    /* @__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__ */ t(v, {}),
+          htmlType: "button",
+          type: "default",
+          size: "large",
+          onClick: () => h(),
+          children: o("str.back")
+        }
+      ) }),
+      /* @__PURE__ */ t(S, { md: e > 0 ? 12 : 24, children: /* @__PURE__ */ t(
+        C,
+        {
+          block: !0,
+          icon: m.length - 1 === e ? /* @__PURE__ */ t(w, {}) : /* @__PURE__ */ t(x, {}),
+          htmlType: "submit",
+          type: "primary",
+          loading: g,
+          size: "large",
+          onClick: () => {
+            r.validateFields().then((n) => {
+              s(
+                n,
+                m.length - 1 === e,
+                m.length - 1 === e
+              );
+            });
+          },
+          children: m.length - 1 === e ? o("str." + (l === "update" ? "update" : "save")) : o("str.next")
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  H as default
+};

package/dist/components/crud/CrudReportComponent.cjs

@@ -0,0 +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"),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"})]}),_,r.jsx(K,{minusHeight:U,data:u,size:O,fields:S,idField:L,loadingData:p,paginateProps:G,viewable:!1})]})})}module.exports=Y;

package/dist/components/crud/CrudReportComponent.js

@@ -0,0 +1,255 @@
+import { jsx as t, Fragment as O, jsxs as c } 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 { useMemo as k, useState as w, useCallback as E, useEffect as F } from "react";
+import N from "./CrudField.js";
+import P from "./view/CrudViewer.js";
+import z from "../common/button/Button.js";
+import { PrintButton as ee } from "../common/button/PrintButton.js";
+import { SelectFieldInReport as re } from "../common/report/SelectFieldInReport.js";
+import te from "../common/select/SelectComponent.js";
+import { getRendererValueCrudViewer as D } from "./view/CrudViewerUtil.js";
+const H = { 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,
+  loadingData: p,
+  onSubmit: T,
+  paginateProps: K,
+  size: M,
+  onClickPrint: h,
+  onClickExcelExport: y,
+  minusHeight: Q,
+  extraSearchFields: v,
+  searchOnMount: C,
+  summary: U
+}) {
+  const { searchable: W, 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))
+      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,
+        lock: (L = l.report) == null ? void 0 : L.lock,
+        alreadySelected: (G = l.report) == null ? void 0 : G.alreadySelected
+      }));
+    return {
+      defaultSort: s,
+      searchable: e,
+      sortable: r,
+      selectable: o
+    };
+  }, [n]), [g, V] = w(
+    []
+  ), S = E(
+    async ({
+      sortBy: e,
+      sortByType: r,
+      showFields: o = [],
+      ...s
+    }) => {
+      const f = [];
+      e && f.push({
+        field: e,
+        sort: r ?? "DESC"
+      }), V(
+        n.filter((u) => o.includes(u.name)).map((u) => ({ ...u, hideInTable: !1 }))
+      ), T({ showFields: o, sortBy: f, ...s });
+    },
+    [n, T]
+  ), [a] = B.useForm(), [q, X] = w(!1), [A, Y] = w(!0);
+  return F(() => {
+    if (C && A) {
+      const e = setTimeout(() => {
+        a.validateFields().then((r) => {
+          S(r);
+        }), Y(!1);
+      }, 200);
+      return () => clearTimeout(e);
+    }
+  }, [S, a, A, C]), F(() => {
+    var r, o, s;
+    !a.getFieldValue("sortBy") && m && (console.log((r = m.report) == null ? void 0 : r.defaultSort), a.setFieldsValue({
+      sortBy: m.name,
+      sortByType: typeof ((o = m.report) == null ? void 0 : o.defaultSort) == "string" ? (s = m.report) == null ? void 0 : s.defaultSort : "ASC"
+    }));
+  }, [m, a]), F(() => {
+    if (q) {
+      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);
+    }
+  }, [n, q, i]), /* @__PURE__ */ t(O, { children: /* @__PURE__ */ c(_, { 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) => {
+          var r, o, s;
+          return /* @__PURE__ */ t(
+            b,
+            {
+              ...e.grid ?? H,
+              style: { alignSelf: "end" },
+              children: (r = e.report) != null && r.customRender ? e.report.customRender(a) : e.type === "date" ? /* @__PURE__ */ t(
+                N,
+                {
+                  ...e,
+                  type: "date",
+                  range: (o = e.report) == null ? void 0 : o.range,
+                  required: !!((s = e.report) != null && s.required),
+                  readonly: !1,
+                  fieldClassName: "mb-0"
+                }
+              ) : e.type === "select" ? /* @__PURE__ */ t(
+                N,
+                {
+                  ...e,
+                  type: "select",
+                  multiple: !0,
+                  required: !1,
+                  readonly: !1,
+                  fieldClassName: "mb-0"
+                }
+              ) : /* @__PURE__ */ t(
+                N,
+                {
+                  ...e,
+                  readonly: !1,
+                  required: !1,
+                  fieldClassName: "mb-0"
+                }
+              )
+            },
+            e.name
+          );
+        }),
+        !!(i != null && i.length) && /* @__PURE__ */ t(b, { ...le, children: /* @__PURE__ */ t(
+          re,
+          {
+            items: i,
+            name: "showFields",
+            mode: "multiple",
+            label: "Show Fields",
+            className: "mb-0"
+          }
+        ) }),
+        !!I.length && /* @__PURE__ */ t(b, { ...H, children: /* @__PURE__ */ t(
+          te,
+          {
+            label: "Sort By",
+            name: "sortBy",
+            items: I.map((e) => ({ id: e.name, label: e.label })),
+            nameFieldInArray: "label",
+            fieldId: "id",
+            className: "mb-0",
+            dropdownRender: (e) => /* @__PURE__ */ c(O, { children: [
+              e,
+              /* @__PURE__ */ t(B.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ t(
+                R.Group,
+                {
+                  className: "w-100",
+                  defaultValue: "DESC",
+                  optionType: "button",
+                  children: /* @__PURE__ */ c($, { children: [
+                    /* @__PURE__ */ t(b, { xs: 12, children: /* @__PURE__ */ t(
+                      R,
+                      {
+                        className: "w-100",
+                        style: {
+                          borderTopRightRadius: 0,
+                          borderBottomRightRadius: 0
+                        },
+                        value: "ASC",
+                        children: "Ascending"
+                      }
+                    ) }),
+                    /* @__PURE__ */ t(b, { xs: 12, children: /* @__PURE__ */ t(
+                      R,
+                      {
+                        className: "w-100",
+                        style: {
+                          borderTopLeftRadius: 0,
+                          borderBottomLeftRadius: 0
+                        },
+                        value: "DESC",
+                        children: "Descending"
+                      }
+                    ) })
+                  ] })
+                }
+              ) })
+            ] })
+          }
+        ) }),
+        v ? v(a) : null
+      ] }),
+      /* @__PURE__ */ t(
+        z,
+        {
+          className: "mt-3",
+          type: "primary",
+          block: !0,
+          htmlType: "submit",
+          disabled: p,
+          children: "Submit"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c(_, { children: [
+      !!h && /* @__PURE__ */ t(
+        ee,
+        {
+          disabled: p || !d.length,
+          onClick: () => h == null ? void 0 : h({
+            tableId: "#crud-table table",
+            data: d,
+            fields: g.map((e) => ({
+              ...e,
+              render: D(e)
+            }))
+          })
+        }
+      ),
+      !!y && /* @__PURE__ */ t(
+        z,
+        {
+          disabled: p || !d.length,
+          onClick: () => y == null ? void 0 : y({
+            tableId: "#crud-table table",
+            data: d,
+            fields: g.map((e) => ({
+              ...e,
+              render: D(e)
+            }))
+          }),
+          icon: /* @__PURE__ */ t(x, {}),
+          className: `group
+                ${p || !d.length ? "" : "!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
+                
+              `,
+          children: "Excel"
+        }
+      )
+    ] }),
+    U,
+    /* @__PURE__ */ t(
+      P,
+      {
+        minusHeight: Q,
+        data: d,
+        size: M,
+        fields: g,
+        idField: J,
+        loadingData: p,
+        paginateProps: K,
+        viewable: !1
+      }
+    )
+  ] }) });
+}
+export {
+  be as default
+};

package/dist/components/crud/CrudSearchComponent.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),w=require("@ant-design/icons"),f=require("antd"),M=require("./CrudField.cjs"),N=require("../common/button/Button.cjs");function a({searchFields:t=[],fields:b,searchOnChange:x,onSearch:g,searchDefaultValues:m,searchFieldsCustomColumnProps:r}){const p=o.useMemo(()=>t.map(n=>typeof n=="string"?{...b.find(c=>n===c.name),required:!1}:{...b.find(i=>(n==null?void 0:n.name)===i.name),...n}).filter(n=>n&&!(n!=null&&n.hidden)),[t,b]),y=o.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),j=o.useMemo(()=>t.length===1?{field:22,button:2}:t.length===2?{field:11,button:2}:t.length===3?{field:6,button:6}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),q=o.useMemo(()=>t.length===1?{field:21,button:3}:t.length===2?{field:11,button:2}:t.length===3?{field:24,button:24}:t.length===4?{field:5,button:4}:t.length===5?{field:4,button:4}:{field:4,button:4},[t.length]),[u]=f.Form.useForm(),d=o.useCallback(async n=>{if((n||x)&&g){const l=await u.validateFields();g(l)}},[u,g,x]);return o.useEffect(()=>{m&&(u.setFieldsValue(m),d(!0))},[u,m]),t!=null&&t.length?e.jsx(f.Form,{form:u,onFinish:()=>d(!0),layout:"vertical",className:"mb-2",onChange:()=>d(!1),children:e.jsxs(f.Row,{gutter:[4,8],className:"w-100",children:[p.map((n,l)=>{const i=(r==null?void 0:r[l])??{md:y.field,sm:j.field,xs:q.field};return o.createElement(f.Col,{...i,key:`search_field_${String(n.name)}`,className:"align-self-end"},e.jsx(M.default,{...n,readonly:!1,fieldClassName:"mb-0"}))}),e.jsx(f.Col,{md:y.button,sm:j.button,xs:q.button,style:{alignSelf:"end"},children:e.jsx(N,{type:"primary",htmlType:"submit",block:!0,icon:e.jsx(w.SearchOutlined,{})})})]})}):e.jsx(e.Fragment,{})}module.exports=a;

package/dist/components/crud/CrudSearchComponent.js

@@ -0,0 +1,95 @@
+import { jsx as o, Fragment as j, jsxs as v } from "react/jsx-runtime";
+import { useMemo as u, useCallback as E, useEffect as S, createElement as _ } from "react";
+import { SearchOutlined as q } from "@ant-design/icons";
+import { Form as w, Row as B, Col as N } from "antd";
+import M from "./CrudField.js";
+import R from "../common/button/Button.js";
+function I({
+  searchFields: t = [],
+  fields: e,
+  searchOnChange: p,
+  onSearch: b,
+  searchDefaultValues: g,
+  searchFieldsCustomColumnProps: i
+}) {
+  const k = u(
+    () => t.map((n) => typeof n == "string" ? {
+      ...e.find((a) => n === a.name),
+      required: !1
+    } : {
+      ...e.find(
+        (l) => (n == null ? void 0 : n.name) === l.name
+      ),
+      ...n
+    }).filter((n) => n && !(n != null && n.hidden)),
+    [t, e]
+  ), d = u(
+    () => t.length === 1 ? { field: 22, button: 2 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 6, button: 6 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
+    [t.length]
+  ), y = u(
+    () => t.length === 1 ? { field: 22, button: 2 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 6, button: 6 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
+    [t.length]
+  ), x = u(
+    () => t.length === 1 ? { field: 21, button: 3 } : t.length === 2 ? { field: 11, button: 2 } : t.length === 3 ? { field: 24, button: 24 } : t.length === 4 ? { field: 5, button: 4 } : t.length === 5 ? { field: 4, button: 4 } : { field: 4, button: 4 },
+    [t.length]
+  ), [f] = w.useForm(), r = E(
+    async (n) => {
+      if ((n || p) && b) {
+        const m = await f.validateFields();
+        b(m);
+      }
+    },
+    [f, b, p]
+  );
+  return S(() => {
+    g && (f.setFieldsValue(g), r(!0));
+  }, [f, g]), t != null && t.length ? /* @__PURE__ */ o(
+    w,
+    {
+      form: f,
+      onFinish: () => r(!0),
+      layout: "vertical",
+      className: "mb-2",
+      onChange: () => r(!1),
+      children: /* @__PURE__ */ v(B, { gutter: [4, 8], className: "w-100", children: [
+        k.map((n, m) => {
+          const l = (i == null ? void 0 : i[m]) ?? {
+            md: d.field,
+            sm: y.field,
+            xs: x.field
+          };
+          return /* @__PURE__ */ _(
+            N,
+            {
+              ...l,
+              key: `search_field_${String(n.name)}`,
+              className: "align-self-end"
+            },
+            /* @__PURE__ */ o(M, { ...n, readonly: !1, fieldClassName: "mb-0" })
+          );
+        }),
+        /* @__PURE__ */ o(
+          N,
+          {
+            md: d.button,
+            sm: y.button,
+            xs: x.button,
+            style: { alignSelf: "end" },
+            children: /* @__PURE__ */ o(
+              R,
+              {
+                type: "primary",
+                htmlType: "submit",
+                block: !0,
+                icon: /* @__PURE__ */ o(q, {})
+              }
+            )
+          }
+        )
+      ] })
+    }
+  ) : /* @__PURE__ */ o(j, {});
+}
+export {
+  I as default
+};

package/dist/components/crud/FileCrudField.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime");;/* empty css            */const d=require("@ant-design/icons"),F=require("antd"),A=require("mime"),c=require("react"),B=require("react-i18next"),H=require("../../locale/hooks/translation-constants.cjs"),z=require("../../util/ValidationUtil.cjs"),P=require("../common/button/Button.cjs"),G=require("../common/layout/VerticalSpace.cjs");function J({name:n,label:e,required:l,provider:s,onUploading:a,onRemoved:h,fieldClassName:j,accept:p,rules:N,maxCount:O=1,block:k,...U}){const f=F.Form.useFormInstance(),x=F.Form.useWatch(n,f),[q,S]=c.useState(!1),[b,_]=c.useState(!1),$=c.useCallback(async r=>{var i,u;try{const{file:o}=r,g=o.name;S(!0),_(!0),a==null||a(!0);const C=g??"",V=C.split("."),L=V[V.length-1],W=s.generateFileName(C),M=`${await s.getInitialPath()}/${W}.${L}`;console.log({filePath:M});const E=await s.upload({...o,originFileObj:o},M);a==null||a(!1),f.setFieldValue(n,E),(i=r.onSuccess)==null||i.call(r,E)}catch(o){(u=r.onError)==null||u.call(r,o)}finally{S(!1)}},[f,n,a,s]),[w,I]=c.useState([]);c.useEffect(()=>{!b&&x&&Promise.all((Array.isArray(x)?x:[x]).map(async r=>{const i=A.getType(r),u=r.split("/").pop(),o=await s.getRealUrl(r);return{uid:r,url:o,type:i,name:u}})).then(r=>I(()=>{const i=r.map(({url:u,type:o,uid:g,name:C})=>({uid:g,url:u,type:o,response:g,thumbUrl:u,name:C}));return console.log(i),i}))},[x,b,q,s]);const R=c.useCallback(async r=>{const i=r.response,u=i||f.getFieldValue(n);await s.delete(u),h==null||h(),r&&f.setFieldsValue({[n]:null})},[f,n,h,s]);return t.jsxs(F.Form.Item,{label:e,required:l,name:n,className:j,rules:[...l?z.required(e):[],...N??[]],children:[t.jsx("input",{hidden:!0}),t.jsx(F.Upload,{...U,fileList:w,className:((w==null?void 0:w.length)??0)>=O?"hide-upload":"",maxCount:O,customRequest:$,onRemove:R,listType:"picture",onChange:({fileList:r})=>{I(r)},style:k?{width:"100%"}:void 0,children:t.jsx(P,{loading:q,children:"Upload File"})})]})}const K=({provider:n,value:e})=>{const[l,s]=c.useState();return c.useEffect(()=>{e&&n.getRealUrl(e).then(a=>{s({mimeType:A.getType(e),url:a,fileName:e.split("/").pop()??e})})},[n,e]),l?t.jsx(D,{fileName:l.fileName,url:l==null?void 0:l.url,mimeType:l==null?void 0:l.mimeType}):t.jsx(t.Fragment,{})},D=({url:n,mimeType:e="",fileName:l})=>{const s=c.useMemo(()=>e!=null&&e.includes("image")?"image":e!=null&&e.includes("pdf")?"pdf":e!=null&&e.includes("word")?"word":e!=null&&e.includes("text")?"text":e!=null&&e.includes("presentation")?"presentation":e!=null&&e.includes("excel")||e!=null&&e.includes("spreadsheet")?"excel":"file",[e]),a=c.useMemo(()=>{switch(s){case"image":return t.jsx(d.FileImageOutlined,{});case"pdf":return t.jsx(d.FilePdfOutlined,{});case"word":return t.jsx(d.FileWordOutlined,{});case"text":return t.jsx(d.FileTextOutlined,{});case"excel":return t.jsx(d.FileExcelOutlined,{});case"presentation":return t.jsx(d.FilePptOutlined,{});default:return t.jsx(d.FileOutlined,{})}},[s]),[h,j]=c.useState(!1),{t:p}=B.useTranslation(H.TRANSLATION_NAMESPACE);return s!=="file"&&s!=="text"?t.jsxs(t.Fragment,{children:[t.jsx(F.Modal,{open:h,title:l,onCancel:()=>j(!1),footer:t.jsx(t.Fragment,{}),width:"100%",style:{top:"8px",minHeight:"700px"},destroyOnClose:!0,children:t.jsxs(G,{children:[t.jsx(P,{tooltip:l,icon:t.jsx(d.ExportOutlined,{}),target:"_blank",href:n,style:{textDecoration:"none"},children:p("str.openInNewTab")}),s==="image"?t.jsx("img",{src:n,alt:l,style:{width:"100%"}}):s==="pdf"?t.jsxs("iframe",{title:l,src:n,width:"100%",height:"700px",children:["This browser does not support PDFs. Please download the PDF to view it:",t.jsx("a",{href:n,children:"Download PDF"}),"."]}):t.jsxs("iframe",{title:l,src:`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(n)}`,width:"100%",height:"700px",children:["This browser does not support open ",s.toUpperCase(),". Please download the",s.toUpperCase()," to view it:",t.jsxs("a",{href:n,children:["Download ",s.toUpperCase()]}),"."]})]})}),t.jsx(P,{tooltip:l,icon:a,shape:"circle",onClick:()=>j(!0)})]}):t.jsx(P,{tooltip:l,icon:a,target:"_blank",href:n,shape:"circle"})};exports.FileCellValue=D;exports.FileCrudCellValue=K;exports.default=J;