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

package/CHANGELOG.md

@@ -3,6 +3,137 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.29.2
+
+_May 1, 2025_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Armenian (hy-AM) locale on the Data Grid
+- 🌍 Improve Italian (it-IT) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@ArturAghakaryan, @federico-ntr.
+
+Following are all team members who have contributed to this release:
+@arminmeh, @JCQuintas, @KenanYusuf, @MBilalShafi, @oliviertassinari.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.2`
+
+- [DataGrid] Fix column title truncation on touch devices (#17497) @KenanYusuf
+- [DataGrid] Fix theme `defaultProps` causing unwanted re-renders (#17530) @KenanYusuf
+- [l10n] Add Armenian (hy-AM) locale (#17422) @ArturAghakaryan
+- [l10n] Fix l10n export (#17526) @arminmeh
+
+#### `@mui/x-data-grid-pro@7.29.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@7.29.2`.
+
+#### `@mui/x-data-grid-premium@7.29.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@7.29.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.29.2`
+
+- [l10n] Improve Italian (it-IT) locale (#17604) @federico-ntr
+
+#### `@mui/x-date-pickers-pro@7.29.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@7.29.2`.
+
+### Docs
+
+- [docs] Fix MUI X v7 install instructions (#17537) @oliviertassinari
+- [docs] Improve data grid export docs (#17553) @MBilalShafi
+
+### Core
+
+- [core] Fix root package 7.29.1 (#17523) @JCQuintas
+
+## 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_

package/DataGridPremium/useDataGridPremiumProps.js

@@ -9,6 +9,7 @@ exports.useDataGridPremiumProps = exports.DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
+var _system = require("@mui/system");
 var _xDataGridPro = require("@mui/x-data-grid-pro");
 var _internals = require("@mui/x-data-grid-pro/internals");
 var _aggregation = require("../hooks/features/aggregation");
@@ -42,12 +43,12 @@ const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PREMIUM_PROPS_D
 });
 const defaultSlots = _dataGridPremiumDefaultSlotsComponents.DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS;
 const useDataGridPremiumProps = inProps => {
-  const themedProps = (0, _internals.useProps)(
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  (0, _styles.useThemeProps)({
+  const theme = (0, _styles.useTheme)();
+  const themedProps = (0, _internals.useProps)(React.useMemo(() => (0, _system.getThemeProps)({
     props: inProps,
+    theme,
     name: 'MuiDataGrid'
-  }));
+  }), [theme, inProps]));
   const localeText = React.useMemo(() => (0, _extends2.default)({}, _xDataGridPro.GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => (0, _internals.computeSlots)({
     defaultSlots,

package/esm/DataGridPremium/useDataGridPremiumProps.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
+import { useTheme } from '@mui/material/styles';
+import { getThemeProps } from '@mui/system';
 import { DATA_GRID_PRO_PROPS_DEFAULT_VALUES, GRID_DEFAULT_LOCALE_TEXT, GridSignature } from '@mui/x-data-grid-pro';
 import { computeSlots, useProps } from '@mui/x-data-grid-pro/internals';
 import { GRID_AGGREGATION_FUNCTIONS } from "../hooks/features/aggregation/index.js";
@@ -34,12 +35,12 @@ export const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PRO
 });
 const defaultSlots = DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS;
 export const useDataGridPremiumProps = inProps => {
-  const themedProps = useProps(
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  useThemeProps({
+  const theme = useTheme();
+  const themedProps = useProps(React.useMemo(() => getThemeProps({
     props: inProps,
+    theme,
     name: 'MuiDataGrid'
-  }));
+  }), [theme, inProps]));
   const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,

package/esm/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.js

@@ -22,10 +22,7 @@ export const useGridDataSourceRowGroupingPreProcessors = (apiRef, props) => {
     apiRef.current.caches.rowGrouping.rulesOnLastRowTreeCreation = groupingRules;
     const getRowTreeBuilderNode = rowId => {
       const parentPath = params.updates.groupKeys ?? [];
-      const row = params.dataRowIdToModelLookup[rowId];
-      const groupingRule = groupingRules[parentPath.length];
-      const groupingValueGetter = groupingRule?.groupingValueGetter;
-      const leafKey = groupingValueGetter?.(row[groupingRule.field], row, columnsLookup[groupingRule.field], apiRef) ?? getGroupKey(params.dataRowIdToModelLookup[rowId]);
+      const leafKey = getGroupKey(params.dataRowIdToModelLookup[rowId]);
       return {
         id: rowId,
         path: [...parentPath, leafKey ?? rowId.toString()].map((key, i) => ({

package/esm/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0NDc1NDQwMDAwMA==";
+  const releaseInfo = "MTc0NjA0NjgwMDAwMA==";
   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/rowGrouping/useGridDataSourceRowGroupingPreProcessors.js

@@ -29,10 +29,7 @@ const useGridDataSourceRowGroupingPreProcessors = (apiRef, props) => {
     apiRef.current.caches.rowGrouping.rulesOnLastRowTreeCreation = groupingRules;
     const getRowTreeBuilderNode = rowId => {
       const parentPath = params.updates.groupKeys ?? [];
-      const row = params.dataRowIdToModelLookup[rowId];
-      const groupingRule = groupingRules[parentPath.length];
-      const groupingValueGetter = groupingRule?.groupingValueGetter;
-      const leafKey = groupingValueGetter?.(row[groupingRule.field], row, columnsLookup[groupingRule.field], apiRef) ?? getGroupKey(params.dataRowIdToModelLookup[rowId]);
+      const leafKey = getGroupKey(params.dataRowIdToModelLookup[rowId]);
       return {
         id: rowId,
         path: [...parentPath, leafKey ?? rowId.toString()].map((key, i) => ({

package/index.js

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

package/locales/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../esm/locales/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/modern/DataGridPremium/useDataGridPremiumProps.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
+import { useTheme } from '@mui/material/styles';
+import { getThemeProps } from '@mui/system';
 import { DATA_GRID_PRO_PROPS_DEFAULT_VALUES, GRID_DEFAULT_LOCALE_TEXT, GridSignature } from '@mui/x-data-grid-pro';
 import { computeSlots, useProps } from '@mui/x-data-grid-pro/internals';
 import { GRID_AGGREGATION_FUNCTIONS } from "../hooks/features/aggregation/index.js";
@@ -34,12 +35,12 @@ export const DATA_GRID_PREMIUM_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PRO
 });
 const defaultSlots = DATA_GRID_PREMIUM_DEFAULT_SLOTS_COMPONENTS;
 export const useDataGridPremiumProps = inProps => {
-  const themedProps = useProps(
-  // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  useThemeProps({
+  const theme = useTheme();
+  const themedProps = useProps(React.useMemo(() => getThemeProps({
     props: inProps,
+    theme,
     name: 'MuiDataGrid'
-  }));
+  }), [theme, inProps]));
   const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,

package/modern/hooks/features/rowGrouping/useGridDataSourceRowGroupingPreProcessors.js

@@ -22,10 +22,7 @@ export const useGridDataSourceRowGroupingPreProcessors = (apiRef, props) => {
     apiRef.current.caches.rowGrouping.rulesOnLastRowTreeCreation = groupingRules;
     const getRowTreeBuilderNode = rowId => {
       const parentPath = params.updates.groupKeys ?? [];
-      const row = params.dataRowIdToModelLookup[rowId];
-      const groupingRule = groupingRules[parentPath.length];
-      const groupingValueGetter = groupingRule?.groupingValueGetter;
-      const leafKey = groupingValueGetter?.(row[groupingRule.field], row, columnsLookup[groupingRule.field], apiRef) ?? getGroupKey(params.dataRowIdToModelLookup[rowId]);
+      const leafKey = getGroupKey(params.dataRowIdToModelLookup[rowId]);
       return {
         id: rowId,
         path: [...parentPath, leafKey ?? rowId.toString()].map((key, i) => ({

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-premium v7.29.0
+ * @mui/x-data-grid-premium v7.29.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 = "MTc0NDc1NDQwMDAwMA==";
+  const releaseInfo = "MTc0NjA0NjgwMDAwMA==";
   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.29.0",
+  "version": "7.29.2",
   "description": "The Premium plan edition of the Data Grid Components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -40,10 +40,10 @@
     "exceljs": "^4.4.0",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
-    "@mui/x-license": "7.29.0",
-    "@mui/x-data-grid-pro": "7.29.0",
+    "@mui/x-data-grid": "7.29.2",
+    "@mui/x-data-grid-pro": "7.29.2",
     "@mui/x-internals": "7.29.0",
-    "@mui/x-data-grid": "7.29.0"
+    "@mui/x-license": "7.29.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/typeOverloads/modules.d.ts

@@ -58,6 +58,7 @@ export interface GridColDefPremium<R extends GridValidRowModel = any, V = any, F
     availableAggregationFunctions?: string[];
     /**
      * Function that transforms a complex cell value into a key that be used for grouping the rows.
+     * Not supported with the server-side row grouping. Use `dataSource.getGroupKey()` instead.
      * @returns {GridKeyValue | null | undefined} The cell key.
      */
     groupingValueGetter?: GridGroupingValueGetter<R>;

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 = "MTc0NDc1NDQwMDAwMA==";
+  const releaseInfo = "MTc0NjA0NjgwMDAwMA==";
   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