Skip to content

Commit a0d8116

Browse files
Merge branch 'master' into remove-usePickerLayoutProps
2 parents 0ffb3ed + 5371ebb commit a0d8116

File tree

196 files changed

+3269
-791
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

196 files changed

+3269
-791
lines changed

.circleci/config.yml

+30-35
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,14 @@ parameters:
1313
description: The name of the workflow to run
1414
type: string
1515
default: pipeline
16+
with-material-ui-6:
17+
description: Use material-ui v6 for additional checks and tests
18+
type: boolean
19+
default: false
20+
with-react-version:
21+
description: The version of react to be used for the additional tests
22+
type: string
23+
default: stable
1624
e2e-base-url:
1725
description: The base url for running end-to-end test
1826
type: string
@@ -90,11 +98,10 @@ commands:
9098
git --no-pager diff HEAD
9199
92100
- when:
93-
condition:
94-
equal: [material-ui-v6, << pipeline.parameters.workflow >>]
101+
condition: << pipeline.parameters.with-material-ui-6 >>
95102
steps:
96103
- run:
97-
name: Install @mui/material@next
104+
name: Install @mui/material v6
98105
command: pnpm use-material-ui-v6
99106

100107
jobs:
@@ -349,50 +356,38 @@ workflows:
349356
requires:
350357
- checkout
351358

352-
react-next:
359+
additional-tests:
353360
when:
354-
equal: [react-next, << pipeline.parameters.workflow >>]
355-
# triggers:
356-
# - schedule:
357-
# cron: '0 0 * * *'
358-
# filters:
359-
# branches:
360-
# only:
361-
# - master
361+
and:
362+
- equal: [additional, << pipeline.parameters.workflow >>]
363+
- or:
364+
- equal: [true, << pipeline.parameters.with-material-ui-6 >>]
365+
- not:
366+
equal: ['stable', << pipeline.parameters.with-react-version >>]
362367
jobs:
363368
- test_unit:
364369
<<: *default-context
365-
react-version: next
366-
name: test_unit-react@next
370+
name: test_unit_additional
371+
react-version: << pipeline.parameters.with-react-version >>
367372
- test_browser:
368373
<<: *default-context
369-
react-version: next
370-
name: test_browser-react@next
374+
name: test_browser_additional
375+
react-version: << pipeline.parameters.with-react-version >>
371376
- test_regressions:
372377
<<: *default-context
373-
react-version: next
374-
name: test_regressions-react@next
378+
name: test_regressions_additional
379+
react-version: << pipeline.parameters.with-react-version >>
375380
- test_e2e:
376381
<<: *default-context
377-
react-version: next
378-
name: test_e2e-react@next
382+
name: test_e2e_additional
383+
react-version: << pipeline.parameters.with-react-version >>
379384

380-
material-ui-v6:
385+
additional-checks:
381386
when:
382-
equal: [material-ui-v6, << pipeline.parameters.workflow >>]
387+
and:
388+
- equal: [additional, << pipeline.parameters.workflow >>]
389+
- equal: [true, << pipeline.parameters.with-material-ui-6 >>]
383390
jobs:
384-
- test_unit:
385-
<<: *default-context
386-
name: test_unit-material@next
387-
- test_browser:
388-
<<: *default-context
389-
name: test_browser-material@next
390-
- test_regressions:
391-
<<: *default-context
392-
name: test_regressions-material@next
393-
- test_e2e:
394-
<<: *default-context
395-
name: test_e2e-material@next
396391
- test_types:
397392
<<: *default-context
398-
name: test_types-material@next
393+
name: test_types_additional

.github/workflows/codeql.yml

+2-2
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ jobs:
1919
uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
2020
# Initializes the CodeQL tools for scanning.
2121
- name: Initialize CodeQL
22-
uses: github/codeql-action/init@ea9e4e37992a54ee68a9622e985e60c8e8f12d9f # v3.27.4
22+
uses: github/codeql-action/init@f09c1c0a94de965c15400f5634aa42fac8fb8f88 # v3.27.5
2323
with:
2424
languages: typescript
2525
# If you wish to specify custom queries, you can do so here or in a config file.
@@ -29,4 +29,4 @@ jobs:
2929
# Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
3030
# queries: security-extended,security-and-quality
3131
- name: Perform CodeQL Analysis
32-
uses: github/codeql-action/analyze@ea9e4e37992a54ee68a9622e985e60c8e8f12d9f # v3.27.4
32+
uses: github/codeql-action/analyze@f09c1c0a94de965c15400f5634aa42fac8fb8f88 # v3.27.5

.github/workflows/scorecards.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,6 @@ jobs:
4444

