@mui/x-data-grid-pro 6.19.1 → 6.19.3

package/CHANGELOG.md

@@ -3,6 +3,90 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.19.3
+
+_Feb 1, 2024_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Hebrew (he-IL) locale (#11831) @danielmishan85
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.3`
+
+- [l10n] Improve Hebrew (he-IL) locale (@danielmishan85) (#11831)
+
+#### `@mui/x-data-grid-pro@6.19.3` [![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@6.19.3`.
+
+#### `@mui/x-data-grid-premium@6.19.3` [![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@6.19.3`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.3`
+
+- [TimePicker] Add missing toolbar classes descriptions (#11862) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.19.3` [![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@6.19.3`.
+
+### Charts / `@mui/x-charts@6.19.3`
+
+- [charts] Document how to modify color according to values (#11854) @alexfauquette
+
+### Docs
+
+- [docs] Add a general uplift to the whats new page (#11883) @danilo-leal
+- [docs] Fix 404 (#11852) @alexfauquette
+- [docs] Fix <title> generation (#11825) @alexfauquette
+- [docs] Fix docs:api when typo in slots typing (#11861) @alexfauquette
+- [docs] Improve Support page (#11556) @oliviertassinari
+- [docs] Sync support page with core @oliviertassinari
+- [docs] These API don't exist in MUI X v6 @oliviertassinari
+- [docs] Update whats new page with v7 Beta blogpost content (#11886) @joserodolfofreitas
+
+## 6.19.2
+
+_Jan 25, 2024_
+
+We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
+- 🐞 Bugfixes
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.2`
+
+- [pickers] Apply the `layout.tabs` class to `Tabs` slot (@LukasTy) (#11782)
+
+#### `@mui/x-date-pickers-pro@6.19.2` [![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@6.19.2`, plus:
+
+- [DateRangePicker] Remove `calendars` prop on `Mobile` (@LukasTy) (#11771)
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.2`
+
+- [DataGrid] Fix support for tree with more than 50,000 children (@zenazn) (#11808)
+
+#### `@mui/x-data-grid-pro@6.19.2` [![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@6.19.2`.
+
+#### `@mui/x-data-grid-premium@6.19.2` [![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@6.19.2`.
+
 ## 6.19.1
 
 _Jan 19, 2024_

package/DataGridPro/DataGridPro.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license-pro';
-import { chainPropTypes } from '@mui/utils';
 import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot, GridContextProvider, useGridSelector } from '@mui/x-data-grid';
 import { useDataGridProComponent } from './useDataGridProComponent';
 import { useDataGridProProps } from './useDataGridProProps';
@@ -105,12 +104,7 @@ DataGridProRaw.propTypes = {
    * It only works if the pagination is enabled.
    * @default false
    */
-  checkboxSelectionVisibleOnly: chainPropTypes(PropTypes.bool, props => {
-    if (!props.pagination && props.checkboxSelectionVisibleOnly) {
-      return new Error('MUI: The `checkboxSelectionVisibleOnly` prop has no effect when the pagination is not enabled.');
-    }
-    return null;
-  }),
+  checkboxSelectionVisibleOnly: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -275,12 +269,7 @@ DataGridProRaw.propTypes = {
    * Set it to 'server' if you would like to handle filtering on the server-side.
    * @default "client"
    */
-  filterMode: chainPropTypes(PropTypes.oneOf(['client', 'server']), props => {
-    if (props.treeData && props.filterMode === 'server') {
-      return new Error('MUI: The `filterMode="server"` prop is not available when the `treeData` is enabled.');
-    }
-    return null;
-  }),
+  filterMode: PropTypes.oneOf(['client', 'server']),
   /**
    * Set the filter model of the Data Grid.
    */
@@ -378,12 +367,7 @@ DataGridProRaw.propTypes = {
    * It has no effect if the pagination is enabled.
    * @default false
    */
-  hideFooterRowCount: chainPropTypes(PropTypes.bool, props => {
-    if (props.pagination && props.hideFooterRowCount) {
-      return new Error('MUI: The `hideFooterRowCount` prop has no effect when the pagination is enabled.');
-    }
-    return null;
-  }),
+  hideFooterRowCount: PropTypes.bool,
   /**
    * If `true`, the selected row count in the footer is hidden.
    * @default false

package/components/GridDetailPanel.js

@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["rowId", "height", "style"];
 import * as React from 'react';
-import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-const DetailPanel = styled(Box, {
+const DetailPanel = styled('div', {
   name: 'MuiDataGrid',
   slot: 'DetailPanel',
   overridesResolver: (props, styles) => styles.detailPanel
@@ -28,7 +27,7 @@ function GridDetailPanel(props) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const apiRef = useGridPrivateApiContext();
-  const ref = React.useRef();
+  const ref = React.useRef(null);
   const rootProps = useGridRootProps();
   const ownerState = rootProps;
   React.useLayoutEffect(() => {

package/components/GridTreeDataGroupingCell.js

@@ -42,7 +42,6 @@ function GridTreeDataGroupingCell(props) {
     apiRef.current.setCellFocus(id, field);
     event.stopPropagation(); // TODO remove event.stopPropagation
   };
-
   return /*#__PURE__*/_jsxs(Box, {
     className: classes.root,
     sx: {

package/index.js

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

package/legacy/DataGridPro/DataGridPro.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license-pro';
-import { chainPropTypes } from '@mui/utils';
 import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot, GridContextProvider, useGridSelector } from '@mui/x-data-grid';
 import { useDataGridProComponent } from './useDataGridProComponent';
 import { useDataGridProProps } from './useDataGridProProps';
@@ -105,12 +104,7 @@ DataGridProRaw.propTypes = {
    * It only works if the pagination is enabled.
    * @default false
    */
-  checkboxSelectionVisibleOnly: chainPropTypes(PropTypes.bool, function (props) {
-    if (!props.pagination && props.checkboxSelectionVisibleOnly) {
-      return new Error('MUI: The `checkboxSelectionVisibleOnly` prop has no effect when the pagination is not enabled.');
-    }
-    return null;
-  }),
+  checkboxSelectionVisibleOnly: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -275,12 +269,7 @@ DataGridProRaw.propTypes = {
    * Set it to 'server' if you would like to handle filtering on the server-side.
    * @default "client"
    */
-  filterMode: chainPropTypes(PropTypes.oneOf(['client', 'server']), function (props) {
-    if (props.treeData && props.filterMode === 'server') {
-      return new Error('MUI: The `filterMode="server"` prop is not available when the `treeData` is enabled.');
-    }
-    return null;
-  }),
+  filterMode: PropTypes.oneOf(['client', 'server']),
   /**
    * Set the filter model of the Data Grid.
    */
@@ -378,12 +367,7 @@ DataGridProRaw.propTypes = {
    * It has no effect if the pagination is enabled.
    * @default false
    */
-  hideFooterRowCount: chainPropTypes(PropTypes.bool, function (props) {
-    if (props.pagination && props.hideFooterRowCount) {
-      return new Error('MUI: The `hideFooterRowCount` prop has no effect when the pagination is enabled.');
-    }
-    return null;
-  }),
+  hideFooterRowCount: PropTypes.bool,
   /**
    * If `true`, the selected row count in the footer is hidden.
    * @default false

package/legacy/components/GridDetailPanel.js

@@ -3,12 +3,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["rowId", "height", "style"];
 import * as React from 'react';
-import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-var DetailPanel = styled(Box, {
+var DetailPanel = styled('div', {
   name: 'MuiDataGrid',
   slot: 'DetailPanel',
   overridesResolver: function overridesResolver(props, styles) {
@@ -31,7 +30,7 @@ function GridDetailPanel(props) {
     styleProp = _props$style === void 0 ? {} : _props$style,
     other = _objectWithoutProperties(props, _excluded);
   var apiRef = useGridPrivateApiContext();
-  var ref = React.useRef();
+  var ref = React.useRef(null);
   var rootProps = useGridRootProps();
   var ownerState = rootProps;
   React.useLayoutEffect(function () {

package/legacy/components/GridScrollArea.js

@@ -27,18 +27,17 @@ var GridScrollAreaRawRoot = styled('div', {
     return [_defineProperty({}, "&.".concat(gridClasses['scrollArea--left']), styles['scrollArea--left']), _defineProperty({}, "&.".concat(gridClasses['scrollArea--right']), styles['scrollArea--right']), styles.scrollArea];
   }
 })(function () {
-  var _ref3;
-  return _ref3 = {
+  return _defineProperty(_defineProperty({
     position: 'absolute',
     top: 0,
     zIndex: 101,
     width: 20,
     bottom: 0
-  }, _defineProperty(_ref3, "&.".concat(gridClasses['scrollArea--left']), {
+  }, "&.".concat(gridClasses['scrollArea--left']), {
     left: 0
-  }), _defineProperty(_ref3, "&.".concat(gridClasses['scrollArea--right']), {
+  }), "&.".concat(gridClasses['scrollArea--right']), {
     right: 0
-  }), _ref3;
+  });
 });
 function GridScrollAreaRaw(props) {
   var scrollDirection = props.scrollDirection;

package/legacy/components/GridTreeDataGroupingCell.js

@@ -39,7 +39,6 @@ function GridTreeDataGroupingCell(props) {
     apiRef.current.setCellFocus(id, field);
     event.stopPropagation(); // TODO remove event.stopPropagation
   };
-
   return /*#__PURE__*/_jsxs(Box, {
     className: classes.root,
     sx: {

package/legacy/hooks/features/columnPinning/useGridColumnPinning.js

@@ -155,15 +155,14 @@ export var useGridColumnPinning = function useGridColumnPinning(apiRef, props) {
     }
   }, [props.disableColumnPinning]);
   var pinColumn = React.useCallback(function (field, side) {
-    var _newPinnedColumns;
     checkIfEnabled('pinColumn');
     if (apiRef.current.isColumnPinned(field) === side) {
       return;
     }
     var otherSide = side === GridPinnedPosition.right ? GridPinnedPosition.left : GridPinnedPosition.right;
-    var newPinnedColumns = (_newPinnedColumns = {}, _defineProperty(_newPinnedColumns, side, [].concat(_toConsumableArray(pinnedColumns[side] || []), [field])), _defineProperty(_newPinnedColumns, otherSide, (pinnedColumns[otherSide] || []).filter(function (column) {
+    var newPinnedColumns = _defineProperty(_defineProperty({}, side, [].concat(_toConsumableArray(pinnedColumns[side] || []), [field])), otherSide, (pinnedColumns[otherSide] || []).filter(function (column) {
       return column !== field;
-    })), _newPinnedColumns);
+    }));
     apiRef.current.setPinnedColumns(newPinnedColumns);
   }, [apiRef, checkIfEnabled, pinnedColumns]);
   var unpinColumn = React.useCallback(function (field) {

package/legacy/index.js

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

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTcwNTYxODgwMDAwMA==";
+  var releaseInfo = "MTcwNjczODQwMDAwMA==";
   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/DataGridPro/DataGridPro.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license-pro';
-import { chainPropTypes } from '@mui/utils';
 import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot, GridContextProvider, useGridSelector } from '@mui/x-data-grid';
 import { useDataGridProComponent } from './useDataGridProComponent';
 import { useDataGridProProps } from './useDataGridProProps';
@@ -105,12 +104,7 @@ DataGridProRaw.propTypes = {
    * It only works if the pagination is enabled.
    * @default false
    */
-  checkboxSelectionVisibleOnly: chainPropTypes(PropTypes.bool, props => {
-    if (!props.pagination && props.checkboxSelectionVisibleOnly) {
-      return new Error('MUI: The `checkboxSelectionVisibleOnly` prop has no effect when the pagination is not enabled.');
-    }
-    return null;
-  }),
+  checkboxSelectionVisibleOnly: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -275,12 +269,7 @@ DataGridProRaw.propTypes = {
    * Set it to 'server' if you would like to handle filtering on the server-side.
    * @default "client"
    */
-  filterMode: chainPropTypes(PropTypes.oneOf(['client', 'server']), props => {
-    if (props.treeData && props.filterMode === 'server') {
-      return new Error('MUI: The `filterMode="server"` prop is not available when the `treeData` is enabled.');
-    }
-    return null;
-  }),
+  filterMode: PropTypes.oneOf(['client', 'server']),
   /**
    * Set the filter model of the Data Grid.
    */
@@ -378,12 +367,7 @@ DataGridProRaw.propTypes = {
    * It has no effect if the pagination is enabled.
    * @default false
    */
-  hideFooterRowCount: chainPropTypes(PropTypes.bool, props => {
-    if (props.pagination && props.hideFooterRowCount) {
-      return new Error('MUI: The `hideFooterRowCount` prop has no effect when the pagination is enabled.');
-    }
-    return null;
-  }),
+  hideFooterRowCount: PropTypes.bool,
   /**
    * If `true`, the selected row count in the footer is hidden.
    * @default false

package/modern/components/GridDetailPanel.js

@@ -2,12 +2,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["rowId", "height", "style"];
 import * as React from 'react';
-import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { useGridPrivateApiContext } from '../hooks/utils/useGridPrivateApiContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-const DetailPanel = styled(Box, {
+const DetailPanel = styled('div', {
   name: 'MuiDataGrid',
   slot: 'DetailPanel',
   overridesResolver: (props, styles) => styles.detailPanel
@@ -28,7 +27,7 @@ function GridDetailPanel(props) {
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const apiRef = useGridPrivateApiContext();
-  const ref = React.useRef();
+  const ref = React.useRef(null);
   const rootProps = useGridRootProps();
   const ownerState = rootProps;
   React.useLayoutEffect(() => {

package/modern/components/GridTreeDataGroupingCell.js

@@ -41,7 +41,6 @@ function GridTreeDataGroupingCell(props) {
     apiRef.current.setCellFocus(id, field);
     event.stopPropagation(); // TODO remove event.stopPropagation
   };
-
   return /*#__PURE__*/_jsxs(Box, {
     className: classes.root,
     sx: {

package/modern/index.js

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

package/modern/utils/domUtils.js

@@ -25,7 +25,6 @@ export function findGridCellElementsFromCol(col, api) {
   }
   const renderedRowElements = api.virtualScrollerRef?.current.querySelectorAll(`:scope > div > div > .${gridClasses.row}` // Use > to ignore rows from nested data grids (e.g. in detail panel)
   );
-
   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 = "MTcwNTYxODgwMDAwMA==";
+  const releaseInfo = "MTcwNjczODQwMDAwMA==";
   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/DataGridPro/DataGridPro.js

@@ -9,7 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _xLicensePro = require("@mui/x-license-pro");
-var _utils = require("@mui/utils");
 var _xDataGrid = require("@mui/x-data-grid");
 var _useDataGridProComponent = require("./useDataGridProComponent");
 var _useDataGridProProps = require("./useDataGridProProps");
@@ -113,12 +112,7 @@ DataGridProRaw.propTypes = {
    * It only works if the pagination is enabled.
    * @default false
    */
-  checkboxSelectionVisibleOnly: (0, _utils.chainPropTypes)(_propTypes.default.bool, props => {
-    if (!props.pagination && props.checkboxSelectionVisibleOnly) {
-      return new Error('MUI: The `checkboxSelectionVisibleOnly` prop has no effect when the pagination is not enabled.');
-    }
-    return null;
-  }),
+  checkboxSelectionVisibleOnly: _propTypes.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -283,12 +277,7 @@ DataGridProRaw.propTypes = {
    * Set it to 'server' if you would like to handle filtering on the server-side.
    * @default "client"
    */
-  filterMode: (0, _utils.chainPropTypes)(_propTypes.default.oneOf(['client', 'server']), props => {
-    if (props.treeData && props.filterMode === 'server') {
-      return new Error('MUI: The `filterMode="server"` prop is not available when the `treeData` is enabled.');
-    }
-    return null;
-  }),
+  filterMode: _propTypes.default.oneOf(['client', 'server']),
   /**
    * Set the filter model of the Data Grid.
    */
@@ -386,12 +375,7 @@ DataGridProRaw.propTypes = {
    * It has no effect if the pagination is enabled.
    * @default false
    */
-  hideFooterRowCount: (0, _utils.chainPropTypes)(_propTypes.default.bool, props => {
-    if (props.pagination && props.hideFooterRowCount) {
-      return new Error('MUI: The `hideFooterRowCount` prop has no effect when the pagination is enabled.');
-    }
-    return null;
-  }),
+  hideFooterRowCount: _propTypes.default.bool,
   /**
    * If `true`, the selected row count in the footer is hidden.
    * @default false

package/node/components/GridDetailPanel.js

@@ -8,7 +8,6 @@ exports.GridDetailPanel = GridDetailPanel;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _styles = require("@mui/material/styles");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
 var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
@@ -16,7 +15,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["rowId", "height", "style"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const DetailPanel = (0, _styles.styled)(_Box.default, {
+const DetailPanel = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'DetailPanel',
   overridesResolver: (props, styles) => styles.detailPanel
@@ -37,7 +36,7 @@ function GridDetailPanel(props) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
-  const ref = React.useRef();
+  const ref = React.useRef(null);
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const ownerState = rootProps;
   React.useLayoutEffect(() => {

package/node/components/GridTreeDataGroupingCell.js

@@ -49,7 +49,6 @@ function GridTreeDataGroupingCell(props) {
     apiRef.current.setCellFocus(id, field);
     event.stopPropagation(); // TODO remove event.stopPropagation
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     className: classes.root,
     sx: {

package/node/index.js

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

package/node/utils/domUtils.js

@@ -36,7 +36,6 @@ function findGridCellElementsFromCol(col, api) {
   }
   const renderedRowElements = api.virtualScrollerRef?.current.querySelectorAll(`:scope > div > div > .${_xDataGrid.gridClasses.row}` // Use > to ignore rows from nested data grids (e.g. in detail panel)
   );
-
   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 = "MTcwNTYxODgwMDAwMA==";
+  const releaseInfo = "MTcwNjczODQwMDAwMA==";
   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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "6.19.1",
+  "version": "6.19.3",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.2",
     "@mui/utils": "^5.14.16",
-    "@mui/x-data-grid": "6.19.1",
+    "@mui/x-data-grid": "6.19.3",
     "@mui/x-license-pro": "6.10.2",
     "@types/format-util": "^1.0.3",
     "clsx": "^2.0.0",

package/utils/domUtils.js

@@ -27,7 +27,6 @@ export function findGridCellElementsFromCol(col, api) {
   }
   const renderedRowElements = (_api$virtualScrollerR2 = api.virtualScrollerRef) == null ? void 0 : _api$virtualScrollerR2.current.querySelectorAll(`:scope > div > div > .${gridClasses.row}` // Use > to ignore rows from nested data grids (e.g. in detail panel)
   );
-
   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 = "MTcwNTYxODgwMDAwMA==";
+  const releaseInfo = "MTcwNjczODQwMDAwMA==";
   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