@mui/x-data-grid-pro 6.10.0 → 6.10.1

package/CHANGELOG.md

@@ -3,6 +3,75 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.10.1
+
+_Jul 20, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Fix CSV export for values containing double quotes
+- 🚀 Improve tree data performance
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@v6.10.1`
+
+- [DataGrid] Filtering performance: compile filter applier with `eval` (#9635) @romgrk
+- [DataGrid] Fix CSV export for values containing double quotes (#9667) @cherniavskii
+- [DataGrid] Fix column type change not working correctly (#9594) @cherniavskii
+- [DataGrid] Fix quick filter `undefined` row error (#9708) @romgrk
+- [DataGrid] Prevent `viewportOuterSize.height` going negative (#9664) @gitstart
+- [DataGrid] Update focused cell on page change via keyboard (#9203) @m4theushw
+- [DataGrid] Wait for remote stylesheets to load before print (#9665) @cherniavskii
+
+#### `@mui/x-data-grid-pro@v6.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-data-grid@v6.10.1`, plus:
+
+- [DataGridPro] Improve tree data performance (#9682) @cherniavskii
+- [DataGridPro] Prevent affecting cells from child DataGrid when resizing a column (#9670) @m4theushw
+
+#### `@mui/x-data-grid-premium@v6.10.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link)
+
+Same changes as in `@mui/x-data-grid-pro@v6.10.1`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@v6.10.1`
+
+- [fields] Fix `format` and `value` update order (#9715) @LukasTy
+- [pickers] Remove `require` usage in comment (#9675) @LukasTy
+
+#### `@mui/x-date-pickers-pro@v6.10.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-date-pickers@v6.10.1`.
+
+### Charts / `@mui/x-charts@v6.0.0-alpha.4`
+
+- [charts] Fix blinking in responsive charts and extremums computation for line charts (#9734) @alexfauquette
+- [charts] Use ESM with imports (#9645) @alexfauquette
+
+### Docs
+
+- [docs] Add additional note for license key installation on Next.js (#9575) @joserodolfofreitas
+- [docs] Add paragraph about managing focus of custom edit components (#9658) @m4theushw
+- [docs] Add unsorted icon slot to the custom sort icons demo (#9169) @d4rekanguok
+- [docs] Disable ad for onboarding pages (#9700) @oliviertassinari
+- [docs] Disabling ads without toolbar has no effect @oliviertassinari
+- [docs] Fix Date Pickers usage to Title Case (#9680) @richbustos
+- [docs] Fix sorting in `CustomSortIcons` demo (#9656) @MBilalShafi
+- [docs] Improve the UI for pickers introduction (#9644) @alexfauquette
+- [docs] Improve the demo design @oliviertassinari
+- [docs] Localization progress, polish (#9672) @oliviertassinari
+- [docs] Normalize the WIP items (#9671) @oliviertassinari
+
+### Core
+
+- [core] Add `validate` command (#9714) @romgrk
+- [CHANGELOG] Update generator to new format @oliviertassinari
+
 ## 6.10.0
 
 _Jul 13, 2023_
@@ -26,11 +95,11 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
 - [DataGrid] Make `rowExpansionChange` event public (#9611) @MBilalShafi
 - [l10n] Improve Polish (pl-PL) locale (#9625) @ch1llysense
 
-#### `@mui/x-data-grid-pro@6.10.0`
+#### `@mui/x-data-grid-pro@6.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
 
 Same changes as in `@mui/x-data-grid@6.10.0`.
 
-#### `@mui/x-data-grid-premium@6.10.0`
+#### `@mui/x-data-grid-premium@6.10.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link)
 
 Same changes as in `@mui/x-data-grid-pro@6.10.0`.
 
