react-table-edit 1.3.9 → 1.4.1

package/dist/component/paging/index.d.ts

@@ -0,0 +1,10 @@
+type IFDataProps = {
+    onChangePage?: any;
+    onChangePageSize?: any;
+    pageOptions: number[];
+    currentPage: number;
+    pageSize: number;
+    totalItem: number;
+};
+declare const PagingComponent: ({ totalItem, pageSize, currentPage, onChangePage, pageOptions, onChangePageSize }: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export { PagingComponent };

package/dist/component/sidebar-setting-column/index.d.ts

@@ -1,4 +1,4 @@
-import { IColumnTable } from '../table';
+import { IColumnTable } from '../type';
 export interface IFPropsDetail {
     column: IColumnTable[];
     setColumn: any;

package/dist/component/table/button-handle.d.ts

@@ -1,9 +1,10 @@
-import { IFTableEditButton, IFTableEditPaging, IFTableEditToolbar } from ".";
+import { IFTableEditButton, IFTableEditPaging, IFTableEditToolbar } from "../type";
 export declare const handleAdd: (dataSource: any[], tableElement: any, columnFistEdit: any, changeDataSource: (data: any[], haveNew?: boolean) => void, pagingSetting: {
     setCurrentPage?: (page: number) => void;
     pageSize?: number;
-} | undefined, setItemFocus: (item: string) => void, focusNewElement: (column: any, value: string, index: number, onLoad: boolean) => void) => void;
-export declare const handleDuplicate: (dataSource: any[], itemFocus: string, fieldKey: string | undefined, defaultValue: any, fieldUniKey: string[], changeDataSource: (data: any[]) => void, tableElement: any, totalCount: number, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean, onDuplicate?: (newData: any, index: number) => void) => Promise<void>;
-export declare const handleInsertAfter: (dataSource: any[], itemFocus: string, defaultValue: any, changeDataSource: (data: any[]) => void, tableElement: any, totalCount: number, pagingClient?: boolean, pagingSetting?: IFTableEditPaging, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
-export declare const handleInsertBefore: (dataSource: any[], itemFocus: string, defaultValue: any, changeDataSource: (data: any[]) => void, pagingClient?: boolean, pagingSetting?: IFTableEditPaging, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
-export declare const handleDeleteAll: (t: any, messageBoxConfirmDelete: (t: any, callback: () => void, message: string) => void, setItemFocus: (item: string) => void, changeDataSource: (data: any[], haveNew?: boolean) => void, editDisable?: boolean, addDisable?: boolean, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton) => void;
+} | undefined, setIndexFocus: (item: number) => void, focusNewElement: (col: number, row: number, onLoad?: boolean) => void) => void;
+export declare const handleDuplicate: (dataSource: any[], indexFocus: number, fieldKey: string | undefined, defaultValue: any, fieldUniKey: string[], changeDataSource: (data: any[]) => void, tableElement: any, totalCount: number, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean, onDuplicate?: (newData: any, index: number) => void, // sự kiện khi duplicate
+pagingClient?: boolean, pagingSetting?: IFTableEditPaging) => Promise<void>;
+export declare const handleInsertAfter: (dataSource: any[], indexFocus: number, defaultValue: any, changeDataSource: (data: any[]) => void, tableElement: any, totalCount: number, pagingClient?: boolean, pagingSetting?: IFTableEditPaging, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
+export declare const handleInsertBefore: (dataSource: any[], indexFocus: number, defaultValue: any, changeDataSource: (data: any[]) => void, pagingClient?: boolean, pagingSetting?: IFTableEditPaging, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
+export declare const handleDeleteAll: (t: any, messageBoxConfirmDelete: (t: any, callback: () => void, message: string) => void, setIndexFocus: (item: number) => void, changeDataSource: (data: any[], haveNew?: boolean) => void, editDisable?: boolean, addDisable?: boolean, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton) => void;

package/dist/component/table/command.d.ts

@@ -1,12 +1,11 @@
 import { Dispatch, SetStateAction } from 'react';
-import { ICommandItem } from '.';
+import { ICommandItem } from '../type';
 type IFDataProps = {
     commandItems: ICommandItem[];
     rowData: any;
     indexRow: number;
-    currentItem: string;
-    itemFocus?: string;
-    setItemFocus: Dispatch<SetStateAction<string>>;
+    indexFocus?: number;
+    setIndexFocus: Dispatch<SetStateAction<number>>;
     handleCommandClick: any;
 };
 declare const CommandElement: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;

package/dist/component/table/footer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { IColumnTable, IFTableEditFormat } from ".";
+import { IColumnTable, IFTableEditFormat } from "../type";
 interface FooterColProps {
     col: IColumnTable;
     indexCol: number;

package/dist/component/table/header.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { IHeaderColumnTable } from '../table';
+import { IHeaderColumnTable } from "../type";
 import 'react-resizable/css/styles.css';
 type IFDataProps = {
     selectEnable: boolean;

package/dist/component/table/index.d.ts

@@ -1,133 +1,5 @@
-import { Dispatch, JSX, ReactNode, SetStateAction } from "react";
-import { FromItemsField } from "../edit-form";
-import { IFColumnSelectTable } from "../select-table";
-import { UseFormGetValues, UseFormReset, UseFormSetValue } from "react-hook-form";
-type ITextAlign = 'center' | 'left' | 'right';
-type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
-export type ICommandItem = {
-    id: string;
-    color?: string;
-    tooltip?: string;
-    icon?: string;
-    commandTemplate?: ReactNode;
-};
-export type IFToolbarOptions = {
-    align: 'left' | 'right' | 'center';
-    template: any;
-};
-export type ISettingFormElement = {
-    schema: any;
-    labelSize?: 'label-small' | 'label-medium' | 'label-large';
-    menuWidth?: number;
-    menuHeight?: number;
-    displayValue?: any;
-    openOnFocus?: boolean;
-    isClearable?: boolean;
-    onFormOpen?: (rowData: any, itemsField: FromItemsField[], setItemsField: Dispatch<SetStateAction<FromItemsField[]>>) => void;
-    onFormSubmit?: (rowData: any, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>, reset: UseFormReset<any>) => void;
-    footerTemplate?: (rowData: any) => JSX.Element;
-    onChangeField?: (rowData: any, field: string, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>) => void;
-    onChange?: (rowData: any) => void;
-};
-export type ISettingSelectElement = {
-    isClearable?: boolean;
-    isMulti?: boolean;
-    noHeader?: boolean;
-    showFooter?: boolean;
-    selectChilds?: boolean;
-    allowCreate?: boolean;
-    defaultValue?: any;
-    fieldValue?: string;
-    fieldLabel?: string;
-    fieldChild?: string;
-    options?: any[];
-    widthPopup?: string | number;
-    heightPopup?: string | number;
-    iconGroup?: string;
-    handAddNew?: any;
-    validateOption?: any;
-    optionsField?: string;
-    columns?: IFColumnSelectTable[];
-    formatOptionLabel?: (ele: any) => JSX.Element;
-    footerComponent?: () => JSX.Element;
-    loadOptions?: (keyword: string, callback: (rs: any[]) => void) => void;
-    onOpenMenu?: (row: any, col: IColumnTable, indexRow: number) => void;
-};
-export type ISettingNumericElement = {
-    min?: number;
-    max?: number;
-    fraction?: number;
-    allowNegative?: boolean;
-};
-export type IColumnTable = {
-    field: string;
-    headerText?: string;
-    isPrimarykey?: boolean;
-    isUnikey?: boolean;
-    haveSum?: boolean;
-    haveToolTip?: boolean;
-    width?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    editEnable?: boolean;
-    visible?: boolean;
-    invisibleDisable?: boolean;
-    editType?: IEditType;
-    textAlign?: ITextAlign;
-    fixedType?: 'left' | 'right' | undefined;
-    commandItems?: ICommandItem[];
-    placeholder?: string;
-    numericSettings?: ISettingNumericElement;
-    selectSettings?: ISettingSelectElement;
-    formSettings?: ISettingFormElement;
-    columns?: IColumnTable[];
-    disablePaste?: boolean;
-    validate?: (value: any, row: any) => string | undefined;
-    disabledCondition?: (row: any) => boolean;
-    callback?: (value: any, indexRow: number, item: any) => void;
-    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
-    editTypeCondition?: (row: any) => string;
-    onPaste?: (dataRow: any, dataPaste: any) => void;
-    onPasteValidate?: (dataPaste: string, dataRow: any, rowIndex: number) => Promise<any>;
-};
-export type IFTableEditPaging = {
-    allowPaging?: boolean;
-    pagingClient?: boolean;
-    currentPage?: number;
-    setCurrentPage?: Dispatch<SetStateAction<number>>;
-    setPageSize?: Dispatch<SetStateAction<number>>;
-    pageSize?: number;
-    totalItem?: number;
-    pageOptions?: number[];
-};
-export type IFTableEditButton = {
-    deleteAllDisable?: boolean;
-    insertAfterDisable?: boolean;
-    insertBeforeDisable?: boolean;
-    duplicateDisable?: boolean;
-};
-export type IFTableEditToolbar = {
-    showTopToolbar?: boolean;
-    toolbarOptions?: IFToolbarOptions[];
-    toolbarBottomOptions?: IFToolbarOptions[];
-    showBottomToolbar?: boolean;
-};
-export type IFTableEditSearchSetting = {
-    searchEnable?: boolean;
-    searchClient?: boolean;
-    searchTerm?: string;
-    keyField?: string[];
-    setSearchTerm?: Dispatch<SetStateAction<string>>;
-};
-export type IFTableEditFormat = {
-    dateFormat?: string;
-    datetimeFormat?: string;
-    decimalSeparator?: string;
-    thousandSeparator?: string;
-    colorNegative?: string;
-    prefixNegative?: string;
-    suffixNegative?: string;
-};
+import { Dispatch, SetStateAction } from "react";
+import { IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IColumnTable } from "../type";
 export type IFTableEditProps = {
     idTable?: string;
     dataSource: any[];
@@ -158,31 +30,8 @@ export type IFTableEditProps = {
     rowChange?: (row: any, indexRow: number, field: string) => void;
     onDuplicate?: (newData: any, index: number) => void;
 };
-export type IFPageSize = {
-    pageSize: number;
-};
-export type IFCurrentPage = {
-    currentPage: number;
-};
-export type IFCurrentPageConfig = {
-    currentPage: number;
-    oldPage: number;
-};
 type IFRef = {
     refeshFocusRow: any;
 };
-export type IHeaderColumnTable = {
-    field: string;
-    headerText?: string;
-    width?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    visible?: boolean;
-    rowspan?: number;
-    columns?: IColumnTable[];
-    textAlign?: ITextAlign;
-    fixedType?: 'left' | 'right' | undefined;
-    index?: number;
-};
 declare const TableEdit: import("react").ForwardRefExoticComponent<IFTableEditProps & import("react").RefAttributes<IFRef>>;
 export default TableEdit;

package/dist/component/table/key-handlers.d.ts

@@ -1,10 +1,8 @@
 import { KeyboardEvent } from "react";
-import { IFTableEditPaging } from ".";
+import { IFTableEditPaging } from "../type";
 export interface KeyHandlerParams {
     row: any;
     dataSource: any[];
-    itemFocus: string;
-    parents: string;
     indexRow: number;
     indexCol: number;
     contentColumns: any[];
@@ -17,10 +15,8 @@ export interface KeyHandlerParams {
     addDisable?: boolean;
     handleDuplicate: () => void;
     pagingSetting?: IFTableEditPaging;
-    focusNewElement: (col: number, parent: string, row?: number, forceFocus?: boolean) => void;
-    setItemFocus: (newParents: string) => void;
-    getNewParents: (parent: string, index: number) => string;
-    fieldChildren?: string;
+    focusNewElement: (col: number, row: number, onLoad?: boolean) => void;
+    setIndexFocus: (index: number) => void;
 }
 export declare const handleArrowRight: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
 export declare const handleArrowLeft: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;

package/dist/component/table/toolbar-bottom.d.ts

@@ -2,5 +2,5 @@ export type IFToolbarOptions = {
     align: 'left' | 'right' | 'center';
     template: any;
 };
-declare const ToolbarBottom: ({ handleAdd, handleDuplicate, handleInsertBefore, handleInsertAfter, handleDeleteAll, setOpenPopupSetupColumn, itemFocus, editDisable, addDisable, buttonSetting, toolbarSetting, headerColumns, t }: any) => import("react/jsx-runtime").JSX.Element;
+declare const ToolbarBottom: ({ handleAdd, handleDuplicate, handleInsertBefore, handleInsertAfter, handleDeleteAll, setOpenPopupSetupColumn, indexFocus, editDisable, addDisable, buttonSetting, toolbarSetting, headerColumns, t }: any) => import("react/jsx-runtime").JSX.Element;
 export default ToolbarBottom;

package/dist/component/tree-table/button-handle.d.ts

@@ -0,0 +1,9 @@
+import { IFTableEditButton, IFTableEditPaging, IFTableEditToolbar } from "../type";
+export declare const handleAdd: (dataSource: any[], tableElement: any, columnFistEdit: any, changeDataSource: (data: any[], haveNew?: boolean) => void, pagingSetting: {
+    setCurrentPage?: (page: number) => void;
+    pageSize?: number;
+} | undefined, setItemFocus: (item: string) => void, focusNewElement: (column: any, value: string, index: number, onLoad: boolean) => void) => void;
+export declare const handleDuplicate: (dataSource: any[], itemFocus: string, fieldKey: string | undefined, defaultValue: any, fieldUniKey: string[], changeDataSource: (data: any[]) => void, tableElement: any, totalCount: number, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean, onDuplicate?: (newData: any, index: number) => void) => Promise<void>;
+export declare const handleInsertAfter: (dataSource: any[], itemFocus: string, defaultValue: any, changeDataSource: (data: any[]) => void, tableElement: any, totalCount: number, pagingClient?: boolean, pagingSetting?: IFTableEditPaging, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
+export declare const handleInsertBefore: (dataSource: any[], itemFocus: string, defaultValue: any, changeDataSource: (data: any[]) => void, pagingClient?: boolean, pagingSetting?: IFTableEditPaging, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
+export declare const handleDeleteAll: (t: any, messageBoxConfirmDelete: (t: any, callback: () => void, message: string) => void, setItemFocus: (item: string) => void, changeDataSource: (data: any[], haveNew?: boolean) => void, editDisable?: boolean, addDisable?: boolean, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton) => void;

package/dist/component/tree-table/command.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ICommandItem } from "../type";
+type IFDataProps = {
+    commandItems: ICommandItem[];
+    rowData: any;
+    indexRow: number;
+    currentItem: string;
+    itemFocus?: string;
+    setItemFocus: Dispatch<SetStateAction<string>>;
+    handleCommandClick: any;
+};
+declare const CommandElement: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default CommandElement;

package/dist/component/tree-table/footer.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { IColumnTable, IFTableEditFormat } from "../type";
+interface FooterColProps {
+    col: IColumnTable;
+    indexCol: number;
+    dataSource: any[];
+    objWidthFix: {
+        [key: number]: number;
+    };
+    formatSetting?: IFTableEditFormat;
+}
+declare const FooterCol: React.FC<FooterColProps>;
+export default FooterCol;

package/dist/component/tree-table/header.d.ts

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IHeaderColumnTable } from "../type";
+import 'react-resizable/css/styles.css';
+type IFDataProps = {
+    selectEnable: boolean;
+    dataSource: any[];
+    setSelectedRows: Dispatch<SetStateAction<any[]>>;
+    col: IHeaderColumnTable;
+    column: IHeaderColumnTable[];
+    setColumn: Dispatch<SetStateAction<IHeaderColumnTable[]>>;
+    indexCol: number;
+    indexParent: number;
+    objWidthFix: any;
+    totalCount: number;
+    selectedRows: any[];
+    isMulti: boolean;
+};
+declare const HeaderTableCol: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderTableCol;

package/dist/component/tree-table/index.d.ts

@@ -0,0 +1,37 @@
+import { Dispatch, SetStateAction } from "react";
+import { IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IColumnTable } from "../type";
+export type IFTableEditProps = {
+    idTable?: string;
+    dataSource: any[];
+    selectEnable?: boolean;
+    defaultValue?: any;
+    columns: IColumnTable[];
+    height?: number;
+    maxHeight?: number;
+    minHeight?: number;
+    isMulti?: boolean;
+    editDisable?: boolean;
+    addDisable?: boolean;
+    haveSum?: boolean;
+    disableAutoKey?: boolean;
+    isTree?: boolean;
+    fieldChildren?: string;
+    formatSetting?: IFTableEditFormat;
+    pagingSetting?: IFTableEditPaging;
+    buttonSetting?: IFTableEditButton;
+    toolbarSetting?: IFTableEditToolbar;
+    searchSetting?: IFTableEditSearchSetting;
+    selectedItem?: any;
+    setDataSource?: any;
+    setSelectedItem?: Dispatch<SetStateAction<any>>;
+    commandClick?: (data: any) => void;
+    handleSelect?: (data: any) => void;
+    dataSourceChange?: (data: any[]) => void;
+    rowChange?: (row: any, indexRow: number, field: string) => void;
+    onDuplicate?: (newData: any, index: number) => void;
+};
+type IFRef = {
+    refeshFocusRow: any;
+};
+declare const TableEdit: import("react").ForwardRefExoticComponent<IFTableEditProps & import("react").RefAttributes<IFRef>>;
+export default TableEdit;

package/dist/component/tree-table/key-handlers.d.ts

@@ -0,0 +1,31 @@
+import { KeyboardEvent } from "react";
+import { IFTableEditPaging } from "../type";
+export interface KeyHandlerParams {
+    row: any;
+    dataSource: any[];
+    itemFocus: string;
+    parents: string;
+    indexRow: number;
+    indexCol: number;
+    contentColumns: any[];
+    idElement: string;
+    pagingClient?: boolean;
+    totalCount: number;
+    columnLastEdit: number;
+    moveIndexRowToNewPage: () => void;
+    editDisable?: boolean;
+    addDisable?: boolean;
+    handleDuplicate: () => void;
+    pagingSetting?: IFTableEditPaging;
+    focusNewElement: (col: number, parent: string, row?: number, forceFocus?: boolean) => void;
+    setItemFocus: (newParents: string) => void;
+    getNewParents: (parent: string, index: number) => string;
+    fieldChildren?: string;
+}
+export declare const handleArrowRight: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleArrowLeft: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleArrowUp: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleArrowDown: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleTab: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleEnter: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+export declare const handleCtrlD: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;

package/dist/component/tree-table/toolbar-bottom.d.ts

@@ -0,0 +1,2 @@
+declare const ToolbarBottom: ({ handleAdd, handleDuplicate, handleInsertBefore, handleInsertAfter, handleDeleteAll, setOpenPopupSetupColumn, itemFocus, editDisable, addDisable, buttonSetting, toolbarSetting, headerColumns, t }: any) => import("react/jsx-runtime").JSX.Element;
+export default ToolbarBottom;

package/dist/component/tree-table/toolbar-top.d.ts

@@ -0,0 +1,9 @@
+export type IFToolbarOptions = {
+    align: 'left' | 'right' | 'center';
+    template: any;
+};
+type IFDataProps = {
+    toolbarTopOption?: IFToolbarOptions[];
+};
+declare const RenderToolbarTop: ({ toolbarTopOption }: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default RenderToolbarTop;

package/dist/component/type/index.d.ts

@@ -0,0 +1,154 @@
+import { Dispatch, ReactNode, SetStateAction, JSX } from "react";
+import { IFColumnSelectTable } from "../select-table";
+import { FromItemsField } from "../edit-form";
+import { UseFormGetValues, UseFormReset, UseFormSetValue } from "react-hook-form";
+type ITextAlign = 'center' | 'left' | 'right';
+type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'color';
+export type ICommandItem = {
+    id: string;
+    color?: string;
+    tooltip?: string;
+    icon?: string;
+    commandTemplate?: ReactNode;
+};
+export type IFToolbarOptions = {
+    align: 'left' | 'right' | 'center';
+    template: any;
+};
+export type ISettingFormElement = {
+    schema: any;
+    labelSize?: 'label-small' | 'label-medium' | 'label-large';
+    menuWidth?: number;
+    menuHeight?: number;
+    displayValue?: any;
+    openOnFocus?: boolean;
+    isClearable?: boolean;
+    onFormOpen?: (rowData: any, itemsField: FromItemsField[], setItemsField: Dispatch<SetStateAction<FromItemsField[]>>) => void;
+    onFormSubmit?: (rowData: any, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>, reset: UseFormReset<any>) => void;
+    footerTemplate?: (rowData: any) => JSX.Element;
+    onChangeField?: (rowData: any, field: string, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>) => void;
+    onChange?: (rowData: any) => void;
+};
+export type ISettingSelectElement = {
+    isClearable?: boolean;
+    isMulti?: boolean;
+    noHeader?: boolean;
+    showFooter?: boolean;
+    selectChilds?: boolean;
+    allowCreate?: boolean;
+    defaultValue?: any;
+    fieldValue?: string;
+    fieldLabel?: string;
+    fieldChild?: string;
+    options?: any[];
+    widthPopup?: string | number;
+    heightPopup?: string | number;
+    iconGroup?: string;
+    handAddNew?: any;
+    validateOption?: any;
+    optionsField?: string;
+    columns?: IFColumnSelectTable[];
+    formatOptionLabel?: (ele: any) => JSX.Element;
+    footerComponent?: () => JSX.Element;
+    loadOptions?: (keyword: string, callback: (rs: any[]) => void) => void;
+    onOpenMenu?: (row: any, col: IColumnTable, indexRow: number) => void;
+};
+export type ISettingNumericElement = {
+    min?: number;
+    max?: number;
+    fraction?: number;
+    allowNegative?: boolean;
+};
+export type IColumnTable = {
+    field: string;
+    headerText?: string;
+    isPrimarykey?: boolean;
+    isUnikey?: boolean;
+    haveSum?: boolean;
+    haveToolTip?: boolean;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    editEnable?: boolean;
+    visible?: boolean;
+    invisibleDisable?: boolean;
+    editType?: IEditType;
+    textAlign?: ITextAlign;
+    fixedType?: 'left' | 'right' | undefined;
+    commandItems?: ICommandItem[];
+    placeholder?: string;
+    numericSettings?: ISettingNumericElement;
+    selectSettings?: ISettingSelectElement;
+    formSettings?: ISettingFormElement;
+    columns?: IColumnTable[];
+    disablePaste?: boolean;
+    validate?: (value: any, row: any) => string | undefined;
+    disabledCondition?: (row: any) => boolean;
+    callback?: (value: any, indexRow: number, item: any) => void;
+    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
+    editTypeCondition?: (row: any) => string;
+    onPaste?: (dataRow: any, dataPaste: any) => void;
+    onPasteValidate?: (dataPaste: string, dataRow: any, rowIndex: number) => Promise<any>;
+};
+export type IFTableEditPaging = {
+    allowPaging?: boolean;
+    pagingClient?: boolean;
+    currentPage?: number;
+    setCurrentPage?: Dispatch<SetStateAction<number>>;
+    setPageSize?: Dispatch<SetStateAction<number>>;
+    pageSize?: number;
+    totalItem?: number;
+    pageOptions?: number[];
+};
+export type IFTableEditButton = {
+    deleteAllDisable?: boolean;
+    insertAfterDisable?: boolean;
+    insertBeforeDisable?: boolean;
+    duplicateDisable?: boolean;
+};
+export type IFTableEditToolbar = {
+    showTopToolbar?: boolean;
+    toolbarOptions?: IFToolbarOptions[];
+    toolbarBottomOptions?: IFToolbarOptions[];
+    showBottomToolbar?: boolean;
+};
+export type IFTableEditSearchSetting = {
+    searchEnable?: boolean;
+    searchClient?: boolean;
+    searchTerm?: string;
+    keyField?: string[];
+    setSearchTerm?: Dispatch<SetStateAction<string>>;
+};
+export type IFTableEditFormat = {
+    dateFormat?: string;
+    datetimeFormat?: string;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    colorNegative?: string;
+    prefixNegative?: string;
+    suffixNegative?: string;
+};
+export type IFPageSize = {
+    pageSize: number;
+};
+export type IFCurrentPage = {
+    currentPage: number;
+};
+export type IFCurrentPageConfig = {
+    currentPage: number;
+    oldPage: number;
+};
+export type IHeaderColumnTable = {
+    field: string;
+    headerText?: string;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    visible?: boolean;
+    rowspan?: number;
+    columns?: IColumnTable[];
+    textAlign?: ITextAlign;
+    fixedType?: 'left' | 'right' | undefined;
+    index?: number;
+};
+export {};