material-react-table 1.11.0 → 1.11.2

package/dist/cjs/index.js

@@ -854,7 +854,9 @@ const MRT_ColumnActionMenu = ({ anchorEl, header, setAnchorEl, table, }) => {
                         React__default["default"].createElement(ListItemIcon__default["default"], null,
                             React__default["default"].createElement(FilterListOffIcon, null)),
                         localization.clearFilter)),
-                React__default["default"].createElement(MenuItem__default["default"], { disabled: showColumnFilters && !enableColumnFilterModes, divider: enableGrouping || enableHiding, key: 1, onClick: handleFilterByColumn, sx: commonMenuItemStyles },
+                React__default["default"].createElement(MenuItem__default["default"], { disabled: showColumnFilters && !enableColumnFilterModes, divider: enableGrouping || enableHiding, key: 1, onClick: showColumnFilters
+                        ? handleOpenFilterModeMenu
+                        : handleFilterByColumn, sx: commonMenuItemStyles },
                     React__default["default"].createElement(Box__default["default"], { sx: commonListItemStyles },
                         React__default["default"].createElement(ListItemIcon__default["default"], null,
                             React__default["default"].createElement(FilterListIcon, null)), (_g = localization.filterByColumn) === null || _g === void 0 ? void 0 :
@@ -2000,7 +2002,7 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
 };
 
 const MRT_TableHeadCell = ({ header, table }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _f, _g;
     const theme = styles.useTheme();
     const { getState, options: { enableColumnActions, enableColumnDragging, enableColumnOrdering, enableGrouping, enableMultiSort, layoutMode, muiTableHeadCellProps, }, refs: { tableHeadCellRefs }, setHoveredColumn, } = table;
     const { density, draggingColumn, grouping, hoveredColumn, showColumnFilters, } = getState();
@@ -2116,10 +2118,10 @@ const MRT_TableHeadCell = ({ header, table }) => {
                         : undefined,
                 } },
                 React__default["default"].createElement(Box__default["default"], { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
-                        minWidth: `${Math.min(columnDef.header.length, 5)}ch`,
+                        minWidth: `${Math.min((_d = (_c = columnDef.header) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0, 5)}ch`,
                         overflow: columnDefType === 'data' ? 'hidden' : undefined,
                         textOverflow: 'ellipsis',
-                        whiteSpace: ((_d = (_c = columnDef.header) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0) < 20 ? 'nowrap' : 'normal',
+                        whiteSpace: ((_g = (_f = columnDef.header) === null || _f === void 0 ? void 0 : _f.length) !== null && _g !== void 0 ? _g : 0) < 20 ? 'nowrap' : 'normal',
                         '&:hover': {
                             textOverflow: 'clip',
                         },
@@ -2518,7 +2520,12 @@ const MRT_TableDetailPanel = ({ parentRowRef, row, rowIndex, table, virtualRow,
     const { getVisibleLeafColumns, getState, options: { layoutMode, muiTableBodyRowProps, muiTableDetailPanelProps, renderDetailPanel, }, } = table;
     const { isLoading } = getState();
     const tableRowProps = muiTableBodyRowProps instanceof Function
-        ? muiTableBodyRowProps({ isDetailPanel: true, row, staticRowIndex: rowIndex, table })
+        ? muiTableBodyRowProps({
+            isDetailPanel: true,
+            row,
+            staticRowIndex: rowIndex,
+            table,
+        })
         : muiTableBodyRowProps;
     const tableCellProps = muiTableDetailPanelProps instanceof Function
         ? muiTableDetailPanelProps({ row, table })