es-grid-template 1.9.31 → 1.9.33

package/es/group-component/header/TableHeadCell2.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Table } from '@tanstack/react-table';
-import { type Header } from '@tanstack/react-table';
-import React from 'react';
+import type { Header } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadCellProps<T> {
     t?: any;
@@ -13,5 +13,5 @@ interface TableHeadCellProps<T> {
     rowSpan: number;
     depth: number;
 }
-declare const TableHeadCell2: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => React.JSX.Element;
+declare const TableHeadCell2: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => JSX.Element;
 export default TableHeadCell2;

package/es/group-component/header/TableHeadGroupCell.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Table } from '@tanstack/react-table';
-import { type Header } from '@tanstack/react-table';
-import React from 'react';
+import type { Header } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadCellProps<T> {
     t?: any;
@@ -13,5 +13,5 @@ interface TableHeadCellProps<T> {
     rowSpan: number;
     depth: number;
 }
-declare const TableHeadGroupCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => React.JSX.Element;
+declare const TableHeadGroupCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => JSX.Element;
 export default TableHeadGroupCell;

package/es/group-component/header/TableHeadRow.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Column } from '@tanstack/react-table';
-import { type HeaderGroup, type Table } from '@tanstack/react-table';
-import React from 'react';
+import type { HeaderGroup, Table } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadRowProps<T> {
     headerGroup: HeaderGroup<T>;
@@ -11,5 +11,5 @@ interface TableHeadRowProps<T> {
     fixedLeftColumns: Column<T, unknown>[];
     fixedRightColumns: Column<T, unknown>[];
 }
-declare const TableHeadRow: ({ table, headerGroup, columnVirtualizer, }: TableHeadRowProps<any>) => React.JSX.Element;
+declare const TableHeadRow: ({ table, headerGroup, columnVirtualizer, }: TableHeadRowProps<any>) => JSX.Element;
 export default TableHeadRow;

package/es/group-component/header/renderFilter.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import type { ColumnDef } from "@tanstack/react-table";
-import React from "react";
 import type { IFormat } from "../../grid-component/type";
 type RenderFilterProps<RecordType> = {
     column: ColumnDef<RecordType, unknown>;
@@ -17,5 +17,5 @@ type RenderFilterProps<RecordType> = {
     doFilter?: (type: boolean) => void;
     tableLocal: any;
 };
-export declare const renderFilter: <RecordType>(args: RenderFilterProps<RecordType>) => React.JSX.Element;
+export declare const renderFilter: <RecordType>(args: RenderFilterProps<RecordType>) => JSX.Element;
 export {};

package/es/group-component/hook/utils.d.ts

@@ -1,9 +1,9 @@
 import type { Row, Table } from "@tanstack/react-table";
-import { type Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 import type { VirtualItem } from "@tanstack/react-virtual";
 import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "./../../grid-component/type";
 import type { Key } from "react";
-import { type CSSProperties } from "react";
+import type { CSSProperties } from "react";
 import dayjs from "dayjs";
 import type { IPositionCell } from "../useContext";
 import type { ColumnDef } from "@tanstack/react-table";
@@ -194,10 +194,10 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
         value: any;
         rowData: RecordType;
     }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
-    onCellStyles?: Omit<CSSProperties, "position" | "left" | "right" | "display" | "width" | "minWidth"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "position" | "left" | "right" | "display" | "width" | "minWidth">);
-    onCellHeaderStyles?: Omit<CSSProperties, "position" | "left" | "right" | "display" | "width" | "minWidth"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "position" | "left" | "right" | "display" | "width" | "minWidth">);
+    onCellStyles?: Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display">);
+    onCellHeaderStyles?: Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display">);
     onCell?: (rowData: RecordType, index: number) => import("react").TdHTMLAttributes<HTMLTableCellElement>;
