v7.0.0-alpha.0
Pre-releaseWe're thrilled to announce the first alpha release of our next major version, v7.
This release introduces a few breaking changes, paving the way for the upcoming features like Pivoting and DateTimeRangePicker.
A special shoutout to thank the 12 contributors who made this release possible. Here are some highlights ✨:
- 🚀 First v7 alpha release
- ✨ Fix aggregation label not showing when
renderHeaderis used (#10961) @cherniavskii - 📘 Server side data source early documentation
- 💫 New recipes added for the data grid
- 📈
<ChartsReferenceLine />component is now available - 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
- 🐞 Bugfixes
- 📚 Documentation improvements
Data Grid
Breaking changes
- The deprecated
componentsandcomponentsPropsprops have been removed. UseslotsandslotPropsinstead. See components section for more details. - The print export will now only print the selected rows if there are any.
If there are no selected rows, it will print all rows. This makes the print export consistent with the other exports.
You can customize the rows to export by using thegetRowsToExportfunction. - The
getApplyFilterFnV7inGridFilterOperatorwas renamed togetApplyFilterFn.
If you usegetApplyFilterFnV7directly - rename it togetApplyFilterFn. - The signature of the function returned by
getApplyFilterFnhas changed for performance reasons:
const getApplyFilterFn: GetApplyFilterFn<any, unknown> = (filterItem) => {
if (!filterItem.value) {
return null;
}
const filterRegex = new RegExp(escapeRegExp(filterItem.value), 'i');
- return (cellParams) => {
- const { value } = cellParams;
+ return (value, row, colDef, apiRef) => {
return value != null ? filterRegex.test(String(value)) : false;
};
}- The
getApplyQuickFilterFnV7inGridColDefwas renamed togetApplyQuickFilterFn.
If you usegetApplyQuickFilterFnV7directly - rename it togetApplyQuickFilterFn. - The signature of the function returned by
getApplyQuickFilterFnhas changed for performance reasons:
const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown> = (value) => {
if (!value) {
return null;
}
const filterRegex = new RegExp(escapeRegExp(value), 'i');
- return (cellParams) => {
- const { formattedValue } = cellParams;
+ return (value, row, column, apiRef) => {
+ let formattedValue = apiRef.current.getRowFormattedValue(row, column);
return formattedValue != null ? filterRegex.test(formattedValue.toString()) : false;
};
};@mui/x-data-grid@7.0.0-alpha.0
- [DataGrid] Fix for error thrown when removing skeleton rows, after sorting is applied (#10807) @benjaminbialy
- [DataGrid] Fix:
undefinedslot value (#10937) @romgrk - [DataGrid] Print selected rows by default (#10846) @cherniavskii
- [DataGrid] Remove deprecated
componentsandcomponentsProps(#10911) @MBilalShafi - [DataGrid] Remove legacy filtering API (#10897) @cherniavskii
- [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10882) @michelengelen
- [DataGrid] Added a recipe for using non-native select in filter panel (#10916) @michelengelen
- [DataGrid] Added a recipe to style cells without impacting the aggregation cells (#10913) @michelengelen
- [l10n] Improve Czech (cs-CZ) locale (#10949) @luborepka
@mui/x-data-grid-pro@7.0.0-alpha.0 
Same changes as in @mui/x-data-grid@7.0.0-alpha.0, plus:
- [DataGridPro] Autosize Columns - Fix headers being cut off (#10666) @gitstart
- [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
@mui/x-data-grid-premium@7.0.0-alpha.0 
Same changes as in @mui/x-data-grid-pro@7.0.0-alpha.0, plus:
- [DataGridPremium] Render aggregation label when
renderHeaderis used (#10936) @cherniavskii
Date Pickers
Breaking changes
- The deprecated
componentsandcomponentsPropsprops have been removed. UseslotsandslotPropsinstead.
@mui/x-date-pickers@7.0.0-alpha.0
- [pickers] Escape non tokens words (#10400) @alexfauquette
- [fields] Fix
MultiInputTimeRangeFieldsection selection (#10922) @noraleonte - [pickers] Refine
referenceDatebehavior in views (#10863) @LukasTy - [pickers] Remove
componentsandcomponentsPropsprops (#10700) @alexfauquette - [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10819) @lajtomekadimon
- [pickers] Add short weekdays token (#10988) @alexfauquette
@mui/x-date-pickers-pro@7.0.0-alpha.0 
Same changes as in @mui/x-date-pickers@7.0.0-alpha.0.
Charts / @mui/x-charts@7.0.0-alpha.0
Breaking changes
Types for slots and slotProps got renamed by removing the "Component" which is meaningless for charts.
Unless you imported those types, to create a wrapper, you should not be impacted by this breaking change.
Here is an example of the renaming for the <ChartsTooltip /> component.
-ChartsTooltipSlotsComponent
+ChartsTooltipSlots
-ChartsTooltipSlotComponentProps
+ChartsTooltipSlotProps- [charts] Add
<ChartsReferenceLine />component (#10597) (#10946) @alexfauquette - [charts] Improve properties JSDoc (#10931) (#10955) @alexfauquette
- [charts] Rename
slotsandslotPropstypes (#10875) @alexfauquette
@mui/x-codemod@7.0.0-alpha.0
Docs
- [docs] Add
@nexttag to the installation instructions (#10963) @MBilalShafi - [docs] Document how to hide the legend (#10951) @alexfauquette
- [docs] Fix typo in the migration guide (#10972) @flaviendelangle
Core
- [core] Adds migration docs for charts, pickers and tree view (#10926) @michelengelen
- [core] Bump monorepo (#10959) @LukasTy
- [core] Changed prettier branch value to next (#10917) @michelengelen
- [core] Fix GitHub title tag consistency @oliviertassinari
- [core] Fixed wrong package names in migration docs (#10953) @michelengelen
- [core] Merge
masterintonext(#10929) @cherniavskii - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
- [license] Correctly throw errors (#10924) @oliviertassinari