We'd like to offer a big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:
- 🔁 Support automatic parents and children selection for the Rich Tree View components.
- 🌍 Improve Greek (el-GR) locale on the Date and Time Pickers components
- 🌍 Improve Polish (pl-PL) locale on the Data Grid component
- 🐞 Bugfixes
- 📚 Documentation improvements
Special thanks go out to the community contributors who have helped make this release possible:
@belkocik, @GeorgiosDrivas, @k-rajat19, @kalyan90, @DungTiger, @fxnoob, @GuillaumeMeheut
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy,
@MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @samuelsycamore, @joserodolfofreitas.
Data Grid
@mui/x-data-grid@8.0.0-alpha.0
- [DataGrid] Fix grid overlay aligment with scroll for rtl (#15072) @kalyan90
- [DataGrid] Fix resizing right pinned column (#15107) @KenanYusuf
- [DataGrid] Pass the reason to the
onPaginationModelChange
callback (#13959) @DungTiger - [DataGrid] Set default overlay height in flex parent layout (#15202) @cherniavskii
- [DataGrid] Refactor
baseMenuList
andbaseMenuItem
(#15049) @romgrk - [DataGrid] Remove more material imports (#15063) @romgrk
- [l10n] Improve Polish (pl-PL) locale (#15227) @belkocik
@mui/x-data-grid-pro@8.0.0-alpha.0
Same changes as in @mui/x-data-grid@8.0.0-alpha.0
, plus:
- [DataGridPro] Fix column pinning layout (#14966) @cherniavskii
@mui/x-data-grid-premium@8.0.0-alpha.0
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.0
, plus:
- [DataGridPremium] Server-side data source with row grouping (#13826) @MBilalShafi
Date and Time Pickers
Breaking changes
-
The default DOM structure of the field has changed Learn more.
- Before version
v8.x
, the fields' DOM structure consisted of an<input />
, which held the whole value for the component, but unfortunately presents a few limitations in terms of accessibility when managing multiple section values. - Starting with version
v8.x
, all the field and picker components come with a new DOM structure that allows the field component to set aria attributes on individual sections, providing a far better experience with screen readers.
- Before version
-
Some translation keys no longer require
utils
and the date object as parameters, but only the formatted value as a string. The keys affected by this changes are:clockLabelText
,openDatePickerDialogue
andopenTimePickerDialogue
— Learn more. -
The following types are no longer exported by
@mui/x-date-pickers
and@mui/x-date-pickers-pro
— Learn more.UseDateFieldComponentProps
UseTimeFieldComponentProps
UseDateTimeFieldComponentProps
BaseSingleInputFieldProps
BaseMultiInputFieldProps
BasePickersTextFieldProps
-
The
TDate
generic has been removed from all the types, interfaces, and variables of the@mui/x-date-pickers
and@mui/x-date-pickers-pro
packages — Learn more. -
Renamed
usePickersTranslations
andusePickersContext
hooks to have a coherentPicker
prefix instead ofPickers
— Learn more. -
The
LicenseInfo
object is no longer exported from the@mui/x-date-pickers-pro
package — Learn more.
@mui/x-date-pickers@8.0.0-alpha.0
- [fields] Enable the new field DOM structure by default (#14651) @flaviendelangle
- [fields] Remove
UseDateFieldComponentProps
and equivalent interfaces (#15053) @flaviendelangle - [fields] Remove clear button from the tab sequence (#14616) @k-rajat19
- [l10n] Improve Greek (el-GR) locale (#15250) @GeorgiosDrivas
- [pickers] Clean definition of validation props (#15198) @flaviendelangle
- [pickers] Clean the new
ownerState
object (#15056) @flaviendelangle - [pickers] Correctly type the
ownerState
of thefield
andactionBar
slots when resolved in a picker component (#15162) @flaviendelangle - [pickers] Fix
DateCalendar
timezone management (#12321) @LukasTy - [pickers] Fix
DateTimeRangePicker
error when using format without time (#14917) @fxnoob - [pickers] Fix
DigitalClock
time options on aDST
switch day (#10793) @LukasTy - [pickers] Remove
TDate
generics in favor ofPickerValidDate
direct usage (#15001) @flaviendelangle - [pickers] Remove
utils
andvalue
params from translations (#14986) @arthurbalduini - [pickers] Remove plural in "Pickers" on recently introduced APIs (#15297) @flaviendelangle
- [pickers] Remove the re-export from
@mui/x-license
(#14487) @k-rajat19 - [pickers] Strictly type the props a picker passes to its field, and migrate all the custom field demos accordingly (#15197) @flaviendelangle
- [pickers] Unify JSDoc for all the
disabled
andreadOnly
props (#15304) @flaviendelangle - [pickers] Use the new
ownerState
inDateCalendar
,DateRangeCalendar
,MonthCalendar
andYearCalendar
(#15171) @flaviendelangle - [pickers] Use the new
ownerState
inusePickersLayout
anduseXXXPicker
(#14994) @flaviendelangle
@mui/x-date-pickers-pro@8.0.0-alpha.0
Same changes as in @mui/x-date-pickers@8.0.0-alpha.0
.
Charts
Breaking changes
-
The
legend
prop got removed. To pass props to the legend, useslotProps={{ legend: { ... } }}
instead. This can be automatically done with the codemod as long as thelegend
prop does not come from a destructured object — Learn more. -
The
slots.legend
does not receive thedrawingArea
prop. You can still access your custom legend with theuseDrawingArea()
hook if your custom legend needs it. -
Removed or renamed multiple props from Series — Learn more.
- The
highlighted
andfaded
properties of highlightScope were deprecated in favor ofhighlight
andfade
.
The deprecated ones are now removed. - The
xAxisKey
,yAxisKey
, andzAxisKey
properties got deprecated in favor ofxAxisId
,yAxisId
, andzAxisId
.
- The
-
The Pie Chart lost all props and renderer linked to axes because pie chart does not need cartesian axes. If you used it, you can still add them back with composition. Please consider opening an issue to share your use case with us — Learn more.
@mui/x-charts@8.0.0-alpha.0
- [charts] Introduce
hideLegend
prop (#15277) @alexfauquette - [charts] Filter items outside the drawing area for performance (#14281) @alexfauquette
- [charts] Fix log scale with
null
data (#15337) @alexfauquette - [charts] Fix tooltip follow mouse (#15189) @alexfauquette
- [charts] Remove
xAxisKey
,yAxisKey
, andzAxisKey
series keys (#15192) @alexfauquette - [charts] Remove axis from the pie chart (#15187) @alexfauquette
- [charts] Remove deprecated
legend
props (#15081) @alexfauquette - [charts] Remove deprecated highlight properties (#15191) @alexfauquette
- [charts] Update Popper position outside of React (#15003) @alexfauquette
- [charts] Improve the performance of the
getSymbol
method (#15233) @romgrk
@mui/x-charts-pro@8.0.0-alpha.0
Same changes as in @mui/x-charts@8.0.0-alpha.0
.
Tree View
Breaking changes
-
The
ContentComponent
orContentProps
props of the<TreeItem />
component have been removed in favor of the newslots
,slotProps
props and of theuseTreeItem
hook — Learn more. -
The
onClick
andonMouseDown
callbacks of the Tree Item component are now passed to the root element instead of the content — Learn more. -
Rename the
<TreeItem2 />
component (and related utils) — Learn more. -
The
<TreeView />
component has been renamed<SimpleTreeView />
which has exactly the same API — Learn more. -
The indentation of nested Tree Items is now applied on the content of the element — Learn more.
@mui/x-tree-view@8.0.0-alpha.0
- [TreeView] Always apply the indentation on the item content instead of its parent's group (#15089) @flaviendelangle
- [TreeView] Automatic parents and children selection (#14899) @flaviendelangle
- [TreeView] Remove deprecated
TreeView
component (#15093) @flaviendelangle - [TreeView] Replace
<TreeItem />
with<TreeItem2 />
and migrate all the components and utils (#14913) @flaviendelangle
Docs
- [docs] Add docs for rounded symbol (#15324) @GuillaumeMeheut
- [docs] Add migration guide for the removal of
LicenseInfo
from@mui/x-date-pickers-pro
(#15321) @flaviendelangle - [docs] Add migration guide for the first breaking changes of charts (#15276) @alexfauquette
- [docs] Add
PickersPopper
component to the Date Picker customization playground (#15305) @LukasTy - [docs] Add v8 to supported releases table (#15384) @joserodolfofreitas
- [docs] Apply the new DX to the Button Field demos (#14860) @flaviendelangle
- [docs] Apply the new DX to the
Autocomplete
Field demo (#15165) @flaviendelangle - [docs] Cleanup the pickers migration guide (#15310) @flaviendelangle
- [docs] Copyedit the Charts Getting Started sequence (#14962) @samuelsycamore
- [docs] Create Pickers masked field recipe (#13515) @flaviendelangle
- [docs] Fix
applyDomain
docs for the charts (#15332) @JCQuintas - [docs] Fix link to private notion page (#15396) @michelengelen
- [docs] Fix missing punctuation on descriptions (#15229) @oliviertassinari
- [docs] Fix peer dependency range (#15281) @oliviertassinari
- [docs] Fix small Tree View typo (#15390) @oliviertassinari
- [docs] Fix the
AdapterMomentHijri
doc section (#15312) @flaviendelangle - [docs] Replace the Tree Item anatomy images (#15066) @noraleonte
- [docs] Start v8 migration guides (#15096) @MBilalShafi
- [docs] Subdivide and reorganize navigation bar (#15014) @samuelsycamore
- [docs] Use
PickersTextField
in the customization playground (#15288) @LukasTy - [docs] Use
next
instead of^8.0.0
in the migration guides (#15091) @flaviendelangle
Core
- [core] Adjust the
cherry-pick
GitHub actions (#15099) @LukasTy - [core] Add
()
at the name of function name in the doc (#15075) @oliviertassinari - [core] Clarify release version bump strategy (#15219) @cherniavskii
- [core] Fix CodeSandbox and StackBlitz for next doc-infra sync @oliviertassinari
- [core] Fix Vale error on
master
@oliviertassinari - [core] Fix changelog reference to VoiceOver @oliviertassinari
- [core] Fix
tools-public.mui.com
redirection @oliviertassinari - [core] Fix webpack capitalization (#15353) @oliviertassinari
- [core] Move
helpers
to@mui/x-internals
package (#15188) @LukasTy - [code-infra] Set renovate to automerge devDependencies (#13463) @JCQuintas
- [infra] Reintroduce the cherry pick workflow (#15293) @michelengelen
- [core] Remove duplicate title header (#15389) @oliviertassinari
- [release] v8 preparation (#15054) @michelengelen
- [test] Fix advanced list view regression test snapshot (#15260) @KenanYusuf