v8.0.0-alpha.8
Pre-releaseWe'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
-
🍬 Improved design for Data Grid Header filters
-
🔄 Data Grid Scroll restoration
-
📊 Charts support server-side rendering under some conditions
-
🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@lauri865.
Following are all team members who have contributed to this release:
@arminmeh, @romgrk, @samuelsycamore, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen.
Data Grid
Breaking changes
- The clear button in header filter cells has been moved to the header filter menu. Use
slotProps={{ headerFilterCell: { showClearIcon: true } }}
to restore the clear button in the cell.
@mui/[email protected]
- [DataGrid] Improve scrollbar deadzone with overlay scrollbars (#15961) @lauri865
- [DataGrid] Header filter design improvements (#15991) @KenanYusuf
- [DataGrid] Scroll restoration (#15623) @lauri865
- [DataGrid] Fix row, cell and header memoizations (#15666) @lauri865
@mui/[email protected]

Same changes as in @mui/[email protected]
, plus:
- [DataGridPro] Add test for column pinning with disabled column virtualization (#16176) @cherniavskii
- [DataGridPro] Fix width of right-pinned column group during resize (#16199) @cherniavskii
@mui/[email protected]

Same changes as in @mui/[email protected]
.
Date and Time Pickers
Breaking changes
- The field is now editable if rendered inside a mobile Picker — Learn more
- The
useMultiInputDateRangeField
,useMultiInputTimeRangeField
, anduseMultiInputDateTimeRangeField
hooks have been removed in favor of the newuseMultiInputRangeField
hook — Learn more - The component passed to the
field
slot no longer receives thevalue
,onChange
,timezone
,format
,disabled
,formatDensity
,enableAccessibleFieldDOMStructure
,selectedSections
andonSelectedSectionsChange
props — Learn more
@mui/[email protected]
- [pickers] Let the field components handle their opening UI, and allow field editing on mobile pickers (#15671) @flaviendelangle
- [pickers] Remove code duplication for the multi input range fields (#15505) @flaviendelangle
- [pickers] Rename
onRangePositionChange
intosetRangePosition
inusePickerRangePositionContext
(#16189) @flaviendelangle - [pickers] Use context to pass props from the picker to the field (#16042) @flaviendelangle
@mui/[email protected]

Same changes as in @mui/[email protected]
.
Charts
Breaking changes
- Charts tooltip markers now have different styles for each chart type. The tooltip and legend marks are now the same.
- Duplicate axis id's across
x
andy
axis now log a warning in dev mode. Axis ids should be unique to prevent internal issues.
@mui/[email protected]
- [charts] Fix flaky charts tests (#16180) @JCQuintas
- [charts] Handle case where gradient stop
offset
could beInfinite
(#16131) @JCQuintas - [charts] Make
useChartGradientId
public (#16106) @JCQuintas - [charts] Move z-axis to plugin (#16130) @alexfauquette
- [charts] Plot data at first render if
skipAnimation
is set totrue
(#16166) @alexfauquette - [charts] Replace tooltip mark with style (#16117) @JCQuintas
- [charts] Support
rtl
for gradient legend (#16115) @JCQuintas - [charts] Use plugin system for series and axes (#15865) @alexfauquette
@mui/[email protected]

Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
No changes since @mui/[email protected]
.
@mui/[email protected]

Same changes as in @mui/[email protected]
.
Docs
- [docs] Add example for custom legend (#16169) @alexfauquette
- [docs] Add full custom field creation example (#15194) @flaviendelangle
- [docs] Copyedit the Data Grid cell selection page (#16099) @samuelsycamore
- [docs] Fix demo rendering issue on Codesandbox (#16118) @arminmeh
- [docs] Remove broken links (#16167) @alexfauquette
- [docs] Split the Data Grid editing page (#14931) @MBilalShafi
- [docs] Fix wrong props warnings (#16119) @JCQuintas
Core
- [core] Type all references as
RefObject
(#16124) @arminmeh - [code-infra] Refactor
react
andreact-dom
definitions to simplify dep resolving (#16160) @LukasTy - [code-infra] Stop renovate from updating
date-fns-v2
(#16158) @LukasTy - [infra] Improve cherry-pick action target list (#16184) @michelengelen
- [test] Fix flaky column pinning unit test (#16202) @cherniavskii
- [test] Fix flaky screenshot (#16182) @cherniavskii