4545
# Upload the results to GitHub's code scanning dashboard.
4646
- name: Upload to code-scanning
47-
uses: github/codeql-action/upload-sarif@ea9e4e37992a54ee68a9622e985e60c8e8f12d9f # v3.27.4
47+
uses: github/codeql-action/upload-sarif@f09c1c0a94de965c15400f5634aa42fac8fb8f88 # v3.27.5
4848
with:
4949
sarif_file: results.sarif

CHANGELOG.md

+218
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,148 @@
55
All notable changes to this project will be documented in this file.
66
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
77

8+
## v8.0.0-alpha.1
9+
10+
_Nov 22, 2024_
11+
12+
We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
13+
14+
- 🔧 Refactor Tooltip customisation for charts — [Learn more](https://next.mui.com/x/react-charts/tooltip/#overriding-content).
15+
- ⚛️ React 19 support
16+
- 🌍 Improve Chinese, Spanish, and Swedish locale on the Data Grid component
17+
- 🐞 Bugfixes
18+
- 📚 Documentation improvements
19+
20+
### Breaking change
21+
22+
Special thanks go out to the community contributors who have helped make this release possible:
23+
@CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @lhilgert9, @viktormelin.
24+
Following are all team members who have contributed to this release:
25+
@alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @KenanYusuf, @arminmeh.
26+
27+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
28+
29+
### Data Grid
30+
31+
#### `@mui/x-data-grid@v8.0.0-alpha.1`
32+
33+
- [DataGrid] React 19 support (#15342) @arminmeh
34+
- [DataGrid] Add prop to override search input props in `GridColumnsManagement` (#15347) @k-rajat19
35+
- [DataGrid] Add test coverage for issues fixed in #15184 (#15282) @MBilalShafi
36+
- [DataGrid] Change default loading overlay variants (#15504) @KenanYusuf
37+
- [DataGrid] Fix last separator not being hidden when grid is scrollable (#15543) @KenanYusuf
38+
- [DataGrid] Fix right column group header border with virtualization (#15470) @hendrikpeilke
39+
- [DataGrid] Fix row-spanning in combination with column-pinning (#15368) @lhilgert9
40+
- [l10n] Improve Chinese (zh-CN) locale (#15365) @headironc
41+
- [l10n] Improve Spanish (es-ES) locale (#15369) @CarlosLopezLg
42+
- [l10n] Improve Swedish (sv-SE) locale (#15371) @viktormelin
43+
44+
#### `@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')
45+
46+
Same changes as in `@mui/x-data-grid@v8.0.0-alpha.1`.
47+
48+
#### `@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')
49+
50+
Same changes as in `@mui/x-data-grid-pro@v8.0.0-alpha.1`, plus:
51+
52+
- [DataGridPremium] Prompt input control (#15401) @arminmeh
53+
54+
### Date and Time Pickers
55+
56+
#### Breaking change
57+
58+
- The `FieldValueType` type has been renamed to `PickerValueType`[Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#renamed-variables).
59+
- 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).
60+
61+
#### `@mui/x-date-pickers@v8.0.0-alpha.1`
62+
63+
- [fields] Fix focus management with new DOM structure (#15475) @flaviendelangle
64+
- [pickers] React 19 support (#15342) @arminmeh
65+
- [pickers] Add new properties to `PickerOwnerState` and `PickerContextValue` (#15415) @flaviendelangle
66+
- [pickers] Always use `props.value` when it changes (#15490) @flaviendelangle
67+
- [pickers] Ensure internal value timezone is updated (#15435) @LukasTy
68+
- [pickers] Fix unused code in `<PickersToolbar />` component (#15515) @LukasTy
69+
- [pickers] Remove `FieldValueType` in favor of `PickerValueType` (#15259) @arthurbalduini
70+
- [pickers] Remove the form props from the layout and the toolbar slots (#15492) @flaviendelangle
71+
- [pickers] Use `props.referenceDate` timezone when `props.value` and `props.defaultValue` are not defined (#15532) @flaviendelangle
72+
- [TimePicker] Prevent mouse events after `touchend` event (#15346) @arthurbalduini
73+
74+
#### `@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')
75+
76+
Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus:
77+
78+
- [DateTimeRangePicker] Use time in `referenceDate` when selecting date (#15429) @LukasTy
79+
80+
### Charts
81+
82+
#### Breaking change
83+
84+
- The DX of the Tooltip customization has been refactored
85+
- The `tooltip` prop has been removed in favor of `slotProps.tooltip` for consistency.
86+
- The `popper`, `axisContent`, and `itemContent` slots have been removed in favor of the `tooltip` slot which overrides the entire tooltip.
87+
- 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.
88+
- To override the tooltip placement, use the `ChartsItemTooltipContent` or `ChartsItemTooltipContent` to get default data and place them in your custom tooltip.
89+
90+
- The library now uses the SVG `filter` attribute instead of `d3-color` for color manipulation.
91+
- This modification impacts the `LinePlot`, `AreaPlot`, and `BarPlot` components.
92+
If you've customized the `fill` of those elements, you might need to override it by using the CSS `filter`.
93+
- The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performance.
94+
You can still target those elements by using the `MuiLinePlot`, `MuiAreaPlot`, and `MuiBarPlot` and target the appropriate classes `lineElementClasses.root`, `areaElementClasses.root`, `barElementClasses.root`
95+
96+
- Removed the `resolveSizeBeforeRender` prop from all chart components — [Learn more](https://next.mui.com/x/migration/migration-charts-v7/#remove-resolvesizebeforerender-prop).
97+
- Removed `width` and `height` props from the `ChartsSurface` component.
98+
- Removed the `viewport` prop from all charts.
99+
100+
#### `@mui/x-charts@v8.0.0-alpha.1`
101+
102+
- [charts] React 19 support (#15342) @arminmeh
103+
- [charts] Decouple `<ChartDataProvider />` and `<ChartsSurface />` (#15375) @JCQuintas
104+
- [charts] Fix Scatter Chart tooltip wrong defaults (#15537) @JCQuintas
105+
- [charts] Fix key generation for the `<ChartsGrid />` component (#15463) @alexfauquette
106+
- [charts] Improve `<SvgRefProvider />` to split the received ref (#15424) @JCQuintas
107+
- [charts] Move interaction state in store (#15426) @alexfauquette
108+
- [charts] Refactor Tooltip customisation (#15154) @alexfauquette
109+
- [charts] Remove intrinsic size requirement (#15471) @JCQuintas
110+
- [charts] Replace `d3-color` with CSS filter for highlight (#15084) @alexfauquette
111+
- [charts] Split `<DrawingProvider />` into `<DrawingAreaProvider />` and `<SvgRefProvider />` (#15417) @JCQuintas
112+
113+
#### `@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')
114+
115+
Same changes as in `@mui/x-charts@v8.0.0-alpha.1`.
116+
117+
### Tree View
118+
119+
#### Breaking changes
120+
121+
- 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).
122+
123+
#### `@mui/x-tree-view@v8.0.0-alpha.1`
124+
125+
- [TreeView] React 19 support (#15342) @arminmeh
126+
- [TreeView] Do not re-render every Tree Item when the Rich Tree View re-renders (introduce selectors) (#14210) @flaviendelangle
127+
- [TreeView] Remove `treeId` from the item context (#15542) @flaviendelangle
128+
- [TreeView] Remove state mutation in `moveItemInTree()` (#15539) @flaviendelangle
129+
- [TreeItem] Correct the typing of `slotProps.groupTransition` (#15534) @flaviendelangle
130+
131+
### Docs
132+
133+
- [docs] Fix some migration typos (#15422) @LukasTy
134+
- [docs] Fix typo in migration guide (#15508) @flaviendelangle
135+
- [docs] Fix 301 redirection in docs @oliviertassinari
136+
- [docs] Polish Server-side data section (#15330) @oliviertassinari
137+
- [docs] Use loading state in the demos (#15512) @cherniavskii
138+
139+
### Core
140+
141+
- [core] Keep OpenSSF badge up-to-date @oliviertassinari
142+
- [code-infra] Add `'DensitySelectorGrid'` to time-sensitive argos tests (#15425) @JCQuintas
143+
- [code-infra] Add documentation to internal types (#15540) @JCQuintas
144+
- [code-infra] Prevent relative imports across packages (#15437) @JCQuintas
145+
- [code-infra] Update renovate config to merge `action` pins (#15462) @LukasTy
146+
- [docs-infra] Fix version tooltip (#15468) @alexfauquette
147+
- [docs-infra] Transpile `.ts` demo files (#15345) @KenanYusuf
148+
- [infra] Remove cherry-pick issue write permission (#15456) @oliviertassinari
149+
8150
## 8.0.0-alpha.0
9151

10152
<img width="100%" alt="MUI X v8 Alpha is live" src="https://github.com/user-attachments/assets/114cf615-b617-435f-8499-76ac3c26c57b">
@@ -196,6 +338,82 @@ Same changes as in `@mui/x-charts@8.0.0-alpha.0`.
196338
- [release] v8 preparation (#15054) @michelengelen
197339
- [test] Fix advanced list view regression test snapshot (#15260) @KenanYusuf
198340

341+
## v7.22.3
342+
343+
_Nov 21, 2024_
344+
345+
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
346+
347+
- 📊 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.
348+
- 🌍 Improve Chinese, Spanish, Swedish, and Turkish locales on the Data Grid
349+
- 🐞 Bugfixes
350+
351+
Special thanks go out to the community contributors who have helped make this release possible:
352+
@CarlosLopezLg, @headironc, @viktormelin, @qerkules, @DungTiger, @hendrikpeilke, @k-rajat19.
353+
Following are all team members who have contributed to this release:
354+
@alexfauquette, @LukasTy, @MBilalShafi, @flaviendelangle.
355+
356+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
357+
358+
### Data Grid
359+
360+
#### `@mui/x-data-grid@7.22.3`
361+
362+
- [DataGrid] Add prop to override search input props in `GridColumnsManagement` (#15476) @k-rajat19
363+
- [DataGrid] Add test coverage for issues fixed in #15184 @MBilalShafi
364+
- [DataGrid] Fix memoized selectors with arguments (#15336) @MBilalShafi
365+
- [DataGrid] Fix right column group header border with virtualization (#15503) @hendrikpeilke
366+
- [DataGrid] Pass reason to `onPaginationModelChange` (#15402) @DungTiger
367+
- [DataGrid] Set default overlay height in flex parent layout (#15535) @cherniavskii
368+
- [l10n] Improve Chinese (zh-CN) locale (#15365) @headironc
369+
- [l10n] Improve Spanish (es-ES) locale (#15369) @CarlosLopezLg
370+
- [l10n] Improve Swedish (sv-SE) locale (#15371) @viktormelin
371+
- [l10n] Improve Turkish (tr-TR) locale (#15414) @qerkules
372+
373+
#### `@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')
374+
375+
Same changes as in `@mui/x-data-grid@7.22.3`.
376+
377+
#### `@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')
378+
379+
Same changes as in `@mui/x-data-grid-pro@7.22.3`.
380+
381+
### Date and Time Pickers
382+
383+
#### `@mui/x-date-pickers@7.22.3`
384+
385+
- [pickers] Always use `props.value` when it changes (#15500) @flaviendelangle
386+
- [pickers] Ensure internal value timezone is updated (#15491) @LukasTy
387+
- [pickers] Fix `DateTimeRangePicker` error when using format without time (#15341) @fxnoob
388+
- [pickers] Fix unused code in `PickersToolbar` component (#15525) @LukasTy
389+
390+
#### `@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')
391+
392+
Same changes as in `@mui/x-date-pickers@7.22.3`, plus:
393+
394+
- [DateTimeRangePicker] Use time in `referenceDate` when selecting date (#15431) @LukasTy
395+
396+
### Charts
397+
398+
#### `@mui/x-charts@7.22.3`
399+
400+
No changes since `@mui/x-charts@7.22.2`.
401+
402+
#### `@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')
403+
404+
- [charts-pro] Fix missing typeOverload (#15400) @alexfauquette
405+
406+
### Docs
407+
408+
- [docs] Add `PickersPopper` component to customization playground (#15397) @LukasTy
409+
- [docs] Add `next` version links (#15423) @LukasTy
410+
- [docs] Use the `loading` state in the demos (#15538) @cherniavskii
411+
- [docs] Add data caching to lazy loaded detail panel demo (#15506) @cherniavskii
412+
413+
- [code-infra] Tentative fix for Argos flaky screenshot tests (#15399) @JCQuintas
414+
- [docs-infra] Transpile `.ts` demo files (#15421) @KenanYusuf
415+
- [core] Clarify release version bump strategy (#15536) @cherniavskii
416+
199417
## 7.22.2
200418

201419
_Nov 8, 2024_

docs/data/charts/getting-started/getting-started.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,8 @@ yarn add @mui/material @emotion/react @emotion/styled
4141

4242
```json
4343
"peerDependencies": {
44-
"react": "^17.0.0 || ^18.0.0",
45-
"react-dom": "^17.0.0 || ^18.0.0"
44+
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
45+
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
4646
},
4747
```
4848

docs/data/data-grid/custom-columns/cell-renderers/rating.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ function EditRating(props: GridRenderEditCellParams<any, number>) {
4646
changedThroughKeyboard.current = false;
4747
};
4848

49-
const handleRef = (element: HTMLElement | undefined) => {
49+
const handleRef = (element: HTMLElement | null) => {
5050
if (element) {
5151
if (value !== 0) {
5252
element.querySelector<HTMLElement>(`input[value="${value}"]`)!.focus();

docs/data/data-grid/getting-started/getting-started.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,8 @@ Please note that [react](https://www.npmjs.com/package/react) and [react-dom](ht
3535

3636
```json
3737
"peerDependencies": {
38-
"react": "^17.0.0 || ^18.0.0",
39-
"react-dom": "^17.0.0 || ^18.0.0"
38+
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
39+
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
4040
},
4141
```
4242

0 commit comments

Comments
 (0)