material-react-table 0.9.7 → 0.12.0

package/src/MaterialReactTable.tsx

@@ -47,7 +47,6 @@ import {
 import { Options as VirtualizerOptions } from 'react-virtual';
 import { MRT_Localization, MRT_DefaultLocalization_EN } from './localization';
 import { MRT_Default_Icons, MRT_Icons } from './icons';
-import { MRT_FILTER_OPTION } from './enums';
 import { MRT_TableRoot } from './table/MRT_TableRoot';
 
 export type MRT_TableOptions<D extends Record<string, any> = {}> = Partial<
@@ -121,7 +120,7 @@ export type MRT_TableInstance<D extends Record<string, any> = {}> = Omit<
       [key: string]: MRT_FilterFn;
     }>
   >;
-  setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterFn<D>>>;
+  setCurrentGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterFn>>;
   setIsDensePadding: Dispatch<SetStateAction<boolean>>;
   setIsFullScreen: Dispatch<SetStateAction<boolean>>;
   setShowFilters: Dispatch<SetStateAction<boolean>>;
@@ -144,54 +143,67 @@ export type MRT_TableState<D extends Record<string, any> = {}> = TableState & {
 
 export type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<
   ColumnDef<D>,
-  'accessorFN' | 'header' | 'footer' | 'columns' | 'filterFn'
+  | 'accessorFn'
+  | 'aggregatedCell'
+  | 'header'
+  | 'footer'
+  | 'columns'
+  | 'filterFn'
+  | 'cell'
 > & {
+  AggregatedCell?: ({
+    cell,
+    instance,
+  }: {
+    cell: MRT_Cell<D>;
+    instance: MRT_TableInstance<D>;
+  }) => ReactNode;
   Cell?: ({
     cell,
-    tableInstance,
+    instance,
   }: {
     cell: MRT_Cell<D>;
-    tableInstance: MRT_TableInstance<D>;
+    instance: MRT_TableInstance<D>;
   }) => ReactNode;
   Edit?: ({
     cell,
-    tableInstance,
+    instance,
   }: {
     cell: MRT_Cell<D>;
-    tableInstance: MRT_TableInstance<D>;
+    instance: MRT_TableInstance<D>;
   }) => ReactNode;
   Filter?: ({
     header,
-    tableInstance,
+    instance,
   }: {
     header: MRT_Header<D>;
-    tableInstance: MRT_TableInstance<D>;
+    instance: MRT_TableInstance<D>;
   }) => ReactNode;
   Footer?:
     | ReactNode
     | (({
         footer,
-        tableInstance,
+        instance,
       }: {
         footer: MRT_Header<D>;
-        tableInstance: MRT_TableInstance<D>;
+        instance: MRT_TableInstance<D>;
       }) => ReactNode);
   Header?:
     | ReactNode
     | (({
         header,
-        tableInstance,
+        instance,
       }: {
         header: MRT_Header<D>;
-        tableInstance: MRT_TableInstance<D>;
+        instance: MRT_TableInstance<D>;
       }) => ReactNode);
-  accessorFN?: (row: D) => any;
+  accessorFn?: (row: D) => any;
   columns?: MRT_ColumnDef<D>[];
   enableClickToCopy?: boolean;
   enableColumnActions?: boolean;
   enableColumnOrdering?: boolean;
   enableEditing?: boolean;
-  enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
+  enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
   filterFn?: MRT_FilterFn;
   filterSelectOptions?: (string | { text: string; value: string })[];
   footer?: string;
@@ -200,85 +212,94 @@ export type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<
   muiTableBodyCellCopyButtonProps?:
     | ButtonProps
     | (({
-        tableInstance,
+        instance,
         cell,
       }: {
-        tableInstance: MRT_TableInstance;
+        instance: MRT_TableInstance;
         cell: MRT_Cell<D>;
       }) => ButtonProps);
   muiTableBodyCellEditTextFieldProps?:
     | TextFieldProps
     | (({
-        tableInstance,
+        instance,
         cell,
       }: {
-        tableInstance: MRT_TableInstance;
+        instance: MRT_TableInstance;
         cell: MRT_Cell<D>;
       }) => TextFieldProps);
   muiTableBodyCellProps?:
     | TableCellProps
     | (({
-        tableInstance,
+        instance,
         cell,
       }: {
-        tableInstance: MRT_TableInstance;
+        instance: MRT_TableInstance;
         cell: MRT_Cell<D>;
       }) => TableCellProps);
   muiTableFooterCellProps?:
     | TableCellProps
     | (({
-        tableInstance,
+        instance,
         column,
       }: {
-        tableInstance: MRT_TableInstance;
+        instance: MRT_TableInstance;
         column: MRT_Column<D>;
       }) => TableCellProps);
   muiTableHeadCellColumnActionsButtonProps?:
     | IconButtonProps
     | (({
-        tableInstance,
+        instance,
         column,
       }: {
-        tableInstance: MRT_TableInstance;
+        instance: MRT_TableInstance;
         column: MRT_Column<D>;
       }) => IconButtonProps);
   muiTableHeadCellFilterTextFieldProps?:
     | TextFieldProps
     | (({
-        tableInstance,
+        instance,
         column,
       }: {
-        tableInstance: MRT_TableInstance;
+        instance: MRT_TableInstance;
         column: MRT_Column<D>;
       }) => TextFieldProps);
   muiTableHeadCellProps?:
     | TableCellProps
     | (({
-        tableInstance,
+        instance,
         column,
       }: {
-        tableInstance: MRT_TableInstance;
+        instance: MRT_TableInstance;
         column: MRT_Column<D>;
       }) => TableCellProps);
-  onMrtCellEditBlur?: ({
+  onCellEditBlur?: ({
     cell,
     event,
-    tableInstance,
+    instance,
   }: {
     event: FocusEvent<HTMLInputElement>;
     cell: MRT_Cell<D>;
-    tableInstance: MRT_TableInstance<D>;
+    instance: MRT_TableInstance<D>;
   }) => void;
-  onMrtCellEditChange?: ({
+  onCellEditChanged?: ({
     cell,
     event,
-    tableInstance,
+    instance,
   }: {
     event: ChangeEvent<HTMLInputElement>;
     cell: MRT_Cell<D>;
-    tableInstance: MRT_TableInstance<D>;
+    instance: MRT_TableInstance<D>;
+  }) => void;
+  onColumnFilterValueChanged?: ({
+    column,
+    event,
+    filterValue,
+  }: {
+    column: MRT_Column<D>;
+    event: ChangeEvent<HTMLInputElement>;
+    filterValue: any;
   }) => void;
-  onMrtFilterValueChange?: ({
+  onColumnFilterValueChangedDebounced?: ({
     column,
     event,
     filterValue,
@@ -291,7 +312,7 @@ export type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<
 
 export type MRT_Column<D extends Record<string, any> = {}> = Omit<
   Column<D>,
-  'header' | 'footer' | 'columns'
+  'header' | 'footer' | 'columns' | 'columnDef'
 > & {
   columns?: MRT_Column<D>[];
   columnDef: MRT_ColumnDef<D>;
@@ -332,9 +353,24 @@ export type MRT_Cell<D extends Record<string, any> = {}> = Omit<
   row: MRT_Row<D>;
 };
 
-export type MRT_FilterFn<D extends Record<string, any> = {}> =
+export type MRT_FILTER_OPTION =
+  | 'between'
+  | 'contains'
+  | 'empty'
+  | 'endsWith'
+  | 'equals'
+  | 'fuzzy'
+  | 'greaterThan'
+  | 'greaterThanOrEqual'
+  | 'lessThan'
+  | 'lessThanOrEqual'
+  | 'notEmpty'
+  | 'notEquals'
+  | 'startsWith'
+  | FilterFnOption<TableGenerics>;
+
+export type MRT_FilterFn =
   | FilterFn<TableGenerics>
-  | FilterFnOption<D>
   | MRT_FILTER_OPTION
   | number
   | string
@@ -362,263 +398,214 @@ export type MaterialReactTableProps<D extends Record<string, any> = {}> =
     enableToolbarBottom?: boolean;
     enableToolbarInternalActions?: boolean;
     enableToolbarTop?: boolean;
-    enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
-    enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[];
+    enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
+    enabledGlobalFilterOptions?: (MRT_FILTER_OPTION | string)[] | null;
     icons?: Partial<MRT_Icons>;
     localization?: Partial<MRT_Localization>;
     muiLinearProgressProps?:
       | LinearProgressProps
       | (({
-          tableInstance,
+          instance,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
         }) => LinearProgressProps);
     muiSearchTextFieldProps?:
       | TextFieldProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => TextFieldProps);
+      | (({ instance }: { instance: MRT_TableInstance }) => TextFieldProps);
     muiSelectCheckboxProps?:
       | CheckboxProps
       | (({
-          tableInstance,
+          instance,
           isSelectAll,
           row,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           isSelectAll: boolean;
           row?: MRT_Row<D>;
         }) => CheckboxProps);
     muiTableBodyCellCopyButtonProps?:
       | ButtonProps
       | (({
-          tableInstance,
+          instance,
           cell,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           cell: MRT_Cell<D>;
         }) => ButtonProps);
     muiTableBodyCellEditTextFieldProps?:
       | TextFieldProps
       | (({
-          tableInstance,
+          instance,
           cell,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           cell: MRT_Cell<D>;
         }) => TextFieldProps);
     muiTableBodyCellProps?:
       | TableCellProps
       | (({
-          tableInstance,
+          instance,
           cell,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           cell: MRT_Cell<D>;
         }) => TableCellProps);
     muiTableBodyCellSkeletonProps?:
       | SkeletonProps
       | (({
-          tableInstance,
+          instance,
           cell,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           cell: MRT_Cell<D>;
         }) => SkeletonProps);
     muiTableBodyProps?:
       | TableBodyProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => TableBodyProps);
+      | (({ instance }: { instance: MRT_TableInstance }) => TableBodyProps);
     muiTableBodyRowProps?:
       | TableRowProps
       | (({
-          tableInstance,
+          instance,
           row,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           row: MRT_Row<D>;
         }) => TableRowProps);
     muiTableContainerProps?:
       | TableContainerProps
       | (({
-          tableInstance,
+          instance,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
         }) => TableContainerProps);
     muiTableDetailPanelProps?:
       | TableCellProps
       | (({
-          tableInstance,
+          instance,
           row,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           row: MRT_Row<D>;
         }) => TableCellProps);
     muiTableFooterCellProps?:
       | TableCellProps
       | (({
-          tableInstance,
+          instance,
           column,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           column: MRT_Column<D>;
         }) => TableCellProps);
     muiTableFooterProps?:
       | TableFooterProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => TableFooterProps);
+      | (({ instance }: { instance: MRT_TableInstance }) => TableFooterProps);
     muiTableFooterRowProps?:
       | TableRowProps
       | (({
-          tableInstance,
+          instance,
           footerGroup,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           footerGroup: MRT_HeaderGroup<D>;
         }) => TableRowProps);
     muiTableHeadCellColumnActionsButtonProps?:
       | IconButtonProps
       | (({
-          tableInstance,
+          instance,
           column,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           column: MRT_Column<D>;
         }) => IconButtonProps);
     muiTableHeadCellFilterTextFieldProps?:
       | TextFieldProps
       | (({
-          tableInstance,
+          instance,
           column,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           column: MRT_Column<D>;
         }) => TextFieldProps);
     muiTableHeadCellProps?:
       | TableCellProps
       | (({
-          tableInstance,
+          instance,
           column,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           column: MRT_Column<D>;
         }) => TableCellProps);
     muiTableHeadProps?:
       | TableHeadProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => TableHeadProps);
+      | (({ instance }: { instance: MRT_TableInstance }) => TableHeadProps);
     muiTableHeadRowProps?:
       | TableRowProps
       | (({
-          tableInstance,
+          instance,
           headerGroup,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
           headerGroup: MRT_HeaderGroup<D>;
         }) => TableRowProps);
     muiTablePaginationProps?:
       | Partial<TablePaginationProps>
       | (({
-          tableInstance,
+          instance,
         }: {
-          tableInstance: MRT_TableInstance;
+          instance: MRT_TableInstance;
         }) => Partial<TablePaginationProps>);
     muiTablePaperProps?:
       | PaperProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => PaperProps);
+      | (({ instance }: { instance: MRT_TableInstance }) => PaperProps);
     muiTableProps?:
       | TableProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => TableProps);
+      | (({ instance }: { instance: MRT_TableInstance }) => TableProps);
     muiTableToolbarAlertBannerProps?:
       | AlertProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => AlertProps);
+      | (({ instance }: { instance: MRT_TableInstance }) => AlertProps);
     muiTableToolbarBottomProps?:
       | ToolbarProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => ToolbarProps);
+      | (({ instance }: { instance: MRT_TableInstance }) => ToolbarProps);
     muiTableToolbarTopProps?:
       | ToolbarProps
-      | (({
-          tableInstance,
-        }: {
-          tableInstance: MRT_TableInstance;
-        }) => ToolbarProps);
-    onCurrentEditingCellChange?: OnChangeFn<MRT_Cell>;
-    onCurrentEditingRowChange?: OnChangeFn<MRT_Row>;
-    onCurrentFilterFnsChange?: OnChangeFn<{ [key: string]: MRT_FilterFn<D> }>;
-    onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterFn<D>>;
-    onIsDensePaddingChange?: OnChangeFn<boolean>;
-    onIsFullScreenChange?: OnChangeFn<boolean>;
-    onMrtCellClick?: ({
+      | (({ instance }: { instance: MRT_TableInstance }) => ToolbarProps);
+    onCellClick?: ({
       cell,
       event,
-      tableInstance,
+      instance,
     }: {
       cell: MRT_Cell<D>;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
       event: MouseEvent<HTMLTableCellElement>;
     }) => void;
-    onMrtCellEditBlur?: ({
+    onCellEditBlur?: ({
       cell,
       event,
-      tableInstance,
+      instance,
     }: {
       event: FocusEvent<HTMLInputElement>;
       cell: MRT_Cell<D>;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtCellEditChange?: ({
+    onCellEditChanged?: ({
       cell,
       event,
-      tableInstance,
+      instance,
     }: {
       event: ChangeEvent<HTMLInputElement>;
       cell: MRT_Cell<D>;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtDetailPanelClick?: ({
+    onColumnFilterValueChanged?: ({
+      column,
       event,
-      row,
-      tableInstance,
+      filterValue,
     }: {
-      event: MouseEvent<HTMLTableCellElement>;
-      row: MRT_Row<D>;
-      tableInstance: MRT_TableInstance<D>;
+      column: MRT_Column<D>;
+      event: ChangeEvent<HTMLInputElement>;
+      filterValue: any;
     }) => void;
-    onMrtEditRowSubmit?: ({
-      row,
-      tableInstance,
-    }: {
-      row: MRT_Row<D>;
-      tableInstance: MRT_TableInstance<D>;
-    }) => Promise<void> | void;
-    onMrtFilterValueChange?: ({
+    onColumnFilterValueChangedDebounced?: ({
       column,
       event,
       filterValue,
@@ -627,154 +614,183 @@ export type MaterialReactTableProps<D extends Record<string, any> = {}> =
       event: ChangeEvent<HTMLInputElement>;
       filterValue: any;
     }) => void;
-    onMrtGlobalFilterValueChange?: ({
-      event,
-      tableInstance,
+    onColumnVisibilityChanged?: ({
+      column,
+      columnVisibility,
+      instance,
     }: {
-      event: ChangeEvent<HTMLInputElement>;
-      tableInstance: MRT_TableInstance<D>;
+      column: MRT_Column<D>;
+      columnVisibility: VisibilityState;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtRowClick?: ({
+    onCurrentEditingCellChange?: OnChangeFn<MRT_Cell>;
+    onCurrentEditingRowChange?: OnChangeFn<MRT_Row>;
+    onCurrentFilterFnsChange?: OnChangeFn<{ [key: string]: MRT_FilterFn }>;
+    onCurrentGlobalFilterFnChange?: OnChangeFn<MRT_FilterFn>;
+    onDetailPanelClick?: ({
       event,
       row,
-      tableInstance,
+      instance,
     }: {
-      event: MouseEvent<HTMLTableRowElement>;
+      event: MouseEvent<HTMLTableCellElement>;
       row: MRT_Row<D>;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtRowExpandChange?: ({
+    onEditRowSubmit?: ({
+      row,
+      instance,
+    }: {
+      row: MRT_Row<D>;
+      instance: MRT_TableInstance<D>;
+    }) => Promise<void> | void;
+    onExpandChanged?: ({
       event,
       row,
     }: {
       event: MouseEvent<HTMLButtonElement>;
       row: MRT_Row<D>;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtSelectAllChange?: ({
+    onGlobalFilterValueChanged?: ({
       event,
-      selectedRows,
-      tableInstance,
+      instance,
     }: {
-      event: ChangeEvent;
-      selectedRows: MRT_Row<D>[];
-      tableInstance: MRT_TableInstance<D>;
+      event: ChangeEvent<HTMLInputElement>;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtSelectRowChange?: ({
+    onGlobalFilterValueChangedDebounced?: ({
       event,
-      row,
-      selectedRows,
-      tableInstance,
+      instance,
     }: {
-      event: ChangeEvent;
-      row: MRT_Row<D>;
-      selectedRows: MRT_Row<D>[];
-      tableInstance: MRT_TableInstance<D>;
-    }) => void;
-    onMrtToggleColumnVisibility?: ({
-      column,
-      columnVisibility,
-      tableInstance,
-    }: {
-      column: MRT_Column<D>;
-      columnVisibility: VisibilityState;
-      tableInstance: MRT_TableInstance<D>;
+      event: ChangeEvent<HTMLInputElement>;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtToggleDensePadding?: ({
+    onIsDensePaddingChange?: OnChangeFn<boolean>;
+    onIsDensePaddingChanged?: ({
       event,
       isDensePadding,
-      tableInstance,
+      instance,
     }: {
       event: MouseEvent<HTMLButtonElement>;
       isDensePadding: boolean;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtToggleFullScreen?: ({
+    onIsFullScreenChange?: OnChangeFn<boolean>;
+    onIsFullScreenChanged?: ({
       event,
       isFullScreen,
-      tableInstance,
+      instance,
     }: {
       event: MouseEvent<HTMLButtonElement>;
       isFullScreen: boolean;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => void;
-    onMrtToggleShowFilters?: ({
+    onRowClick?: ({
       event,
+      row,
+      instance,
+    }: {
+      event: MouseEvent<HTMLTableRowElement>;
+      row: MRT_Row<D>;
+      instance: MRT_TableInstance<D>;
+    }) => void;
+    onRowSelectAllChanged?: ({
+      event,
+      selectedRows,
+      instance,
+    }: {
+      event: ChangeEvent;
+      selectedRows: MRT_Row<D>[];
+      instance: MRT_TableInstance<D>;
+    }) => void;
+    onRowSelectionChanged?: ({
+      event,
+      row,
+      selectedRows,
+      instance,
+    }: {
+      event: ChangeEvent;
+      row: MRT_Row<D>;
+      selectedRows: MRT_Row<D>[];
+      instance: MRT_TableInstance<D>;
+    }) => void;
+    onShowFiltersChange?: OnChangeFn<boolean>;
+    onShowFiltersChanged?: ({
+      event,
+      instance,
       showFilters,
-      tableInstance,
     }: {
       event: MouseEvent<HTMLButtonElement>;
+      instance: MRT_TableInstance<D>;
       showFilters: boolean;
-      tableInstance: MRT_TableInstance<D>;
     }) => void;
-    onMrtToggleShowGlobalFilter?: ({
+    onShowGlobalFilterChange?: OnChangeFn<boolean>;
+    onShowGlobalFilterChanged?: ({
       event,
+      instance,
       showGlobalFilter,
-      tableInstance,
     }: {
       event: MouseEvent<HTMLButtonElement>;
+      instance: MRT_TableInstance<D>;
       showGlobalFilter: boolean;
-      tableInstance: MRT_TableInstance<D>;
     }) => void;
-    onShowFiltersChange?: OnChangeFn<boolean>;
-    onShowGlobalFilterChange?: OnChangeFn<boolean>;
     persistentStateMode?: 'localStorage' | 'sessionStorage';
     positionActionsColumn?: 'first' | 'last';
-    positionPagination?: 'bottom' | 'top' | 'both';
     positionGlobalFilter?: 'left' | 'right';
+    positionPagination?: 'bottom' | 'top' | 'both';
     positionToolbarActions?: 'bottom' | 'top';
     positionToolbarAlertBanner?: 'bottom' | 'top';
     renderDetailPanel?: ({
       row,
-      tableInstance,
+      instance,
     }: {
       row: MRT_Row<D>;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => ReactNode;
     renderRowActionMenuItems?: ({
       closeMenu,
       row,
-      tableInstance,
+      instance,
     }: {
       closeMenu: () => void;
       row: MRT_Row<D>;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => ReactNode[];
     renderRowActions?: ({
       row,
-      tableInstance,
+      instance,
     }: {
       row: MRT_Row<D>;
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => ReactNode;
     renderToolbarCustomActions?: ({
-      tableInstance,
+      instance,
     }: {
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
     }) => ReactNode;
     renderToolbarInternalActions?: ({
-      tableInstance,
+      instance,
       MRT_ToggleGlobalFilterButton,
       MRT_ToggleFiltersButton,
       MRT_ShowHideColumnsButton,
       MRT_ToggleDensePaddingButton,
       MRT_FullScreenToggleButton,
     }: {
-      tableInstance: MRT_TableInstance<D>;
+      instance: MRT_TableInstance<D>;
       MRT_ToggleGlobalFilterButton: FC<
-        IconButtonProps & { tableInstance: MRT_TableInstance<D> }
+        IconButtonProps & { instance: MRT_TableInstance<D> }
       >;
       MRT_ToggleFiltersButton: FC<
-        IconButtonProps & { tableInstance: MRT_TableInstance<D> }
+        IconButtonProps & { instance: MRT_TableInstance<D> }
       >;
       MRT_ShowHideColumnsButton: FC<
-        IconButtonProps & { tableInstance: MRT_TableInstance<D> }
+        IconButtonProps & { instance: MRT_TableInstance<D> }
       >;
       MRT_ToggleDensePaddingButton: FC<
-        IconButtonProps & { tableInstance: MRT_TableInstance<D> }
+        IconButtonProps & { instance: MRT_TableInstance<D> }
       >;
       MRT_FullScreenToggleButton: FC<
-        IconButtonProps & { tableInstance: MRT_TableInstance<D> }
+        IconButtonProps & { instance: MRT_TableInstance<D> }
       >;
     }) => ReactNode;
     rowNumberMode?: 'original' | 'static';