@@ -41,7 +110,7 @@ Same changes as in `@mui/x-data-grid-pro@6.10.0`.
 - [pickers] Fix date calendar issues (#9652) @LukasTy
 - [l10n] Improve Norwegian (nb-NO) locale (#9608) @JosteinBrevik
 
-#### `@mui/x-date-pickers-pro@6.10.0`
+#### `@mui/x-date-pickers-pro@6.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
 
 Same changes as in `@mui/x-date-pickers@6.10.0`.
 

package/components/GridTreeDataGroupingCell.js

@@ -55,7 +55,7 @@ function GridTreeDataGroupingCell(props) {
         onClick: handleClick,
         tabIndex: -1,
         "aria-label": rowNode.childrenExpanded ? apiRef.current.getLocaleText('treeDataCollapse') : apiRef.current.getLocaleText('treeDataExpand')
-      }, rootProps == null ? void 0 : (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseIconButton, {
+      }, rootProps == null || (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseIconButton, {
         children: /*#__PURE__*/_jsx(Icon, {
           fontSize: "inherit"
         })

package/components/headerFiltering/GridHeaderFilterCell.js

@@ -146,7 +146,7 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
     colDef
   });
   const classes = useUtilityClasses(ownerState);
-  const isNoInputOperator = (filterOperators == null ? void 0 : (_filterOperators$find = filterOperators.find(({
+  const isNoInputOperator = (filterOperators == null || (_filterOperators$find = filterOperators.find(({
     value
   }) => item.operator === value)) == null ? void 0 : _filterOperators$find.requiresFilterValue) === false;
   const isApplied = Boolean(item == null ? void 0 : item.value) || isNoInputOperator;

package/hooks/features/detailPanel/useGridDetailPanel.js

@@ -5,11 +5,11 @@ import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from './gridDetailPanelToggleColDef';
 import { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector, gridDetailPanelRawHeightCacheSelector } from './gridDetailPanelSelector';
 export const detailPanelStateInitializer = (state, props) => {
-  var _ref, _props$detailPanelExp, _props$initialState, _props$initialState$d;
+  var _ref, _props$detailPanelExp, _props$initialState;
   return _extends({}, state, {
     detailPanel: {
       heightCache: {},
-      expandedRowIds: (_ref = (_props$detailPanelExp = props.detailPanelExpandedRowIds) != null ? _props$detailPanelExp : (_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$d = _props$initialState.detailPanel) == null ? void 0 : _props$initialState$d.expandedRowIds) != null ? _ref : []
+      expandedRowIds: (_ref = (_props$detailPanelExp = props.detailPanelExpandedRowIds) != null ? _props$detailPanelExp : (_props$initialState = props.initialState) == null || (_props$initialState = _props$initialState.detailPanel) == null ? void 0 : _props$initialState.expandedRowIds) != null ? _ref : []
     }
   });
 };

package/hooks/features/rowPinning/useGridRowPinning.js

@@ -9,12 +9,12 @@ function createPinnedRowsInternalCache(pinnedRows, getRowId) {
     bottomIds: [],
     idLookup: {}
   };
-  pinnedRows == null ? void 0 : (_pinnedRows$top = pinnedRows.top) == null ? void 0 : _pinnedRows$top.forEach(rowModel => {
+  pinnedRows == null || (_pinnedRows$top = pinnedRows.top) == null ? void 0 : _pinnedRows$top.forEach(rowModel => {
     const id = getRowIdFromRowModel(rowModel, getRowId);
     cache.topIds.push(id);
     cache.idLookup[id] = rowModel;
   });
-  pinnedRows == null ? void 0 : (_pinnedRows$bottom = pinnedRows.bottom) == null ? void 0 : _pinnedRows$bottom.forEach(rowModel => {
+  pinnedRows == null || (_pinnedRows$bottom = pinnedRows.bottom) == null ? void 0 : _pinnedRows$bottom.forEach(rowModel => {
     const id = getRowIdFromRowModel(rowModel, getRowId);
     cache.bottomIds.push(id);
     cache.idLookup[id] = rowModel;

package/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -11,7 +11,7 @@ export function addPinnedRow({
   apiRef,
   isAutoGenerated
 }) {
-  var _groupingParams$addit, _groupingParams$addit2, _groupingParams$addit3, _groupingParams$addit4;
+  var _groupingParams$addit, _groupingParams$addit2;
   const dataRowIdToModelLookup = _extends({}, groupingParams.dataRowIdToModelLookup);
   const dataRowIdToIdLookup = _extends({}, groupingParams.dataRowIdToIdLookup);
   const tree = _extends({}, groupingParams.tree);
@@ -40,7 +40,7 @@ export function addPinnedRow({
     id: rowId,
     model: rowModel
   };
-  if ((_groupingParams$addit2 = groupingParams.additionalRowGroups) != null && (_groupingParams$addit3 = _groupingParams$addit2.pinnedRows) != null && (_groupingParams$addit4 = _groupingParams$addit3[position]) != null && _groupingParams$addit4.includes(newPinnedRow)) {
+  if ((_groupingParams$addit2 = groupingParams.additionalRowGroups) != null && (_groupingParams$addit2 = _groupingParams$addit2.pinnedRows) != null && (_groupingParams$addit2 = _groupingParams$addit2[position]) != null && _groupingParams$addit2.includes(newPinnedRow)) {
     return _extends({}, groupingParams, {
       dataRowIdToModelLookup,
       dataRowIdToIdLookup,

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.10.0
+ * @mui/x-data-grid-pro v6.10.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/components/GridTreeDataGroupingCell.js

@@ -52,7 +52,7 @@ function GridTreeDataGroupingCell(props) {
         onClick: handleClick,
         tabIndex: -1,
         "aria-label": rowNode.childrenExpanded ? apiRef.current.getLocaleText('treeDataCollapse') : apiRef.current.getLocaleText('treeDataExpand')
-      }, rootProps == null ? void 0 : (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseIconButton, {
+      }, rootProps == null || (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseIconButton, {
         children: /*#__PURE__*/_jsx(Icon, {
           fontSize: "inherit"
         })

package/legacy/components/headerFiltering/GridHeaderFilterCell.js

@@ -146,7 +146,7 @@ var GridHeaderFilterCell = /*#__PURE__*/React.forwardRef(function (props, ref) {
     colDef: colDef
   });
   var classes = useUtilityClasses(ownerState);
-  var isNoInputOperator = (filterOperators == null ? void 0 : (_filterOperators$find = filterOperators.find(function (_ref) {
+  var isNoInputOperator = (filterOperators == null || (_filterOperators$find = filterOperators.find(function (_ref) {
     var value = _ref.value;
     return item.operator === value;
   })) == null ? void 0 : _filterOperators$find.requiresFilterValue) === false;

package/legacy/hooks/features/detailPanel/useGridDetailPanel.js

@@ -7,11 +7,11 @@ import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
 import { GRID_DETAIL_PANEL_TOGGLE_FIELD } from './gridDetailPanelToggleColDef';
 import { gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridDetailPanelExpandedRowsHeightCacheSelector, gridDetailPanelRawHeightCacheSelector } from './gridDetailPanelSelector';
 export var detailPanelStateInitializer = function detailPanelStateInitializer(state, props) {
-  var _ref, _props$detailPanelExp, _props$initialState, _props$initialState$d;
+  var _ref, _props$detailPanelExp, _props$initialState;
   return _extends({}, state, {
     detailPanel: {
       heightCache: {},
-      expandedRowIds: (_ref = (_props$detailPanelExp = props.detailPanelExpandedRowIds) != null ? _props$detailPanelExp : (_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$d = _props$initialState.detailPanel) == null ? void 0 : _props$initialState$d.expandedRowIds) != null ? _ref : []
+      expandedRowIds: (_ref = (_props$detailPanelExp = props.detailPanelExpandedRowIds) != null ? _props$detailPanelExp : (_props$initialState = props.initialState) == null || (_props$initialState = _props$initialState.detailPanel) == null ? void 0 : _props$initialState.expandedRowIds) != null ? _ref : []
     }
   });
 };

package/legacy/hooks/features/rowPinning/useGridRowPinning.js

@@ -9,12 +9,12 @@ function createPinnedRowsInternalCache(pinnedRows, getRowId) {
     bottomIds: [],
     idLookup: {}
   };
-  pinnedRows == null ? void 0 : (_pinnedRows$top = pinnedRows.top) == null ? void 0 : _pinnedRows$top.forEach(function (rowModel) {
+  pinnedRows == null || (_pinnedRows$top = pinnedRows.top) == null ? void 0 : _pinnedRows$top.forEach(function (rowModel) {
     var id = getRowIdFromRowModel(rowModel, getRowId);
     cache.topIds.push(id);
     cache.idLookup[id] = rowModel;
   });
-  pinnedRows == null ? void 0 : (_pinnedRows$bottom = pinnedRows.bottom) == null ? void 0 : _pinnedRows$bottom.forEach(function (rowModel) {
+  pinnedRows == null || (_pinnedRows$bottom = pinnedRows.bottom) == null ? void 0 : _pinnedRows$bottom.forEach(function (rowModel) {
     var id = getRowIdFromRowModel(rowModel, getRowId);
     cache.bottomIds.push(id);
     cache.idLookup[id] = rowModel;

package/legacy/hooks/features/rowPinning/useGridRowPinningPreProcessors.js

@@ -6,7 +6,7 @@ import { useGridRegisterPipeProcessor } from '@mui/x-data-grid/internals';
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
 import { insertNodeInTree } from '../../../utils/tree/utils';
 export function addPinnedRow(_ref) {
-  var _groupingParams$addit, _groupingParams$addit2, _groupingParams$addit3, _groupingParams$addit4;
+  var _groupingParams$addit, _groupingParams$addit2;
   var groupingParams = _ref.groupingParams,
     rowModel = _ref.rowModel,
     rowId = _ref.rowId,
@@ -41,7 +41,7 @@ export function addPinnedRow(_ref) {
     id: rowId,
     model: rowModel
   };
-  if ((_groupingParams$addit2 = groupingParams.additionalRowGroups) != null && (_groupingParams$addit3 = _groupingParams$addit2.pinnedRows) != null && (_groupingParams$addit4 = _groupingParams$addit3[position]) != null && _groupingParams$addit4.includes(newPinnedRow)) {
+  if ((_groupingParams$addit2 = groupingParams.additionalRowGroups) != null && (_groupingParams$addit2 = _groupingParams$addit2.pinnedRows) != null && (_groupingParams$addit2 = _groupingParams$addit2[position]) != null && _groupingParams$addit2.includes(newPinnedRow)) {
     return _extends({}, groupingParams, {
       dataRowIdToModelLookup: dataRowIdToModelLookup,
       dataRowIdToIdLookup: dataRowIdToIdLookup,

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.10.0
+ * @mui/x-data-grid-pro v6.10.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/utils/domUtils.js

@@ -11,6 +11,7 @@ export function findGroupHeaderElementsFromField(elem, field) {
   return Array.from((_elem$querySelectorAl = elem.querySelectorAll("[data-fields*=\"|-".concat(field, "-|\"]"))) != null ? _elem$querySelectorAl : []);
 }
 export function findGridCellElementsFromCol(col, api) {
+  var _api$virtualScrollerR;
   var root = findParentElementFromClassName(col, gridClasses.root);
   if (!root) {
     throw new Error('MUI: The root element is not found.');
@@ -21,7 +22,12 @@ export function findGridCellElementsFromCol(col, api) {
   }
   var colIndex = Number(ariaColIndex) - 1;
   var cells = [];
-  var renderedRowElements = root.querySelectorAll(".".concat(gridClasses.row));
+  var virtualScrollerContent = (_api$virtualScrollerR = api.virtualScrollerRef) == null || (_api$virtualScrollerR = _api$virtualScrollerR.current) == null ? void 0 : _api$virtualScrollerR.firstElementChild;
+  if (!virtualScrollerContent) {
+    return [];
+  }
+  var renderedRowElements = virtualScrollerContent.querySelectorAll(":scope > div > .".concat(gridClasses.row) // Use > to ignore rows from detail panels
+  );
   renderedRowElements.forEach(function (rowElement) {
     var rowId = rowElement.getAttribute('data-id');
     if (!rowId) {

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY4OTE5OTIwMDAwMA==";
+  var releaseInfo = "MTY4OTgyMjAwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/legacy/utils/tree/insertDataRowInTree.js

@@ -18,13 +18,13 @@ export var insertDataRowInTree = function insertDataRowInTree(_ref) {
     defaultGroupingExpansionDepth = _ref.defaultGroupingExpansionDepth;
   var parentNodeId = GRID_ROOT_GROUP_ID;
   for (var depth = 0; depth < path.length; depth += 1) {
-    var _childrenFromPath, _childrenFromPath$fie;
+    var _childrenFromPath;
     var _path$depth = path[depth],
       key = _path$depth.key,
       field = _path$depth.field;
     var fieldWithDefaultValue = field != null ? field : '__no_field__';
     var keyWithDefaultValue = key != null ? key : '__no_key__';
-    var existingNodeIdWithPartialPath = (_childrenFromPath = tree[parentNodeId].childrenFromPath) == null ? void 0 : (_childrenFromPath$fie = _childrenFromPath[fieldWithDefaultValue]) == null ? void 0 : _childrenFromPath$fie[keyWithDefaultValue.toString()];
+    var existingNodeIdWithPartialPath = (_childrenFromPath = tree[parentNodeId].childrenFromPath) == null || (_childrenFromPath = _childrenFromPath[fieldWithDefaultValue]) == null ? void 0 : _childrenFromPath[keyWithDefaultValue.toString()];
 
     // When we reach the last step of the path,
     // We need to create a node for the row passed to `insertNodeInTree`

package/legacy/utils/tree/utils.js

@@ -1,5 +1,3 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
@@ -106,24 +104,16 @@ export var removeNodeFromTree = function removeNodeFromTree(_ref2) {
   // For groups and leaves,
   // Unregister the node from its parents `children` and `childrenFromPath` properties.
   else {
-    var _groupingField2, _groupingKey2, _parentNode$childrenF3, _parentNode$childrenF4;
+    var _groupingField2, _groupingKey2;
     var groupingField = (_groupingField2 = node.groupingField) != null ? _groupingField2 : '__no_field__';
     var groupingKey = (_groupingKey2 = node.groupingKey) != null ? _groupingKey2 : '__no_key__';
-    var _ref3 = (_parentNode$childrenF3 = (_parentNode$childrenF4 = parentNode.childrenFromPath) == null ? void 0 : _parentNode$childrenF4[groupingField]) != null ? _parentNode$childrenF3 : {},
-      _groupingKey$toString = groupingKey.toString(),
-      childrenToRemove = _ref3[_groupingKey$toString],
-      newChildrenFromPathWithField = _objectWithoutProperties(_ref3, [_groupingKey$toString].map(_toPropertyKey));
 
     // TODO rows v6: Can we avoid this linear complexity ?
     var children = parentNode.children.filter(function (childId) {
       return childId !== node.id;
     });
-    var childrenFromPath = _extends({}, parentNode.childrenFromPath);
-    if (Object.keys(newChildrenFromPathWithField).length === 0) {
-      delete childrenFromPath[groupingField];
-    } else {
-      childrenFromPath[groupingField] = newChildrenFromPathWithField;
-    }
+    var childrenFromPath = parentNode.childrenFromPath;
+    delete childrenFromPath[groupingField][groupingKey.toString()];
     tree[parentNode.id] = _extends({}, parentNode, {
       children: children,
       childrenFromPath: childrenFromPath
@@ -134,12 +124,12 @@ export var removeNodeFromTree = function removeNodeFromTree(_ref2) {
 /**
  * Updates the `id` and `isAutoGenerated` properties of a group node.
  */
-export var updateGroupNodeIdAndAutoGenerated = function updateGroupNodeIdAndAutoGenerated(_ref4) {
-  var node = _ref4.node,
-    updatedNode = _ref4.updatedNode,
-    previousTree = _ref4.previousTree,
-    tree = _ref4.tree,
-    treeDepths = _ref4.treeDepths;
+export var updateGroupNodeIdAndAutoGenerated = function updateGroupNodeIdAndAutoGenerated(_ref3) {
+  var node = _ref3.node,
+    updatedNode = _ref3.updatedNode,
+    previousTree = _ref3.previousTree,
+    tree = _ref3.tree,
+    treeDepths = _ref3.treeDepths;
   // 1. Set the new parent for all children from the old group
   node.children.forEach(function (childId) {
     tree[childId] = _extends({}, tree[childId], {
@@ -169,9 +159,9 @@ export var createUpdatedGroupsManager = function createUpdatedGroupsManager() {
     }
   };
 };
-export var getVisibleRowsLookup = function getVisibleRowsLookup(_ref5) {
-  var tree = _ref5.tree,
-    filteredRowsLookup = _ref5.filteredRowsLookup;
+export var getVisibleRowsLookup = function getVisibleRowsLookup(_ref4) {
+  var tree = _ref4.tree,
+    filteredRowsLookup = _ref4.filteredRowsLookup;
   if (!filteredRowsLookup) {
     return {};
   }

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.10.0
+ * @mui/x-data-grid-pro v6.10.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/utils/domUtils.js

@@ -20,7 +20,13 @@ export function findGridCellElementsFromCol(col, api) {
   }
   const colIndex = Number(ariaColIndex) - 1;
   const cells = [];
-  const renderedRowElements = root.querySelectorAll(`.${gridClasses.row}`);
+  const virtualScrollerContent = api.virtualScrollerRef?.current?.firstElementChild;
+  if (!virtualScrollerContent) {
+    return [];
+  }
+  const renderedRowElements = virtualScrollerContent.querySelectorAll(`:scope > div > .${gridClasses.row}` // Use > to ignore rows from detail panels
+  );
+
   renderedRowElements.forEach(rowElement => {
     const rowId = rowElement.getAttribute('data-id');
     if (!rowId) {

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY4OTE5OTIwMDAwMA==";
+  const releaseInfo = "MTY4OTgyMjAwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/modern/utils/tree/utils.js

@@ -1,5 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
 export const getGroupRowIdFromPath = path => {
@@ -106,18 +104,11 @@ export const removeNodeFromTree = ({
   else {
     const groupingField = node.groupingField ?? '__no_field__';
     const groupingKey = node.groupingKey ?? '__no_key__';
-    const _ref = parentNode.childrenFromPath?.[groupingField] ?? {},
-      _groupingKey$toString = groupingKey.toString(),
-      newChildrenFromPathWithField = _objectWithoutPropertiesLoose(_ref, [_groupingKey$toString].map(_toPropertyKey));
 
     // TODO rows v6: Can we avoid this linear complexity ?
     const children = parentNode.children.filter(childId => childId !== node.id);
-    const childrenFromPath = _extends({}, parentNode.childrenFromPath);
-    if (Object.keys(newChildrenFromPathWithField).length === 0) {
-      delete childrenFromPath[groupingField];
-    } else {
-      childrenFromPath[groupingField] = newChildrenFromPathWithField;
-    }
+    const childrenFromPath = parentNode.childrenFromPath;
+    delete childrenFromPath[groupingField][groupingKey.toString()];
     tree[parentNode.id] = _extends({}, parentNode, {
       children,
       childrenFromPath

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.10.0
+ * @mui/x-data-grid-pro v6.10.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/utils/domUtils.js

@@ -29,7 +29,13 @@ function findGridCellElementsFromCol(col, api) {
   }
   const colIndex = Number(ariaColIndex) - 1;
   const cells = [];
-  const renderedRowElements = root.querySelectorAll(`.${_xDataGrid.gridClasses.row}`);
+  const virtualScrollerContent = api.virtualScrollerRef?.current?.firstElementChild;
+  if (!virtualScrollerContent) {
+    return [];
+  }
+  const renderedRowElements = virtualScrollerContent.querySelectorAll(`:scope > div > .${_xDataGrid.gridClasses.row}` // Use > to ignore rows from detail panels
+  );
+
   renderedRowElements.forEach(rowElement => {
     const rowId = rowElement.getAttribute('data-id');
     if (!rowId) {

package/node/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY4OTE5OTIwMDAwMA==";
+  const releaseInfo = "MTY4OTgyMjAwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/utils/tree/utils.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateGroupNodeIdAndAutoGenerated = exports.updateGroupDefaultExpansion = exports.removeNodeFromTree = exports.insertNodeInTree = exports.getVisibleRowsLookup = exports.getNodePathInTree = exports.getGroupRowIdFromPath = exports.createUpdatedGroupsManager = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _toPropertyKey2 = _interopRequireDefault(require("@babel/runtime/helpers/toPropertyKey"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _xDataGrid = require("@mui/x-data-grid");
 const getGroupRowIdFromPath = path => {
@@ -117,18 +115,11 @@ const removeNodeFromTree = ({
   else {
     const groupingField = node.groupingField ?? '__no_field__';
     const groupingKey = node.groupingKey ?? '__no_key__';
-    const _ref = parentNode.childrenFromPath?.[groupingField] ?? {},
-      _groupingKey$toString = groupingKey.toString(),
-      newChildrenFromPathWithField = (0, _objectWithoutPropertiesLoose2.default)(_ref, [_groupingKey$toString].map(_toPropertyKey2.default));
 
     // TODO rows v6: Can we avoid this linear complexity ?
     const children = parentNode.children.filter(childId => childId !== node.id);
-    const childrenFromPath = (0, _extends2.default)({}, parentNode.childrenFromPath);
-    if (Object.keys(newChildrenFromPathWithField).length === 0) {
-      delete childrenFromPath[groupingField];
-    } else {
-      childrenFromPath[groupingField] = newChildrenFromPathWithField;
-    }
+    const childrenFromPath = parentNode.childrenFromPath;
+    delete childrenFromPath[groupingField][groupingKey.toString()];
     tree[parentNode.id] = (0, _extends2.default)({}, parentNode, {
       children,
       childrenFromPath

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "6.10.0",
+  "version": "6.10.1",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,9 +31,9 @@
     "directory": "packages/grid/x-data-grid-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.5",
-    "@mui/utils": "^5.13.6",
-    "@mui/x-data-grid": "6.10.0",
+    "@babel/runtime": "^7.22.6",
+    "@mui/utils": "^5.13.7",
+    "@mui/x-data-grid": "6.10.1",
     "@mui/x-license-pro": "6.10.0",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",

package/utils/domUtils.d.ts

@@ -1,5 +1,5 @@
-import { GridApiPro } from '../models/gridApiPro';
+import { GridPrivateApiPro } from '../models/gridApiPro';
 export declare function getFieldFromHeaderElem(colCellEl: Element): string;
 export declare function findHeaderElementFromField(elem: Element, field: string): Element | null;
 export declare function findGroupHeaderElementsFromField(elem: Element, field: string): Element[];
-export declare function findGridCellElementsFromCol(col: HTMLElement, api: GridApiPro): Element[];
+export declare function findGridCellElementsFromCol(col: HTMLElement, api: GridPrivateApiPro): Element[];

package/utils/domUtils.js

@@ -11,6 +11,7 @@ export function findGroupHeaderElementsFromField(elem, field) {
   return Array.from((_elem$querySelectorAl = elem.querySelectorAll(`[data-fields*="|-${field}-|"]`)) != null ? _elem$querySelectorAl : []);
 }
 export function findGridCellElementsFromCol(col, api) {
+  var _api$virtualScrollerR;
   const root = findParentElementFromClassName(col, gridClasses.root);
   if (!root) {
     throw new Error('MUI: The root element is not found.');
@@ -21,7 +22,13 @@ export function findGridCellElementsFromCol(col, api) {
   }
   const colIndex = Number(ariaColIndex) - 1;
   const cells = [];
-  const renderedRowElements = root.querySelectorAll(`.${gridClasses.row}`);
+  const virtualScrollerContent = (_api$virtualScrollerR = api.virtualScrollerRef) == null || (_api$virtualScrollerR = _api$virtualScrollerR.current) == null ? void 0 : _api$virtualScrollerR.firstElementChild;
+  if (!virtualScrollerContent) {
+    return [];
+  }
+  const renderedRowElements = virtualScrollerContent.querySelectorAll(`:scope > div > .${gridClasses.row}` // Use > to ignore rows from detail panels
+  );
+
   renderedRowElements.forEach(rowElement => {
     const rowId = rowElement.getAttribute('data-id');
     if (!rowId) {

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY4OTE5OTIwMDAwMA==";
+  const releaseInfo = "MTY4OTgyMjAwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/utils/tree/insertDataRowInTree.js

@@ -19,14 +19,14 @@ export const insertDataRowInTree = ({
 }) => {
   let parentNodeId = GRID_ROOT_GROUP_ID;
   for (let depth = 0; depth < path.length; depth += 1) {
-    var _childrenFromPath, _childrenFromPath$fie;
+    var _childrenFromPath;
     const {
       key,
       field
     } = path[depth];
     const fieldWithDefaultValue = field != null ? field : '__no_field__';
     const keyWithDefaultValue = key != null ? key : '__no_key__';
-    const existingNodeIdWithPartialPath = (_childrenFromPath = tree[parentNodeId].childrenFromPath) == null ? void 0 : (_childrenFromPath$fie = _childrenFromPath[fieldWithDefaultValue]) == null ? void 0 : _childrenFromPath$fie[keyWithDefaultValue.toString()];
+    const existingNodeIdWithPartialPath = (_childrenFromPath = tree[parentNodeId].childrenFromPath) == null || (_childrenFromPath = _childrenFromPath[fieldWithDefaultValue]) == null ? void 0 : _childrenFromPath[keyWithDefaultValue.toString()];
 
     // When we reach the last step of the path,
     // We need to create a node for the row passed to `insertNodeInTree`

package/utils/tree/utils.js

@@ -1,5 +1,3 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _toPropertyKey from "@babel/runtime/helpers/esm/toPropertyKey";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid';
 export const getGroupRowIdFromPath = path => {
@@ -106,21 +104,14 @@ export const removeNodeFromTree = ({
   // For groups and leaves,
   // Unregister the node from its parents `children` and `childrenFromPath` properties.
   else {
-    var _groupingField2, _groupingKey2, _parentNode$childrenF2, _parentNode$childrenF3;
+    var _groupingField2, _groupingKey2;
     const groupingField = (_groupingField2 = node.groupingField) != null ? _groupingField2 : '__no_field__';
     const groupingKey = (_groupingKey2 = node.groupingKey) != null ? _groupingKey2 : '__no_key__';
-    const _ref = (_parentNode$childrenF2 = (_parentNode$childrenF3 = parentNode.childrenFromPath) == null ? void 0 : _parentNode$childrenF3[groupingField]) != null ? _parentNode$childrenF2 : {},
-      _groupingKey$toString = groupingKey.toString(),
-      newChildrenFromPathWithField = _objectWithoutPropertiesLoose(_ref, [_groupingKey$toString].map(_toPropertyKey));
 
     // TODO rows v6: Can we avoid this linear complexity ?
     const children = parentNode.children.filter(childId => childId !== node.id);
-    const childrenFromPath = _extends({}, parentNode.childrenFromPath);
-    if (Object.keys(newChildrenFromPathWithField).length === 0) {
-      delete childrenFromPath[groupingField];
-    } else {
-      childrenFromPath[groupingField] = newChildrenFromPathWithField;
-    }
+    const childrenFromPath = parentNode.childrenFromPath;
+    delete childrenFromPath[groupingField][groupingKey.toString()];
     tree[parentNode.id] = _extends({}, parentNode, {
       children,
       childrenFromPath