v7.0.0-alpha.0
Pre-release
Pre-release
michelengelen
released this
10 Nov 10:57
·
691 commits
to next
since this release
We'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
renderHeader
is 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
components
andcomponentsProps
props have been removed. Useslots
andslotProps
instead. 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 thegetRowsToExport
function. - The
getApplyFilterFnV7
inGridFilterOperator
was renamed togetApplyFilterFn
.
If you usegetApplyFilterFnV7
directly - rename it togetApplyFilterFn
. - The signature of the function returned by
getApplyFilterFn
has 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
getApplyQuickFilterFnV7
inGridColDef
was renamed togetApplyQuickFilterFn
.
If you usegetApplyQuickFilterFnV7
directly - rename it togetApplyQuickFilterFn
. - The signature of the function returned by
getApplyQuickFilterFn
has 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/[email protected]
- [DataGrid] Fix for error thrown when removing skeleton rows, after sorting is applied (#10807) @benjaminbialy
- [DataGrid] Fix:
undefined
slot value (#10937) @romgrk - [DataGrid] Print selected rows by default (#10846) @cherniavskii
- [DataGrid] Remove deprecated
components
andcomponentsProps
(#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/[email protected]
Same changes as in @mui/[email protected]
, plus:
- [DataGridPro] Autosize Columns - Fix headers being cut off (#10666) @gitstart
- [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
@mui/[email protected]
Same changes as in @mui/[email protected]
, plus:
- [DataGridPremium] Render aggregation label when
renderHeader
is used (#10936) @cherniavskii
Date Pickers
Breaking changes
- The deprecated
components
andcomponentsProps
props have been removed. Useslots
andslotProps
instead.
@mui/[email protected]
- [pickers] Escape non tokens words (#10400) @alexfauquette
- [fields] Fix
MultiInputTimeRangeField
section selection (#10922) @noraleonte - [pickers] Refine
referenceDate
behavior in views (#10863) @LukasTy - [pickers] Remove
components
andcomponentsProps
props (#10700) @alexfauquette - [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10819) @lajtomekadimon
- [pickers] Add short weekdays token (#10988) @alexfauquette
@mui/[email protected]
Same changes as in @mui/[email protected]
.
Charts / @mui/[email protected]
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
slots
andslotProps
types (#10875) @alexfauquette
@mui/[email protected]
Docs
- [docs] Add
@next
tag 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
master
intonext
(#10929) @cherniavskii - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
- [license] Correctly throw errors (#10924) @oliviertassinari