react-table-edit 1.4.35 → 1.4.37

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

@@ -30,6 +30,7 @@ type Props = {
     onCloseMenu?: () => void;
     footerComponent?: () => JSX.Element;
     onChange: (val: any) => void;
+    compareFunction?: (row?: any) => boolean | undefined;
 };
 declare const SelectTable: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
 export { SelectTable };

package/dist/component/sidebar-setting-column/index.d.ts

@@ -1,4 +1,4 @@
-import { IColumnTable } from '../type';
+import { IColumnTable } from "../type";
 export interface IFPropsDetail {
     column: IColumnTable[];
     setColumn: any;

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

@@ -32,6 +32,13 @@ export type IFTableEditProps = {
     dataSourceChange?: (data: any[]) => void;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     onDuplicate?: (newData: any, index: number) => void;
+    saveSettingColumn?: (data: {
+        field: string;
+        headerText?: string;
+        visible?: boolean;
+        fixedType?: "left" | "right";
+        width?: number | string;
+    }[]) => void;
 };
 type IFRef = {
     refeshFocusRow: any;

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

@@ -1,16 +1,16 @@
-import { Dispatch, ReactNode, SetStateAction, JSX } from "react";
+import { Dispatch, JSX, ReactNode, SetStateAction } 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';
+type ITextAlign = "center" | "left" | "right";
 /**
  * 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';
+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';
+type IFilterType = "text" | "numeric" | "date" | "select";
 /** Cấu hình thao tác trên cột */
 export type ICommandItem = {
     /** ID thao tác */
@@ -27,7 +27,7 @@ export type ICommandItem = {
 /** Cấu hình thanh công cụ (toolbar) */
 export type IFToolbarOptions = {
     /** Vị trí hiển thị (trái, phải, giữa) */
-    align: 'left' | 'right' | 'center';
+    align: "left" | "right" | "center";
     /** Template toolbar */
     template: any;
 };
@@ -36,7 +36,7 @@ export type ISettingFormElement = {
     /** Schema định nghĩa cấu trúc form */
     schema: any;
     /** Kích thước nhãn */
-    labelSize?: 'label-small' | 'label-medium' | 'label-large';
+    labelSize?: "label-small" | "label-medium" | "label-large";
     /** Chiều rộng popup form */
     menuWidth?: number;
     /** Chiều cao popup form */
@@ -104,6 +104,8 @@ export type ISettingSelectElement = {
     loadOptions?: (keyword: string, callback: (rs: any[]) => void) => void;
     /** Sự kiện mở menu */
     onOpenMenu?: (row: any, col: IColumnTable, indexRow: number) => void;
+    /** Tuỳ chỉnh xác định hàng được chọn */
+    compareFunction?: (rowOption?: any, rowData?: any) => boolean;
 };
 /** Cấu hình cho kiểu số */
 export type ISettingNumericElement = {
@@ -142,14 +144,12 @@ export type IColumnTable = {
     editEnable?: boolean;
     /** Có hiển thị không */
     visible?: boolean;
-    /** Không cho phép thay đổi trạng thái ẩn/hiện */
-    invisibleDisable?: boolean;
     /** Kiểu chỉnh sửa */
     type?: IColumnType;
     /** Căn lề */
     textAlign?: ITextAlign;
     /** Cố định trái/phải */
-    fixedType?: 'left' | 'right' | undefined;
+    fixedType?: "left" | "right" | undefined;
     /** Danh sách thao tác */
     commandItems?: ICommandItem[];
     /** Placeholder trong ô input */
@@ -302,7 +302,7 @@ export type IHeaderColumnTable = {
     /** Cho phép lọc cột */
     allowFilter?: boolean;
     /** Cố định trái/phải */
-    fixedType?: 'left' | 'right' | undefined;
+    fixedType?: "left" | "right" | undefined;
     /** Cấu hình cho kiểu numeric */
     numericSettings?: ISettingNumericElement;
     /** Kiểu chỉnh sửa */
@@ -318,9 +318,9 @@ export type IFColumnSelectTable = {
     /** Cờ cho phép hiển thị hoặc ẩn cột (mặc định là true) */
     visible?: boolean;
     /** Căn lề nội dung trong cột: trái, phải, giữa */
-    textAlign?: 'left' | 'right' | 'center';
+    textAlign?: "left" | "right" | "center";
     /** Loại dữ liệu của cột: văn bản, số, ngày, ngày giờ */
-    type?: 'text' | 'numeric' | 'date' | 'datetime';
+    type?: "text" | "numeric" | "date" | "datetime";
     /** Template tùy chỉnh nội dung hiển thị trong ô */
     template?: any;
     /** Điều kiện thay đổi kiểu dữ liệu của cột */
@@ -356,7 +356,7 @@ export type FromItemsField = {
     /** Nhãn hiển thị cho trường dữ liệu */
     label: string;
     /** Loại trường dữ liệu: văn bản, số, chọn, chọn có thể tạo mới */
-    type: 'text' | 'numeric' | 'select' | 'selectCreatable';
+    type: "text" | "numeric" | "select" | "selectCreatable";
     /** Trường có bị disable hay không (không cho chỉnh sửa) */
     disabled?: boolean;
     /** Số chữ số sau dấu phẩy (chỉ áp dụng với loại 'numeric') */
@@ -376,11 +376,11 @@ export type IColumnsAgg = {
 };
 export type IFOrderTable = {
     key: string;
-    direction: 'asc' | 'desc';
+    direction: "asc" | "desc";
 };
 export type IFFilterTable = {
     key: string;
     value: any;
-    ope: 'startswith' | 'endswith' | 'contains' | 'equal' | 'notequal' | 'greaterthan' | 'greaterthanorequal' | 'lessthan' | 'lessthanorequal';
+    ope: "startswith" | "endswith" | "contains" | "equal" | "notequal" | "greaterthan" | "greaterthanorequal" | "lessthan" | "lessthanorequal";
 };
 export {};

package/dist/index.d.ts

@@ -5,16 +5,16 @@ import { TFunction } from 'react-i18next';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /** Căn lề văn bản trong bảng */
-type ITextAlign = 'center' | 'left' | 'right';
+type ITextAlign = "center" | "left" | "right";
 /**
  * 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';
+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';
+type IFilterType = "text" | "numeric" | "date" | "select";
 /** Cấu hình thao tác trên cột */
 type ICommandItem = {
     /** ID thao tác */
@@ -31,7 +31,7 @@ type ICommandItem = {
 /** Cấu hình thanh công cụ (toolbar) */
 type IFToolbarOptions = {
     /** Vị trí hiển thị (trái, phải, giữa) */
-    align: 'left' | 'right' | 'center';
+    align: "left" | "right" | "center";
     /** Template toolbar */
     template: any;
 };
@@ -40,7 +40,7 @@ type ISettingFormElement = {
     /** Schema định nghĩa cấu trúc form */
     schema: any;
     /** Kích thước nhãn */
-    labelSize?: 'label-small' | 'label-medium' | 'label-large';
+    labelSize?: "label-small" | "label-medium" | "label-large";
     /** Chiều rộng popup form */
     menuWidth?: number;
     /** Chiều cao popup form */
@@ -108,6 +108,8 @@ type ISettingSelectElement = {
     loadOptions?: (keyword: string, callback: (rs: any[]) => void) => void;
     /** Sự kiện mở menu */
     onOpenMenu?: (row: any, col: IColumnTable, indexRow: number) => void;
+    /** Tuỳ chỉnh xác định hàng được chọn */
+    compareFunction?: (rowOption?: any, rowData?: any) => boolean;
 };
 /** Cấu hình cho kiểu số */
 type ISettingNumericElement = {
@@ -146,14 +148,12 @@ type IColumnTable = {
     editEnable?: boolean;
     /** Có hiển thị không */
     visible?: boolean;
-    /** Không cho phép thay đổi trạng thái ẩn/hiện */
-    invisibleDisable?: boolean;
     /** Kiểu chỉnh sửa */
     type?: IColumnType;
     /** Căn lề */
     textAlign?: ITextAlign;
     /** Cố định trái/phải */
-    fixedType?: 'left' | 'right' | undefined;
+    fixedType?: "left" | "right" | undefined;
     /** Danh sách thao tác */
     commandItems?: ICommandItem[];
     /** Placeholder trong ô input */
@@ -306,7 +306,7 @@ type IHeaderColumnTable = {
     /** Cho phép lọc cột */
     allowFilter?: boolean;
     /** Cố định trái/phải */
-    fixedType?: 'left' | 'right' | undefined;
+    fixedType?: "left" | "right" | undefined;
     /** Cấu hình cho kiểu numeric */
     numericSettings?: ISettingNumericElement;
     /** Kiểu chỉnh sửa */
@@ -322,9 +322,9 @@ type IFColumnSelectTable = {
     /** Cờ cho phép hiển thị hoặc ẩn cột (mặc định là true) */
     visible?: boolean;
     /** Căn lề nội dung trong cột: trái, phải, giữa */
-    textAlign?: 'left' | 'right' | 'center';
+    textAlign?: "left" | "right" | "center";
     /** Loại dữ liệu của cột: văn bản, số, ngày, ngày giờ */
-    type?: 'text' | 'numeric' | 'date' | 'datetime';
+    type?: "text" | "numeric" | "date" | "datetime";
     /** Template tùy chỉnh nội dung hiển thị trong ô */
     template?: any;
     /** Điều kiện thay đổi kiểu dữ liệu của cột */
@@ -360,7 +360,7 @@ type FromItemsField = {
     /** Nhãn hiển thị cho trường dữ liệu */
     label: string;
     /** Loại trường dữ liệu: văn bản, số, chọn, chọn có thể tạo mới */
-    type: 'text' | 'numeric' | 'select' | 'selectCreatable';
+    type: "text" | "numeric" | "select" | "selectCreatable";
     /** Trường có bị disable hay không (không cho chỉnh sửa) */
     disabled?: boolean;
     /** Số chữ số sau dấu phẩy (chỉ áp dụng với loại 'numeric') */
@@ -380,12 +380,12 @@ type IColumnsAgg = {
 };
 type IFOrderTable = {
     key: string;
-    direction: 'asc' | 'desc';
+    direction: "asc" | "desc";
 };
 type IFFilterTable = {
     key: string;
     value: any;
-    ope: 'startswith' | 'endswith' | 'contains' | 'equal' | 'notequal' | 'greaterthan' | 'greaterthanorequal' | 'lessthan' | 'lessthanorequal';
+    ope: "startswith" | "endswith" | "contains" | "equal" | "notequal" | "greaterthan" | "greaterthanorequal" | "lessthan" | "lessthanorequal";
 };
 
 type IFTableEditProps = {
@@ -420,6 +420,13 @@ type IFTableEditProps = {
     dataSourceChange?: (data: any[]) => void;
     rowChange?: (row: any, indexRow: number, field: string) => void;
     onDuplicate?: (newData: any, index: number) => void;
+    saveSettingColumn?: (data: {
+        field: string;
+        headerText?: string;
+        visible?: boolean;
+        fixedType?: "left" | "right";
+        width?: number | string;
+    }[]) => void;
 };
 type IFRef = {
     refeshFocusRow: any;
@@ -530,6 +537,7 @@ type Props$1 = {
     onCloseMenu?: () => void;
     footerComponent?: () => JSX.Element;
     onChange: (val: any) => void;
+    compareFunction?: (row?: any) => boolean | undefined;
 };
 declare const SelectTable: React__default.ForwardRefExoticComponent<Props$1 & React__default.RefAttributes<unknown>>;