From c8e30a37b22090ab3dcaa9bc94c37bdcb0743f29 Mon Sep 17 00:00:00 2001 From: noraleonte Date: Thu, 25 Jan 2024 18:09:04 +0200 Subject: [PATCH 1/9] v7.0.0-beta.0 --- CHANGELOG.md | 103 ++++++++++++++++++ package.json | 2 +- .../grid/x-data-grid-generator/package.json | 4 +- .../grid/x-data-grid-premium/package.json | 8 +- packages/grid/x-data-grid-pro/package.json | 6 +- packages/grid/x-data-grid/package.json | 2 +- packages/x-charts/package.json | 2 +- packages/x-codemod/package.json | 2 +- packages/x-date-pickers-pro/package.json | 6 +- packages/x-date-pickers/package.json | 2 +- packages/x-license-pro/package.json | 2 +- packages/x-tree-view/package.json | 2 +- 12 files changed, 122 insertions(+), 19 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 55466b1e080eb..7c6751c14b55f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,109 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## 7.0.0-beta.0 + +_Jan 25, 2024_ + +We are glad to announce MUI X v7 beta! +This version comes with a number of improvements, bug fixes and exciting features 🎉: + +### 🚀 Release the [Date Time Range Picker](https://next.mui.com/x/react-date-pickers/date-time-range-picker/) component (#9528) @LukasTy + + Date Time Range Picker example + +### 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi + +#### Extract columns management component + +The columns management component (previously part of Columns Panel) has now been extracted as a separate component and slot with its dedicated `slotProps`. The motivation behind the change is to allow it to be reused in the newly proposed pivoting design (on the right side of the grid, in its dedicated space) + +#### Design changes + +The design of the columns management component now uses the new checkboxes-based design rather than the previous toggle button-based design. + +#### Component API + +The component API is almost the same as that of Columns Panel, with a few exceptions like: + +- Introduction of a new Reset button and its functionality, a new prop `disableResetButton` has been introduced. +- Show all and Hide all are combined into one `Show/Hide All` checkbox, related props are also updated. + +#### Breaking changes + +- The columns management component has been redesigned and the component is extracted from the `ColumnsPanel` which now only serves as a wrapper to display the component over the headers as a panel. As a result, a new slot `columnsManagement`, and corresponding prop `slotProps.columnsManagement` have been introduced. The props corresponding to the columns management component which were previously passed to the prop `slotProps.columnsPanel` should now be passed to `slotProps.columnsManagement`. `slotProps.columnsPanel` could still be used to override props corresponding to the `Panel` component used in `ColumnsPanel` which uses [`Popper`](https://next.mui.com/material-ui/react-popper/) component under the hood. + + ```diff + 50,000 children (#11757) @zenazn +- [code-infra] Update prettier and pretty-quick (#11735) @Janpot + ## 7.0.0-alpha.9 _Jan 19, 2024_ diff --git a/package.json b/package.json index 5d8006e0c6061..e2f5847a657e4 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "version": "7.0.0-alpha.9", + "version": "7.0.0-beta.0", "private": true, "scripts": { "start": "yarn && yarn docs:dev", diff --git a/packages/grid/x-data-grid-generator/package.json b/packages/grid/x-data-grid-generator/package.json index fade693db260b..e250a5c044f23 100644 --- a/packages/grid/x-data-grid-generator/package.json +++ b/packages/grid/x-data-grid-generator/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-data-grid-generator", - "version": "7.0.0-alpha.9", + "version": "7.0.0-beta.0", "description": "Generate fake data for demo purposes only.", "author": "MUI Team", "main": "src/index.ts", @@ -35,7 +35,7 @@ "dependencies": { "@babel/runtime": "^7.23.8", "@mui/base": "^5.0.0-beta.32", - "@mui/x-data-grid-premium": "7.0.0-alpha.9", + "@mui/x-data-grid-premium": "7.0.0-beta.0", "chance": "^1.1.11", "clsx": "^2.1.0", "lru-cache": "^7.18.3" diff --git a/packages/grid/x-data-grid-premium/package.json b/packages/grid/x-data-grid-premium/package.json index 1bb9e942cc084..e578eb14b7e96 100644 --- a/packages/grid/x-data-grid-premium/package.json +++ b/packages/grid/x-data-grid-premium/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-data-grid-premium", - "version": "7.0.0-alpha.9", + "version": "7.0.0-beta.0", "description": "The Premium plan edition of the data grid component (MUI X).", "author": "MUI Team", "main": "src/index.ts", @@ -46,9 +46,9 @@ "@babel/runtime": "^7.23.8", "@mui/system": "^5.15.5", "@mui/utils": "^5.15.5", - "@mui/x-data-grid": "7.0.0-alpha.9", - "@mui/x-data-grid-pro": "7.0.0-alpha.9", - "@mui/x-license-pro": "7.0.0-alpha.9", + "@mui/x-data-grid": "7.0.0-beta.0", + "@mui/x-data-grid-pro": "7.0.0-beta.0", + "@mui/x-license-pro": "7.0.0-beta.0", "@types/format-util": "^1.0.4", "clsx": "^2.1.0", "exceljs": "^4.4.0", diff --git a/packages/grid/x-data-grid-pro/package.json b/packages/grid/x-data-grid-pro/package.json index 353e30388eaf9..9c982a5aa8625 100644 --- a/packages/grid/x-data-grid-pro/package.json +++ b/packages/grid/x-data-grid-pro/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-data-grid-pro", - "version": "7.0.0-alpha.9", + "version": "7.0.0-beta.0", "description": "The Pro plan edition of the data grid component (MUI X).", "author": "MUI Team", "main": "src/index.ts", @@ -46,8 +46,8 @@ "@babel/runtime": "^7.23.8", "@mui/system": "^5.15.5", "@mui/utils": "^5.15.5", - "@mui/x-data-grid": "7.0.0-alpha.9", - "@mui/x-license-pro": "7.0.0-alpha.9", + "@mui/x-data-grid": "7.0.0-beta.0", + "@mui/x-license-pro": "7.0.0-beta.0", "@types/format-util": "^1.0.4", "clsx": "^2.1.0", "prop-types": "^15.8.1", diff --git a/packages/grid/x-data-grid/package.json b/packages/grid/x-data-grid/package.json index 12ee587751ba7..8450809219731 100644 --- a/packages/grid/x-data-grid/package.json +++ b/packages/grid/x-data-grid/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-data-grid", - "version": "7.0.0-alpha.9", + "version": "7.0.0-beta.0", "description": "The community edition of the data grid component (MUI X).", "author": "MUI Team", "main": "src/index.ts", diff --git a/packages/x-charts/package.json b/packages/x-charts/package.json index b85b6aa5f1588..19d329a27937c 100644 --- a/packages/x-charts/package.json +++ b/packages/x-charts/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-charts", - "version": "7.0.0-alpha.9", + "version": "7.0.0-beta.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 index 8ce06865b4f85..9d4df6e0b2c6f 100644 --- a/packages/x-codemod/package.json +++ b/packages/x-codemod/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-codemod", - "version": "7.0.0-alpha.9", + "version": "7.0.0-beta.0", "bin": "./codemod.js", "private": false, "author": "MUI Team", diff --git a/packages/x-date-pickers-pro/package.json b/packages/x-date-pickers-pro/package.json index edec20a5db3cc..0a458b3897b82 100644 --- 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.0.0-alpha.9", + "version": "7.0.0-beta.0", "description": "The commercial edition of the date picker components (MUI X).", "author": "MUI Team", "main": "src/index.ts", @@ -46,8 +46,8 @@ "@mui/base": "^5.0.0-beta.32", "@mui/system": "^5.15.5", "@mui/utils": "^5.15.5", - "@mui/x-date-pickers": "7.0.0-alpha.9", - "@mui/x-license-pro": "7.0.0-alpha.9", + "@mui/x-date-pickers": "7.0.0-beta.0", + "@mui/x-license-pro": "7.0.0-beta.0", "clsx": "^2.1.0", "prop-types": "^15.8.1", "react-transition-group": "^4.4.5" diff --git a/packages/x-date-pickers/package.json b/packages/x-date-pickers/package.json index 9db484e805027..7381a31a310c3 100644 --- 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.0.0-alpha.9", + "version": "7.0.0-beta.0", "description": "The community edition of the date picker components (MUI X).", "author": "MUI Team", "main": "src/index.ts", diff --git a/packages/x-license-pro/package.json b/packages/x-license-pro/package.json index f9a4fc044b693..e23aaf1f3f3d8 100644 --- a/packages/x-license-pro/package.json +++ b/packages/x-license-pro/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-license-pro", - "version": "7.0.0-alpha.9", + "version": "7.0.0-beta.0", "description": "MUI X License verification", "author": "MUI Team", "main": "src/index.ts", diff --git a/packages/x-tree-view/package.json b/packages/x-tree-view/package.json index 2e27d2962afaa..05699cd829ee2 100644 --- 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.0.0-alpha.9", + "version": "7.0.0-beta.0", "description": "The community edition of the tree view components (MUI X).", "author": "MUI Team", "main": "src/index.ts", From 7bf511c5a0b2bbf058b7ef72dbb57c16768cb6b0 Mon Sep 17 00:00:00 2001 From: noraleonte Date: Thu, 25 Jan 2024 18:17:26 +0200 Subject: [PATCH 2/9] add missing commit --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7c6751c14b55f..27e683afaa38b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -98,6 +98,7 @@ Same changes as in `@mui/x-date-pickers@7.0.0-beta.0`, plus: - [docs] Fix typo in Data Grid components page (#11775) @flaviendelangle - [docs] Fix use of quote, should use callout (#11759) @oliviertassinari - [docs] Improve error message for MUI Vale rule @oliviertassinari +- [docs] Include `DateTimeRangePicker` in relevant demos (#11815) @LukasTy ### Core From 481008d859628228841889895e686a4083aa1075 Mon Sep 17 00:00:00 2001 From: noraleonte Date: Thu, 25 Jan 2024 18:33:55 +0200 Subject: [PATCH 3/9] make markdownlint happy --- CHANGELOG.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 27e683afaa38b..f24b37adeec51 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -36,7 +36,7 @@ The component API is almost the same as that of Columns Panel, with a few except - The columns management component has been redesigned and the component is extracted from the `ColumnsPanel` which now only serves as a wrapper to display the component over the headers as a panel. As a result, a new slot `columnsManagement`, and corresponding prop `slotProps.columnsManagement` have been introduced. The props corresponding to the columns management component which were previously passed to the prop `slotProps.columnsPanel` should now be passed to `slotProps.columnsManagement`. `slotProps.columnsPanel` could still be used to override props corresponding to the `Panel` component used in `ColumnsPanel` which uses [`Popper`](https://next.mui.com/material-ui/react-popper/) component under the hood. ```diff - ``` - `Show all` and `Hide all` buttons in the `ColumnsPanel` have been combined into one `Show/Hide All` checkbox in the new columns management component. The related props `disableShowAllButton` and `disableHideAllButton` have been replaced with a new prop `disableShowHideToggle`. From 0766078613b1e887c198442906efb8dfede49b28 Mon Sep 17 00:00:00 2001 From: Bilal Shafi Date: Fri, 26 Jan 2024 06:38:42 +0300 Subject: [PATCH 4/9] Update the release notes --- CHANGELOG.md | 30 ++++++++++++------------------ 1 file changed, 12 insertions(+), 18 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index f24b37adeec51..9f9efa18d3cb1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -16,20 +16,14 @@ This version comes with a number of improvements, bug fixes and exciting feature ### 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi -#### Extract columns management component + image -The columns management component (previously part of Columns Panel) has now been extracted as a separate component and slot with its dedicated `slotProps`. The motivation behind the change is to allow it to be reused in the newly proposed pivoting design (on the right side of the grid, in its dedicated space) - -#### Design changes - -The design of the columns management component now uses the new checkboxes-based design rather than the previous toggle button-based design. - -#### Component API +We'd like to offer a big thanks to the 7 contributors who made this release possible ✨: -The component API is almost the same as that of Columns Panel, with a few exceptions like: +- 🐞 Bugfixes +- 📚 Documentation improvements -- Introduction of a new Reset button and its functionality, a new prop `disableResetButton` has been introduced. -- Show all and Hide all are combined into one `Show/Hide All` checkbox, related props are also updated. +### Data Grid #### Breaking changes @@ -48,14 +42,14 @@ The component API is almost the same as that of Columns Panel, with a few except ``` - `Show all` and `Hide all` buttons in the `ColumnsPanel` have been combined into one `Show/Hide All` checkbox in the new columns management component. The related props `disableShowAllButton` and `disableHideAllButton` have been replaced with a new prop `disableShowHideToggle`. - From https://github.com/mui/mui-x/pull/9528 - -We'd like to offer a big thanks to the 7 contributors who made this release possible ✨: -- 🐞 Bugfixes -- 📚 Documentation improvements - -### Data Grid + ```diff + + ``` #### `@mui/x-data-grid@7.0.0-beta.0` From a392584b828b23ab15020c6c47a63198aab9f693 Mon Sep 17 00:00:00 2001 From: Nora <72460825+noraleonte@users.noreply.github.com> Date: Fri, 26 Jan 2024 12:46:01 +0200 Subject: [PATCH 5/9] Apply suggestions from code review Co-authored-by: Bilal Shafi Co-authored-by: Michel Engelen <32863416+michelengelen@users.noreply.github.com> Co-authored-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> Signed-off-by: Nora <72460825+noraleonte@users.noreply.github.com> --- CHANGELOG.md | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9f9efa18d3cb1..8d10070ec700a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,10 +5,10 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline ## 7.0.0-beta.0 -_Jan 25, 2024_ +_Jan 26, 2024_ We are glad to announce MUI X v7 beta! -This version comes with a number of improvements, bug fixes and exciting features 🎉: +This version has several improvements, bug fixes, and exciting features 🎉. We want to offer a big thanks to the 7 contributors who made this release possible ✨: ### 🚀 Release the [Date Time Range Picker](https://next.mui.com/x/react-date-pickers/date-time-range-picker/) component (#9528) @LukasTy @@ -18,8 +18,6 @@ This version comes with a number of improvements, bug fixes and exciting feature image -We'd like to offer a big thanks to the 7 contributors who made this release possible ✨: - - 🐞 Bugfixes - 📚 Documentation improvements @@ -27,7 +25,7 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss #### Breaking changes -- The columns management component has been redesigned and the component is extracted from the `ColumnsPanel` which now only serves as a wrapper to display the component over the headers as a panel. As a result, a new slot `columnsManagement`, and corresponding prop `slotProps.columnsManagement` have been introduced. The props corresponding to the columns management component which were previously passed to the prop `slotProps.columnsPanel` should now be passed to `slotProps.columnsManagement`. `slotProps.columnsPanel` could still be used to override props corresponding to the `Panel` component used in `ColumnsPanel` which uses [`Popper`](https://next.mui.com/material-ui/react-popper/) component under the hood. +- The columns management component has been redesigned and the component was extracted from the `ColumnsPanel` which now only serves as a wrapper to display the component above the headers as a panel. As a result, a new slot `columnsManagement` and the related prop `slotProps.columnsManagement` have been introduced. The props corresponding to the columns management component which were previously passed to the prop `slotProps.columnsPanel` should now be passed to `slotProps.columnsManagement`. `slotProps.columnsPanel` could still be used to override props corresponding to the `Panel` component used in `ColumnsPanel` which uses [`Popper`](https://next.mui.com/material-ui/react-popper/) component under the hood. ```diff ``` -- `Show all` and `Hide all` buttons in the `ColumnsPanel` have been combined into one `Show/Hide All` checkbox in the new columns management component. The related props `disableShowAllButton` and `disableHideAllButton` have been replaced with a new prop `disableShowHideToggle`. +- `Show all` and `Hide all` buttons in the `ColumnsPanel` have been combined into one `Show/Hide All` toggle in the new columns management component. The related props `disableShowAllButton` and `disableHideAllButton` have been replaced with a new prop `disableShowHideToggle`. ```diff 50,000 children (#11757) @zenazn - [code-infra] Update prettier and pretty-quick (#11735) @Janpot ## 7.0.0-alpha.9 From 877e58820b6308ca5167acf9b39b80ec3d5fdbf2 Mon Sep 17 00:00:00 2001 From: noraleonte Date: Fri, 26 Jan 2024 12:48:15 +0200 Subject: [PATCH 6/9] stick to usual structure --- CHANGELOG.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8d10070ec700a..146ad7642b835 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,11 +10,11 @@ _Jan 26, 2024_ We are glad to announce MUI X v7 beta! This version has several improvements, bug fixes, and exciting features 🎉. We want to offer a big thanks to the 7 contributors who made this release possible ✨: -### 🚀 Release the [Date Time Range Picker](https://next.mui.com/x/react-date-pickers/date-time-range-picker/) component (#9528) @LukasTy +- 🚀 Release the [Date Time Range Picker](https://next.mui.com/x/react-date-pickers/date-time-range-picker/) component (#9528) @LukasTy Date Time Range Picker example -### 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi +- 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi image From d80278fc99c80be1338e229c8d83cae5ccbe76e7 Mon Sep 17 00:00:00 2001 From: noraleonte Date: Fri, 26 Jan 2024 13:05:18 +0200 Subject: [PATCH 7/9] update changelog --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 146ad7642b835..70e1f95c37449 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -88,6 +88,7 @@ Same changes as in `@mui/x-date-pickers@7.0.0-beta.0`, plus: ### Docs - [docs] Add `contextValue` to the headless tree view doc (#11705) @flaviendelangle +- [docs] Add section for the `disableSelection` prop (#11821) @flaviendelangle - [docs] Fix brand name non-breaking space (#11758) @oliviertassinari - [docs] Fix typo in Data Grid components page (#11775) @flaviendelangle - [docs] Fix use of quote, should use callout (#11759) @oliviertassinari From 678db10016a963b6dd168d11fd3f03fbd335c90a Mon Sep 17 00:00:00 2001 From: Andrew Cherniavskyi Date: Fri, 26 Jan 2024 12:12:00 +0100 Subject: [PATCH 8/9] update changelog --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 70e1f95c37449..0c60ff3293882 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -94,6 +94,7 @@ Same changes as in `@mui/x-date-pickers@7.0.0-beta.0`, plus: - [docs] Fix use of quote, should use callout (#11759) @oliviertassinari - [docs] Improve error message for MUI Vale rule @oliviertassinari - [docs] Include `DateTimeRangePicker` in relevant demos (#11815) @LukasTy +- [docs] Add recipe for sorting row groups by the number of child rows (#11164) @cherniavskii ### Core From 8df70f0d56405493f6a94b8c2a3ff576a4df70d4 Mon Sep 17 00:00:00 2001 From: Nora <72460825+noraleonte@users.noreply.github.com> Date: Fri, 26 Jan 2024 13:24:23 +0200 Subject: [PATCH 9/9] Update CHANGELOG.md Co-authored-by: Lukas Signed-off-by: Nora <72460825+noraleonte@users.noreply.github.com> --- CHANGELOG.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 0c60ff3293882..0886f83e7f00e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,7 +8,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline _Jan 26, 2024_ We are glad to announce MUI X v7 beta! -This version has several improvements, bug fixes, and exciting features 🎉. We want to offer a big thanks to the 7 contributors who made this release possible ✨: +This version has several improvements, bug fixes, and exciting features 🎉. +We want to offer a big thanks to the 7 contributors who made this release possible ✨: - 🚀 Release the [Date Time Range Picker](https://next.mui.com/x/react-date-pickers/date-time-range-picker/) component (#9528) @LukasTy