@kingteza/crud-component 1.0.66 → 1.2.0

package/common/text-field/TextArea.d.ts

@@ -1,17 +0,0 @@
-import { FormInstance, FormItemProps } from 'antd';
-import { TextAreaProps } from 'antd/lib/input';
-import { InputHTMLAttributes } from 'react';
-export interface TextFieldProps extends TextAreaProps, FormItemProps<any> {
-    type?: InputHTMLAttributes<HTMLInputElement>;
-    placeholder?: string;
-    status?: any;
-    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
-    form?: any;
-    nextFocus?: string;
-    children?: any;
-    name?: any;
-    onReset?: any;
-}
-export declare const onEnterInternalTextField: (e: React.KeyboardEvent<HTMLTextAreaElement>, nextFocus?: string, form?: FormInstance<any>, onEnter?: React.KeyboardEventHandler<HTMLInputElement>) => void;
-declare const TextAreaComponent: React.FC<TextFieldProps>;
-export default TextAreaComponent;

package/common/text-field/TextArea.es.js

@@ -1,46 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Form as u, Input as p } from "antd";
-import { useTranslationLib as I } from "../../locale/index.es.js";
-const f = (n, e, t, r) => {
-  var o;
-  e && t && (n.preventDefault(), (o = t == null ? void 0 : t.getFieldInstance(e)) == null || o.focus()), r && r(n);
-}, g = ({
-  required: n,
-  label: e,
-  rules: t = [],
-  placeholder: r,
-  onEnter: o,
-  nextFocus: c,
-  className: i,
-  ...s
-}) => {
-  const { t: d } = I(), l = u.useFormInstance();
-  return /* @__PURE__ */ a(
-    u.Item,
-    {
-      ...s,
-      className: i,
-      label: e,
-      rules: [
-        ...t,
-        {
-          required: n,
-          message: `${e} ${d("err.validation.required")}`
-        }
-      ],
-      children: /* @__PURE__ */ a(
-        p.TextArea,
-        {
-          ...s,
-          className: i,
-          onPressEnter: (m) => f(m, c, l, o),
-          placeholder: r ?? e
-        }
-      )
-    }
-  );
-};
-export {
-  g as default,
-  f as onEnterInternalTextField
-};

package/common/text-field/TextField.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),R=require("@ant-design/icons"),d=require("antd"),S=require("react"),_=require("../../locale/index.cjs.js"),$=require("../tooltip/TooltipComponent.cjs.js"),c=(n,t,e,i)=>{var s;t&&e&&(n.preventDefault(),(s=e==null?void 0:e.getFieldInstance(t))==null||s.focus()),i&&i(n)},A=({type:n,required:t,label:e,disabled:i,rules:s=[],placeholder:u,onEnter:l,size:p,form:x,addonAfter:g,addonBefore:m,nextFocus:I,autoComplete:f="off",defaultValue:j,readOnly:q,value:v,loading:T,onBlur:F,inputRef:P,status:h,autoFocus:C,onChange:D,tooltip:E,...M})=>{const{t:a}=_.useTranslationLib(),w=S.useMemo(()=>{const r=[...s,{required:t,message:`${e??u??""} ${a("err.validation.required")}`}];return n==="email"&&r.push({type:"email",message:a("err.validation.invalidEmail")}),r},[s,t,e,u,a,n]),L={disabled:i,value:v,readOnly:q,defaultValue:j,autoFocus:C,addonBefore:m,ref:P,onBlur:F,addonAfter:T?o.jsx(R.LoadingOutlined,{}):g,status:h,size:p,autoComplete:f,onPressEnter:r=>c(r,I,x,l),type:n,placeholder:u??e},O=n=="password"?d.Input.Password:d.Input;return o.jsx($,{title:E,children:o.jsx(d.Form.Item,{...M,label:e,rules:w,children:o.jsx(O,{...L})})})};exports.default=A;exports.onEnterInternalTextField=c;

