@mui/x-data-grid-generator 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/columns/commodities.columns.js

@@ -169,7 +169,7 @@ export const getCommodityColumns = (editable = false) => [{
     return value;
   },
   valueFormatter: value => value?.label,
-  groupingValueGetter: value => value.code,
+  groupingValueGetter: value => value.label,
   sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
   editable,
   width: 120

package/columns/employees.columns.js

@@ -83,6 +83,7 @@ export const getEmployeeColumns = () => [{
   generateData: randomCountry,
   renderCell: renderCountry,
   renderEditCell: renderEditCountry,
+  groupingValueGetter: value => value.label,
   sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
   width: 150,
   editable: true

package/hooks/serverUtils.js

@@ -367,7 +367,15 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
   const groupFields = queryOptions.groupFields;
   if (groupFields.length > 0) {
     rowsWithPaths = rows.reduce((acc, row) => {
-      const partialPath = groupFields.map(field => String(row[field]));
+      const partialPath = groupFields.map(field => {
+        const colDef = columnsWithDefaultColDef.find(({
+          field: f
+        }) => f === field);
+        if (colDef?.groupingValueGetter) {
+          return colDef.groupingValueGetter(row[field], row, colDef, apiRef);
+        }
+        return String(row[field]);
+      });
       for (let index = 0; index < partialPath.length; index += 1) {
         const value = partialPath[index];
         if (value === undefined) {

package/hooks/useDemoData.js

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

package/hooks/useMockServer.js

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

package/hooks/useQuery.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';

package/index.js

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

package/modern/columns/commodities.columns.js

@@ -169,7 +169,7 @@ export const getCommodityColumns = (editable = false) => [{
     return value;
   },
   valueFormatter: value => value?.label,
-  groupingValueGetter: value => value.code,
+  groupingValueGetter: value => value.label,
   sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
   editable,
   width: 120

package/modern/columns/employees.columns.js

@@ -83,6 +83,7 @@ export const getEmployeeColumns = () => [{
   generateData: randomCountry,
   renderCell: renderCountry,
   renderEditCell: renderEditCountry,
+  groupingValueGetter: value => value.label,
   sortComparator: (v1, v2, param1, param2) => gridStringOrNumberComparator(v1.label, v2.label, param1, param2),
   width: 150,
   editable: true

package/modern/hooks/serverUtils.js

@@ -367,7 +367,15 @@ export const processRowGroupingRows = (rows, queryOptions, serverOptions, column
   const groupFields = queryOptions.groupFields;
   if (groupFields.length > 0) {
     rowsWithPaths = rows.reduce((acc, row) => {
-      const partialPath = groupFields.map(field => String(row[field]));
+      const partialPath = groupFields.map(field => {
+        const colDef = columnsWithDefaultColDef.find(({
+          field: f
+        }) => f === field);
+        if (colDef?.groupingValueGetter) {
+          return colDef.groupingValueGetter(row[field], row, colDef, apiRef);
+        }
+        return String(row[field]);
+      });
       for (let index = 0; index < partialPath.length; index += 1) {
         const value = partialPath[index];
         if (value === undefined) {

package/modern/hooks/useDemoData.js

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

package/modern/hooks/useMockServer.js

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

package/modern/hooks/useQuery.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { getGridDefaultColumnTypes } from '@mui/x-data-grid-pro';

package/modern/index.js

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

package/modern/renderer/renderCountry.js

@@ -42,6 +42,9 @@ export function renderCountry(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
+  if (params.rowNode.type === 'group') {
+    return params.value;
+  }
   return /*#__PURE__*/_jsx(Country, {
     value: params.value
   });

package/modern/renderer/renderEditProgress.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/node/columns/commodities.columns.js

@@ -175,7 +175,7 @@ const getCommodityColumns = (editable = false) => [{
     return value;
   },
   valueFormatter: value => value?.label,
-  groupingValueGetter: value => value.code,
+  groupingValueGetter: value => value.label,
   sortComparator: (v1, v2, param1, param2) => (0, _xDataGridPremium.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2),
   editable,
   width: 120

package/node/columns/employees.columns.js

@@ -89,6 +89,7 @@ const getEmployeeColumns = () => [{
   generateData: _services.randomCountry,
   renderCell: _renderer.renderCountry,
   renderEditCell: _renderer.renderEditCountry,
+  groupingValueGetter: value => value.label,
   sortComparator: (v1, v2, param1, param2) => (0, _xDataGridPremium.gridStringOrNumberComparator)(v1.label, v2.label, param1, param2),
   width: 150,
   editable: true

package/node/hooks/serverUtils.js

@@ -376,7 +376,15 @@ const processRowGroupingRows = (rows, queryOptions, serverOptions, columnsWithDe
   const groupFields = queryOptions.groupFields;
   if (groupFields.length > 0) {
     rowsWithPaths = rows.reduce((acc, row) => {
-      const partialPath = groupFields.map(field => String(row[field]));
+      const partialPath = groupFields.map(field => {
+        const colDef = columnsWithDefaultColDef.find(({
+          field: f
+        }) => f === field);
+        if (colDef?.groupingValueGetter) {
+          return colDef.groupingValueGetter(row[field], row, colDef, apiRef);
+        }
+        return String(row[field]);
+      });
       for (let index = 0; index < partialPath.length; index += 1) {
         const value = partialPath[index];
         if (value === undefined) {

package/node/hooks/useDemoData.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/hooks/useMockServer.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/hooks/useQuery.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/index.js

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

package/node/renderer/renderCountry.js

@@ -50,6 +50,9 @@ function renderCountry(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
+  if (params.rowNode.type === 'group') {
+    return params.value;
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Country, {
     value: params.value
   });

package/node/renderer/renderEditProgress.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "7.28.3",
+  "version": "7.29.1",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -27,13 +27,13 @@
     "chance": "^1.1.12",
     "clsx": "^2.1.1",
     "lru-cache": "^11.0.1",
-    "@mui/x-data-grid-premium": "7.28.3"
+    "@mui/x-data-grid-premium": "7.29.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/icons-material": "^5.4.1 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
+    "@mui/icons-material": "^5.4.1 || ^6.0.0 || ^7.0.0",
+    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {

package/renderer/renderCountry.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
 import { CountryIsoOption } from '../services/static-data';
-export declare function renderCountry(params: GridRenderCellParams<CountryIsoOption, any, any>): "" | React.JSX.Element | null;
+export declare function renderCountry(params: GridRenderCellParams<CountryIsoOption, any, any>): any;

package/renderer/renderCountry.js

@@ -42,6 +42,9 @@ export function renderCountry(params) {
   if (params.aggregation && !params.aggregation.hasCellUnit) {
     return null;
   }
+  if (params.rowNode.type === 'group') {
+    return params.value;
+  }
   return /*#__PURE__*/_jsx(Country, {
     value: params.value
   });

package/renderer/renderEditProgress.js

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