v7.20.0 (#14910)

arminmeh · flaviendelangle · LukasTy · web-flow · commit d114e96c4c72 · 2024-10-11T11:22:20.000+02:00
Signed-off-by: Armin Mehinovic &lt;4390250+arminmeh@users.noreply.github.com&gt;
Co-authored-by: Flavien DELANGLE &lt;flaviendelangle@gmail.com&gt;
Co-authored-by: Lukas Tyla &lt;llukas.tyla@gmail.com&gt;
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,96 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.20.0
+
+_Oct 11, 2024_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 📚 Updated ["What's new"](https://mui.com/x/whats-new/) page giving more detailed overview of the latest new features and other highlights
+- 📚 New [collapsible column groups demo](https://mui.com/x/react-data-grid/column-groups/#collapsible-column-groups) for the Data Grid component
+- 📚 New [Tree Item Customization](https://mui.com/x/react-tree-view/tree-item-customization/) documentation to learn how to use the new APIs to create custom Tree Items. The old APIs (`props.ContentComponent` and `props.ContentProps`) have been deprecated and will be removed in the new major version of the Tree View component.
+- 🌍 Improve Japanese (ja-JP) locale on the Data Grid component
+- 🐞 Bugfixes
+- 📚 Other documentation improvements
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@k-rajat19, @kalyan90, @uma-neko, @vfbiby.
+Following are all team members who have contributed to this release: @alelthomas, @arminmeh, @arthurbalduini,
+@cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte, @oliviertassinari, @samuelsycamore, @siriwatknp.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.20.0`
+
+- [DataGrid] Add `onColumnHeaderContextMenu` event (#14734) @vfbiby
+- [DataGrid] Avoid row spanning computation of outdated rows (#14902) @MBilalShafi
+- [DataGrid] Fix scrollbar position not being updated after `scrollToIndexes` (#14888) @arminmeh
+- [DataGrid] Pass `rowId` param to `processRowUpdate` (#14821) @k-rajat19
+- [l10n] Improve Japanese (ja-JP) locale (#14870) @uma-neko
+
+#### `@mui/x-data-grid-pro@7.20.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.20.0`, plus:
+
+- [DataGridPro] Fix wording on the `rowSelectionPropagation` JSDoc and doc section (#14907) @flaviendelangle
+
+#### `@mui/x-data-grid-premium@7.20.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.20.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.20.0`
+
+- [pickers] Add `PageUp` and `PageDown` support for time components (#14812) @arthurbalduini
+- [pickers] Fix regression on `PickerValidDate` (#14896) @flaviendelangle
+- [pickers] Move the `DateFieldInPickerProps` interface to the `DatePicker` folder and rename it `DatePickerFieldProps` (same for time and date time) (#14828) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.20.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.20.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.20.0`
+
+No changes since `@mui/x-charts@v7.19.0`.
+
+#### `@mui/x-charts-pro@7.0.0-beta.4` [![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.20.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.20.0`
+
+- [TreeItem] Deprecate the `ContentComponent` and `ContentProps` props (#14908) @flaviendelangle
+- [TreeView] Rework how items are being rendered in Rich Tree View components (#14749) @flaviendelangle
+
+### Docs
+
+- [docs] Update "What's new" page (#14858) @cherniavskii
+- [docs] Add collapsible column groups demo (#14818) @cherniavskii
+- [docs] Add custom columns panel demo (#14825) @cherniavskii
+- [docs] Capitalize all instances of "Data Grid" (#14884) @samuelsycamore
+- [docs] Divide charts `tooltip` and `highlighting` pages (#14824) @JCQuintas
+- [docs] Document the `TreeItem2` component and the `useTreeItem2` hook (#14551) @noraleonte
+- [docs] Fix column pinning for "Disable detail panel content scroll" section (#14854 and #14885) @kalyan90
+- [docs] Fix detail panel demo not working well with pinned columns (#14883) @cherniavskii
+- [docs] New recipe of a read-only field (#14606) @flaviendelangle
+- [docs] Change demo name example (#14822) @alelthomas
+
+### Core
+
+- [core] Support `@mui/utils` v6 (#14867) @siriwatknp
+- [code-infra] Remove deprecated `data-mui-test` in favour of `data-testid` (#14882) @JCQuintas
+- [code-infra] Update renovate config and add a `vitest` group (#14856) @JCQuintas
+- [test] Replace `waitFor()` with `act()` (#14851) @oliviertassinari
+- [test] Restore "pnpm tc" CLI (#14852) @oliviertassinari
+
 ## 7.19.0
 
 _Oct 4, 2024_
@@ -678,6 +768,8 @@ Same changes as in `@mui/x-charts@7.12.1`, plus:
 
 #### `@mui/x-tree-view@7.12.1`
 
+No changes since `@mui/x-tree-view@7.12.0`.
+
 ### Docs
 
 - [docs] Add a warning to promote the usage of `updateRows` (#14027) @MBilalShafi
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "7.19.0",
+  "version": "7.20.0",
   "private": true,
   "scripts": {
     "preinstall": "npx only-allow pnpm",
diff --git a/packages/x-charts-pro/package.json b/packages/x-charts-pro/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "7.0.0-beta.3",
+  "version": "7.0.0-beta.4",
   "description": "The Pro plan edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-charts-vendor/package.json b/packages/x-charts-vendor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-vendor",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "Vendored dependencies for MUI X Charts",
   "author": "MUI Team",
   "keywords": [
diff --git a/packages/x-charts/package.json b/packages/x-charts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.js",
diff --git a/packages/x-codemod/package.json b/packages/x-codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-codemod",
-  "version": "7.18.0",
+  "version": "7.20.0",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",
diff --git a/packages/x-data-grid-generator/package.json b/packages/x-data-grid-generator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-generator",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "Generate fake data for demo purposes only.",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-data-grid-premium/package.json b/packages/x-data-grid-premium/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-premium",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The Premium plan edition of the Data Grid Components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-data-grid-pro/package.json b/packages/x-data-grid-pro/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The Pro plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-data-grid/package.json b/packages/x-data-grid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-date-pickers-pro/package.json b/packages/x-date-pickers-pro/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The Pro plan edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-date-pickers/package.json b/packages/x-date-pickers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-internals/package.json b/packages/x-internals/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-internals",
-  "version": "7.18.0",
+  "version": "7.20.0",
   "description": "Utility functions for the MUI X packages (internal use only).",
   "author": "MUI Team",
   "license": "MIT",
diff --git a/packages/x-license/package.json b/packages/x-license/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-license",
-  "version": "7.18.0",
+  "version": "7.20.0",
   "description": "MUI X License verification",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-tree-view-pro/package.json b/packages/x-tree-view-pro/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view-pro",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The Pro plan edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/packages/x-tree-view/package.json b/packages/x-tree-view/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The community edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "src/index.ts",
diff --git a/scripts/README.md b/scripts/README.md
@@ -24,6 +24,7 @@ pnpm release:changelog
    --githubToken   YOUR_GITHUB_TOKEN (needs "public_repo" permission)
    --lastRelease   The release to compare against (default: the last one)
    --release       The branch to release (default: master)
+   --nextVersion   Expected version of the next release (if not provided, __VERSION__ placeholders must be updated manually)
 ```
 
 > :warning: the script will add a separator string in form of a comment like this right after the highlights:
diff --git a/scripts/releaseChangelog.mjs b/scripts/releaseChangelog.mjs
@@ -61,7 +61,7 @@ function resolvePackagesByLabels(labels) {
 }
 
 async function main(argv) {
-  const { githubToken, lastRelease: lastReleaseInput, release } = argv;
+  const { githubToken, lastRelease: lastReleaseInput, release, nextVersion } = argv;
 
   if (!githubToken) {
     throw new TypeError(
@@ -297,7 +297,7 @@ async function main(argv) {
       return '';
     }
 
-    return `Special thanks go out to our community contributors who have helped make this release possible:\n${contributors.join(', ')}.`;
+    return `Special thanks go out to the community contributors who have helped make this release possible:\n${contributors.join(', ')}.`;
   };
 
   const logTeamSection = () => {
@@ -328,15 +328,14 @@ ${logTeamSection()}
 
 #### \`@mui/x-data-grid@__VERSION__\`
 
-${logChangelogSection(dataGridCommits)}
+${logChangelogSection(dataGridCommits) || `No changes since \`@mui/x-data-grid@${lastRelease}\`.`}
 
 #### \`@mui/x-data-grid-pro@__VERSION__\` [![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@__VERSION__\`${
     dataGridProCommits.length > 0 ? ', plus:\n' : '.'
   }
-${logChangelogSection(dataGridProCommits)}
-
+${logChangelogSection(dataGridProCommits)}${dataGridProCommits.length > 0 ? '\n' : ''}
 #### \`@mui/x-data-grid-premium@__VERSION__\` [![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@__VERSION__\`${
@@ -347,31 +346,29 @@ ${logChangelogSection(dataGridPremiumCommits)}${dataGridPremiumCommits.length >
 
 #### \`@mui/x-date-pickers@__VERSION__\`
 
-${logChangelogSection(pickersCommits)}
+${logChangelogSection(pickersCommits) || `No changes since \`@mui/x-date-pickers@${lastRelease}\`.`}
 
 #### \`@mui/x-date-pickers-pro@__VERSION__\` [![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@__VERSION__\`${
     pickersProCommits.length > 0 ? ', plus:\n' : '.'
   }
-${logChangelogSection(pickersProCommits)}
-
+${logChangelogSection(pickersProCommits)}${pickersProCommits.length > 0 ? '\n' : ''}
 ### Charts
  
 #### \`@mui/x-charts@__VERSION__\`
 
-${logChangelogSection(chartsCommits)}
+${logChangelogSection(chartsCommits) || `No changes since \`@mui/x-charts@${lastRelease}\`.`}
 
 #### \`@mui/x-charts-pro@__VERSION-ALPHA__\` [![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@__VERSION__\`${chartsProCommits.length > 0 ? ', plus:\n' : '.'}
-${logChangelogSection(chartsProCommits)}
-
+${logChangelogSection(chartsProCommits)}${chartsProCommits.length > 0 ? '\n' : ''}
 ### Tree View
 
 #### \`@mui/x-tree-view@__VERSION__\`
 
-${logChangelogSection(treeViewCommits)}
+${logChangelogSection(treeViewCommits) || `No changes since \`@mui/x-tree-view@${lastRelease}\`.`}
 ${logChangelogSection(codemodCommits, `### \`@mui/x-codemod@__VERSION__\``)}
 ${logChangelogSection(docsCommits, '### Docs')}
 ${logChangelogSection(coreCommits, '### Core')}
@@ -380,7 +377,7 @@ ${logChangelogSection(otherCommits, '')}
 `;
 
   // eslint-disable-next-line no-console -- output of this script
-  console.log(changelog);
+  console.log(nextVersion ? changelog.replace(/__VERSION__/g, nextVersion) : changelog);
 }
 
 yargs(hideBin(process.argv))
@@ -405,6 +402,11 @@ yargs(hideBin(process.argv))
           default: 'master',
           describe: 'Ref which we want to release',
           type: 'string',
+        })
+        .option('nextVersion', {
+          describe:
+            'The version expected to be released e.g. `5.2.0`. Replaces `_VERSION__` placeholder in the changelog.',
+          type: 'string',
         });
     },
     handler: main,

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "version": "7.19.0",`
	`2`	`+ "version": "7.20.0",`
`3`	`3`	`"private": true,`
`4`	`4`	`"scripts": {`
`5`	`5`	`"preinstall": "npx only-allow pnpm",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@mui/x-charts-pro",`
`3`		`- "version": "7.0.0-beta.3",`
	`3`	`+ "version": "7.0.0-beta.4",`
`4`	`4`	`"description": "The Pro plan edition of the Charts components (MUI X).",`
`5`	`5`	`"author": "MUI Team",`
`6`	`6`	`"main": "src/index.ts",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@mui/x-charts-vendor",`
`3`		`- "version": "7.19.0",`
	`3`	`+ "version": "7.20.0",`
`4`	`4`	`"description": "Vendored dependencies for MUI X Charts",`
`5`	`5`	`"author": "MUI Team",`
`6`	`6`	`"keywords": [`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@mui/x-charts",`
`3`		`- "version": "7.19.0",`
	`3`	`+ "version": "7.20.0",`
`4`	`4`	`"description": "The community edition of the Charts components (MUI X).",`
`5`	`5`	`"author": "MUI Team",`
`6`	`6`	`"main": "src/index.js",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@mui/x-codemod",`
`3`		`- "version": "7.18.0",`
	`3`	`+ "version": "7.20.0",`
`4`	`4`	`"bin": "./codemod.js",`
`5`	`5`	`"private": false,`
`6`	`6`	`"author": "MUI Team",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@mui/x-data-grid-generator",`
`3`		`- "version": "7.19.0",`
	`3`	`+ "version": "7.20.0",`
`4`	`4`	`"description": "Generate fake data for demo purposes only.",`
`5`	`5`	`"author": "MUI Team",`
`6`	`6`	`"main": "src/index.ts",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@mui/x-data-grid-premium",`
`3`		`- "version": "7.19.0",`
	`3`	`+ "version": "7.20.0",`
`4`	`4`	`"description": "The Premium plan edition of the Data Grid Components (MUI X).",`
`5`	`5`	`"author": "MUI Team",`
`6`	`6`	`"main": "src/index.ts",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@mui/x-data-grid-pro",`
`3`		`- "version": "7.19.0",`
	`3`	`+ "version": "7.20.0",`
`4`	`4`	`"description": "The Pro plan edition of the Data Grid components (MUI X).",`
`5`	`5`	`"author": "MUI Team",`
`6`	`6`	`"main": "src/index.ts",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@mui/x-data-grid",`
`3`		`- "version": "7.19.0",`
	`3`	`+ "version": "7.20.0",`
`4`	`4`	`"description": "The Community plan edition of the Data Grid components (MUI X).",`
`5`	`5`	`"author": "MUI Team",`
`6`	`6`	`"main": "src/index.ts",`