-    onCellFooterStyles?: Omit<CSSProperties, "position" | "left" | "right" | "display" | "width" | "minWidth"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "position" | "left" | "right" | "display" | "width" | "minWidth">);
+    onCellFooterStyles?: Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "width" | "minWidth" | "right" | "left" | "position" | "display">);
     getValue?: (row: any, rowIndex: number) => any;
     getCellProps?: (value: any, row: any, rowIndex: number) => import("./../../grid-component/type").CellProps;
     headerCellProps?: import("./../../grid-component/type").CellProps;

package/es/group-component/table/Grid.d.ts

@@ -1,7 +1,6 @@
 import type { ColumnDef, ColumnPinningState, ExpandedState, VisibilityState } from '@tanstack/react-table';
 import type { ColumnsTable, Sorter, TableProps } from '../../grid-component/type';
 import type { Dispatch, Key, SetStateAction } from 'react';
-import React from 'react';
 type Props<T> = Omit<TableProps<T>, 'columns'> & {
     id: string;
     rowKey: string;
@@ -29,5 +28,5 @@ type Props<T> = Omit<TableProps<T>, 'columns'> & {
     columnVisibility?: any;
     setColumnVisibility?: Dispatch<SetStateAction<any>>;
 };
-declare const Grid: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+declare const Grid: <RecordType extends object>(props: Props<RecordType>) => JSX.Element;
 export default Grid;

package/es/group-component/table/TableWrapper.d.ts

@@ -1,4 +1,4 @@
-import { type Table } from "@tanstack/react-table";
+import type { Table } from "@tanstack/react-table";
 import type { CommandClick, ContextInfo, ContextMenuItem, PaginationConfig } from "../../grid-component/type";
 import React from "react";
 import type { Virtualizer } from "@tanstack/react-virtual";
@@ -30,5 +30,5 @@ type Props<T> = {
     fixedLeftColumns: Column<T, unknown>[];
     fixedRightColumns: Column<T, unknown>[];
 };
-declare const TableWrapper: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+declare const TableWrapper: <RecordType extends object>(props: Props<RecordType>) => JSX.Element;
 export default TableWrapper;

package/es/table-component/ColumnsChoose.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { ColumnsTable, ColumnTable, GridTableLocale, Locale } from "./../grid-component/type";
 import type { ColumnDef, Table } from "@tanstack/react-table";
 export type IColumnsChoose<RecordType> = {
@@ -14,4 +14,4 @@ export type IColumnsChoose<RecordType> = {
     locale?: Locale;
     tableLocal: GridTableLocale;
 };
-export declare const ColumnsChoose: <RecordType extends object>(props: IColumnsChoose<RecordType>) => React.JSX.Element;
+export declare const ColumnsChoose: <RecordType extends object>(props: IColumnsChoose<RecordType>) => JSX.Element;

package/es/table-component/ContextMenu.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import type { ContextInfo, ContextMenuItem } from "./../grid-component/type";
 export declare const findItemByKey: (array: any[], key: string, value: any) => any;
 type Props<RecordType> = {
@@ -15,5 +15,5 @@ type Props<RecordType> = {
         viewportHeight: number;
     };
 };
-declare const ContextMenu: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+declare const ContextMenu: <RecordType extends object>(props: Props<RecordType>) => JSX.Element;
 export default ContextMenu;

package/es/table-component/InternalTable.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import 'react-resizable/css/styles.css';
 import 'dayjs/locale/es';
 import 'dayjs/locale/vi';
 import './style.scss';
 import type { TableProps } from './../grid-component/type';
-declare const InternalTable: <RecordType extends object>(props: TableProps<RecordType>) => React.JSX.Element;
+declare const InternalTable: <RecordType extends object>(props: TableProps<RecordType>) => JSX.Element;
 export default InternalTable;

package/es/table-component/InternalTable.js

@@ -195,6 +195,12 @@ const InternalTable = props => {
         },
         Pagination: {
           fontSize: 12
+        },
+        Dropdown: {
+          zIndexPopup: 1058
+        },
+        Popover: {
+          zIndexPopup: 1058
         }
       }
     }

package/es/table-component/TableContainer.d.ts

