react-table-edit 1.4.54 → 1.4.56

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

@@ -5,6 +5,7 @@ type IFDataProps = {
     currentPage: number;
     pageSize: number;
     totalItem: number;
+    gridRef: any;
 };
-declare const PagingComponent: ({ totalItem, pageSize, currentPage, onChangePage, pageOptions, onChangePageSize }: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+declare const PagingComponent: ({ totalItem, gridRef, pageSize, currentPage, onChangePage, pageOptions, onChangePageSize }: IFDataProps) => import("react/jsx-runtime").JSX.Element;
 export { PagingComponent };

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

@@ -0,0 +1,21 @@
+import React, { KeyboardEvent } from "react";
+import { IColumnTable } from "../type";
+interface CellContentComponentProps {
+    col: IColumnTable;
+    row: any;
+    indexRow: number;
+    indexCol: number;
+    gridRef: any;
+    editDisable?: boolean;
+    idTable?: string;
+    formatSetting?: any;
+    typeDis: "edit" | "template" | "data";
+    displayValue: string | number | boolean | null | undefined;
+    content: any;
+    focusEditElementCell: (e: KeyboardEvent<any> | React.MouseEvent<HTMLDivElement, MouseEvent>, row: number, rol: number) => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>, row: any) => void;
+    handleDataChange: (row: any, col: IColumnTable, indexRow: number) => void;
+    handleMouseDown: (e: React.MouseEvent, type: 1 | 2, isDragHandler?: boolean) => void;
+}
+declare const CellContentComponent: React.FC<CellContentComponentProps>;
+export default CellContentComponent;

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

@@ -1,5 +1,5 @@
 import React, { Dispatch, KeyboardEvent, MutableRefObject, SetStateAction } from "react";
