material-react-table 0.4.7 → 0.4.8

package/dist/MaterialReactTable.d.ts

@@ -1,15 +1,58 @@
 import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
 import { AlertProps, IconButtonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
-import { Cell, Column, HeaderGroup, Row, TableInstance, TableOptions, UseExpandedOptions, UseFiltersOptions, UseGlobalFiltersOptions, UseGroupByOptions, UsePaginationOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseTableOptions } from 'react-table';
-import { MRT_ColumnInterface } from './@types/react-table-config';
+import { Cell, Column, ColumnInstance, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
 import { MRT_Localization } from './localization';
 import { MRT_Icons } from './icons';
-export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D> & UseTableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
+export declare type MRT_TableOptions<D extends {} = {}> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {};
+export declare type MRT_TableInstance<D extends {} = {}> = TableInstance<D> & UseTableInstanceProps<D> & UseColumnOrderInstanceProps<D> & UseExpandedInstanceProps<D> & UseFiltersInstanceProps<D> & UseGlobalFiltersInstanceProps<D> & UseGroupByInstanceProps<D> & UsePaginationInstanceProps<D> & UseRowSelectInstanceProps<D> & UseRowStateInstanceProps<D> & UseSortByInstanceProps<D> & {
+    columns: (Column<D> & MRT_ColumnInstance<D>)[];
+    headerGroups: MRT_HeaderGroup<D>[];
+    footerGroups: MRT_HeaderGroup<D>[];
+    state: MRT_TableState<D>;
+    rows: MRT_Row<D>[];
+    page: MRT_Row<D>[];
+    resetResizing: () => void;
+    getToggleAllRowsExpandedProps: () => void;
+};
+export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
+    Edit?: ({ cell, onChange, }: {
+        cell: MRT_Cell<D>;
+        onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    }) => ReactNode;
+    Filter?: ({ column }: {
+        column: MRT_HeaderGroup<D>;
+    }) => ReactNode;
+    Footer?: string;
+    Header?: string;
+    disableFilters?: boolean;
+    editable?: boolean;
+    muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
+    muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
+    muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
+    muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
+    muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
+    onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
+    onFilterChange?: (event: ChangeEvent<HTMLInputElement>, filterValue: any) => void;
+};
+export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & {
+    columns?: MRT_ColumnInstance<D>[];
+};
+export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_ColumnInstance<D> & UseTableHeaderGroupProps<D> & {
+    headers: MRT_HeaderGroup<D>[];
+};
+export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D> & UseGroupByRowProps<D> & UseRowSelectRowProps<D> & UseRowStateRowProps<D> & {
+    cells: MRT_Cell<D>[];
+};
+export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {};
+export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColumnOrderState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseGroupByState<D> & UsePaginationState<D> & UseResizeColumnsState<D> & UseRowSelectState<D> & UseRowStateState<D> & UseSortByState<D> & {
+    densePadding?: boolean;
+    fullScreen?: boolean;
+    showFilters?: boolean;
+    showSearchTextField?: boolean;
+};
+export declare type MaterialReactTableProps<D extends {} = {}> = MRT_TableOptions<D> & UseTableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
     columns: (Column<D> & MRT_ColumnInterface)[];
-    defaultDensePadding?: boolean;
-    defaultFullScreen?: boolean;
-    defaultShowFilters?: boolean;
-    defaultShowSearchTextField?: boolean;
+    data: D[];
     disableColumnActions?: boolean;
     disableColumnHiding?: boolean;
     disableDensePaddingToggle?: boolean;
@@ -29,29 +72,30 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     hideToolbarInternalActions?: boolean;
     hideToolbarTop?: boolean;
     icons?: Partial<MRT_Icons>;
+    initialState?: Partial<MRT_TableState>;
     isFetching?: boolean;
     isLoading?: boolean;
     localization?: Partial<MRT_Localization>;
     muiSearchTextFieldProps?: TextFieldProps;
-    muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: Cell<D>) => TextFieldProps);
-    muiTableBodyCellProps?: TableCellProps | ((cell?: Cell<D>) => TableCellProps);
+    muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: MRT_Cell<D>) => TextFieldProps);
+    muiTableBodyCellProps?: TableCellProps | ((cell?: MRT_Cell<D>) => TableCellProps);
     muiTableBodyProps?: TableBodyProps;
     muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
-    muiTableContainerProps?: TableContainerProps | ((table: TableInstance<D>) => TableContainerProps);
+    muiTableContainerProps?: TableContainerProps | ((table: MRT_TableInstance<D>) => TableContainerProps);
     muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
     muiTableFooterProps?: TableFooterProps;
-    muiTableFooterRowProps?: TableRowProps | ((footerGroup: HeaderGroup<D>) => TableRowProps);
+    muiTableFooterRowProps?: TableRowProps | ((footerGroup: MRT_HeaderGroup<D>) => TableRowProps);
     muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
     muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
     muiTableHeadProps?: TableHeadProps;