@@ -1,5 +1,4 @@
 import type { Dispatch, SetStateAction } from 'react';
-import React from 'react';
 import type { ColumnDef, ColumnSizingInfoState, ColumnSizingState, Table } from '@tanstack/react-table';
 import type { ColumnsTable, TableProps } from './../grid-component/type';
 type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
@@ -45,5 +44,5 @@ type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
     columnSizingInfo: ColumnSizingInfoState;
     columnSizing: ColumnSizingState;
 };
-declare const TableContainer: <RecordType extends object>(props: TableContainerProps<RecordType>) => React.JSX.Element;
+declare const TableContainer: <RecordType extends object>(props: TableContainerProps<RecordType>) => JSX.Element;
 export default TableContainer;

package/es/table-component/TableContainerEdit.d.ts

@@ -1,5 +1,4 @@
 import type { Dispatch, SetStateAction } from "react";
-import React from "react";
 import type { ColumnDef, ColumnSizingInfoState, ColumnSizingState, Table } from "@tanstack/react-table";
 import type { ColumnsTable, TableProps } from "./../grid-component/type";
 type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
@@ -44,5 +43,5 @@ type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
     columnSizing: ColumnSizingState;
     setIsExpandClick: Dispatch<SetStateAction<boolean>>;
 };
-declare const TableContainerEdit: <RecordType extends object>(props: TableContainerProps<RecordType>) => React.JSX.Element;
+declare const TableContainerEdit: <RecordType extends object>(props: TableContainerProps<RecordType>) => JSX.Element;
 export default TableContainerEdit;

package/es/table-component/body/EditableCell.d.ts

@@ -12,5 +12,5 @@ interface EditableCellProps<DataType> extends React.HTMLAttributes<HTMLElement>
     indexCol: number;
     cellEditing?: any;
 }
-declare const EditableCell: <T>(props: EditableCellProps<T>) => React.JSX.Element;
+declare const EditableCell: <T>(props: EditableCellProps<T>) => JSX.Element;
 export default EditableCell;

package/es/table-component/body/EditableCell.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from "react";
-import { DatePicker, TimePicker } from "rc-master-ui";
-import { Divider, Row, Col, Input, ColorPicker, Button } from "antd";
+import { DatePicker, TimePicker, ColorPicker } from "rc-master-ui";
+import { Divider, Row, Col, Input, Button } from "antd";
 import { checkDecimalSeparator, checkThousandSeparator, checkFieldKey, convertArrayWithIndent, convertDateToDayjs, convertLabelToTitle, getDatepickerFormat, isDisable, isEmpty, isNullOrUndefined, customWeekStartEndFormat, convertDayjsToDate, parseBooleanToValue, isColor, genPresets, getFormat, removeVietnameseTones } from "../hook/utils";
 import classNames from "classnames";
 import { NumericFormat } from "react-numeric-component";

package/es/table-component/body/TableBody.d.ts

@@ -1,4 +1,4 @@
-import { type Table } from "@tanstack/react-table";
+import type { Table } from "@tanstack/react-table";
 import type { CommandClick } from "../../grid-component/type";
 import React from "react";
 interface TableBodyProps<T> {
@@ -10,5 +10,5 @@ interface TableBodyProps<T> {
     showEmptyText?: boolean;
     [key: string]: any;
 }
-declare const TableBody: <RecordType extends object>({ columnVirtualizer, table, tableContainerRef, virtualPaddingLeft, virtualPaddingRight, fixedLeftColumns, fixedRightColumns, tableId, showEmptyText, ...rest }: TableBodyProps<RecordType>) => React.JSX.Element;
+declare const TableBody: <RecordType extends object>({ columnVirtualizer, table, tableContainerRef, virtualPaddingLeft, virtualPaddingRight, fixedLeftColumns, fixedRightColumns, tableId, showEmptyText, ...rest }: TableBodyProps<RecordType>) => JSX.Element;
 export default TableBody;

package/es/table-component/body/TableBody.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import TableBodyRow from "./TableBodyRow";
-// import type { Virtualizer } from "@tanstack/react-virtual";
 import { useVirtualizer } from "@tanstack/react-virtual";
-// import type { Dispatch, SetStateAction } from "react";
 import React, { Fragment } from "react";
 import { TableContext } from "../useContext";
 import { Empty } from "rc-master-ui";

package/es/table-component/body/TableBodyCell.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Cell, Table } from "@tanstack/react-table";
 import type { CommandClick } from "../../grid-component/type";
