From dd40f35471f01ec97a5f24a7b373ffa96234cf67 Mon Sep 17 00:00:00 2001 From: alex Date: Fri, 22 Nov 2024 10:46:51 +0100 Subject: [PATCH 1/6] v8.0.0-alpha.1 --- CHANGELOG.md | 212 ++++++++++++++++++++ package.json | 2 +- packages/x-charts-pro/package.json | 2 +- packages/x-charts-vendor/package.json | 2 +- packages/x-charts/package.json | 2 +- packages/x-codemod/package.json | 2 +- packages/x-data-grid-generator/package.json | 2 +- packages/x-data-grid-premium/package.json | 2 +- packages/x-data-grid-pro/package.json | 2 +- packages/x-data-grid/package.json | 2 +- packages/x-date-pickers-pro/package.json | 2 +- packages/x-date-pickers/package.json | 2 +- packages/x-internals/package.json | 2 +- packages/x-license/package.json | 2 +- packages/x-tree-view-pro/package.json | 2 +- packages/x-tree-view/package.json | 2 +- scripts/releaseChangelog.mjs | 3 +- 17 files changed, 229 insertions(+), 16 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ccd831351ce0..8c000d065e67 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,143 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## v8.0.0-alpha.1 + +_Nov 22, 2024_ + +We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨: + +- 🔧 Refactor Tooltip customisation for charts - — [Learn more](https://next.mui.com/x/react-charts/tooltip/#overriding-content) +- 🌍 Improve Chinese, Spanish, and Swedish locale on the Data Grid component +- 🐞 Bugfixes +- 📚 Documentation improvements + +### Breaking change + +Special thanks go out to the community contributors who have helped make this release possible: +@arminmeh, @CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @KenanYusuf, @lhilgert9, @viktormelin. +Following are all team members who have contributed to this release: +@alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari. + + + +### Data Grid + +#### `@mui/x-data-grid@v8.0.0-alpha.1` + +- [DataGrid] Add prop to override search input props in `GridColumnsManagement` (#15347) @k-rajat19 +- [DataGrid] Add test coverage for issues fixed in #15184 (#15282) @MBilalShafi +- [DataGrid] Change default loading overlay variants (#15504) @KenanYusuf +- [DataGrid] Fix last separator not being hidden when grid is scrollable (#15543) @KenanYusuf +- [DataGrid] Fix right column group header border with virtualization (#15470) @hendrikpeilke +- [DataGrid] Fix row-spanning in combination with column-pinning (#15368) @lhilgert9 +- [l10n] Improve Chinese (zh-CN) locale (#15365) @headironc +- [l10n] Improve Spanish (es-ES) locale (#15369) @CarlosLopezLg +- [l10n] Improve Swedish (sv-SE) locale (#15371) @viktormelin + +#### `@mui/x-data-grid-pro@v8.0.0-alpha.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@v8.0.0-alpha.1`. + +#### `@mui/x-data-grid-premium@v8.0.0-alpha.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@v8.0.0-alpha.1`, plus: + +- [DataGridPremium] Prompt input control (#15401) @arminmeh + +### Date and Time Pickers + +#### Breaking change + +- The `FieldValueType` type was renamed `PickerValueType` — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#renamed-variables). +- The `toolbar` and `layout` slots no longer receive the `disabled` and `readOnly` props. — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slots-breaking-changes). + +#### `@mui/x-date-pickers@v8.0.0-alpha.1` + +- [fields] Fix focus management with new DOM structure (#15475) @flaviendelangle +- [pickers] Add new properties to `PickerOwnerState` and `PickerContextValue` (#15415) @flaviendelangle +- [pickers] Always use `props.value` when it changes (#15490) @flaviendelangle +- [pickers] Ensure internal value timezone is updated (#15435) @LukasTy +- [pickers] Fix unused code in `PickersToolbar` component (#15515) @LukasTy +- [pickers] Remove `FieldValueType` in favor of `PickerValueType` (#15259) @arthurbalduini +- [pickers] Remove the form props from the layout and the toolbar slots (#15492) @flaviendelangle +- [pickers] Use `props.referenceDate` timezone when `props.value` and `props.defaultValue` are not defined (#15532) @flaviendelangle +- [TimePicker] Prevent mouse events after `touchend` event (#15346) @arthurbalduini + +#### `@mui/x-date-pickers-pro@v8.0.0-alpha.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@v8.0.0-alpha.1`, plus: + +- [DateTimeRangePicker] Use time in `referenceDate` when selecting date (#15429) @LukasTy + +### Charts + +#### Breaking change + +- The DX of the Tooltip customization has been refactored + - The `tooltip` prop is removed in favor of `slotProps.tooltip` for consistency. + - The previous slots `popper`, `axisContent`, `itemContent` are removed in favor of a `tooltip` slots which override the entire tooltip. + - To override the tooltip content, use the `useItemTooltip` or `useAxisTooltip` to get the data, and wrapp your component in `ChartsTooltipContainer` to follow the pointer position. + - To override the tooltip placement, use the `ChartsItemTooltipContent` or `ChartsItemTooltipContent` to get default data and place them in your custom tooltip. + +- The library now uses the SVG `filter` attribute instead of `d3-color` for color manipulation. + - This modification impacts the `LinePlot`, `AreaPlot`, and `BarPlot`. + If you've customized the `fill` of those elements, you might need to override it by using the CSS `filter`. + - The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performances. + You can still target those elements by using the `MuiLinePlot`, `MuiAreaPlot`, and `MuiBarPlot` and target the appropriate classes `lineElementClasses.root`, `areaElementClasses.root`, `barElementClasses.root` + +- Removed the `resolveSizeBeforeRender` prop from all charts component — [Learn more](https://next.mui.com/x/migration/migration-charts-v7/#remove-resolvesizebeforerender-prop) +- Removed `width` and `height` props from the `ChartsSurface` component. +- Removed the `viewport` prop from all charts. + +#### `@mui/x-charts@v8.0.0-alpha.1` + +- [charts] Decouple `ChartDataProvider` and `ChartsSurface` (#15375) @JCQuintas +- [charts] Fix `ScatterChart` tooltip wrong defaults (#15537) @JCQuintas +- [charts] Fix key generation for the ChartsGrid (#15463) @alexfauquette +- [charts] Improve `SvgRefProvider` to split the received ref (#15424) @JCQuintas +- [charts] Move interaction state in store (#15426) @alexfauquette +- [charts] Refactor Tooltip customisation (#15154) @alexfauquette +- [charts] Remove intrinsic size requirement (#15471) @JCQuintas +- [charts] Replace d3-color by CSS filter for highlight (#15084) @alexfauquette +- [charts] Split `DrawingProvider` into `DrawingAreaProvider` and `SvgRefProvider` (#15417) @JCQuintas + +#### `@mui/x-charts-pro@v8.0.0-alpha.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@v8.0.0-alpha.1`. + +### Tree View + +#### Breaking changes + +- The Tree Item component can no longer use `publicAPI` methods in the `render` because they are now memoized — [Learn more](https://next.mui.com/x/migration/migration-tree-view-v7/#stop-using-publicapi-methods-in-the-render). + +#### `@mui/x-tree-view@v8.0.0-alpha.1` + +- [TreeView] Do not re-render every Tree Item when the Rich Tree View re-renders (introduce selectors) (#14210) @flaviendelangle +- [TreeView] Remove `treeId` from the item context (#15542) @flaviendelangle +- [TreeView] Remove state mutation in `moveItemInTree` (#15539) @flaviendelangle +- [TreeItem] Correct the typing of `slotProps.groupTransition` (#15534) @flaviendelangle + +### Docs + +- [docs] Fix some migration typos (#15422) @LukasTy +- [docs] Fix typo in migration guide (#15508) @flaviendelangle +- [docs] Fix 301 redirection in docs @oliviertassinari +- [docs] Polish Server-side data section (#15330) @oliviertassinari +- [docs] Use loading state in the demos (#15512) @cherniavskii + +### Core + +- [core] Keep OpenSSF badge up-to-date @oliviertassinari +- [code-infra] Add `'DensitySelectorGrid'` to time-sensitive argos tests (#15425) @JCQuintas +- [code-infra] Add documentation to internal types (#15540) @JCQuintas +- [code-infra] Prevent relative imports across packages (#15437) @JCQuintas +- [code-infra] Update renovate config to merge `action` pins (#15462) @LukasTy +- [docs-infra] Fix version tooltip (#15468) @alexfauquette +- [docs-infra] Transpile `.ts` demo files (#15345) @KenanYusuf +- [infra] Remove cherry-pick issue write permission (#15456) @oliviertassinari + ## 8.0.0-alpha.0 MUI X v8 Alpha is live @@ -196,6 +333,81 @@ Same changes as in `@mui/x-charts@8.0.0-alpha.0`. - [release] v8 preparation (#15054) @michelengelen - [test] Fix advanced list view regression test snapshot (#15260) @KenanYusuf +## v7.22.3 + +_Nov 21, 2024_ + +We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨: + +- 📊 Charts Pro get stable. The [zoom](https://mui.com/x/react-charts/zoom-and-pan/) and [Heatmap](https://mui.com/x/react-charts/heatmap/) are now stable. +- 🌍 Improve Chinese, Spanish, Swedish, and Turkish locales on the Data Grid +- 🐞 Bugfixes + +Special thanks go out to the community contributors who have helped make this release possible: +@CarlosLopezLg, @headironc, @viktormelin, @qerkules, @DungTiger, @hendrikpeilke, @k-rajat19. +Following are all team members who have contributed to this release: +@alexfauquette, @LukasTy, @MBilalShafi, @flaviendelangle. + + + +### Data Grid + +#### `@mui/x-data-grid@7.22.3` + +- [DataGrid] Add prop to override search input props in `GridColumnsManagement` (#15476) @k-rajat19 +- [DataGrid] Add test coverage for issues fixed in #15184 @MBilalShafi +- [DataGrid] Fix memoized selectors with arguments (#15336) @MBilalShafi +- [DataGrid] Fix right column group header border with virtualization (#15503) @hendrikpeilke +- [DataGrid] Pass reason to `onPaginationModelChange` (#15402) @DungTiger +- [DataGrid] Set default overlay height in flex parent layout (#15535) @cherniavskii +- [l10n] Improve Chinese (zh-CN) locale (#15365) @headironc +- [l10n] Improve Spanish (es-ES) locale (#15369) @CarlosLopezLg +- [l10n] Improve Swedish (sv-SE) locale (#15371) @viktormelin +- [l10n] Improve Turkish (tr-TR) locale (#15414) @qerkules + +#### `@mui/x-data-grid-pro@7.22.3` [![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.22.3`. + +#### `@mui/x-data-grid-premium@7.22.3` [![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.22.3`. + +### Date and Time Pickers + +#### `@mui/x-date-pickers@7.22.3` + +- [pickers] Always use `props.value` when it changes (#15500) @flaviendelangle +- [pickers] Ensure internal value timezone is updated (#15491) @LukasTy +- [pickers] Fix `DateTimeRangePicker` error when using format without time (#15341) @fxnoob +- [pickers] Fix unused code in `PickersToolbar` component (#15525) @LukasTy + +#### `@mui/x-date-pickers-pro@7.22.3` [![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.22.3`, plus: + +- [DateTimeRangePicker] Use time in `referenceDate` when selecting date (#15431) @LukasTy + +### Charts + +#### `@mui/x-charts@7.22.3` + +No changes since `@mui/x-charts@7.22.2`. + +#### `@mui/x-charts-pro@7.22.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') + +- [charts-pro] Fix missing typeOverload (#15400) @alexfauquette + +### Docs + +- [docs] Add `PickersPopper` component to customization playground (#15397) @LukasTy +- [docs] Add `next` version links (#15423) @LukasTy +- [docs] Use the `loading` state in the demos (#15538) @cherniavskii + +- [code-infra] Tentative fix for Argos flaky screenshot tests (#15399) @JCQuintas +- [docs-infra] Transpile `.ts` demo files (#15421) @KenanYusuf +- [core] Clarify release version bump strategy (#15536) @cherniavskii + ## 7.22.2 _Nov 8, 2024_ diff --git a/package.json b/package.json index 0d18c62a5494..31622c265acb 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "version": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "private": true, "scripts": { "preinstall": "npx only-allow pnpm", diff --git a/packages/x-charts-pro/package.json b/packages/x-charts-pro/package.json index d3df0c0605b3..c17ee0f1bfe3 100644 --- a/packages/x-charts-pro/package.json +++ b/packages/x-charts-pro/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-charts-pro", - "version": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index fc967be2d8ed..962c4c18b577 100644 --- a/packages/x-charts-vendor/package.json +++ b/packages/x-charts-vendor/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-charts-vendor", - "version": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index 94f595857921..172181e33250 100644 --- a/packages/x-charts/package.json +++ b/packages/x-charts/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-charts", - "version": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 44a02429be2f..76e4e92fa12d 100644 --- a/packages/x-codemod/package.json +++ b/packages/x-codemod/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-codemod", - "version": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index 54385f60af06..255f7e8638c1 100644 --- 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": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index 2c0c7c86f30a..2b56d19db165 100644 --- 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": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index eeb1118bb410..4c065e780854 100644 --- 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": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index a2bceebaa950..a040cc428423 100644 --- a/packages/x-data-grid/package.json +++ b/packages/x-data-grid/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-data-grid", - "version": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index 61be276118ab..53f700a6591e 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": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index 7fc7cbf92d8e..f45624213ee5 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": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index da0d9307e5ee..9f95aee08063 100644 --- a/packages/x-internals/package.json +++ b/packages/x-internals/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-internals", - "version": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index 8e7c67cef294..a8c844eea67d 100644 --- a/packages/x-license/package.json +++ b/packages/x-license/package.json @@ -1,6 +1,6 @@ { "name": "@mui/x-license", - "version": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index f02df842b6f4..1239df5192a4 100644 --- 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": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "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 index 251a35830562..514aaea10729 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": "8.0.0-alpha.0", + "version": "8.0.0-alpha.1", "description": "The community edition of the Tree View components (MUI X).", "author": "MUI Team", "main": "src/index.ts", diff --git a/scripts/releaseChangelog.mjs b/scripts/releaseChangelog.mjs index 209304695b1c..b7c47b24b268 100644 --- a/scripts/releaseChangelog.mjs +++ b/scripts/releaseChangelog.mjs @@ -221,6 +221,7 @@ async function main(argv) { break; case 'TreeView': case 'tree view': + case 'TreeItem': treeViewCommits.push(commitItem); break; case 'docs': @@ -360,7 +361,7 @@ ${logChangelogSection(pickersProCommits)}${pickersProCommits.length > 0 ? '\n' : ${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') +#### \`@mui/x-charts-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-charts@__VERSION__\`${chartsProCommits.length > 0 ? ', plus:\n' : '.'} ${logChangelogSection(chartsProCommits)}${chartsProCommits.length > 0 ? '\n' : ''} From 935b14b424b064b57b637b57d2ff5211f40acc77 Mon Sep 17 00:00:00 2001 From: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> Date: Fri, 22 Nov 2024 13:50:12 +0100 Subject: [PATCH 2/6] Apply suggestions from code review Co-authored-by: Flavien DELANGLE Co-authored-by: Armin Mehinovic <4390250+arminmeh@users.noreply.github.com> Signed-off-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> --- CHANGELOG.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8c000d065e67..01ce6f91cb47 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,7 +11,7 @@ _Nov 22, 2024_ We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨: -- 🔧 Refactor Tooltip customisation for charts - — [Learn more](https://next.mui.com/x/react-charts/tooltip/#overriding-content) +- 🔧 Refactor Tooltip customisation for charts — [Learn more](https://next.mui.com/x/react-charts/tooltip/#overriding-content). - 🌍 Improve Chinese, Spanish, and Swedish locale on the Data Grid component - 🐞 Bugfixes - 📚 Documentation improvements @@ -21,7 +21,7 @@ We'd like to offer a big thanks to the 16 contributors who made this release pos Special thanks go out to the community contributors who have helped make this release possible: @arminmeh, @CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @KenanYusuf, @lhilgert9, @viktormelin. Following are all team members who have contributed to this release: -@alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari. +@alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @KenanYusuf, @arminmeh. @@ -54,7 +54,7 @@ Same changes as in `@mui/x-data-grid-pro@v8.0.0-alpha.1`, plus: #### Breaking change - The `FieldValueType` type was renamed `PickerValueType` — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#renamed-variables). -- The `toolbar` and `layout` slots no longer receive the `disabled` and `readOnly` props. — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slots-breaking-changes). +- The `toolbar` and `layout` slots no longer receive the `disabled` and `readOnly` props — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slots-breaking-changes). #### `@mui/x-date-pickers@v8.0.0-alpha.1` @@ -62,7 +62,7 @@ Same changes as in `@mui/x-data-grid-pro@v8.0.0-alpha.1`, plus: - [pickers] Add new properties to `PickerOwnerState` and `PickerContextValue` (#15415) @flaviendelangle - [pickers] Always use `props.value` when it changes (#15490) @flaviendelangle - [pickers] Ensure internal value timezone is updated (#15435) @LukasTy -- [pickers] Fix unused code in `PickersToolbar` component (#15515) @LukasTy +- [pickers] Fix unused code in `` component (#15515) @LukasTy - [pickers] Remove `FieldValueType` in favor of `PickerValueType` (#15259) @arthurbalduini - [pickers] Remove the form props from the layout and the toolbar slots (#15492) @flaviendelangle - [pickers] Use `props.referenceDate` timezone when `props.value` and `props.defaultValue` are not defined (#15532) @flaviendelangle @@ -96,15 +96,15 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus: #### `@mui/x-charts@v8.0.0-alpha.1` -- [charts] Decouple `ChartDataProvider` and `ChartsSurface` (#15375) @JCQuintas -- [charts] Fix `ScatterChart` tooltip wrong defaults (#15537) @JCQuintas -- [charts] Fix key generation for the ChartsGrid (#15463) @alexfauquette -- [charts] Improve `SvgRefProvider` to split the received ref (#15424) @JCQuintas +- [charts] Decouple `` and `` (#15375) @JCQuintas +- [charts] Fix Scatter Chart tooltip wrong defaults (#15537) @JCQuintas +- [charts] Fix key generation for the `` component (#15463) @alexfauquette +- [charts] Improve `` to split the received ref (#15424) @JCQuintas - [charts] Move interaction state in store (#15426) @alexfauquette - [charts] Refactor Tooltip customisation (#15154) @alexfauquette - [charts] Remove intrinsic size requirement (#15471) @JCQuintas -- [charts] Replace d3-color by CSS filter for highlight (#15084) @alexfauquette -- [charts] Split `DrawingProvider` into `DrawingAreaProvider` and `SvgRefProvider` (#15417) @JCQuintas +- [charts] Replace `d3-color` with CSS filter for highlight (#15084) @alexfauquette +- [charts] Split `` into `` and `` (#15417) @JCQuintas #### `@mui/x-charts-pro@v8.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') @@ -120,7 +120,7 @@ Same changes as in `@mui/x-charts@v8.0.0-alpha.1`. - [TreeView] Do not re-render every Tree Item when the Rich Tree View re-renders (introduce selectors) (#14210) @flaviendelangle - [TreeView] Remove `treeId` from the item context (#15542) @flaviendelangle -- [TreeView] Remove state mutation in `moveItemInTree` (#15539) @flaviendelangle +- [TreeView] Remove state mutation in `moveItemInTree()` (#15539) @flaviendelangle - [TreeItem] Correct the typing of `slotProps.groupTransition` (#15534) @flaviendelangle ### Docs From 671c2c5a13b579bdf600a4b42818ac75a0059047 Mon Sep 17 00:00:00 2001 From: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> Date: Fri, 22 Nov 2024 15:38:52 +0100 Subject: [PATCH 3/6] Apply suggestions from code review Co-authored-by: Armin Mehinovic <4390250+arminmeh@users.noreply.github.com> Co-authored-by: Lukas Tyla Signed-off-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> --- CHANGELOG.md | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 01ce6f91cb47..c769253d93af 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,7 @@ _Nov 22, 2024_ We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨: - 🔧 Refactor Tooltip customisation for charts — [Learn more](https://next.mui.com/x/react-charts/tooltip/#overriding-content). +- ⚛️ React 19 support - 🌍 Improve Chinese, Spanish, and Swedish locale on the Data Grid component - 🐞 Bugfixes - 📚 Documentation improvements @@ -19,7 +20,7 @@ We'd like to offer a big thanks to the 16 contributors who made this release pos ### Breaking change Special thanks go out to the community contributors who have helped make this release possible: -@arminmeh, @CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @KenanYusuf, @lhilgert9, @viktormelin. +@CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @lhilgert9, @viktormelin. Following are all team members who have contributed to this release: @alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @KenanYusuf, @arminmeh. @@ -29,6 +30,7 @@ Following are all team members who have contributed to this release: #### `@mui/x-data-grid@v8.0.0-alpha.1` +- [DataGrid] React 19 support (#15342) @arminmeh - [DataGrid] Add prop to override search input props in `GridColumnsManagement` (#15347) @k-rajat19 - [DataGrid] Add test coverage for issues fixed in #15184 (#15282) @MBilalShafi - [DataGrid] Change default loading overlay variants (#15504) @KenanYusuf @@ -53,12 +55,13 @@ Same changes as in `@mui/x-data-grid-pro@v8.0.0-alpha.1`, plus: #### Breaking change -- The `FieldValueType` type was renamed `PickerValueType` — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#renamed-variables). +- The `FieldValueType` type has been renamed to `PickerValueType` — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#renamed-variables). - The `toolbar` and `layout` slots no longer receive the `disabled` and `readOnly` props — [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slots-breaking-changes). #### `@mui/x-date-pickers@v8.0.0-alpha.1` - [fields] Fix focus management with new DOM structure (#15475) @flaviendelangle +- [pickers] React 19 support (#15342) @arminmeh - [pickers] Add new properties to `PickerOwnerState` and `PickerContextValue` (#15415) @flaviendelangle - [pickers] Always use `props.value` when it changes (#15490) @flaviendelangle - [pickers] Ensure internal value timezone is updated (#15435) @LukasTy @@ -80,17 +83,17 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus: - The DX of the Tooltip customization has been refactored - The `tooltip` prop is removed in favor of `slotProps.tooltip` for consistency. - - The previous slots `popper`, `axisContent`, `itemContent` are removed in favor of a `tooltip` slots which override the entire tooltip. - - To override the tooltip content, use the `useItemTooltip` or `useAxisTooltip` to get the data, and wrapp your component in `ChartsTooltipContainer` to follow the pointer position. + - The `popper`, `axisContent`, and `itemContent` slots have been removed in favor of the `tooltip` slot which overrides the entire tooltip. + - To override the tooltip content, use the `useItemTooltip` or `useAxisTooltip` hook to get the data, and wrap your component in `ChartsTooltipContainer` to follow the pointer position. - To override the tooltip placement, use the `ChartsItemTooltipContent` or `ChartsItemTooltipContent` to get default data and place them in your custom tooltip. - The library now uses the SVG `filter` attribute instead of `d3-color` for color manipulation. - This modification impacts the `LinePlot`, `AreaPlot`, and `BarPlot`. If you've customized the `fill` of those elements, you might need to override it by using the CSS `filter`. - - The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performances. + - The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performance. You can still target those elements by using the `MuiLinePlot`, `MuiAreaPlot`, and `MuiBarPlot` and target the appropriate classes `lineElementClasses.root`, `areaElementClasses.root`, `barElementClasses.root` -- Removed the `resolveSizeBeforeRender` prop from all charts component — [Learn more](https://next.mui.com/x/migration/migration-charts-v7/#remove-resolvesizebeforerender-prop) +- Removed the `resolveSizeBeforeRender` prop from all chart components — [Learn more](https://next.mui.com/x/migration/migration-charts-v7/#remove-resolvesizebeforerender-prop) - Removed `width` and `height` props from the `ChartsSurface` component. - Removed the `viewport` prop from all charts. @@ -118,6 +121,7 @@ Same changes as in `@mui/x-charts@v8.0.0-alpha.1`. #### `@mui/x-tree-view@v8.0.0-alpha.1` +- [TreeView] React 19 support (#15342) @arminmeh - [TreeView] Do not re-render every Tree Item when the Rich Tree View re-renders (introduce selectors) (#14210) @flaviendelangle - [TreeView] Remove `treeId` from the item context (#15542) @flaviendelangle - [TreeView] Remove state mutation in `moveItemInTree()` (#15539) @flaviendelangle From 4b1fa54242972513c51b5dfe422ca048fd675477 Mon Sep 17 00:00:00 2001 From: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> Date: Fri, 22 Nov 2024 15:47:13 +0100 Subject: [PATCH 4/6] Update CHANGELOG.md Signed-off-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index c769253d93af..afbb8e6eb981 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -88,7 +88,7 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus: - To override the tooltip placement, use the `ChartsItemTooltipContent` or `ChartsItemTooltipContent` to get default data and place them in your custom tooltip. - The library now uses the SVG `filter` attribute instead of `d3-color` for color manipulation. - - This modification impacts the `LinePlot`, `AreaPlot`, and `BarPlot`. + - This modification impacts the `LinePlot`, `AreaPlot`, and `BarPlot` components. If you've customized the `fill` of those elements, you might need to override it by using the CSS `filter`. - The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performance. You can still target those elements by using the `MuiLinePlot`, `MuiAreaPlot`, and `MuiBarPlot` and target the appropriate classes `lineElementClasses.root`, `areaElementClasses.root`, `barElementClasses.root` From 9239bda26cd42d71bac24c345800ec8ed690c514 Mon Sep 17 00:00:00 2001 From: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> Date: Fri, 22 Nov 2024 16:29:55 +0100 Subject: [PATCH 5/6] Apply suggestions from code review Co-authored-by: Armin Mehinovic <4390250+arminmeh@users.noreply.github.com> Signed-off-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> --- CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index afbb8e6eb981..7c1890861791 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -99,6 +99,7 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus: #### `@mui/x-charts@v8.0.0-alpha.1` +- [charts] React 19 support (#15342) @arminmeh - [charts] Decouple `` and `` (#15375) @JCQuintas - [charts] Fix Scatter Chart tooltip wrong defaults (#15537) @JCQuintas - [charts] Fix key generation for the `` component (#15463) @alexfauquette @@ -407,6 +408,7 @@ No changes since `@mui/x-charts@7.22.2`. - [docs] Add `PickersPopper` component to customization playground (#15397) @LukasTy - [docs] Add `next` version links (#15423) @LukasTy - [docs] Use the `loading` state in the demos (#15538) @cherniavskii +- [docs] Add data caching to lazy loaded detail panel demo (#15506) @cherniavskii - [code-infra] Tentative fix for Argos flaky screenshot tests (#15399) @JCQuintas - [docs-infra] Transpile `.ts` demo files (#15421) @KenanYusuf From 3486c214c8f2351182cd2f6e17feeffb96da8a3a Mon Sep 17 00:00:00 2001 From: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> Date: Fri, 22 Nov 2024 16:38:24 +0100 Subject: [PATCH 6/6] Apply suggestions from code review Co-authored-by: Lukas Tyla Signed-off-by: Alexandre Fauquette <45398769+alexfauquette@users.noreply.github.com> --- CHANGELOG.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7c1890861791..73e31d660cbd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -82,7 +82,7 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus: #### Breaking change - The DX of the Tooltip customization has been refactored - - The `tooltip` prop is removed in favor of `slotProps.tooltip` for consistency. + - The `tooltip` prop has been removed in favor of `slotProps.tooltip` for consistency. - The `popper`, `axisContent`, and `itemContent` slots have been removed in favor of the `tooltip` slot which overrides the entire tooltip. - To override the tooltip content, use the `useItemTooltip` or `useAxisTooltip` hook to get the data, and wrap your component in `ChartsTooltipContainer` to follow the pointer position. - To override the tooltip placement, use the `ChartsItemTooltipContent` or `ChartsItemTooltipContent` to get default data and place them in your custom tooltip. @@ -93,7 +93,7 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus: - The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performance. You can still target those elements by using the `MuiLinePlot`, `MuiAreaPlot`, and `MuiBarPlot` and target the appropriate classes `lineElementClasses.root`, `areaElementClasses.root`, `barElementClasses.root` -- Removed the `resolveSizeBeforeRender` prop from all chart components — [Learn more](https://next.mui.com/x/migration/migration-charts-v7/#remove-resolvesizebeforerender-prop) +- Removed the `resolveSizeBeforeRender` prop from all chart components — [Learn more](https://next.mui.com/x/migration/migration-charts-v7/#remove-resolvesizebeforerender-prop). - Removed `width` and `height` props from the `ChartsSurface` component. - Removed the `viewport` prop from all charts.