@etsoo/react 1.5.75 → 1.5.78

package/lib/mu/SearchOptionGroup.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { IdLabelDto } from '@etsoo/appscript';
 import { DataTypes } from '@etsoo/shared';
 import { OptionGroupProps } from './OptionGroup';
 /**
@@ -7,4 +6,4 @@ import { OptionGroupProps } from './OptionGroup';
  * @param props Props
  * @returns Component
  */
-export declare function SearchOptionGroup<T extends Record<string, any> = IdLabelDto, D extends DataTypes.IdType = string>(props: OptionGroupProps<T, D>): JSX.Element;
+export declare function SearchOptionGroup<T extends object = DataTypes.IdLabelItem, D extends DataTypes.Keys<T> = DataTypes.Keys<T>>(props: OptionGroupProps<T, D>): JSX.Element;

package/lib/mu/SelectBool.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { IdLabelDto } from '@etsoo/appscript';
+import { DataTypes } from '@etsoo/shared';
 import { SelectExProps } from './SelectEx';
 /**
  * SelectBool props
  */
-export interface SelectBoolProps extends Omit<SelectExProps<IdLabelDto<string>>, 'options' | 'loadData'> {
+export interface SelectBoolProps extends Omit<SelectExProps<DataTypes.IdLabelItem<string>>, 'options' | 'loadData'> {
 }
 /**
  * SelectBool (yes/no)

package/lib/mu/SelectBool.js

@@ -18,5 +18,5 @@ export function SelectBool(props) {
     if (autoAddBlankItem)
         Utils.addBlankItem(options);
     // Layout
-    return React.createElement(SelectEx, { options: options, search: search, ...rest });
+    return (React.createElement(SelectEx, { options: options, search: search, ...rest }));
 }

package/lib/mu/SelectEx.d.ts

@@ -1,26 +1,18 @@
 import { SelectProps } from '@mui/material';
 import React from 'react';
-import { IdLabelDto } from '@etsoo/appscript';
+import { DataTypes } from '@etsoo/shared';
 /**
  * Extended select component props
  */
-export interface SelectExProps<T extends {}> extends Omit<SelectProps, 'labelId' | 'input' | 'native'> {
+export declare type SelectExProps<T extends object, D extends DataTypes.Keys<T> = DataTypes.Keys<T>> = Omit<SelectProps, 'labelId' | 'input' | 'native'> & {
     /**
      * Auto add blank item
      */
     autoAddBlankItem?: boolean;
-    /**
-     * Id field, default is id
-     */
-    idField?: string & keyof T;
     /**
      * Item icon renderer
      */
     itemIconRenderer?: (id: unknown) => React.ReactNode;
-    /**
-     * Label field, default is label
-     */
-    labelField?: ((option: T) => string) | (string & keyof T);
     /**
      * Load data callback
      */
@@ -41,10 +33,22 @@ export interface SelectExProps<T extends {}> extends Omit<SelectProps, 'labelId'
      * Is search case?
      */
     search?: boolean;
-}
+} & (T extends {
+    id: DataTypes.IdType;
+} ? {
+    idField?: D;
+} : {
+    idField: D;
+}) & (T extends {
+    label: string;
+} ? {
+    labelField?: ((option: T) => string) | D;
+} : {
+    labelField: ((option: T) => string) | D;
+});
 /**
  * Extended select component
  * @param props Props
  * @returns Component
  */
-export declare function SelectEx<T extends {} = IdLabelDto>(props: SelectExProps<T>): JSX.Element;
+export declare function SelectEx<T extends object = DataTypes.IdLabelItem, D extends DataTypes.Keys<T> = DataTypes.Keys<T>>(props: SelectExProps<T, D>): JSX.Element;

package/lib/mu/SelectEx.js

@@ -71,13 +71,13 @@ export function SelectEx(props) {
     };
     // Get option id
     const getId = (option) => {
-        return Reflect.get(option, idField);
+        return option[idField];
     };
     // Get option label
     const getLabel = (option) => {
         return typeof labelField === 'function'
             ? labelField(option)
-            : Reflect.get(option, labelField);
+            : new String(option[labelField]);
     };
     // Refs
     const divRef = React.useRef();

package/lib/mu/TableEx.d.ts

@@ -1,3 +1,4 @@
+import { DataTypes } from '@etsoo/shared';
 import { TableProps } from '@mui/material';
 import React from 'react';
 import { GridColumn } from '../components/GridColumn';
@@ -19,7 +20,7 @@ export interface TableExMethodRef extends GridMethodRef {
 /**
  * Extended table props
  */
-export interface TableExProps<T extends Record<string, any>> extends TableProps, GridLoader<T> {
+export declare type TableExProps<T extends object, D extends DataTypes.Keys<T> = DataTypes.Keys<T>> = TableProps & GridLoader<T> & {
     /**
      * Alternating colors for odd/even rows
      */
@@ -32,10 +33,6 @@ export interface TableExProps<T extends Record<string, any>> extends TableProps,
      * Header cells background color and font color
      */
     headerColors?: [string?, string?];
-    /**
-     * Id field
-     */
-    idField?: string & keyof T;
     /**
      * Max height
      */
@@ -56,10 +53,16 @@ export interface TableExProps<T extends Record<string, any>> extends TableProps,
      * Header and bottom height
      */
     otherHeight?: number;
-}
+} & (T extends {
+    id: DataTypes.IdType;
+} ? {
+    idField?: D;
+} : {
+    idField: D;
+});
 /**
  * Extended Table
  * @param props Props
  * @returns Component
  */
-export declare function TableEx<T extends Record<string, unknown>>(props: TableExProps<T>): JSX.Element;
+export declare function TableEx<T extends object, D extends DataTypes.Keys<T> = DataTypes.Keys<T>>(props: TableExProps<T, D>): JSX.Element;

package/lib/mu/TableEx.js

@@ -259,8 +259,7 @@ export function TableEx(props) {
                                 columnIndex,
                                 cellProps
                             })) : (React.createElement(React.Fragment, null, "\u00A0"));
