@mui/x-data-grid 7.28.3 → 7.29.1

package/CHANGELOG.md

@@ -3,6 +3,161 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.29.1
+
+_Apr 23, 2025_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@lhilgert9
+
+Following are all team members who have contributed to this release:
+@arminmeh, @cherniavskii, @flaviendelangle, @LukasTy, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.1`
+
+- [DataGrid] Prevent scrollbars from showing on top (#17410) @romgrk
+
+#### `@mui/x-data-grid-pro@7.29.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@7.29.1`, plus:
+
+- [DataGridPro] Avoid proptypes warnings with header filters in React 17 (#17492) @cherniavskii
+- [DataGridPro] Fix expandable rows detail content height updates (#17509) @arminmeh
+- [DataGridPro] Fix row virtualization not working in list view (#17404) @cherniavskii
+- [DataGridPro] Move locales re-export to allow proper tree shaking (#17438) @lhilgert9
+
+#### `@mui/x-data-grid-premium@7.29.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@7.29.1`, plus:
+
+- [DataGridPremium] Use `groupingValueGetter` for row grouping on the server (#17423) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@7.29.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@7.29.1`.
+
+### Charts
+
+#### `@mui/x-charts@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@7.29.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-charts@7.29.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.29.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@7.29.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-tree-view@7.29.1`, plus:
+
+- [RichTreeViewPro] Fix drag and drop issue with label editing (#17415) @flaviendelangle
+
+### Docs
+
+- [docs] Use MUI X v7 packages in CodeSandbox and StackBlitz (#17516) @cherniavskii
+
+### Core
+
+- [core] Bump monorepo (#17437) @LukasTy
+
+## 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/DataGrid/DataGrid.js

@@ -15,7 +15,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const configuration = {
   hooks: {
     useGridAriaAttributes,
-    useGridRowAriaAttributes
+    useGridRowAriaAttributes,
+    useCellAggregationResult: () => null
   }
 };
 const DataGridRaw = forwardRef(function DataGrid(inProps, ref) {

package/components/GridApiContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export const GridApiContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {

package/components/GridConfigurationContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export const GridConfigurationContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {

package/components/GridScrollArea.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';

package/components/cell/GridCell.js

@@ -21,6 +21,7 @@ import { gridRowSpanningHiddenCellsSelector, gridRowSpanningSpannedCellsSelector
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
 import { gridEditCellStateSelector } from "../../hooks/features/editing/gridEditingSelectors.js";
 import { attachPinnedStyle } from "../../internals/utils/index.js";
+import { useGridConfiguration } from "../../hooks/utils/useGridConfiguration.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const gridPinnedColumnPositionLookup = {
   [PinnedColumnPosition.LEFT]: GridPinnedColumnPosition.LEFT,
@@ -85,6 +86,8 @@ const GridCell = forwardRef(function GridCell(props, ref) {
     rowId,
     field
   });
+  const config = useGridConfiguration();
+  const cellAggregationResult = config.hooks.useCellAggregationResult(rowId, field);
   const cellMode = editCellState ? GridCellModes.Edit : GridCellModes.View;
   const cellParams = apiRef.current.getCellParamsForRow(rowId, field, row, {
     colDef: column,
@@ -100,6 +103,10 @@ const GridCell = forwardRef(function GridCell(props, ref) {
     })
   });
   cellParams.api = apiRef.current;
+  if (cellAggregationResult) {
+    cellParams.value = cellAggregationResult.value;
+    cellParams.formattedValue = column.valueFormatter ? column.valueFormatter(cellParams.value, row, column, apiRef) : cellParams.value;
+  }
   const isSelected = useGridSelector(apiRef, () => apiRef.current.unstable_applyPipeProcessors('isCellSelected', false, {
     id: rowId,
     field

package/components/containers/GridRootStyles.js

@@ -345,6 +345,9 @@ export const GridRootStyles = styled('div', {
     overflow: 'hidden',
     overflowAnchor: 'none',
     // Keep the same scrolling position
+    transform: 'translate(0, 0)',
+    // Create a stacking context to keep scrollbars from showing on top
+
     [`.${c.main} > *:first-child${ignoreSsrWarning}`]: {
       borderTopLeftRadius: 'var(--unstable_DataGrid-radius)',
       borderTopRightRadius: 'var(--unstable_DataGrid-radius)'

package/context/GridRootPropsContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 const GridRootPropsContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {

package/hooks/features/virtualization/useGridVirtualScroller.js

@@ -588,11 +588,6 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     firstColumnIndex: 0,
     lastColumnIndex: inputs.visibleColumns.length
   };
-  if (inputs.listView) {
-    return _extends({}, renderContext, {
-      lastColumnIndex: 1
-    });
-  }
   const {
     top,
     left
@@ -617,6 +612,11 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     renderContext.firstRowIndex = firstRowIndex;
     renderContext.lastRowIndex = lastRowIndex;
   }
+  if (inputs.listView) {
+    return _extends({}, renderContext, {
+      lastColumnIndex: 1
+    });
+  }
   if (inputs.enabledForColumns) {
     let firstColumnIndex = 0;
     let lastColumnIndex = inputs.columnPositions.length;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.28.3
+ * @mui/x-data-grid v7.29.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -98,3 +98,4 @@ export { serializeCellValue } from '../hooks/features/export/serializers/csvSeri
 export * from './utils';
 export * from './constants';
 export type { Localization } from '../utils/getGridLocalization';
+export type { GridConfiguration } from '../models/configuration/gridConfiguration';

package/locales/heIL.js

@@ -49,9 +49,9 @@ const heILGrid = {
   filterPanelInputPlaceholder: 'ערך מסנן',
   // Filter operators text
   filterOperatorContains: 'מכיל',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'לא מכיל',
   filterOperatorEquals: 'שווה',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'שונה',
   filterOperatorStartsWith: 'מתחיל ב-',
   filterOperatorEndsWith: 'נגמר ב-',
   filterOperatorIs: 'הינו',
@@ -71,9 +71,9 @@ const heILGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'מכיל',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'לא מכיל',
   headerFilterOperatorEquals: 'שווה',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'שונה',
   headerFilterOperatorStartsWith: 'מתחיל ב-',
   headerFilterOperatorEndsWith: 'נגמר ב-',
   headerFilterOperatorIs: 'הינו',

package/locales/plPL.js

@@ -48,9 +48,9 @@ const plPLGrid = {
   filterPanelInputPlaceholder: 'Filtrowana wartość',
   // Filter operators text
   filterOperatorContains: 'zawiera',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'nie zawiera',
   filterOperatorEquals: 'równa się',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'nie równa się',
   filterOperatorStartsWith: 'zaczyna się od',
   filterOperatorEndsWith: 'kończy się na',
   filterOperatorIs: 'równa się',
@@ -70,12 +70,12 @@ const plPLGrid = {
   'filterOperator<=': 'mniejszy lub równy',
   // Header filter operators text
   headerFilterOperatorContains: 'Zawiera',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Nie zawiera',
   headerFilterOperatorEquals: 'Równa się',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'Nie równa się',
   headerFilterOperatorStartsWith: 'Zaczyna się od',
   headerFilterOperatorEndsWith: 'Kończy się na',
-  // headerFilterOperatorIs: 'Is',
+  headerFilterOperatorIs: 'Jest',
   headerFilterOperatorNot: 'Niepuste',
   headerFilterOperatorAfter: 'Jest po',
   headerFilterOperatorOnOrAfter: 'Jest w lub po',
@@ -83,7 +83,7 @@ const plPLGrid = {
   headerFilterOperatorOnOrBefore: 'Jest w lub przed',
   headerFilterOperatorIsEmpty: 'Jest pusty',
   headerFilterOperatorIsNotEmpty: 'Nie jest pusty',
-  headerFilterOperatorIsAnyOf: 'Is any of',
+  headerFilterOperatorIsAnyOf: 'Jest jednym z',
   'headerFilterOperator=': 'Równa się',
   'headerFilterOperator!=': 'Nie równa się',
   'headerFilterOperator>': 'Większy niż',
@@ -96,7 +96,7 @@ const plPLGrid = {
   filterValueFalse: 'fałsz',
   // Column menu text
   columnMenuLabel: 'Menu',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `Menu kolumny: ${columnName}`,
   columnMenuShowColumns: 'Pokaż wszystkie kolumny',
   columnMenuManageColumns: 'Zarządzaj kolumnami',
   columnMenuFilter: 'Filtr',

package/locales/svSE.js

@@ -127,9 +127,9 @@ const svSEGrid = {
   // Actions cell more text
   actionsCellMore: 'mer',
   // Column pinning text
-  pinToLeft: 'Fäst till vänster',
-  pinToRight: 'Fäst till höger',
-  unpin: 'Ta bort fästning',
+  pinToLeft: 'Lås till vänster',
+  pinToRight: 'Lås till höger',
+  unpin: 'Lås upp',
   // Tree Data
   treeDataGroupingHeaderName: 'Grupp',
   treeDataExpand: 'visa underordnade',

package/models/configuration/gridConfiguration.d.ts

@@ -1,9 +1,14 @@
 import * as React from 'react';
 import { GridRowAriaAttributesInternalHook } from './gridRowConfiguration';
+import type { GridRowId } from '../gridRows';
 export interface GridAriaAttributesInternalHook {
     useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
 }
 export interface GridInternalHook extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook {
+    useCellAggregationResult: (id: GridRowId, field: string) => {
+        position: 'footer' | 'inline';
+        value: any;
+    } | null;
 }
 export interface GridConfiguration {
     hooks: GridInternalHook;

package/modern/DataGrid/DataGrid.js

@@ -15,7 +15,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const configuration = {
   hooks: {
     useGridAriaAttributes,
-    useGridRowAriaAttributes
+    useGridRowAriaAttributes,
+    useCellAggregationResult: () => null
   }
 };
 const DataGridRaw = forwardRef(function DataGrid(inProps, ref) {

package/modern/components/GridApiContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export const GridApiContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {

package/modern/components/GridConfigurationContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export const GridConfigurationContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {

package/modern/components/GridScrollArea.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import clsx from 'clsx';

package/modern/components/cell/GridCell.js

@@ -21,6 +21,7 @@ import { gridRowSpanningHiddenCellsSelector, gridRowSpanningSpannedCellsSelector
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.js";
 import { gridEditCellStateSelector } from "../../hooks/features/editing/gridEditingSelectors.js";
 import { attachPinnedStyle } from "../../internals/utils/index.js";
+import { useGridConfiguration } from "../../hooks/utils/useGridConfiguration.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const gridPinnedColumnPositionLookup = {
   [PinnedColumnPosition.LEFT]: GridPinnedColumnPosition.LEFT,
@@ -85,6 +86,8 @@ const GridCell = forwardRef(function GridCell(props, ref) {
     rowId,
     field
   });
+  const config = useGridConfiguration();
+  const cellAggregationResult = config.hooks.useCellAggregationResult(rowId, field);
   const cellMode = editCellState ? GridCellModes.Edit : GridCellModes.View;
   const cellParams = apiRef.current.getCellParamsForRow(rowId, field, row, {
     colDef: column,
@@ -100,6 +103,10 @@ const GridCell = forwardRef(function GridCell(props, ref) {
     })
   });
   cellParams.api = apiRef.current;
+  if (cellAggregationResult) {
+    cellParams.value = cellAggregationResult.value;
+    cellParams.formattedValue = column.valueFormatter ? column.valueFormatter(cellParams.value, row, column, apiRef) : cellParams.value;
+  }
   const isSelected = useGridSelector(apiRef, () => apiRef.current.unstable_applyPipeProcessors('isCellSelected', false, {
     id: rowId,
     field

package/modern/components/containers/GridRootStyles.js

@@ -345,6 +345,9 @@ export const GridRootStyles = styled('div', {
     overflow: 'hidden',
     overflowAnchor: 'none',
     // Keep the same scrolling position
+    transform: 'translate(0, 0)',
+    // Create a stacking context to keep scrollbars from showing on top
+
     [`.${c.main} > *:first-child${ignoreSsrWarning}`]: {
       borderTopLeftRadius: 'var(--unstable_DataGrid-radius)',
       borderTopRightRadius: 'var(--unstable_DataGrid-radius)'

package/modern/context/GridRootPropsContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 const GridRootPropsContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== 'production') {

package/modern/hooks/features/virtualization/useGridVirtualScroller.js

@@ -588,11 +588,6 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     firstColumnIndex: 0,
     lastColumnIndex: inputs.visibleColumns.length
   };
-  if (inputs.listView) {
-    return _extends({}, renderContext, {
-      lastColumnIndex: 1
-    });
-  }
   const {
     top,
     left
@@ -617,6 +612,11 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     renderContext.firstRowIndex = firstRowIndex;
     renderContext.lastRowIndex = lastRowIndex;
   }
+  if (inputs.listView) {
+    return _extends({}, renderContext, {
+      lastColumnIndex: 1
+    });
+  }
   if (inputs.enabledForColumns) {
     let firstColumnIndex = 0;
     let lastColumnIndex = inputs.columnPositions.length;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.28.3
+ * @mui/x-data-grid v7.29.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/locales/heIL.js

@@ -49,9 +49,9 @@ const heILGrid = {
   filterPanelInputPlaceholder: 'ערך מסנן',
   // Filter operators text
   filterOperatorContains: 'מכיל',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'לא מכיל',
   filterOperatorEquals: 'שווה',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'שונה',
   filterOperatorStartsWith: 'מתחיל ב-',
   filterOperatorEndsWith: 'נגמר ב-',
   filterOperatorIs: 'הינו',
@@ -71,9 +71,9 @@ const heILGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'מכיל',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'לא מכיל',
   headerFilterOperatorEquals: 'שווה',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'שונה',
   headerFilterOperatorStartsWith: 'מתחיל ב-',
   headerFilterOperatorEndsWith: 'נגמר ב-',
   headerFilterOperatorIs: 'הינו',

package/modern/locales/plPL.js

@@ -48,9 +48,9 @@ const plPLGrid = {
   filterPanelInputPlaceholder: 'Filtrowana wartość',
   // Filter operators text
   filterOperatorContains: 'zawiera',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'nie zawiera',
   filterOperatorEquals: 'równa się',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'nie równa się',
   filterOperatorStartsWith: 'zaczyna się od',
   filterOperatorEndsWith: 'kończy się na',
   filterOperatorIs: 'równa się',
@@ -70,12 +70,12 @@ const plPLGrid = {
   'filterOperator<=': 'mniejszy lub równy',
   // Header filter operators text
   headerFilterOperatorContains: 'Zawiera',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Nie zawiera',
   headerFilterOperatorEquals: 'Równa się',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'Nie równa się',
   headerFilterOperatorStartsWith: 'Zaczyna się od',
   headerFilterOperatorEndsWith: 'Kończy się na',
-  // headerFilterOperatorIs: 'Is',
+  headerFilterOperatorIs: 'Jest',
   headerFilterOperatorNot: 'Niepuste',
   headerFilterOperatorAfter: 'Jest po',
   headerFilterOperatorOnOrAfter: 'Jest w lub po',
@@ -83,7 +83,7 @@ const plPLGrid = {
   headerFilterOperatorOnOrBefore: 'Jest w lub przed',
   headerFilterOperatorIsEmpty: 'Jest pusty',
   headerFilterOperatorIsNotEmpty: 'Nie jest pusty',
-  headerFilterOperatorIsAnyOf: 'Is any of',
+  headerFilterOperatorIsAnyOf: 'Jest jednym z',
   'headerFilterOperator=': 'Równa się',
   'headerFilterOperator!=': 'Nie równa się',
   'headerFilterOperator>': 'Większy niż',
@@ -96,7 +96,7 @@ const plPLGrid = {
   filterValueFalse: 'fałsz',
   // Column menu text
   columnMenuLabel: 'Menu',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `Menu kolumny: ${columnName}`,
   columnMenuShowColumns: 'Pokaż wszystkie kolumny',
   columnMenuManageColumns: 'Zarządzaj kolumnami',
   columnMenuFilter: 'Filtr',

package/modern/locales/svSE.js

@@ -127,9 +127,9 @@ const svSEGrid = {
   // Actions cell more text
   actionsCellMore: 'mer',
   // Column pinning text
-  pinToLeft: 'Fäst till vänster',
-  pinToRight: 'Fäst till höger',
-  unpin: 'Ta bort fästning',
+  pinToLeft: 'Lås till vänster',
+  pinToRight: 'Lås till höger',
+  unpin: 'Lås upp',
   // Tree Data
   treeDataGroupingHeaderName: 'Grupp',
   treeDataExpand: 'visa underordnade',

package/node/DataGrid/DataGrid.js

@@ -22,7 +22,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 const configuration = {
   hooks: {
     useGridAriaAttributes: _useGridAriaAttributes.useGridAriaAttributes,
-    useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributes
+    useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributes,
+    useCellAggregationResult: () => null
   }
 };
 const DataGridRaw = (0, _forwardRef.forwardRef)(function DataGrid(inProps, ref) {

package/node/components/GridApiContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/node/components/GridConfigurationContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/node/components/GridScrollArea.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

package/node/components/cell/GridCell.js

@@ -27,6 +27,7 @@ var _gridRowSpanningSelectors = require("../../hooks/features/rows/gridRowSpanni
 var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
 var _gridEditingSelectors = require("../../hooks/features/editing/gridEditingSelectors");
 var _utils2 = require("../../internals/utils");
+var _useGridConfiguration = require("../../hooks/utils/useGridConfiguration");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["column", "row", "rowId", "rowNode", "align", "children", "colIndex", "width", "className", "style", "colSpan", "disableDragEvents", "isNotVisible", "pinnedOffset", "pinnedPosition", "showRightBorder", "showLeftBorder", "onClick", "onDoubleClick", "onMouseDown", "onMouseUp", "onMouseOver", "onKeyDown", "onKeyUp", "onDragEnter", "onDragOver"],
   _excluded2 = ["changeReason", "unstable_updateValueOnRender"];
@@ -93,6 +94,8 @@ const GridCell = (0, _forwardRef.forwardRef)(function GridCell(props, ref) {
     rowId,
     field
   });
+  const config = (0, _useGridConfiguration.useGridConfiguration)();
+  const cellAggregationResult = config.hooks.useCellAggregationResult(rowId, field);
   const cellMode = editCellState ? _models.GridCellModes.Edit : _models.GridCellModes.View;
   const cellParams = apiRef.current.getCellParamsForRow(rowId, field, row, {
     colDef: column,
@@ -108,6 +111,10 @@ const GridCell = (0, _forwardRef.forwardRef)(function GridCell(props, ref) {
     })
   });
   cellParams.api = apiRef.current;
+  if (cellAggregationResult) {
+    cellParams.value = cellAggregationResult.value;
+    cellParams.formattedValue = column.valueFormatter ? column.valueFormatter(cellParams.value, row, column, apiRef) : cellParams.value;
+  }
   const isSelected = (0, _useGridSelector.useGridSelector)(apiRef, () => apiRef.current.unstable_applyPipeProcessors('isCellSelected', false, {
     id: rowId,
     field

package/node/components/containers/GridRootStyles.js

@@ -352,6 +352,9 @@ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
     overflow: 'hidden',
     overflowAnchor: 'none',
     // Keep the same scrolling position
+    transform: 'translate(0, 0)',
+    // Create a stacking context to keep scrollbars from showing on top
+
     [`.${_gridClasses.gridClasses.main} > *:first-child${ignoreSsrWarning}`]: {
       borderTopLeftRadius: 'var(--unstable_DataGrid-radius)',
       borderTopRightRadius: 'var(--unstable_DataGrid-radius)'

package/node/context/GridRootPropsContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {

package/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -600,11 +600,6 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     firstColumnIndex: 0,
     lastColumnIndex: inputs.visibleColumns.length
   };
-  if (inputs.listView) {
-    return (0, _extends2.default)({}, renderContext, {
-      lastColumnIndex: 1
-    });
-  }
   const {
     top,
     left
@@ -629,6 +624,11 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     renderContext.firstRowIndex = firstRowIndex;
     renderContext.lastRowIndex = lastRowIndex;
   }
+  if (inputs.listView) {
+    return (0, _extends2.default)({}, renderContext, {
+      lastColumnIndex: 1
+    });
+  }
   if (inputs.enabledForColumns) {
     let firstColumnIndex = 0;
     let lastColumnIndex = inputs.columnPositions.length;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.28.3
+ * @mui/x-data-grid v7.29.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/locales/heIL.js

@@ -55,9 +55,9 @@ const heILGrid = {
   filterPanelInputPlaceholder: 'ערך מסנן',
   // Filter operators text
   filterOperatorContains: 'מכיל',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'לא מכיל',
   filterOperatorEquals: 'שווה',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'שונה',
   filterOperatorStartsWith: 'מתחיל ב-',
   filterOperatorEndsWith: 'נגמר ב-',
   filterOperatorIs: 'הינו',
@@ -77,9 +77,9 @@ const heILGrid = {
   'filterOperator<=': '<=',
   // Header filter operators text
   headerFilterOperatorContains: 'מכיל',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'לא מכיל',
   headerFilterOperatorEquals: 'שווה',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'שונה',
   headerFilterOperatorStartsWith: 'מתחיל ב-',
   headerFilterOperatorEndsWith: 'נגמר ב-',
   headerFilterOperatorIs: 'הינו',

package/node/locales/plPL.js

@@ -54,9 +54,9 @@ const plPLGrid = {
   filterPanelInputPlaceholder: 'Filtrowana wartość',
   // Filter operators text
   filterOperatorContains: 'zawiera',
-  // filterOperatorDoesNotContain: 'does not contain',
+  filterOperatorDoesNotContain: 'nie zawiera',
   filterOperatorEquals: 'równa się',
-  // filterOperatorDoesNotEqual: 'does not equal',
+  filterOperatorDoesNotEqual: 'nie równa się',
   filterOperatorStartsWith: 'zaczyna się od',
   filterOperatorEndsWith: 'kończy się na',
   filterOperatorIs: 'równa się',
@@ -76,12 +76,12 @@ const plPLGrid = {
   'filterOperator<=': 'mniejszy lub równy',
   // Header filter operators text
   headerFilterOperatorContains: 'Zawiera',
-  // headerFilterOperatorDoesNotContain: 'Does not contain',
+  headerFilterOperatorDoesNotContain: 'Nie zawiera',
   headerFilterOperatorEquals: 'Równa się',
-  // headerFilterOperatorDoesNotEqual: 'Does not equal',
+  headerFilterOperatorDoesNotEqual: 'Nie równa się',
   headerFilterOperatorStartsWith: 'Zaczyna się od',
   headerFilterOperatorEndsWith: 'Kończy się na',
-  // headerFilterOperatorIs: 'Is',
+  headerFilterOperatorIs: 'Jest',
   headerFilterOperatorNot: 'Niepuste',
   headerFilterOperatorAfter: 'Jest po',
   headerFilterOperatorOnOrAfter: 'Jest w lub po',
@@ -89,7 +89,7 @@ const plPLGrid = {
   headerFilterOperatorOnOrBefore: 'Jest w lub przed',
   headerFilterOperatorIsEmpty: 'Jest pusty',
   headerFilterOperatorIsNotEmpty: 'Nie jest pusty',
-  headerFilterOperatorIsAnyOf: 'Is any of',
+  headerFilterOperatorIsAnyOf: 'Jest jednym z',
   'headerFilterOperator=': 'Równa się',
   'headerFilterOperator!=': 'Nie równa się',
   'headerFilterOperator>': 'Większy niż',
@@ -102,7 +102,7 @@ const plPLGrid = {
   filterValueFalse: 'fałsz',
   // Column menu text
   columnMenuLabel: 'Menu',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `Menu kolumny: ${columnName}`,
   columnMenuShowColumns: 'Pokaż wszystkie kolumny',
   columnMenuManageColumns: 'Zarządzaj kolumnami',
   columnMenuFilter: 'Filtr',

package/node/locales/svSE.js

@@ -133,9 +133,9 @@ const svSEGrid = {
   // Actions cell more text
   actionsCellMore: 'mer',
   // Column pinning text
-  pinToLeft: 'Fäst till vänster',
-  pinToRight: 'Fäst till höger',
-  unpin: 'Ta bort fästning',
+  pinToLeft: 'Lås till vänster',
+  pinToRight: 'Lås till höger',
+  unpin: 'Lås upp',
   // Tree Data
   treeDataGroupingHeaderName: 'Grupp',
   treeDataExpand: 'visa underordnade',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.28.3",
+  "version": "7.29.1",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -38,18 +38,18 @@
   },
   "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",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.0.0",
-    "@mui/x-internals": "7.28.0"
+    "@mui/x-internals": "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"
   },