react-table-edit 1.5.0 → 1.5.2

package/dist/component/edit-form/index.d.ts

@@ -14,6 +14,7 @@ type Props = {
     rowData: any;
     indexRow: any;
     defaultValues?: any;
+    component?: string | HTMLElement | React.RefObject<HTMLElement> | undefined;
     schema?: InferType<any>;
     onKeyDown?: (e: React.KeyboardEvent<any>) => void | any;
     onFormOpen?: (rowData: any, itemsField: FromItemsField[], setItemsField: Dispatch<SetStateAction<FromItemsField[]>>) => void;

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/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

@@ -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) */
@@ -771,6 +764,10 @@ 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;
@@ -798,5 +795,5 @@ type IFProps = {
 };
 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 };