-                            return (React.createElement(TableCell, { key: rowId.toString() +
-                                    columnIndex, ...cellProps }, child));
+                            return (React.createElement(TableCell, { key: `${rowId}${columnIndex}`, ...cellProps }, child));
                         })));
                 })))),
         React.createElement(TablePagination, { component: "div", showFirstButton: true, count: totalRows, rowsPerPage: batchSize, page: currentPage, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, rowsPerPageOptions: [

package/lib/mu/Tiplist.d.ts

@@ -1,19 +1,18 @@
 /// <reference types="react" />
-import { IdLabelDto } from '@etsoo/appscript';
 import { DataTypes } from '@etsoo/shared';
 import { AutocompleteExtendedProps } from './AutocompleteExtendedProps';
 /**
  * Tiplist props
  */
-export interface TiplistProps<T extends {}> extends Omit<AutocompleteExtendedProps<T>, 'open'> {
+export declare type TiplistProps<T extends object, D extends DataTypes.Keys<T>> = Omit<AutocompleteExtendedProps<T, D>, 'open'> & {
     /**
      * Load data callback
      */
-    loadData: (keyword?: string, id?: DataTypes.IdType) => PromiseLike<T[] | null | undefined>;
-}
+    loadData: (keyword?: string, id?: T[D]) => PromiseLike<T[] | null | undefined>;
+};
 /**
  * Tiplist
  * @param props Props
  * @returns Component
  */
-export declare function Tiplist<T extends {} = IdLabelDto>(props: TiplistProps<T>): JSX.Element;
+export declare function Tiplist<T extends object = DataTypes.IdLabelItem, D extends DataTypes.Keys<T> = DataTypes.Keys<T>>(props: TiplistProps<T, D>): JSX.Element;

package/lib/mu/Tiplist.js

@@ -17,10 +17,8 @@ export function Tiplist(props) {
     const inputRef = React.createRef();
     // Local value
     let localValue = value !== null && value !== void 0 ? value : defaultValue;
-    if (localValue === undefined)
-        localValue = null;
     // One time calculation for input's default value (uncontrolled)
-    const localIdValue = idValue !== null && idValue !== void 0 ? idValue : (localValue && Reflect.get(localValue, idField));
+    const localIdValue = idValue !== null && idValue !== void 0 ? idValue : DataTypes.getValue(localValue, idField);
     // Changable states
     const [states, stateUpdate] = React.useReducer((currentState, newState) => {
         return { ...currentState, ...newState };
@@ -31,7 +29,7 @@ export function Tiplist(props) {
         value: null
     });
     // Input value
-    const inputValue = React.useMemo(() => states.value && Reflect.get(states.value, idField), [states.value]);
+    const inputValue = React.useMemo(() => states.value && states.value[idField], [states.value]);
     React.useEffect(() => {
         if (localValue != null)
             stateUpdate({ value: localValue });
@@ -128,7 +126,7 @@ export function Tiplist(props) {
     }, []);
     // Layout
     return (React.createElement("div", null,
-        React.createElement("input", { ref: inputRef, "data-reset": "true", type: "text", style: { display: 'none' }, name: name, value: inputValue !== null && inputValue !== void 0 ? inputValue : '', readOnly: true, onChange: inputOnChange }),
+        React.createElement("input", { ref: inputRef, "data-reset": "true", type: "text", style: { display: 'none' }, name: name, value: `${inputValue !== null && inputValue !== void 0 ? inputValue : ''}`, readOnly: true, onChange: inputOnChange }),
         React.createElement(Autocomplete, { filterOptions: (options, _state) => options, value: states.value, options: states.options, onChange: (event, value, reason, details) => {
                 // Set value
                 setInputValue(value);
@@ -150,7 +148,7 @@ export function Tiplist(props) {
                 if (loading)
                     loadDataDirect(undefined, states.value == null
                         ? undefined
-                        : Reflect.get(states.value, idField));
+                        : states.value[idField]);
             }, onClose: () => {
                 stateUpdate({
                     open: false,

package/lib/mu/pages/CommonPageProps.d.ts

@@ -44,7 +44,7 @@ export interface CommonPageProps extends Omit<ContainerProps, 'id'> {
     /**
      * Paddings
      */
-    paddings?: {};
+    paddings?: Record<string, string | number>;
     /**
      * Scroll container
      */

package/lib/mu/pages/DataGridPage.d.ts

@@ -6,4 +6,4 @@ import { DataGridPageProps } from './DataGridPageProps';
  * @param props Props
  * @returns Component
  */
-export declare function DataGridPage<T, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: DataGridPageProps<T, F>): JSX.Element;
+export declare function DataGridPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = DataTypes.Keys<T>>(props: DataGridPageProps<T, F, D>): JSX.Element;

package/lib/mu/pages/DataGridPageProps.d.ts

@@ -4,7 +4,7 @@ import { SearchPageProps } from './SearchPageProps';
 /**
  * DataGrid page props
  */
-export interface DataGridPageProps<T, F extends DataTypes.BasicTemplate> extends SearchPageProps<T, F>, Omit<DataGridExProps<T>, 'loadData' | 'height'> {
+export declare type DataGridPageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = DataTypes.Keys<T>> = SearchPageProps<T, F> & Omit<DataGridExProps<T, D>, 'loadData' | 'height'> & {
     /**
      * Height will be deducted
      * @param height Current calcuated height
@@ -14,4 +14,4 @@ export interface DataGridPageProps<T, F extends DataTypes.BasicTemplate> extends
      * Grid height
      */
     height?: number;
-}
+};

package/lib/mu/pages/FixedListPage.d.ts

@@ -6,7 +6,7 @@ import { ListPageProps } from './ListPageProps';
  * @param props Props
  * @returns Component
  */
-export declare function FixedListPage<T extends {}, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ListPageProps<T, F> & {
+export declare function FixedListPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ListPageProps<T, F> & {
     /**
      * Height will be deducted
      * @param height Current calcuated height

package/lib/mu/pages/ListPage.d.ts

@@ -6,4 +6,4 @@ import { ListPageProps } from './ListPageProps';
  * @param props Props
  * @returns Component
  */
-export declare function ListPage<T extends {}, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ListPageProps<T, F>): JSX.Element;
+export declare function ListPage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ListPageProps<T, F>): JSX.Element;

package/lib/mu/pages/ListPageProps.d.ts

@@ -4,5 +4,4 @@ import { SearchPageProps } from './SearchPageProps';
 /**
  * List page props
  */
-export interface ListPageProps<T, F extends DataTypes.BasicTemplate> extends SearchPageProps<T, F>, Omit<ScrollerListExProps<T>, 'loadData'> {
-}
+export declare type ListPageProps<T extends object, F extends DataTypes.BasicTemplate> = SearchPageProps<T, F> & Omit<ScrollerListExProps<T>, 'loadData'>;

package/lib/mu/pages/ResponsivePage.d.ts

@@ -6,4 +6,4 @@ import { ResponsePageProps } from './ResponsivePageProps';
  * @param props Props
  * @returns Component
  */
-export declare function ResponsivePage<T extends {}, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: ResponsePageProps<T, F>): JSX.Element;
+export declare function ResponsivePage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = DataTypes.Keys<T>>(props: ResponsePageProps<T, F, D>): JSX.Element;

package/lib/mu/pages/ResponsivePageProps.d.ts

@@ -7,7 +7,7 @@ import { DataGridPageProps } from './DataGridPageProps';
 /**
  * Response page props
  */
-export interface ResponsePageProps<T, F extends DataTypes.BasicTemplate> extends Omit<DataGridPageProps<T, F>, 'mRef' | 'itemKey' | 'onScroll' | 'onItemsRendered'> {
+export declare type ResponsePageProps<T extends object, F extends DataTypes.BasicTemplate, D extends DataTypes.Keys<T> = DataTypes.Keys<T>> = Omit<DataGridPageProps<T, F, D>, 'mRef' | 'itemKey' | 'onScroll' | 'onItemsRendered'> & {
     /**
      * Min width to show Datagrid
      */
@@ -36,4 +36,4 @@ export interface ResponsePageProps<T, F extends DataTypes.BasicTemplate> extends
      * Quick action for double click or click under mobile
      */
     quickAction?: (data: T) => void;
-}
+};

package/lib/mu/pages/SearchPageProps.d.ts

@@ -5,7 +5,7 @@ import { CommonPageProps } from './CommonPageProps';
 /**
  * Search page props
  */
-export interface SearchPageProps<T, F extends DataTypes.BasicTemplate> extends Omit<GridLoader<T>, 'loadData'> {
+export declare type SearchPageProps<T extends object, F extends DataTypes.BasicTemplate> = Omit<GridLoader<T>, 'loadData'> & {
     /**
      * Search fields
      */
@@ -27,4 +27,4 @@ export interface SearchPageProps<T, F extends DataTypes.BasicTemplate> extends O
      * @default 100
      */
     sizeReadyMiliseconds?: number;
-}
+};

package/lib/mu/pages/TablePage.d.ts

@@ -6,4 +6,4 @@ import { TablePageProps } from './TablePageProps';
  * @param props Props
  * @returns Component
  */
-export declare function TablePage<T extends {}, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: TablePageProps<T, F>): JSX.Element;
+export declare function TablePage<T extends object, F extends DataTypes.BasicTemplate = DataTypes.BasicTemplate>(props: TablePageProps<T, F>): JSX.Element;

package/lib/mu/pages/TablePageProps.d.ts

@@ -4,5 +4,4 @@ import { SearchPageProps } from './SearchPageProps';
 /**
  * Table page props
  */
-export interface TablePageProps<T, F extends DataTypes.BasicTemplate> extends SearchPageProps<T, F>, Omit<TableExProps<T>, 'loadData'> {
-}
+export declare type TablePageProps<T extends object, F extends DataTypes.BasicTemplate> = SearchPageProps<T, F> & Omit<TableExProps<T>, 'loadData'>;

package/lib/mu/pages/ViewPage.d.ts

@@ -1,3 +1,4 @@
+import { DataTypes } from '@etsoo/shared';
 import { GridProps } from '@mui/material';
 import React from 'react';
 import { GridColumnRenderProps, GridDataType } from '../../components/GridColumn';
@@ -5,7 +6,7 @@ import { CommonPageProps } from './CommonPageProps';
 /**
  * View page display field
  */
-export interface ViewPageField<T extends {}> extends GridProps {
+export interface ViewPageField<T extends object> extends GridProps {
     /**
      * Data field
      */
@@ -27,11 +28,11 @@ export interface ViewPageField<T extends {}> extends GridProps {
      */
     renderProps?: GridColumnRenderProps;
 }
-declare type ViewPageFieldType<T> = (string & keyof T) | [string & keyof T, GridDataType, GridColumnRenderProps?] | ViewPageField<T>;
+declare type ViewPageFieldType<T extends object> = (string & keyof T) | [string & keyof T, GridDataType, GridColumnRenderProps?] | ViewPageField<T>;
 /**
  * View page props
  */
-export interface ViewPageProps<T extends {}> extends Omit<CommonPageProps, 'children'> {
+export interface ViewPageProps<T extends DataTypes.StringRecord> extends Omit<CommonPageProps, 'children'> {
     /**
      * Actions
      */
@@ -61,5 +62,5 @@ export interface ViewPageProps<T extends {}> extends Omit<CommonPageProps, 'chil
  * View page
  * @param props Props
  */
-export declare function ViewPage<T extends {}>(props: ViewPageProps<T>): JSX.Element;
+export declare function ViewPage<T extends DataTypes.StringRecord>(props: ViewPageProps<T>): JSX.Element;
 export {};

package/lib/states/IState.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 /**
  * State UI creator
  */
-export interface IUICreator<S extends IState, A extends IAction, P = {}> {
+export interface IUICreator<S extends IState, A extends IAction, P = object> {
     (state: S, dispatch: React.Dispatch<A>, props: P): React.ReactElement;
 }
 /**

package/lib/uses/useCombinedRefs.d.ts

@@ -4,4 +4,4 @@
  * @param refs Refs
  * @returns Callback
  */
-export default function useCombinedRefs(...refs: (React.Ref<unknown> | undefined)[]): (target: unknown) => void;
+export default function useCombinedRefs<T>(...refs: (React.Ref<T> | undefined)[]): (target: T | null) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.5.75",
+    "version": "1.5.78",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -51,11 +51,11 @@
         "@emotion/css": "^11.10.0",
         "@emotion/react": "^11.10.0",
         "@emotion/styled": "^11.10.0",
-        "@etsoo/appscript": "^1.2.78",
-        "@etsoo/notificationbase": "^1.1.6",
-        "@etsoo/shared": "^1.1.45",
-        "@mui/icons-material": "^5.8.4",
-        "@mui/material": "^5.10.1",
+        "@etsoo/appscript": "^1.2.82",
+        "@etsoo/notificationbase": "^1.1.7",
+        "@etsoo/shared": "^1.1.48",
+        "@mui/icons-material": "^5.10.2",
+        "@mui/material": "^5.10.2",
         "@types/pica": "^9.0.1",
         "@types/pulltorefreshjs": "^0.1.5",
         "@types/react": "^18.0.17",
@@ -79,18 +79,18 @@
         "@babel/plugin-transform-runtime": "^7.18.10",
         "@babel/preset-env": "^7.18.10",
         "@babel/runtime-corejs3": "^7.18.9",
-        "@types/jest": "^28.1.7",
+        "@types/jest": "^28.1.8",
         "@types/react-test-renderer": "^18.0.0",
-        "@typescript-eslint/eslint-plugin": "^5.34.0",
-        "@typescript-eslint/parser": "^5.34.0",
+        "@typescript-eslint/eslint-plugin": "^5.35.1",
+        "@typescript-eslint/parser": "^5.35.1",
         "eslint": "^8.22.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-react": "^7.30.1",
+        "eslint-plugin-react": "^7.31.0",
         "jest": "^28.1.3",
         "jest-environment-jsdom": "^28.1.3",
         "react-test-renderer": "^18.2.0",
         "ts-jest": "^28.0.8",
-        "typescript": "^4.7.4"
+        "typescript": "^4.8.2"
     }
 }

package/src/app/CommonApp.ts

@@ -57,7 +57,7 @@ export abstract class CommonApp<
      * Refresh token
      * @param props Props
      */
-    override async refreshToken<D = RefreshTokenRQ>(
+    override async refreshToken<D extends object = RefreshTokenRQ>(
         props?: RefreshTokenProps<D>
     ) {
         // Destruct
@@ -206,7 +206,7 @@ export abstract class CommonApp<
      * @param showLoading Show loading bar or not
      * @returns Result
      */
-    override async tryLogin<D = RefreshTokenRQ>(
+    override async tryLogin<D extends object = RefreshTokenRQ>(
         data?: D,
         showLoading?: boolean
     ) {

package/src/app/Labels.ts

@@ -67,7 +67,7 @@ export namespace Labels {
      * @param reference Key reference
      */
     export const setLabels = (
-        labels: {},
+        labels: DataTypes.StringRecord,
         reference: setLabelsReference = {}
     ) => {
         Utils.setLabels(CommonPage, labels, reference.commonPage);

package/src/app/ServiceApp.ts

@@ -101,7 +101,7 @@ export class ServiceApp<
      * Refresh token
      * @param props Props
      */
-    override async refreshToken<D = RefreshTokenRQ>(
+    override async refreshToken<D extends object = RefreshTokenRQ>(
         props?: RefreshTokenProps<D>
     ) {
         // Destruct
@@ -305,7 +305,7 @@ export class ServiceApp<
      * @param showLoading Show loading bar or not
      * @returns Result
      */
-    override async tryLogin<D extends {} = {}>(
+    override async tryLogin<D extends object = {}>(
         data?: D,
         showLoading?: boolean
     ) {

package/src/components/GridColumn.ts

@@ -40,7 +40,7 @@ export type GridCellValueType = string | number | Date | boolean | undefined;
 /**
  * Grid cell formatter props
  */
-export interface GridCellFormatterProps<T> {
+export type GridCellFormatterProps<T> = {
     /**
      * Current data
      */
@@ -60,13 +60,12 @@ export interface GridCellFormatterProps<T> {
      * Column index
      */
     columnIndex: number;
-}
+};
 
 /**
  * Grid cell renderer props
  */
-export interface GridCellRendererProps<T, P = any>
-    extends GridCellFormatterProps<T> {
+export type GridCellRendererProps<T, P = any> = GridCellFormatterProps<T> & {
     /**
      * Cell props
      */
@@ -91,12 +90,12 @@ export interface GridCellRendererProps<T, P = any>
      * Render props
      */
     renderProps?: GridColumnRenderProps;
-}
+};
 
 /**
  * Grid header cell renderer props
  */
-export interface GridHeaderCellRendererProps<T, P = any> {
+export type GridHeaderCellRendererProps<T, P = any> = {
     /**
      * Cell props
      */
@@ -116,12 +115,12 @@ export interface GridHeaderCellRendererProps<T, P = any> {
      * States
      */
     states: GridLoaderStates<T>;
-}
+};
 
 /**
  * Grid column render props
  */
-export interface GridColumnRenderProps {
+export type GridColumnRenderProps = {
     /**
      * Culture, like zh-CN
      */
@@ -151,12 +150,12 @@ export interface GridColumnRenderProps {
      * Additional data
      */
     readonly data?: Readonly<Record<string, any>>;
-}
+};
 
 /**
  * Grid column
  */
-export interface GridColumn<T> {
+export type GridColumn<T> = {
     /**
      * The column identifier. It's used to map with row data
      */
@@ -219,4 +218,4 @@ export interface GridColumn<T> {
     headerCellRenderer?: (
         props: GridHeaderCellRendererProps<T>
     ) => React.ReactNode;
-}
+};

package/src/components/GridLoader.ts

@@ -48,12 +48,12 @@ export function GridDataGet<F extends DataTypes.BasicTemplate>(
 /**
  * Grid Json data
  */
-export interface GridJsonData extends Omit<GridLoadDataProps, 'data'> {}
+export type GridJsonData = Omit<GridLoadDataProps, 'data'>;
 
 /**
  * Grid data load props
  */
-export interface GridLoadDataProps {
+export type GridLoadDataProps = {
     /**
      * Current page
      */
@@ -78,12 +78,12 @@ export interface GridLoadDataProps {
      * Data related
      */
     data?: GridData;
-}
+};
 
 /**
  * Grid data loader
  */
-export interface GridLoader<T> {
+export type GridLoader<T extends object> = {
     /**
      * Auto load data, otherwise call reset
      * @default true
@@ -109,12 +109,12 @@ export interface GridLoader<T> {
      * Threshold at which to pre-fetch data; default is half of loadBatchSize
      */
     threshold?: number | undefined;
-}
+};
 
 /**
  * Grid loader states
  */
-export interface GridLoaderStates<T> extends GridLoadDataProps {
+export type GridLoaderStates<T> = GridLoadDataProps & {
     /**
      * Auto load data, otherwise call reset
      * @default true
@@ -150,4 +150,4 @@ export interface GridLoaderStates<T> extends GridLoadDataProps {
      * Selected items of id
      */
     selectedItems: T[];
-}
+};