Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v5.9.0 #4491

Merged
merged 23 commits into from
Apr 14, 2022
Merged

v5.9.0 #4491

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
94 changes: 86 additions & 8 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,84 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

## v5.9.0

_Apr 14, 2022_

We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:

- ⚡ Update peer dependencies to support React 18 (#4332) @m4theushw

Now the data grid and pickers components support the concurrent mode.

- 🎁 Add support for [Column spanning](https://mui.com/x/react-data-grid/columns/#column-spanning) (#4020) @cherniavskii

<img src="https://user-images.githubusercontent.com/13808724/162926746-93bcb180-3c9d-4eb9-afc7-c3908a5c6406.png" width="788">

- 📚 New standalone documentation for MUI X (#4313) @siriwatknp

Each MUI product now has its own documentation.
More information on our [blog post](https://mui.com/blog/docs-restructure-2022/).

- 🌍 Add Hungarian (hu-HU) locale (#4458) @x22tri

- 🐞 Bug fixes

### `@mui/x-data-grid@v5.9.0` / `@mui/x-data-grid-pro@v5.9.0`

- [DataGrid] Add indexes relative to the filtered rows and the current page to the `getRowClassName` and `getRowSpacing` props (#3882) @flaviendelangle
- [DataGrid] Add React 18 to peer dependencies (#4332) @m4theushw
- [DataGrid] Add support for column spanning (#4020) @cherniavskii
- [DataGrid] Apply filtering before sorting (#4359) @flaviendelangle
- [DataGrid] Enable using non-native Select in filter panel (#4361) @kyeongsoosoo
- [DataGrid] Fix `api` prop leaking to DOM (#4384) @m4theushw
- [DataGrid] Fix column dimensions import/export with flex and resizing (#4311) @flaviendelangle
- [DataGrid] Fix focus after stopping row edit mode with pagination enabled (#4326) @m4theushw
- [DataGrid] Fix inconsistent overlay when changing the `loading` prop (#4334) @m4theushw
- [DataGrid] Fix scrollbar grabbing issue in Safari (#4405) @cherniavskii
- [DataGrid] `GridCellParams.formattedValue` should be nullable (#4376) @flaviendelangle
- [DataGrid] Improve accessibility of the `actions` column (#4325) @m4theushw
- [DataGrid] Pass updated row to edit components (#4392) @m4theushw
- [DataGrid] Prevent column header scroll (#4280) @m4theushw
flaviendelangle marked this conversation as resolved.
Show resolved Hide resolved
- [DataGridPro] Fix toggling detail panel using keyboard (#4409) @cherniavskii
- [l10n] Add Hungarian (hu-HU) locale (#4458) @x22tri

### `@mui/x-date-pickers@5.0.0-alpha.1` / `@mui/x-date-pickers-pro@5.0.0-alpha.1`

- [ClockPicker] Should call `shouldDisableTime` with the hours with meridiem (#4404) @flaviendelangle
- [MonthPicker] Clicking on a `PickersMonth` button should not trigger the form submit (#4402) @flaviendelangle
- [TimePicker] Do not update date when updating input in `TimePicker` (#4398) @flaviendelangle
- [pickers] Add react-dom to pickers peer deps to satisfy react-transition-group (#4411) @CarsonF
- [pickers] Add `TDate` generic to `CalendarOrClockPicker` component (#4465) @flaviendelangle
- [pickers] Fix default props behavior on all pickers (#4451) @flaviendelangle
- [pickers] Export `MuiPickersAdapterContext` (#4367) @flaviendelangle

### Docs

- [docs] Avoid redirections (#4365) @oliviertassinari
- [docs] Fix docs about date adapter (#4386) @alexfauquette
- [docs] Fix small external links issue (#4436) @oliviertassinari
- [docs] Fix some links to date picker docs (#4362) @oliviertassinari
- [docs] Fix wrong URL (#4415) @siriwatknp
- [docs] Go live with the new URLs (#4313) @siriwatknp
- [docs] Update the product names to be in sync @oliviertassinari

### Core

- [core] Add technical doc for pipe processing and family processing (#4322) @flaviendelangle
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It is currently not very clear which packages are impacted by these core changes.
Sometime it is a change cross package (for the doc gen for instance)
But sometimes it is a change inside one of the package.

Should we prefix by the component family here instead of "Core" now that we have several ?
For instance

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we keep [core] prefix and use label to differentiate between data grid and pickers?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I do not see a big interest in replacing [core] because developers do not really need to read those lines.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It is mostly for us, as the team grow I think it should be clear looking at a PR if it impacts the pickers or the datagrid, or the charts, etc...

But the label could work.
That would mean put the "data grid" label on the "[core]" PR that modifies code on the grid packages (same for pickers).

Copy link
Member

@cherniavskii cherniavskii Apr 13, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That would mean put the "data grid" label on the "[core]" PR that modifies code on the grid packages (same for pickers).

Makes total sense to me.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The core repo seems to use [core] only for changes in the infra. I think we used [core] in the past because there was a lot of changes in internal parts. Maybe now, with two components, makes sense to use the prefix of the component affected. The "Add technical doc for pipe processing and family processing" item I would keep with [core] because I understand that [docs] is only for changes that affect the deployed docs.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I understand that [docs] is only for changes that affect the deployed docs.

Agree


As for moving everything not infra inside the package sections, I don't have a strong preference

- [core] Don't upgrade CircleCI node (#4457) @m4theushw
- [core] Fix flaky e2e-website tests in CI (#4136) @cherniavskii
- [core] Fix license file copying during build (#4462) @flaviendelangle
- [core] Fix links on v5.8.0 (#4464) @oliviertassinari
- [core] Fix npm page description mistake (#4364) @oliviertassinari
- [core] Fix typos and JSDoc (#4406) @flaviendelangle
- [core] Move away for the event system to trigger pipe processings (#4378) @flaviendelangle
- [core] Small fixes TS on pickers (#4461) @flaviendelangle
- [core] Unify tests (#4368) @flaviendelangle
- [core] Enforce `noImplicitAny` in `docs` folder (#4412) @cherniavskii

## 5.8.0
<!-- generated comparing v5.7.0..master -->

_Apr 4, 2022_

We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
Expand All @@ -24,17 +100,19 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss

You can now strongly type all the objects related to the row and the cell values.
Here is an example, you can find out more in the description of #4064.

```tsx
const rows: Movie[] = [];

return (
<DataGrid
<DataGrid
rows={rows}
columns={[{
// typeof params.row => Movie (R)
valueGetter: params => params.row.year,
}]}
columns={[
{
// typeof params.row => Movie (R)
valueGetter: (params) => params.row.year,
},
]}
/>
);
```
Expand Down Expand Up @@ -226,7 +304,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
-const filterableFields = filterableGridColumnsIdsSelector(apiRef);
+const lookup = gridFilterableColumnLookupSelector(apiRef);
+const filterableFields = gridColumnFieldsSelector(apiRef).filter(field => lookup[field]);

-const visibleColumnsNumber = visibleGridColumnsLengthSelector(apiRef);
+const visibleColumnsNumber = gridVisibleColumnDefinitionsSelector(apiRef).length;

Expand Down
2 changes: 1 addition & 1 deletion benchmark/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "benchmark",
"version": "5.8.0",
"version": "5.9.0",
"private": true,
"scripts": {
"browser": "webpack --config browser/webpack.config.js && node browser/scripts/benchmark.js"
Expand Down
2 changes: 1 addition & 1 deletion docs/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "docs",
"version": "5.8.0",
"version": "5.9.0",
"private": true,
"author": "MUI Team",
"license": "MIT",
Expand Down
2 changes: 1 addition & 1 deletion lerna.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"version": "5.8.0",
"version": "5.9.0",
"npmClient": "yarn",
"useWorkspaces": true
}
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"version": "5.8.0",
"version": "5.9.0",
"private": true,
"scripts": {
"start": "yarn docs:dev",
Expand Down
2 changes: 1 addition & 1 deletion packages/eslint-plugin-material-ui/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "eslint-plugin-material-ui",
"version": "5.8.0",
"version": "5.9.0",
"private": true,
"description": "Custom eslint rules for MUI X.",
"main": "src/index.js",
Expand Down
4 changes: 2 additions & 2 deletions packages/grid/x-data-grid-generator/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@mui/x-data-grid-generator",
"version": "5.8.0",
"version": "5.9.0",
"description": "Generate fake data for demo purposes only.",
"author": "MUI Team",
"main": "src/index.ts",
Expand Down Expand Up @@ -31,7 +31,7 @@
},
"dependencies": {
"@mui/base": "^5.0.0-alpha.75",
"@mui/x-data-grid-pro": "5.8.0",
"@mui/x-data-grid-pro": "5.9.0",
"chance": "^1.1.8",
"clsx": "^1.1.1",
"lru-cache": "^7.8.1"
Expand Down
6 changes: 3 additions & 3 deletions packages/grid/x-data-grid-pro/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@mui/x-data-grid-pro",
"version": "5.8.0",
"version": "5.9.0",
"description": "The commercial edition of the data grid component (MUI X).",
"author": "MUI Team",
"main": "src/index.ts",
Expand Down Expand Up @@ -43,8 +43,8 @@
},
"dependencies": {
"@mui/utils": "^5.6.0",
"@mui/x-data-grid": "5.8.0",
"@mui/x-license-pro": "5.7.0",
"@mui/x-data-grid": "5.9.0",
"@mui/x-license-pro": "5.9.0",
"@types/format-util": "^1.0.2",
"clsx": "^1.0.4",
"prop-types": "^15.8.1",
Expand Down
2 changes: 1 addition & 1 deletion packages/grid/x-data-grid/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@mui/x-data-grid",
"version": "5.8.0",
"version": "5.9.0",
"description": "The community edition of the data grid component (MUI X).",
"author": "MUI Team",
"main": "src/index.ts",
Expand Down
10 changes: 5 additions & 5 deletions packages/storybook/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "storybook",
"version": "5.8.0",
"version": "5.9.0",
"description": "Storybook components",
"author": "MUI Team",
"private": true,
Expand All @@ -18,10 +18,10 @@
"dependencies": {
"@mui/icons-material": "^5.6.0",
"@mui/material": "^5.6.0",
"@mui/x-data-grid": "5.8.0",
"@mui/x-data-grid-generator": "5.8.0",
"@mui/x-data-grid-pro": "5.8.0",
"@mui/x-license-pro": "5.7.0",
"@mui/x-data-grid": "5.9.0",
"@mui/x-data-grid-generator": "5.9.0",
"@mui/x-data-grid-pro": "5.9.0",
"@mui/x-license-pro": "5.9.0",
"@storybook/builder-webpack5": "^6.4.21",
"@storybook/manager-webpack5": "^6.4.21",
"react": "^17.0.2",
Expand Down
6 changes: 3 additions & 3 deletions packages/x-date-pickers-pro/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@mui/x-date-pickers-pro",
"version": "5.0.0-alpha.0",
"version": "5.0.0-alpha.1",
"description": "The commercial edition of the date picker components (MUI X).",
"author": "MUI Team",
"main": "./src/index.js",
Expand Down Expand Up @@ -46,8 +46,8 @@
"@date-io/luxon": "^2.11.1",
"@date-io/moment": "^2.11.0",
"@mui/utils": "^5.6.0",
"@mui/x-date-pickers": "5.0.0-alpha.0",
"@mui/x-license-pro": "^5.7.0",
"@mui/x-date-pickers": "5.0.0-alpha.1",
"@mui/x-license-pro": "5.9.0",
"clsx": "^1.1.1",
"prop-types": "^15.7.2",
"react-transition-group": "^4.4.2",
Expand Down
2 changes: 1 addition & 1 deletion packages/x-date-pickers/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@mui/x-date-pickers",
"version": "5.0.0-alpha.0",
"version": "5.0.0-alpha.1",
"description": "The community edition of the date picker components (MUI X).",
"author": "MUI Team",
"main": "./src/index.js",
Expand Down
2 changes: 1 addition & 1 deletion packages/x-license-pro/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@mui/x-license-pro",
"version": "5.7.0",
"version": "5.9.0",
"description": "MUI X License verification",
"author": "MUI Team",
"main": "src/index.ts",
Expand Down