react-table-edit 1.4.56 → 1.4.68

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

@@ -30,8 +30,9 @@ type IFProps = {
      * @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
+     * @returns boolean: nếu trả ra true thì giá trị cho trường thì sẽ không được thiết lập lại
      */
-    handleValidate?: (item: any, ele: IFDataMapExcel, value: string) => void;
+    handleValidate?: (item: any, ele: IFDataMapExcel, value: string) => boolean | undefined;
     /**
      * API import Excel
      * @param params Tham số gửi lên server

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

@@ -22,6 +22,8 @@ export interface IFDataMapExcel {
     isRequired?: boolean;
     /** Độ rộng cột (pixel hoặc đơn vị tùy theo UI) */
     width?: number;
+    /** Template hiển thị */
+    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
 }
 export type IFNumberFormat = {
     dateFormat?: string;

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

@@ -12,7 +12,7 @@ interface CellContentComponentProps {
     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;
+    focusEditElementCell: (e: KeyboardEvent<any> | React.MouseEvent<HTMLDivElement, MouseEvent>, row: number, rol: number, isOpenDropDown?: boolean) => 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;

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

@@ -46,7 +46,7 @@ interface CellComponentProps {
     } | 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;
+    focusEditElementCell: (e: KeyboardEvent<any> | React.MouseEvent<HTMLDivElement, MouseEvent>, row: number, rol: number, isOpenDropDown?: boolean) => void;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     handleDataChange: (row: any, col: IColumnTable, indexRow: number) => void;
     changeDataSource: (data: any[]) => void;

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

@@ -49,6 +49,7 @@ interface TableComponentProps {
     haveSum?: boolean;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     setSelectedRows: Dispatch<SetStateAction<any[]>>;
+    setContentColumns: (col: any[]) => void;
     handleDataChange: (row: any, col: IColumnTable, indexRow: number) => void;
     changeDataSource: (newData: any[]) => void;
     handleCommandClick: (id: string, rowData: any, index: number) => void;
@@ -60,7 +61,6 @@ interface TableComponentProps {
     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>;
 }

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

@@ -8,9 +8,6 @@ type IFDataProps = {
     setSelectedRows: Dispatch<SetStateAction<any[]>>;
     col: IHeaderColumnTable;
     columns: IHeaderColumnTable[];
-    setColumns?: (columns: IHeaderColumnTable[]) => void;
-    changeFilter: (data: IFFilterTable[]) => void;
-    changeOrder: (data: IFOrderTable[]) => void;
     indexCol: number;
     indexParent: number;
     objHeaderWidthFixLeft: any;
@@ -27,6 +24,10 @@ type IFDataProps = {
     container: any;
     optionsFilter: any;
     formatSetting?: IFTableEditFormat;
+    setColumns?: (columns: IHeaderColumnTable[]) => void;
+    changeFilter: (data: IFFilterTable[]) => void;
+    setContentColumns: (col: any[]) => void;
+    changeOrder: (data: IFOrderTable[]) => void;
 };
 declare const HeaderTableCol: (props: IFDataProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderTableCol;

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

@@ -24,7 +24,12 @@ export type IFTableEditProps = {
     allowFilter?: boolean;
     allowOrder?: boolean;
     optionsFilter?: any;
-    settingColumns?: IFSettingColumns[];
+    settingColumns?: {
+        id?: string;
+        updatedDate?: Date;
+        updatedByName?: string;
+        value: IFSettingColumns[];
+    };
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;

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

@@ -1,8 +1,15 @@
-import { IColumnTable } from "../type";
+import { IColumnTable, IFSettingColumns } from "../type";
 export interface IFPropsDetail {
+    gridRef: any;
     column: IColumnTable[];
     setColumn: any;
     openSidebar: boolean;
+    settingColumns?: {
+        id?: string;
+        updatedDate?: Date;
+        updatedByName?: string;
+        value: IFSettingColumns[];
+    };
     handleSidebar: any;
     resetDefaultColumns?: () => void;
     formatSetting?: any;

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

@@ -49,6 +49,8 @@ export type IFSettingColumns = {
     fixedType?: "left" | "right";
     /** Chiều rộng cột */
     width?: number | string;
+    /** Sắp xếp */
+    sortOrder: number;
 };
 /** Cấu hình phần tử form khi dùng loại cột `form` */
 export type ISettingFormElement = {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { ReactNode, Dispatch, SetStateAction, JSX } from 'react';
+import React__default, { ReactNode, Dispatch, SetStateAction, JSX as JSX$1 } from 'react';
 import { UseFormSetValue, UseFormGetValues, UseFormReset } from 'react-hook-form';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TFunction } from 'react-i18next';
@@ -53,6 +53,8 @@ type IFSettingColumns = {
     fixedType?: "left" | "right";
     /** Chiều rộng cột */
     width?: number | string;
+    /** Sắp xếp */
+    sortOrder: number;
 };
 /** Cấu hình phần tử form khi dùng loại cột `form` */
 type ISettingFormElement = {
@@ -75,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.Element;
+    footerTemplate?: (rowData: any) => JSX$1.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 */
@@ -120,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.Element;
+    formatOptionLabel?: (ele: any) => JSX$1.Element;
     /** Component footer trong menu chọn */
-    footerComponent?: () => JSX.Element;
+    footerComponent?: () => JSX$1.Element;
     /** Load options động */
     loadOptions?: (keyword: string, callback: (rs: any[]) => void) => void;
     /** Sự kiện mở menu */
@@ -202,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.Element | string | number | undefined;
+    template?: (row: any, indexRow: number) => JSX$1.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 */
@@ -435,7 +437,12 @@ type IFTableEditProps = {
     allowFilter?: boolean;
     allowOrder?: boolean;
     optionsFilter?: any;
-    settingColumns?: IFSettingColumns[];
+    settingColumns?: {
+        id?: string;
+        updatedDate?: Date;
+        updatedByName?: string;
+        value: IFSettingColumns[];
+    };
     setSelectedItem?: Dispatch<SetStateAction<any>>;
     commandClick?: (data: any) => void;
     handleSelect?: (data: any) => void;
@@ -502,6 +509,8 @@ interface IFDataMapExcel {
     isRequired?: boolean;
     /** Độ rộng cột (pixel hoặc đơn vị tùy theo UI) */
     width?: number;
+    /** Template hiển thị */
+    template?: (row: any, indexRow: number) => JSX.Element | string | number | undefined;
 }
 type IFNumberFormat = {
     dateFormat?: string;
@@ -542,8 +551,9 @@ type IFProps$1 = {
      * @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
+     * @returns boolean: nếu trả ra true thì giá trị cho trường thì sẽ không được thiết lập lại
      */
-    handleValidate?: (item: any, ele: IFDataMapExcel, value: string) => void;
+    handleValidate?: (item: any, ele: IFDataMapExcel, value: string) => boolean | undefined;
     /**
      * API import Excel
      * @param params Tham số gửi lên server
@@ -600,14 +610,14 @@ type Props$1 = {
     showFooter?: boolean;
     formatSetting?: IFTableSelectFormat;
     component?: string | HTMLElement | React__default.RefObject<HTMLElement> | undefined;
-    formatOptionLabel?: (ele: any) => JSX.Element;
+    formatOptionLabel?: (ele: any) => JSX$1.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.Element;
+    footerComponent?: () => JSX$1.Element;
     onChange: (val: any) => void;
     compareFunction?: (row?: any) => boolean | undefined;
 };
@@ -764,10 +774,10 @@ declare const calculateTableStructure: (columns: any[], settingColumns?: IFSetti
 
 type IFSteps = {
     id: string;
-    content: JSX.Element;
-    subtitle?: JSX.Element | string;
-    title: JSX.Element | string;
-    icon?: JSX.Element | string;
+    content: JSX$1.Element;
+    subtitle?: JSX$1.Element | string;
+    title: JSX$1.Element | string;
+    icon?: JSX$1.Element | string;
     done?: boolean;
     loading?: boolean;
     disable?: boolean;
@@ -784,7 +794,7 @@ type IFProps = {
     heightContent?: number | string;
     widthContent?: number | string;
     type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
-    separator?: JSX.Element;
+    separator?: JSX$1.Element;
 };
 declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;