es-grid-template 1.9.31 → 1.9.33

package/assets/index.css

@@ -631,6 +631,9 @@
   margin: 0;
 }
 
+.ui-rc-table-wrapper .ui-rc-table .ui-rc-pagination {
+  border-bottom: 1px solid #e0e0e0;
+}
 .ui-rc-table-wrapper .ui-rc-table .ui-rc-pagination::before {
   content: "";
   position: absolute;
@@ -656,9 +659,6 @@
 .ui-rc-table-wrapper .ui-rc-table .ui-rc-pagination.top-pagination .ui-rc-pagination-total-text {
   margin-left: auto;
 }
-.ui-rc-table-wrapper .ui-rc-table .ui-rc-pagination {
-  border-bottom: 1px solid #e0e0e0;
-}
 
 .ui-rc-pagination .ui-rc-pagination-total-text {
   white-space: nowrap;

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

@@ -1,5 +1,5 @@
-import React from "react";
+/// <reference types="react" />
 import './base-table/styles.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/ali-table/base-table/colgroup.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import type { VisibleColumnDescriptor } from './interfaces';
 export declare function Colgroup({ descriptors }: {
     descriptors: VisibleColumnDescriptor[];
-}): React.JSX.Element;
+}): JSX.Element;

package/es/ali-table/base-table/empty.d.ts

@@ -9,4 +9,4 @@ export interface EmptyTableProps {
     }>;
     locale?: any;
 }
-export declare function EmptyHtmlTable({ descriptors, isLoading, emptyCellHeight, EmptyContent, locale, }: EmptyTableProps): React.JSX.Element;
+export declare function EmptyHtmlTable({ descriptors, isLoading, emptyCellHeight, EmptyContent, locale, }: EmptyTableProps): JSX.Element;

package/es/ali-table/base-table/header.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import type { RenderInfo } from './interfaces';
 export default function TableHeader({ info }: {
     info: RenderInfo;
-}): React.JSX.Element;
+}): JSX.Element;

package/es/ali-table/base-table/html-table.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { RenderInfo } from './interfaces';
 import type { BaseTableProps } from './table';
 import type { CommandClick, IFormat } from '../../grid-component/type';
@@ -17,4 +17,4 @@ export interface HtmlTableProps extends Required<Pick<BaseTableProps, 'getRowPro
         limit: number;
     };
 }
-export declare function HtmlTable({ tbodyHtmlTag, getRowProps, primaryKey, data, originData, format, commandClick, id, verticalRenderInfo: verInfo, horizontalRenderInfo: hozInfo, components: { Row, Cell, TableBody }, }: HtmlTableProps): React.JSX.Element;
+export declare function HtmlTable({ tbodyHtmlTag, getRowProps, primaryKey, data, originData, format, commandClick, id, verticalRenderInfo: verInfo, horizontalRenderInfo: hozInfo, components: { Row, Cell, TableBody }, }: HtmlTableProps): JSX.Element;

package/es/ali-table/base-table/loading.d.ts

@@ -10,5 +10,5 @@ interface LoadingProps {
     LoadingContentWrapper?: React.ComponentType<LoadingContentWrapperProps>;
     LoadingIcon?: React.ComponentType;
 }
-export default function Loading({ visible, children, LoadingContentWrapper, LoadingIcon, }: LoadingProps): React.JSX.Element;
+export default function Loading({ visible, children, LoadingContentWrapper, LoadingIcon, }: LoadingProps): JSX.Element;
 export {};

package/es/ali-table/base-table/renderFilter.d.ts

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

package/es/ali-table/base-table/table.d.ts

@@ -166,7 +166,7 @@ export declare class BaseTable extends React.Component<BaseTableProps, BaseTable
     private renderTableFooter;
     private renderLockShadows;
     private renderStickyScroll;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
     componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<BaseTableProps>, prevState: Readonly<BaseTableState>): void;
     private didMountOrUpdate;

