material-react-table 0.7.0-alpha.10 → 0.7.0-alpha.11

package/README.md

@@ -15,9 +15,7 @@ View additional [storybook examples](https://www.material-react-table.dev/)
 
 View the [github source code](https://github.com/KevinVandy/material-react-table) and [github open issues](https://github.com/KevinVandy/material-react-table/issues)
 
-Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion
-
-<br />
+Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion or ask questions
 
 ### Features (Some Still In Active Development)
 

package/dist/MaterialReactTable.d.ts

@@ -36,16 +36,16 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
             [key in MRT_FILTER_TYPE]: any;
         };
         localization: MRT_Localization;
-        setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
-        setCurrentFilterTypes: Dispatch<SetStateAction<{
-            [key: string]: MRT_FilterType;
-        }>>;
-        setCurrentGlobalFilterType: Dispatch<SetStateAction<MRT_FILTER_TYPE>>;
-        setIsDensePadding: Dispatch<SetStateAction<boolean>>;
-        setIsFullScreen: Dispatch<SetStateAction<boolean>>;
-        setShowFilters: Dispatch<SetStateAction<boolean>>;
-        setShowSearch: Dispatch<SetStateAction<boolean>>;
     };
+    setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
+    setCurrentFilterTypes: Dispatch<SetStateAction<{
+        [key: string]: MRT_FilterType;
+    }>>;
+    setCurrentGlobalFilterType: Dispatch<SetStateAction<MRT_FILTER_TYPE>>;
+    setIsDensePadding: Dispatch<SetStateAction<boolean>>;
+    setIsFullScreen: Dispatch<SetStateAction<boolean>>;
+    setShowFilters: Dispatch<SetStateAction<boolean>>;
+    setShowSearch: Dispatch<SetStateAction<boolean>>;
 };
 export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<TableState, 'pagination'> & {
     currentEditingRow: MRT_Row<D> | null;
@@ -160,16 +160,15 @@ export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
 export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
-    enableColumnPinning?: boolean;
     enableDensePaddingToggle?: boolean;
+    enableEditing?: boolean;
     enableExpandAll?: boolean;
     enableFullScreenToggle?: boolean;
     enablePagination?: boolean;
     enableRowActions?: boolean;
-    enableStickyHeader?: boolean;
-    enableEditing?: boolean;
     enableRowNumbers?: boolean;
     enableSelectAll?: boolean;
+    enableStickyHeader?: boolean;
     enabledGlobalFilterTypes?: (MRT_FILTER_TYPE | string)[];
     filterTypes?: {
         [key in MRT_FILTER_TYPE]: any;
@@ -181,8 +180,8 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     hideToolbarTop?: boolean;
     icons?: Partial<MRT_Icons>;
     idPrefix?: string;
-    isReloading?: boolean;
     isLoading?: boolean;
+    isReloading?: boolean;
     localization?: Partial<MRT_Localization>;
     muiLinearProgressProps?: LinearProgressProps | (({ tableInstance, }: {
         tableInstance: MRT_TableInstance;
@@ -356,5 +355,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         }>;
     }) => ReactNode;
 };
-declare const _default: <D extends Record<string, any> = {}>({ enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, enableColumnActions, enableColumnFilters, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

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

@@ -391,8 +391,8 @@ var MRT_FilterTypeMenu = function MRT_FilterTypeMenu(_ref) {
       _tableInstance$option = tableInstance.options,
       enabledGlobalFilterTypes = _tableInstance$option.enabledGlobalFilterTypes,
       localization = _tableInstance$option.localization,
-      setCurrentFilterTypes = _tableInstance$option.setCurrentFilterTypes,
-      setCurrentGlobalFilterType = _tableInstance$option.setCurrentGlobalFilterType;
+      setCurrentFilterTypes = tableInstance.setCurrentFilterTypes,
+      setCurrentGlobalFilterType = tableInstance.setCurrentGlobalFilterType;
 
   var _getState = getState(),
       isDensePadding = _getState.isDensePadding,
@@ -679,7 +679,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
       setColumnOrder = tableInstance.setColumnOrder,
       _tableInstance$option = tableInstance.options,
       enableColumnFilters = _tableInstance$option.enableColumnFilters,
-      enableColumnPinning = _tableInstance$option.enableColumnPinning,
+      enablePinning = _tableInstance$option.enablePinning,
       enableGrouping = _tableInstance$option.enableGrouping,
       enableHiding = _tableInstance$option.enableHiding,
       enableSorting = _tableInstance$option.enableSorting,
@@ -695,7 +695,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
       VisibilityOffIcon = _tableInstance$option2.VisibilityOffIcon,
       idPrefix = _tableInstance$option.idPrefix,
       localization = _tableInstance$option.localization,
-      setShowFilters = _tableInstance$option.setShowFilters;
+      setShowFilters = tableInstance.setShowFilters;
   var column = header.column;
 
   var _getState = getState(),
@@ -837,13 +837,13 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
     setAnchorEl: setFilterMenuAnchorEl,
     tableInstance: tableInstance
   })], enableGrouping && column.getCanGroup() && [React__default.createElement(material.MenuItem, {
-    divider: enableColumnPinning,
+    divider: enablePinning,
     key: 0,
     onClick: handleGroupByColumn,
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(DynamicFeedIcon, null)), (_localization = localization[column.getIsGrouped() ? 'ungroupByColumn' : 'groupByColumn']) == null ? void 0 : _localization.replace('{column}', String(column.header))))], enableColumnPinning && column.getCanPin() && [React__default.createElement(material.MenuItem, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(DynamicFeedIcon, null)), (_localization = localization[column.getIsGrouped() ? 'ungroupByColumn' : 'groupByColumn']) == null ? void 0 : _localization.replace('{column}', String(column.header))))], enablePinning && column.getCanPin() && [React__default.createElement(material.MenuItem, {
     disabled: column.getIsPinned() === 'left',
     key: 0,
     onClick: function onClick() {
@@ -960,7 +960,7 @@ var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
       SaveIcon = _tableInstance$option2.SaveIcon,
       localization = _tableInstance$option.localization,
       onEditSubmit = _tableInstance$option.onEditSubmit,
-      setCurrentEditingRow = _tableInstance$option.setCurrentEditingRow;
+      setCurrentEditingRow = tableInstance.setCurrentEditingRow;
 
   var _getState = getState(),
       currentEditingRow = _getState.currentEditingRow;
@@ -1023,7 +1023,7 @@ var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref)
       localization = _tableInstance$option.localization,
       renderRowActionMenuItems = _tableInstance$option.renderRowActionMenuItems,
       renderRowActions = _tableInstance$option.renderRowActions,
-      setCurrentEditingRow = _tableInstance$option.setCurrentEditingRow;
+      setCurrentEditingRow = tableInstance.setCurrentEditingRow;
 
   var _getState = getState(),
       currentEditingRow = _getState.currentEditingRow;
@@ -1258,7 +1258,7 @@ var MRT_FullScreenToggleButton = function MRT_FullScreenToggleButton(_ref) {
       FullscreenExitIcon = _tableInstance$option2.FullscreenExitIcon,
       FullscreenIcon = _tableInstance$option2.FullscreenIcon,
       localization = _tableInstance$option.localization,
-      setIsFullScreen = _tableInstance$option.setIsFullScreen;
+      setIsFullScreen = tableInstance.setIsFullScreen;
 
   var _getState = getState(),
       isFullScreen = _getState.isFullScreen;
@@ -1317,7 +1317,7 @@ var MRT_ToggleDensePaddingButton = function MRT_ToggleDensePaddingButton(_ref) {
       DensityMediumIcon = _tableInstance$option2.DensityMediumIcon,
       DensitySmallIcon = _tableInstance$option2.DensitySmallIcon,
       localization = _tableInstance$option.localization,
-      setIsDensePadding = _tableInstance$option.setIsDensePadding;
+      setIsDensePadding = tableInstance.setIsDensePadding;
 
   var _getState = getState(),
       isDensePadding = _getState.isDensePadding;
@@ -1345,7 +1345,7 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
       FilterListIcon = _tableInstance$option2.FilterListIcon,
       FilterListOffIcon = _tableInstance$option2.FilterListOffIcon,
       localization = _tableInstance$option.localization,
-      setShowFilters = _tableInstance$option.setShowFilters;
+      setShowFilters = tableInstance.setShowFilters;
 
   var _getState = getState(),
       showFilters = _getState.showFilters;
@@ -1375,7 +1375,7 @@ var MRT_ToggleSearchButton = function MRT_ToggleSearchButton(_ref) {
       idPrefix = _tableInstance$option.idPrefix,
       localization = _tableInstance$option.localization,
       muiSearchTextFieldProps = _tableInstance$option.muiSearchTextFieldProps,
-      setShowSearch = _tableInstance$option.setShowSearch;
+      setShowSearch = tableInstance.setShowSearch;
 
   var _getState = getState(),
       showSearch = _getState.showSearch;
@@ -1406,10 +1406,11 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
   var tableInstance = _ref.tableInstance;
   var _tableInstance$option = tableInstance.options,
       enableColumnFilters = _tableInstance$option.enableColumnFilters,
-      enableHiding = _tableInstance$option.enableHiding,
       enableDensePaddingToggle = _tableInstance$option.enableDensePaddingToggle,
-      enableGlobalFilter = _tableInstance$option.enableGlobalFilter,
+      enableFilters = _tableInstance$option.enableFilters,
       enableFullScreenToggle = _tableInstance$option.enableFullScreenToggle,
+      enableGlobalFilter = _tableInstance$option.enableGlobalFilter,
+      enableHiding = _tableInstance$option.enableHiding,
       renderToolbarInternalActions = _tableInstance$option.renderToolbarInternalActions;
 
   if (renderToolbarInternalActions) {
@@ -1430,9 +1431,9 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
       alignItems: 'center',
       p: '0 0.5rem'
     }
-  }, enableGlobalFilter && React__default.createElement(MRT_ToggleSearchButton, {
+  }, enableFilters && enableGlobalFilter && React__default.createElement(MRT_ToggleSearchButton, {
     tableInstance: tableInstance
-  }), enableColumnFilters && React__default.createElement(MRT_ToggleFiltersButton, {
+  }), enableFilters && enableColumnFilters && React__default.createElement(MRT_ToggleFiltersButton, {
     tableInstance: tableInstance
   }), enableHiding && React__default.createElement(MRT_ShowHideColumnsButton, {
     tableInstance: tableInstance
@@ -1714,7 +1715,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
       idPrefix = _tableInstance$option.idPrefix,
       localization = _tableInstance$option.localization,
       muiTableHeadCellFilterTextFieldProps = _tableInstance$option.muiTableHeadCellFilterTextFieldProps,
-      setCurrentFilterTypes = _tableInstance$option.setCurrentFilterTypes;
+      setCurrentFilterTypes = tableInstance.setCurrentFilterTypes;
   var column = header.column;
 
   var _getState = getState(),
@@ -1964,7 +1965,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
       FilterAltOff = _tableInstance$option2.FilterAltOff,
       localization = _tableInstance$option.localization,
       muiTableHeadCellProps = _tableInstance$option.muiTableHeadCellProps,
-      setShowFilters = _tableInstance$option.setShowFilters;
+      setShowFilters = tableInstance.setShowFilters;
 
   var _getState = getState(),
       isDensePadding = _getState.isDensePadding,
@@ -2155,7 +2156,7 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
       _tableInstance$option = tableInstance.options,
       enableEditing = _tableInstance$option.enableEditing,
       muiTableBodyCellEditTextFieldProps = _tableInstance$option.muiTableBodyCellEditTextFieldProps,
-      setCurrentEditingRow = _tableInstance$option.setCurrentEditingRow;
+      setCurrentEditingRow = tableInstance.setCurrentEditingRow;
 
   var _useState = React.useState(cell.value),
       value = _useState[0],
@@ -2286,7 +2287,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
       getState = tableInstance.getState,
       _tableInstance$option = tableInstance.options,
       enableClickToCopy = _tableInstance$option.enableClickToCopy,
-      enableColumnPinning = _tableInstance$option.enableColumnPinning,
+      enablePinning = _tableInstance$option.enablePinning,
       enableEditing = _tableInstance$option.enableEditing,
       isLoading = _tableInstance$option.isLoading,
       muiTableBodyCellProps = _tableInstance$option.muiTableBodyCellProps,
@@ -2326,7 +2327,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
       p: isDensePadding ? column.columnDefType === 'display' ? '0 0.5rem' : '0.5rem' : column.columnDefType === 'display' ? '0.5rem 0.75rem' : '1rem',
       pl: column.id === 'mrt-expand' ? row.depth + (isDensePadding ? 0.5 : 0.75) + "rem" : undefined,
       transition: 'all 0.2s ease-in-out',
-      whiteSpace: isDensePadding || enableColumnPinning && getIsSomeColumnsPinned() ? 'nowrap' : 'normal'
+      whiteSpace: isDensePadding || enablePinning && getIsSomeColumnsPinned() ? 'nowrap' : 'normal'
     }, tableCellProps == null ? void 0 : tableCellProps.sx)
   }), isLoading ? React__default.createElement(material.Skeleton, Object.assign({
     animation: "wave",
@@ -2614,7 +2615,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
       getRightTableWidth = tableInstance.getRightTableWidth,
       getState = tableInstance.getState,
       _tableInstance$option = tableInstance.options,
-      enableColumnPinning = _tableInstance$option.enableColumnPinning,
+      enablePinning = _tableInstance$option.enablePinning,
       enableStickyHeader = _tableInstance$option.enableStickyHeader,
       idPrefix = _tableInstance$option.idPrefix,
       muiTableContainerProps = _tableInstance$option.muiTableContainerProps;
@@ -2630,7 +2631,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
   var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps({
     tableInstance: tableInstance
   }) : muiTableContainerProps;
-  React.useLayoutEffect(function () {
+  React.useEffect(function () {
     var _document$getElementB, _document, _document$getElementB2, _document$getElementB3, _document2, _document2$getElement;
 
     var topToolbarHeight = typeof document !== 'undefined' ? (_document$getElementB = (_document = document) == null ? void 0 : (_document$getElementB2 = _document.getElementById("mrt-" + idPrefix + "-toolbar-top")) == null ? void 0 : _document$getElementB2.offsetHeight) != null ? _document$getElementB : 0 : 0;
@@ -2646,7 +2647,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
     style: {
       maxHeight: isFullScreen ? "calc(100vh - " + totalToolbarHeight + "px)" : undefined
     }
-  }), enableColumnPinning && getIsSomeColumnsPinned() ? React__default.createElement(material.Box, {
+  }), enablePinning && getIsSomeColumnsPinned() ? React__default.createElement(material.Box, {
     sx: {
       display: 'grid',
       gridTemplateColumns: getLeftTableWidth() + "fr " + getCenterTableWidth() + "fr " + getRightTableWidth() + "fr"
@@ -2912,14 +2913,14 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       width: 40,
       minWidth: 40
     })].filter(Boolean);
-  }, [table, props.enableExpandAll, props.enableExpanded, props.enableRowActions, props.enableGrouping, props.enableEditing, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization]);
+  }, [props.enableEditing, props.enableExpandAll, props.enableExpanded, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, table]);
   var columns = React.useMemo(function () {
     return table.createColumns([].concat(displayColumns, props.columns.map(function (column) {
       return column.columns ? createGroup(table, column, currentFilterTypes) : createDataColumn(table, column, currentFilterTypes);
     })));
   }, [table, props.columns, currentFilterTypes]);
   var data = React.useMemo(function () {
-    return props.isLoading && !props.data.length ? [].concat(Array(10).fill(null)).map(function (_) {
+    return props.isLoading && !props.data.length ? [].concat(Array(10).fill(null)).map(function () {
       return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (c) {
         var _ref7;
 
@@ -2928,11 +2929,10 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     }) : props.data;
   }, [props.data, props.isLoading]); //@ts-ignore
 
-  var tableInstance = reactTable.useTable(table, _extends({}, props, {
+  var tableInstance = _extends({}, reactTable.useTable(table, _extends({}, props, {
     columnFilterRowsFn: reactTable.columnFilterRowsFn,
     columns: columns,
     data: data,
-    debugAll: false,
     expandRowsFn: reactTable.expandRowsFn,
     //@ts-ignore
     filterTypes: defaultFilterFNs,
@@ -2951,13 +2951,6 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       });
     },
     paginateRowsFn: reactTable.paginateRowsFn,
-    setCurrentEditingRow: setCurrentEditingRow,
-    setCurrentFilterTypes: setCurrentFilterTypes,
-    setCurrentGlobalFilterType: setCurrentGlobalFilterType,
-    setIsDensePadding: setIsDensePadding,
-    setIsFullScreen: setIsFullScreen,
-    setShowFilters: setShowFilters,
-    setShowSearch: setShowSearch,
     sortRowsFn: reactTable.sortRowsFn,
     state: _extends({
       currentEditingRow: currentEditingRow,
@@ -2970,13 +2963,22 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       showFilters: showFilters,
       showSearch: showSearch
     }, props.state)
-  }));
+  })), {
+    setCurrentEditingRow: setCurrentEditingRow,
+    setCurrentFilterTypes: setCurrentFilterTypes,
+    setCurrentGlobalFilterType: setCurrentGlobalFilterType,
+    setIsDensePadding: setIsDensePadding,
+    setIsFullScreen: setIsFullScreen,
+    setShowFilters: setShowFilters,
+    setShowSearch: setShowSearch
+  });
+
   return React__default.createElement(MRT_TablePaper, {
     tableInstance: tableInstance
   });
 };
 
-var _excluded$5 = ["enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+var _excluded$5 = ["autoResetExpanded", "enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enableMultiRowSelection", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
 
 global.performance = global.performance || {
   now: function now() {
@@ -2984,7 +2986,9 @@ global.performance = global.performance || {
   }
 };
 var MaterialReactTable = (function (_ref) {
-  var _ref$enableColumnActi = _ref.enableColumnActions,
+  var _ref$autoResetExpande = _ref.autoResetExpanded,
+      autoResetExpanded = _ref$autoResetExpande === void 0 ? false : _ref$autoResetExpande,
+      _ref$enableColumnActi = _ref.enableColumnActions,
       enableColumnActions = _ref$enableColumnActi === void 0 ? true : _ref$enableColumnActi,
       _ref$enableColumnFilt = _ref.enableColumnFilters,
       enableColumnFilters = _ref$enableColumnFilt === void 0 ? true : _ref$enableColumnFilt,
@@ -2992,12 +2996,16 @@ var MaterialReactTable = (function (_ref) {
       enableDensePaddingToggle = _ref$enableDensePaddi === void 0 ? true : _ref$enableDensePaddi,
       _ref$enableExpandAll = _ref.enableExpandAll,
       enableExpandAll = _ref$enableExpandAll === void 0 ? true : _ref$enableExpandAll,
+      _ref$enableFilters = _ref.enableFilters,
+      enableFilters = _ref$enableFilters === void 0 ? true : _ref$enableFilters,
       _ref$enableFullScreen = _ref.enableFullScreenToggle,
       enableFullScreenToggle = _ref$enableFullScreen === void 0 ? true : _ref$enableFullScreen,
       _ref$enableGlobalFilt = _ref.enableGlobalFilter,
       enableGlobalFilter = _ref$enableGlobalFilt === void 0 ? true : _ref$enableGlobalFilt,
       _ref$enableHiding = _ref.enableHiding,
       enableHiding = _ref$enableHiding === void 0 ? true : _ref$enableHiding,
+      _ref$enableMultiRowSe = _ref.enableMultiRowSelection,
+      enableMultiRowSelection = _ref$enableMultiRowSe === void 0 ? true : _ref$enableMultiRowSe,
       _ref$enablePagination = _ref.enablePagination,
       enablePagination = _ref$enablePagination === void 0 ? true : _ref$enablePagination,
       _ref$enableSelectAll = _ref.enableSelectAll,
@@ -3019,13 +3027,16 @@ var MaterialReactTable = (function (_ref) {
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   return React__default.createElement(MRT_TableRoot, Object.assign({
+    autoResetExpanded: autoResetExpanded,
     enableColumnActions: enableColumnActions,
     enableColumnFilters: enableColumnFilters,
     enableDensePaddingToggle: enableDensePaddingToggle,
     enableExpandAll: enableExpandAll,
+    enableFilters: enableFilters,
     enableFullScreenToggle: enableFullScreenToggle,
     enableGlobalFilter: enableGlobalFilter,
     enableHiding: enableHiding,
+    enableMultiRowSelection: enableMultiRowSelection,
     enablePagination: enablePagination,
     enableSelectAll: enableSelectAll,
     enableSorting: enableSorting,