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

package/CHANGELOG.md

@@ -3,6 +3,139 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.10.2
+
+_Jul 27, 2023_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Improve scatter charts performance
+- 📚 Redesigned component API documentation and side navigation
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid@v6.10.2`
+
+- [DataGrid] Fix quick filter & aggregation error (#9729) @romgrk
+- [DataGrid] Fix row click propagation causing error in nested grid (#9741) @cherniavskii
+- [DataGrid] Keep focused cell in the DOM (#7357) @yaredtsy
+- [l10n] Improve Finnish (fi-FI) locale (#9746) @sambbaahh
+
+#### `@mui/x-data-grid-pro@v6.10.2` [![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.2`.
+
+#### `@mui/x-data-grid-premium@v6.10.2` [![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.2`, plus:
+
+- [DataGridPremium] Allow to customize grouping cell offset (#9417) @cherniavskii
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@v6.10.2`
+
+- [pickers] Remove the `endOfDate` from `DigitalClock` timeOptions (#9800) @noraleonte
+
+#### `@mui/x-date-pickers-pro@v6.10.2` [![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.2`.
+
+### Charts / `@mui/x-charts@v6.0.0-alpha.5`
+
+- [charts] Improve JSDoc for axis-related props (#9779) @flaviendelangle
+- [charts] Improve performances of Scatter component (#9527) @flaviendelangle
+
+### Docs
+
+- [docs] Add `pnpm` in more places @oliviertassinari
+- [docs] Add `pnpm` installation instructions for MUI X (#9707) @richbustos
+- [docs] Align pickers "uncontrolled vs controlled" sections (#9772) @LukasTy
+- [docs] Apply style guide to the data grid Layout page (#9673) @richbustos
+- [docs] Differentiate between packages in `slotProps` docs (#9668) @cherniavskii
+- [docs] Fix charts width in axis pages (#9801) @alexfauquette
+- [docs] Fix wrong prop name in the Editing page (#9753) @m4theushw
+- [docs] New component API page and side nav design (#9187) @alexfauquette
+- [docs] Update overview page with up to date information about the plans (#9512) @joserodolfofreitas
+
+### Core
+
+- [core] Use PR charts version in preview (#9787) @alexfauquette
+- [license] Allow overriding the license on specific parts of the page (#9717) @Janpot
+- [license] Throw in dev mode after 30 days (#9701) @oliviertassinari
+- [license] Only throw in dev mode (#9803) @oliviertassinari
+- [test] Fail the CI when new unexpected files are created (#9728) @oliviertassinari
+
+## 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 +159,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 +174,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.d.ts

@@ -6,7 +6,7 @@ import { GridPinnedRowsProp } from './gridRowPinningInterface';
 type GridPinnedRowPosition = keyof GridPinnedRowsProp;
 export declare function addPinnedRow({ groupingParams, rowModel, rowId, position, apiRef, isAutoGenerated, }: {
     groupingParams: GridHydrateRowsValue;
-    rowModel: GridRowModel | undefined;
+    rowModel: GridRowModel;
     rowId: GridRowId;
     position: GridPinnedRowPosition;
     apiRef: React.MutableRefObject<GridPrivateApiPro>;

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/hooks/features/rowReorder/useGridRowReorder.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
+import { GRID_REORDER_COL_DEF } from './gridRowReorderColDef';
 var Direction = /*#__PURE__*/function (Direction) {
   Direction[Direction["UP"] = 0] = "UP";
   Direction[Direction["DOWN"] = 1] = "DOWN";
@@ -66,6 +67,7 @@ export const useGridRowReorder = (apiRef, props) => {
       dragRowNode.current.classList.remove(classes.rowDragging);
     });
     originRowIndex.current = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+    apiRef.current.setCellFocus(params.id, GRID_REORDER_COL_DEF.field);
   }, [isRowReorderDisabled, classes.rowDragging, logger, apiRef]);
   const handleDragOver = React.useCallback((params, event) => {
     if (dragRowId === '') {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.10.0
+ * @mui/x-data-grid-pro v6.10.2
  *
  * @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/hooks/features/rowReorder/useGridRowReorder.js

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
+import { GRID_REORDER_COL_DEF } from './gridRowReorderColDef';
 var Direction = /*#__PURE__*/function (Direction) {
   Direction[Direction["UP"] = 0] = "UP";
   Direction[Direction["DOWN"] = 1] = "DOWN";
@@ -68,6 +69,7 @@ export var useGridRowReorder = function useGridRowReorder(apiRef, props) {
       dragRowNode.current.classList.remove(classes.rowDragging);
     });
     originRowIndex.current = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+    apiRef.current.setCellFocus(params.id, GRID_REORDER_COL_DEF.field);
   }, [isRowReorderDisabled, classes.rowDragging, logger, apiRef]);
   var handleDragOver = React.useCallback(function (params, event) {
     if (dragRowId === '') {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.10.0
+ * @mui/x-data-grid-pro v6.10.2
  *
  * @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 = "MTY5MDQwODgwMDAwMA==";
   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/hooks/features/rowReorder/useGridRowReorder.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { useGridLogger, useGridApiEventHandler, getDataGridUtilityClass, useGridSelector, gridSortModelSelector, gridRowMaximumTreeDepthSelector, useGridApiOptionHandler } from '@mui/x-data-grid';
 import { gridEditRowsStateSelector } from '@mui/x-data-grid/internals';
+import { GRID_REORDER_COL_DEF } from './gridRowReorderColDef';
 var Direction = /*#__PURE__*/function (Direction) {
   Direction[Direction["UP"] = 0] = "UP";
   Direction[Direction["DOWN"] = 1] = "DOWN";
@@ -66,6 +67,7 @@ export const useGridRowReorder = (apiRef, props) => {
       dragRowNode.current.classList.remove(classes.rowDragging);
     });
     originRowIndex.current = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+    apiRef.current.setCellFocus(params.id, GRID_REORDER_COL_DEF.field);
   }, [isRowReorderDisabled, classes.rowDragging, logger, apiRef]);
   const handleDragOver = React.useCallback((params, event) => {
     if (dragRowId === '') {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.10.0
+ * @mui/x-data-grid-pro v6.10.2
  *
  * @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 = "MTY5MDQwODgwMDAwMA==";
   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/hooks/features/rowReorder/useGridRowReorder.js

@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/utils");
 var _xDataGrid = require("@mui/x-data-grid");
 var _internals = require("@mui/x-data-grid/internals");
+var _gridRowReorderColDef = require("./gridRowReorderColDef");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Direction = /*#__PURE__*/function (Direction) {
@@ -74,6 +75,7 @@ const useGridRowReorder = (apiRef, props) => {
       dragRowNode.current.classList.remove(classes.rowDragging);
     });
     originRowIndex.current = apiRef.current.getRowIndexRelativeToVisibleRows(params.id);
+    apiRef.current.setCellFocus(params.id, _gridRowReorderColDef.GRID_REORDER_COL_DEF.field);
   }, [isRowReorderDisabled, classes.rowDragging, logger, apiRef]);
   const handleDragOver = React.useCallback((params, event) => {
     if (dragRowId === '') {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.10.0
+ * @mui/x-data-grid-pro v6.10.2
  *
  * @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 = "MTY5MDQwODgwMDAwMA==";
   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.2",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,10 +31,10 @@
     "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",
-    "@mui/x-license-pro": "6.10.0",
+    "@babel/runtime": "^7.22.6",
+    "@mui/utils": "^5.13.7",
+    "@mui/x-data-grid": "6.10.2",
+    "@mui/x-license-pro": "6.10.2",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.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 = "MTY5MDQwODgwMDAwMA==";
   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