react-table-edit 1.5.10 → 1.5.12

package/dist/component/icon/ExpandAll.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ExpandAllProps {
+    color?: string;
+    className?: string;
+    size?: number;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+}
+declare const ExpandAllIcon: React.FC<ExpandAllProps>;
+export default ExpandAllIcon;

package/dist/component/icon/GroupIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface GroupIconProps {
+    color?: string;
+    className?: string;
+    size?: number;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+}
+declare const GroupIcon: React.FC<GroupIconProps>;
+export default GroupIcon;

package/dist/component/icon/UnExpandAll.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface UnExpandAllProps {
+    color?: string;
+    className?: string;
+    size?: number;
+    onClick?: () => void;
+    style?: React.CSSProperties;
+}
+declare const UnExpandAllIcon: React.FC<UnExpandAllProps>;
+export default UnExpandAllIcon;

package/dist/component/input/input-date/index.d.ts

@@ -1,12 +1,15 @@
-import { ClipboardEvent } from 'react';
+import React, { ClipboardEvent } from 'react';
+import 'react-day-picker/dist/style.css';
 interface IFFormInput {
     id?: string;
-    dateFormat: string;
-    onChange: any;
+    dateFormat: 'dd/MM/yyyy' | 'dd/MM/yyyy HH:mm' | 'MM/yyyy';
     className?: string;
+    invalid?: boolean;
     value: Date;
+    container?: any;
+    onChange: (range: Date | undefined) => void;
     onKeyDown?: (e: React.KeyboardEvent<any>) => void | any;
     onPaste?: (e: ClipboardEvent<HTMLElement>) => void;
 }
-declare const DateInput: (props: IFFormInput) => import("react/jsx-runtime").JSX.Element;
-export default DateInput;
+declare const DatePicker: React.ForwardRefExoticComponent<IFFormInput & React.RefAttributes<unknown>>;
+export default DatePicker;

package/dist/component/input/input-date-gange/index.d.ts

@@ -0,0 +1,21 @@
+import React, { ClipboardEvent } from 'react';
+import 'react-day-picker/dist/style.css';
+interface IFDateRange {
+    id?: string;
+    dateFormat?: 'dd/MM/yyyy' | 'dd/MM/yyyy HH:mm' | 'MM/yyyy';
+    className?: string;
+    invalid?: boolean;
+    value?: {
+        from?: Date;
+        to?: Date;
+    };
+    container?: any;
+    onChange: (value: {
+        from?: Date | string;
+        to?: Date | string;
+    }) => void;
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void | any;
+    onPaste?: (e: ClipboardEvent<HTMLElement>) => void;
+}
+declare const DateRangePicker: React.ForwardRefExoticComponent<IFDateRange & React.RefAttributes<unknown>>;
+export default DateRangePicker;

package/dist/component/input/input-date-range/index.d.ts

@@ -0,0 +1,21 @@
+import React, { ClipboardEvent } from 'react';
+import 'react-day-picker/dist/style.css';
+interface IFDateRange {
+    id?: string;
+    dateFormat?: 'dd/MM/yyyy' | 'dd/MM/yyyy HH:mm' | 'MM/yyyy';
+    className?: string;
+    invalid?: boolean;
+    value?: {
+        from?: Date;
+        to?: Date;
+    };
+    container?: any;
+    onChange: (value: {
+        from?: Date | string;
+        to?: Date | string;
+    }) => void;
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void | any;
+    onPaste?: (e: ClipboardEvent<HTMLElement>) => void;
+}
+declare const DateRangePicker: React.ForwardRefExoticComponent<IFDateRange & React.RefAttributes<unknown>>;
+export default DateRangePicker;

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

