material-react-table 2.0.0-alpha.5 → 2.0.0-beta.0

package/dist/cjs/types/buttons/MRT_GrabHandleButton.d.ts

@@ -3,9 +3,10 @@ import { type IconButtonProps } from '@mui/material/IconButton';
 import { type MRT_TableInstance } from '../types';
 interface Props<TData extends Record<string, any>> {
     iconButtonProps?: IconButtonProps;
+    location?: 'column' | 'row';
     onDragEnd: DragEventHandler<HTMLButtonElement>;
     onDragStart: DragEventHandler<HTMLButtonElement>;
     table: MRT_TableInstance<TData>;
 }
-export declare const MRT_GrabHandleButton: <TData extends Record<string, any>>({ iconButtonProps, onDragEnd, onDragStart, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const MRT_GrabHandleButton: <TData extends Record<string, any>>({ iconButtonProps, location, onDragEnd, onDragStart, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/column.utils.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 import { type Renderable, type Row } from '@tanstack/react-table';
+import { type Range } from '@tanstack/react-virtual';
 import { type TableCellProps } from '@mui/material/TableCell';
 import { type Theme } from '@mui/material/styles';
 import { type MRT_AggregationFns } from './aggregationFns';
@@ -144,3 +145,4 @@ export declare const parseFromValuesOrFunc: <T, U>(fn: T | ((arg: U) => T) | und
 export declare const parseCSSVarId: (id: string) => string;
 export declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
 export declare const createRow: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;
+export declare const extraIndexRangeExtractor: (range: Range, draggingIndex: number) => number[];

package/dist/cjs/types/head/MRT_TableHeadCellSortLabel.d.ts

@@ -5,5 +5,5 @@ interface Props<TData extends Record<string, any>> {
     table: MRT_TableInstance<TData>;
     tableCellProps?: TableCellProps;
 }
-export declare const MRT_TableHeadCellSortLabel: <TData extends Record<string, any>>({ header, table, tableCellProps, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const MRT_TableHeadCellSortLabel: <TData extends Record<string, any>>({ header, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/icons.d.ts

@@ -29,6 +29,7 @@ export interface MRT_Icons {
     SearchIcon: any;
     SearchOffIcon: any;
     SortIcon: any;
+    SyncAltIcon?: any;
     ViewColumnIcon: any;
     VisibilityOffIcon: any;
 }

package/dist/cjs/types/types.d.ts

@@ -6,6 +6,7 @@ import { type AutocompleteProps } from '@mui/material/Autocomplete';
 import { type ButtonProps } from '@mui/material/Button';
 import { type CheckboxProps } from '@mui/material/Checkbox';
 import { type ChipProps } from '@mui/material/Chip';
+import { type CircularProgressProps } from '@mui/material/CircularProgress';
 import { type DialogProps } from '@mui/material/Dialog';
 import { type IconButtonProps } from '@mui/material/IconButton';
 import { type LinearProgressProps } from '@mui/material/LinearProgress';
@@ -100,7 +101,7 @@ export interface MRT_Localization {
     noResultsFound: string;
     of: string;
     or: string;
-    pin?: string;
+    pin: string;
     pinToLeft: string;
     pinToRight: string;
     resetColumnSize: string;
@@ -180,12 +181,8 @@ export type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TD
     setEditingCell: Dispatch<SetStateAction<MRT_Cell<TData> | null>>;
     setEditingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
     setGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterOption>>;
-    setHoveredColumn: Dispatch<SetStateAction<{
-        id: string;
-    } | MRT_Column<TData> | null>>;
-    setHoveredRow: Dispatch<SetStateAction<{
-        id: string;
-    } | MRT_Row<TData> | null>>;
+    setHoveredColumn: Dispatch<SetStateAction<Partial<MRT_Column<TData>> | null>>;
+    setHoveredRow: Dispatch<SetStateAction<Partial<MRT_Row<TData>> | null>>;
     setIsFullScreen: Dispatch<SetStateAction<boolean>>;
     setShowAlertBanner: Dispatch<SetStateAction<boolean>>;
     setShowColumnFilters: Dispatch<SetStateAction<boolean>>;
@@ -205,18 +202,15 @@ export type MRT_TableState<TData extends Record<string, any>> = TableState & {
     editingCell: MRT_Cell<TData> | null;
     editingRow: MRT_Row<TData> | null;
     globalFilterFn: MRT_FilterOption;
-    hoveredColumn: {
-        id: string;
-    } | MRT_Column<TData> | null;
-    hoveredRow: {
-        id: string;
-    } | MRT_Row<TData> | null;
+    hoveredColumn: Partial<MRT_Column<TData>> | null;
+    hoveredRow: Partial<MRT_Row<TData>> | null;
     isFullScreen: boolean;
     isLoading: boolean;
     isSaving: boolean;
     showAlertBanner: boolean;
     showColumnFilters: boolean;
     showGlobalFilter: boolean;
+    showLoadingOverlay: boolean;
     showProgressBars: boolean;
     showSkeletons: boolean;
     showToolbarDropZone: boolean;
@@ -548,6 +542,9 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
     muiBottomToolbarProps?: ((props: {
         table: MRT_TableInstance<TData>;
     }) => ToolbarProps) | ToolbarProps;
+    muiCircularProgressProps?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => CircularProgressProps) | CircularProgressProps;
     muiColumnActionsButtonProps?: ((props: {
         column: MRT_Column<TData>;
         table: MRT_TableInstance<TData>;
@@ -727,12 +724,8 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
         values: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
     }) => Promise<void> | void;
     onGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
-    onHoveredColumnChange?: OnChangeFn<{
-        id: string;
-    } | MRT_Column<TData> | null>;
-    onHoveredRowChange?: OnChangeFn<{
-        id: string;
-    } | MRT_Row<TData> | null>;
+    onHoveredColumnChange?: OnChangeFn<Partial<MRT_Column<TData>> | null>;
+    onHoveredRowChange?: OnChangeFn<Partial<MRT_Row<TData>> | null>;
     onIsFullScreenChange?: OnChangeFn<boolean>;
     onShowAlertBannerChange?: OnChangeFn<boolean>;
     onShowColumnFiltersChange?: OnChangeFn<boolean>;