package/common/text-field/TextField.d.ts

@@ -1,27 +0,0 @@
-import { FormItemProps } from 'antd';
-import { SizeType } from 'antd/es/config-provider/SizeContext';
-import { FormInstance } from 'antd/lib/form/Form';
-import { default as React } from 'react';
-export interface TextFieldProps extends FormItemProps<any> {
-    type?: any;
-    placeholder?: string;
-    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
-    form?: FormInstance<any>;
-    addonAfter?: any;
-    addonBefore?: any;
-    nextFocus?: string;
-    autoComplete?: string;
-    defaultValue?: any;
-    readOnly?: boolean;
-    value?: any;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    size?: SizeType;
-    loading?: boolean;
-    inputRef?: any;
-    onBlur?: any;
-    onChange?: (val: any) => void;
-}
-export declare const onEnterInternalTextField: (e: React.KeyboardEvent<HTMLInputElement>, nextFocus?: string, form?: FormInstance<any>, onEnter?: React.KeyboardEventHandler<HTMLInputElement>) => void;
-declare const TextField: React.FC<TextFieldProps>;
-export default TextField;

package/common/text-field/TextField.es.js

@@ -1,72 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { LoadingOutlined as D } from "@ant-design/icons";
-import { Input as d, Form as M } from "antd";
-import { useMemo as O } from "react";
-import { useTranslationLib as k } from "../../locale/index.es.js";
-import q from "../tooltip/TooltipComponent.es.js";
-const z = (n, o, t, e) => {
-  var i;
-  o && t && (n.preventDefault(), (i = t == null ? void 0 : t.getFieldInstance(o)) == null || i.focus()), e && e(n);
-}, R = ({
-  type: n,
-  required: o,
-  label: t,
-  disabled: e,
-  rules: i = [],
-  placeholder: a,
-  onEnter: p,
-  size: f,
-  form: l,
-  addonAfter: u,
-  addonBefore: c,
-  nextFocus: g,
-  autoComplete: v = "off",
-  defaultValue: I,
-  readOnly: T,
-  value: h,
-  loading: x,
-  onBlur: C,
-  inputRef: F,
-  status: P,
-  autoFocus: w,
-  onChange: B,
-  tooltip: E,
-  ...L
-}) => {
-  const { t: m } = k(), $ = O(() => {
-    const r = [
-      ...i,
-      {
-        required: o,
-        message: `${t ?? a ?? ""} ${m(
-          "err.validation.required"
-        )}`
-      }
-    ];
-    return n === "email" && r.push({
-      type: "email",
-      message: m("err.validation.invalidEmail")
-    }), r;
-  }, [i, o, t, a, m, n]), j = {
-    disabled: e,
-    value: h,
-    readOnly: T,
-    defaultValue: I,
-    autoFocus: w,
-    addonBefore: c,
-    ref: F,
-    onBlur: C,
-    addonAfter: x ? /* @__PURE__ */ s(D, {}) : u,
-    status: P,
-    size: f,
-    autoComplete: v,
-    onPressEnter: (r) => z(r, g, l, p),
-    type: n,
-    placeholder: a ?? t
-  }, A = n == "password" ? d.Password : d;
-  return /* @__PURE__ */ s(q, { title: E, children: /* @__PURE__ */ s(M.Item, { ...L, label: t, rules: $, children: /* @__PURE__ */ s(A, { ...j }) }) });
-};
-export {
-  R as default,
-  z as onEnterInternalTextField
-};

package/common/text-field/index.d.ts

@@ -1,5 +0,0 @@
-import { default as NumberTextField } from './NumberField';
-import { default as PhoneField } from './PhoneNumberField';
-import { default as TextField } from './TextField';
-import { default as TextAreaComponent } from './TextArea';
-export { NumberTextField, PhoneField, TextField, TextAreaComponent };

