react-table-edit 1.5.9 → 1.5.11

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/sidebar-setting-column/index.d.ts

@@ -4,8 +4,6 @@ export interface IFPropsDetail {
     setColumn: any;
     openSidebar: boolean;
     handleSidebar: any;
-    resetDefaultColumns?: () => void;
-    formatSetting?: any;
 }
 declare const SidebarSetColumn: (props: IFPropsDetail) => import("react/jsx-runtime").JSX.Element;
 export default SidebarSetColumn;

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/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,6 +1,8 @@
+import { Dispatch, SetStateAction } from "react";
 import { IFToolbarOptions } from "../type";
 type IFDataProps = {
     toolbarTopOption?: IFToolbarOptions[];
+    setOpenPopupSetupColumn: Dispatch<SetStateAction<boolean>>;
 };
-declare const RenderToolbarTop: ({ toolbarTopOption }: IFDataProps) => import("react/jsx-runtime").JSX.Element;
+declare const RenderToolbarTop: ({ toolbarTopOption, setOpenPopupSetupColumn }: IFDataProps) => import("react/jsx-runtime").JSX.Element;
 export default RenderToolbarTop;

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/tree-table/key-handlers.d.ts

@@ -12,7 +12,7 @@ export interface KeyHandlerParams {
     pagingClient?: boolean;
     totalCount: number;
     columnLastEdit: number;
-    moveIndexRowToNewPage: () => void;
+    addMoveNewCell: () => void;
     editDisable?: boolean;
     addDisable?: boolean;
     handleDuplicate: () => void;
@@ -22,10 +22,10 @@ export interface KeyHandlerParams {
     getNewParents: (parent: string, index: number) => string;
     fieldChildren?: string;
 }
-export declare const handleArrowRight: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleArrowLeft: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleArrowUp: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleArrowDown: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleTab: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleEnter: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
-export declare const handleCtrlD: (e: KeyboardEvent<any>, params: KeyHandlerParams) => string | undefined;
+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) => "" | undefined;
+export declare const handleTab: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;
+export declare const handleEnter: (e: KeyboardEvent<any>, params: KeyHandlerParams) => "" | undefined;
+export declare const handleCtrlD: (e: KeyboardEvent<any>, params: KeyHandlerParams) => void;

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;
@@ -34,7 +34,7 @@ export type ICommandItem = {
 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 +47,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 +58,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 +143,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 +173,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 +322,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 +338,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 +376,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 +396,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 * 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;
@@ -38,7 +38,7 @@ type ICommandItem = {
 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 +51,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 +62,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 +147,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 +177,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 +326,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 +342,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 +380,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 +400,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 = {
@@ -807,4 +807,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 };