-    muiTableHeadRowProps?: TableRowProps | ((row: HeaderGroup<D>) => TableRowProps);
-    muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: TableInstance<D>) => Partial<TablePaginationProps>);
+    muiTableHeadRowProps?: TableRowProps | ((row: MRT_HeaderGroup<D>) => TableRowProps);
+    muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: MRT_TableInstance<D>) => Partial<TablePaginationProps>);
     muiTableProps?: TableProps;
-    muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: TableInstance<D>) => AlertProps);
-    muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
-    muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
-    onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: Cell<D>) => void;
+    muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: MRT_TableInstance<D>) => AlertProps);
+    muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
+    muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
+    onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: MRT_Cell<D>) => void;
     onColumnHide?: (column: Column<D>, visibleColumns: Column<D>[]) => void;
     onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: Row<D>) => void;
     onGlobalFilterChange?: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -65,10 +109,10 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
     positionToolbarActions?: 'bottom' | 'top';
     positionToolbarAlertBanner?: 'bottom' | 'top';
     renderDetailPanel?: (row: Row<D>) => ReactNode;
-    renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: TableInstance<D>, closeMenu: () => void) => ReactNode[];
-    renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
-    renderToolbarCustomActions?: (tableInstance: TableInstance<D>) => ReactNode;
-    renderToolbarInternalActions?: (tableInstance: TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
+    renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: MRT_TableInstance<D>, closeMenu: () => void) => ReactNode[];
+    renderRowActions?: (row: Row<D>, tableInstance: MRT_TableInstance<D>) => ReactNode;
+    renderToolbarCustomActions?: (tableInstance: MRT_TableInstance<D>) => ReactNode;
+    renderToolbarInternalActions?: (tableInstance: MRT_TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
         MRT_ToggleSearchButton: FC<IconButtonProps>;
         MRT_ToggleFiltersButton: FC<IconButtonProps>;
         MRT_ShowHideColumnsButton: FC<IconButtonProps>;

package/dist/body/MRT_TableBodyCell.d.ts

@@ -1,10 +1,10 @@
 import { FC } from 'react';
-import { Cell } from 'react-table';
+import { MRT_Cell } from '..';
 export declare const MRT_StyledTableBodyCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     densePadding?: boolean | undefined;
 }, {}, {}>;
 interface Props {
-    cell: Cell;
+    cell: MRT_Cell;
 }
 export declare const MRT_TableBodyCell: FC<Props>;
 export {};

package/dist/body/MRT_TableBodyRow.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 export declare const TableRow: import("@emotion/styled").StyledComponent<{
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").TableRowClasses> | undefined;
@@ -16,7 +16,7 @@ export declare const TableRow: import("@emotion/styled").StyledComponent<{
     isSelected?: boolean | undefined;
 }, {}, {}>;
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_TableBodyRow: FC<Props>;
 export {};

package/dist/body/MRT_TableDetailPanel.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_TableDetailPanel: FC<Props>;
 export {};

package/dist/buttons/MRT_EditActionButtons.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_EditActionButtons: FC<Props>;
 export {};

package/dist/buttons/MRT_ExpandButton.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_ExpandButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    column: HeaderGroup;
+    column: MRT_HeaderGroup;
 }
 export declare const MRT_ToggleColumnActionMenuButton: FC<Props>;
 export {};

package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row: Row;
+    row: MRT_Row;
 }
 export declare const MRT_ToggleRowActionMenuButton: FC<Props>;
 export {};

package/dist/footer/MRT_TableFooterCell.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    column: HeaderGroup;
+    column: MRT_HeaderGroup;
 }
 export declare const MRT_TableFooterCell: FC<Props>;
 export {};

package/dist/footer/MRT_TableFooterRow.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    footerGroup: HeaderGroup;
+    footerGroup: MRT_HeaderGroup;
 }
 export declare const MRT_TableFooterRow: FC<Props>;
 export {};

package/dist/head/MRT_TableHeadCell.d.ts

@@ -1,11 +1,11 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 export declare const MRT_StyledTableHeadCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     densePadding?: boolean | undefined;
     enableColumnResizing?: boolean | undefined;
 }, {}, {}>;
 interface Props {
-    column: HeaderGroup;
+    column: MRT_HeaderGroup;
 }
 export declare const MRT_TableHeadCell: FC<Props>;
 export {};

package/dist/head/MRT_TableHeadRow.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    headerGroup: HeaderGroup;
+    headerGroup: MRT_HeaderGroup;
 }
 export declare const MRT_TableHeadRow: FC<Props>;
 export {};

