material-react-table 0.22.1 → 0.23.1

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

@@ -651,7 +651,7 @@ var reorderColumn = function reorderColumn(movingColumn, receivingColumn, column
   return [].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);
+  return [(props.positionActionsColumn === 'first' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions', (props.enableExpanding || props.enableGrouping || props.renderDetailPanel) && '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'];
@@ -1498,10 +1498,10 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
       setShowFilters = table.setShowFilters;
 
   var _getState = getState(),
-      showFilters = _getState.showFilters;
+      showColumnFilters = _getState.showColumnFilters;
 
   var handleToggleShowFilters = function handleToggleShowFilters() {
-    setShowFilters(!showFilters);
+    setShowFilters(!showColumnFilters);
   };
 
   return React.createElement(Tooltip, {
@@ -1510,7 +1510,7 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
   }, React.createElement(IconButton, Object.assign({
     "aria-label": localization.showHideFilters,
     onClick: handleToggleShowFilters
-  }, rest), showFilters ? React.createElement(FilterListOffIcon, null) : React.createElement(FilterListIcon, null)));
+  }, rest), showColumnFilters ? React.createElement(FilterListOffIcon, null) : React.createElement(FilterListIcon, null)));
 };
 
 var _excluded$4 = ["table"];
@@ -2225,11 +2225,11 @@ var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer
 
   var _getState = getState(),
       currentFilterFns = _getState.currentFilterFns,
-      showFilters = _getState.showFilters;
+      showColumnFilters = _getState.showColumnFilters;
 
   var column = header.column;
   return React.createElement(Collapse, {
-    "in": showFilters,
+    "in": showColumnFilters,
     mountOnEnter: true,
     unmountOnExit: true
   }, currentFilterFns[column.id] === 'between' ? React.createElement(MRT_FilterRangeFields, {
@@ -2293,7 +2293,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
 
   var _getState = getState(),
       density = _getState.density,
-      showFilters = _getState.showFilters;
+      showColumnFilters = _getState.showColumnFilters;
 
   var column = header.column;
   var columnDef = column.columnDef;
@@ -2309,7 +2309,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
         borderRadius: '2px',
         borderRightWidth: '2px',
         cursor: 'col-resize',
-        height: showFilters && columnDefType === 'data' ? '4rem' : '2rem',
+        height: showColumnFilters && columnDefType === 'data' ? '4rem' : '2rem',
         mr: density === 'compact' ? '-0.5rem' : '-1rem',
         opacity: 0.8,
         position: 'absolute',
@@ -2741,7 +2741,6 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
     placement: "top",
     title: copied ? localization.copiedToClipboard : localization.clickToCopy
   }, React.createElement(Button, Object.assign({
-    "aria-label": localization.clickToCopy,
     onClick: function onClick() {
       return handleCopy(cell.getValue());
     },
@@ -3274,7 +3273,7 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
 };
 
 var MRT_TableRoot = function MRT_TableRoot(props) {
-  var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _props$initialState$s, _props$initialState2, _initialState$showFil, _initialState$showGlo, _props$state3, _props$state4, _MRT_FilterFns$curren, _props$onCurrentEditi, _props$onCurrentEditi2, _props$onCurrentFilte, _props$onCurrentGloba, _props$onDensityChang, _props$onIsFullScreen, _props$onShowAlertBan, _props$onShowFiltersC, _props$onShowGlobalFi;
+  var _initialState$columnO, _initialState$current, _initialState$current2, _initialState$density, _initialState$isFullS, _props$initialState$s, _props$initialState2, _initialState$showCol, _initialState$showGlo, _props$state3, _props$state4, _MRT_FilterFns$curren, _props$onCurrentEditi, _props$onCurrentEditi2, _props$onCurrentFilte, _props$onCurrentGloba, _props$onDensityChang, _props$onIsFullScreen, _props$onShowAlertBan, _props$onShowFiltersC, _props$onShowGlobalFi;
 
   var _useState = useState(props.tableId),
       tableId = _useState[0],
@@ -3317,8 +3316,8 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       showAlertBanner = _useState7[0],
       setShowAlertBanner = _useState7[1];
 
-  var _useState8 = useState((_initialState$showFil = initialState == null ? void 0 : initialState.showFilters) != null ? _initialState$showFil : false),
-      showFilters = _useState8[0],
+  var _useState8 = useState((_initialState$showCol = initialState == null ? void 0 : initialState.showColumnFilters) != null ? _initialState$showCol : false),
+      showColumnFilters = _useState8[0],
       setShowFilters = _useState8[1];
 
   var _useState9 = useState((_initialState$showGlo = initialState == null ? void 0 : initialState.showGlobalFilter) != null ? _initialState$showGlo : false),
@@ -3456,7 +3455,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       density: density,
       isFullScreen: isFullScreen,
       showAlertBanner: showAlertBanner,
-      showFilters: showFilters,
+      showColumnFilters: showColumnFilters,
       showGlobalFilter: showGlobalFilter
     }, props.state),
     tableId: tableId