react-table-edit 1.4.46 → 1.4.48

package/dist/component/modal-import-excel/index.d.ts

@@ -1,24 +1,49 @@
-import { Control, FieldErrors, UseFormGetValues, UseFormSetValue, UseFormWatch } from 'react-hook-form';
-import { IFDataExcel } from './utils';
-import { IFNumberFormat } from './type';
-export interface IFPropsDetail {
-    control: Control<IFDataExcel>;
-    watch: UseFormWatch<IFDataExcel>;
-    errors: FieldErrors<IFDataExcel>;
-    setValue: UseFormSetValue<IFDataExcel>;
-    getValues: UseFormGetValues<IFDataExcel>;
+import { IColumnTable } from '../type';
+import { IFDataMapExcel, IFNumberFormat } from './type';
+type IFProps = {
+    /** Kích thước cửa sổ hiện tại (width, height) */
+    windowSize: any;
+    /** Trạng thái mở/đóng modal import */
+    openModal: boolean;
+    /** Hàm toggle mở/đóng modal */
+    handleModal: () => void;
+    /** Hàm format số (tuỳ chọn) */
     formatNumber?: IFNumberFormat;
+    /** Danh sách các lựa chọn số trang (ví dụ [10, 20, 50]) */
     pageOptions: number[];
+    /** Số hàng tiêu đề mặc định */
+    defaultHeaderRow?: number;
+    /** Số bản ghi mặc định trên một trang */
     pageSizeDefault: number;
-    windowSize: any;
-    getExcelTemplate?: any;
-    optionField: any[];
-    dataInvalid: any[];
-    dataValid: any[];
-    dataValidate: any[];
-    dataError: any[];
-    headerValidateExcelColumns: any[];
-    headerHandleErrorExcelColumns: any[];
-}
-declare const ImportExcelComponent: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
-export { ImportExcelComponent };
+    /** Cấu hình mapping cột giữa file Excel và dữ liệu trong hệ thống */
+    mapColumn: IFDataMapExcel[];
+    /** Cấu hình header bảng validate (tuỳ chọn) */
+    headerValidateExcelColumns?: IColumnTable[];
+    /** Cấu hình header bảng lỗi (tuỳ chọn) */
+    headerErrorExcelColumns?: IColumnTable[];
+    /**
+     * link lấy mẫu import
+     */
+    templateUrl?: string;
+    /**
+     * Hàm validate từng cell (tuỳ chọn)
+     * @param item Dòng dữ liệu hiện tại
+     * @param ele Cấu hình mapping của cột
+     * @param value Giá trị trong cell
+     */
+    handleValidate?: (item: any, ele: IFDataMapExcel, value: string) => void;
+    /**
+     * API import Excel
+     * @param params Tham số gửi lên server
+     * @returns Promise<any>
+     */
+    importExcelApi: (params: any) => Promise<any>;
+    /**
+     * API validate Excel
+     * @param params Tham số gửi lên server
+     * @returns Promise<any>
+     */
+    validateExcelApi: (params: any) => Promise<any>;
+};
+declare const ModalImportComponent: (props: IFProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalImportComponent;

package/dist/component/modal-import-excel/tab-handle-error.d.ts

@@ -1,10 +1,10 @@
 import { IFNumberFormat } from './type';
 export interface IFPropsDetail {
-    dataError: any[];
     windowSize: any;
     formatNumber?: IFNumberFormat;
-    pageOptions: number[];
-    pageSizeDefault: number;
+    pageOptions?: number[];
+    pageSizeDefault?: number;
+    dataError: any[];
     headerHandleErrorExcelColumns: any[];
 }
 declare const TabHandleErrorImportExcel: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;

package/dist/component/modal-import-excel/tab-merge.d.ts

@@ -1,6 +1,5 @@
 import { Control, FieldErrors, UseFormGetValues, UseFormSetValue, UseFormWatch } from 'react-hook-form';
-import { IFDataExcel } from './utils';
-import { IFNumberFormat } from './type';
+import { IFDataExcel, IFNumberFormat } from './type';
 export interface IFPropsDetail {
     control: Control<IFDataExcel>;
     watch: UseFormWatch<IFDataExcel>;

package/dist/component/modal-import-excel/tab-select-file.d.ts

@@ -1,12 +1,12 @@
 import { Control, FieldErrors, UseFormGetValues, UseFormSetValue, UseFormWatch } from 'react-hook-form';
-import { IFDataExcel } from './utils';
+import { IFDataExcel } from './type';
 export interface IFPropsDetail {
     control: Control<IFDataExcel>;
     watch: UseFormWatch<IFDataExcel>;
     errors: FieldErrors<IFDataExcel>;
     setValue: UseFormSetValue<IFDataExcel>;
     getValues: UseFormGetValues<IFDataExcel>;
-    getExcelTemplate: any;
+    templateUrl?: string;
 }
 declare const TabSelectFileImportExcel: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
 export default TabSelectFileImportExcel;

package/dist/component/modal-import-excel/tab-validate.d.ts

@@ -6,8 +6,8 @@ export interface IFPropsDetail {
     windowSize: any;
     headerValidateExcelColumns: any[];
     formatNumber?: IFNumberFormat;
-    pageOptions: number[];
-    pageSizeDefault: number;
+    pageOptions?: number[];
+    pageSizeDefault?: number;
 }
 declare const TabValidateImportExcel: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
 export default TabValidateImportExcel;

package/dist/component/modal-import-excel/type.d.ts

@@ -6,13 +6,22 @@ export interface IFDataExcel {
     dataMap: IFDataMapExcel[];
 }
 export interface IFDataMapExcel {
+    /** Tên field trong dữ liệu (key để map dữ liệu) */
     field: string;
+    /** Danh sách header mặc định có thể mapping với cột Excel */
     headerDefault: string[];
+    /** Tên header hiển thị trong bảng */
     header: string;
-    dataType: 'numeric' | 'string' | 'date' | 'datetime' | 'boolean';
+    /** Kiểu dữ liệu của cột */
+    dataType: "numeric" | "string" | "date" | "datetime" | "boolean";
+    /** Tên cột trong Excel (ví dụ: "A", "B", "C"...) (không cần truyền) */
     column?: string;
+    /** Không cho phép chỉnh sửa giá trị nếu = true */
     disableEdit?: boolean;
+    /** Bắt buộc nhập dữ liệu nếu = true */
     isRequired?: boolean;
+    /** Độ rộng cột (pixel hoặc đơn vị tùy theo UI) */
+    width?: number;
 }
 export type IFNumberFormat = {
     dateFormat?: string;

package/dist/component/modal-import-excel/utils.d.ts

@@ -1,21 +1,7 @@
-import { Dispatch, SetStateAction } from 'react';
-import { UseFormSetValue } from 'react-hook-form';
-export interface IFDataExcel {
-    step: number;
-    file?: any;
-    sheetId?: string;
-    headerRow?: number;
-    dataMap: IFDataMapExcel[];
-}
-export interface IFDataMapExcel {
-    field: string;
-    headerDefault: string[];
-    header: string;
-    dataType: 'numeric' | 'string' | 'date' | 'datetime' | 'boolean';
-    column?: string;
-    disableEdit?: boolean;
-    isRequired?: boolean;
-}
+import { Dispatch, SetStateAction } from "react";
+import { UseFormSetValue } from "react-hook-form";
+import { IFDataMapExcel } from "./type";
 export declare const getSheetsExcel: (file: any, setValue: UseFormSetValue<any>, setOptionSheetName: Dispatch<SetStateAction<any[]>>) => void;
 export declare const getColumnsSheetExcel: (file: any, headerRow: number, sheetName: string, handleSetColumns: any) => void;
 export declare const mapDataImportExcel: (dataSheet: any[], headerRow: number, dataMap: IFDataMapExcel[], handleValidate: any) => Promise<any[]>;
+export declare const connectString: (t: any, props: string[]) => any;

package/dist/component/notifications.d.ts

@@ -7,4 +7,4 @@ export declare const messageBoxError: (t: TFunction<"translation", undefined>, m
 export declare const notificationError: (param: string) => string;
 export declare const notificationSuccess: (param: string) => string;
 export declare const messageBoxConfirmAsync: (t: TFunction<"translation", undefined>, message: string, title?: string, btnOk?: string, btnCancel?: string) => Promise<boolean>;
-export declare const messageHtmlBoxConfirmAsync: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string, btnOk?: string, btnCancel?: string) => Promise<unknown>;
+export declare const messageHtmlBoxConfirmAsync: (t: TFunction<"translation", undefined>, message: any[], title?: string, btnOk?: string, btnCancel?: string) => Promise<unknown>;

package/dist/component/table/setting-column.d.ts

@@ -0,0 +1,11 @@
+import { IColumnTable } from "../type";
+export interface IFPropsDetail {
+    column: IColumnTable[];
+    setColumn: any;
+    openSidebar: boolean;
+    handleSidebar: any;
+    resetDefaultColumns?: () => void;
+    formatSetting?: any;
+}
+declare const SettingColumn: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
+export default SettingColumn;

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

@@ -1,5 +1,5 @@
-import { JSX } from 'react';
 import 'bs-stepper/dist/css/bs-stepper.min.css';
+import { JSX } from 'react';
 type IFSteps = {
     id: string;
     content: JSX.Element;
@@ -9,6 +9,7 @@ type IFSteps = {
     done?: boolean;
     loading?: boolean;
     disable?: boolean;
+    visiable?: boolean;
 };
 type IFProps = {
     steps: IFSteps[];

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import React__default, { ReactNode, Dispatch, SetStateAction, JSX } from 'react';
-import { UseFormSetValue, UseFormGetValues, UseFormReset, Control, UseFormWatch, FieldErrors } from 'react-hook-form';
-import { TFunction } from 'react-i18next';
+import { UseFormSetValue, UseFormGetValues, UseFormReset } from 'react-hook-form';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TFunction } from 'react-i18next';
 
 /** Căn lề văn bản trong bảng */
 type ITextAlign = "center" | "left" | "right";
@@ -444,6 +444,41 @@ type IFRef = {
 };
 declare const TableEdit: React.ForwardRefExoticComponent<IFTableEditProps & React.RefAttributes<IFRef>>;
 
+interface IFDataStyleSetting {
+    color: string;
+    backgroundColor: string;
+    fontFamily: string;
+    fontSize: number;
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+}
+interface IFDataInputStyle {
+    value: IFDataStyleSetting;
+    onChange: any;
+    disabled?: boolean;
+    disabledColor?: boolean;
+    disabledBackgroundColor?: boolean;
+    disabledFontFamily?: boolean;
+    disabledFontSize?: boolean;
+    disabledBold?: boolean;
+    disabledItalic?: boolean;
+    disabledUnderline?: boolean;
+}
+declare const InputStyleComponent: (props: IFDataInputStyle) => react_jsx_runtime.JSX.Element;
+
+type IFDataProps$1 = {
+    openModal: boolean;
+    typeModal: string;
+    handleModal: any;
+    windowSize: any;
+    dataItem: any;
+    columns: any;
+    setCheckDetailExport?: any;
+    columnGroups?: any[];
+};
+declare const ExportExcelComponent: ({ openModal, typeModal, handleModal, windowSize, dataItem, columns, columnGroups }: IFDataProps$1) => react_jsx_runtime.JSX.Element;
+
 declare const messageHtmlBoxConfirm: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string, btnOk?: string, btnCancel?: string) => void;
 declare const messageHtmlBoxError: (t: TFunction<"translation", undefined>, message: any[], title?: string, btnCancel?: string) => void;
 declare const messageBoxConfirmDelete: (t: TFunction<"translation", undefined>, handle: any, data: any) => void;
@@ -452,72 +487,7 @@ declare const messageBoxError: (t: TFunction<"translation", undefined>, message:
 declare const notificationError: (param: string) => string;
 declare const notificationSuccess: (param: string) => string;
 declare const messageBoxConfirmAsync: (t: TFunction<"translation", undefined>, message: string, title?: string, btnOk?: string, btnCancel?: string) => Promise<boolean>;
-declare const messageHtmlBoxConfirmAsync: (t: TFunction<"translation", undefined>, message: any[], handle: any, data: any, title?: string, btnOk?: string, btnCancel?: string) => Promise<unknown>;
-
-declare const useOnClickOutside: (ref: any, handler: any) => void;
-declare const checkThousandSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
-declare const checkDecimalSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
-declare const isNullOrUndefined: (d: any) => boolean;
-declare const generateUUID: () => string;
-/**
- * format chuỗi kí tự số
- * @param str chuỗi số cần format
- * @param decimalSeparator kí tự thập phân
- * @param thousandSeparator kí tự phân cách hàng nghìn
- * @param fraction số kí tự thập phân
- * @param isDone đã nhập xong
- * @returns
- */
-declare const formartNumberic: (str: string | number, decimalSeparator: string, thousandSeparator: string, fraction?: number, isDone?: boolean, haveNegative?: boolean) => string;
-declare const roundNumber: (num: number, fraction: number) => number;
-declare const formatDateTime: (data: any, format?: string) => string;
-declare const FindNodeByPath: (tree: any[], path: string) => {
-    parent: any[];
-    lastIndex: number | undefined;
-    firstIndex: number;
-    node: any;
-} | null;
-/**
- * Tính toán cấu trúc bảng từ dữ liệu column dạng cây:
- * - Tạo header dạng nhiều cấp (header theo chiều dọc)
- * - Chuyển cột thành dạng phẳng để render nội dung
- * - Tính toán vị trí cố định trái/phải (fixed column) để hiển thị sticky
- *
- * @param columns Mảng cấu trúc cây đại diện cho các cột của bảng
- * @returns {
- *   levels: IHeaderColumnTable[][]       // Các hàng header theo cấp
- *   flat: IColumnTable[]      // Danh sách cột phẳng
- *   objWidthFixLeft: Record<number, number>      // Offset trái cho cột fixed left
- *   objWidthFixRight: Record<number, number>     // Offset phải cho cột fixed right
- *   lastObjWidthFixLeft: number          // Chỉ số cột cuối cùng fixed left
- *   fisrtObjWidthFixRight: number        // Chỉ số cột đầu tiên fixed right
- * }
- */
-declare const calculateTableStructure: (columns: any[], settingColumns?: IFSettingColumns[]) => {
-    levels: any[][];
-    flat: any[];
-    flatVisble: any[];
-    objWidthFixLeft: Record<number, number>;
-    objWidthFixRight: Record<number, number>;
-    lastObjWidthFixLeft: number;
-    fisrtObjWidthFixRight: number;
-    objHeaderWidthFixRight: Record<string, number>;
-    objHeaderWidthFixLeft: Record<string, number>;
-    indexFirstEdit: number;
-    indexLastEdit: number;
-};
-
-type IFDataProps$1 = {
-    buttonWidth?: number;
-    tabParent?: boolean;
-    tabChild?: boolean;
-    resourceCodeParent?: string;
-    resourceCode: string;
-    resources: any[];
-    renderModal?: any;
-    windowSize?: any;
-};
-declare const TabsMenuComponent: ({ buttonWidth, tabParent, tabChild, resourceCodeParent, resources, resourceCode, windowSize, renderModal }: IFDataProps$1) => react_jsx_runtime.JSX.Element;
+declare const messageHtmlBoxConfirmAsync: (t: TFunction<"translation", undefined>, message: any[], title?: string, btnOk?: string, btnCancel?: string) => Promise<unknown>;
 
 type Props$1 = {
     id?: string;
@@ -608,112 +578,17 @@ type Props = {
 };
 declare const SelectTableTree: React__default.ForwardRefExoticComponent<Props & React__default.RefAttributes<unknown>>;
 
-interface IFDataStyleSetting {
-    color: string;
-    backgroundColor: string;
-    fontFamily: string;
-    fontSize: number;
-    bold: boolean;
-    italic: boolean;
-    underline: boolean;
-}
-interface IFDataInputStyle {
-    value: IFDataStyleSetting;
-    onChange: any;
-    disabled?: boolean;
-    disabledColor?: boolean;
-    disabledBackgroundColor?: boolean;
-    disabledFontFamily?: boolean;
-    disabledFontSize?: boolean;
-    disabledBold?: boolean;
-    disabledItalic?: boolean;
-    disabledUnderline?: boolean;
-}
-declare const InputStyleComponent: (props: IFDataInputStyle) => react_jsx_runtime.JSX.Element;
-
 type IFDataProps = {
-    openModal: boolean;
-    typeModal: string;
-    handleModal: any;
-    windowSize: any;
-    dataItem: any;
-    columns: any;
-    setCheckDetailExport?: any;
-    columnGroups?: any[];
-};
-declare const ExportExcelComponent: ({ openModal, typeModal, handleModal, windowSize, dataItem, columns, columnGroups }: IFDataProps) => react_jsx_runtime.JSX.Element;
-
-interface IFDataExcel {
-    step: number;
-    file?: any;
-    sheetId?: string;
-    headerRow?: number;
-    dataMap: IFDataMapExcel[];
-}
-interface IFDataMapExcel {
-    field: string;
-    headerDefault: string[];
-    header: string;
-    dataType: 'numeric' | 'string' | 'date' | 'datetime' | 'boolean';
-    column?: string;
-    disableEdit?: boolean;
-    isRequired?: boolean;
-}
-
-type IFNumberFormat = {
-    dateFormat?: string;
-    decimalSeparator?: string;
-    thousandSeparator?: string;
-    colorNegative?: string;
-    prefixNegative?: string;
-    suffixNegative?: string;
-};
-
-interface IFPropsDetail {
-    control: Control<IFDataExcel>;
-    watch: UseFormWatch<IFDataExcel>;
-    errors: FieldErrors<IFDataExcel>;
-    setValue: UseFormSetValue<IFDataExcel>;
-    getValues: UseFormGetValues<IFDataExcel>;
-    formatNumber?: IFNumberFormat;
-    pageOptions: number[];
-    pageSizeDefault: number;
-    windowSize: any;
-    getExcelTemplate?: any;
-    optionField: any[];
-    dataInvalid: any[];
-    dataValid: any[];
-    dataValidate: any[];
-    dataError: any[];
-    headerValidateExcelColumns: any[];
-    headerHandleErrorExcelColumns: any[];
-}
-declare const ImportExcelComponent: (props: IFPropsDetail) => react_jsx_runtime.JSX.Element;
-
-type IFSteps = {
-    id: string;
-    content: JSX.Element;
-    subtitle?: JSX.Element | string;
-    title: JSX.Element | string;
-    icon?: JSX.Element | string;
-    done?: boolean;
-    loading?: boolean;
-    disable?: boolean;
-};
-type IFProps = {
-    steps: IFSteps[];
-    activeStep: number;
-    setActiveStep?: (stepper: number) => void;
-    className?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-    contentWrapperClassName?: string;
-    heightContent?: number | string;
-    widthContent?: number | string;
-    type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
-    separator?: JSX.Element;
+    buttonWidth?: number;
+    tabParent?: boolean;
+    tabChild?: boolean;
+    resourceCodeParent?: string;
+    resourceCode: string;
+    resources: any[];
+    renderModal?: any;
+    windowSize?: any;
 };
-declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;
+declare const TabsMenuComponent: ({ buttonWidth, tabParent, tabChild, resourceCodeParent, resources, resourceCode, windowSize, renderModal }: IFDataProps) => react_jsx_runtime.JSX.Element;
 
 type TableViewProps = {
     idTable: string;
@@ -743,5 +618,84 @@ type TableViewProps = {
 };
 declare const TableView: React__default.FC<TableViewProps>;
 
-export { ExportExcelComponent, FindNodeByPath, ImportExcelComponent, InputStyleComponent, SelectTable, SelectTableTree, TableView, TabsMenuComponent, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirmAsync, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxConfirmAsync, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
-export type { FromItemsField, IColumnTable, IColumnsAgg, ICommandItem, IFColumnSelectTable, IFColumnSelectTableTree, IFCurrentPage, IFCurrentPageConfig, IFFilterTable, IFOrderTable, IFPageSize, IFPropsDetail, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IFTableSelectFormat, IFTableTreeSelectFormat, IFToolbarOptions, IHeaderColumnTable, ISettingFormElement, ISettingNumericElement, ISettingSelectElement };
+declare const useOnClickOutside: (ref: any, handler: any) => void;
+declare const checkThousandSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
+declare const checkDecimalSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
+declare const isNullOrUndefined: (d: any) => boolean;
+declare const generateUUID: () => string;
+/**
+ * format chuỗi kí tự số
+ * @param str chuỗi số cần format
+ * @param decimalSeparator kí tự thập phân
+ * @param thousandSeparator kí tự phân cách hàng nghìn
+ * @param fraction số kí tự thập phân
+ * @param isDone đã nhập xong
+ * @returns
+ */
+declare const formartNumberic: (str: string | number, decimalSeparator: string, thousandSeparator: string, fraction?: number, isDone?: boolean, haveNegative?: boolean) => string;
+declare const roundNumber: (num: number, fraction: number) => number;
+declare const formatDateTime: (data: any, format?: string) => string;
+declare const FindNodeByPath: (tree: any[], path: string) => {
+    parent: any[];
+    lastIndex: number | undefined;
+    firstIndex: number;
+    node: any;
+} | null;
+/**
+ * Tính toán cấu trúc bảng từ dữ liệu column dạng cây:
+ * - Tạo header dạng nhiều cấp (header theo chiều dọc)
+ * - Chuyển cột thành dạng phẳng để render nội dung
+ * - Tính toán vị trí cố định trái/phải (fixed column) để hiển thị sticky
+ *
+ * @param columns Mảng cấu trúc cây đại diện cho các cột của bảng
+ * @returns {
+ *   levels: IHeaderColumnTable[][]       // Các hàng header theo cấp
+ *   flat: IColumnTable[]      // Danh sách cột phẳng
+ *   objWidthFixLeft: Record<number, number>      // Offset trái cho cột fixed left
+ *   objWidthFixRight: Record<number, number>     // Offset phải cho cột fixed right
+ *   lastObjWidthFixLeft: number          // Chỉ số cột cuối cùng fixed left
+ *   fisrtObjWidthFixRight: number        // Chỉ số cột đầu tiên fixed right
+ * }
+ */
+declare const calculateTableStructure: (columns: any[], settingColumns?: IFSettingColumns[]) => {
+    levels: any[][];
+    flat: any[];
+    flatVisble: any[];
+    objWidthFixLeft: Record<number, number>;
+    objWidthFixRight: Record<number, number>;
+    lastObjWidthFixLeft: number;
+    fisrtObjWidthFixRight: number;
+    objHeaderWidthFixRight: Record<string, number>;
+    objHeaderWidthFixLeft: Record<string, number>;
+    indexFirstEdit: number;
+    indexLastEdit: number;
+};
+
+type IFSteps = {
+    id: string;
+    content: JSX.Element;
+    subtitle?: JSX.Element | string;
+    title: JSX.Element | string;
+    icon?: JSX.Element | string;
+    done?: boolean;
+    loading?: boolean;
+    disable?: boolean;
+    visiable?: boolean;
+};
+type IFProps = {
+    steps: IFSteps[];
+    activeStep: number;
+    setActiveStep?: (stepper: number) => void;
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    contentWrapperClassName?: string;
+    heightContent?: number | string;
+    widthContent?: number | string;
+    type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
+    separator?: JSX.Element;
+};
+declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;
+
+export { ExportExcelComponent, FindNodeByPath, InputStyleComponent, SelectTable, SelectTableTree, TableView, TabsMenuComponent, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirmAsync, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxConfirmAsync, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
+export type { FromItemsField, IColumnTable, IColumnsAgg, ICommandItem, IFColumnSelectTable, IFColumnSelectTableTree, IFCurrentPage, IFCurrentPageConfig, IFFilterTable, IFOrderTable, IFPageSize, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IFTableSelectFormat, IFTableTreeSelectFormat, IFToolbarOptions, IHeaderColumnTable, ISettingFormElement, ISettingNumericElement, ISettingSelectElement };