package/common/tooltip/TooltipComponent.cjs.js

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),e=require("antd"),n=({children:t,title:o})=>o?r.jsx(e.Tooltip,{title:o,children:t}):t;module.exports=n;

package/common/tooltip/TooltipComponent.d.ts

@@ -1,5 +0,0 @@
-import { FC, PropsWithChildren, ReactElement } from 'react';
-declare const TooltipComponent: FC<PropsWithChildren<{
-    title?: ReactElement;
-}>>;
-export default TooltipComponent;

package/common/tooltip/TooltipComponent.es.js

@@ -1,9 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Tooltip as p } from "antd";
-const n = ({
-  children: o,
-  title: r
-}) => r ? /* @__PURE__ */ t(p, { title: r, children: o }) : o;
-export {
-  n as default
-};

package/common/tooltip/index.d.ts

@@ -1,2 +0,0 @@
-import { default as TooltipComponent } from './TooltipComponent';
-export { TooltipComponent };

package/common/wizard/WizardResult.cjs.js

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("@ant-design/icons"),r=require("antd"),x=require("../button/Button.cjs.js"),b=require("../../locale/index.cjs.js"),F=({errorChildren:v,children:a,onRetry:c,onClickBack:u,success:e,loading:o,error:i,successTitle:j,successMessage:p,errorMessage:n,errorTitle:m,loadingTitle:y,loadingMessage:T})=>{const{t:s}=b.useTranslationLib(),f=j??s("str.success"),q=m??s("str.error"),d=n?typeof n=="function"?n():n:s("err.save"),h=y??s("message.loading.saving");return t.jsx(r.Result,{status:o?void 0:e?"success":i?["403","404","500"].includes(i==null?void 0:i.code)?i.code:i?"error":void 0:void 0,title:o?h:e?f:i?q:void 0,icon:o?t.jsx(l.LoadingOutlined,{}):void 0,subTitle:o?T:e?p:i?typeof n=="function"?n()??d:n??d:void 0,extra:[e?t.jsx(t.Fragment,{children:a}):i?t.jsxs(t.Fragment,{children:[!!u&&t.jsx(x,{onClick:u,htmlType:"button",type:"primary",icon:t.jsx(l.ArrowLeftOutlined,{}),children:s("str.previous")}),!!c&&t.jsx(x,{type:"primary",onClick:()=>c(void 0,void 0,!0),children:s("str.retry")},"retry"),v]}):t.jsx(t.Fragment,{})]})};module.exports=F;

package/common/wizard/WizardResult.d.ts

@@ -1,16 +0,0 @@
-import { default as React, FC, PropsWithChildren } from 'react';
-declare const WizardResult: FC<{
-    onRetry?: (_: undefined, __: undefined, retry: true) => void;
-    onClickBack?: () => void;
-    loading: boolean;
-    error: any;
-    success: boolean;
-    successTitle?: string;
-    successMessage?: string;
-    errorTitle?: string;
-    errorMessage?: string | (() => string | undefined);
-    loadingTitle?: string;
-    loadingMessage?: string;
-    errorChildren?: React.ReactNode;
-} & PropsWithChildren>;
-export default WizardResult;

package/common/wizard/WizardResult.es.js

