material-react-table 0.13.1 → 0.13.2

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'
@@ -1267,11 +1279,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 +1303,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 +1319,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;