material-react-table 0.13.0 → 0.13.3

package/dist/material-react-table.esm.js

@@ -153,28 +153,33 @@ var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
       _instance$options = instance.options,
       KeyboardDoubleArrowDownIcon = _instance$options.icons.KeyboardDoubleArrowDownIcon,
       localization = _instance$options.localization,
+      muiExpandAllButtonProps = _instance$options.muiExpandAllButtonProps,
       renderDetailPanel = _instance$options.renderDetailPanel,
       toggleAllRowsExpanded = instance.toggleAllRowsExpanded;
 
   var _getState = getState(),
       density = _getState.density;
 
+  var iconButtonProps = muiExpandAllButtonProps instanceof Function ? muiExpandAllButtonProps({
+    instance: instance
+  }) : muiExpandAllButtonProps;
   return React.createElement(Tooltip, {
     arrow: true,
     enterDelay: 1000,
     enterNextDelay: 1000,
     title: localization.expandAll
-  }, React.createElement(IconButton, {
+  }, React.createElement(IconButton, Object.assign({
     "aria-label": localization.expandAll,
     disabled: !getCanSomeRowsExpand() && !renderDetailPanel,
     onClick: function onClick() {
       return toggleAllRowsExpanded(!getIsAllRowsExpanded());
-    },
-    sx: {
+    }
+  }, iconButtonProps, {
+    sx: _extends({
       height: density === 'compact' ? '1.75rem' : '2.25rem',
       width: density === 'compact' ? '1.75rem' : '2.25rem'
-    }
-  }, React.createElement(KeyboardDoubleArrowDownIcon, {
+    }, iconButtonProps == null ? void 0 : iconButtonProps.sx)
+  }), React.createElement(KeyboardDoubleArrowDownIcon, {
     style: {
       transform: "rotate(" + (getIsAllRowsExpanded() ? -180 : getIsSomeRowsExpanded() ? -90 : 0) + "deg)",
       transition: 'transform 0.2s'
@@ -189,12 +194,18 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
       _instance$options = instance.options,
       ExpandMoreIcon = _instance$options.icons.ExpandMoreIcon,
       localization = _instance$options.localization,
+      muiExpandButtonProps = _instance$options.muiExpandButtonProps,
       onExpandChanged = _instance$options.onExpandChanged,
       renderDetailPanel = _instance$options.renderDetailPanel;
 
   var _getState = getState(),
       density = _getState.density;
 
+  var iconButtonProps = muiExpandButtonProps instanceof Function ? muiExpandButtonProps({
+    instance: instance,
+    row: row
+  }) : muiExpandButtonProps;
+
   var handleToggleExpand = function handleToggleExpand(event) {
     row.toggleExpanded();
     onExpandChanged == null ? void 0 : onExpandChanged({
@@ -209,15 +220,16 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
     enterDelay: 1000,
     enterNextDelay: 1000,
     title: localization.expand
-  }, React.createElement(IconButton, {
+  }, React.createElement(IconButton, Object.assign({
     "aria-label": localization.expand,
     disabled: !row.getCanExpand() && !renderDetailPanel,
-    onClick: handleToggleExpand,
-    sx: {
+    onClick: handleToggleExpand
+  }, iconButtonProps, {
+    sx: _extends({
       height: density === 'compact' ? '1.75rem' : '2.25rem',
       width: density === 'compact' ? '1.75rem' : '2.25rem'
-    }
-  }, React.createElement(ExpandMoreIcon, {
+    }, iconButtonProps == null ? void 0 : iconButtonProps.sx)
+  }), React.createElement(ExpandMoreIcon, {
     style: {
       transform: "rotate(" + (!row.getCanExpand() && !renderDetailPanel ? -90 : row.getIsExpanded() ? -180 : 0) + "deg)",
       transition: 'transform 0.2s'
@@ -619,6 +631,17 @@ var reorderColumn = function reorderColumn(movingColumn, receivingColumn, column
   columnOrder.splice(columnOrder.indexOf(receivingColumn.id), 0, columnOrder.splice(columnOrder.indexOf(movingColumn.id), 1)[0]);
   setColumnOrder([].concat(columnOrder));
 };
+var getLeadingDisplayColumnIds = function getLeadingDisplayColumnIds(props) {
+  return [(props.positionActionsColumn === 'first' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions', (props.enableExpanding || props.enableGrouping) && 'mrt-expand', props.enableRowSelection && 'mrt-select', props.enableRowNumbers && 'mrt-row-numbers'].filter(Boolean);
+};
+var getTrailingDisplayColumnIds = function getTrailingDisplayColumnIds(props) {
+  return [(props.positionActionsColumn === 'last' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions'];
+};
+var getDefaultColumnOrderIds = function getDefaultColumnOrderIds(props) {
+  return [].concat(getLeadingDisplayColumnIds(props), getAllLeafColumnDefs(props.columns).map(function (c) {
+    return c.id;
+  }), getTrailingDisplayColumnIds(props)).filter(Boolean);
+};
 
 var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
   var _column$columns2;
@@ -804,7 +827,7 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
     onClick: hideAllColumns
   }, localization.hideAll), !isSubMenu && enableColumnOrdering && React.createElement(Button, {
     onClick: function onClick() {
-      return instance.resetColumnOrder();
+      return instance.setColumnOrder(getDefaultColumnOrderIds(instance.options));
     }
   }, localization.resetOrder), !isSubMenu && enablePinning && React.createElement(Button, {
     disabled: !getIsSomeColumnsPinned(),
@@ -1267,11 +1290,13 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
       selectAll = _ref.selectAll,
       instance = _ref.instance;
   var getRowModel = instance.getRowModel,
+      getPaginationRowModel = instance.getPaginationRowModel,
       getSelectedRowModel = instance.getSelectedRowModel,
       getState = instance.getState,
       _instance$options = instance.options,
       localization = _instance$options.localization,
       muiSelectCheckboxProps = _instance$options.muiSelectCheckboxProps,
+      muiSelectAllCheckboxProps = _instance$options.muiSelectAllCheckboxProps,
       onRowSelectionChanged = _instance$options.onRowSelectionChanged,
       onRowSelectAllChanged = _instance$options.onRowSelectAllChanged,
       selectAllMode = _instance$options.selectAllMode;
@@ -1289,7 +1314,7 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
 
       onRowSelectAllChanged == null ? void 0 : onRowSelectAllChanged({
         event: event,
-        selectedRows: event.target.checked ? getRowModel().flatRows : [],
+        selectedRows: event.target.checked ? selectAllMode === 'all' ? getRowModel().flatRows : getPaginationRowModel().flatRows : [],
         instance: instance
       });
     } else if (row) {
@@ -1305,8 +1330,9 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
     }
   };
 
-  var checkboxProps = muiSelectCheckboxProps instanceof Function ? muiSelectCheckboxProps({
-    isSelectAll: !!selectAll,
+  var checkboxProps = selectAll ? muiSelectAllCheckboxProps instanceof Function ? muiSelectAllCheckboxProps({
+    instance: instance
+  }) : muiSelectAllCheckboxProps : muiSelectCheckboxProps instanceof Function ? muiSelectCheckboxProps({
     row: row,
     instance: instance
   }) : muiSelectCheckboxProps;
@@ -1621,7 +1647,7 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
   var instance = _ref.instance;
   var _instance$options = instance.options,
       enableColumnFilters = _instance$options.enableColumnFilters,
-      enableDensePaddingToggle = _instance$options.enableDensePaddingToggle,
+      enableDensityToggle = _instance$options.enableDensityToggle,
       enableFilters = _instance$options.enableFilters,
       enableFullScreenToggle = _instance$options.enableFullScreenToggle,
       enableGlobalFilter = _instance$options.enableGlobalFilter,
@@ -1649,7 +1675,7 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
     instance: instance
   }), enableHiding && React.createElement(MRT_ShowHideColumnsButton, {
     instance: instance
-  }), enableDensePaddingToggle && React.createElement(MRT_ToggleDensePaddingButton, {
+  }), enableDensityToggle && React.createElement(MRT_ToggleDensePaddingButton, {
     instance: instance
   }), enableFullScreenToggle && React.createElement(MRT_FullScreenToggleButton, {
     instance: instance
@@ -1995,12 +2021,14 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
     onColumnFilterValueChangedDebounced == null ? void 0 : onColumnFilterValueChangedDebounced({
       column: column,
       event: event,
-      filterValue: event.target.value
+      filterValue: event.target.value,
+      instance: instance
     });
     columnDef.onColumnFilterValueChangedDebounced == null ? void 0 : columnDef.onColumnFilterValueChangedDebounced({
       column: column,
       event: event,
-      filterValue: event.target.value
+      filterValue: event.target.value,
+      instance: instance
     });
   }, 200), []);
 
@@ -2010,12 +2038,14 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
     onColumnFilterValueChanged == null ? void 0 : onColumnFilterValueChanged({
       column: column,
       event: event,
-      filterValue: event.target.value
+      filterValue: event.target.value,
+      instance: instance
     });
     columnDef.onColumnFilterValueChanged == null ? void 0 : columnDef.onColumnFilterValueChanged({
       column: column,
       event: event,
-      filterValue: event.target.value
+      filterValue: event.target.value,
+      instance: instance
     });
   };
 
@@ -3257,7 +3287,7 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
 };
 
 var MRT_TableRoot = function MRT_TableRoot(props) {
-  var _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _initialState$showFil, _initialState$showGlo, _props$globalFilterFn, _props$state3, _props$state4, _props$onCurrentEditi, _props$onCurrentEditi2, _props$onCurrentFilte, _props$onCurrentGloba, _props$onDensityChang, _props$onIsFullScreen, _props$onShowFiltersC, _props$onShowGlobalFi;
+  var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _initialState$showFil, _initialState$showGlo, _props$globalFilterFn, _props$state3, _props$state4, _props$onCurrentEditi, _props$onCurrentEditi2, _props$onCurrentFilte, _props$onCurrentGloba, _props$onDensityChang, _props$onIsFullScreen, _props$onShowFiltersC, _props$onShowGlobalFi;
 
   var _useState = useState(props.tableId),
       tableId = _useState[0],
@@ -3268,15 +3298,11 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
 
     return setIdPrefix((_props$tableId = props.tableId) != null ? _props$tableId : Math.random().toString(36).substring(2, 9));
   }, [props.tableId]);
-  var showActionColumn = props.enableRowActions || props.enableEditing && props.editingMode === 'row';
-  var showExpandColumn = props.enableExpanding || props.enableGrouping;
   var initialState = useMemo(function () {
     var _props$initialState, _initState$columnOrde;
 
     var initState = (_props$initialState = props.initialState) != null ? _props$initialState : {};
-    initState.columnOrder = ((_initState$columnOrde = initState == null ? void 0 : initState.columnOrder) != null ? _initState$columnOrde : props.enableColumnOrdering || props.enableGrouping) ? [showActionColumn && 'mrt-row-actions', showExpandColumn && 'mrt-expand', props.enableRowSelection && 'mrt-select', props.enableRowNumbers && 'mrt-row-numbers'].concat(getAllLeafColumnDefs(props.columns).map(function (c) {
-      return c.id;
-    })).filter(Boolean) : [];
+    initState.columnOrder = (_initState$columnOrde = initState.columnOrder) != null ? _initState$columnOrde : getDefaultColumnOrderIds(props);
 
     if (!props.enablePersistentState || !props.tableId) {
       return initState;
@@ -3303,43 +3329,47 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     return initState;
   }, []);
 
-  var _useState2 = useState((_initialState$current = initialState == null ? void 0 : initialState.currentEditingCell) != null ? _initialState$current : null),
-      currentEditingCell = _useState2[0],
-      setCurrentEditingCell = _useState2[1];
+  var _useState2 = useState((_initialState$columnO = initialState.columnOrder) != null ? _initialState$columnO : []),
+      columnOrder = _useState2[0],
+      setColumnOrder = _useState2[1];
 
-  var _useState3 = useState((_initialState$current2 = initialState == null ? void 0 : initialState.currentEditingRow) != null ? _initialState$current2 : null),
-      currentEditingRow = _useState3[0],
-      setCurrentEditingRow = _useState3[1];
+  var _useState3 = useState((_initialState$current = initialState == null ? void 0 : initialState.currentEditingCell) != null ? _initialState$current : null),
+      currentEditingCell = _useState3[0],
+      setCurrentEditingCell = _useState3[1];
 
-  var _useState4 = useState((_initialState$density = initialState == null ? void 0 : initialState.density) != null ? _initialState$density : 'comfortable'),
-      density = _useState4[0],
-      setDensity = _useState4[1];
+  var _useState4 = useState((_initialState$current2 = initialState == null ? void 0 : initialState.currentEditingRow) != null ? _initialState$current2 : null),
+      currentEditingRow = _useState4[0],
+      setCurrentEditingRow = _useState4[1];
 
-  var _useState5 = useState((_initialState$isFullS = initialState == null ? void 0 : initialState.isFullScreen) != null ? _initialState$isFullS : false),
-      isFullScreen = _useState5[0],
-      setIsFullScreen = _useState5[1];
+  var _useState5 = useState((_initialState$density = initialState == null ? void 0 : initialState.density) != null ? _initialState$density : 'comfortable'),
+      density = _useState5[0],
+      setDensity = _useState5[1];
 
-  var _useState6 = useState((_initialState$showFil = initialState == null ? void 0 : initialState.showFilters) != null ? _initialState$showFil : false),
-      showFilters = _useState6[0],
-      setShowFilters = _useState6[1];
+  var _useState6 = useState((_initialState$isFullS = initialState == null ? void 0 : initialState.isFullScreen) != null ? _initialState$isFullS : false),
+      isFullScreen = _useState6[0],
+      setIsFullScreen = _useState6[1];
 
-  var _useState7 = useState((_initialState$showGlo = initialState == null ? void 0 : initialState.showGlobalFilter) != null ? _initialState$showGlo : false),
-      showGlobalFilter = _useState7[0],
-      setShowGlobalFilter = _useState7[1];
+  var _useState7 = useState((_initialState$showFil = initialState == null ? void 0 : initialState.showFilters) != null ? _initialState$showFil : false),
+      showFilters = _useState7[0],
+      setShowFilters = _useState7[1];
 
-  var _useState8 = useState(function () {
+  var _useState8 = useState((_initialState$showGlo = initialState == null ? void 0 : initialState.showGlobalFilter) != null ? _initialState$showGlo : false),
+      showGlobalFilter = _useState8[0],
+      setShowGlobalFilter = _useState8[1];
+
+  var _useState9 = useState(function () {
     return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (c) {
       var _ref, _c$filterFn, _initialState$current3, _c$filterSelectOption, _ref2;
 
       return _ref2 = {}, _ref2[c.id] = (_ref = (_c$filterFn = c.filterFn) != null ? _c$filterFn : initialState == null ? void 0 : (_initialState$current3 = initialState.currentFilterFns) == null ? void 0 : _initialState$current3[c.id]) != null ? _ref : !!((_c$filterSelectOption = c.filterSelectOptions) != null && _c$filterSelectOption.length) ? 'equals' : 'fuzzy', _ref2;
     })));
   }),
-      currentFilterFns = _useState8[0],
-      setCurrentFilterFns = _useState8[1];
+      currentFilterFns = _useState9[0],
+      setCurrentFilterFns = _useState9[1];
 
-  var _useState9 = useState((_props$globalFilterFn = props.globalFilterFn) != null ? _props$globalFilterFn : 'fuzzy'),
-      currentGlobalFilterFn = _useState9[0],
-      setCurrentGlobalFilterFn = _useState9[1];
+  var _useState10 = useState((_props$globalFilterFn = props.globalFilterFn) != null ? _props$globalFilterFn : 'fuzzy'),
+      currentGlobalFilterFn = _useState10[0],
+      setCurrentGlobalFilterFn = _useState10[1];
 
   var table = useMemo(function () {
     return (// @ts-ignore
@@ -3356,16 +3386,14 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
         getSubRows: function getSubRows(row) {
           return row == null ? void 0 : row.subRows;
         },
-        tableId: tableId,
-        initialState: initialState
+        tableId: tableId
       })
     );
   }, []);
-
-  var _useMemo = useMemo(function () {
+  var displayColumns = useMemo(function () {
     var _props$localization, _props$localization2, _props$localization3, _props$localization5;
 
-    var leadingDisplayColumns = [showActionColumn && createDisplayColumn(table, {
+    return [columnOrder.includes('mrt-row-actions') && createDisplayColumn(table, {
       Cell: function Cell(_ref3) {
         var cell = _ref3.cell;
         return React.createElement(MRT_ToggleRowActionMenuButton, {
@@ -3378,7 +3406,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       muiTableBodyCellProps: props.muiTableBodyCellProps,
       muiTableHeadCellProps: props.muiTableHeadCellProps,
       size: 70
-    }), showExpandColumn && createDisplayColumn(table, {
+    }), columnOrder.includes('mrt-expand') && createDisplayColumn(table, {
       Cell: function Cell(_ref4) {
         var cell = _ref4.cell;
         return React.createElement(MRT_ExpandButton, {
@@ -3396,7 +3424,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       muiTableBodyCellProps: props.muiTableBodyCellProps,
       muiTableHeadCellProps: props.muiTableHeadCellProps,
       size: 50
-    }), props.enableRowSelection && createDisplayColumn(table, {
+    }), columnOrder.includes('mrt-select') && createDisplayColumn(table, {
       Cell: function Cell(_ref5) {
         var cell = _ref5.cell;
         return React.createElement(MRT_SelectCheckbox, {
@@ -3415,7 +3443,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       muiTableBodyCellProps: props.muiTableBodyCellProps,
       muiTableHeadCellProps: props.muiTableHeadCellProps,
       size: 50
-    }), props.enableRowNumbers && createDisplayColumn(table, {
+    }), columnOrder.includes('mrt-row-numbers') && createDisplayColumn(table, {
       Cell: function Cell(_ref6) {
         var cell = _ref6.cell;
         return cell.row.index + 1;
@@ -3431,23 +3459,11 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       muiTableHeadCellProps: props.muiTableHeadCellProps,
       size: 50
     })].filter(Boolean);
-    var trailingDisplayColumns = [];
-
-    if (props.enableRowActions && props.positionActionsColumn === 'last') {
-      trailingDisplayColumns.push.apply(trailingDisplayColumns, leadingDisplayColumns.splice(leadingDisplayColumns.findIndex(function (col) {
-        return col.id === 'mrt-row-actions';
-      }), 1));
-    }
-
-    return [leadingDisplayColumns, trailingDisplayColumns];
-  }, [props.editingMode, props.enableEditing, props.enableExpandAll, props.enableExpanding, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, props.muiTableBodyCellProps, props.muiTableHeadCellProps, props.positionActionsColumn, table]),
-      leadingDisplayColumns = _useMemo[0],
-      trailingDisplayColumns = _useMemo[1];
-
+  }, [columnOrder, props.editingMode, props.enableEditing, props.enableExpandAll, props.enableExpanding, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, props.muiTableBodyCellProps, props.muiTableHeadCellProps, props.positionActionsColumn, table]);
   var columns = useMemo(function () {
-    return [].concat(leadingDisplayColumns, props.columns.map(function (column) {
+    return [].concat(displayColumns, props.columns.map(function (column) {
       return column.columns ? createGroup(table, column, currentFilterFns) : createDataColumn(table, column, currentFilterFns);
-    }), trailingDisplayColumns);
+    }));
   }, [table, props.columns, currentFilterFns]);
   var data = useMemo(function () {
     var _props$state, _props$state2;
@@ -3461,13 +3477,17 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     }) : props.data;
   }, [props.data, (_props$state3 = props.state) == null ? void 0 : _props$state3.isLoading, (_props$state4 = props.state) == null ? void 0 : _props$state4.showSkeletons]); //@ts-ignore
 
-  var instance = _extends({}, useTableInstance(table, _extends({}, props, {
+  var instance = _extends({}, useTableInstance(table, _extends({
+    onColumnOrderChange: setColumnOrder
+  }, props, {
     //@ts-ignore
     columns: columns,
     data: data,
     //@ts-ignore
     globalFilterFn: currentGlobalFilterFn,
+    initialState: initialState,
     state: _extends({
+      columnOrder: columnOrder,
       currentEditingCell: currentEditingCell,
       currentEditingRow: currentEditingRow,
       currentFilterFns: currentFilterFns,
@@ -3528,7 +3548,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
   }));
 };
 
-var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "defaultColumn", "editingMode", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnResizing", "enableDensePaddingToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enablePagination", "enablePinning", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "persistentStateMode", "positionActionsColumn", "positionPagination", "positionGlobalFilter", "positionToolbarActions", "positionToolbarAlertBanner", "rowNumberMode", "selectAllMode"];
+var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "defaultColumn", "editingMode", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnResizing", "enableDensityToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enablePagination", "enablePinning", "enableRowSelection", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "persistentStateMode", "positionActionsColumn", "positionGlobalFilter", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner", "rowNumberMode", "selectAllMode"];
 var MaterialReactTable = (function (_ref) {
   var _ref$autoResetExpande = _ref.autoResetExpanded,
       autoResetExpanded = _ref$autoResetExpande === void 0 ? false : _ref$autoResetExpande,
@@ -3550,8 +3570,8 @@ var MaterialReactTable = (function (_ref) {
       enableColumnOrdering = _ref$enableColumnOrde === void 0 ? false : _ref$enableColumnOrde,
       _ref$enableColumnResi = _ref.enableColumnResizing,
       enableColumnResizing = _ref$enableColumnResi === void 0 ? false : _ref$enableColumnResi,
-      _ref$enableDensePaddi = _ref.enableDensePaddingToggle,
-      enableDensePaddingToggle = _ref$enableDensePaddi === void 0 ? true : _ref$enableDensePaddi,
+      _ref$enableDensityTog = _ref.enableDensityToggle,
+      enableDensityToggle = _ref$enableDensityTog === void 0 ? true : _ref$enableDensityTog,
       _ref$enableExpandAll = _ref.enableExpandAll,
       enableExpandAll = _ref$enableExpandAll === void 0 ? true : _ref$enableExpandAll,
       _ref$enableFilters = _ref.enableFilters,
@@ -3570,6 +3590,8 @@ var MaterialReactTable = (function (_ref) {
       enablePagination = _ref$enablePagination === void 0 ? true : _ref$enablePagination,
       _ref$enablePinning = _ref.enablePinning,
       enablePinning = _ref$enablePinning === void 0 ? false : _ref$enablePinning,
+      _ref$enableRowSelecti = _ref.enableRowSelection,
+      enableRowSelection = _ref$enableRowSelecti === void 0 ? false : _ref$enableRowSelecti,
       _ref$enableSelectAll = _ref.enableSelectAll,
       enableSelectAll = _ref$enableSelectAll === void 0 ? true : _ref$enableSelectAll,
       _ref$enableSorting = _ref.enableSorting,
@@ -3592,10 +3614,10 @@ var MaterialReactTable = (function (_ref) {
       persistentStateMode = _ref$persistentStateM === void 0 ? 'sessionStorage' : _ref$persistentStateM,
       _ref$positionActionsC = _ref.positionActionsColumn,
       positionActionsColumn = _ref$positionActionsC === void 0 ? 'first' : _ref$positionActionsC,
-      _ref$positionPaginati = _ref.positionPagination,
-      positionPagination = _ref$positionPaginati === void 0 ? 'bottom' : _ref$positionPaginati,
       _ref$positionGlobalFi = _ref.positionGlobalFilter,
       positionGlobalFilter = _ref$positionGlobalFi === void 0 ? 'right' : _ref$positionGlobalFi,
+      _ref$positionPaginati = _ref.positionPagination,
+      positionPagination = _ref$positionPaginati === void 0 ? 'bottom' : _ref$positionPaginati,
       _ref$positionToolbarA = _ref.positionToolbarActions,
       positionToolbarActions = _ref$positionToolbarA === void 0 ? 'top' : _ref$positionToolbarA,
       _ref$positionToolbarA2 = _ref.positionToolbarAlertBanner,
@@ -3615,7 +3637,7 @@ var MaterialReactTable = (function (_ref) {
     enableColumnFilters: enableColumnFilters,
     enableColumnOrdering: enableColumnOrdering,
     enableColumnResizing: enableColumnResizing,
-    enableDensePaddingToggle: enableDensePaddingToggle,
+    enableDensityToggle: enableDensityToggle,
     enableExpandAll: enableExpandAll,
     enableFilters: enableFilters,
     enableFullScreenToggle: enableFullScreenToggle,
@@ -3625,6 +3647,7 @@ var MaterialReactTable = (function (_ref) {
     enableMultiRowSelection: enableMultiRowSelection,
     enablePagination: enablePagination,
     enablePinning: enablePinning,
+    enableRowSelection: enableRowSelection,
     enableSelectAll: enableSelectAll,
     enableSorting: enableSorting,
     enableStickyHeader: enableStickyHeader,