package/es/ali-table/common-views.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const InlineFlexCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ExpansionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+export declare const ExpansionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 }, never>> & string;
 interface IconProps extends React.SVGProps<SVGElement> {
@@ -12,10 +12,10 @@ interface IconProps extends React.SVGProps<SVGElement> {
     xmlns?: string;
     ref?: any;
 }
-declare function CaretDownIcon(props: IconProps): React.JSX.Element;
-declare function InfoIcon(props: IconProps): React.JSX.Element;
-declare function CaretRightIcon(props: IconProps): React.JSX.Element;
-declare function LoadingIcon(props: IconProps): React.JSX.Element;
+declare function CaretDownIcon(props: IconProps): JSX.Element;
+declare function InfoIcon(props: IconProps): JSX.Element;
+declare function CaretRightIcon(props: IconProps): JSX.Element;
+declare function LoadingIcon(props: IconProps): JSX.Element;
 export declare const icons: {
     Loading: typeof LoadingIcon;
     CaretDown: typeof CaretDownIcon;

package/es/ali-table/pipeline/features/ColumnsChoose.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { ColumnsTable, ColumnTable, GridTableLocale, Locale } from "../../../grid-component/type";
 export type IColumnsChoose<RecordType> = {
     id: string;
@@ -11,4 +11,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/ali-table/utils/convertColumnsChoose.d.ts

@@ -1,5 +1,5 @@
-import { TreeDataNode } from "antd";
-import { ColumnTable } from "../../grid-component";
+import type { TreeDataNode } from "antd";
+import type { ColumnTable } from "../../grid-component";
 export declare function convertColumnsToTreeData(columns: ColumnTable[], groupColumns?: string[], t?: any): TreeDataNode[];
 export declare function filterColumnsByField(columns: ColumnTable[], fieldList: string[]): ColumnTable[];
 export declare function filterVisibleColumns(columns: ColumnTable[]): ColumnTable[];

package/es/global.d.ts

@@ -0,0 +1,3 @@
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.css';

package/es/grid-component/LoadingSpinner.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-declare const ComponentSpinner: () => React.JSX.Element;
+/// <reference types="react" />
+declare const ComponentSpinner: () => JSX.Element;
 export default ComponentSpinner;

package/es/grid-component/TempTable.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { TableProps } from "../grid-component";
-declare const TempTable: <RecordType extends object>(props: TableProps<RecordType>) => React.JSX.Element;
+declare const TempTable: <RecordType extends object>(props: TableProps<RecordType>) => JSX.Element;
 export default TempTable;

package/es/grid-component/control/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/group-component/ColumnsChoose.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { ColumnsTable, ColumnTable } from "./../grid-component/type";
 import type { ColumnDef } from "@tanstack/react-table";
 export type IColumnsChoose<RecordType> = {
@@ -11,4 +11,4 @@ export type IColumnsChoose<RecordType> = {
     columnHidden: any;
     id: any;
 };
-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/group-component/ColumnsGroup/ColumnsGroup.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 type IColumnsGroup = {
     id: string;
     tableLocal?: any;
@@ -10,5 +10,5 @@ type IColumnsGroup = {
     unClearableLevel?: number;
     defaultGroupColumns?: string[];
 };
-export declare const ColumnsGroup: (props: IColumnsGroup) => React.JSX.Element;
+export declare const ColumnsGroup: (props: IColumnsGroup) => JSX.Element;
 export {};

package/es/group-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 '../table-component';
 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/group-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'> & {
     columnSizing: ColumnSizingState;
     triggerGroupColumns?: (groupedColumns: string[]) => void;
 };
-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/group-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;
     triggerGroupColumns?: (groupedColumns: string[]) => void;
 };
-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/group-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/group-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/group-component/body/TableBody.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+// import { type Row, type Table } from "@tanstack/react-table"
+
 import TableBodyRow from "./TableBodyRow";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import React, { Fragment } from "react";

package/es/group-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";
 interface TableBodyCellProps<T> {
     table: Table<T>;
     tableId: string;
@@ -8,5 +8,5 @@ interface TableBodyCellProps<T> {
     commandClick?: (args: CommandClick<T>) => void;
     [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/group-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/group-component/body/TableBodyCellEmpty.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";
 interface TableBodyCellProps<T> {
     table: Table<T>;
     tableId: string;
@@ -8,5 +8,5 @@ interface TableBodyCellProps<T> {
     commandClick?: (args: CommandClick<T>) => void;
     [key: string]: any;
 }
-declare const TableBodyCellEmpty: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => React.JSX.Element;
+declare const TableBodyCellEmpty: <RecordType extends object>(props: TableBodyCellProps<RecordType>) => JSX.Element;
 export default TableBodyCellEmpty;

package/es/group-component/body/TableBodyCellEmpty.js

@@ -1,4 +1,5 @@
-import ReactDOMServer from 'react-dom/server';
+// import ReactDOMServer from 'react-dom/server'
+
 import { getCommonPinningStyles } from "../hook/utils";
 import classNames from "classnames";
 import React from "react";
@@ -22,14 +23,19 @@ const TableBodyCellEmpty = props => {
     setIsSelecting,
     setIsPasting
   } = React.useContext(TableContext);
-  const [isOpenTooltip, setIsOpenTooltip] = React.useState(false);
+
+  // const [isOpenTooltip, setIsOpenTooltip] = React.useState(false)
+
   const record = cell.row.original;
   const columnMeta = cell.column.columnDef.meta ?? {};
   const cellStyles = typeof columnMeta.onCellStyles === 'function' ? columnMeta.onCellStyles(cell.getValue(), cell) : columnMeta.onCellStyles;
-  const tooltipContent = isOpenTooltip === false ? '' : columnMeta?.tooltipDescription ? typeof columnMeta.tooltipDescription === 'function' ? columnMeta.tooltipDescription({
-    value: cell.getValue(),
-    rowData: record
-  }) : columnMeta.tooltipDescription : columnMeta.template && typeof columnMeta.template !== 'function' ? columnMeta.template : cell.getValue();
+
+  // const tooltipContent = (isOpenTooltip === false)
+  //   ? ''
+  //   : columnMeta?.tooltipDescription
+  //     ? (typeof columnMeta.tooltipDescription === 'function' ? columnMeta.tooltipDescription({ value: cell.getValue(), rowData:record }) : columnMeta.tooltipDescription)
+  //     : (columnMeta.template && typeof columnMeta.template !== 'function') ? columnMeta.template : cell.getValue()
+
   const allRows = table.getRowModel().flatRows;
   const rowNumber = allRows.findIndex(it => it.id === cell.row.id);
   const colIndex = cell.column.getIndex();
@@ -50,8 +56,8 @@ const TableBodyCellEmpty = props => {
     "data-col-key": cell.column.id
     // data-row-key={cell.row.id}
     ,
-    "data-tooltip-id": `${id}-tooltip-content`,
-    "data-tooltip-html": ReactDOMServer.renderToStaticMarkup( /*#__PURE__*/React.createElement(React.Fragment, null, tooltipContent))
+    "data-tooltip-id": `${id}-tooltip-content`
+    // data-tooltip-html={ReactDOMServer.renderToStaticMarkup(<>{tooltipContent}</>)}
     // data-tooltip-delay-show={500}
     ,
 
@@ -77,7 +83,8 @@ const TableBodyCellEmpty = props => {
     },
     onMouseEnter: e => {
       if (e.target.firstChild?.clientWidth < e.target.firstChild?.scrollWidth) {
-        setIsOpenTooltip(true);
+
+        // setIsOpenTooltip(true)
       }
       setIsSelecting?.(false);
       setIsPasting?.(false);

package/es/group-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/group-component/body/TableBodyRowGroupCell.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";
 interface TableBodyCellProps<T> {
     table: Table<T>;
     tableId: string;
@@ -8,5 +8,5 @@ interface TableBodyCellProps<T> {
     commandClick?: (args: CommandClick<T>) => void;
     [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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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/group-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;