@@ -1,5 +1,5 @@
-import React, { JSX } from "react";
-import { IFColumnSelectTable, IFTableSelectFormat } from "../type";
+import React, { JSX } from 'react';
+import { IFColumnSelectTable, IFTableSelectFormat } from '../type';
 type Props = {
     id?: string;
     value: any;

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, IFTableEditToolbar, IHeaderColumnTable } from "../type";
+import React, { Dispatch, MutableRefObject, SetStateAction } from 'react';
+import { ICellInfo, IColumnTable, IFFilterTable, IFOrderTable, IFTableEditButton, IFTableEditFormat, IFTableEditToolbar, IHeaderColumnTable } from '../type';
 interface TableComponentProps {
     idTable?: string;
     dataSource: any[];
@@ -56,7 +56,7 @@ interface TableComponentProps {
     handleCommandClick: (id: string, rowData: any, index: number) => void;
     handleDuplicate: () => void;
     handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>, row: any) => void;
-    onDuplicate?: ((newData: any, index: number) => void);
+    onDuplicate?: (newData: any, index: number) => void;
     setSelectedCell: Dispatch<SetStateAction<{
         minRow: number;
         maxRow: number;

package/dist/component/table/edit-element.d.ts

@@ -1,4 +1,4 @@
-import { IColumnTable, IFTableEditFormat } from "../type";
+import { IColumnTable, IFTableEditFormat } from '../type';
 interface RenderEditCellComponentProps {
     gridRef: any;
     row: any;

package/dist/component/table/filter-element.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch } from 'react';
+import 'react-resizable/css/styles.css';
+import { IColumnTable, IFFilterTable, IFTableEditFormat } from '../type';
+type IFilterProps = {
+    column: IColumnTable;
+    optionsFilter: any;
+    filterBy: IFFilterTable[];
+    setOpenFilter: Dispatch<boolean>;
+    formatSetting?: IFTableEditFormat;
+    changeFilter: (data: IFFilterTable[]) => void;
+};
+declare const FilterComponent: ({ optionsFilter, formatSetting, filterBy, setOpenFilter, changeFilter, column }: IFilterProps) => import("react/jsx-runtime").JSX.Element;
+export default FilterComponent;

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import 'react-resizable/css/styles.css';
-import { IFFilterTable, IFOrderTable, IFTableEditFormat, IHeaderColumnTable } from "../type";
+import { IFFilterTable, IFOrderTable, IFTableEditFormat, IHeaderColumnTable } from '../type';
 type IFDataProps = {
     idTable: string;
     selectEnable: boolean;

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

@@ -1,5 +1,5 @@
-import { Dispatch, SetStateAction } from "react";
-import { IColumnTable, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar } from "../type";
+import { Dispatch, SetStateAction } from 'react';
+import { IColumnTable, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar } from '../type';
 export type IFTableEditProps = {
     idTable?: string;
     dataSource: any[];

package/dist/component/table/toolbar-top.d.ts

@@ -1,4 +1,4 @@
-import { IFToolbarOptions } from "../type";
+import { IFToolbarOptions } from '../type';
 type IFDataProps = {
     toolbarTopOption?: IFToolbarOptions[];
 };

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

@@ -1,4 +1,4 @@
-import { IColumnTable, IFTableEditFormat } from "../type";
+import { IColumnTable, IFTableEditFormat } from '../type';
 type IContentColProps = {
     col: IColumnTable;
     row: any;

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import 'react-resizable/css/styles.css';
-import { IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat } from "../type";
+import { IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat } from '../type';
 type IFDataProps = {
     idTable: string;
     selectEnable: boolean;

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

@@ -37,7 +37,7 @@ type TableViewProps = {
     resetDefaultColumns?: () => void;
     saveSettingColumn?: (data: IFSettingColumns[]) => void;
     setSelectedItem?: Dispatch<SetStateAction<any>>;
-    setColumns?: (columns: IColumnTable[]) => void;
+    isMulti?: boolean;
     handleSelect?: (data: any) => void;
 };
 declare const TableView: React.FC<TableViewProps>;

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

@@ -1,16 +1,16 @@
-import { Dispatch, JSX, ReactNode, SetStateAction } from "react";
-import { UseFormGetValues, UseFormReset, UseFormSetValue } from "react-hook-form";
+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.
  */
-export 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 IFilterType = 'text' | 'numeric' | 'date' | 'select';
 export type ICellInfo = {
     /** index hàng */
     row: number;
@@ -32,9 +32,8 @@ export type ICommandItem = {
 };
 /** Cấu hình thanh công cụ (toolbar) */
 export type IFToolbarOptions = {
-    id?: string;
     /** Vị trí hiển thị (trái, phải, giữa) */
-    align: "left" | "right" | "center";
+    align: 'left' | 'right' | 'center';
     /** Template toolbar */
     template?: () => JSX.Element | string | number | undefined;
 };
@@ -47,7 +46,7 @@ export type IFSettingColumns = {
     /** Có hiển thị không */
     visible?: boolean;
     /** Cố định trái/phải */
-    fixedType?: "left" | "right";
+    fixedType?: 'left' | 'right';
     /** Chiều rộng cột */
     width?: number | string;
     /** Sắp xếp */
@@ -58,7 +57,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 */
@@ -143,7 +142,7 @@ export type ISettingNumericElement = {
 /** Định nghĩa cột bảng */
 export type IColumnTable = {
     /** Tên thuộc tính */
-    field: "#" | "checkbox" | "command" | string;
+    field: '#' | 'checkbox' | 'command' | string;
     /** Tên thuộc tính lọc*/
     fieldFilter?: string;
     /** Tiêu đề cột */
@@ -173,7 +172,7 @@ export type IColumnTable = {
     /** 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 */
@@ -322,7 +321,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 */
@@ -338,9 +337,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 */
@@ -376,7 +375,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') */
@@ -396,11 +395,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/component/utils.d.ts

@@ -1,4 +1,4 @@
-import { IFFilterTable, 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;
@@ -53,6 +53,6 @@ export declare const calculateTableStructure: (columns: any[], settingColumns?:
     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
-*/
+ * 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

@@ -5,16 +5,16 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TFunction } from 'react-i18next';
 
 /** 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';
 type ICellInfo = {
     /** index hàng */
     row: number;
@@ -36,9 +36,8 @@ type ICommandItem = {
 };
 /** Cấu hình thanh công cụ (toolbar) */
 type IFToolbarOptions = {
-    id?: string;
     /** Vị trí hiển thị (trái, phải, giữa) */
-    align: "left" | "right" | "center";
+    align: 'left' | 'right' | 'center';
     /** Template toolbar */
     template?: () => JSX.Element | string | number | undefined;
 };
@@ -51,7 +50,7 @@ type IFSettingColumns = {
     /** Có hiển thị không */
     visible?: boolean;
     /** Cố định trái/phải */
-    fixedType?: "left" | "right";
+    fixedType?: 'left' | 'right';
     /** Chiều rộng cột */
     width?: number | string;
     /** Sắp xếp */
@@ -62,7 +61,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 */
@@ -147,7 +146,7 @@ type ISettingNumericElement = {
 /** Định nghĩa cột bảng */
 type IColumnTable = {
     /** Tên thuộc tính */
-    field: "#" | "checkbox" | "command" | string;
+    field: '#' | 'checkbox' | 'command' | string;
     /** Tên thuộc tính lọc*/
     fieldFilter?: string;
     /** Tiêu đề cột */
@@ -177,7 +176,7 @@ type IColumnTable = {
     /** 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 */
@@ -326,7 +325,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 */
@@ -342,9 +341,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 */
@@ -380,7 +379,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') */
@@ -400,12 +399,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 = {
@@ -717,7 +716,7 @@ type TableViewProps = {
     resetDefaultColumns?: () => void;
     saveSettingColumn?: (data: IFSettingColumns[]) => void;
     setSelectedItem?: Dispatch<SetStateAction<any>>;
-    setColumns?: (columns: IColumnTable[]) => void;
+    isMulti?: boolean;
     handleSelect?: (data: any) => void;
 };
 declare const TableView: React__default.FC<TableViewProps>;
@@ -776,8 +775,8 @@ declare const calculateTableStructure: (columns: any[], settingColumns?: IFSetti
     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
-*/
+ * 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 = {
@@ -807,4 +806,4 @@ type IFProps = {
 declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;
 
 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 };
+export type { FromItemsField, ICellInfo, IColumnTable, IColumnType, IColumnsAgg, ICommandItem, IFColumnSelectTable, IFColumnSelectTableTree, IFCurrentPage, IFCurrentPageConfig, IFFilterTable, IFOrderTable, IFPageSize, IFSettingColumns, IFTableEditButton, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar, IFTableSelectFormat, IFTableTreeSelectFormat, IFToolbarOptions, IFilterType, IHeaderColumnTable, ISettingFormElement, ISettingNumericElement, ISettingSelectElement };