react-table-edit 1.4.27 → 1.4.28

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

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

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

@@ -1,4 +1,4 @@
-import { IFNumberFormat } from './IType';
+import { IFNumberFormat } from './type';
 export interface IFPropsDetail {
     dataError: any[];
     windowSize: any;

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

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

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

@@ -1,4 +1,4 @@
-import { IFNumberFormat } from './IType';
+import { IFNumberFormat } from './type';
 export interface IFPropsDetail {
     dataInvalid: any[];
     dataValid: any[];

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

@@ -0,0 +1,24 @@
+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;
+}
+export type IFNumberFormat = {
+    dateFormat?: string;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    colorNegative?: string;
+    prefixNegative?: string;
+    suffixNegative?: string;
+};

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

@@ -0,0 +1,22 @@
+import { IColumnTable, IFTableEditFormat } from "../type";
+type IContentColProps = {
+    col: IColumnTable;
+    row: any;
+    indexRow: number;
+    indexCol: number;
+    isSelected: boolean;
+    formatSetting?: IFTableEditFormat;
+    idTable: string;
+    selectedRows: any[];
+    objWidthFixLeft: any;
+    objWidthFixRight: any;
+    lastObjWidthFixLeft: number;
+    fisrtObjWidthFixRight: number;
+    selectEnable?: boolean;
+    isMulti?: boolean;
+    fieldKey: string;
+    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 {};

package/dist/component/table-view/group-col.d.ts

@@ -0,0 +1,6 @@
+import { IColumnTable } from "../type";
+type IFProps = {
+    contentColumns: IColumnTable[];
+};
+export declare const RenderColGroup: ({ contentColumns }: IFProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,32 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat } from "../type";
+import 'react-resizable/css/styles.css';
+type IFDataProps = {
+    idTable: string;
+    selectEnable: boolean;
+    dataSource: any[];
+    setSelectedRows: Dispatch<SetStateAction<any[]>>;
+    col: IColumnTable;
+    columns: IColumnTable[];
+    setColumns?: (columns: IColumnTable[]) => void;
+    changeFilter: (data: IFFilterTable[]) => void;
+    changeOrder: (data: IFOrderTable[]) => void;
+    indexCol: number;
+    indexParent: number;
+    objWidthFixLeft: any;
+    objWidthFixRight: any;
+    totalCount: number;
+    lastObjWidthFixLeft: number;
+    fisrtObjWidthFixRight: number;
+    selectedRows: any[];
+    isMulti: boolean;
+    allowFilter?: boolean;
+    allowOrder?: boolean;
+    filterBy: IFFilterTable[];
+    orderBy: IFOrderTable[];
+    container: any;
+    optionsFilter: any;
+    formatSetting?: IFTableEditFormat;
+};
+declare const HeaderTableCol: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderTableCol;

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

@@ -0,0 +1,29 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { IColumnsAgg, IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar } from '../type';
+type TableViewProps = {
+    idTable: string;
+    dataSource: any[];
+    rowHeight?: number;
+    height?: number;
+    columns: IColumnTable[];
+    selectEnable?: boolean;
+    isMutil?: boolean;
+    isLoading?: boolean;
+    formatSetting?: IFTableEditFormat;
+    allowFilter?: boolean;
+    allowOrder?: boolean;
+    optionsFilter?: any;
+    pagingSetting?: IFTableEditPaging;
+    toolbarSetting?: IFTableEditToolbar;
+    searchSetting?: IFTableEditSearchSetting;
+    columnsAggregate?: IColumnsAgg[];
+    selectedItem?: any;
+    setSelectedItem?: Dispatch<SetStateAction<any>>;
+    setColumns?: (columns: IColumnTable[]) => void;
+    commandClick?: (data: any) => void;
+    changeFilter?: (data: IFFilterTable[]) => void;
+    changeOrder?: (data: IFOrderTable[]) => void;
+    handleSelect?: (data: any) => void;
+};
+declare const TableView: React.FC<TableViewProps>;
+export { TableView };

package/dist/component/table-view/loading-item.d.ts

@@ -0,0 +1,4 @@
+export declare const SkeletonRow: ({ columns, rowHeight }: {
+    columns: number;
+    rowHeight: number;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,11 +2,14 @@ import { Dispatch, ReactNode, SetStateAction, JSX } from "react";
 import { UseFormGetValues, UseFormReset, UseFormSetValue } from "react-hook-form";
 /** Căn lề văn bản trong bảng */
 type ITextAlign = 'center' | 'left' | 'right';
-/** Loại chỉnh sửa của cột */
-type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'formInline' | 'color';
-/** Loại hiển thị của cột */
-type IViewType = 'text' | 'numeric' | 'datetime' | 'date' | 'checkbox' | '#' | 'command';
-/** Loại loc của cột */
+/**
+ * Loại cột hiển thị trong hệ thống.
+ *
+ * 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';
+/** Loại lọc của cột */
 type IFilterType = 'text' | 'numeric' | 'date' | 'select';
 /** Cấu hình thao tác trên cột */
 export type ICommandItem = {
@@ -140,7 +143,7 @@ export type IColumnTable = {
     /** Không cho phép thay đổi trạng thái ẩn/hiện */
     invisibleDisable?: boolean;
     /** Kiểu chỉnh sửa */
-    editType?: IEditType;
+    type?: IColumnType;
     /** Căn lề */
     textAlign?: ITextAlign;
     /** Cố định trái/phải */
@@ -174,11 +177,13 @@ 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 */
-    editTypeCondition?: (row: any) => string;
+    typeCondition?: (row: any) => string;
     /** Sự kiện khi paste dữ liệu */
     onPaste?: (dataRow: any, dataPaste: any) => void;
     /** Xác thực dữ liệu được paste */
     onPasteValidate?: (dataPaste: string, dataRow: any, rowIndex: number) => Promise<any>;
+    /**Không có tác dụng */
+    rowspan?: number;
 };
 /** Cấu hình phân trang */
 export type IFTableEditPaging = {
@@ -297,7 +302,7 @@ export type IHeaderColumnTable = {
     /** Cấu hình cho kiểu numeric */
     numericSettings?: ISettingNumericElement;
     /** Kiểu chỉnh sửa */
-    editType?: IEditType;
+    type?: IColumnType;
     /** Thứ tự cột */
     index?: number;
 };
@@ -359,55 +364,12 @@ export type FromItemsField = {
     /** Danh sách lựa chọn (chỉ áp dụng với loại 'select' và 'selectCreatable') */
     options?: any[];
 };
-export type IColumnsVirtualizedAgg = {
+export type IColumnsAgg = {
     field: string;
     value: any;
     /** Kiểu xem cột */
     type?: string;
 };
-/** Định nghĩa cột bảng ciew ảo*/
-export type IColumnVirtualizedTable = {
-    /** Tên thuộc tính */
-    field: string;
-    /** Tiêu đề hiển thị ở header */
-    headerText?: string;
-    /** Khóa chính */
-    isPrimarykey?: boolean;
-    /** Có tính tổng */
-    haveSum?: boolean;
-    /** Có tooltip */
-    haveToolTip?: boolean;
-    /** Chiều rộng cột */
-    width?: number | string;
-    /** Chiều rộng tối thiểu */
-    minWidth?: number | string;
-    /** Chiều rộng tối đa */
-    maxWidth?: number | string;
-    /** Có hiển thị không */
-    visible?: boolean;
-    /** Kiểu xem cột */
-    type?: IViewType;
-    /** Kiểu lọc cột */
-    filterType?: IFilterType;
-    /** Cho phép lọc cột */
-    allowFilter?: boolean;
-    /** Căn lề */
-    textAlign?: ITextAlign;
-    /** Cố định trái/phải */
-    fixedType?: 'left' | 'right' | undefined;
-    /** Danh sách thao tác */
-    commandItems?: ICommandItem[];
-    /** Cấu hình cho kiểu numeric */
-    numericSettings?: ISettingNumericElement;
-    /** Danh sách cột con */
-    columns?: IColumnTable[];
-    /** Điều kiện disable cột */
-    disabledCondition?: (row: any) => boolean;
-    /** Template hiển thị khi không ở chế độ edit */
-    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
-    /** Số dòng chiếm (rowspan) */
-    rowspan?: number;
-};
 export type IFOrderTable = {
     key: string;
     direction: 'asc' | 'desc';

package/dist/component/utils.d.ts

@@ -30,7 +30,7 @@ export declare const FindNodeByPath: (tree: any[], path: string) => {
  * @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: IColumnVirtualizedTable[]      // Danh sách cột phẳng
+ *   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

package/dist/index.d.ts

@@ -6,11 +6,14 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /** Căn lề văn bản trong bảng */
 type ITextAlign = 'center' | 'left' | 'right';
-/** Loại chỉnh sửa của cột */
-type IEditType = 'text' | 'numeric' | 'datetime' | 'selectTree' | 'date' | 'select' | 'checkbox' | 'form' | 'formInline' | 'color';
-/** Loại hiển thị của cột */
-type IViewType = 'text' | 'numeric' | 'datetime' | 'date' | 'checkbox' | '#' | 'command';
-/** Loại loc của cột */
+/**
+ * Loại cột hiển thị trong hệ thống.
+ *
+ * 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';
+/** Loại lọc của cột */
 type IFilterType = 'text' | 'numeric' | 'date' | 'select';
 /** Cấu hình thao tác trên cột */
 type ICommandItem = {
@@ -144,7 +147,7 @@ type IColumnTable = {
     /** Không cho phép thay đổi trạng thái ẩn/hiện */
     invisibleDisable?: boolean;
     /** Kiểu chỉnh sửa */
-    editType?: IEditType;
+    type?: IColumnType;
     /** Căn lề */
     textAlign?: ITextAlign;
     /** Cố định trái/phải */
@@ -178,11 +181,13 @@ 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 */
-    editTypeCondition?: (row: any) => string;
+    typeCondition?: (row: any) => string;
     /** Sự kiện khi paste dữ liệu */
     onPaste?: (dataRow: any, dataPaste: any) => void;
     /** Xác thực dữ liệu được paste */
     onPasteValidate?: (dataPaste: string, dataRow: any, rowIndex: number) => Promise<any>;
+    /**Không có tác dụng */
+    rowspan?: number;
 };
 /** Cấu hình phân trang */
 type IFTableEditPaging = {
@@ -301,7 +306,7 @@ type IHeaderColumnTable = {
     /** Cấu hình cho kiểu numeric */
     numericSettings?: ISettingNumericElement;
     /** Kiểu chỉnh sửa */
-    editType?: IEditType;
+    type?: IColumnType;
     /** Thứ tự cột */
     index?: number;
 };
@@ -363,55 +368,12 @@ type FromItemsField = {
     /** Danh sách lựa chọn (chỉ áp dụng với loại 'select' và 'selectCreatable') */
     options?: any[];
 };
-type IColumnsVirtualizedAgg = {
+type IColumnsAgg = {
     field: string;
     value: any;
     /** Kiểu xem cột */
     type?: string;
 };
-/** Định nghĩa cột bảng ciew ảo*/
-type IColumnVirtualizedTable = {
-    /** Tên thuộc tính */
-    field: string;
-    /** Tiêu đề hiển thị ở header */
-    headerText?: string;
-    /** Khóa chính */
-    isPrimarykey?: boolean;
-    /** Có tính tổng */
-    haveSum?: boolean;
-    /** Có tooltip */
-    haveToolTip?: boolean;
-    /** Chiều rộng cột */
-    width?: number | string;
-    /** Chiều rộng tối thiểu */
-    minWidth?: number | string;
-    /** Chiều rộng tối đa */
-    maxWidth?: number | string;
-    /** Có hiển thị không */
-    visible?: boolean;
-    /** Kiểu xem cột */
-    type?: IViewType;
-    /** Kiểu lọc cột */
-    filterType?: IFilterType;
-    /** Cho phép lọc cột */
-    allowFilter?: boolean;
-    /** Căn lề */
-    textAlign?: ITextAlign;
-    /** Cố định trái/phải */
-    fixedType?: 'left' | 'right' | undefined;
-    /** Danh sách thao tác */
-    commandItems?: ICommandItem[];
-    /** Cấu hình cho kiểu numeric */
-    numericSettings?: ISettingNumericElement;
-    /** Danh sách cột con */
-    columns?: IColumnTable[];
-    /** Điều kiện disable cột */
-    disabledCondition?: (row: any) => boolean;
-    /** Template hiển thị khi không ở chế độ edit */
-    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
-    /** Số dòng chiếm (rowspan) */
-    rowspan?: number;
-};
 type IFOrderTable = {
     key: string;
     direction: 'asc' | 'desc';
@@ -501,7 +463,7 @@ declare const FindNodeByPath: (tree: any[], path: string) => {
  * @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: IColumnVirtualizedTable[]      // Danh sách cột phẳng
+ *   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
@@ -729,12 +691,12 @@ type IFProps = {
 };
 declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;
 
-type VirtualTableProps = {
+type TableViewProps = {
     idTable: string;
     dataSource: any[];
     rowHeight?: number;
     height?: number;
-    columns: IColumnVirtualizedTable[];
+    columns: IColumnTable[];
     selectEnable?: boolean;
     isMutil?: boolean;
     isLoading?: boolean;
@@ -745,12 +707,15 @@ type VirtualTableProps = {
     pagingSetting?: IFTableEditPaging;
     toolbarSetting?: IFTableEditToolbar;
     searchSetting?: IFTableEditSearchSetting;
-    columnsAggregate?: IColumnsVirtualizedAgg[];
-    setColumns?: (columns: IColumnVirtualizedTable[]) => void;
+    columnsAggregate?: IColumnsAgg[];
+    selectedItem?: any;
+    setSelectedItem?: Dispatch<SetStateAction<any>>;
+    setColumns?: (columns: IColumnTable[]) => void;
     commandClick?: (data: any) => void;
     changeFilter?: (data: IFFilterTable[]) => void;
     changeOrder?: (data: IFOrderTable[]) => void;
+    handleSelect?: (data: any) => void;
 };
-declare const VirtualTable: React__default.FC<VirtualTableProps>;
+declare const TableView: React__default.FC<TableViewProps>;
 
-export { ExportExcelComponent, FindNodeByPath, type FromItemsField, type IColumnTable, type IColumnVirtualizedTable, type IColumnsVirtualizedAgg, type ICommandItem, type IFColumnSelectTable, type IFColumnSelectTableTree, type IFCurrentPage, type IFCurrentPageConfig, type IFFilterTable, type IFOrderTable, type IFPageSize, type IFPropsDetail, type IFTableEditButton, type IFTableEditFormat, type IFTableEditPaging, type IFTableEditSearchSetting, type IFTableEditToolbar, type IFTableSelectFormat, type IFTableTreeSelectFormat, type IFToolbarOptions, type IHeaderColumnTable, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, ImportExcelComponent, InputStyleComponent, SelectTable, SelectTableTree, TabsMenuComponent, VirtualTable, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
+export { ExportExcelComponent, FindNodeByPath, type FromItemsField, type IColumnTable, type IColumnsAgg, type ICommandItem, type IFColumnSelectTable, type IFColumnSelectTableTree, type IFCurrentPage, type IFCurrentPageConfig, type IFFilterTable, type IFOrderTable, type IFPageSize, type IFPropsDetail, type IFTableEditButton, type IFTableEditFormat, type IFTableEditPaging, type IFTableEditSearchSetting, type IFTableEditToolbar, type IFTableSelectFormat, type IFTableTreeSelectFormat, type IFToolbarOptions, type IHeaderColumnTable, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, ImportExcelComponent, InputStyleComponent, SelectTable, SelectTableTree, TableView, TabsMenuComponent, Wizard, calculateTableStructure, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };