@mui/x-data-grid-pro 6.16.0 → 6.16.2

package/CHANGELOG.md

@@ -3,6 +3,170 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.16.2
+
+_Oct 12, 2023_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Chart's legend text management has been reworked and contains breaking changes (#10138) @alexfauquette
+- 📝 Add [Bulk editing](https://mui.com/x/react-data-grid/recipes-editing/#bulk-editing) demo (#10333) @cherniavskii
+- 🚀 Column grouping now works smoothly with column pinning (#10518) @MBilalShafi
+- 🌍 Improve Arabic (ar-SD) and Spanish (es-ES) locales
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.16.2`
+
+- [DataGrid] Fix `LazyLoading` demo crash (#10621) @MBilalShafi
+- [DataGrid] Fix cells overlapping the scrollbar in iOS Safari (#10633) @cherniavskii
+- [DataGrid] Fix `getRowId is not defined` error (#10613) @romgrk
+- [DataGrid] Get quick filter to work OOTB with `date` and `dateTime` fields (#10636) @MBilalShafi
+- [DataGrid] Make cursor for selectable cells to be `default` unless editable (#9997) @gitstart
+- [DataGrid] Remove unnecessary syntax in JSDoc (#10567) @Lev-Shapiro
+- [DataGrid] Update row hover behavior to match native hover (#10623) @cherniavskii
+- [l10n] Improve Arabic (ar-SD) locale (#10625) @alabenyahia
+
+#### `@mui/x-data-grid-pro@6.16.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.16.2`, plus:
+
+- [DataGridPro] Improve column grouping and column pinning friendship (#10518) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@6.16.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.16.2`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.16.2`
+
+- [DateTimePicker] Add support for `DigitalClock` view renderer (#10624) @LukasTy
+- [fields] Bootstrap the multi-HTML input component (#10638) @flaviendelangle
+- [pickers] Fix timezone `UTC` false positive (#10586) @alexfauquette
+- [l10n] Improve Spanish (es-ES) locale (#10588) @eduardodallmann
+
+#### `@mui/x-date-pickers-pro@6.16.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.16.2`.
+
+### Charts / `@mui/x-charts@6.0.0-alpha.15`
+
+#### Breaking changes
+
+The charts have a new text display mechanism.
+It adds line break support and avoids overlapping text in the legend.
+This comes with some breaking changes.
+
+- The DOM structure is modified. An intermediary `<tspan />` element has been added. This can impact how your style is applied.
+  ```diff
+  - <text>The label</text>
+  + <text><tspan>The label</tspan></text>
+  ```
+
+- The top margin has been reduced from 100 to 50 to benefit from the denser legend.
+
+- To accurately compute the text size and then place it, styling should be provided as a JS object. For example, to set the legend font size, you should do:
+  ```jsx
+  <PieChart
+    {/** ... */}
+    slotProps={{
+      legend: {
+        labelStyle: {
+          fontSize: 16,
+        },
+      },
+    }}
+  />
+  ```
+  Support for other text elements (axis labels and tick labels) will be implemented in follow-up PR.
+
+#### Changes
+
+- [charts] Fix typo between internal/external variable (#10640) @alexfauquette
+- [charts] Improve the management of the text (#10138) @alexfauquette
+
+### Docs
+
+- [docs] Add bulk editing demo (#10333) @cherniavskii
+- [docs] Add reference links to DateRangePicker components (#10629) @michelengelen
+- [docs] Add reference links to DateTimePicker components (#10628) @michelengelen
+- [docs] Add reference links to picker field components (#10631) @michelengelen
+- [docs] Added reference links to TimePicker components (#10627) @michelengelen
+- [docs] Avoid Pickers playground error due to empty views (#10654) @LukasTy
+- [docs] Fix DataGrid[Pro/Premium] reference links (#10620) @michelengelen
+
+### Core
+
+- [core] Bump monorepo (#10619) @alexfauquette
+- [core] Update `no-response` workflow (#10491) @MBilalShafi
+- [core] Update the issue templates to reflect the new support workflow (#10651) @MBilalShafi
+- [test] Fix `testEval` not invoking test assertions (#10587) @cherniavskii
+- [test] Fix dev mode warning (#10610) @oliviertassinari
+- [test] Set UUID chance seed in visual tests (#10609) @oliviertassinari
+
+## 6.16.1
+
+_Oct 6, 2023_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🥧 Support interaction with pie chart
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.16.1`
+
+- [DataGrid] Add a new demo with sparklines (#9228) @flaviendelangle
+- [DataGrid] Fix autosize missing a few pixels (#10471) @romgrk
+- [DataGrid] Make `disableColumnSelector` demo idempotent (#10548) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@6.16.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.16.1`.
+
+#### `@mui/x-data-grid-premium@6.16.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.16.1`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.16.1`
+
+- [pickers] Avoid calendar layout shifting when changing views (#10541) @LukasTy
+- [pickers] Fix clearable behavior when disabled (#10542) @noraleonte
+- [pickers] Improve customization playground examples (#10544) @noraleonte
+
+#### `@mui/x-date-pickers-pro@6.16.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.16.1`, plus:
+
+- [DateRangePicker] Fix `InputProps` propagation in multi input (#10564) @alexfauquette
+
+### Charts / `@mui/x-charts@6.0.0-alpha.14`
+
+- [charts] Display cursor pointer for pie chart only if `onClick` is provided (#10551) @giladappsforce
+- [charts] Add `onClick` prop to PieChart (#10506) @giladappsforce
+- [charts] Support `slots`/`slotProps` for the tooltip (#10515) @alexfauquette
+
+### Docs
+
+- [docs] Add `DateRangePicker` example with a `Button` trigger (#10485) @LukasTy
+- [docs] Add section about disabling columns panel (#10328) @MBilalShafi
+- [docs] Add section about overriding slots to base concepts (#10421) @noraleonte
+- [docs] Add "What's new" page listing all release announcements (#9727) @joserodolfofreitas
+- [docs] Update RTL Support section of the grid localization docs (#10561) @MBilalShafi
+
+### Core
+
+- [core] Fix casing consistency with legal and marketing content @oliviertassinari
+- [core] Revert the link in the priority support ticket description (#10517) @michelengelen
+- [CHANGELOG] Polish image @oliviertassinari
+
 ## 6.16.0
 
 _Sep 29, 2023_
@@ -13,7 +177,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
 
   The pickers and fields now have an out-of-the box implementation for clearing the field value. You can see the documentation for this behavior on the [Date Picker documentation](https://mui.com/x/react-date-pickers/date-picker/#clearing-the-value).
 
-  <img width="380" alt="Clearable behavior" src="https://github.com/mui/mui-x/assets/72460825/e4a66169-83b5-4579-b9f6-6e15bb528411">
+  <img width="337" height="139" alt="Clearable behavior" src="https://github.com/mui/mui-x/assets/3165635/a5407cb6-0b8a-443c-b4b9-1f81ceb4d087">
 
 - 💫 Add Date Picker customization playground (#9581) @noraleonte
 

package/DataGridPro/DataGridPro.d.ts

@@ -5,5 +5,12 @@ interface DataGridProComponent {
     <R extends GridValidRowModel = any>(props: DataGridProProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
     propTypes?: any;
 }
+/**
+ * Demos:
+ * - [DataGridPro](https://mui.com/x/react-data-grid/demo/)
+ *
+ * API:
+ * - [DataGridPro API](https://mui.com/x/api/data-grid/data-grid-pro/)
+ */
 export declare const DataGridPro: DataGridProComponent;
 export {};

package/DataGridPro/DataGridPro.js

@@ -39,6 +39,13 @@ const DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProp
     }))
   });
 });
+/**
+ * Demos:
+ * - [DataGridPro](https://mui.com/x/react-data-grid/demo/)
+ *
+ * API:
+ * - [DataGridPro API](https://mui.com/x/api/data-grid/data-grid-pro/)
+ */
 export const DataGridPro = /*#__PURE__*/React.memo(DataGridProRaw);
 DataGridProRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -878,7 +885,7 @@ DataGridProRaw.propTypes = {
   /**
    * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
    * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
-   * @default: false
+   * @default false
    */
   unstable_ignoreValueFormatterDuringExport: PropTypes.oneOfType([PropTypes.shape({
     clipboardExport: PropTypes.bool,

package/hooks/features/columnResize/useGridColumnResize.js

@@ -129,6 +129,8 @@ function excludeOutliers(inputValues, factor) {
 }
 function extractColumnWidths(apiRef, options, columns) {
   const widthByField = {};
+  const root = apiRef.current.rootElementRef.current;
+  root.classList.add(gridClasses.autosizing);
   columns.forEach(column => {
     const cells = findGridCells(apiRef.current, column.field);
     const widths = cells.map(cell => {
@@ -141,7 +143,7 @@ function extractColumnWidths(apiRef, options, columns) {
       }
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-      const contentWidth = ((_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.scrollWidth) != null ? _cell$firstElementChi : -1) + 1;
+      const contentWidth = (_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.getBoundingClientRect().width) != null ? _cell$firstElementChi : 0;
       return paddingWidth + contentWidth;
     });
     const filteredWidths = options.includeOutliers ? widths : excludeOutliers(widths, options.outliersFactor);
@@ -165,6 +167,7 @@ function extractColumnWidths(apiRef, options, columns) {
     const maxContent = filteredWidths.length === 0 ? 0 : Math.max(...filteredWidths);
     widthByField[column.field] = clamp(maxContent, min, max);
   });
+  root.classList.remove(gridClasses.autosizing);
   return widthByField;
 }
 export const columnResizeStateInitializer = state => _extends({}, state, {

package/hooks/features/lazyLoader/useGridLazyLoader.js

@@ -15,8 +15,9 @@ function findSkeletonRowsSection({
   let endIndex = visibleRowsSection.length - 1;
   let isSkeletonSectionFound = false;
   while (!isSkeletonSectionFound && firstRowIndex < lastRowIndex) {
-    const isStartingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[startIndex].id).type === 'skeletonRow';
-    const isEndingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[endIndex].id).type === 'skeletonRow';
+    var _apiRef$current$getRo, _apiRef$current$getRo2;
+    const isStartingWithASkeletonRow = ((_apiRef$current$getRo = apiRef.current.getRowNode(visibleRowsSection[startIndex].id)) == null ? void 0 : _apiRef$current$getRo.type) === 'skeletonRow';
+    const isEndingWithASkeletonRow = ((_apiRef$current$getRo2 = apiRef.current.getRowNode(visibleRowsSection[endIndex].id)) == null ? void 0 : _apiRef$current$getRo2.type) === 'skeletonRow';
     if (isStartingWithASkeletonRow && isEndingWithASkeletonRow) {
       isSkeletonSectionFound = true;
     }

package/index.js

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

package/legacy/DataGridPro/DataGridPro.js

@@ -39,6 +39,13 @@ var DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProps,
     }))
   });
 });
+/**
+ * Demos:
+ * - [DataGridPro](https://mui.com/x/react-data-grid/demo/)
+ *
+ * API:
+ * - [DataGridPro API](https://mui.com/x/api/data-grid/data-grid-pro/)
+ */
 export var DataGridPro = /*#__PURE__*/React.memo(DataGridProRaw);
 DataGridProRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -878,7 +885,7 @@ DataGridProRaw.propTypes = {
   /**
    * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
    * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
-   * @default: false
+   * @default false
    */
   unstable_ignoreValueFormatterDuringExport: PropTypes.oneOfType([PropTypes.shape({
     clipboardExport: PropTypes.bool,

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

@@ -138,6 +138,8 @@ function excludeOutliers(inputValues, factor) {
 }
 function extractColumnWidths(apiRef, options, columns) {
   var widthByField = {};
+  var root = apiRef.current.rootElementRef.current;
+  root.classList.add(gridClasses.autosizing);
   columns.forEach(function (column) {
     var cells = findGridCells(apiRef.current, column.field);
     var widths = cells.map(function (cell) {
@@ -150,7 +152,7 @@ function extractColumnWidths(apiRef, options, columns) {
       }
       var style = window.getComputedStyle(cell, null);
       var paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-      var contentWidth = ((_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.scrollWidth) != null ? _cell$firstElementChi : -1) + 1;
+      var contentWidth = (_cell$firstElementChi = (_cell$firstElementChi2 = cell.firstElementChild) == null ? void 0 : _cell$firstElementChi2.getBoundingClientRect().width) != null ? _cell$firstElementChi : 0;
       return paddingWidth + contentWidth;
     });
     var filteredWidths = options.includeOutliers ? widths : excludeOutliers(widths, options.outliersFactor);
@@ -174,6 +176,7 @@ function extractColumnWidths(apiRef, options, columns) {
     var maxContent = filteredWidths.length === 0 ? 0 : Math.max.apply(Math, _toConsumableArray(filteredWidths));
     widthByField[column.field] = clamp(maxContent, min, max);
   });
+  root.classList.remove(gridClasses.autosizing);
   return widthByField;
 }
 export var columnResizeStateInitializer = function columnResizeStateInitializer(state) {

package/legacy/hooks/features/lazyLoader/useGridLazyLoader.js

@@ -13,8 +13,9 @@ function findSkeletonRowsSection(_ref) {
   var endIndex = visibleRowsSection.length - 1;
   var isSkeletonSectionFound = false;
   while (!isSkeletonSectionFound && firstRowIndex < lastRowIndex) {
-    var isStartingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[startIndex].id).type === 'skeletonRow';
-    var isEndingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[endIndex].id).type === 'skeletonRow';
+    var _apiRef$current$getRo, _apiRef$current$getRo2;
+    var isStartingWithASkeletonRow = ((_apiRef$current$getRo = apiRef.current.getRowNode(visibleRowsSection[startIndex].id)) == null ? void 0 : _apiRef$current$getRo.type) === 'skeletonRow';
+    var isEndingWithASkeletonRow = ((_apiRef$current$getRo2 = apiRef.current.getRowNode(visibleRowsSection[endIndex].id)) == null ? void 0 : _apiRef$current$getRo2.type) === 'skeletonRow';
     if (isStartingWithASkeletonRow && isEndingWithASkeletonRow) {
       isSkeletonSectionFound = true;
     }

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.16.0
+ * @mui/x-data-grid-pro v6.16.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 = "MTY5NTkzODQwMDAwMA==";
+  var releaseInfo = "MTY5NzA1MDgwMDAwMA==";
   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/gridGroupingColDefOverride.d.ts

@@ -4,7 +4,7 @@ export interface GridGroupingColDefOverride<R extends GridValidRowModel = any> e
      * The field from which we want to apply the sorting and the filtering for the grouping column.
      * It is only useful when `props.rowGroupingColumnMode === "multiple"` to decide which grouping criteria should be used for sorting and filtering.
      * Do not have any effect when building the tree with the `props.treeData` feature.
-     * @default: The sorting and filtering is applied based on the leaf field in any, otherwise based on top level grouping criteria.
+     * @default The sorting and filtering is applied based on the leaf field in any, otherwise based on top level grouping criteria.
      */
     mainGroupingCriteria?: string;
     /**
@@ -14,7 +14,7 @@ export interface GridGroupingColDefOverride<R extends GridValidRowModel = any> e
     leafField?: string;
     /**
      * If `true`, the grouping cells will not render the amount of descendants.
-     * @default: false
+     * @default false
      */
     hideDescendantCount?: boolean;
 }

package/modern/DataGridPro/DataGridPro.js

@@ -39,6 +39,13 @@ const DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProp
     }))
   });
 });
+/**
+ * Demos:
+ * - [DataGridPro](https://mui.com/x/react-data-grid/demo/)
+ *
+ * API:
+ * - [DataGridPro API](https://mui.com/x/api/data-grid/data-grid-pro/)
+ */
 export const DataGridPro = /*#__PURE__*/React.memo(DataGridProRaw);
 DataGridProRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -878,7 +885,7 @@ DataGridProRaw.propTypes = {
   /**
    * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
    * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
-   * @default: false
+   * @default false
    */
   unstable_ignoreValueFormatterDuringExport: PropTypes.oneOfType([PropTypes.shape({
     clipboardExport: PropTypes.bool,

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

@@ -129,6 +129,8 @@ function excludeOutliers(inputValues, factor) {
 }
 function extractColumnWidths(apiRef, options, columns) {
   const widthByField = {};
+  const root = apiRef.current.rootElementRef.current;
+  root.classList.add(gridClasses.autosizing);
   columns.forEach(column => {
     const cells = findGridCells(apiRef.current, column.field);
     const widths = cells.map(cell => {
@@ -139,7 +141,7 @@ function extractColumnWidths(apiRef, options, columns) {
       }
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-      const contentWidth = (cell.firstElementChild?.scrollWidth ?? -1) + 1;
+      const contentWidth = cell.firstElementChild?.getBoundingClientRect().width ?? 0;
       return paddingWidth + contentWidth;
     });
     const filteredWidths = options.includeOutliers ? widths : excludeOutliers(widths, options.outliersFactor);
@@ -163,6 +165,7 @@ function extractColumnWidths(apiRef, options, columns) {
     const maxContent = filteredWidths.length === 0 ? 0 : Math.max(...filteredWidths);
     widthByField[column.field] = clamp(maxContent, min, max);
   });
+  root.classList.remove(gridClasses.autosizing);
   return widthByField;
 }
 export const columnResizeStateInitializer = state => _extends({}, state, {

package/modern/hooks/features/lazyLoader/useGridLazyLoader.js

@@ -15,8 +15,8 @@ function findSkeletonRowsSection({
   let endIndex = visibleRowsSection.length - 1;
   let isSkeletonSectionFound = false;
   while (!isSkeletonSectionFound && firstRowIndex < lastRowIndex) {
-    const isStartingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[startIndex].id).type === 'skeletonRow';
-    const isEndingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[endIndex].id).type === 'skeletonRow';
+    const isStartingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[startIndex].id)?.type === 'skeletonRow';
+    const isEndingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[endIndex].id)?.type === 'skeletonRow';
     if (isStartingWithASkeletonRow && isEndingWithASkeletonRow) {
       isSkeletonSectionFound = true;
     }

package/modern/index.js

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

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5NTkzODQwMDAwMA==";
+  const releaseInfo = "MTY5NzA1MDgwMDAwMA==";
   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

@@ -47,8 +47,14 @@ const DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProp
     }))
   });
 });
-const DataGridPro = /*#__PURE__*/React.memo(DataGridProRaw);
-exports.DataGridPro = DataGridPro;
+/**
+ * Demos:
+ * - [DataGridPro](https://mui.com/x/react-data-grid/demo/)
+ *
+ * API:
+ * - [DataGridPro API](https://mui.com/x/api/data-grid/data-grid-pro/)
+ */
+const DataGridPro = exports.DataGridPro = /*#__PURE__*/React.memo(DataGridProRaw);
 DataGridProRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
@@ -887,7 +893,7 @@ DataGridProRaw.propTypes = {
   /**
    * If `true`, the grid will not use `valueFormatter` when exporting to CSV or copying to clipboard.
    * If an object is provided, you can choose to ignore the `valueFormatter` for CSV export or clipboard export.
-   * @default: false
+   * @default false
    */
   unstable_ignoreValueFormatterDuringExport: _propTypes.default.oneOfType([_propTypes.default.shape({
     clipboardExport: _propTypes.default.bool,

package/node/DataGridPro/useDataGridProProps.js

@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * The default values of `DataGridProPropsWithDefaultValue` to inject in the props of DataGridPro.
  */
-const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid.DATA_GRID_PROPS_DEFAULT_VALUES, {
+const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid.DATA_GRID_PROPS_DEFAULT_VALUES, {
   scrollEndThreshold: 80,
   treeData: false,
   defaultGroupingExpansionDepth: 0,
@@ -31,7 +31,6 @@ const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid
   getDetailPanelHeight: () => 500,
   unstable_headerFilters: false
 });
-exports.DATA_GRID_PRO_PROPS_DEFAULT_VALUES = DATA_GRID_PRO_PROPS_DEFAULT_VALUES;
 const defaultSlots = (0, _internals.uncapitalizeObjectKeys)(_dataGridProDefaultSlotsComponents.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS);
 const useDataGridProProps = inProps => {
   const [components, componentsProps, themedProps] = (0, _internals.useProps)((0, _styles.useThemeProps)({

package/node/components/DataGridProVirtualScroller.js

@@ -155,7 +155,7 @@ const VirtualScrollerPinnedRows = (0, _styles.styled)('div', {
 const VirtualScrollerPinnedRowsRenderZone = (0, _styles.styled)('div')({
   position: 'absolute'
 });
-const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridProVirtualScroller(props, ref) {
+const DataGridProVirtualScroller = exports.DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGridProVirtualScroller(props, ref) {
   const other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
@@ -439,5 +439,4 @@ const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGr
       })]
     }) : null]
   }));
-});
-exports.DataGridProVirtualScroller = DataGridProVirtualScroller;
+});

package/node/components/GridColumnHeaders.js

@@ -84,7 +84,7 @@ GridColumnHeadersPinnedColumnHeaders.propTypes = {
   // ----------------------------------------------------------------------
   ownerState: _propTypes.default.object.isRequired
 };
-const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeaders(props, ref) {
+const GridColumnHeaders = exports.GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeaders(props, ref) {
   const {
       className,
       innerRef,
@@ -243,7 +243,6 @@ const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeade
     }))]
   }));
 });
-exports.GridColumnHeaders = GridColumnHeaders;
 process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/components/GridProColumnMenu.js

@@ -13,17 +13,15 @@ var _GridColumnMenuPinningItem = require("./GridColumnMenuPinningItem");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
-const GRID_COLUMN_MENU_SLOTS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOTS, {
+const GRID_COLUMN_MENU_SLOTS_PRO = exports.GRID_COLUMN_MENU_SLOTS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOTS, {
   columnMenuPinningItem: _GridColumnMenuPinningItem.GridColumnMenuPinningItem
 });
-exports.GRID_COLUMN_MENU_SLOTS_PRO = GRID_COLUMN_MENU_SLOTS_PRO;
-const GRID_COLUMN_MENU_SLOT_PROPS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOT_PROPS, {
+const GRID_COLUMN_MENU_SLOT_PROPS_PRO = exports.GRID_COLUMN_MENU_SLOT_PROPS_PRO = (0, _extends2.default)({}, _xDataGrid.GRID_COLUMN_MENU_SLOT_PROPS, {
   columnMenuPinningItem: {
     displayOrder: 15
   }
 });
-exports.GRID_COLUMN_MENU_SLOT_PROPS_PRO = GRID_COLUMN_MENU_SLOT_PROPS_PRO;
-const GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMenu(props, ref) {
+const GridProColumnMenu = exports.GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMenu(props, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridGenericColumnMenu, (0, _extends2.default)({
     ref: ref
   }, props, {
@@ -31,7 +29,6 @@ const GridProColumnMenu = /*#__PURE__*/React.forwardRef(function GridProColumnMe
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS_PRO
   }));
 });
-exports.GridProColumnMenu = GridProColumnMenu;
 process.env.NODE_ENV !== "production" ? GridProColumnMenu.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/components/GridScrollArea.js

@@ -140,5 +140,4 @@ process.env.NODE_ENV !== "production" ? GridScrollAreaRaw.propTypes = {
   // ----------------------------------------------------------------------
   scrollDirection: _propTypes.default.oneOf(['left', 'right']).isRequired
 } : void 0;
-const GridScrollArea = /*#__PURE__*/React.memo(GridScrollAreaRaw);
-exports.GridScrollArea = GridScrollArea;
+const GridScrollArea = exports.GridScrollArea = /*#__PURE__*/React.memo(GridScrollAreaRaw);

package/node/components/headerFiltering/GridHeaderFilterCell.js

@@ -36,7 +36,7 @@ const dateSx = {
     color: 'transparent'
   }
 };
-const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
+const GridHeaderFilterCell = exports.GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
       colIndex,
       height,
@@ -215,7 +215,6 @@ const GridHeaderFilterCell = /*#__PURE__*/React.forwardRef((props, ref) => {
     }) : null]
   }));
 });
-exports.GridHeaderFilterCell = GridHeaderFilterCell;
 process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |

package/node/constants/dataGridProDefaultSlotsComponents.js

@@ -12,10 +12,9 @@ var _GridColumnHeaders = require("../components/GridColumnHeaders");
 var _GridHeaderFilterMenu = require("../components/headerFiltering/GridHeaderFilterMenu");
 var _GridHeaderFilterCell = require("../components/headerFiltering/GridHeaderFilterCell");
 var _material = _interopRequireDefault(require("../material"));
-const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _internals.DATA_GRID_DEFAULT_SLOTS_COMPONENTS, _material.default, {
+const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = exports.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _internals.DATA_GRID_DEFAULT_SLOTS_COMPONENTS, _material.default, {
   ColumnMenu: _GridProColumnMenu.GridProColumnMenu,
   ColumnHeaders: _GridColumnHeaders.GridColumnHeaders,
   HeaderFilterCell: _GridHeaderFilterCell.GridHeaderFilterCell,
   HeaderFilterMenu: _GridHeaderFilterMenu.GridHeaderFilterMenu
-});
-exports.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
+});

package/node/hooks/features/columnPinning/gridColumnPinningInterface.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridPinnedPosition = void 0;
-var GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
+var GridPinnedPosition = exports.GridPinnedPosition = /*#__PURE__*/function (GridPinnedPosition) {
   GridPinnedPosition["left"] = "left";
   GridPinnedPosition["right"] = "right";
   return GridPinnedPosition;
 }(GridPinnedPosition || {});
 /**
  * The column pinning API interface that is available in the grid [[apiRef]].
- */
-exports.GridPinnedPosition = GridPinnedPosition;
+ */

package/node/hooks/features/columnReorder/columnReorderSelector.js

@@ -7,5 +7,4 @@ exports.gridColumnReorderSelector = exports.gridColumnReorderDragColSelector = v
 var _internals = require("@mui/x-data-grid/internals");
 const gridColumnReorderSelector = state => state.columnReorder;
 exports.gridColumnReorderSelector = gridColumnReorderSelector;
-const gridColumnReorderDragColSelector = (0, _internals.createSelector)(gridColumnReorderSelector, columnReorder => columnReorder.dragCol);
-exports.gridColumnReorderDragColSelector = gridColumnReorderDragColSelector;
+const gridColumnReorderDragColSelector = exports.gridColumnReorderDragColSelector = (0, _internals.createSelector)(gridColumnReorderSelector, columnReorder => columnReorder.dragCol);

package/node/hooks/features/columnResize/columnResizeSelector.js

@@ -7,5 +7,4 @@ exports.gridResizingColumnFieldSelector = exports.gridColumnResizeSelector = voi
 var _internals = require("@mui/x-data-grid/internals");
 const gridColumnResizeSelector = state => state.columnResize;
 exports.gridColumnResizeSelector = gridColumnResizeSelector;
-const gridResizingColumnFieldSelector = (0, _internals.createSelector)(gridColumnResizeSelector, columnResize => columnResize.resizingColumnField);
-exports.gridResizingColumnFieldSelector = gridResizingColumnFieldSelector;
+const gridResizingColumnFieldSelector = exports.gridResizingColumnFieldSelector = (0, _internals.createSelector)(gridColumnResizeSelector, columnResize => columnResize.resizingColumnField);

package/node/hooks/features/columnResize/gridColumnResizeApi.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_GRID_AUTOSIZE_OPTIONS = void 0;
-const DEFAULT_GRID_AUTOSIZE_OPTIONS = {
+const DEFAULT_GRID_AUTOSIZE_OPTIONS = exports.DEFAULT_GRID_AUTOSIZE_OPTIONS = {
   includeHeaders: true,
   includeOutliers: false,
   outliersFactor: 1.5,
@@ -13,5 +13,4 @@ const DEFAULT_GRID_AUTOSIZE_OPTIONS = {
 
 /**
  * The Resize API interface that is available in the grid `apiRef`.
- */
-exports.DEFAULT_GRID_AUTOSIZE_OPTIONS = DEFAULT_GRID_AUTOSIZE_OPTIONS;
+ */

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

@@ -138,6 +138,8 @@ function excludeOutliers(inputValues, factor) {
 }
 function extractColumnWidths(apiRef, options, columns) {
   const widthByField = {};
+  const root = apiRef.current.rootElementRef.current;
+  root.classList.add(_xDataGrid.gridClasses.autosizing);
   columns.forEach(column => {
     const cells = (0, _domUtils.findGridCells)(apiRef.current, column.field);
     const widths = cells.map(cell => {
@@ -148,7 +150,7 @@ function extractColumnWidths(apiRef, options, columns) {
       }
       const style = window.getComputedStyle(cell, null);
       const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-      const contentWidth = (cell.firstElementChild?.scrollWidth ?? -1) + 1;
+      const contentWidth = cell.firstElementChild?.getBoundingClientRect().width ?? 0;
       return paddingWidth + contentWidth;
     });
     const filteredWidths = options.includeOutliers ? widths : excludeOutliers(widths, options.outliersFactor);
@@ -172,6 +174,7 @@ function extractColumnWidths(apiRef, options, columns) {
     const maxContent = filteredWidths.length === 0 ? 0 : Math.max(...filteredWidths);
     widthByField[column.field] = (0, _internals.clamp)(maxContent, min, max);
   });
+  root.classList.remove(_xDataGrid.gridClasses.autosizing);
   return widthByField;
 }
 const columnResizeStateInitializer = state => (0, _extends2.default)({}, state, {

package/node/hooks/features/detailPanel/gridDetailPanelSelector.js

@@ -13,10 +13,9 @@ const gridDetailPanelRawHeightCacheSelector = state => state.detailPanel.heightC
 
 // TODO v6: Make this selector return the full object, including the autoHeight flag
 exports.gridDetailPanelRawHeightCacheSelector = gridDetailPanelRawHeightCacheSelector;
-const gridDetailPanelExpandedRowsHeightCacheSelector = (0, _internals.createSelectorMemoized)(gridDetailPanelRawHeightCacheSelector, heightCache => Object.entries(heightCache).reduce((acc, [id, {
+const gridDetailPanelExpandedRowsHeightCacheSelector = exports.gridDetailPanelExpandedRowsHeightCacheSelector = (0, _internals.createSelectorMemoized)(gridDetailPanelRawHeightCacheSelector, heightCache => Object.entries(heightCache).reduce((acc, [id, {
   height
 }]) => {
   acc[id] = height || 0;
   return acc;
-}, {}));
-exports.gridDetailPanelExpandedRowsHeightCacheSelector = gridDetailPanelExpandedRowsHeightCacheSelector;
+}, {}));

package/node/hooks/features/detailPanel/gridDetailPanelToggleColDef.js

@@ -13,9 +13,8 @@ var _gridDetailPanelSelector = require("./gridDetailPanelSelector");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
-const GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
-exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = GRID_DETAIL_PANEL_TOGGLE_FIELD;
-const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
+const GRID_DETAIL_PANEL_TOGGLE_FIELD = exports.GRID_DETAIL_PANEL_TOGGLE_FIELD = '__detail_panel_toggle__';
+const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
   field: GRID_DETAIL_PANEL_TOGGLE_FIELD,
   type: 'detailPanelToggle',
   editable: false,
@@ -35,5 +34,4 @@ const GRID_DETAIL_PANEL_TOGGLE_COL_DEF = (0, _extends2.default)({}, _xDataGrid.G
   },
   renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridDetailPanelToggleCell.GridDetailPanelToggleCell, (0, _extends2.default)({}, params)),
   renderHeader: () => null
-});
-exports.GRID_DETAIL_PANEL_TOGGLE_COL_DEF = GRID_DETAIL_PANEL_TOGGLE_COL_DEF;
+});

package/node/hooks/features/lazyLoader/useGridLazyLoader.js

@@ -23,8 +23,8 @@ function findSkeletonRowsSection({
   let endIndex = visibleRowsSection.length - 1;
   let isSkeletonSectionFound = false;
   while (!isSkeletonSectionFound && firstRowIndex < lastRowIndex) {
-    const isStartingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[startIndex].id).type === 'skeletonRow';
-    const isEndingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[endIndex].id).type === 'skeletonRow';
+    const isStartingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[startIndex].id)?.type === 'skeletonRow';
+    const isEndingWithASkeletonRow = apiRef.current.getRowNode(visibleRowsSection[endIndex].id)?.type === 'skeletonRow';
     if (isStartingWithASkeletonRow && isEndingWithASkeletonRow) {
       isSkeletonSectionFound = true;
     }

package/node/hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js

@@ -11,8 +11,7 @@ var _internals = require("@mui/x-data-grid/internals");
 var _xDataGrid = require("@mui/x-data-grid");
 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; }
-const GRID_SKELETON_ROW_ROOT_ID = 'auto-generated-skeleton-row-root';
-exports.GRID_SKELETON_ROW_ROOT_ID = GRID_SKELETON_ROW_ROOT_ID;
+const GRID_SKELETON_ROW_ROOT_ID = exports.GRID_SKELETON_ROW_ROOT_ID = 'auto-generated-skeleton-row-root';
 const getSkeletonRowId = index => `${GRID_SKELETON_ROW_ROOT_ID}-${index}`;
 const useGridLazyLoaderPreProcessors = (privateApiRef, props) => {
   const {

package/node/hooks/features/rowReorder/gridRowReorderColDef.js

@@ -8,7 +8,7 @@ exports.GRID_REORDER_COL_DEF = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _GridRowReorderCell = require("../../../components/GridRowReorderCell");
-const GRID_REORDER_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
+const GRID_REORDER_COL_DEF = exports.GRID_REORDER_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
   field: '__reorder__',
   type: 'reorder',
   sortable: false,
@@ -24,5 +24,4 @@ const GRID_REORDER_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_C
   aggregable: false,
   renderHeader: () => ' ',
   renderCell: _GridRowReorderCell.renderRowReorderCell
-});
-exports.GRID_REORDER_COL_DEF = GRID_REORDER_COL_DEF;
+});

package/node/hooks/features/treeData/gridTreeDataGroupColDef.js

@@ -10,7 +10,7 @@ var _xDataGrid = require("@mui/x-data-grid");
 /**
  * TODO: Add sorting and filtering on the value and the filteredDescendantCount
  */
-const GRID_TREE_DATA_GROUPING_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
+const GRID_TREE_DATA_GROUPING_COL_DEF = exports.GRID_TREE_DATA_GROUPING_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GRID_STRING_COL_DEF, {
   type: 'treeDataGroup',
   sortable: false,
   filterable: false,
@@ -20,12 +20,9 @@ const GRID_TREE_DATA_GROUPING_COL_DEF = (0, _extends2.default)({}, _xDataGrid.GR
   width: 200,
   valueGetter: params => params.rowNode.type === 'group' ? params.rowNode.groupingKey : undefined
 });
-exports.GRID_TREE_DATA_GROUPING_COL_DEF = GRID_TREE_DATA_GROUPING_COL_DEF;
-const GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
-exports.GRID_TREE_DATA_GROUPING_FIELD = GRID_TREE_DATA_GROUPING_FIELD;
-const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
+const GRID_TREE_DATA_GROUPING_FIELD = exports.GRID_TREE_DATA_GROUPING_FIELD = '__tree_data_group__';
+const GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = {
   field: GRID_TREE_DATA_GROUPING_FIELD,
   editable: false,
   groupable: false
-};
-exports.GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES = GRID_TREE_DATA_GROUPING_COL_DEF_FORCED_PROPERTIES;
+};

