@mui/x-data-grid 8.22.0 → 8.22.1

package/CHANGELOG.md

@@ -5,6 +5,107 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.22.1
+
+_Dec 17, 2025_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌎 Improve Swedish (sv-SE) locale on the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to the community members for their valuable contributions:
+@KyeongJooni, @VismaAndreasIvarsson
+
+The following team members contributed to this release:
+@alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @prakhargupta1, @romgrk, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.22.1`
+
+- [data grid] Fix column menu keyboard shortcut (#20621) @mj12albert
+- [data grid] Fix row checkbox disabled state on first render and keep cell focusable (ARIA) (#20641) @michelengelen
+- [data grid] Fix tree data selection bug (#20528) @michelengelen
+- [data grid] Prevent clear cell selection on edit mode (#20544) @siriwatknp
+- [data grid] Refactor column merge logic to prioritize defined properties only (#20640) @michelengelen
+- [data grid] Reset row spanning on row expansion change (#20661) @siriwatknp
+- [data grid] Resize newly added rows while resize action is happening (#20676)
+- [l10n] Improve Swedish (sv-SE) locale (#20682) @VismaAndreasIvarsson
+
+#### `@mui/x-data-grid-pro@8.22.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.22.1`.
+
+#### `@mui/x-data-grid-premium@8.22.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.22.1`, plus:
+
+- [DataGridPremium] Import `useId()` from `@mui/utils` to maintain React 17 compatibility (#20635) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.22.1`
+
+- [pickers] Add minutesStep validation test (#20672) @KyeongJooni
+- [pickers] Fix `onAccept()` returning wrong year after selecting year then month (#20639) @michelengelen
+
+#### `@mui/x-date-pickers-pro@8.22.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.22.1`.
+
+### Charts
+
+#### `@mui/x-charts@8.22.1`
+
+- [charts] Extract `FocusedPieArc` from `PieArcPlot` (#20613) @alexfauquette
+- [charts] Fix regression on the highlight control (#20627) @alexfauquette
+- [charts] Refactor: `useSelector()` => `store.use()` (#20681) @romgrk
+- [charts] Remove duplicated types (#20694) @alexfauquette
+- [charts] Remove unused generics from bar charts (#20642) @bernardobelchior
+- [charts] Simplify tooltip position getter for pie chart (#20625) @alexfauquette
+
+#### `@mui/x-charts-pro@8.22.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.22.1`, plus:
+
+- [charts-pro] Add heatmap performance benchmark (#20695) @bernardobelchior
+
+#### `@mui/x-charts-premium@8.22.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.22.1`, plus:
+
+- [charts-premium] Create `BarChartPremium` (#20643) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.22.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.22.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.22.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.22.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add button to GitHub source code for the Data Grid advanced demos (DX-50) (#20633) @alelthomas
+- [docs] Remove `seriesConfig` to prevent future confusion (#20678) @alexfauquette
+- [docs] Revise the Data Grid's API object doc for clarity and style (#20649) @mapache-salvaje
+- [docs] Update list of charts (#20479) @prakhargupta1
+
+### Core
+
+- [code-infra] Regression tests improvements (#20441) @Janpot
+- [code-infra] Test utils upgrade (#20592) @Janpot
+- [code-infra] Try to fix the Tree View flacky tests (#20573) @JCQuintas
+
 ## 8.22.0
 
 _Dec 11, 2025_

package/components/columnSelection/GridCellCheckboxRenderer.js

@@ -65,13 +65,13 @@ const GridCellCheckboxForwardRef = exports.GridCellCheckboxForwardRef = (0, _for
     apiRef.current.publishEvent('rowSelectionCheckboxChange', params, event);
   };
   React.useLayoutEffect(() => {
-    if (tabIndex === 0) {
+    if (tabIndex === 0 && !disabled) {
       const element = apiRef.current.getCellElement(id, field);
       if (element) {
         element.tabIndex = -1;
       }
     }
-  }, [apiRef, tabIndex, id, field]);
+  }, [apiRef, tabIndex, id, field, disabled]);
   const handleKeyDown = (0, _useEventCallback.default)(event => {
     if (event.key === ' ') {
       // We call event.stopPropagation to avoid selecting the row and also scrolling to bottom
@@ -98,12 +98,13 @@ const GridCellCheckboxForwardRef = exports.GridCellCheckboxForwardRef = (0, _for
   }
   const label = apiRef.current.getLocaleText(isChecked && !isIndeterminate ? 'checkboxSelectionUnselectRow' : 'checkboxSelectionSelectRow');
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseCheckbox, (0, _extends2.default)({
-    tabIndex: tabIndex,
+    tabIndex: disabled ? -1 : tabIndex,
     checked: isChecked && !isIndeterminate,
     onChange: handleChange,
     onClick: handleClick,
     onMouseDown: handleMouseDown,
     className: (0, _clsx.default)(classes.root, disabled && 'Mui-disabled'),
+    disabled: disabled,
     material: {
       disableRipple: disabled
     },

package/esm/components/columnSelection/GridCellCheckboxRenderer.js

@@ -58,13 +58,13 @@ const GridCellCheckboxForwardRef = forwardRef(function GridCellCheckboxRenderer(
     apiRef.current.publishEvent('rowSelectionCheckboxChange', params, event);
   };
   React.useLayoutEffect(() => {
-    if (tabIndex === 0) {
+    if (tabIndex === 0 && !disabled) {
       const element = apiRef.current.getCellElement(id, field);
       if (element) {
         element.tabIndex = -1;
       }
     }
-  }, [apiRef, tabIndex, id, field]);
+  }, [apiRef, tabIndex, id, field, disabled]);
   const handleKeyDown = useEventCallback(event => {
     if (event.key === ' ') {
       // We call event.stopPropagation to avoid selecting the row and also scrolling to bottom
@@ -91,12 +91,13 @@ const GridCellCheckboxForwardRef = forwardRef(function GridCellCheckboxRenderer(
   }
   const label = apiRef.current.getLocaleText(isChecked && !isIndeterminate ? 'checkboxSelectionUnselectRow' : 'checkboxSelectionSelectRow');
   return /*#__PURE__*/_jsx(rootProps.slots.baseCheckbox, _extends({
-    tabIndex: tabIndex,
+    tabIndex: disabled ? -1 : tabIndex,
     checked: isChecked && !isIndeterminate,
     onChange: handleChange,
     onClick: handleClick,
     onMouseDown: handleMouseDown,
     className: clsx(classes.root, disabled && 'Mui-disabled'),
+    disabled: disabled,
     material: {
       disableRipple: disabled
     },

package/esm/hooks/core/useGridProps.js

@@ -7,7 +7,8 @@ export const propsStateInitializer = (state, props) => {
     props: {
       listView: props.listView,
       getRowId: props.getRowId,
-      isCellEditable: props.isCellEditable
+      isCellEditable: props.isCellEditable,
+      isRowSelectable: props.isRowSelectable
     }
   });
 };

package/esm/hooks/features/columnResize/useGridColumnResize.js

@@ -17,6 +17,7 @@ import { useTimeout } from "../../utils/useTimeout.js";
 import { GridPinnedColumnPosition } from "../columns/gridColumnsInterfaces.js";
 import { gridColumnsStateSelector } from "../columns/index.js";
 import { gridDimensionsSelector } from "../dimensions/index.js";
+import { gridResizingColumnFieldSelector } from "./columnResizeSelector.js";
 function trackFinger(event, currentTouchId) {
   if (currentTouchId !== undefined && event.changedTouches) {
     for (let i = 0; i < event.changedTouches.length; i += 1) {
@@ -320,6 +321,11 @@ export const useGridColumnResize = (apiRef, props) => {
       apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
     });
   };
+  const setCellElementsRef = () => {
+    if (refs.columnHeaderElement) {
+      refs.cellElements = findGridCellElementsFromCol(refs.columnHeaderElement, apiRef.current);
+    }
+  };
   const storeReferences = (colDef, separator, xStart) => {
     const root = apiRef.current.rootElementRef.current;
     refs.initialColWidth = colDef.computedWidth;
@@ -331,7 +337,7 @@ export const useGridColumnResize = (apiRef, props) => {
       refs.headerFilterElement = headerFilterElement;
     }
     refs.groupHeaderElements = findGroupHeaderElementsFromField(apiRef.current.columnHeadersContainerRef?.current, colDef.field);
-    refs.cellElements = findGridCellElementsFromCol(refs.columnHeaderElement, apiRef.current);
+    setCellElementsRef();
     refs.fillerLeft = findGridElement(apiRef.current, isRtl ? 'filler--pinnedRight' : 'filler--pinnedLeft');
     refs.fillerRight = findGridElement(apiRef.current, isRtl ? 'filler--pinnedLeft' : 'filler--pinnedRight');
     const pinnedPosition = apiRef.current.unstable_applyPipeProcessors('isColumnPinned', false, refs.colDef.field);
@@ -578,6 +584,15 @@ export const useGridColumnResize = (apiRef, props) => {
   useGridEvent(apiRef, 'columnResizeStart', handleResizeStart);
   useGridEvent(apiRef, 'columnSeparatorMouseDown', handleColumnResizeMouseDown);
   useGridEvent(apiRef, 'columnSeparatorDoubleClick', handleColumnSeparatorDoubleClick);
+  useGridEvent(apiRef, 'rowsSet', () => {
+    // if the user is still resizing the column, update the cell references included in the resize action
+    if (gridResizingColumnFieldSelector(apiRef) !== '') {
+      // wait until the rows are in the DOM
+      requestAnimationFrame(() => {
+        setCellElementsRef();
+      });
+    }
+  });
   useGridEventPriority(apiRef, 'columnResize', props.onColumnResize);
   useGridEventPriority(apiRef, 'columnWidthChange', props.onColumnWidthChange);
 };

package/esm/hooks/features/columns/gridColumnsUtils.js

@@ -283,9 +283,17 @@ export const createColumnsState = ({
         }
       }
     });
-    columnsState.lookup[field] = resolveProps(existingState, _extends({}, getDefaultColTypeDef(newColumn.type), newColumn, {
-      hasBeenResized
-    }));
+    const mergedProps = _extends({}, getDefaultColTypeDef(newColumn.type), {
+      hasBeenResized,
+      field
+    });
+    let key;
+    for (key in newColumn) {
+      if (newColumn[key] !== undefined && key !== 'field') {
+        mergedProps[key] = newColumn[key];
+      }
+    }
+    columnsState.lookup[field] = resolveProps(existingState, mergedProps);
   });
   if (keepOnlyColumnsToUpsert && !isInsideStateInitializer) {
     Object.keys(columnsState.lookup).forEach(field => {

package/esm/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js

@@ -106,7 +106,7 @@ export const useGridKeyboardNavigation = (apiRef, props) => {
       // There is one exception for the checkBoxHeader
       return;
     }
-    if (!isNavigationKey(event.key) && event.key !== 'Tab') {
+    if (!isNavigationKey(event.key) && event.key !== 'Tab' && event.key !== 'Enter') {
       return;
     }
 

package/esm/hooks/features/rowSelection/utils.js

@@ -63,10 +63,21 @@ export const checkboxPropsSelector = createSelector(gridColumnDefinitionsSelecto
     if (node?.type === 'group') {
       node.children.forEach(traverseDescendants);
     }
-    if (rowSelectionManager.has(itemToTraverseId)) {
-      hasSelectedDescendant = true;
-    } else {
-      hasUnSelectedDescendant = true;
+    // Check if row is selectable before considering it for parent selection state
+    const descendantRowParams = {
+      id: itemToTraverseId,
+      row: rowsLookup[itemToTraverseId],
+      columns
+    };
+    const rowIsSelectable = typeof isRowSelectable === 'function' ? isRowSelectable(descendantRowParams) : true;
+
+    // Only consider selectable rows when determining parent selection state
+    if (rowIsSelectable) {
+      if (rowSelectionManager.has(itemToTraverseId)) {
+        hasSelectedDescendant = true;
+      } else {
+        hasUnSelectedDescendant = true;
+      }
     }
   };
   traverseDescendants(groupId);
@@ -126,21 +137,37 @@ export const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendant
   }
   if (autoSelectParents) {
     const checkAllDescendantsSelected = rowId => {
-      if (!rowSelectionManager.has(rowId) && !selectedDescendants.has(rowId)) {
-        return false;
-      }
       const node = tree[rowId];
       if (!node) {
         return false;
       }
+      // For non-group nodes, check if it's selected or if it's non-selectable
       if (node.type !== 'group') {
+        // If the row is selectable, it must be selected
+        if (apiRef.current.isRowSelectable(rowId)) {
+          return rowSelectionManager.has(rowId) || selectedDescendants.has(rowId);
+        }
+        // Non-selectable rows don't affect parent selection
         return true;
       }
+      // For group nodes, check if it's selected or all its children are selected
+      if (rowSelectionManager.has(rowId) || selectedDescendants.has(rowId)) {
+        return true;
+      }
+      // Recursively check all children
       return node.children.every(checkAllDescendantsSelected);
     };
     const traverseParents = rowId => {
       const siblings = getFilteredRowNodeSiblings(tree, filteredRows, rowId);
-      if (siblings.length === 0 || siblings.every(checkAllDescendantsSelected)) {
+      // Check if all selectable siblings are selected
+      const allSelectableSiblingsSelected = siblings.every(siblingId => {
+        // Non-selectable siblings don't affect parent selection
+        if (!apiRef.current.isRowSelectable(siblingId)) {
+          return true;
+        }
+        return checkAllDescendantsSelected(siblingId);
+      });
+      if (siblings.length === 0 || allSelectableSiblingsSelected) {
         const rowNode = tree[rowId];
         const parent = rowNode?.parent;
         if (parent != null && parent !== GRID_ROOT_GROUP_ID && apiRef.current.isRowSelectable(parent)) {

package/esm/hooks/features/rows/useGridRowSpanning.js

@@ -191,6 +191,7 @@ export const useGridRowSpanning = (apiRef, props) => {
   useGridEvent(apiRef, 'paginationModelChange', runIf(props.rowSpanning, resetRowSpanningState));
   useGridEvent(apiRef, 'filteredRowsSet', runIf(props.rowSpanning, resetRowSpanningState));
   useGridEvent(apiRef, 'columnsChange', runIf(props.rowSpanning, resetRowSpanningState));
+  useGridEvent(apiRef, 'rowExpansionChange', runIf(props.rowSpanning, resetRowSpanningState));
   React.useEffect(() => {
     const store = apiRef.current.virtualizer?.store;
     if (!store) {

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.22.0
+ * @mui/x-data-grid v8.22.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/locales/svSE.js

@@ -3,8 +3,8 @@ const svSEGrid = {
   // Root
   noRowsLabel: 'Inga rader',
   noResultsOverlayLabel: 'Inga resultat funna.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
+  noColumnsOverlayLabel: 'Inga kolumner',
+  noColumnsOverlayManageColumns: 'Hantera kolumner',
   // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text

package/hooks/core/useGridProps.js

@@ -14,7 +14,8 @@ const propsStateInitializer = (state, props) => {
     props: {
       listView: props.listView,
       getRowId: props.getRowId,
-      isCellEditable: props.isCellEditable
+      isCellEditable: props.isCellEditable,
+      isRowSelectable: props.isRowSelectable
     }
   });
 };

package/hooks/features/columnResize/useGridColumnResize.js

@@ -24,6 +24,7 @@ var _useTimeout = require("../../utils/useTimeout");
 var _gridColumnsInterfaces = require("../columns/gridColumnsInterfaces");
 var _columns = require("../columns");
 var _dimensions = require("../dimensions");
+var _columnResizeSelector = require("./columnResizeSelector");
 function trackFinger(event, currentTouchId) {
   if (currentTouchId !== undefined && event.changedTouches) {
     for (let i = 0; i < event.changedTouches.length; i += 1) {
@@ -328,6 +329,11 @@ const useGridColumnResize = (apiRef, props) => {
       apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
     });
   };
+  const setCellElementsRef = () => {
+    if (refs.columnHeaderElement) {
+      refs.cellElements = (0, _domUtils.findGridCellElementsFromCol)(refs.columnHeaderElement, apiRef.current);
+    }
+  };
   const storeReferences = (colDef, separator, xStart) => {
     const root = apiRef.current.rootElementRef.current;
     refs.initialColWidth = colDef.computedWidth;
@@ -339,7 +345,7 @@ const useGridColumnResize = (apiRef, props) => {
       refs.headerFilterElement = headerFilterElement;
     }
     refs.groupHeaderElements = (0, _domUtils.findGroupHeaderElementsFromField)(apiRef.current.columnHeadersContainerRef?.current, colDef.field);
-    refs.cellElements = (0, _domUtils.findGridCellElementsFromCol)(refs.columnHeaderElement, apiRef.current);
+    setCellElementsRef();
     refs.fillerLeft = (0, _domUtils.findGridElement)(apiRef.current, isRtl ? 'filler--pinnedRight' : 'filler--pinnedLeft');
     refs.fillerRight = (0, _domUtils.findGridElement)(apiRef.current, isRtl ? 'filler--pinnedLeft' : 'filler--pinnedRight');
     const pinnedPosition = apiRef.current.unstable_applyPipeProcessors('isColumnPinned', false, refs.colDef.field);
@@ -586,6 +592,15 @@ const useGridColumnResize = (apiRef, props) => {
   (0, _utils.useGridEvent)(apiRef, 'columnResizeStart', handleResizeStart);
   (0, _utils.useGridEvent)(apiRef, 'columnSeparatorMouseDown', handleColumnResizeMouseDown);
   (0, _utils.useGridEvent)(apiRef, 'columnSeparatorDoubleClick', handleColumnSeparatorDoubleClick);
+  (0, _utils.useGridEvent)(apiRef, 'rowsSet', () => {
+    // if the user is still resizing the column, update the cell references included in the resize action
+    if ((0, _columnResizeSelector.gridResizingColumnFieldSelector)(apiRef) !== '') {
+      // wait until the rows are in the DOM
+      requestAnimationFrame(() => {
+        setCellElementsRef();
+      });
+    }
+  });
   (0, _utils.useGridEventPriority)(apiRef, 'columnResize', props.onColumnResize);
   (0, _utils.useGridEventPriority)(apiRef, 'columnWidthChange', props.onColumnWidthChange);
 };

package/hooks/features/columns/gridColumnsUtils.js

@@ -298,9 +298,17 @@ const createColumnsState = ({
         }
       }
     });
-    columnsState.lookup[field] = (0, _resolveProps.default)(existingState, (0, _extends2.default)({}, getDefaultColTypeDef(newColumn.type), newColumn, {
-      hasBeenResized
-    }));
+    const mergedProps = (0, _extends2.default)({}, getDefaultColTypeDef(newColumn.type), {
+      hasBeenResized,
+      field
+    });
+    let key;
+    for (key in newColumn) {
+      if (newColumn[key] !== undefined && key !== 'field') {
+        mergedProps[key] = newColumn[key];
+      }
+    }
+    columnsState.lookup[field] = (0, _resolveProps.default)(existingState, mergedProps);
   });
   if (keepOnlyColumnsToUpsert && !isInsideStateInitializer) {
     Object.keys(columnsState.lookup).forEach(field => {

package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js

@@ -113,7 +113,7 @@ const useGridKeyboardNavigation = (apiRef, props) => {
       // There is one exception for the checkBoxHeader
       return;
     }
-    if (!(0, _keyboardUtils.isNavigationKey)(event.key) && event.key !== 'Tab') {
+    if (!(0, _keyboardUtils.isNavigationKey)(event.key) && event.key !== 'Tab' && event.key !== 'Enter') {
       return;
     }
 

package/hooks/features/rowSelection/utils.js

@@ -70,10 +70,21 @@ const checkboxPropsSelector = exports.checkboxPropsSelector = (0, _createSelecto
     if (node?.type === 'group') {
       node.children.forEach(traverseDescendants);
     }
-    if (rowSelectionManager.has(itemToTraverseId)) {
-      hasSelectedDescendant = true;
-    } else {
-      hasUnSelectedDescendant = true;
+    // Check if row is selectable before considering it for parent selection state
+    const descendantRowParams = {
+      id: itemToTraverseId,
+      row: rowsLookup[itemToTraverseId],
+      columns
+    };
+    const rowIsSelectable = typeof isRowSelectable === 'function' ? isRowSelectable(descendantRowParams) : true;
+
+    // Only consider selectable rows when determining parent selection state
+    if (rowIsSelectable) {
+      if (rowSelectionManager.has(itemToTraverseId)) {
+        hasSelectedDescendant = true;
+      } else {
+        hasUnSelectedDescendant = true;
+      }
     }
   };
   traverseDescendants(groupId);
@@ -133,21 +144,37 @@ const findRowsToSelect = (apiRef, tree, selectedRow, autoSelectDescendants, auto
   }
   if (autoSelectParents) {
     const checkAllDescendantsSelected = rowId => {
-      if (!rowSelectionManager.has(rowId) && !selectedDescendants.has(rowId)) {
-        return false;
-      }
       const node = tree[rowId];
       if (!node) {
         return false;
       }
+      // For non-group nodes, check if it's selected or if it's non-selectable
       if (node.type !== 'group') {
+        // If the row is selectable, it must be selected
+        if (apiRef.current.isRowSelectable(rowId)) {
+          return rowSelectionManager.has(rowId) || selectedDescendants.has(rowId);
+        }
+        // Non-selectable rows don't affect parent selection
+        return true;
+      }
+      // For group nodes, check if it's selected or all its children are selected
+      if (rowSelectionManager.has(rowId) || selectedDescendants.has(rowId)) {
         return true;
       }
+      // Recursively check all children
       return node.children.every(checkAllDescendantsSelected);
     };
     const traverseParents = rowId => {
       const siblings = getFilteredRowNodeSiblings(tree, filteredRows, rowId);
-      if (siblings.length === 0 || siblings.every(checkAllDescendantsSelected)) {
+      // Check if all selectable siblings are selected
+      const allSelectableSiblingsSelected = siblings.every(siblingId => {
+        // Non-selectable siblings don't affect parent selection
+        if (!apiRef.current.isRowSelectable(siblingId)) {
+          return true;
+        }
+        return checkAllDescendantsSelected(siblingId);
+      });
+      if (siblings.length === 0 || allSelectableSiblingsSelected) {
         const rowNode = tree[rowId];
         const parent = rowNode?.parent;
         if (parent != null && parent !== _gridRowsUtils.GRID_ROOT_GROUP_ID && apiRef.current.isRowSelectable(parent)) {

package/hooks/features/rows/useGridRowSpanning.js

@@ -199,6 +199,7 @@ const useGridRowSpanning = (apiRef, props) => {
   (0, _useGridEvent.useGridEvent)(apiRef, 'paginationModelChange', (0, _utils.runIf)(props.rowSpanning, resetRowSpanningState));
   (0, _useGridEvent.useGridEvent)(apiRef, 'filteredRowsSet', (0, _utils.runIf)(props.rowSpanning, resetRowSpanningState));
   (0, _useGridEvent.useGridEvent)(apiRef, 'columnsChange', (0, _utils.runIf)(props.rowSpanning, resetRowSpanningState));
+  (0, _useGridEvent.useGridEvent)(apiRef, 'rowExpansionChange', (0, _utils.runIf)(props.rowSpanning, resetRowSpanningState));
   React.useEffect(() => {
     const store = apiRef.current.virtualizer?.store;
     if (!store) {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.22.0
+ * @mui/x-data-grid v8.22.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/locales/svSE.js

@@ -9,8 +9,8 @@ const svSEGrid = {
   // Root
   noRowsLabel: 'Inga rader',
   noResultsOverlayLabel: 'Inga resultat funna.',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
+  noColumnsOverlayLabel: 'Inga kolumner',
+  noColumnsOverlayManageColumns: 'Hantera kolumner',
   // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
 
   // Density selector toolbar button text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.22.0",
+  "version": "8.22.1",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
     "@mui/x-internals": "8.22.0",
-    "@mui/x-virtualizer": "0.2.12"
+    "@mui/x-virtualizer": "0.2.13"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",