react-table-edit 1.4.68 → 1.5.1

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

@@ -9,12 +9,8 @@ type IFProps = {
     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;
     /** 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) */

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

@@ -2,8 +2,6 @@ import { IFNumberFormat } from './type';
 export interface IFPropsDetail {
     windowSize: any;
     formatNumber?: IFNumberFormat;
-    pageOptions?: number[];
-    pageSizeDefault?: number;
     dataError: any[];
     headerHandleErrorExcelColumns: any[];
 }

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

@@ -6,8 +6,6 @@ export interface IFPropsDetail {
     windowSize: any;
     headerValidateExcelColumns: any[];
     formatNumber?: IFNumberFormat;
-    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

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 export interface IFDataExcel {
     step: number;
     file?: any;

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

@@ -1,10 +1,6 @@
-import { IFTableEditButton, IFTableEditPaging, IFTableEditToolbar } from "../type";
-export declare const handleAdd: (dataSource: any[], tableElement: any, indexFirstEdit: number, changeDataSource: (data: any[], numberOfRows?: number) => void, pagingSetting: {
-    setCurrentPage?: (page: number) => void;
-    pageSize?: number;
-} | undefined, handleFocusCell: (row?: number, col?: number) => void, numberOfRows?: number) => 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;
+import { IFTableEditButton, IFTableEditToolbar } from "../type";
+export declare const handleAdd: (dataSource: any[], containerRef: any, indexFirstEdit: number, changeDataSource: (data: any[], numberOfRows?: number) => void, handleFocusCell: (row?: number, col?: number) => void, numberOfRows?: number) => void;
+export declare const handleDuplicate: (dataSource: any[], indexFocus: number, fieldKey: string | undefined, defaultValue: any, fieldUniKey: string[], changeDataSource: (data: any[]) => void, containerRef: 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[], indexFocus: number, defaultValue: any, changeDataSource: (data: any[]) => void, containerRef: any, totalCount: number, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
+export declare const handleInsertBefore: (dataSource: any[], indexFocus: number, defaultValue: any, changeDataSource: (data: any[]) => void, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton, editDisable?: boolean, addDisable?: boolean) => void;
 export declare const handleDeleteAll: (t: any, messageBoxConfirmDelete: (t: any, callback: () => void, message: string) => void, handleFocusCell: (row?: number, col?: number) => void, changeDataSource: (data: any[]) => void, editDisable?: boolean, addDisable?: boolean, toolbarSetting?: IFTableEditToolbar, buttonSetting?: IFTableEditButton) => void;

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

@@ -29,7 +29,7 @@ interface CellComponentProps {
     isMulti?: boolean;
     selectedRows: any[];
     visibleContentColumns: any[];
-    tableElement?: any;
+    containerRef?: any;
     totalCount: number;
     toolbarSetting?: IFTableEditToolbar;
     buttonSetting?: IFTableEditButton;

package/dist/component/table/data-table.d.ts

@@ -1,5 +1,5 @@
 import React, { Dispatch, MutableRefObject, SetStateAction } from "react";
-import { ICellInfo, IColumnTable, IFFilterTable, IFOrderTable, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditToolbar, IHeaderColumnTable } from "../type";
+import { ICellInfo, IColumnTable, IFFilterTable, IFOrderTable, IFTableEditButton, IFTableEditFormat, IFTableEditToolbar, IHeaderColumnTable } from "../type";
 interface TableComponentProps {
     idTable?: string;
     dataSource: any[];
@@ -33,7 +33,7 @@ interface TableComponentProps {
     formatSetting?: IFTableEditFormat;
     toolbarSetting?: IFTableEditToolbar;
     buttonSetting?: IFTableEditButton;
-    tableElement: any;
+    containerRef: any;
     isCopying: MutableRefObject<boolean>;
     typeDragging: MutableRefObject<number>;
     visibleContentColumns: IColumnTable[];
@@ -44,9 +44,10 @@ interface TableComponentProps {
     allowOrder?: boolean;
     searchSetting?: any;
     searchTerm?: string;
-    pagingClient?: boolean;
-    pagingSetting?: IFTableEditPaging;
     haveSum?: boolean;
+    height: number;
+    rowHeight: number;
+    searchClient?: boolean;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     setSelectedRows: Dispatch<SetStateAction<any[]>>;
     setContentColumns: (col: any[]) => void;
@@ -56,12 +57,16 @@ interface TableComponentProps {
     handleDuplicate: () => void;
     handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>, row: any) => void;
     onDuplicate?: ((newData: any, index: number) => void);
-    setSelectedCell: (cell: any) => void;
-    setStartCell: (cell: any) => void;
+    setSelectedCell: Dispatch<SetStateAction<{
+        minRow: number;
+        maxRow: number;
+        minCol: number;
+        maxCol: number;
+    } | undefined>>;
+    setStartCell: Dispatch<SetStateAction<ICellInfo>>;
     focusEditElementCell: (e: any, row: number, col: number) => void;
     setFilterBy: (val: any[]) => void;
     setOrderBy: (val: any[]) => void;
-    checkRowMatch: (row: any, filterBy: any[], searchTerm: string, keyField: string[]) => boolean;
     handeCopyCell: (indexColCopy: number, indexRowCopy: number, maxRowPaste: number) => Promise<void>;
 }
 declare const TableComponent: React.FC<TableComponentProps>;

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

@@ -7,15 +7,13 @@ export type IFTableEditProps = {
     defaultValue?: any;
     columns: IColumnTable[];
     height?: number;
-    maxHeight?: number;
-    minHeight?: number;
+    rowHeight?: number;
     isMulti?: boolean;
     editDisable?: boolean;
     addDisable?: boolean;
     haveSum?: boolean;
     disableAutoKey?: boolean;
     formatSetting?: IFTableEditFormat;
-    pagingSetting?: IFTableEditPaging;
     buttonSetting?: IFTableEditButton;
     toolbarSetting?: IFTableEditToolbar;
     searchSetting?: IFTableEditSearchSetting;
@@ -30,6 +28,7 @@ export type IFTableEditProps = {
         updatedByName?: string;
         value: IFSettingColumns[];
     };
+    pagingSetting?: IFTableEditPaging;
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;

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

@@ -1,15 +1,13 @@
 import { KeyboardEvent } from "react";
-import { ICellInfo, IColumnTable, IFTableEditPaging } from "../type";
+import { ICellInfo, IColumnTable } from "../type";
 export interface KeyHandlerParams {
     row: any;
     startCell: ICellInfo;
     contentColumns: IColumnTable[];
-    pagingClient?: boolean;
     totalCount: number;
     indexLastEdit: number;
     editDisable?: boolean;
     addDisable?: boolean;
-    pagingSetting?: IFTableEditPaging;
     handleDuplicate: () => void;
     handleAdd: () => void;
     addMoveNewCell: () => void;

package/dist/component/table-view/content.d.ts

@@ -18,5 +18,5 @@ type IContentColProps = {
     setSelectedRows: (value: any[]) => void;
     handleCommandClick: (id: string, rowData: any, index: number) => void;
 };
-export declare const RenderContentCol: (props: IContentColProps) => false | import("react/jsx-runtime").JSX.Element;
+export declare const RenderContentCol: (props: IContentColProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -214,8 +214,6 @@ export type IColumnTable = {
 export type IFTableEditPaging = {
     /** Bật phân trang */
     allowPaging?: boolean;
-    /** Phân trang phía client */
-    pagingClient?: boolean;
     /** Trang hiện tại */
     currentPage?: number;
     /** Hàm cập nhật trang hiện tại */

package/dist/component/utils.d.ts

@@ -1,4 +1,4 @@
-import { IFSettingColumns } from "./type";
+import { IFFilterTable, IFSettingColumns } from "./type";
 export declare const useOnClickOutside: (ref: any, handler: any) => void;
 export declare const checkThousandSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
 export declare const checkDecimalSeparator: (thousandSeparator: any, decimalSeparator: any) => any;
@@ -52,3 +52,7 @@ export declare const calculateTableStructure: (columns: any[], settingColumns?:
     indexFirstEdit: number;
     indexLastEdit: number;
 };
+/**
+* Kiểm tra row có thỏa mãn tất cả filter và chứa từ khóa tìm kiếm hay không
+*/
+export declare const CheckRowMatch: (row: Record<string, any>, filters: IFFilterTable[], keyword: string, searchKeys: string[]) => boolean;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { ReactNode, Dispatch, SetStateAction, JSX as JSX$1 } from 'react';
+import React__default, { ReactNode, Dispatch, SetStateAction, JSX } from 'react';
 import { UseFormSetValue, UseFormGetValues, UseFormReset } from 'react-hook-form';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TFunction } from 'react-i18next';
@@ -77,7 +77,7 @@ type ISettingFormElement = {
     /** Sự kiện submit form */
     onFormSubmit?: (rowData: any, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>, reset: UseFormReset<any>) => void;
     /** Footer tùy chỉnh trong form */
-    footerTemplate?: (rowData: any) => JSX$1.Element;
+    footerTemplate?: (rowData: any) => JSX.Element;
     /** Sự kiện thay đổi trường dữ liệu */
     onChangeField?: (rowData: any, field: string, setValue: UseFormSetValue<any>, getValues: UseFormGetValues<any>) => void;
     /** Sự kiện thay đổi form */
@@ -122,9 +122,9 @@ type ISettingSelectElement = {
     /** Danh sách cột hiển thị trong bảng chọn */
     columns?: IFColumnSelectTable[];
     /** Tuỳ chỉnh hiển thị option */
-    formatOptionLabel?: (ele: any) => JSX$1.Element;
+    formatOptionLabel?: (ele: any) => JSX.Element;
     /** Component footer trong menu chọn */
-    footerComponent?: () => JSX$1.Element;
+    footerComponent?: () => JSX.Element;
     /** Load options động */
     loadOptions?: (keyword: string, callback: (rs: any[]) => void) => void;
     /** Sự kiện mở menu */
@@ -204,7 +204,7 @@ type IColumnTable = {
     /** Callback khi thay đổi giá trị */
     callback?: (value: any, indexRow: number, item: any) => void;
     /** Template hiển thị khi không ở chế độ edit */
-    template?: (row: any, indexRow: number) => JSX$1.Element | string | number | undefined;
+    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
     /** Xác định loại edit dựa trên điều kiện */
     typeCondition?: (row: any) => IColumnType;
     /** Sự kiện khi paste dữ liệu */
@@ -218,8 +218,6 @@ type IColumnTable = {
 type IFTableEditPaging = {
     /** Bật phân trang */
     allowPaging?: boolean;
-    /** Phân trang phía client */
-    pagingClient?: boolean;
     /** Trang hiện tại */
     currentPage?: number;
     /** Hàm cập nhật trang hiện tại */
@@ -420,15 +418,13 @@ type IFTableEditProps = {
     defaultValue?: any;
     columns: IColumnTable[];
     height?: number;
-    maxHeight?: number;
-    minHeight?: number;
+    rowHeight?: number;
     isMulti?: boolean;
     editDisable?: boolean;
     addDisable?: boolean;
     haveSum?: boolean;
     disableAutoKey?: boolean;
     formatSetting?: IFTableEditFormat;
-    pagingSetting?: IFTableEditPaging;
     buttonSetting?: IFTableEditButton;
     toolbarSetting?: IFTableEditToolbar;
     searchSetting?: IFTableEditSearchSetting;
@@ -443,6 +439,7 @@ type IFTableEditProps = {
         updatedByName?: string;
         value: IFSettingColumns[];
     };
+    pagingSetting?: IFTableEditPaging;
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;
@@ -530,12 +527,8 @@ type IFProps$1 = {
     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;
     /** 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) */
@@ -610,14 +603,14 @@ type Props$1 = {
     showFooter?: boolean;
     formatSetting?: IFTableSelectFormat;
     component?: string | HTMLElement | React__default.RefObject<HTMLElement> | undefined;
-    formatOptionLabel?: (ele: any) => JSX$1.Element;
+    formatOptionLabel?: (ele: any) => JSX.Element;
     loadOptions?: (keyword: string, callback: (rs: any[]) => void) => void;
     onKeyDown?: (e: React__default.KeyboardEvent<HTMLInputElement>) => any;
     onOpenMenu?: () => void;
     handleAdd?: (e?: any) => void;
     onPaste?: (e: React__default.ClipboardEvent<HTMLInputElement>) => void;
     onCloseMenu?: () => void;
-    footerComponent?: () => JSX$1.Element;
+    footerComponent?: () => JSX.Element;
     onChange: (val: any) => void;
     compareFunction?: (row?: any) => boolean | undefined;
 };
@@ -771,13 +764,17 @@ declare const calculateTableStructure: (columns: any[], settingColumns?: IFSetti
     indexFirstEdit: number;
     indexLastEdit: number;
 };
+/**
+* Kiểm tra row có thỏa mãn tất cả filter và chứa từ khóa tìm kiếm hay không
+*/
+declare const CheckRowMatch: (row: Record<string, any>, filters: IFFilterTable[], keyword: string, searchKeys: string[]) => boolean;
 
 type IFSteps = {
     id: string;
-    content: JSX$1.Element;
-    subtitle?: JSX$1.Element | string;
-    title: JSX$1.Element | string;
-    icon?: JSX$1.Element | string;
+    content: JSX.Element;
+    subtitle?: JSX.Element | string;
+    title: JSX.Element | string;
+    icon?: JSX.Element | string;
     done?: boolean;
     loading?: boolean;
     disable?: boolean;
@@ -794,9 +791,9 @@ type IFProps = {
     heightContent?: number | string;
     widthContent?: number | string;
     type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
-    separator?: JSX$1.Element;
+    separator?: JSX.Element;
 };
 declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;
 
-export { ExportExcelComponent, FindNodeByPath, InputStyleComponent, ModalImportComponent, 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 { CheckRowMatch, ExportExcelComponent, FindNodeByPath, InputStyleComponent, ModalImportComponent, 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, ICellInfo, IColumnTable, IColumnType, IColumnsAgg, ICommandItem, IFColumnSelectTable, IFColumnSelectTableTree, IFCurrentPage, IFCurrentPageConfig, IFFilterTable, IFOrderTable, IFPageSize, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IFTableSelectFormat, IFTableTreeSelectFormat, IFToolbarOptions, IHeaderColumnTable, ISettingFormElement, ISettingNumericElement, ISettingSelectElement };