material-react-table 0.6.8 → 0.6.9

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

@@ -1303,31 +1303,36 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
 
   var _useMRT = useMRT(),
       localization = _useMRT.localization,
-      onRowSelectChange = _useMRT.onRowSelectChange,
+      muiSelectCheckboxProps = _useMRT.muiSelectCheckboxProps,
+      onSelectChange = _useMRT.onSelectChange,
       onSelectAllChange = _useMRT.onSelectAllChange,
-      tableInstance = _useMRT.tableInstance;
+      tableInstance = _useMRT.tableInstance,
+      densePadding = _useMRT.tableInstance.state.densePadding;
 
-  var onSelectChange = function onSelectChange(event) {
+  var handleSelectChange = function handleSelectChange(event) {
     if (selectAll) {
       var _tableInstance$getTog;
 
       tableInstance == null ? void 0 : tableInstance.getToggleAllRowsSelectedProps == null ? void 0 : (_tableInstance$getTog = tableInstance.getToggleAllRowsSelectedProps()) == null ? void 0 : _tableInstance$getTog.onChange == null ? void 0 : _tableInstance$getTog.onChange(event);
-      onSelectAllChange == null ? void 0 : onSelectAllChange(event, tableInstance.selectedFlatRows);
+      onSelectAllChange == null ? void 0 : onSelectAllChange(event, event.target.checked ? tableInstance.rows : []);
     } else if (row) {
       var _row$getToggleRowSele;
 
       row == null ? void 0 : (_row$getToggleRowSele = row.getToggleRowSelectedProps()) == null ? void 0 : _row$getToggleRowSele.onChange == null ? void 0 : _row$getToggleRowSele.onChange(event);
-      onRowSelectChange == null ? void 0 : onRowSelectChange(event, row, tableInstance.selectedFlatRows);
+      onSelectChange == null ? void 0 : onSelectChange(event, row, event.target.checked ? [].concat(tableInstance.selectedFlatRows, [row]) : tableInstance.selectedFlatRows.filter(function (selectedRow) {
+        return selectedRow.id !== row.id;
+      }));
     }
   };
 
-  var checkboxProps = selectAll ? tableInstance.getToggleAllRowsSelectedProps() : row == null ? void 0 : row.getToggleRowSelectedProps();
-  return React.createElement(TableCell, {
-    sx: _extends({}, commonTableBodyButtonCellStyles(tableInstance.state.densePadding), {
-      maxWidth: '2rem',
-      width: '2rem'
-    })
-  }, React.createElement(Tooltip, {
+  var mTableBodyRowSelectCheckboxProps = muiSelectCheckboxProps instanceof Function ? muiSelectCheckboxProps(selectAll, row, tableInstance) : muiSelectCheckboxProps;
+  var rtSelectCheckboxProps = selectAll ? tableInstance.getToggleAllRowsSelectedProps() : row == null ? void 0 : row.getToggleRowSelectedProps();
+
+  var checkboxProps = _extends({}, mTableBodyRowSelectCheckboxProps, rtSelectCheckboxProps, {
+    style: _extends({}, rtSelectCheckboxProps == null ? void 0 : rtSelectCheckboxProps.style, mTableBodyRowSelectCheckboxProps == null ? void 0 : mTableBodyRowSelectCheckboxProps.style)
+  });
+
+  return React.createElement(Tooltip, {
     arrow: true,
     enterDelay: 1000,
     enterNextDelay: 1000,
@@ -1336,10 +1341,11 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
     inputProps: {
       'aria-label': selectAll ? localization.toggleSelectAll : localization.toggleSelectRow
     },
-    onChange: onSelectChange
+    size: densePadding ? 'small' : 'medium'
   }, checkboxProps, {
+    onChange: handleSelectChange,
     title: undefined
-  }))));
+  })));
 };
 
 var MRT_ExpandAllButton = function MRT_ExpandAllButton() {
@@ -1428,9 +1434,14 @@ var MRT_TableHeadRow = function MRT_TableHeadRow(_ref) {
     sx: _extends({}, commonTableHeadCellStyles(tableInstance.state.densePadding))
   }, "#")), (enableRowActions || enableRowEditing) && positionActionsColumn === 'first' && (isParentHeader ? React.createElement(MRT_TableSpacerCell, null) : React.createElement(MRT_TableHeadCellActions, null)), anyRowsCanExpand || renderDetailPanel ? !disableExpandAll && !isParentHeader ? React.createElement(MRT_ExpandAllButton, null) : React.createElement(MRT_TableSpacerCell, {
     width: (renderDetailPanel ? 2 : tableInstance.expandedDepth + 0.5) + "rem"
-  }) : null, enableSelection ? !isParentHeader && !disableSelectAll ? React.createElement(MRT_SelectCheckbox, {
+  }) : null, enableSelection ? !isParentHeader && !disableSelectAll ? React.createElement(TableCell, {
+    sx: _extends({}, commonTableBodyButtonCellStyles(tableInstance.state.densePadding), {
+      maxWidth: '3rem',
+      width: '3rem'
+    })
+  }, React.createElement(MRT_SelectCheckbox, {
     selectAll: true
-  }) : React.createElement(MRT_TableSpacerCell, {
+  })) : React.createElement(MRT_TableSpacerCell, {
     width: "1rem"
   }) : null, headerGroup.headers.map(function (column) {
     return React.createElement(MRT_TableHeadCell, {
@@ -2461,6 +2472,7 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
       onRowClick = _useMRT.onRowClick,
       positionActionsColumn = _useMRT.positionActionsColumn,
       renderDetailPanel = _useMRT.renderDetailPanel,
+      tableInstance = _useMRT.tableInstance,
       densePadding = _useMRT.tableInstance.state.densePadding;
 
   var mTableBodyRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps(row) : muiTableBodyRowProps;
@@ -2481,9 +2493,14 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
     row: row
   }), (anyRowsCanExpand || renderDetailPanel) && React.createElement(MRT_ExpandButton, {
     row: row
-  }), enableSelection && React.createElement(MRT_SelectCheckbox, {
+  }), enableSelection && React.createElement(TableCell, {
+    sx: _extends({}, commonTableBodyButtonCellStyles(tableInstance.state.densePadding), {
+      maxWidth: '3rem',
+      width: '3rem'
+    })
+  }, React.createElement(MRT_SelectCheckbox, {
     row: row
-  }), row.cells.map(function (cell) {
+  })), row.cells.map(function (cell) {
     return React.createElement(MRT_TableBodyCell, {
       key: cell.getCellProps().key,
       cell: cell