@@ -1,58 +0,0 @@
-import { jsx as o, jsxs as j, Fragment as s } from "react/jsx-runtime";
-import { ArrowLeftOutlined as B, LoadingOutlined as C } from "@ant-design/icons";
-import { Result as O } from "antd";
-import e from "../button/Button.es.js";
-import { useTranslationLib as r } from "../../locale/index.es.js";
-const W = ({
-  errorChildren: p,
-  children: f,
-  onRetry: c,
-  onClickBack: m,
-  success: d,
-  loading: l,
-  error: t,
-  successTitle: v,
-  successMessage: a,
-  errorMessage: i,
-  errorTitle: y,
-  loadingTitle: T,
-  loadingMessage: h
-}) => {
-  const { t: n } = r(), x = v ?? n("str.success"), b = y ?? n("str.error"), u = i ? typeof i == "function" ? i() : i : n("err.save"), L = T ?? n("message.loading.saving");
-  return /* @__PURE__ */ o(
-    O,
-    {
-      status: l ? void 0 : d ? "success" : t ? ["403", "404", "500"].includes(t == null ? void 0 : t.code) ? t.code : t ? "error" : void 0 : void 0,
-      title: l ? L : d ? x : t ? b : void 0,
-      icon: l ? /* @__PURE__ */ o(C, {}) : void 0,
-      subTitle: l ? h : d ? a : t ? typeof i == "function" ? i() ?? u : i ?? u : void 0,
-      extra: [
-        d ? /* @__PURE__ */ o(s, { children: f }) : t ? /* @__PURE__ */ j(s, { children: [
-          !!m && /* @__PURE__ */ o(
-            e,
-            {
-              onClick: m,
-              htmlType: "button",
-              type: "primary",
-              icon: /* @__PURE__ */ o(B, {}),
-              children: n("str.previous")
-            }
-          ),
-          !!c && /* @__PURE__ */ o(
-            e,
-            {
-              type: "primary",
-              onClick: () => c(void 0, void 0, !0),
-              children: n("str.retry")
-            },
-            "retry"
-          ),
-          p
-        ] }) : /* @__PURE__ */ o(s, {})
-      ]
-    }
-  );
-};
-export {
-  W as default
-};

package/common/wizard/WizardViewForm.cjs.js

@@ -1 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),w=require("antd"),o=require("react"),F=require("../appearance/Hider.cjs.js"),{Step:R}=w.Steps,y=o.forwardRef(({pages:d,onSubmit:u,initPosition:f=0,progressDot:v,type:b,labelPlacement:g,className:k,pageStyle:q},C)=>{const[s,i]=o.useState(0),[r,p]=o.useState([]);o.useEffect(()=>{i(f)},[f]),o.useImperativeHandle(C,()=>({gotTo:t=>i(t)}),[]);const m=o.useCallback((t,a=!1,l=!1)=>{const e=[...r];if(t!==void 0&&(e[s]=t,p(e)),l||i(s+1),a&&u){const n={};for(const x of e)for(const S in x)n[S]=x[S];u(e,n)}},[s,r,u]),h=o.useCallback(()=>{const t=[...r];t[s]=void 0,p(t),i(s-1)},[s,r]),j=o.useMemo(()=>{const t=[],a=[],l=d.filter(e=>!e.hidden);for(let e=0;e<l.length;e++){const n=l[e];a.push(c.jsx(F,{hide:s!==e,children:n.component({forward:m,backward:h},r,s===e)},`${n.title}${e}`)),t.push(c.jsx(R,{icon:n.icon,title:n.title},n.title))}return{_pages:a,steps:t}},[h,s,r,m,d]);return c.jsxs(c.Fragment,{children:[c.jsx(w.Steps,{labelPlacement:g,progressDot:v,className:[k,"pb-3"].join(" "),current:s,type:b,children:j.steps}),c.jsx("div",{style:q,children:j._pages})]})});module.exports=y;

package/common/wizard/WizardViewForm.d.ts

@@ -1,24 +0,0 @@
-import { default as React, ReactElement } from 'react';
-interface WizardViewFormProps {
-    pages: {
-        hidden?: boolean;
-        icon?: React.ReactNode;
-        title: string;
-        component: (func: {
-            forward: (value?: any, submit?: boolean, isRetry?: boolean) => void;
-            backward: () => void;
-        }, formSubmissionData: any[], isActive: boolean) => ReactElement;
-    }[];
-    labelPlacement?: "vertical" | "horizontal";
-    initPosition?: number;
-    onSubmit?: (val: (any | undefined)[], combinedValue: any) => void;
-    type?: "default" | "navigation" | "inline";
-    className?: string;
-    progressDot?: boolean;
-    pageStyle?: React.CSSProperties;
-}
-export interface WizardViewFormRef {
-    gotTo: (index: number) => void;
-}
-declare const WizardViewForm: React.ForwardRefExoticComponent<WizardViewFormProps & React.RefAttributes<WizardViewFormRef>>;
-export default WizardViewForm;

