material-react-table 1.13.1 → 1.15.0

package/src/types.ts

@@ -364,7 +364,7 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> =
      * @example accessorKey: 'username' //simple
      * @example accessorKey: 'name.firstName' //deep key dot notation
      */
-    accessorKey?: DeepKeys<TData>;
+    accessorKey?: (string & {}) | DeepKeys<TData>;
     aggregationFn?: MRT_AggregationFn<TData> | Array<MRT_AggregationFn<TData>>;
     /**
      * Specify what type of column this is. Either `data`, `display`, or `group`. Defaults to `data`.
@@ -485,6 +485,7 @@ export type MRT_ColumnDef<TData extends Record<string, any> = {}> =
     renderColumnActionsMenuItems?: (props: {
       closeMenu: () => void;
       column: MRT_Column<TData>;
+      internalColumnMenuItems: ReactNode[];
       table: MRT_TableInstance<TData>;
     }) => ReactNode[];
     renderColumnFilterModeMenuItems?: (props: {
@@ -602,382 +603,381 @@ export type MRT_CreateTableFeature<
  * @link https://www.material-react-table.com/docs/api/props
  */
 export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
-  Prettify<
-    Omit<
-      Partial<TableOptions<TData>>,
-      | 'columns'
-      | 'data'
-      | 'defaultColumn'
-      | 'enableRowSelection'
-      | 'expandRowsFn'
-      | 'getRowId'
-      | 'globalFilterFn'
-      | 'initialState'
-      | 'onStateChange'
-      | 'state'
-    > & {
-      columnFilterModeOptions?: Array<
-        LiteralUnion<string & MRT_FilterOption>
-      > | null;
-      /**
-       * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
-       *
-       * See more info on creating columns on the official docs site:
-       * @link https://www.material-react-table.com/docs/guides/data-columns
-       * @link https://www.material-react-table.com/docs/guides/display-columns
-       *
-       * See all Columns Options on the official docs site:
-       * @link https://www.material-react-table.com/docs/api/column-options
-       */
-      columns: MRT_ColumnDef<TData>[];
-      /**
-       * Pass your data as an array of objects. Objects can theoretically be any shape, but it's best to keep them consistent.
-       *
-       * See the usage guide for more info on creating columns and data:
-       * @link https://www.material-react-table.com/docs/getting-started/usage
-       */
-      data: TData[];
-      /**
-       * Instead of specifying a bunch of the same options for each column, you can just change an option in the `defaultColumn` prop to change a default option for all columns.
-       */
-      defaultColumn?: Partial<MRT_ColumnDef<TData>>;
-      /**
-       * Change the default options for display columns.
-       */
-      defaultDisplayColumn?: Partial<MRT_ColumnDef<TData>>;
-      displayColumnDefOptions?: Partial<{
-        [key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef>;
-      }>;
-      editingMode?: 'table' | 'modal' | 'row' | 'cell';
-      enableBottomToolbar?: boolean;
-      enableClickToCopy?: boolean;
-      enableColumnActions?: boolean;
-      enableColumnDragging?: boolean;
-      enableColumnFilterModes?: boolean;
-      enableColumnOrdering?: boolean;
-      enableColumnVirtualization?: boolean;
-      enableDensityToggle?: boolean;
-      enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
-      enableExpandAll?: boolean;
-      enableFacetedValues?: boolean;
-      enableFilterMatchHighlighting?: boolean;
-      enableFullScreenToggle?: boolean;
-      enableGlobalFilterModes?: boolean;
-      enableGlobalFilterRankedResults?: boolean;
-      enablePagination?: boolean;
-      enableRowActions?: boolean;
-      enableRowDragging?: boolean;
-      enableRowNumbers?: boolean;
-      enableRowOrdering?: boolean;
-      enableRowSelection?: boolean | ((row: MRT_Row<TData>) => boolean);
-      enableRowVirtualization?: boolean;
-      enableSelectAll?: boolean;
-      enableStickyFooter?: boolean;
-      enableStickyHeader?: boolean;
-      enableTableFooter?: boolean;
-      enableTableHead?: boolean;
-      enableToolbarInternalActions?: boolean;
-      enableTopToolbar?: boolean;
-      expandRowsFn?: (dataRow: TData) => TData[];
-      getRowId?: (
-        originalRow: TData,
-        index: number,
-        parentRow: MRT_Row<TData>,
-      ) => string;
-      globalFilterFn?: MRT_FilterOption;
-      globalFilterModeOptions?: MRT_FilterOption[] | null;
-      icons?: Partial<MRT_Icons>;
-      initialState?: Partial<MRT_TableState<TData>>;
-      /**
-       * 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?: 'semantic' | 'grid';
-      /**
-       * Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object.
-       *
-       * See the localization (i18n) guide for more info:
-       * @link https://www.material-react-table.com/docs/guides/localization
-       */
-      localization?: Partial<MRT_Localization>;
-      /**
-       * Memoize cells, rows, or the entire table body to potentially improve render performance.
-       *
-       * @warning This will break some dynamic rendering features. See the memoization guide for more info:
-       * @link https://www.material-react-table.com/docs/guides/memoize-components
-       */
-      memoMode?: 'cells' | 'rows' | 'table-body';
-      muiBottomToolbarProps?:
-        | ToolbarProps
-        | ((props: { table: MRT_TableInstance<TData> }) => ToolbarProps);
-      muiExpandAllButtonProps?:
-        | IconButtonProps
-        | ((props: { table: MRT_TableInstance<TData> }) => IconButtonProps);
-      muiExpandButtonProps?:
-        | IconButtonProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            row: MRT_Row<TData>;
-          }) => IconButtonProps);
-      muiLinearProgressProps?:
-        | LinearProgressProps
-        | ((props: {
-            isTopToolbar: boolean;
-            table: MRT_TableInstance<TData>;
-          }) => LinearProgressProps);
-      muiSearchTextFieldProps?:
-        | TextFieldProps
-        | ((props: { table: MRT_TableInstance<TData> }) => TextFieldProps);
-      muiSelectAllCheckboxProps?:
-        | CheckboxProps
-        | ((props: { table: MRT_TableInstance<TData> }) => CheckboxProps);
-      muiSelectCheckboxProps?:
-        | (CheckboxProps | RadioProps)
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            row: MRT_Row<TData>;
-          }) => CheckboxProps | RadioProps);
-      muiTableBodyCellCopyButtonProps?:
-        | ButtonProps
-        | ((props: {
-            cell: MRT_Cell<TData>;
-            column: MRT_Column<TData>;
-            row: MRT_Row<TData>;
-            table: MRT_TableInstance<TData>;
-          }) => ButtonProps);
-      muiTableBodyCellEditTextFieldProps?:
-        | TextFieldProps
-        | ((props: {
-            cell: MRT_Cell<TData>;
-            column: MRT_Column<TData>;
-            row: MRT_Row<TData>;
-            table: MRT_TableInstance<TData>;
-          }) => TextFieldProps);
-      muiTableBodyCellProps?:
-        | TableCellProps
-        | ((props: {
-            cell: MRT_Cell<TData>;
-            column: MRT_Column<TData>;
-            row: MRT_Row<TData>;
-            table: MRT_TableInstance<TData>;
-          }) => TableCellProps);
-      muiTableBodyCellSkeletonProps?:
-        | SkeletonProps
-        | ((props: {
-            cell: MRT_Cell<TData>;
-            column: MRT_Column<TData>;
-            row: MRT_Row<TData>;
-            table: MRT_TableInstance<TData>;
-          }) => SkeletonProps);
-      muiTableBodyProps?:
-        | TableBodyProps
-        | ((props: { table: MRT_TableInstance<TData> }) => TableBodyProps);
-      muiTableBodyRowDragHandleProps?:
-        | IconButtonProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            row: MRT_Row<TData>;
-          }) => IconButtonProps);
-      muiTableBodyRowProps?:
-        | TableRowProps
-        | ((props: {
-            isDetailPanel?: boolean;
-            row: MRT_Row<TData>;
-            staticRowIndex: number;
-            table: MRT_TableInstance<TData>;
-          }) => TableRowProps);
-      muiTableContainerProps?:
-        | TableContainerProps
-        | ((props: { table: MRT_TableInstance<TData> }) => TableContainerProps);
-      muiTableDetailPanelProps?:
-        | TableCellProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            row: MRT_Row<TData>;
-          }) => TableCellProps);
-      muiTableFooterCellProps?:
-        | TableCellProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            column: MRT_Column<TData>;
-          }) => TableCellProps);
-      muiTableFooterProps?:
-        | TableFooterProps
-        | ((props: { table: MRT_TableInstance<TData> }) => TableFooterProps);
-      muiTableFooterRowProps?:
-        | TableRowProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            footerGroup: MRT_HeaderGroup<TData>;
-          }) => TableRowProps);
-      muiTableHeadCellColumnActionsButtonProps?:
-        | IconButtonProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            column: MRT_Column<TData>;
-          }) => IconButtonProps);
-      muiTableHeadCellDragHandleProps?:
-        | IconButtonProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            column: MRT_Column<TData>;
-          }) => IconButtonProps);
-      muiTableHeadCellFilterCheckboxProps?:
-        | CheckboxProps
-        | ((props: {
-            column: MRT_Column<TData>;
-            table: MRT_TableInstance<TData>;
-          }) => CheckboxProps);
-      muiTableHeadCellFilterTextFieldProps?:
-        | TextFieldProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            column: MRT_Column<TData>;
-            rangeFilterIndex?: number;
-          }) => TextFieldProps);
-      muiTableHeadCellFilterSliderProps?:
-        | SliderProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            column: MRT_Column<TData>;
-          }) => TextFieldProps);
-      muiTableHeadCellProps?:
-        | TableCellProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            column: MRT_Column<TData>;
-          }) => TableCellProps);
-      muiTableHeadProps?:
-        | TableHeadProps
-        | ((props: { table: MRT_TableInstance<TData> }) => TableHeadProps);
-      muiTableHeadRowProps?:
-        | TableRowProps
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-            headerGroup: MRT_HeaderGroup<TData>;
-          }) => TableRowProps);
-      muiTablePaginationProps?:
-        | Partial<Omit<TablePaginationProps, 'rowsPerPage'>>
-        | ((props: {
-            table: MRT_TableInstance<TData>;
-          }) => Partial<Omit<TablePaginationProps, 'rowsPerPage'>>);
-      muiTablePaperProps?:
-        | PaperProps
-        | ((props: { table: MRT_TableInstance<TData> }) => PaperProps);
-      muiTableProps?:
-        | TableProps
-        | ((props: { table: MRT_TableInstance<TData> }) => TableProps);
-      muiToolbarAlertBannerChipProps?:
-        | ChipProps
-        | ((props: { table: MRT_TableInstance<TData> }) => ChipProps);
-      muiToolbarAlertBannerProps?:
-        | AlertProps
-        | ((props: { table: MRT_TableInstance<TData> }) => AlertProps);
-      muiTopToolbarProps?:
-        | ToolbarProps
-        | ((props: { table: MRT_TableInstance<TData> }) => ToolbarProps);
-      onDensityChange?: OnChangeFn<MRT_DensityState>;
-      onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
-      onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
-      onEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
-      onEditingRowCancel?: (props: {
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-      }) => void;
-      onEditingRowSave?: (props: {
-        exitEditingMode: () => void;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-        values: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
-      }) => Promise<void> | void;
-      onEditingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
-      onColumnFilterFnsChange?: OnChangeFn<{ [key: string]: MRT_FilterOption }>;
-      onGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
-      onHoveredColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
-      onHoveredRowChange?: OnChangeFn<MRT_Row<TData> | null>;
-      onIsFullScreenChange?: OnChangeFn<boolean>;
-      onShowAlertBannerChange?: OnChangeFn<boolean>;
-      onShowColumnFiltersChange?: OnChangeFn<boolean>;
-      onShowGlobalFilterChange?: OnChangeFn<boolean>;
-      onShowToolbarDropZoneChange?: OnChangeFn<boolean>;
-      positionActionsColumn?: 'first' | 'last';
-      positionExpandColumn?: 'first' | 'last';
-      positionGlobalFilter?: 'left' | 'right' | 'none';
-      positionPagination?: 'bottom' | 'top' | 'both' | 'none';
-      positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
-      positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
-      renderBottomToolbar?:
-        | ReactNode
-        | ((props: { table: MRT_TableInstance<TData> }) => ReactNode);
-      renderBottomToolbarCustomActions?: (props: {
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode;
-      renderColumnActionsMenuItems?: (props: {
-        column: MRT_Column<TData>;
-        closeMenu: () => void;
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode[];
-      renderColumnFilterModeMenuItems?: (props: {
-        column: MRT_Column<TData>;
-        internalFilterOptions: MRT_InternalFilterOption[];
-        onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode[];
-      renderDetailPanel?: (props: {
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode;
-      renderGlobalFilterModeMenuItems?: (props: {
-        internalFilterOptions: MRT_InternalFilterOption[];
-        onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode[];
-      renderEmptyRowsFallback?: (props: {
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode;
-      renderRowActionMenuItems?: (props: {
-        closeMenu: () => void;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode[];
-      renderRowActions?: (props: {
-        cell: MRT_Cell<TData>;
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode;
-      renderToolbarInternalActions?: (props: {
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode;
-      renderTopToolbar?:
-        | ReactNode
-        | ((props: { table: MRT_TableInstance<TData> }) => ReactNode);
-      renderTopToolbarCustomActions?: (props: {
-        table: MRT_TableInstance<TData>;
-      }) => ReactNode;
-      rowCount?: number;
-      rowNumberMode?: 'original' | 'static';
-      selectAllMode?: 'all' | 'page';
-      /**
-       * Manage state externally any way you want, then pass it back into MRT.
-       */
-      state?: Partial<MRT_TableState<TData>>;
-      /**
-       * Sequence of features important any dependent feature must be defined first
-       */
-      tableFeatures?: Array<MRT_CreateTableFeature<TData>>;
-      /**
-       * Get access to the table instance via a ref to read state or call built-in methods
-       */
-      tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
-      /**
-       * @deprecated Use `rowVirtualizerInstanceRef` instead
-       */
-      virtualizerInstanceRef?: any;
-      /**
-       * @deprecated Use `rowVirtualizerProps` instead
-       */
-      virtualizerProps?: any;
-    }
+  Omit<
+    Partial<TableOptions<TData>>,
+    | 'columns'
+    | 'data'
+    | 'defaultColumn'
+    | 'enableRowSelection'
+    | 'expandRowsFn'
+    | 'getRowId'
+    | 'globalFilterFn'
+    | 'initialState'
+    | 'onStateChange'
+    | 'state'
   > & {
+    columnFilterModeOptions?: Array<
+      LiteralUnion<string & MRT_FilterOption>
+    > | null;
+    /**
+     * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
+     *
+     * See more info on creating columns on the official docs site:
+     * @link https://www.material-react-table.com/docs/guides/data-columns
+     * @link https://www.material-react-table.com/docs/guides/display-columns
+     *
+     * See all Columns Options on the official docs site:
+     * @link https://www.material-react-table.com/docs/api/column-options
+     */
+    columns: MRT_ColumnDef<TData>[];
+    /**
+     * Pass your data as an array of objects. Objects can theoretically be any shape, but it's best to keep them consistent.
+     *
+     * See the usage guide for more info on creating columns and data:
+     * @link https://www.material-react-table.com/docs/getting-started/usage
+     */
+    data: TData[];
+    /**
+     * Instead of specifying a bunch of the same options for each column, you can just change an option in the `defaultColumn` prop to change a default option for all columns.
+     */
+    defaultColumn?: Partial<MRT_ColumnDef<TData>>;
+    /**
+     * Change the default options for display columns.
+     */
+    defaultDisplayColumn?: Partial<MRT_ColumnDef<TData>>;
+    displayColumnDefOptions?: Partial<{
+      [key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef>;
+    }>;
+    editingMode?: 'table' | 'modal' | 'row' | 'cell';
+    enableBottomToolbar?: boolean;
+    enableClickToCopy?: boolean;
+    enableColumnActions?: boolean;
+    enableColumnDragging?: boolean;
+    enableColumnFilterModes?: boolean;
+    enableColumnOrdering?: boolean;
+    enableColumnVirtualization?: boolean;
+    enableDensityToggle?: boolean;
+    enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
+    enableExpandAll?: boolean;
+    enableFacetedValues?: boolean;
+    enableFilterMatchHighlighting?: boolean;
+    enableFullScreenToggle?: boolean;
+    enableGlobalFilterModes?: boolean;
+    enableGlobalFilterRankedResults?: boolean;
+    enablePagination?: boolean;
+    enableRowActions?: boolean;
+    enableRowDragging?: boolean;
+    enableRowNumbers?: boolean;
+    enableRowOrdering?: boolean;
+    enableRowSelection?: boolean | ((row: MRT_Row<TData>) => boolean);
+    enableRowVirtualization?: boolean;
+    enableSelectAll?: boolean;
+    enableStickyFooter?: boolean;
+    enableStickyHeader?: boolean;
+    enableTableFooter?: boolean;
+    enableTableHead?: boolean;
+    enableToolbarInternalActions?: boolean;
+    enableTopToolbar?: boolean;
+    expandRowsFn?: (dataRow: TData) => TData[];
+    getRowId?: (
+      originalRow: TData,
+      index: number,
+      parentRow: MRT_Row<TData>,
+    ) => string;
+    globalFilterFn?: MRT_FilterOption;
+    globalFilterModeOptions?: MRT_FilterOption[] | null;
+    icons?: Partial<MRT_Icons>;
+    initialState?: Partial<MRT_TableState<TData>>;
+    /**
+     * 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?: 'semantic' | 'grid';
+    /**
+     * Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object.
+     *
+     * See the localization (i18n) guide for more info:
+     * @link https://www.material-react-table.com/docs/guides/localization
+     */
+    localization?: Partial<MRT_Localization>;
+    /**
+     * Memoize cells, rows, or the entire table body to potentially improve render performance.
+     *
+     * @warning This will break some dynamic rendering features. See the memoization guide for more info:
+     * @link https://www.material-react-table.com/docs/guides/memoize-components
+     */
+    memoMode?: 'cells' | 'rows' | 'table-body';
+    muiBottomToolbarProps?:
+      | ToolbarProps
+      | ((props: { table: MRT_TableInstance<TData> }) => ToolbarProps);
+    muiExpandAllButtonProps?:
+      | IconButtonProps
+      | ((props: { table: MRT_TableInstance<TData> }) => IconButtonProps);
+    muiExpandButtonProps?:
+      | IconButtonProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          row: MRT_Row<TData>;
+        }) => IconButtonProps);
+    muiLinearProgressProps?:
+      | LinearProgressProps
+      | ((props: {
+          isTopToolbar: boolean;
+          table: MRT_TableInstance<TData>;
+        }) => LinearProgressProps);
+    muiSearchTextFieldProps?:
+      | TextFieldProps
+      | ((props: { table: MRT_TableInstance<TData> }) => TextFieldProps);
+    muiSelectAllCheckboxProps?:
+      | CheckboxProps
+      | ((props: { table: MRT_TableInstance<TData> }) => CheckboxProps);
+    muiSelectCheckboxProps?:
+      | (CheckboxProps | RadioProps)
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          row: MRT_Row<TData>;
+        }) => CheckboxProps | RadioProps);
+    muiTableBodyCellCopyButtonProps?:
+      | ButtonProps
+      | ((props: {
+          cell: MRT_Cell<TData>;
+          column: MRT_Column<TData>;
+          row: MRT_Row<TData>;
+          table: MRT_TableInstance<TData>;
+        }) => ButtonProps);
+    muiTableBodyCellEditTextFieldProps?:
+      | TextFieldProps
+      | ((props: {
+          cell: MRT_Cell<TData>;
+          column: MRT_Column<TData>;
+          row: MRT_Row<TData>;
+          table: MRT_TableInstance<TData>;
+        }) => TextFieldProps);
+    muiTableBodyCellProps?:
+      | TableCellProps
+      | ((props: {
+          cell: MRT_Cell<TData>;
+          column: MRT_Column<TData>;
+          row: MRT_Row<TData>;
+          table: MRT_TableInstance<TData>;
+        }) => TableCellProps);
+    muiTableBodyCellSkeletonProps?:
+      | SkeletonProps
+      | ((props: {
+          cell: MRT_Cell<TData>;
+          column: MRT_Column<TData>;
+          row: MRT_Row<TData>;
+          table: MRT_TableInstance<TData>;
+        }) => SkeletonProps);
+    muiTableBodyProps?:
+      | TableBodyProps
+      | ((props: { table: MRT_TableInstance<TData> }) => TableBodyProps);
+    muiTableBodyRowDragHandleProps?:
+      | IconButtonProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          row: MRT_Row<TData>;
+        }) => IconButtonProps);
+    muiTableBodyRowProps?:
+      | TableRowProps
+      | ((props: {
+          isDetailPanel?: boolean;
+          row: MRT_Row<TData>;
+          staticRowIndex: number;
+          table: MRT_TableInstance<TData>;
+        }) => TableRowProps);
+    muiTableContainerProps?:
+      | TableContainerProps
+      | ((props: { table: MRT_TableInstance<TData> }) => TableContainerProps);
+    muiTableDetailPanelProps?:
+      | TableCellProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          row: MRT_Row<TData>;
+        }) => TableCellProps);
+    muiTableFooterCellProps?:
+      | TableCellProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          column: MRT_Column<TData>;
+        }) => TableCellProps);
+    muiTableFooterProps?:
+      | TableFooterProps
+      | ((props: { table: MRT_TableInstance<TData> }) => TableFooterProps);
+    muiTableFooterRowProps?:
+      | TableRowProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          footerGroup: MRT_HeaderGroup<TData>;
+        }) => TableRowProps);
+    muiTableHeadCellColumnActionsButtonProps?:
+      | IconButtonProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          column: MRT_Column<TData>;
+        }) => IconButtonProps);
+    muiTableHeadCellDragHandleProps?:
+      | IconButtonProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          column: MRT_Column<TData>;
+        }) => IconButtonProps);
+    muiTableHeadCellFilterCheckboxProps?:
+      | CheckboxProps
+      | ((props: {
+          column: MRT_Column<TData>;
+          table: MRT_TableInstance<TData>;
+        }) => CheckboxProps);
+    muiTableHeadCellFilterTextFieldProps?:
+      | TextFieldProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          column: MRT_Column<TData>;
+          rangeFilterIndex?: number;
+        }) => TextFieldProps);
+    muiTableHeadCellFilterSliderProps?:
+      | SliderProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          column: MRT_Column<TData>;
+        }) => TextFieldProps);
+    muiTableHeadCellProps?:
+      | TableCellProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          column: MRT_Column<TData>;
+        }) => TableCellProps);
+    muiTableHeadProps?:
+      | TableHeadProps
+      | ((props: { table: MRT_TableInstance<TData> }) => TableHeadProps);
+    muiTableHeadRowProps?:
+      | TableRowProps
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+          headerGroup: MRT_HeaderGroup<TData>;
+        }) => TableRowProps);
+    muiTablePaginationProps?:
+      | Partial<Omit<TablePaginationProps, 'rowsPerPage'>>
+      | ((props: {
+          table: MRT_TableInstance<TData>;
+        }) => Partial<Omit<TablePaginationProps, 'rowsPerPage'>>);
+    muiTablePaperProps?:
+      | PaperProps
+      | ((props: { table: MRT_TableInstance<TData> }) => PaperProps);
+    muiTableProps?:
+      | TableProps
+      | ((props: { table: MRT_TableInstance<TData> }) => TableProps);
+    muiToolbarAlertBannerChipProps?:
+      | ChipProps
+      | ((props: { table: MRT_TableInstance<TData> }) => ChipProps);
+    muiToolbarAlertBannerProps?:
+      | AlertProps
+      | ((props: { table: MRT_TableInstance<TData> }) => AlertProps);
+    muiTopToolbarProps?:
+      | ToolbarProps
+      | ((props: { table: MRT_TableInstance<TData> }) => ToolbarProps);
+    onDensityChange?: OnChangeFn<MRT_DensityState>;
+    onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
+    onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
+    onEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;
+    onEditingRowCancel?: (props: {
+      row: MRT_Row<TData>;
+      table: MRT_TableInstance<TData>;
+    }) => void;
+    onEditingRowSave?: (props: {
+      exitEditingMode: () => void;
+      row: MRT_Row<TData>;
+      table: MRT_TableInstance<TData>;
+      values: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
+    }) => Promise<void> | void;
+    onEditingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
+    onColumnFilterFnsChange?: OnChangeFn<{ [key: string]: MRT_FilterOption }>;
+    onGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
+    onHoveredColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
+    onHoveredRowChange?: OnChangeFn<MRT_Row<TData> | null>;
+    onIsFullScreenChange?: OnChangeFn<boolean>;
+    onShowAlertBannerChange?: OnChangeFn<boolean>;
+    onShowColumnFiltersChange?: OnChangeFn<boolean>;
+    onShowGlobalFilterChange?: OnChangeFn<boolean>;
+    onShowToolbarDropZoneChange?: OnChangeFn<boolean>;
+    positionActionsColumn?: 'first' | 'last';
+    positionExpandColumn?: 'first' | 'last';
+    positionGlobalFilter?: 'left' | 'right' | 'none';
+    positionPagination?: 'bottom' | 'top' | 'both' | 'none';
+    positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
+    positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
+    renderBottomToolbar?:
+      | ReactNode
+      | ((props: { table: MRT_TableInstance<TData> }) => ReactNode);
+    renderBottomToolbarCustomActions?: (props: {
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderColumnActionsMenuItems?: (props: {
+      column: MRT_Column<TData>;
+      closeMenu: () => void;
+      internalColumnMenuItems: ReactNode[];
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode[];
+    renderColumnFilterModeMenuItems?: (props: {
+      column: MRT_Column<TData>;
+      internalFilterOptions: MRT_InternalFilterOption[];
+      onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode[];
+    renderDetailPanel?: (props: {
+      row: MRT_Row<TData>;
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderGlobalFilterModeMenuItems?: (props: {
+      internalFilterOptions: MRT_InternalFilterOption[];
+      onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode[];
+    renderEmptyRowsFallback?: (props: {
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderRowActionMenuItems?: (props: {
+      closeMenu: () => void;
+      row: MRT_Row<TData>;
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode[];
+    renderRowActions?: (props: {
+      cell: MRT_Cell<TData>;
+      row: MRT_Row<TData>;
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderToolbarInternalActions?: (props: {
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderTopToolbar?:
+      | ReactNode
+      | ((props: { table: MRT_TableInstance<TData> }) => ReactNode);
+    renderTopToolbarCustomActions?: (props: {
+      table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    rowCount?: number;
+    rowNumberMode?: 'original' | 'static';
+    selectAllMode?: 'all' | 'page';
+    /**
+     * Manage state externally any way you want, then pass it back into MRT.
+     */
+    state?: Partial<MRT_TableState<TData>>;
+    /**
+     * Sequence of features important any dependent feature must be defined first
+     */
+    tableFeatures?: Array<MRT_CreateTableFeature<TData>>;
+    /**
+     * Get access to the table instance via a ref to read state or call built-in methods
+     */
+    tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
+    /**
+     * @deprecated Use `rowVirtualizerInstanceRef` instead
+     */
+    virtualizerInstanceRef?: any;
+    /**
+     * @deprecated Use `rowVirtualizerProps` instead
+     */
+    virtualizerProps?: any;
+  } & {
     columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<
       HTMLDivElement,
       HTMLTableCellElement