package/dist/inputs/MRT_EditCellTextField.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Cell } from 'react-table';
+import { MRT_Cell } from '..';
 interface Props {
-    cell: Cell;
+    cell: MRT_Cell;
 }
 export declare const MRT_EditCellTextField: FC<Props>;
 export {};

package/dist/inputs/MRT_FilterTextField.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { HeaderGroup } from 'react-table';
+import { MRT_HeaderGroup } from '..';
 interface Props {
-    column: HeaderGroup;
+    column: MRT_HeaderGroup;
 }
 export declare const MRT_FilterTextField: FC<Props>;
 export {};

package/dist/inputs/MRT_SelectCheckbox.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { Row } from 'react-table';
+import { MRT_Row } from '..';
 interface Props {
-    row?: Row;
+    row?: MRT_Row;
     selectAll?: boolean;
 }
 export declare const MRT_SelectCheckbox: FC<Props>;

package/dist/material-react-table.cjs.development.js

@@ -105,17 +105,19 @@ var MaterialReactTableContext = /*#__PURE__*/function () {
 }();
 
 var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
-  var _props$defaultDensePa, _props$defaultFullScr, _props$defaultShowFil, _props$defaultShowSea;
+  var _props$initialState$d, _props$initialState, _props$initialState$f, _props$initialState2, _props$initialState$s, _props$initialState3, _props$initialState$s2, _props$initialState4;
 
   var hooks = [reactTable.useFilters, reactTable.useGlobalFilter, reactTable.useGroupBy, reactTable.useSortBy, reactTable.useExpanded, reactTable.usePagination, reactTable.useRowSelect];
   if (props.enableColumnResizing) hooks.unshift(reactTable.useResizeColumns, reactTable.useFlexLayout);
   var tableInstance = reactTable.useTable.apply(void 0, [props].concat(hooks));
-  var anyRowsCanExpand = React.useMemo(function () {
+  var anyRowsCanExpand = React.useMemo( // @ts-ignore
+  function () {
     return tableInstance.rows.some(function (row) {
       return row.canExpand;
     });
   }, [tableInstance.rows]);
-  var anyRowsExpanded = React.useMemo(function () {
+  var anyRowsExpanded = React.useMemo( // @ts-ignore
+  function () {
     return tableInstance.rows.some(function (row) {
       return row.isExpanded;
     });
@@ -125,19 +127,19 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
       currentEditingRow = _useState[0],
       setCurrentEditingRow = _useState[1];
 
-  var _useState2 = React.useState((_props$defaultDensePa = props.defaultDensePadding) != null ? _props$defaultDensePa : false),
+  var _useState2 = React.useState((_props$initialState$d = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.densePadding) != null ? _props$initialState$d : false),
       densePadding = _useState2[0],
       setDensePadding = _useState2[1];
 
-  var _useState3 = React.useState((_props$defaultFullScr = props.defaultFullScreen) != null ? _props$defaultFullScr : false),
+  var _useState3 = React.useState((_props$initialState$f = (_props$initialState2 = props.initialState) == null ? void 0 : _props$initialState2.fullScreen) != null ? _props$initialState$f : false),
       fullScreen = _useState3[0],
       setFullScreen = _useState3[1];
 
-  var _useState4 = React.useState((_props$defaultShowFil = props.defaultShowFilters) != null ? _props$defaultShowFil : false),
+  var _useState4 = React.useState((_props$initialState$s = (_props$initialState3 = props.initialState) == null ? void 0 : _props$initialState3.showFilters) != null ? _props$initialState$s : false),
       showFilters = _useState4[0],
       setShowFilters = _useState4[1];
 
-  var _useState5 = React.useState((_props$defaultShowSea = props.defaultShowSearchTextField) != null ? _props$defaultShowSea : false),
+  var _useState5 = React.useState((_props$initialState$s2 = (_props$initialState4 = props.initialState) == null ? void 0 : _props$initialState4.showSearchTextField) != null ? _props$initialState$s2 : false),
       showSearch = _useState5[0],
       setShowSearch = _useState5[1];
 
@@ -161,7 +163,7 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
   }, props.children);
 };
 var useMRT = function useMRT() {
-  return (//@ts-ignore
+  return (// @ts-ignore
     React.useContext(MaterialReactTableContext)
   );
 };
@@ -760,9 +762,7 @@ var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref2) {
   });
 
   var tableCellProps = muiTableDetailPanelProps instanceof Function ? muiTableDetailPanelProps(row) : muiTableDetailPanelProps;
-  return React__default.createElement(material.TableRow, Object.assign({
-    hover: true
-  }, tableRowProps), React__default.createElement(TableCell, Object.assign({
+  return React__default.createElement(material.TableRow, Object.assign({}, tableRowProps), React__default.createElement(TableCell, Object.assign({
     colSpan: tableInstance.visibleColumns.length + 10,
     isExpanded: row.isExpanded,
     onClick: function onClick(event) {