-import { ICellInfo, IColumnTable } from "../type";
+import { ICellInfo, IColumnTable, IFTableEditButton, IFTableEditToolbar } from "../type";
 interface CellComponentProps {
     col: IColumnTable;
     row: any;
@@ -31,8 +31,8 @@ interface CellComponentProps {
     visibleContentColumns: any[];
     tableElement?: any;
     totalCount: number;
-    toolbarSetting?: any;
-    buttonSetting?: any;
+    toolbarSetting?: IFTableEditToolbar;
+    buttonSetting?: IFTableEditButton;
     fieldUniKey?: string[];
     idTable?: string;
     isCopying: MutableRefObject<boolean>;
@@ -45,6 +45,7 @@ interface CellComponentProps {
         maxCol: number;
     } | undefined>>;
     setStartCell: Dispatch<SetStateAction<ICellInfo>>;
+    handeCopyCell: (indexColCopy: number, indexRowCopy: number, maxRowPaste: number) => Promise<void>;
     focusEditElementCell: (e: KeyboardEvent<any> | React.MouseEvent<HTMLDivElement, MouseEvent>, row: number, rol: number) => void;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     handleDataChange: (row: any, col: IColumnTable, indexRow: number) => void;

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

@@ -0,0 +1,68 @@
+import React, { Dispatch, MutableRefObject, SetStateAction } from "react";
+import { ICellInfo, IColumnTable, IFFilterTable, IFOrderTable, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditToolbar, IHeaderColumnTable } from "../type";
+interface TableComponentProps {
+    idTable?: string;
+    dataSource: any[];
+    contentColumns: IColumnTable[];
+    headerColumns: IHeaderColumnTable[][];
+    visibleColumns: IColumnTable[];
+    selectedRows: any[];
+    selectedCell?: {
+        minRow: number;
+        maxRow: number;
+        minCol: number;
+        maxCol: number;
+    };
+    startCell: ICellInfo;
+    editCell?: ICellInfo;
+    gridRef: any;
+    objHeaderWidthFixLeft: Record<string, number>;
+    objHeaderWidthFixRight: Record<string, number>;
+    objWidthFixLeft: Record<number, number>;
+    objWidthFixRight: Record<number, number>;
+    lastObjWidthFixLeft: number;
+    fisrtObjWidthFixRight: number;
+    totalCount: number;
+    isMulti?: boolean;
+    selectEnable?: boolean;
+    editDisable?: boolean;
+    addDisable?: boolean;
+    defaultValue?: any;
+    fieldKey: string;
+    fieldUniKey?: string[];
+    formatSetting?: IFTableEditFormat;
+    toolbarSetting?: IFTableEditToolbar;
+    buttonSetting?: IFTableEditButton;
+    tableElement: any;
+    isCopying: MutableRefObject<boolean>;
+    typeDragging: MutableRefObject<number>;
+    visibleContentColumns: IColumnTable[];
+    filterBy: IFFilterTable[];
+    orderBy: IFOrderTable[];
+    optionsFilter: any;
+    allowFilter?: boolean;
+    allowOrder?: boolean;
+    searchSetting?: any;
+    searchTerm?: string;
+    pagingClient?: boolean;
+    pagingSetting?: IFTableEditPaging;
+    haveSum?: boolean;
+    rowChange?: (row: any, indexRow: number, field: string) => void;
+    setSelectedRows: Dispatch<SetStateAction<any[]>>;
+    handleDataChange: (row: any, col: IColumnTable, indexRow: number) => void;
+    changeDataSource: (newData: any[]) => void;
+    handleCommandClick: (id: string, rowData: any, index: number) => void;
+    handleDuplicate: () => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>, row: any) => void;
+    onDuplicate?: ((newData: any, index: number) => void);
+    setSelectedCell: (cell: any) => void;
+    setStartCell: (cell: any) => void;
+    focusEditElementCell: (e: any, row: number, col: number) => void;
+    setFilterBy: (val: any[]) => void;
+    setOrderBy: (val: any[]) => void;
+    saveSettingColumn?: (cols: 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>;
+export default TableComponent;

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

@@ -2,7 +2,6 @@ import { KeyboardEvent } from "react";
 import { ICellInfo, IColumnTable, IFTableEditPaging } from "../type";
 export interface KeyHandlerParams {
     row: any;
-    dataSource: any[];
     startCell: ICellInfo;
     contentColumns: IColumnTable[];
     pagingClient?: boolean;
@@ -11,17 +10,16 @@ export interface KeyHandlerParams {
     editDisable?: boolean;
     addDisable?: boolean;
     pagingSetting?: IFTableEditPaging;
-    changeDataSource: (data: any[], numberOfRows?: number) => void;
-    rowChange?: (row: any, indexRow: number, field: string) => void;
     handleDuplicate: () => void;
     handleAdd: () => void;
     addMoveNewCell: () => void;
     handleFocusCell: (row: number, col: number, type: 0 | 1) => void;
+    handeCopyCell: (indexColCopy: number, indexRowCopy: number, maxRowPaste: number) => Promise<void>;
 }
 export declare const handleArrowRight: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
 export declare const handleArrowLeft: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
-export declare const handleArrowUp: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
-export declare const handleArrowDown: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
+export declare const handleArrowUp: (e: KeyboardEvent<any>, params: KeyHandlerParams) => Promise<void>;
+export declare const handleArrowDown: (e: KeyboardEvent<any>, params: KeyHandlerParams) => Promise<void>;
 export declare const handleTab: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
 export declare const handleEnter: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
 export declare const handleCtrlD: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;

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

@@ -8,7 +8,7 @@ type ITextAlign = "center" | "left" | "right";
  * Lưu ý:
  * - Các loại 'text', 'numeric', 'datetime' không được dùng cho view.
  */
-type IColumnType = "#" | "command" | "text" | "numeric" | "datetime" | "date" | "checkbox" | "select" | "form" | "formInline" | "color" | "selectTree";
+export type IColumnType = "#" | "command" | "text" | "numeric" | "datetime" | "date" | "checkbox" | "select" | "form" | "formInline" | "color" | "selectTree";
 /** Loại lọc của cột */
 type IFilterType = "text" | "numeric" | "date" | "select";
 export type ICellInfo = {
@@ -200,7 +200,7 @@ export type IColumnTable = {
     /** Template hiển thị khi không ở chế độ edit */
     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) => string;
+    typeCondition?: (row: any) => IColumnType;
     /** Sự kiện khi paste dữ liệu */
     onPaste?: (dataRow: any, dataPaste: any) => void;
     /** Xác thực dữ liệu được paste */

package/dist/index.d.ts

@@ -204,7 +204,7 @@ type IColumnTable = {
     /** Template hiển thị khi không ở chế độ edit */
     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) => string;
+    typeCondition?: (row: any) => IColumnType;
     /** Sự kiện khi paste dữ liệu */
     onPaste?: (dataRow: any, dataPaste: any) => void;
     /** Xác thực dữ liệu được paste */
@@ -789,4 +789,4 @@ 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 type { FromItemsField, ICellInfo, IColumnTable, IColumnsAgg, ICommandItem, IFColumnSelectTable, IFColumnSelectTableTree, IFCurrentPage, IFCurrentPageConfig, IFFilterTable, IFOrderTable, IFPageSize, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IFTableSelectFormat, IFTableTreeSelectFormat, IFToolbarOptions, IHeaderColumnTable, ISettingFormElement, ISettingNumericElement, ISettingSelectElement };
+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 };