package/node/hooks/features/treeData/gridTreeDataUtils.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.filterRowTreeFromTreeData = exports.TREE_DATA_STRATEGY = void 0;
 var _internals = require("@mui/x-data-grid/internals");
-const TREE_DATA_STRATEGY = 'tree-data';
+const TREE_DATA_STRATEGY = exports.TREE_DATA_STRATEGY = 'tree-data';
 
 /**
  * A node is visible if one of the following criteria is met:
  * - One of its children is passing the filter
  * - It is passing the filter
  */
-exports.TREE_DATA_STRATEGY = TREE_DATA_STRATEGY;
 const filterRowTreeFromTreeData = params => {
   const {
     apiRef,

package/node/hooks/utils/useGridApiContext.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridApiContext = void 0;
 var _xDataGrid = require("@mui/x-data-grid");
-const useGridApiContext = _xDataGrid.useGridApiContext;
-exports.useGridApiContext = useGridApiContext;
+const useGridApiContext = exports.useGridApiContext = _xDataGrid.useGridApiContext;

package/node/hooks/utils/useGridApiRef.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridApiRef = void 0;
 var _xDataGrid = require("@mui/x-data-grid");
-const useGridApiRef = _xDataGrid.useGridApiRef;
-exports.useGridApiRef = useGridApiRef;
+const useGridApiRef = exports.useGridApiRef = _xDataGrid.useGridApiRef;

package/node/hooks/utils/useGridPrivateApiContext.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridPrivateApiContext = void 0;
 var _internals = require("@mui/x-data-grid/internals");
-const useGridPrivateApiContext = _internals.useGridPrivateApiContext;
-exports.useGridPrivateApiContext = useGridPrivateApiContext;
+const useGridPrivateApiContext = exports.useGridPrivateApiContext = _internals.useGridPrivateApiContext;

package/node/hooks/utils/useGridRootProps.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useGridRootProps = void 0;
 var _xDataGrid = require("@mui/x-data-grid");
-const useGridRootProps = _xDataGrid.useGridRootProps;
-exports.useGridRootProps = useGridRootProps;
+const useGridRootProps = exports.useGridRootProps = _xDataGrid.useGridRootProps;

package/node/index.js

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

package/node/material/icons.js

@@ -9,19 +9,17 @@ var _utils = require("@mui/material/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
-const GridPushPinRightIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+const GridPushPinRightIcon = exports.GridPushPinRightIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
   transform: "rotate(-30 15 10)",
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M16,9V4l1,0c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H7C6.45,2,6,2.45,6,3v0 c0,0.55,0.45,1,1,1l1,0v5c0,1.66-1.34,3-3,3h0v2h5.97v7l1,1l1-1v-7H19v-2h0C17.34,12,16,10.66,16,9z",
     fillRule: "evenodd"
   })
 }), 'PushPinRight');
