@mui/x-data-grid-premium 6.10.1 → 6.11.0

package/CHANGELOG.md

@@ -3,6 +3,162 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.11.0
+
+_Aug 4, 2023_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- ⌚️ Move the tree view component from `@mui/lab` package
+
+  The `<TreeView />` component has been moved to the MUI X repository.
+  It is now accessible from its own package: `@mui/x-tree-view`.
+
+- 🌍 Improve Hebrew (he-IL), Finnish (fi-FI), and Italian (it-IT) locales on the data grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@v6.11.0`
+
+- [DataGrid] Add `ariaV7` experimental flag (#9496) @cherniavskii
+- [DataGrid] Fix cell size when column width is set to `undefined` (#9871) @gitstart
+- [l10n] Improve Hebrew (he-IL) locale (#9820) @itayG98
+- [l10n] Improve Finnish (fi-FI) locale (#9848) @sambbaahh
+- [l10n] Improve Italian (it-IT) locale (#9627) @fabio-rizzello-omnia
+
+#### `@mui/x-data-grid-pro@v6.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-data-grid@v6.11.0`.
+
+#### `@mui/x-data-grid-premium@v6.11.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link)
+
+Same changes as in `@mui/x-data-grid-pro@v6.11.0`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@v6.11.0`
+
+- [fields] Correctly handle events with a complete value insertion (#9896) @LukasTy
+- [fields] Fix hours editing on dayjs with timezone and DST (#9901) @flaviendelangle
+- [fields] Fix section clearing with timezone (#9819) @flaviendelangle
+- [pickers] Add `CalendarHeader` slot (#7784) @flaviendelangle
+- [pickers] Allow to override the `InputProps` of the `TextField` using the `slotProps` (#9849) @flaviendelangle
+- [pickers] Allow to override the opening aria text using the `localeText` prop on the pickers (#9870) @flaviendelangle
+- [pickers] Fix `sx` and `className` props on `MobileDateRangePicker` (#9853) @flaviendelangle
+- [pickers] Fix default descriptions (#9887) @LukasTy
+- [pickers] Fix offset management on dayjs adapter (#9884) @flaviendelangle
+- [pickers] Use device motion reduction preference (#9823) @LukasTy
+
+#### `@mui/x-date-pickers-pro@v6.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-date-pickers@v6.11.0`.
+
+### Charts / `@mui/x-charts@v6.0.0-alpha.6`
+
+- [charts] Add TS definition to the exported elements (#9885) @alexfauquette
+- [charts] Add sparkline (#9662) @alexfauquette
+- [charts] Fix missing configuration types (#9886) @alexfauquette
+- [charts] Introduce dataset to simplify plot of data from API (#9774) @alexfauquette
+
+### Tree View / `@mui/x-tree-view@v6.0.0-alpha.0`
+
+- [TreeView] Add missing exported types (#9862) @flaviendelangle
+- [TreeView] Add tree view to changelog generator script (#9903) @MBilalShafi
+- [TreeView] Create the package on the X repository (#9798) @flaviendelangle
+- [TreeView] Improve props typing (#9855) @flaviendelangle
+
+### Docs
+
+- [docs] Add Tree View doc (#9825) @flaviendelangle
+- [docs] Add charts nav item (#9821) @LukasTy
+- [docs] Add charts to MUI X introduction pages (#9704) @joserodolfofreitas
+- [docs] Add example for avoiding picker views layout shift (#9781) @noraleonte
+- [docs] Consistency of Next.js App Router @oliviertassinari
+- [docs] Fix API page regression: bring back slots section (#9866) @alexfauquette
+- [docs] Fix demo using Pro while it's MIT (#9842) @oliviertassinari
+- [docs] Get ready for next docs-infra change @oliviertassinari
+- [docs] Improve the slots documentation `Recommended usage` section (#9892) @flaviendelangle
+
+### Core
+
+- [core] Fix font loading issue dev-mode (#9843) @oliviertassinari
+- [core] Fix pipeline (#9894) @LukasTy
+- [core] Fix the link-check script on Windows (#9888) @alexfauquette
+- [core] Fix v7 capitalization (#9878) @oliviertassinari
+- [core] Regen doc (#9902) @flaviendelangle
+- [core] Remove benchmark package (#9413) @LukasTy
+- [core] Stop using the deprecated `JSX` global namespace (#9854) @flaviendelangle
+- [core] Update monorepo (#9846) @flaviendelangle
+- [core] Update tree data API docs (#9827) @cherniavskii
+- [test] Add pickers e2e tests (#9747) @LukasTy
+- [test] Data grid e2e tests follow-up (#9822) @cherniavskii
+
+## 6.10.2
+
+_Jul 27, 2023_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Improve scatter charts performance
+- 📚 Redesigned component API documentation and side navigation
+- 🐞 Bugfixes
+
+### Data Grid
+
+#### `@mui/x-data-grid@v6.10.2`
+
+- [DataGrid] Fix quick filter & aggregation error (#9729) @romgrk
+- [DataGrid] Fix row click propagation causing error in nested grid (#9741) @cherniavskii
+- [DataGrid] Keep focused cell in the DOM (#7357) @yaredtsy
+- [l10n] Improve Finnish (fi-FI) locale (#9746) @sambbaahh
+
+#### `@mui/x-data-grid-pro@v6.10.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-data-grid@v6.10.2`.
+
+#### `@mui/x-data-grid-premium@v6.10.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link)
+
+Same changes as in `@mui/x-data-grid-pro@v6.10.2`, plus:
+
+- [DataGridPremium] Allow to customize grouping cell offset (#9417) @cherniavskii
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@v6.10.2`
+
+- [pickers] Remove the `endOfDate` from `DigitalClock` timeOptions (#9800) @noraleonte
+
+#### `@mui/x-date-pickers-pro@v6.10.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link)
+
+Same changes as in `@mui/x-date-pickers@v6.10.2`.
+
+### Charts / `@mui/x-charts@v6.0.0-alpha.5`
+
+- [charts] Improve JSDoc for axis-related props (#9779) @flaviendelangle
+- [charts] Improve performances of Scatter component (#9527) @flaviendelangle
+
+### Docs
+
+- [docs] Add `pnpm` in more places @oliviertassinari
+- [docs] Add `pnpm` installation instructions for MUI X (#9707) @richbustos
+- [docs] Align pickers "uncontrolled vs controlled" sections (#9772) @LukasTy
+- [docs] Apply style guide to the data grid Layout page (#9673) @richbustos
+- [docs] Differentiate between packages in `slotProps` docs (#9668) @cherniavskii
+- [docs] Fix charts width in axis pages (#9801) @alexfauquette
+- [docs] Fix wrong prop name in the Editing page (#9753) @m4theushw
+- [docs] New component API page and side nav design (#9187) @alexfauquette
+- [docs] Update overview page with up to date information about the plans (#9512) @joserodolfofreitas
+
+### Core
+
+- [core] Use PR charts version in preview (#9787) @alexfauquette
+- [license] Allow overriding the license on specific parts of the page (#9717) @Janpot
+- [license] Throw in dev mode after 30 days (#9701) @oliviertassinari
+- [license] Only throw in dev mode (#9803) @oliviertassinari
+- [test] Fail the CI when new unexpected files are created (#9728) @oliviertassinari
+
 ## 6.10.1
 
 _Jul 20, 2023_

package/DataGridPremium/DataGridPremium.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { GridValidRowModel } from '@mui/x-data-grid-pro';
 import { DataGridPremiumProps } from '../models/dataGridPremiumProps';
 interface DataGridPremiumComponent {
-    <R extends GridValidRowModel = any>(props: DataGridPremiumProps<R> & React.RefAttributes<HTMLDivElement>): JSX.Element;
+    <R extends GridValidRowModel = any>(props: DataGridPremiumProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
     propTypes?: any;
 }
 export declare const DataGridPremium: DataGridPremiumComponent;

package/DataGridPremium/DataGridPremium.js

@@ -258,6 +258,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
    */
   experimentalFeatures: PropTypes.shape({
+    ariaV7: PropTypes.bool,
     clipboardPaste: PropTypes.bool,
     columnGrouping: PropTypes.bool,
     lazyLoading: PropTypes.bool,
@@ -310,7 +311,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   /**
    * Function that returns the element to render in row detail.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].
-   * @returns {JSX.Element} The row detail element.
+   * @returns {React.JSX.Element} The row detail element.
    */
   getDetailPanelContent: PropTypes.func,
   /**

package/components/GridGroupingColumnFooterCell.js

@@ -4,22 +4,19 @@ import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { GridFooterCell } from './GridFooterCell';
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridGroupingColumnFooterCell(props) {
-  const {
-    rowNode
-  } = props;
   const rootProps = useGridRootProps();
-  let marginLeft;
-  if (rowNode.parent == null) {
-    marginLeft = 0;
+  const sx = {
+    ml: 0
+  };
+  if (props.rowNode.parent == null) {
+    sx.ml = 0;
   } else if (rootProps.rowGroupingColumnMode === 'multiple') {
-    marginLeft = 2;
+    sx.ml = 2;
   } else {
-    marginLeft = rowNode.depth * 2;
+    sx.ml = theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(props.rowNode.depth)})`;
   }
   return /*#__PURE__*/_jsx(GridFooterCell, _extends({
-    sx: {
-      ml: marginLeft
-    }
+    sx: sx
   }, props));
 }
 export { GridGroupingColumnFooterCell };

package/components/GridGroupingColumnLeafCell.js

@@ -8,10 +8,9 @@ function GridGroupingColumnLeafCell(props) {
     rowNode
   } = props;
   const rootProps = useGridRootProps();
-  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 1 : rowNode.depth * 2;
   return /*#__PURE__*/_jsx(Box, {
     sx: {
-      ml: marginLeft
+      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 1 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
     },
     children: (_props$formattedValue = props.formattedValue) != null ? _props$formattedValue : props.value
   });

package/components/GridGroupingCriteriaCell.js

@@ -48,7 +48,6 @@ export function GridGroupingCriteriaCell(props) {
     apiRef.current.setCellFocus(id, field);
     event.stopPropagation();
   };
-  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 0 : rowNode.depth * 2;
   let cellContent;
   const colDef = apiRef.current.getColumn(rowNode.groupingField);
   if (typeof colDef.renderCell === 'function') {
@@ -65,7 +64,7 @@ export function GridGroupingCriteriaCell(props) {
   return /*#__PURE__*/_jsxs(Box, {
     className: classes.root,
     sx: {
-      ml: marginLeft
+      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
     },
     children: [/*#__PURE__*/_jsx("div", {
       className: classes.toggle,

package/hooks/features/aggregation/gridAggregationUtils.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { unstable_capitalize as capitalize } from '@mui/utils';
+import { GRID_ID_AUTOGENERATED } from '@mui/x-data-grid/internals';
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
 import { addPinnedRow, isDeepEqual, insertNodeInTree, removeNodeFromTree } from '@mui/x-data-grid-pro/internals';
 export const GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = 'auto-generated-group-footer-root';
@@ -108,10 +109,13 @@ export const addFooterRows = ({
   const updateRootGroupFooter = groupNode => {
     const shouldHaveFooter = hasAggregationRule && getAggregationPosition(groupNode) === 'footer';
     if (shouldHaveFooter) {
+      const rowId = getAggregationFooterRowIdFromGroupId(null);
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,
-        rowModel: undefined,
-        rowId: getAggregationFooterRowIdFromGroupId(null),
+        rowModel: {
+          [GRID_ID_AUTOGENERATED]: rowId
+        },
+        rowId,
         position: 'bottom',
         apiRef,
         isAutoGenerated: true

package/index.js

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

package/legacy/DataGridPremium/DataGridPremium.js

@@ -258,6 +258,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
    */
   experimentalFeatures: PropTypes.shape({
+    ariaV7: PropTypes.bool,
     clipboardPaste: PropTypes.bool,
     columnGrouping: PropTypes.bool,
     lazyLoading: PropTypes.bool,
@@ -310,7 +311,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   /**
    * Function that returns the element to render in row detail.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].
-   * @returns {JSX.Element} The row detail element.
+   * @returns {React.JSX.Element} The row detail element.
    */
   getDetailPanelContent: PropTypes.func,
   /**

package/legacy/components/GridGroupingColumnFooterCell.js

@@ -4,20 +4,21 @@ import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { GridFooterCell } from './GridFooterCell';
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridGroupingColumnFooterCell(props) {
-  var rowNode = props.rowNode;
   var rootProps = useGridRootProps();
-  var marginLeft;
-  if (rowNode.parent == null) {
-    marginLeft = 0;
+  var sx = {
+    ml: 0
+  };
+  if (props.rowNode.parent == null) {
+    sx.ml = 0;
   } else if (rootProps.rowGroupingColumnMode === 'multiple') {
-    marginLeft = 2;
+    sx.ml = 2;
   } else {
-    marginLeft = rowNode.depth * 2;
+    sx.ml = function (theme) {
+      return "calc(var(--DataGrid-cellOffsetMultiplier) * ".concat(theme.spacing(props.rowNode.depth), ")");
+    };
   }
   return /*#__PURE__*/_jsx(GridFooterCell, _extends({
-    sx: {
-      ml: marginLeft
-    }
+    sx: sx
   }, props));
 }
 export { GridGroupingColumnFooterCell };

package/legacy/components/GridGroupingColumnLeafCell.js

@@ -6,10 +6,11 @@ function GridGroupingColumnLeafCell(props) {
   var _props$formattedValue;
   var rowNode = props.rowNode;
   var rootProps = useGridRootProps();
-  var marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 1 : rowNode.depth * 2;
   return /*#__PURE__*/_jsx(Box, {
     sx: {
-      ml: marginLeft
+      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 1 : function (theme) {
+        return "calc(var(--DataGrid-cellOffsetMultiplier) * ".concat(theme.spacing(rowNode.depth), ")");
+      }
     },
     children: (_props$formattedValue = props.formattedValue) != null ? _props$formattedValue : props.value
   });

package/legacy/components/GridGroupingCriteriaCell.js

@@ -44,7 +44,6 @@ export function GridGroupingCriteriaCell(props) {
     apiRef.current.setCellFocus(id, field);
     event.stopPropagation();
   };
-  var marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 0 : rowNode.depth * 2;
   var cellContent;
   var colDef = apiRef.current.getColumn(rowNode.groupingField);
   if (typeof colDef.renderCell === 'function') {
@@ -61,7 +60,9 @@ export function GridGroupingCriteriaCell(props) {
   return /*#__PURE__*/_jsxs(Box, {
     className: classes.root,
     sx: {
-      ml: marginLeft
+      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : function (theme) {
+        return "calc(var(--DataGrid-cellOffsetMultiplier) * ".concat(theme.spacing(rowNode.depth), ")");
+      }
     },
     children: [/*#__PURE__*/_jsx("div", {
       className: classes.toggle,

package/legacy/hooks/features/aggregation/gridAggregationUtils.js

@@ -1,6 +1,8 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { unstable_capitalize as capitalize } from '@mui/utils';
+import { GRID_ID_AUTOGENERATED } from '@mui/x-data-grid/internals';
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
 import { addPinnedRow, isDeepEqual, insertNodeInTree, removeNodeFromTree } from '@mui/x-data-grid-pro/internals';
 export var GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = 'auto-generated-group-footer-root';
@@ -116,10 +118,11 @@ export var addFooterRows = function addFooterRows(_ref6) {
   var updateRootGroupFooter = function updateRootGroupFooter(groupNode) {
     var shouldHaveFooter = hasAggregationRule && getAggregationPosition(groupNode) === 'footer';
     if (shouldHaveFooter) {
+      var rowId = getAggregationFooterRowIdFromGroupId(null);
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,
-        rowModel: undefined,
-        rowId: getAggregationFooterRowIdFromGroupId(null),
+        rowModel: _defineProperty({}, GRID_ID_AUTOGENERATED, rowId),
+        rowId: rowId,
         position: 'bottom',
         apiRef: apiRef,
         isAutoGenerated: true

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.10.1
+ * @mui/x-data-grid-premium v6.11.0
  *
  * @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 = "MTY4OTgyMjAwMDAwMA==";
+  var releaseInfo = "MTY5MTA4OTIwMDAwMA==";
   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/DataGridPremium/DataGridPremium.js

@@ -258,6 +258,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
    */
   experimentalFeatures: PropTypes.shape({
+    ariaV7: PropTypes.bool,
     clipboardPaste: PropTypes.bool,
     columnGrouping: PropTypes.bool,
     lazyLoading: PropTypes.bool,
@@ -310,7 +311,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   /**
    * Function that returns the element to render in row detail.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].
-   * @returns {JSX.Element} The row detail element.
+   * @returns {React.JSX.Element} The row detail element.
    */
   getDetailPanelContent: PropTypes.func,
   /**

package/modern/components/GridGroupingColumnFooterCell.js

@@ -4,22 +4,19 @@ import { useGridRootProps } from '../hooks/utils/useGridRootProps';
 import { GridFooterCell } from './GridFooterCell';
 import { jsx as _jsx } from "react/jsx-runtime";
 function GridGroupingColumnFooterCell(props) {
-  const {
-    rowNode
-  } = props;
   const rootProps = useGridRootProps();
-  let marginLeft;
-  if (rowNode.parent == null) {
-    marginLeft = 0;
+  const sx = {
+    ml: 0
+  };
+  if (props.rowNode.parent == null) {
+    sx.ml = 0;
   } else if (rootProps.rowGroupingColumnMode === 'multiple') {
-    marginLeft = 2;
+    sx.ml = 2;
   } else {
-    marginLeft = rowNode.depth * 2;
+    sx.ml = theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(props.rowNode.depth)})`;
   }
   return /*#__PURE__*/_jsx(GridFooterCell, _extends({
-    sx: {
-      ml: marginLeft
-    }
+    sx: sx
   }, props));
 }
 export { GridGroupingColumnFooterCell };

package/modern/components/GridGroupingColumnLeafCell.js

@@ -7,10 +7,9 @@ function GridGroupingColumnLeafCell(props) {
     rowNode
   } = props;
   const rootProps = useGridRootProps();
-  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 1 : rowNode.depth * 2;
   return /*#__PURE__*/_jsx(Box, {
     sx: {
-      ml: marginLeft
+      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 1 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
     },
     children: props.formattedValue ?? props.value
   });

package/modern/components/GridGroupingCriteriaCell.js

@@ -47,7 +47,6 @@ export function GridGroupingCriteriaCell(props) {
     apiRef.current.setCellFocus(id, field);
     event.stopPropagation();
   };
-  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 0 : rowNode.depth * 2;
   let cellContent;
   const colDef = apiRef.current.getColumn(rowNode.groupingField);
   if (typeof colDef.renderCell === 'function') {
@@ -64,7 +63,7 @@ export function GridGroupingCriteriaCell(props) {
   return /*#__PURE__*/_jsxs(Box, {
     className: classes.root,
     sx: {
-      ml: marginLeft
+      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
     },
     children: [/*#__PURE__*/_jsx("div", {
       className: classes.toggle,

package/modern/hooks/features/aggregation/gridAggregationUtils.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { unstable_capitalize as capitalize } from '@mui/utils';
+import { GRID_ID_AUTOGENERATED } from '@mui/x-data-grid/internals';
 import { GRID_ROOT_GROUP_ID } from '@mui/x-data-grid-pro';
 import { addPinnedRow, isDeepEqual, insertNodeInTree, removeNodeFromTree } from '@mui/x-data-grid-pro/internals';
 export const GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = 'auto-generated-group-footer-root';
@@ -108,10 +109,13 @@ export const addFooterRows = ({
   const updateRootGroupFooter = groupNode => {
     const shouldHaveFooter = hasAggregationRule && getAggregationPosition(groupNode) === 'footer';
     if (shouldHaveFooter) {
+      const rowId = getAggregationFooterRowIdFromGroupId(null);
       newGroupingParams = addPinnedRow({
         groupingParams: newGroupingParams,
-        rowModel: undefined,
-        rowId: getAggregationFooterRowIdFromGroupId(null),
+        rowModel: {
+          [GRID_ID_AUTOGENERATED]: rowId
+        },
+        rowId,
         position: 'bottom',
         apiRef,
         isAutoGenerated: true

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v6.10.1
+ * @mui/x-data-grid-premium v6.11.0
  *
  * @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 = "MTY4OTgyMjAwMDAwMA==";
+  const releaseInfo = "MTY5MTA4OTIwMDAwMA==";
   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/DataGridPremium/DataGridPremium.js

@@ -267,6 +267,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
    * For each feature, if the flag is not explicitly set to `true`, then the feature is fully disabled, and neither property nor method calls will have any effect.
    */
   experimentalFeatures: _propTypes.default.shape({
+    ariaV7: _propTypes.default.bool,
     clipboardPaste: _propTypes.default.bool,
     columnGrouping: _propTypes.default.bool,
     lazyLoading: _propTypes.default.bool,
@@ -319,7 +320,7 @@ process.env.NODE_ENV !== "production" ? DataGridPremiumRaw.propTypes = {
   /**
    * Function that returns the element to render in row detail.
    * @param {GridRowParams} params With all properties from [[GridRowParams]].
-   * @returns {JSX.Element} The row detail element.
+   * @returns {React.JSX.Element} The row detail element.
    */
   getDetailPanelContent: _propTypes.default.func,
   /**

package/node/components/GridGroupingColumnFooterCell.js

@@ -13,21 +13,18 @@ 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; }
 function GridGroupingColumnFooterCell(props) {
-  const {
-    rowNode
-  } = props;
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  let marginLeft;
-  if (rowNode.parent == null) {
-    marginLeft = 0;
+  const sx = {
+    ml: 0
+  };
+  if (props.rowNode.parent == null) {
+    sx.ml = 0;
   } else if (rootProps.rowGroupingColumnMode === 'multiple') {
-    marginLeft = 2;
+    sx.ml = 2;
   } else {
-    marginLeft = rowNode.depth * 2;
+    sx.ml = theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(props.rowNode.depth)})`;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridFooterCell.GridFooterCell, (0, _extends2.default)({
-    sx: {
-      ml: marginLeft
-    }
+    sx: sx
   }, props));
 }

package/node/components/GridGroupingColumnLeafCell.js

@@ -16,10 +16,9 @@ function GridGroupingColumnLeafCell(props) {
     rowNode
   } = props;
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 1 : rowNode.depth * 2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     sx: {
-      ml: marginLeft
+      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 1 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
     },
     children: props.formattedValue ?? props.value
   });

package/node/components/GridGroupingCriteriaCell.js

@@ -55,7 +55,6 @@ function GridGroupingCriteriaCell(props) {
     apiRef.current.setCellFocus(id, field);
     event.stopPropagation();
   };
-  const marginLeft = rootProps.rowGroupingColumnMode === 'multiple' ? 0 : rowNode.depth * 2;
   let cellContent;
   const colDef = apiRef.current.getColumn(rowNode.groupingField);
   if (typeof colDef.renderCell === 'function') {
@@ -72,7 +71,7 @@ function GridGroupingCriteriaCell(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     className: classes.root,
     sx: {
-      ml: marginLeft
+      ml: rootProps.rowGroupingColumnMode === 'multiple' ? 0 : theme => `calc(var(--DataGrid-cellOffsetMultiplier) * ${theme.spacing(rowNode.depth)})`
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.toggle,

package/node/hooks/features/aggregation/gridAggregationUtils.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.mergeStateWithAggregationModel = exports.getAvailableAggregationFunctions = exports.getAggregationRules = exports.getAggregationFunctionLabel = exports.getAggregationFooterRowIdFromGroupId = exports.canColumnHaveAggregationFunction = exports.areAggregationRulesEqual = exports.addFooterRows = exports.GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _utils = require("@mui/utils");
+var _internals = require("@mui/x-data-grid/internals");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _internals = require("@mui/x-data-grid-pro/internals");
+var _internals2 = require("@mui/x-data-grid-pro/internals");
 const GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = 'auto-generated-group-footer-root';
 exports.GRID_AGGREGATION_ROOT_FOOTER_ROW_ID = GRID_AGGREGATION_ROOT_FOOTER_ROW_ID;
 const getAggregationFooterRowIdFromGroupId = groupId => {
@@ -93,7 +94,7 @@ const addFooterRows = ({
       const footerId = getAggregationFooterRowIdFromGroupId(groupNode.id);
       if (groupNode.footerId !== footerId) {
         if (groupNode.footerId != null) {
-          (0, _internals.removeNodeFromTree)({
+          (0, _internals2.removeNodeFromTree)({
             node: newGroupingParams.tree[groupNode.footerId],
             tree: newGroupingParams.tree,
             treeDepths: newGroupingParams.treeDepths
@@ -105,10 +106,10 @@ const addFooterRows = ({
           depth: groupNode ? groupNode.depth + 1 : 0,
           type: 'footer'
         };
-        (0, _internals.insertNodeInTree)(footerNode, newGroupingParams.tree, newGroupingParams.treeDepths, null);
+        (0, _internals2.insertNodeInTree)(footerNode, newGroupingParams.tree, newGroupingParams.treeDepths, null);
       }
     } else if (groupNode.footerId != null) {
-      (0, _internals.removeNodeFromTree)({
+      (0, _internals2.removeNodeFromTree)({
         node: newGroupingParams.tree[groupNode.footerId],
         tree: newGroupingParams.tree,
         treeDepths: newGroupingParams.treeDepths
@@ -121,10 +122,13 @@ const addFooterRows = ({
   const updateRootGroupFooter = groupNode => {
     const shouldHaveFooter = hasAggregationRule && getAggregationPosition(groupNode) === 'footer';
     if (shouldHaveFooter) {
-      newGroupingParams = (0, _internals.addPinnedRow)({
+      const rowId = getAggregationFooterRowIdFromGroupId(null);
+      newGroupingParams = (0, _internals2.addPinnedRow)({
         groupingParams: newGroupingParams,
-        rowModel: undefined,
-        rowId: getAggregationFooterRowIdFromGroupId(null),
+        rowModel: {
+          [_internals.GRID_ID_AUTOGENERATED]: rowId
+        },
+        rowId,
         position: 'bottom',
         apiRef,
         isAutoGenerated: true
@@ -155,7 +159,7 @@ exports.addFooterRows = addFooterRows;
 const areAggregationRulesEqual = (previousValue, newValue) => {
   const previousFields = Object.keys(previousValue ?? {});
   const newFields = Object.keys(newValue);
-  if (!(0, _internals.isDeepEqual)(previousFields, newFields)) {
+  if (!(0, _internals2.isDeepEqual)(previousFields, newFields)) {
     return false;
   }
   return newFields.every(field => {

package/node/index.js

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

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 = "MTY4OTgyMjAwMDAwMA==";
+  const releaseInfo = "MTY5MTA4OTIwMDAwMA==";
   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-premium",
-  "version": "6.10.1",
+  "version": "6.11.0",
   "description": "The Premium plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,10 +32,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.6",
-    "@mui/utils": "^5.13.7",
-    "@mui/x-data-grid": "6.10.1",
-    "@mui/x-data-grid-pro": "6.10.1",
-    "@mui/x-license-pro": "6.10.0",
+    "@mui/utils": "^5.14.1",
+    "@mui/x-data-grid": "6.11.0",
+    "@mui/x-data-grid-pro": "6.11.0",
+    "@mui/x-license-pro": "6.10.2",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "exceljs": "^4.3.0",

package/utils/releaseInfo.js

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