material-react-table 2.0.0-alpha.4 → 2.0.0-alpha.6

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/icons.d.ts

@@ -2,7 +2,7 @@ export interface MRT_Icons {
     ArrowDownwardIcon: any;
     ArrowRightIcon: any;
     CancelIcon: any;
-    ChevronLefIcon: any;
+    ChevronLeftIcon: any;
     ChevronRightIcon: any;
     ClearAllIcon: any;
     CloseIcon: any;

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

@@ -0,0 +1,2 @@
+import { type MRT_Localization } from '..';
+export declare const MRT_Localization_HY: MRT_Localization;

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

@@ -1,6 +1,6 @@
 import { type MRT_TableInstance } from '../types';
 interface Props<TData extends Record<string, any>> {
-    stackAlertBanner: boolean;
+    stackAlertBanner?: boolean;
     table: MRT_TableInstance<TData>;
 }
 export declare const MRT_ToolbarAlertBanner: <TData extends Record<string, any>>({ stackAlertBanner, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -180,12 +180,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,12 +201,8 @@ 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;
@@ -530,7 +522,7 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
     /**
      * Changes which kind of CSS layout is used to render the table. `semantic` uses default semantic HTML elements, while `grid` adds CSS grid and flexbox styles
      */
-    layoutMode?: 'grid' | 'semantic';
+    layoutMode?: 'grid' | 'grid-no-grow' | 'semantic';
     /**
      * Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object.
      *
@@ -613,6 +605,15 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
         isTopToolbar: boolean;
         table: MRT_TableInstance<TData>;
     }) => LinearProgressProps) | LinearProgressProps;
+    muiPaginationProps?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<PaginationProps & {
+        rowsPerPageOptions?: number[];
+        showRowsPerPage?: boolean;
+    }>) | Partial<PaginationProps & {
+        rowsPerPageOptions?: number[];
+        showRowsPerPage?: boolean;
+    }>;
     muiRowDragHandleProps?: ((props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
@@ -673,15 +674,6 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
         headerGroup: MRT_HeaderGroup<TData>;
         table: MRT_TableInstance<TData>;
     }) => TableRowProps) | TableRowProps;
-    muiTablePaginationProps?: ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<PaginationProps & {
-        rowsPerPageOptions?: number[];
-        showRowsPerPage?: boolean;
-    }>) | Partial<PaginationProps & {
-        rowsPerPageOptions?: number[];
-        showRowsPerPage?: boolean;
-    }>;
     muiTablePaperProps?: ((props: {
         table: MRT_TableInstance<TData>;
     }) => PaperProps) | PaperProps;
@@ -727,12 +719,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>;
@@ -743,7 +731,7 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
     positionExpandColumn?: 'first' | 'last';
     positionGlobalFilter?: 'left' | 'none' | 'right';
     positionPagination?: 'both' | 'bottom' | 'none' | 'top';
-    positionToolbarAlertBanner?: 'bottom' | 'none' | 'top';
+    positionToolbarAlertBanner?: 'bottom' | 'head-overlay' | 'none' | 'top';
     positionToolbarDropZone?: 'both' | 'bottom' | 'none' | 'top';
     renderBottomToolbar?: ((props: {
         table: MRT_TableInstance<TData>;
@@ -795,6 +783,11 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
+    renderToolbarAlertBannerContent?: (props: {
+        groupedAlert: ReactNode | null;
+        selectedAlert: ReactNode | null;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
     renderToolbarInternalActions?: (props: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;