material-react-table 2.0.0-alpha.3 → 2.0.0-alpha.5

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

@@ -2,6 +2,8 @@ export interface MRT_Icons {
     ArrowDownwardIcon: any;
     ArrowRightIcon: any;
     CancelIcon: any;
+    ChevronLeftIcon: any;
+    ChevronRightIcon: any;
     ClearAllIcon: any;
     CloseIcon: any;
     DensityLargeIcon: any;
@@ -14,9 +16,11 @@ export interface MRT_Icons {
     FilterAltIcon: any;
     FilterListIcon: any;
     FilterListOffIcon: any;
+    FirstPageIcon?: any;
     FullscreenExitIcon: any;
     FullscreenIcon: any;
     KeyboardDoubleArrowDownIcon: any;
+    LastPageIcon?: any;
     MoreHorizIcon: any;
     MoreVertIcon: any;
     PushPinIcon: 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_TablePagination.d.ts

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

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

@@ -1,14 +1,15 @@
 import { type Dispatch, type MutableRefObject, type ReactNode, type RefObject, type SetStateAction } from 'react';
 import { type AggregationFn, type Cell, type Column, type ColumnDef, type ColumnFiltersState, type ColumnOrderState, type ColumnPinningState, type ColumnSizingInfoState, type ColumnSizingState, type DeepKeys, type ExpandedState, type FilterFn, type GroupingState, type Header, type HeaderGroup, type OnChangeFn, type PaginationState, type Row, type RowSelectionState, type SortingFn, type SortingState, type Table, type TableOptions, type TableState, type Updater, type VisibilityState } from '@tanstack/react-table';
 import { type VirtualItem, type Virtualizer, type VirtualizerOptions } from '@tanstack/react-virtual';
-import { type AutocompleteProps } from '@mui/material';
 import { type AlertProps } from '@mui/material/Alert';
+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 DialogProps } from '@mui/material/Dialog';
 import { type IconButtonProps } from '@mui/material/IconButton';
 import { type LinearProgressProps } from '@mui/material/LinearProgress';
+import { type PaginationProps } from '@mui/material/Pagination';
 import { type PaperProps } from '@mui/material/Paper';
 import { type RadioProps } from '@mui/material/Radio';
 import { type SkeletonProps } from '@mui/material/Skeleton';
@@ -19,7 +20,6 @@ import { type TableCellProps } from '@mui/material/TableCell';
 import { type TableContainerProps } from '@mui/material/TableContainer';
 import { type TableFooterProps } from '@mui/material/TableFooter';
 import { type TableHeadProps } from '@mui/material/TableHead';
-import { type TablePaginationProps } from '@mui/material/TablePagination';
 import { type TableRowProps } from '@mui/material/TableRow';
 import { type TextFieldProps } from '@mui/material/TextField';
 import { type ToolbarProps } from '@mui/material/Toolbar';
@@ -530,7 +530,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 +613,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,9 +682,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<Omit<TablePaginationProps, 'rowsPerPage'>>) | Partial<Omit<TablePaginationProps, 'rowsPerPage'>>;
     muiTablePaperProps?: ((props: {
         table: MRT_TableInstance<TData>;
     }) => PaperProps) | PaperProps;
@@ -737,7 +743,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>;
@@ -789,6 +795,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;