package/common/wizard/WizardViewForm.es.js

@@ -1,74 +0,0 @@
-import { jsx as f, jsxs as H, Fragment as _ } from "react/jsx-runtime";
-import { Steps as b } from "antd";
-import { forwardRef as $, useState as S, useEffect as z, useImperativeHandle as E, useCallback as g, useMemo as I } from "react";
-import M from "../appearance/Hider.es.js";
-const { Step: N } = b, q = $(
-  ({
-    pages: a,
-    onSubmit: l,
-    initPosition: d = 0,
-    progressDot: j,
-    type: k,
-    labelPlacement: x,
-    className: F,
-    pageStyle: y
-  }, C) => {
-    const [t, n] = S(0), [r, m] = S(
-      []
-    );
-    z(() => {
-      n(d);
-    }, [d]), E(
-      C,
-      () => ({
-        gotTo: (s) => n(s)
-      }),
-      []
-    );
-    const p = g(
-      (s, c = !1, i = !1) => {
-        const e = [...r];
-        if (s !== void 0 && (e[t] = s, m(e)), i || n(t + 1), c && l) {
-          const o = {};
-          for (const w of e)
-            for (const v in w)
-              o[v] = w[v];
-          l(e, o);
-        }
-      },
-      [t, r, l]
-    ), u = g(() => {
-      const s = [...r];
-      s[t] = void 0, m(s), n(t - 1);
-    }, [t, r]), h = I(() => {
-      const s = [], c = [], i = a.filter((e) => !e.hidden);
-      for (let e = 0; e < i.length; e++) {
-        const o = i[e];
-        c.push(
-          /* @__PURE__ */ f(M, { hide: t !== e, children: o.component({ forward: p, backward: u }, r, t === e) }, `${o.title}${e}`)
-        ), s.push(/* @__PURE__ */ f(N, { icon: o.icon, title: o.title }, o.title));
-      }
-      return {
-        _pages: c,
-        steps: s
-      };
-    }, [u, t, r, p, a]);
-    return /* @__PURE__ */ H(_, { children: [
-      /* @__PURE__ */ f(
-        b,
-        {
-          labelPlacement: x,
-          progressDot: j,
-          className: [F, "pb-3"].join(" "),
-          current: t,
-          type: k,
-          children: h.steps
-        }
-      ),
-      /* @__PURE__ */ f("div", { style: y, children: h._pages })
-    ] });
-  }
-);
-export {
-  q as default
-};

package/common/wizard/index.d.ts

@@ -1,3 +0,0 @@
-import { default as WizardResult } from './WizardResult';
-import { default as WizardViewForm } from './WizardViewForm';
-export { WizardResult, WizardViewForm };

