@kingteza/crud-component 1.0.12 → 1.0.14

package/dist/components/crud/CrudForm.js

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

package/dist/components/crud/CrudFormWizard.cjs

@@ -0,0 +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;

package/dist/components/crud/CrudFormWizard.js

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

package/dist/components/crud/CrudReportComponent.cjs

@@ -0,0 +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"}
+                
+              `,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;

package/dist/components/crud/CrudReportComponent.js

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

package/dist/components/crud/CrudSearchComponent.cjs

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

package/dist/components/crud/CrudSearchComponent.js

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

package/dist/components/crud/FileCrudField.cjs

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