-exports.GridPushPinRightIcon = GridPushPinRightIcon;
-const GridPushPinLeftIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+const GridPushPinLeftIcon = exports.GridPushPinLeftIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
   transform: "rotate(30 8 12)",
   children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
     d: "M16,9V4l1,0c0.55,0,1-0.45,1-1v0c0-0.55-0.45-1-1-1H7C6.45,2,6,2.45,6,3v0 c0,0.55,0.45,1,1,1l1,0v5c0,1.66-1.34,3-3,3h0v2h5.97v7l1,1l1-1v-7H19v-2h0C17.34,12,16,10.66,16,9z",
     fillRule: "evenodd"
   })
-}), 'PushPinLeft');
-exports.GridPushPinLeftIcon = GridPushPinLeftIcon;
+}), 'PushPinLeft');

package/node/material/index.js

@@ -12,5 +12,4 @@ const iconSlots = {
   ColumnMenuPinLeftIcon: _icons.GridPushPinLeftIcon
 };
 const materialSlots = (0, _extends2.default)({}, iconSlots);
-var _default = materialSlots;
-exports.default = _default;
+var _default = exports.default = materialSlots;

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 = "MTY5NTkzODQwMDAwMA==";
+  const releaseInfo = "MTY5NzA1MDgwMDAwMA==";
   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.16.0",
+  "version": "6.16.2",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,9 +31,9 @@
     "directory": "packages/grid/x-data-grid-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.15",
-    "@mui/utils": "^5.14.8",
-    "@mui/x-data-grid": "6.16.0",
+    "@babel/runtime": "^7.23.1",
+    "@mui/utils": "^5.14.11",
+    "@mui/x-data-grid": "6.16.2",
     "@mui/x-license-pro": "6.10.2",
     "@types/format-util": "^1.0.2",
     "clsx": "^2.0.0",

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5NTkzODQwMDAwMA==";
+  const releaseInfo = "MTY5NzA1MDgwMDAwMA==";
   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