package/crud/CrudComponent.cjs.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("antd"),t=require("react"),H=require("./modal/index.cjs.js"),J=require("./import/CrudImportButton.cjs.js"),K=require("./view/CrudViewer.cjs.js"),L=require("../common/button/NewButton.cjs.js"),M=require("../common/button/PrintButton.cjs.js"),{useForm:Q}=l.Form;function O({idField:a="id",onCreate:C,onDelete:j,onHide:m,onUpdate:n,fields:r,data:f,grid:k,isHiding:q,isCreating:h,isDeleting:p,isUpdating:B,paginateProps:w,onPrint:i,printing:N,viewable:v,loadingData:R,formBuilder:g,extraAction:y,minusHeight:b,cloneable:F,fullWidthModal:P=!0,wizard:S,extraView:I,importable:u,onClickNew:d,size:V,...z}){const c=t.useRef(null),A=t.useCallback(()=>{var s;(s=c.current)==null||s.create()},[]),o=t.useCallback(async(s,E=!0,G=!1)=>{var x;await((x=c.current)==null?void 0:x.update(s,E,G))},[]),D=t.useCallback(async s=>{o(s,!1,!0)},[o]);return e.jsxs(e.Fragment,{children:[e.jsxs(l.Space,{direction:"vertical",className:"w-100",children:[e.jsxs("div",{className:"w-100 d-flex",children:[e.jsx("div",{style:{flex:1},children:e.jsx(L.NewButton,{onClick:()=>{d?d():A()},className:"flex-1"})}),e.jsxs(l.Space,{children:[!!i&&e.jsx(M.PrintButton,{className:"float-right",loading:N,onClick:i}),!!u&&e.jsx(J,{fields:r,importProps:u})]})]}),e.jsx(K,{...z,minusHeight:b,data:f,size:V,fields:r,extraAction:y,idField:a,isDeleting:p,loadingData:R,onClickUpdate:n?o:void 0,onHide:m,isHiding:q,onDelete:j,onUpdate:n,onClickClone:F?D:void 0,paginateProps:w,viewable:v,extraView:I})]}),e.jsx(H,{ref:c,fields:r,wizard:S,grid:k,fullWidthModal:P,isCreating:h,isUpdating:B,onCreate:C,onUpdate:n,idField:a,formBuilder:g})]})}module.exports=O;

package/crud/CrudComponent.d.ts

