@mui/x-data-grid-pro 6.18.7 → 6.19.2

package/CHANGELOG.md

@@ -3,6 +3,112 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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_
+
+We'd like to offer a big thanks to the 1 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11717) @BCaspari
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.19.1`
+
+- [l10n] Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11717) @BCaspari
+
+#### `@mui/x-data-grid-pro@6.19.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.19.1`.
+
+#### `@mui/x-data-grid-premium@6.19.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.19.1`.
+
+### Charts / `@mui/x-charts@6.19.1`
+
+- [charts] Add `arcLabelRadius` property (#11563) @alexfauquette
+- [charts] Do not propagate `innerRadius` and `outerRadius` to the DOM (#11719) @alexfauquette
+- [charts] Fix default `stackOffset` for `LineChart` (#11703) @alexfauquette
+
+## 6.19.0
+
+_Jan 11, 2024_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- ⏰ Support date-fns v3 (#11659) @LukasTy
+  Pickers support both v2 and v3 of date-fns. For v3 use `AdapterDateFnsV3`.
+  ```js
+  // with date-fns v2.x
+  import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+  import de from 'date-fns/locale/de';
+  ```
+  ```js
+  // with date-fns v3.x
+  import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
+  import { de } from 'date-fns/locale/de';
+  ```
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.19.0`
+
+- [pickers] Add date-fns@3.x adapter (#11659) @LukasTy
+- [pickers] Fix clearable behavior blocking focus return to `OpenPickerButton` (#11643) @noraleonte
+- [l10n] Add missing Danish (da-DK) locale export (#11641) @etlos
+
+#### `@mui/x-date-pickers-pro@6.19.0` [![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.0`.
+
+### Docs
+
+- [docs] Add missing component @oliviertassinari
+- [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11637) @LukasTy
+- [docs] Push up the MUI X brand (#11533) @oliviertassinari
+- [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
+- [docs] Add demo to the charts overview page (#11586) @danilo-leal
+- [docs] Fix 404 links in the docs @oliviertassinari
+- [docs] Improve landing page (#11570) @oliviertassinari
+- [docs] Give a general revision to the docs (#11249) @danilo-leal
+
 ## 6.18.7
 
 _Jan 5, 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.18.7
+ * @mui/x-data-grid-pro v6.19.2
  *
  * @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.18.7
+ * @mui/x-data-grid-pro v6.19.2
  *
  * @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 = "MTcwNDQwOTIwMDAwMA==";
+  var releaseInfo = "MTcwNjEzMzYwMDAwMA==";
   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/models/dataSource.d.ts

@@ -3,37 +3,37 @@ interface GetRowsParams {
     sortModel: GridSortModel;
     filterModel: GridFilterModel;
     /**
-     * Alternate to `start` and `end`, maps to `GridPaginationModel` interface
+     * Alternate to `start` and `end`, maps to `GridPaginationModel` interface.
      */
     paginationModel: GridPaginationModel;
     /**
-     * First row index to fetch (number) or cursor information (number | string)
+     * First row index to fetch (number) or cursor information (number | string).
      */
     start: number | string;
     /**
-     * Last row index to fetch
+     * Last row index to fetch.
      */
     end: number;
     /**
      * Array of keys returned by `getGroupKey` of all the parent rows until the row for which the data is requested
-     * `getGroupKey` prop must be implemented to use this
-     * Useful for `treeData` and `rowGrouping` only
+     * `getGroupKey` prop must be implemented to use this.
+     * Useful for `treeData` and `rowGrouping` only.
      */
     groupKeys: string[];
     /**
-     * List of grouped columns (only applicable with `rowGrouping`)
+     * List of grouped columns (only applicable with `rowGrouping`).
      */
     groupFields: GridColDef['field'][];
 }
 interface GetRowsResponse {
     rows: GridRowModel[];
     /**
-     * To reflect updates in total `rowCount` (optional)
-     * Useful when the `rowCount` is inaccurate (e.g. when filtering) or not available upfront
+     * To reflect updates in total `rowCount` (optional).
+     * Useful when the `rowCount` is inaccurate (e.g. when filtering) or not available upfront.
      */
     rowCount?: number;
     /**
-     * Additional `pageInfo` to help the grid determine if there are more rows to fetch (corner-cases)
+     * Additional `pageInfo` to help the grid determine if there are more rows to fetch (corner-cases).
      * `hasNextPage`: When row count is unknown/inaccurate, if `truncated` is set or rowCount is not known, data will keep loading until `hasNextPage` is `false`
      * `truncated`: To reflect `rowCount` is inaccurate (will trigger `x-y of many` in pagination after the count of rows fetched is greater than provided `rowCount`)
      * It could be useful with:
@@ -51,13 +51,13 @@ interface GetRowsResponse {
 }
 export interface DataSource {
     /**
-      Fetcher Functions:
-      - `getRows` is required
-      - `updateRow` is optional
-      
-      `getRows` will be used by the grid to fetch data for the current page or children for the current parent group
-      It may return a `rowCount` to update the total count of rows in the grid along with the optional `pageInfo`
-    */
+     * Fetcher Functions:
+     * - `getRows` is required
+     * - `updateRow` is optional
+     *
+     * `getRows` will be used by the grid to fetch data for the current page or children for the current parent group.
+     * It may return a `rowCount` to update the total count of rows in the grid along with the optional `pageInfo`.
+     */
     getRows(params: GetRowsParams): Promise<GetRowsResponse>;
     updateRow?(rows: GridRowModel): Promise<any>;
 }

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.18.7
+ * @mui/x-data-grid-pro v6.19.2
  *
  * @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 = "MTcwNDQwOTIwMDAwMA==";
+  const releaseInfo = "MTcwNjEzMzYwMDAwMA==";
   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.18.7
+ * @mui/x-data-grid-pro v6.19.2
  *
  * @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 = "MTcwNDQwOTIwMDAwMA==";
+  const releaseInfo = "MTcwNjEzMzYwMDAwMA==";
   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.18.7",
+  "version": "6.19.2",
   "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.18.7",
+    "@mui/x-data-grid": "6.19.2",
     "@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 = "MTcwNDQwOTIwMDAwMA==";
+  const releaseInfo = "MTcwNjEzMzYwMDAwMA==";
   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