material-react-table 0.6.7 → 0.6.8

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

@@ -521,9 +521,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
   var mTableHeadCellFilterTextFieldProps = muiTableHeadCellFilterTextFieldProps instanceof Function ? muiTableHeadCellFilterTextFieldProps(column) : muiTableHeadCellFilterTextFieldProps;
   var mcTableHeadCellFilterTextFieldProps = column.muiTableHeadCellFilterTextFieldProps instanceof Function ? column.muiTableHeadCellFilterTextFieldProps(column) : column.muiTableHeadCellFilterTextFieldProps;
 
-  var textFieldProps = _extends({}, mTableHeadCellFilterTextFieldProps, mcTableHeadCellFilterTextFieldProps, {
-    style: _extends({}, mTableHeadCellFilterTextFieldProps == null ? void 0 : mTableHeadCellFilterTextFieldProps.style, mcTableHeadCellFilterTextFieldProps == null ? void 0 : mcTableHeadCellFilterTextFieldProps.style)
-  });
+  var textFieldProps = _extends({}, mTableHeadCellFilterTextFieldProps, mcTableHeadCellFilterTextFieldProps);
 
   var _useState2 = useState(''),
       filterValue = _useState2[0],
@@ -726,7 +724,7 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
     },
     checked: switchChecked,
     control: React.createElement(Switch, null),
