material-react-table 0.33.6 → 0.34.0

package/dist/cjs/inputs/MRT_GlobalFilterTextField.d.ts

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

package/dist/cjs/menus/MRT_FilterOptionMenu.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import type { MRT_Header, MRT_TableInstance } from '..';
 import { MRT_Localization } from '../localization';
 export declare const internalFilterOptions: (localization: MRT_Localization) => {
@@ -7,12 +6,12 @@ export declare const internalFilterOptions: (localization: MRT_Localization) =>
     label: string;
     divider: boolean;
 }[];
-interface Props {
+interface Props<TData extends Record<string, any> = {}> {
     anchorEl: HTMLElement | null;
     header?: MRT_Header;
     onSelect?: () => void;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
-    table: MRT_TableInstance;
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_FilterOptionMenu: FC<Props>;
+export declare const MRT_FilterOptionMenu: <TData extends Record<string, any> = {}>({ anchorEl, header, onSelect, setAnchorEl, table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/menus/MRT_ShowHideColumnsMenu.d.ts

@@ -1,10 +1,9 @@
-import { FC } from 'react';
 import type { MRT_TableInstance } from '..';
-interface Props {
+interface Props<TData extends Record<string, any> = {}> {
     anchorEl: HTMLElement | null;
     isSubMenu?: boolean;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
-    table: MRT_TableInstance;
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ShowHideColumnsMenu: FC<Props>;
+export declare const MRT_ShowHideColumnsMenu: <TData extends Record<string, any> = {}>({ anchorEl, isSubMenu, setAnchorEl, table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/menus/MRT_ShowHideColumnsMenuItems.d.ts

@@ -1,12 +1,12 @@
-import { Dispatch, FC, SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from 'react';
 import type { MRT_Column, MRT_TableInstance } from '..';
-interface Props {
-    allColumns: MRT_Column[];
-    column: MRT_Column;
-    currentHoveredColumn: MRT_Column | null;
+interface Props<TData extends Record<string, any> = {}> {
+    allColumns: MRT_Column<TData>[];
+    column: MRT_Column<TData>;
+    currentHoveredColumn: MRT_Column<TData> | null;
     isSubMenu?: boolean;
-    setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column | null>>;
-    table: MRT_TableInstance;
+    setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
+    table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ShowHideColumnsMenuItems: FC<Props>;
+export declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any> = {}>({ allColumns, currentHoveredColumn, setCurrentHoveredColumn, column, isSubMenu, table, }: Props<TData>) => JSX.Element;
 export {};

package/dist/cjs/table/MRT_TableRoot.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { MaterialReactTableProps } from '..';
 export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>) => JSX.Element;

package/dist/cjs/toolbar/MRT_ToolbarInternalButtons.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_TableInstance } from '..';
+import type { MRT_TableInstance } from '..';
 interface Props {
     table: MRT_TableInstance;
 }

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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, };

package/dist/esm/inputs/MRT_GlobalFilterTextField.d.ts

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