@mui/x-data-grid-premium 7.28.3 → 7.29.0

package/CHANGELOG.md

@@ -3,6 +3,84 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.29.0
+
+_Apr 16, 2025_
+
+We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 🌍 Improve Hebrew (he-IL), Polish (pl-PL), and Swedish (sv-SE) locales on the Data Grid
+- 🌍 Improve Czech (cs-CZ) and Slovak (sk-SK) locales on the Date and Time Pickers
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@lubka272, @ptuukkan, @iddan, @sofortdagmbh
+
+Following are all team members who have contributed to this release:
+@michelengelen, @oliviertassinari, @michelengelen, @LukasTy.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.0`
+
+- [l10n] Improve Swedish (sv-SE) locale (#17306) @ptuukkan
+- [l10n] Improve Hebrew (he-IL) locale (#16516) @iddan
+- [l10n] Improve Polish (pl-PL) locale (#17306) @sofortdagmbh
+
+#### `@mui/x-data-grid-pro@7.29.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-data-grid@7.29.0`.
+
+#### `@mui/x-data-grid-premium@7.29.0` [![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@7.29.0`, plus:
+
+- [DataGridPremium] Fix stale aggregation results after filtering (#17303) @cherniavskii
+- [DataGridPremium] Fix aggregated values sorting (#17382) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.29.0`
+
+- [l10n] Improve Slovak (sk-SK) locale (#17204) @lubka272
+- [l10n] Improve Czech (cs-CZ) locale (#17205) @lubka272
+
+#### `@mui/x-date-pickers-pro@7.29.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@7.29.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.29.0`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@7.29.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-charts@7.29.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.29.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@7.29.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-tree-view@7.29.0`.
+
+### Core
+
+- [core] Cleanup `@mui` dependency versions (#17390) @LukasTy
+
+### Docs
+
+- [docs] Fix 404 link on the marketing page (#17276) @oliviertassinari
+- [docs] Fix country columns throwing on grouping (#17317) @cherniavskii
+- [release] Changes to v7 for major release (#17320) @michelengelen
+
 ## 7.28.3
 
 _Apr 3, 2025_

package/DataGridPremium/DataGridPremium.js

@@ -19,11 +19,20 @@ var _useDataGridPremiumProps = require("./useDataGridPremiumProps");
 var _releaseInfo = require("../utils/releaseInfo");
 var _useGridAriaAttributes = require("../hooks/utils/useGridAriaAttributes");
 var _useGridRowAriaAttributes = require("../hooks/features/rows/useGridRowAriaAttributes");
+var _gridAggregationSelectors = require("../hooks/features/aggregation/gridAggregationSelectors");
+var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _jsxRuntime = require("react/jsx-runtime");
 const configuration = {
   hooks: {
     useGridAriaAttributes: _useGridAriaAttributes.useGridAriaAttributes,
-    useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributes
+    useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributes,
+    useCellAggregationResult: (id, field) => {
+      const apiRef = (0, _useGridApiContext.useGridApiContext)();
+      return (0, _internals.useGridSelectorV8)(apiRef, _gridAggregationSelectors.gridCellAggregationResultSelector, {
+        id,
+        field
+      });
+    }
   }
 };
 const releaseInfo = (0, _releaseInfo.getReleaseInfo)();

package/esm/DataGridPremium/DataGridPremium.js

@@ -5,18 +5,27 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license';
 import { GridRoot, GridContextProvider } from '@mui/x-data-grid-pro';
-import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps } from '@mui/x-data-grid-pro/internals';
+import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps, useGridSelectorV8 } from '@mui/x-data-grid-pro/internals';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useDataGridPremiumComponent } from "./useDataGridPremiumComponent.js";
 import { useDataGridPremiumProps } from "./useDataGridPremiumProps.js";
 import { getReleaseInfo } from "../utils/releaseInfo.js";
 import { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 import { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
+import { gridCellAggregationResultSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const configuration = {
   hooks: {
     useGridAriaAttributes,
-    useGridRowAriaAttributes
+    useGridRowAriaAttributes,
+    useCellAggregationResult: (id, field) => {
+      const apiRef = useGridApiContext();
+      return useGridSelectorV8(apiRef, gridCellAggregationResultSelector, {
+        id,
+        field
+      });
+    }
   }
 };
 const releaseInfo = getReleaseInfo();

package/esm/hooks/features/aggregation/gridAggregationSelectors.js

@@ -1,4 +1,5 @@
-import { createSelector } from '@mui/x-data-grid-pro/internals';
+import { createSelector, createSelectorV8 } from '@mui/x-data-grid-pro/internals';
+import { gridRowTreeSelector } from '@mui/x-data-grid';
 export const gridAggregationStateSelector = state => state.aggregation;
 
 /**
@@ -12,4 +13,30 @@ export const gridAggregationModelSelector = createSelector(gridAggregationStateS
  * Get the aggregation results as a lookup.
  * @category Aggregation
  */
-export const gridAggregationLookupSelector = createSelector(gridAggregationStateSelector, aggregationState => aggregationState.lookup);
+export const gridAggregationLookupSelector = createSelector(gridAggregationStateSelector, aggregationState => aggregationState.lookup);
+export const gridCellAggregationResultSelector = createSelectorV8(gridRowTreeSelector, gridAggregationLookupSelector, (rowTree, aggregationLookup, {
+  id,
+  field
+}) => {
+  let cellAggregationPosition = null;
+  const rowNode = rowTree[id];
+  if (!rowNode) {
+    return null;
+  }
+  if (rowNode.type === 'group') {
+    cellAggregationPosition = 'inline';
+  } else if (id.toString().startsWith('auto-generated-group-footer-')) {
+    cellAggregationPosition = 'footer';
+  }
+  if (cellAggregationPosition == null) {
+    return null;
+  }
+
+  // TODO: Add custom root id
+  const groupId = cellAggregationPosition === 'inline' ? id : rowNode.parent ?? '';
+  const aggregationResult = aggregationLookup?.[groupId]?.[field];
+  if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
+    return null;
+  }
+  return aggregationResult;
+});

package/esm/hooks/features/aggregation/index.js

@@ -1,4 +1,4 @@
 export * from "./gridAggregationInterfaces.js";
-export * from "./gridAggregationSelectors.js";
+export { gridAggregationStateSelector, gridAggregationLookupSelector, gridAggregationModelSelector } from "./gridAggregationSelectors.js";
 export * from "./gridAggregationFunctions.js";
 export { GRID_AGGREGATION_ROOT_FOOTER_ROW_ID, getAggregationFooterRowIdFromGroupId } from "./gridAggregationUtils.js";

package/esm/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzYzMTIwMDAwMA==";
+  const releaseInfo = "MTc0NDc1NDQwMDAwMA==";
   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/hooks/features/aggregation/gridAggregationSelectors.d.ts

@@ -1,4 +1,6 @@
+import { GridRowId } from '@mui/x-data-grid';
 import { GridStatePremium } from '../../../models/gridStatePremium';
+import { GridAggregationPosition } from './gridAggregationInterfaces';
 export declare const gridAggregationStateSelector: (state: GridStatePremium) => import("./gridAggregationInterfaces").GridAggregationState;
 /**
  * Get the aggregation model, containing the aggregation function of each column.
@@ -11,3 +13,10 @@ export declare const gridAggregationModelSelector: import("@mui/x-data-grid").Ou
  * @category Aggregation
  */
 export declare const gridAggregationLookupSelector: import("@mui/x-data-grid").OutputSelector<GridStatePremium, import("./gridAggregationInterfaces").GridAggregationLookup>;
+export declare const gridCellAggregationResultSelector: import("@mui/x-data-grid/utils/createSelector").OutputSelectorV8<GridStatePremium, {
+    id: GridRowId;
+    field: string;
+}, {
+    position: GridAggregationPosition;
+    value: any;
+} | null>;

package/hooks/features/aggregation/gridAggregationSelectors.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gridAggregationStateSelector = exports.gridAggregationModelSelector = exports.gridAggregationLookupSelector = void 0;
+exports.gridCellAggregationResultSelector = exports.gridAggregationStateSelector = exports.gridAggregationModelSelector = exports.gridAggregationLookupSelector = void 0;
 var _internals = require("@mui/x-data-grid-pro/internals");
+var _xDataGrid = require("@mui/x-data-grid");
 const gridAggregationStateSelector = state => state.aggregation;
 
 /**
@@ -19,4 +20,30 @@ const gridAggregationModelSelector = exports.gridAggregationModelSelector = (0,
  * Get the aggregation results as a lookup.
  * @category Aggregation
  */
-const gridAggregationLookupSelector = exports.gridAggregationLookupSelector = (0, _internals.createSelector)(gridAggregationStateSelector, aggregationState => aggregationState.lookup);
+const gridAggregationLookupSelector = exports.gridAggregationLookupSelector = (0, _internals.createSelector)(gridAggregationStateSelector, aggregationState => aggregationState.lookup);
+const gridCellAggregationResultSelector = exports.gridCellAggregationResultSelector = (0, _internals.createSelectorV8)(_xDataGrid.gridRowTreeSelector, gridAggregationLookupSelector, (rowTree, aggregationLookup, {
+  id,
+  field
+}) => {
+  let cellAggregationPosition = null;
+  const rowNode = rowTree[id];
+  if (!rowNode) {
+    return null;
+  }
+  if (rowNode.type === 'group') {
+    cellAggregationPosition = 'inline';
+  } else if (id.toString().startsWith('auto-generated-group-footer-')) {
+    cellAggregationPosition = 'footer';
+  }
+  if (cellAggregationPosition == null) {
+    return null;
+  }
+
+  // TODO: Add custom root id
+  const groupId = cellAggregationPosition === 'inline' ? id : rowNode.parent ?? '';
+  const aggregationResult = aggregationLookup?.[groupId]?.[field];
+  if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
+    return null;
+  }
+  return aggregationResult;
+});

package/hooks/features/aggregation/index.d.ts

@@ -1,4 +1,4 @@
 export * from './gridAggregationInterfaces';
-export * from './gridAggregationSelectors';
+export { gridAggregationStateSelector, gridAggregationLookupSelector, gridAggregationModelSelector, } from './gridAggregationSelectors';
 export * from './gridAggregationFunctions';
 export { GRID_AGGREGATION_ROOT_FOOTER_ROW_ID, getAggregationFooterRowIdFromGroupId, } from './gridAggregationUtils';

package/hooks/features/aggregation/index.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  gridAggregationStateSelector: true,
+  gridAggregationLookupSelector: true,
+  gridAggregationModelSelector: true,
   GRID_AGGREGATION_ROOT_FOOTER_ROW_ID: true,
   getAggregationFooterRowIdFromGroupId: true
 };
@@ -19,6 +22,24 @@ Object.defineProperty(exports, "getAggregationFooterRowIdFromGroupId", {
     return _gridAggregationUtils.getAggregationFooterRowIdFromGroupId;
   }
 });
+Object.defineProperty(exports, "gridAggregationLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridAggregationSelectors.gridAggregationLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridAggregationModelSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridAggregationSelectors.gridAggregationModelSelector;
+  }
+});
+Object.defineProperty(exports, "gridAggregationStateSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridAggregationSelectors.gridAggregationStateSelector;
+  }
+});
 var _gridAggregationInterfaces = require("./gridAggregationInterfaces");
 Object.keys(_gridAggregationInterfaces).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -32,17 +53,6 @@ Object.keys(_gridAggregationInterfaces).forEach(function (key) {
   });
 });
 var _gridAggregationSelectors = require("./gridAggregationSelectors");