-import React from "react";
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 interface TableBodyCellProps<T> {
     table: Table<T>;
@@ -12,5 +12,5 @@ interface TableBodyCellProps<T> {
     virtualRow: VirtualItem;
     [key: string]: any;
 }
-declare const TableBodyCell: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => React.JSX.Element;
+declare const TableBodyCell: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => JSX.Element;
 export default TableBodyCell;

package/es/table-component/body/TableBodyCellEdit.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Cell, Table } from "@tanstack/react-table";
 import type { CommandClick } from "../../grid-component/type";
-import React from "react";
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
 interface TableBodyCellProps<T> {
     table: Table<T>;
@@ -13,5 +13,5 @@ interface TableBodyCellProps<T> {
     isRowEditable?: boolean;
     [key: string]: any;
 }
-declare const TableBodyCellEdit: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => React.JSX.Element;
+declare const TableBodyCellEdit: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => JSX.Element;
 export default TableBodyCellEdit;

package/es/table-component/body/TableBodyRow.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
-import { type Column, type Row, type Table } from "@tanstack/react-table";
+import type { Column, Row, Table } from "@tanstack/react-table";
 import type { CommandClick } from "../../grid-component/type";
-import React from "react";
 interface TableBodyRowProps<T> {
     tableId: string;
     table: Table<T>;
@@ -17,5 +17,5 @@ interface TableBodyRowProps<T> {
     editAble?: boolean;
     [key: string]: any;
 }
-declare const TableBodyRow: <RecordType extends object>({ tableId, table, columnVirtualizer, row, rowVirtualizer, virtualPaddingLeft, virtualPaddingRight, virtualRow, fixedLeftColumns, fixedRightColumns, commandClick, editAble, isEditing, contextMenuItems, onContextMenu, ...rest }: TableBodyRowProps<RecordType>) => React.JSX.Element;
+declare const TableBodyRow: <RecordType extends object>({ tableId, table, columnVirtualizer, row, rowVirtualizer, virtualPaddingLeft, virtualPaddingRight, virtualRow, fixedLeftColumns, fixedRightColumns, commandClick, editAble, isEditing, contextMenuItems, onContextMenu, ...rest }: TableBodyRowProps<RecordType>) => JSX.Element;
 export default TableBodyRow;

package/es/table-component/components/ControlCheckbox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { ColumnTable } from "../../grid-component/type";
 type Props = {
     column: ColumnTable;
@@ -9,5 +9,5 @@ type Props = {
     checked: boolean;
     editAble?: boolean;
 };
-declare const ControlCheckbox: (props: Props) => React.JSX.Element;
+declare const ControlCheckbox: (props: Props) => JSX.Element;
 export default ControlCheckbox;

package/es/table-component/components/EditForm/EditForm.d.ts

@@ -23,5 +23,5 @@ type Props = {
     onKeyDown?: (event: any) => void;
 };
 export declare const SelectStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditForm: (props: Props) => React.JSX.Element;
+export declare const EditForm: (props: Props) => JSX.Element;
 export {};

package/es/table-component/components/InputControl/InputControl.d.ts

@@ -1,5 +1,4 @@
 import type { HTMLInputTypeAttribute } from "react";
-import React from "react";
 interface IFFormInput {
     id?: any;
     control: any;
@@ -23,5 +22,5 @@ interface IFFormInput {
     t?: any;
     onKeyDown?: (event: any) => void;
 }
-declare const InputControl: (props: IFFormInput) => React.JSX.Element;
+declare const InputControl: (props: IFFormInput) => JSX.Element;
 export default InputControl;

package/es/table-component/components/async-select/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
 import type { SelectProps } from "rc-master-ui/es/select";
 import type { LoadOptionsArgs } from '../../../grid-component/type';
@@ -8,4 +8,4 @@ export interface DebounceSelectProps<OptionType extends BaseOptionType = Default
     defaultOptions?: OptionType[];
     rowData?: any;
 }
-export declare function AsyncSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, rowData, ...props }: DebounceSelectProps<OptionType>): React.JSX.Element;
+export declare function AsyncSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, rowData, ...props }: DebounceSelectProps<OptionType>): JSX.Element;

