@kingteza/crud-component 1.2.1 → 1.2.3

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

@@ -0,0 +1,46 @@
+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/dist/common/text-field/TextField.cjs.js

@@ -0,0 +1 @@
+"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/dist/common/text-field/TextField.d.ts

@@ -0,0 +1,27 @@
+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/dist/common/text-field/TextField.es.js

@@ -0,0 +1,72 @@
+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/dist/common/text-field/index.d.ts

@@ -0,0 +1,5 @@
+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/dist/common/tooltip/TooltipComponent.cjs.js

@@ -0,0 +1 @@
+"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/dist/common/tooltip/TooltipComponent.d.ts

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

package/dist/common/tooltip/TooltipComponent.es.js

@@ -0,0 +1,9 @@
+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/dist/common/tooltip/index.d.ts

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

package/dist/common/wizard/WizardResult.cjs.js

@@ -0,0 +1 @@
+"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/dist/common/wizard/WizardResult.d.ts

@@ -0,0 +1,16 @@
+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/dist/common/wizard/WizardResult.es.js

@@ -0,0 +1,58 @@
+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/dist/common/wizard/WizardViewForm.cjs.js

@@ -0,0 +1 @@
+"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/dist/common/wizard/WizardViewForm.d.ts

@@ -0,0 +1,24 @@
+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/dist/common/wizard/WizardViewForm.es.js

@@ -0,0 +1,74 @@
+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/dist/common/wizard/index.d.ts

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

package/dist/context/WindowDimension.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("react-responsive");function t(){const s=e.useMediaQuery({minWidth:768}),i=e.useMediaQuery({maxWidth:767});return{isDesktop:s,isMobile:i}}module.exports=t;

package/dist/context/WindowDimension.d.ts

@@ -0,0 +1,4 @@
+export default function useWindowDimensions(): {
+    isDesktop: boolean;
+    isMobile: boolean;
+};

package/dist/context/WindowDimension.es.js

@@ -0,0 +1,8 @@
+import { useMediaQuery as i } from "react-responsive";
+function t() {
+  const e = i({ minWidth: 768 }), o = i({ maxWidth: 767 });
+  return { isDesktop: e, isMobile: o };
+}
+export {
+  t as default
+};

package/dist/context/index.d.ts

@@ -0,0 +1 @@
+export { default as useWindowDimensions } from './WindowDimension';

package/dist/crud/CrudComponent.cjs.js

@@ -0,0 +1 @@
+"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/dist/crud/CrudComponent.d.ts

@@ -0,0 +1,245 @@
+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;
+    fieldHelper?: ReactNode;
+    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;