-    disabled: isSubMenu && switchChecked,
+    disabled: isSubMenu && switchChecked || column.disableColumnHiding,
     label: column.Header,
     onChange: function onChange() {
       return handleToggleColumnHidden(column);
@@ -749,6 +747,14 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
       localization = _useMRT.localization,
       tableInstance = _useMRT.tableInstance;
 
+  var hideAllColumns = function hideAllColumns() {
+    findLowestLevelCols(tableInstance.columns).filter(function (col) {
+      return !col.disableColumnHiding;
+    }).forEach(function (col) {
+      return col.toggleHidden(true);
+    });
+  };
+
   return React.createElement(Menu, {
     anchorEl: anchorEl,
     open: !!anchorEl,
@@ -767,9 +773,7 @@ var MRT_ShowHideColumnsMenu = function MRT_ShowHideColumnsMenu(_ref) {
     }
   }, !isSubMenu && React.createElement(Button, {
     disabled: !tableInstance.getToggleHideAllColumnsProps().checked && !tableInstance.getToggleHideAllColumnsProps().indeterminate,
-    onClick: function onClick() {
-      return tableInstance.toggleHideAllColumns(true);
-    }
+    onClick: hideAllColumns
   }, localization.hideAll), React.createElement(Button, {
     disabled: tableInstance.getToggleHideAllColumnsProps().checked,
     onClick: function onClick() {
@@ -954,6 +958,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
   }, React.createElement(Box, {
     sx: commonListItemStyles
   }, React.createElement(ListItemIcon, null, React.createElement(DynamicFeedIcon, null)), (_localization = localization[column.isGrouped ? 'ungroupByColumn' : 'groupByColumn']) == null ? void 0 : _localization.replace('{column}', String(column.Header))))], !disableColumnHiding && [React.createElement(MenuItem, {
+    disabled: column.disableColumnHiding,
     key: 0,
     onClick: handleHideColumn,
     sx: commonMenuItemStyles$1
@@ -985,8 +990,9 @@ var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton
   var column = _ref.column;
 
   var _useMRT = useMRT(),
+      MoreVertIcon = _useMRT.icons.MoreVertIcon,
       localization = _useMRT.localization,
-      MoreVertIcon = _useMRT.icons.MoreVertIcon;
+      muiTableHeadCellColumnActionsButtonProps = _useMRT.muiTableHeadCellColumnActionsButtonProps;
 
   var _useState = useState(null),
       anchorEl = _useState[0],
@@ -998,17 +1004,23 @@ var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton
     setAnchorEl(event.currentTarget);
   };
 
+  var mTableHeadCellColumnActionsButtonProps = muiTableHeadCellColumnActionsButtonProps instanceof Function ? muiTableHeadCellColumnActionsButtonProps(column) : muiTableHeadCellColumnActionsButtonProps;
+  var mcTableHeadCellColumnActionsButtonProps = column.muiTableHeadCellColumnActionsButtonProps instanceof Function ? column.muiTableHeadCellColumnActionsButtonProps(column) : column.muiTableHeadCellColumnActionsButtonProps;
+
+  var iconButtonProps = _extends({}, mTableHeadCellColumnActionsButtonProps, mcTableHeadCellColumnActionsButtonProps);
+
   return React.createElement(React.Fragment, null, React.createElement(Tooltip, {
     arrow: true,
     enterDelay: 1000,
     enterNextDelay: 1000,
     placement: "top",
     title: localization.columnActions
-  }, React.createElement(IconButton, {
+  }, React.createElement(IconButton, Object.assign({
     "aria-label": localization.columnActions,
     onClick: handleClick,
-    size: "small",
-    sx: {
+    size: "small"
+  }, iconButtonProps, {
+    sx: _extends({
       height: '2rem',
       mr: '2px',
       mt: '-0.2rem',
@@ -1018,8 +1030,8 @@ var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton
       '&:hover': {
         opacity: 1
       }
-    }
-  }, React.createElement(MoreVertIcon, null))), React.createElement(MRT_ColumnActionMenu, {
+    }, iconButtonProps.sx)
+  }), React.createElement(MoreVertIcon, null))), React.createElement(MRT_ColumnActionMenu, {
     anchorEl: anchorEl,
     column: column,
     setAnchorEl: setAnchorEl
@@ -1128,7 +1140,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
       display: 'flex',
       flexWrap: 'nowrap'
     }
-  }, !disableColumnActions && !isParentHeader && React.createElement(MRT_ToggleColumnActionMenuButton, {
+  }, !disableColumnActions && !column.disableColumnActions && !isParentHeader && React.createElement(MRT_ToggleColumnActionMenuButton, {
     column: column
   }), enableColumnResizing && !isParentHeader && React.createElement(Divider, Object.assign({
     flexItem: true,
@@ -1150,8 +1162,6 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
 };
 
 var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
-  var _cell$column$muiTable;
-
   var cell = _ref.cell;
 
   var _useMRT = useMRT(),
@@ -1171,9 +1181,7 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
   var mTableBodyCellEditTextFieldProps = muiTableBodyCellEditTextFieldProps instanceof Function ? muiTableBodyCellEditTextFieldProps(cell) : muiTableBodyCellEditTextFieldProps;
   var mcTableBodyCellEditTextFieldProps = cell.column.muiTableBodyCellEditTextFieldProps instanceof Function ? cell.column.muiTableBodyCellEditTextFieldProps(cell) : cell.column.muiTableBodyCellEditTextFieldProps;
 
-  var textFieldProps = _extends({}, mTableBodyCellEditTextFieldProps, mcTableBodyCellEditTextFieldProps, {
-    style: _extends({}, muiTableBodyCellEditTextFieldProps == null ? void 0 : muiTableBodyCellEditTextFieldProps.style, (_cell$column$muiTable = cell.column.muiTableBodyCellEditTextFieldProps) == null ? void 0 : _cell$column$muiTable.style)
-  });
+  var textFieldProps = _extends({}, mTableBodyCellEditTextFieldProps, mcTableBodyCellEditTextFieldProps);
 
   if (!cell.column.disableEditing && cell.column.Edit) {
     return React.createElement(React.Fragment, null, cell.column.Edit(_extends({}, textFieldProps, {
@@ -1315,7 +1323,10 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
 
   var checkboxProps = selectAll ? tableInstance.getToggleAllRowsSelectedProps() : row == null ? void 0 : row.getToggleRowSelectedProps();
   return React.createElement(TableCell, {
-    sx: commonTableBodyButtonCellStyles(tableInstance.state.densePadding)
+    sx: _extends({}, commonTableBodyButtonCellStyles(tableInstance.state.densePadding), {
+      maxWidth: '2rem',
+      width: '2rem'
+    })
   }, React.createElement(Tooltip, {
     arrow: true,
     enterDelay: 1000,
@@ -1359,12 +1370,7 @@ var MRT_TableSpacerCell = function MRT_TableSpacerCell(_ref) {
   var _useMRT = useMRT(),
       muiTableBodyCellProps = _useMRT.muiTableBodyCellProps;
 
-  var mTableBodyCellrops = muiTableBodyCellProps instanceof Function ? muiTableBodyCellProps() : muiTableBodyCellProps;
-
-  var tableCellProps = _extends({}, mTableBodyCellrops, {
-    style: _extends({}, mTableBodyCellrops == null ? void 0 : mTableBodyCellrops.style)
-  });
-
+  var tableCellProps = muiTableBodyCellProps instanceof Function ? muiTableBodyCellProps() : muiTableBodyCellProps;
   return React.createElement(TableCell, Object.assign({}, tableCellProps, {
     sx: _extends({
       width: width
@@ -1395,6 +1401,7 @@ var MRT_TableHeadRow = function MRT_TableHeadRow(_ref) {
   var _useMRT = useMRT(),
       anyRowsCanExpand = _useMRT.anyRowsCanExpand,
       disableExpandAll = _useMRT.disableExpandAll,
+      disableSelectAll = _useMRT.disableSelectAll,
       enableRowActions = _useMRT.enableRowActions,
       enableRowEditing = _useMRT.enableRowEditing,
       enableRowNumbers = _useMRT.enableRowNumbers,
@@ -1421,7 +1428,7 @@ 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 ? React.createElement(MRT_SelectCheckbox, {
+  }) : null, enableSelection ? !isParentHeader && !disableSelectAll ? React.createElement(MRT_SelectCheckbox, {
     selectAll: true
   }) : React.createElement(MRT_TableSpacerCell, {
     width: "1rem"