@@ -1,244 +0,0 @@
-import { ColorPickerProps } from 'antd';
-import { Rule } from 'antd/es/form';
-import { FormInstance } from 'antd/lib';
-import { Dayjs } from 'dayjs';
-import { default as React, ReactElement, ReactNode } from 'react';
-import { CrudSearchComponentProps } from './CrudSearchComponent';
-import { FileCrudField } from './FileCrudField';
-import { ImageCrudField } from './ImageCrudField';
-import { CrudImportProps } from './import/CrudImportComponent';
-import { CrudDragableProps, CrudViewableProps } from './view/CrudViewer';
-import { SelectTagRenderProps } from '../common/select/SelectComponent';
-import { default as IdProps } from '../types/Id';
-import { TextAreaBasedFieldProps } from './CrudTextAreaComponent';
-import { SizeType } from 'antd/es/config-provider/SizeContext';
-export type SelectFieldItem = {
-    key?: string | number;
-    value: string | number;
-    disabled?: boolean;
-};
-export interface InitialCrudField<T> {
-    label: string;
-    updatingValue?: T;
-    render?: (value: any, obj: T, index: number) => any;
-    required?: boolean;
-    updatable?: boolean;
-    fieldTooltip?: string;
-    hideInTable?: boolean;
-    hideInDescList?: boolean;
-    readonly?: boolean;
-    fieldClassName?: string;
-    halign?: "right" | "left";
-    /**
-     * Indicates the fields is visible or not
-     */
-    hidden?: boolean;
-    width?: number | string;
-    name: keyof T | (string | number)[];
-    rules?: Rule[];
-    grid?: CrudFieldGrid;
-    report?: {
-        searchable?: boolean;
-        sortable?: boolean;
-        defaultSort?: boolean | "ASC" | "DESC";
-        lock?: boolean;
-        alreadySelected?: boolean;
-        customRender?: (form: FormInstance<any>) => ReactElement;
-    };
-    customFormFieldRender?: (form: FormInstance<T>, props: InitialCrudField<T>) => React.ReactElement;
-    importProps?: {
-        extraFields?: string[];
-        hidden?: boolean;
-    };
-    hideLabel?: boolean;
-}
-export type CrudFieldGrid = {
-    xs?: number;
-    sm?: number;
-    md?: number;
-    lg?: number;
-    xl?: number;
-    xxl?: number;
-};
-export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFieldItem> extends Omit<InitialCrudField<T>, "name">, AddonFieldProps {
-    name: InitialCrudField<T>["name"] | {
-        name: keyof T | (string | number)[];
-        upsertFieldName: keyof T | (string | number)[];
-    };
-    type: "select";
-    placeholder?: string;
-    /**
-     * @default true
-     */
-    allowClear?: boolean;
-    /**
-     * Used when the type is 'select'
-     */
-    innerFieldId?: string;
-    innerFieldLabel?: string;
-    /**
-     * Used when the type is 'select'
-     */
-    items: ItemType[];
-    tagRender?: SelectTagRenderProps;
-    /**
-     * Whether the search should be highlighted
-     */
-    highlightSearch?: boolean;
-    /**
-     * Used when the type is 'select'
-     */
-    loading?: boolean;
-    /**
-     * Used when the type is 'select'
-     */
-    onSearch?: (keyword: any, form: FormInstance<T>, record: T | undefined) => void;
-    /**
-     * Used when the type is 'select'. Wether the result should refresh if the search value is changed.
-     */
-    searchOnType?: boolean;
-    multiple?: boolean;
-    report?: InitialCrudField<T>["report"] & {
-        multiple?: boolean;
-    };
-    onChange?: (value: any, form: FormInstance<T>) => void;
-    onSet?: (value: any | any[], items: SelectFieldItem[], form: FormInstance<T>) => void;
-}
-export interface EnumCrudField<T> extends InitialCrudField<T> {
-    type: "enum";
-    placeholder?: string;
-    name: keyof T;
-    enum: object | object[];
-    radio?: boolean;
-    translation?: object;
-    multiple?: boolean;
-    tagRender?: Record<string, {
-        color: string;
-    }> | SelectTagRenderProps;
-    onChange?: (value: T[keyof T], form: FormInstance<T>) => void;
-    onSearch?: (keyword: string, form: FormInstance<T>) => void;
-}
-export type AddonFieldProps = {
-    addonAfter?: ReactNode;
-    addonBefore?: ReactNode;
-};
-export interface ObjectCrudField<T> extends InitialCrudField<T> {
-    type: "object";
-    render: (value: any, obj: T, index: number) => any;
-    translation?: object;
-}
-export interface TextBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps {
-    placeholder?: string;
-    type: "text" | "time" | "email" | "password";
-    onChange?: (value: string, form: FormInstance<T>) => void;
-}
-export interface ColorPickerFieldProps<T> extends Omit<InitialCrudField<T>, "placeholder"> {
-    type: "color";
-    innerProps?: ColorPickerProps;
-}
-export interface CheckboxBasedFieldProps<T> extends InitialCrudField<T> {
-    type: "checkbox";
-    onChange?: (value: boolean, form: FormInstance<T>) => void;
-}
-export interface NumberBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps {
-    type: "number";
-    placeholder?: string;
-    allowMinus?: boolean;
-    min?: number;
-    max?: number;
-    /**
-     * If it is number field making this true will convert the value to comma separated number field
-     */
-    formatted?: boolean;
-    int?: boolean;
-    onChange?: (value: number, form: FormInstance<T>) => void;
-}
-export interface DateBasedFieldProps<T> extends InitialCrudField<T> {
-    type: "date";
-    format?: string;
-    placeholder?: string;
-    /**
-     * If it is number field making this true will convert the value to comma separated number field
-     */
-    formatTime?: boolean;
-    range?: boolean;
-    disableToday?: boolean;
-    disabledFutureDays?: boolean;
-    disabledPastDays?: boolean;
-    report?: InitialCrudField<T>["report"] & {
-        range?: boolean;
-        required?: boolean;
-    };
-    onChange?: (value: Dayjs | undefined, form: FormInstance<T>) => void;
-}
-export interface TimeBasedFieldProps<T> extends InitialCrudField<T> {
-    type: "time";
-    placeholder?: string;
-    use12Hours?: boolean;
-    range?: boolean;
-    format?: "h:mm:ss" | "h:mm:ss A" | "h:mm" | "h:mm A" | "mm" | "h" | "h A";
-    disableCurrent?: boolean;
-    disabledFuture?: boolean;
-    disabledPast?: boolean;
-    report?: InitialCrudField<T>["report"] & {
-        range?: boolean;
-    };
-    onChange?: (value: Dayjs | undefined, form: FormInstance<T>) => void;
-}
-export type CrudPurpose = "new" | "clone" | "update";
-export type GetFormFieldOptions = {
-    onChange?: (value: any) => void;
-    render?: (component: React.JSX.Element) => React.ReactElement;
-};
-export type FormBuilderFunc0<T> = (name: keyof T, options?: GetFormFieldOptions) => ReactElement;
-export type FormBuilderFunc<T> = (i: FormBuilderFunc0<T>, otherUtils: {
-    isAnyFieldHidden: (...name: Array<keyof T>) => boolean;
-    isAllFieldsHidden: (...name: Array<keyof T>) => boolean;
-    purpose?: CrudPurpose;
-}) => ReactElement;
-export type CrudFieldProps<T> = SelectCrudField<T> | TextBasedFieldProps<T> | TextAreaBasedFieldProps<T> | ImageCrudField<T> | EnumCrudField<T> | DateBasedFieldProps<T> | TimeBasedFieldProps<T> | ObjectCrudField<T> | NumberBasedFieldProps<T> | CheckboxBasedFieldProps<T> | ColorPickerFieldProps<T> | FileCrudField<T>;
-export type CrudPaginateProps = false | {
-    page?: number;
-    setPage?: (page: number, pageSize?: number) => void;
-    pageSize?: number;
-    count?: number;
-};
-export type CrudWizardProp<T> = {
-    title: string;
-    fields: Array<keyof T>;
-    icon?: ReactElement;
-    formBuilder?: FormBuilderFunc<T>;
-    grid?: boolean;
-};
-export type CrudComponentProps<T, FormType = T> = {
-    fields: CrudFieldProps<T>[];
-    data: T[] | undefined;
-    idField?: string;
-    grid?: boolean;
-    onPrint?: () => void;
-    printing?: boolean;
-    onCreate?: (t: FormType) => Promise<any>;
-    onHide?: (id: any) => Promise<any>;
-    onDelete?: (id: any) => Promise<any>;
-    onUpdate?: (t: FormType & IdProps) => Promise<any>;
-    loadingData?: boolean;
-    isCreating?: boolean;
-    isHiding?: boolean;
-    isDeleting?: boolean;
-    isUpdating?: boolean;
-    viewable?: CrudViewableProps<T>;
-    extraAction?: (t: T) => ReactElement;
-    paginateProps?: CrudPaginateProps;
-    formBuilder?: FormBuilderFunc<T>;
-    minusHeight?: string;
-    cloneable?: boolean;
-    fullWidthModal?: boolean;
-    wizard?: CrudWizardProp<T>[];
-    extraView?: (t: T) => React.ReactElement;
-    importable?: CrudImportProps<T>;
-    onClickNew?: () => void;
-    draggable?: CrudDragableProps<T>;
-    size?: SizeType;
-} & CrudSearchComponentProps<T, FormType>;
-declare function CrudComponent<T, FormType = T>({ idField, onCreate, onDelete, onHide, onUpdate, fields, data, grid, isHiding, isCreating, isDeleting, isUpdating, paginateProps, onPrint, printing, viewable, loadingData, formBuilder, extraAction, minusHeight, cloneable, fullWidthModal, wizard, extraView, importable, onClickNew, size, ...props }: CrudComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
-export default CrudComponent;