-Object.keys(_gridAggregationSelectors).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _gridAggregationSelectors[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridAggregationSelectors[key];
-    }
-  });
-});
 var _gridAggregationFunctions = require("./gridAggregationFunctions");
 Object.keys(_gridAggregationFunctions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.js

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

package/modern/DataGridPremium/DataGridPremium.js

@@ -5,18 +5,27 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier, Watermark } from '@mui/x-license';
 import { GridRoot, GridContextProvider } from '@mui/x-data-grid-pro';
-import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps } from '@mui/x-data-grid-pro/internals';
+import { propValidatorsDataGrid, propValidatorsDataGridPro, validateProps, useGridSelectorV8 } from '@mui/x-data-grid-pro/internals';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { useDataGridPremiumComponent } from "./useDataGridPremiumComponent.js";
 import { useDataGridPremiumProps } from "./useDataGridPremiumProps.js";
 import { getReleaseInfo } from "../utils/releaseInfo.js";
 import { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 import { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
+import { gridCellAggregationResultSelector } from "../hooks/features/aggregation/gridAggregationSelectors.js";
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const configuration = {
   hooks: {
     useGridAriaAttributes,
-    useGridRowAriaAttributes
+    useGridRowAriaAttributes,
+    useCellAggregationResult: (id, field) => {
+      const apiRef = useGridApiContext();
+      return useGridSelectorV8(apiRef, gridCellAggregationResultSelector, {
+        id,
+        field
+      });
+    }
   }
 };
 const releaseInfo = getReleaseInfo();

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

@@ -1,4 +1,5 @@
-import { createSelector } from '@mui/x-data-grid-pro/internals';
+import { createSelector, createSelectorV8 } from '@mui/x-data-grid-pro/internals';
+import { gridRowTreeSelector } from '@mui/x-data-grid';
 export const gridAggregationStateSelector = state => state.aggregation;
 
 /**
@@ -12,4 +13,30 @@ export const gridAggregationModelSelector = createSelector(gridAggregationStateS
  * Get the aggregation results as a lookup.
  * @category Aggregation
  */
-export const gridAggregationLookupSelector = createSelector(gridAggregationStateSelector, aggregationState => aggregationState.lookup);
+export const gridAggregationLookupSelector = createSelector(gridAggregationStateSelector, aggregationState => aggregationState.lookup);
+export const gridCellAggregationResultSelector = createSelectorV8(gridRowTreeSelector, gridAggregationLookupSelector, (rowTree, aggregationLookup, {
+  id,
+  field
+}) => {
+  let cellAggregationPosition = null;
+  const rowNode = rowTree[id];
+  if (!rowNode) {
+    return null;
+  }
+  if (rowNode.type === 'group') {
+    cellAggregationPosition = 'inline';
+  } else if (id.toString().startsWith('auto-generated-group-footer-')) {
+    cellAggregationPosition = 'footer';
+  }
+  if (cellAggregationPosition == null) {
+    return null;
+  }
+
+  // TODO: Add custom root id
+  const groupId = cellAggregationPosition === 'inline' ? id : rowNode.parent ?? '';
+  const aggregationResult = aggregationLookup?.[groupId]?.[field];
+  if (!aggregationResult || aggregationResult.position !== cellAggregationPosition) {
+    return null;
+  }
+  return aggregationResult;
+});

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

@@ -1,4 +1,4 @@
 export * from "./gridAggregationInterfaces.js";
-export * from "./gridAggregationSelectors.js";
+export { gridAggregationStateSelector, gridAggregationLookupSelector, gridAggregationModelSelector } from "./gridAggregationSelectors.js";
 export * from "./gridAggregationFunctions.js";
 export { GRID_AGGREGATION_ROOT_FOOTER_ROW_ID, getAggregationFooterRowIdFromGroupId } from "./gridAggregationUtils.js";

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v7.28.3
+ * @mui/x-data-grid-premium v7.29.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 = "MTc0MzYzMTIwMDAwMA==";
+  const releaseInfo = "MTc0NDc1NDQwMDAwMA==";
   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": "7.28.3",
+  "version": "7.29.0",
   "description": "The Premium plan edition of the Data Grid Components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -34,22 +34,22 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.25.7",
-    "@mui/utils": "^5.16.6 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
+    "@mui/utils": "^5.16.6 || ^6.0.0 || ^7.0.0",
     "@types/format-util": "^1.0.4",
     "clsx": "^2.1.1",
     "exceljs": "^4.4.0",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-data-grid": "7.28.3",
-    "@mui/x-data-grid-pro": "7.28.3",
-    "@mui/x-license": "7.28.0",
-    "@mui/x-internals": "7.28.0"
+    "@mui/x-license": "7.29.0",
+    "@mui/x-data-grid-pro": "7.29.0",
+    "@mui/x-internals": "7.29.0",
+    "@mui/x-data-grid": "7.29.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
+    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
+    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },

package/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzYzMTIwMDAwMA==";
+  const releaseInfo = "MTc0NDc1NDQwMDAwMA==";
   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