package/es/table-component/components/async-table-select/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
 import type { TableSelectProps } from "rc-master-ui";
 import type { LoadOptionsArgs } from '../../../grid-component/type';
@@ -8,4 +8,4 @@ export interface DebounceSelectProps<OptionType extends BaseOptionType = Default
     defaultOptions?: OptionType[];
     rowData?: any;
 }
-export declare function AsyncTableSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, columns, rowData, ...props }: DebounceSelectProps<OptionType>): React.JSX.Element;
+export declare function AsyncTableSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, columns, rowData, ...props }: DebounceSelectProps<OptionType>): JSX.Element;

package/es/table-component/components/checkbox-control/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 type OptionType = {
     value: any;
     label: string;
@@ -9,5 +9,5 @@ type Props<T> = {
     value: any[];
     onChange?: (value: any[]) => void;
 };
-declare const CheckboxControl: <T extends OptionType>(props: Props<T>) => React.JSX.Element;
+declare const CheckboxControl: <T extends OptionType>(props: Props<T>) => JSX.Element;
 export default CheckboxControl;

package/es/table-component/components/checkbox-filter/CheckboxFilter.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+/// <reference types="react" />
 import type { TableLocale } from "rc-master-ui/es/table/interface";
 type Props = {
     options: any[];
@@ -14,5 +14,5 @@ type Props = {
     locale?: TableLocale;
     filterMode?: 'menu' | 'tree';
 };
-declare const CheckboxFilter: (props: Props) => React.JSX.Element;
+declare const CheckboxFilter: (props: Props) => JSX.Element;
 export default CheckboxFilter;

package/es/table-component/components/checkbox-filter/FilterSearch.d.ts

@@ -8,5 +8,5 @@ interface FilterSearchProps<RecordType = AnyObject> {
     tablePrefixCls: string;
     locale?: TableLocale;
 }
-declare const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => React.JSX.Element;
+declare const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => JSX.Element;
 export default FilterSearch;

package/es/table-component/components/command/Command.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { CommandItem } from "../../../grid-component/type";
 type Props<T> = {
     id: string;
@@ -6,5 +6,5 @@ type Props<T> = {
     item: CommandItem;
     onClick: (e: any) => void;
 };
-declare const Command: <T extends object>(props: Props<T>) => React.JSX.Element;
+declare const Command: <T extends object>(props: Props<T>) => JSX.Element;
 export default Command;

package/es/table-component/components/number/index.d.ts

@@ -1,5 +1,4 @@
 import type { KeyboardEventHandler } from "react";
-import React from "react";
 import type { IFormat } from "../../../grid-component/type";
 type Props = {
     t?: any;
@@ -8,5 +7,5 @@ type Props = {
     onChange?: (values: any[]) => void;
     onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
 };
-declare const NumberInput: (props: Props) => React.JSX.Element;
+declare const NumberInput: (props: Props) => JSX.Element;
 export default NumberInput;

package/es/table-component/components/number-range/index.d.ts

@@ -1,5 +1,4 @@
 import type { KeyboardEventHandler } from "react";
-import React from "react";
 import type { IFormat } from "../../../grid-component/type";
 type Props = {
     t?: any;
@@ -9,5 +8,5 @@ type Props = {
     onChange?: (values: any[]) => void;
     onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
 };
-declare const NumberRange: (props: Props) => React.JSX.Element;
+declare const NumberRange: (props: Props) => JSX.Element;
 export default NumberRange;

package/es/table-component/footer/TableFooter.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { Table } from "@tanstack/react-table";
-import React from "react";
 interface TableFooterProps<T> {
     table: Table<T>;
 }
-declare const TableFooter: <RecordType extends object>({ table, }: TableFooterProps<RecordType>) => React.JSX.Element;
+declare const TableFooter: <RecordType extends object>({ table, }: TableFooterProps<RecordType>) => JSX.Element;
 export default TableFooter;

package/es/table-component/footer/TableFooterCell.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { Column } from "@tanstack/react-table";
-import React from "react";
 interface TableFooterCellProps<T> {
     column: Column<T, any>;
 }
-declare const TableFooterCell: <RecordType extends object>({ column }: TableFooterCellProps<RecordType>) => React.JSX.Element;
+declare const TableFooterCell: <RecordType extends object>({ column }: TableFooterCellProps<RecordType>) => JSX.Element;
 export default TableFooterCell;

package/es/table-component/footer/TableFooterRow.d.ts

@@ -1,8 +1,8 @@
+/// <reference types="react" />
 import type { HeaderGroup, Table } from "@tanstack/react-table";
-import React from "react";
 interface TableFooterRowProps<T> {
     table: Table<T>;
     headerGroup: HeaderGroup<T>;
 }
-declare const TableFooterRow: <RecordType extends object>({ table, headerGroup, }: TableFooterRowProps<RecordType>) => React.JSX.Element;
+declare const TableFooterRow: <RecordType extends object>({ table, headerGroup, }: TableFooterRowProps<RecordType>) => JSX.Element;
 export default TableFooterRow;

package/es/table-component/header/TableHead.d.ts

@@ -1,6 +1,6 @@
 import type { Column } from '@tanstack/react-table';
-import { type Table } from '@tanstack/react-table';
-import { type Virtualizer } from '@tanstack/react-virtual';
+import type { Table } from '@tanstack/react-table';
+import type { Virtualizer } from '@tanstack/react-virtual';
 import React from 'react';
 interface TableHeadProps<T> {
     tableContainerRef: React.RefObject<HTMLDivElement>;
@@ -11,5 +11,5 @@ interface TableHeadProps<T> {
     fixedLeftColumns: Column<T, unknown>[];
     fixedRightColumns: Column<T, unknown>[];
 }
-declare const TableHead: <RecordType extends object>({ columnVirtualizer, table, }: TableHeadProps<RecordType>) => React.JSX.Element;
+declare const TableHead: <RecordType extends object>({ columnVirtualizer, table, }: TableHeadProps<RecordType>) => JSX.Element;
 export default TableHead;

package/es/table-component/header/TableHeadCell.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Table } from '@tanstack/react-table';
-import { type Header } from '@tanstack/react-table';
-import React from 'react';
+import type { Header } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadCellProps<T> {
     t?: any;
@@ -11,5 +11,5 @@ interface TableHeadCellProps<T> {
     colSpan: any;
     rowSpan: any;
 }
-declare const TableHeadCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => React.JSX.Element;
+declare const TableHeadCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => JSX.Element;
 export default TableHeadCell;

package/es/table-component/header/TableHeadCell2.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Table } from '@tanstack/react-table';
-import { type Header } from '@tanstack/react-table';
-import React from 'react';
+import type { Header } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadCellProps<T> {
     t?: any;
@@ -13,5 +13,5 @@ interface TableHeadCellProps<T> {
     rowSpan: number;
     depth: number;
 }
-declare const TableHeadCell2: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => React.JSX.Element;
+declare const TableHeadCell2: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => JSX.Element;
 export default TableHeadCell2;

package/es/table-component/header/TableHeadGroupCell.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Table } from '@tanstack/react-table';
-import { type Header } from '@tanstack/react-table';
-import React from 'react';
+import type { Header } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadCellProps<T> {
     t?: any;
@@ -13,5 +13,5 @@ interface TableHeadCellProps<T> {
     rowSpan: number;
     depth: number;
 }
-declare const TableHeadGroupCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => React.JSX.Element;
+declare const TableHeadGroupCell: <RecordType extends object>(props: TableHeadCellProps<RecordType>) => JSX.Element;
 export default TableHeadGroupCell;

package/es/table-component/header/TableHeadRow.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import type { Column } from '@tanstack/react-table';
-import { type HeaderGroup, type Table } from '@tanstack/react-table';
-import React from 'react';
+import type { HeaderGroup, Table } from '@tanstack/react-table';
 import type { Virtualizer } from '@tanstack/react-virtual';
 interface TableHeadRowProps<T> {
     headerGroup: HeaderGroup<T>;
@@ -11,5 +11,5 @@ interface TableHeadRowProps<T> {
     fixedLeftColumns: Column<T, unknown>[];
     fixedRightColumns: Column<T, unknown>[];
 }
-declare const TableHeadRow: ({ table, headerGroup, columnVirtualizer, }: TableHeadRowProps<any>) => React.JSX.Element;
+declare const TableHeadRow: ({ table, headerGroup, columnVirtualizer, }: TableHeadRowProps<any>) => JSX.Element;
 export default TableHeadRow;

package/es/table-component/header/renderFilter.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import type { ColumnDef } from "@tanstack/react-table";
-import React from "react";
 import type { IFormat } from "../../grid-component/type";
 type RenderFilterProps<RecordType> = {
     column: ColumnDef<RecordType, unknown>;
@@ -19,5 +19,5 @@ type RenderFilterProps<RecordType> = {
     prevFilterValue?: string[];
     triggerVisible?: (visible: boolean) => void;
 };
-export declare const renderFilter: <RecordType>(args: RenderFilterProps<RecordType>) => React.JSX.Element;
+export declare const renderFilter: <RecordType>(args: RenderFilterProps<RecordType>) => JSX.Element;
 export {};

package/es/table-component/hook/utils.d.ts

@@ -1,9 +1,9 @@
 import type { Row, Table } from "@tanstack/react-table";
-import { type Column } from "@tanstack/react-table";
+import type { Column } from "@tanstack/react-table";
 import type { VirtualItem } from "@tanstack/react-virtual";
 import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterItem, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "./../../grid-component/type";
 import type { Key } from "react";
-import { type CSSProperties } from "react";
+import type { CSSProperties } from "react";
 import dayjs from "dayjs";
 import type { IPositionCell } from "../useContext";
 import type { ColumnDef } from "@tanstack/react-table";

package/es/table-component/style.scss

@@ -335,6 +335,14 @@ $cell-index-focus-bg-Dark: #E6EFFD !default;
             }
           }
 
+          .ui-rc-color-picker-trigger {
+            width: 100%;
+            border-radius: 0;
+            .ui-rc-color-picker-color-block {
+              width: 100%;
+            }
+          }
+
           textarea.ant-input {
             line-height: 1.8;
           }

package/es/table-component/table/Grid.d.ts

@@ -1,7 +1,6 @@
 import type { ColumnDef, ColumnPinningState, ExpandedState, VisibilityState } from '@tanstack/react-table';
 import type { ColumnsTable, Sorter, TableProps } from '../../grid-component/type';
 import type { Dispatch, Key, SetStateAction } from 'react';
-import React from 'react';
 type Props<T> = Omit<TableProps<T>, 'columns'> & {
     id: string;
     rowKey: string;
@@ -27,5 +26,5 @@ type Props<T> = Omit<TableProps<T>, 'columns'> & {
     isDataTree: boolean;
     mergedSelectedKeys: Key[];
 };
-declare const Grid: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
+declare const Grid: <RecordType extends object>(props: Props<RecordType>) => JSX.Element;
 export default Grid;