@kingteza/crud-component 1.0.66 → 1.2.0

package/crud/CrudForm.es.js

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

package/crud/CrudFormWizard.cjs.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("@ant-design/icons"),u=require("antd"),F=require("react"),y=require("../locale/index.cjs.js"),R=require("./CrudForm.cjs.js"),S=require("../common/wizard/WizardViewForm.cjs.js"),b=require("../util/CrudUtil.cjs.js"),C=require("../common/button/Button.cjs.js");function v({fields:d,className:m,onDeleteFile:h,onUploadFile:i,purpose:l,wizard:r=[],updatingValue:f,onSave:x,submitting:g}){const c=F.useMemo(()=>r.map(n=>{let t=!0;const o=d.filter(s=>n.fields.includes(b.getRealName(s.name)));return o.forEach(s=>t&&(t=s.hidden??!1)),{...n,hidden:t,fieldThatShouldShowing:o}}),[d,r]),a=F.useMemo(()=>c.filter(n=>!n.hidden),[c]);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},q)=>({title:n,icon:t,hidden:s,component:k=>e.jsx(N,{fields:o,onDeleteFile:h,onUploadFile:i,purpose:l,i:q,updatingValue:f,backward:k.backward,forward:k.forward,wizard:a,submitting:g},q)}))})}function N({fields:d,onDeleteFile:m,onUploadFile:h,purpose:i,wizard:l=[],i:r,forward:f,backward:x,submitting:g,updatingValue:c}){const a=l[r],{t:n}=y.useTranslationLib(),[t]=u.Form.useForm();return F.useEffect(()=>{if(c&&(i==="update"||i==="clone")){const o={};for(const s of d)o[b.getRealName(s.name,"upsertFieldName")]=c[b.getRealName(s.name,"upsertFieldName")];t.setFieldsValue(o)}},[d,t,i,c]),e.jsxs(u.Form,{name:String(r),form:t,layout:"vertical",children:[e.jsx(R.CrudFormFields,{fields:d,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(j.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:l.length-1===r?e.jsx(j.SaveOutlined,{}):e.jsx(j.RightOutlined,{}),htmlType:"submit",type:"primary",loading:g,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

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

package/crud/CrudReportComponent.cjs.js

@@ -1,4 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),J=require("@ant-design/icons"),s=require("antd"),d=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:i,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}=d.useMemo(()=>{var b,f,N,I,T;const e=[],t=[],o=[];let a;for(const l of i.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:(I=l.report)==null?void 0:I.lock,alreadySelected:(T=l.report)==null?void 0:T.alreadySelected}));return{defaultSort:a,searchable:e,sortable:t,selectable:o}},[i]),[S,F]=d.useState([]),g=d.useCallback(async({sortBy:e,sortByType:t,showFields:o=[],...a})=>{const b=[];e&&b.push({field:e,sort:t??"DESC"}),F(i.filter(f=>o.includes(f.name)).map(f=>({...f,hideInTable:!1}))),x({showFields:o,sortBy:b,...a})},[i,x]),[n]=s.Form.useForm(),[q,z]=d.useState(!1),[C,D]=d.useState(!0);return d.useEffect(()=>{if(B&&C){const e=setTimeout(()=>{n.validateFields().then(t=>{g(t)}),D(!1)},200);return()=>clearTimeout(e)}},[g,n,C,B]),d.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]),d.useEffect(()=>{if(q){const e=c.filter(t=>t.alreadySelected).map(t=>t.id);F(i.filter(t=>e.includes(t.name)).map(t=>({...t,hideInTable:!1}))),z(!1)}},[i,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;

package/crud/CrudReportComponent.d.ts

@@ -1,44 +0,0 @@
-import { SizeType } from 'antd/es/config-provider/SizeContext';
-import { FormInstance } from 'antd/lib';
-import { default as React, ReactElement } from 'react';
-import { CrudFieldProps, CrudPaginateProps } from './CrudComponent';
-export type CrudReportSubmitForm<T> = {
-    sortBy: {
-        field: keyof T;
-        sort: "ASC" | "DESC";
-    }[];
-    showFields: string[];
-} & T;
-export type SearchOnlyFields<F> = CrudFieldProps<F> & {
-    hideInTable: true;
-};
-export type ReportCrudFields<T, F> = CrudFieldProps<T> | SearchOnlyFields<F>;
-export interface CrudReportComponentProps<T_Data, F_Search> {
-    summary?: React.ReactNode;
-    fields: ReportCrudFields<T_Data, F_Search>[];
-    onSubmit: (value: CrudReportSubmitForm<F_Search>) => void;
-    data: T_Data[];
-    idField?: string;
-    loadingData?: boolean;
-    size?: SizeType;
-    paginateProps?: CrudPaginateProps;
-    onClickPrint?: (props: {
-        fields: CrudFieldProps<T_Data>[] & {
-            render: (value: any, obj: T_Data, index: number) => any;
-        }[];
-        data: T_Data[];
-        tableId: string;
-    }) => void;
-    onClickExcelExport?: (props: {
-        fields: CrudFieldProps<T_Data>[] & {
-            render: (value: any, obj: T_Data, index: number) => any;
-        }[];
-        data: T_Data[];
-        tableId: string;
-    }) => void;
-    minusHeight?: string;
-    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, }: Readonly<CrudReportComponentProps<T, F>>): import("react/jsx-runtime").JSX.Element;
-export default CrudReportComponent;

package/crud/CrudReportComponent.es.js

@@ -1,255 +0,0 @@
-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 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 $ } from "./view/CrudViewerUtil.es.js";
-import re from "../common/select/SelectComponent.es.js";
-import z from "../common/button/Button.es.js";
-import { PrintButton as te } from "../common/button/PrintButton.es.js";
-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: H,
-  loadingData: p,
-  onSubmit: T,
-  paginateProps: J,
-  size: K,
-  onClickPrint: h,
-  onClickExcelExport: y,
-  minusHeight: M,
-  extraSearchFields: v,
-  searchOnMount: C,
-  summary: Q
-}) {
-  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((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,
-        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, W] = w(!1), [A, X] = w(!0);
-  return F(() => {
-    if (C && A) {
-      const e = setTimeout(() => {
-        a.validateFields().then((r) => {
-          S(r);
-        }), X(!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 }))
-      ), W(!1);
-    }
-  }, [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: [
-        U.map((e) => {
-          var r, o, s;
-          return /* @__PURE__ */ t(
-            b,
-            {
-              ...e.grid ?? D,
-              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(
-          ee,
-          {
-            items: i,
-            name: "showFields",
-            mode: "multiple",
-            label: "Show Fields",
-            className: "mb-0"
-          }
-        ) }),
-        !!I.length && /* @__PURE__ */ t(b, { ...D, children: /* @__PURE__ */ t(
-          re,
-          {
-            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(Z, { 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(O, { children: [
-      !!h && /* @__PURE__ */ t(
-        te,
-        {
-          disabled: p || !d.length,
-          onClick: () => h == null ? void 0 : h({
-            tableId: "#crud-table table",
-            data: d,
-            fields: g.map((e) => ({
-              ...e,
-              render: $(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: $(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"
-        }
-      )
-    ] }),
-    Q,
-    /* @__PURE__ */ t(
-      P,
-      {
-        minusHeight: M,
-        data: d,
-        size: K,
-        fields: g,
-        idField: H,
-        loadingData: p,
-        paginateProps: J,
-        viewable: !1
-      }
-    )
-  ] });
-}
-export {
-  be as default
-};

package/crud/CrudSearchComponent.cjs.js

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

package/crud/CrudSearchComponent.d.ts

@@ -1,21 +0,0 @@
-import { ColProps } from 'antd/lib';
-import { CrudFieldProps } from './CrudComponent';
-export type CrudSearchOption<T> = {
-    required?: boolean;
-} & ({
-    type: "text";
-    name: keyof T;
-} | {
-    type: "select";
-    name: keyof T;
-    multiple?: boolean;
-});
-export interface CrudSearchComponentProps<T, FormType> {
-    searchFields?: Array<keyof T | CrudSearchOption<T>>;
-    fields: CrudFieldProps<T>[];
-    searchOnChange?: boolean;
-    searchDefaultValues?: FormType;
-    onSearch?: (values: Partial<FormType>) => void;
-    searchFieldsCustomColumnProps?: ColProps[];
-}
-export default function CrudSearchComponent<T, FormType>({ searchFields, fields, searchOnChange, onSearch, searchDefaultValues, searchFieldsCustomColumnProps, }: Readonly<CrudSearchComponentProps<T, FormType>>): import("react/jsx-runtime").JSX.Element;