material-react-table 0.33.4 → 0.34.0

package/README.md

@@ -44,6 +44,7 @@ See all [Props and Options](https://www.material-react-table.com/docs/api)
  - [Remote Data](https://www.material-react-table.com/docs/examples/remote/) (Server-side Pagination, Sorting, and Filtering)
  - [React Query](https://www.material-react-table.com/docs/examples/react-query/) (Server-side Pagination, Sorting, and Filtering)
  - [Virtualized Rows](https://www.material-react-table.com/docs/examples/virtualized/) (10,000 rows at once!)
+ - [Infinite Scrolling](https://www.material-react-table.com/docs/examples/infinite-scrolling/) (Fetch data as you scroll)
 
 View additional [storybook examples](https://www.material-react-table.dev/)
 

package/dist/cjs/MaterialReactTable.d.ts

@@ -1,7 +1,7 @@
-import { ChangeEvent, Dispatch, DragEvent, FC, FocusEvent, ReactNode, SetStateAction } from 'react';
+import { ChangeEvent, Dispatch, DragEvent, FocusEvent, ReactNode, SetStateAction } from 'react';
 import type { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, PaperProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
 import type { Cell, Column, ColumnDef, DeepKeys, FilterFn, Header, HeaderGroup, OnChangeFn, Row, SortingFn, Table, TableOptions, TableState } from '@tanstack/react-table';
-import type { VirtualizerOptions } from '@tanstack/react-virtual';
+import type { Options as VirtualizerOptions } from 'react-virtual';
 import { MRT_Icons } from './icons';
 import { MRT_FilterFns } from './filterFns';
 import { MRT_Localization } from './localization';
@@ -461,23 +461,8 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
-    renderToolbarInternalActions?: ({ table, MRT_ToggleGlobalFilterButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
-        table: MRT_TableInstance<TData>;
-        MRT_ToggleGlobalFilterButton: FC<IconButtonProps & {
-            table: MRT_TableInstance<TData>;
-        }>;
-        MRT_ToggleFiltersButton: FC<IconButtonProps & {
-            table: MRT_TableInstance<TData>;
-        }>;
-        MRT_ShowHideColumnsButton: FC<IconButtonProps & {
-            table: MRT_TableInstance<TData>;
-        }>;
-        MRT_ToggleDensePaddingButton: FC<IconButtonProps & {
-            table: MRT_TableInstance<TData>;
-        }>;
-        MRT_FullScreenToggleButton: FC<IconButtonProps & {
-            table: MRT_TableInstance<TData>;
-        }>;
+    renderToolbarInternalActions?: ({ table, }: {
+        table: MRT_TableInstance<TData>;
     }) => ReactNode;
     renderTopToolbarCustomActions?: ({ table, }: {
         table: MRT_TableInstance<TData>;
@@ -487,9 +472,9 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
     selectAllMode?: 'all' | 'page';
     state?: Partial<MRT_TableState<TData>>;
     tableId?: string;
-    virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
+    virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement>> | (({ table, }: {
         table: MRT_TableInstance<TData>;
-    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
+    }) => Partial<VirtualizerOptions<HTMLDivElement>>);
 };
 declare const _default: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilterChangeMode, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterChangeMode, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 export default _default;

package/dist/cjs/buttons/MRT_ColumnPinningButtons.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import type { MRT_Column, MRT_TableInstance } from '..';
-interface Props {
-    column: MRT_Column;
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> {
+    column: MRT_Column<TData>;
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ColumnPinningButtons: FC<Props>;
+export declare const MRT_ColumnPinningButtons: <TData extends Record<string, any> = {}>({ column, table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/buttons/MRT_FullScreenToggleButton.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
 import { MRT_TableInstance } from '..';
-interface Props extends IconButtonProps {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_FullScreenToggleButton: FC<Props>;
+export declare const MRT_FullScreenToggleButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props<TData>) => JSX.Element;
 export {};

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

@@ -1,11 +1,11 @@
 import { IconButtonProps } from '@mui/material';
-import { DragEventHandler, FC } from 'react';
+import { DragEventHandler } from 'react';
 import { MRT_TableInstance } from '..';
-interface Props {
+interface Props<TData extends Record<string, any> = {}> {
     iconButtonProps?: IconButtonProps;
     onDragStart: DragEventHandler<HTMLButtonElement>;
     onDragEnd: DragEventHandler<HTMLButtonElement>;
-    table: MRT_TableInstance;
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_GrabHandleButton: FC<Props>;
+export declare const MRT_GrabHandleButton: <TData extends Record<string, any> = {}>({ iconButtonProps, onDragEnd, onDragStart, table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/buttons/MRT_ShowHideColumnsButton.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
 import { MRT_TableInstance } from '..';
-interface Props extends IconButtonProps {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ShowHideColumnsButton: FC<Props>;
+export declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/buttons/MRT_ToggleDensePaddingButton.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
 import { MRT_TableInstance } from '..';
-interface Props extends IconButtonProps {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ToggleDensePaddingButton: FC<Props>;
+export declare const MRT_ToggleDensePaddingButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/buttons/MRT_ToggleFiltersButton.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
 import { MRT_TableInstance } from '..';
-interface Props extends IconButtonProps {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ToggleFiltersButton: FC<Props>;
+export declare const MRT_ToggleFiltersButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/buttons/MRT_ToggleGlobalFilterButton.d.ts

@@ -1,8 +1,7 @@
-import { FC } from 'react';
 import { IconButtonProps } from '@mui/material';
 import { MRT_TableInstance } from '..';
-interface Props extends IconButtonProps {
-    table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> extends IconButtonProps {
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ToggleGlobalFilterButton: FC<Props>;
+export declare const MRT_ToggleGlobalFilterButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/index.d.ts

@@ -2,6 +2,12 @@ import MaterialReactTable from './MaterialReactTable';
 export default MaterialReactTable;
 export * from './MaterialReactTable';
 import type { MRT_Icons } from './icons';
-export type { MRT_Icons };
 import type { MRT_Localization } from './localization';
-export type { MRT_Localization };
+export type { MRT_Localization, MRT_Icons };
+import { MRT_FullScreenToggleButton } from './buttons/MRT_FullScreenToggleButton';
+import { MRT_GlobalFilterTextField } from './inputs/MRT_GlobalFilterTextField';
+import { MRT_ShowHideColumnsButton } from './buttons/MRT_ShowHideColumnsButton';
+import { MRT_ToggleDensePaddingButton } from './buttons/MRT_ToggleDensePaddingButton';
+import { MRT_ToggleFiltersButton } from './buttons/MRT_ToggleFiltersButton';
+import { MRT_ToggleGlobalFilterButton } from './buttons/MRT_ToggleGlobalFilterButton';
+export { MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, };