Releases: mui/mui-x
v7.0.0-alpha.1
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
- 📚 Documentation improvements
Date Pickers
@mui/x-date-pickers@7.0.0-alpha.1
/ @mui/x-date-pickers-pro@7.0.0-alpha.1
Breaking changes
-
The string argument of the
dayOfWeekFormatter
prop has been replaced in favor of the date object to allow more flexibility.<DateCalendar // If you were still using the day string, you can get it back with your date library. - dayOfWeekFormatter={dayStr => `${dayStr}.`} + dayOfWeekFormatter={day => `${day.format('dd')}.`} // If you were already using the day object, just remove the first argument. - dayOfWeekFormatter={(_dayStr, day) => `${day.format('dd')}.`} + dayOfWeekFormatter={day => `${day.format('dd')}.`} />
-
The imports related to the
calendarHeader
slot have been moved from@mui/x-date-pickers/DateCalendar
to@mui/x-date-pickers/PIckersCalendarHeader
:export { pickersCalendarHeaderClasses, PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses, PickersCalendarHeader, PickersCalendarHeaderProps, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, ExportedPickersCalendarHeaderProps, -} from '@mui/x-date-pickers/DateCalendar'; +} from '@mui/x-date-pickers/PickersCalendarHeader';
-
The
monthAndYear
format has been removed.
It was used in the header of the calendar views, you can replace it with the newformat
prop of thecalendarHeader
slot:<LocalizationProvider adapter={AdapterDayJS} - formats={{ monthAndYear: 'MM/YYYY' }} /> <DatePicker + slotProps={{ calendarHeader: { format: 'MM/YYYY' }}} /> <DateRangePicker + slotProps={{ calendarHeader: { format: 'MM/YYYY' }}} /> <LocalizationProvider />
-
The
adapter.getDiff
method have been removed, you can directly use your date library:// For Day.js -const diff = adapter.getDiff(value, comparing, unit); +const diff = value.diff(comparing, unit); // For Luxon -const diff = adapter.getDiff(value, comparing, unit); +const getDiff = (value: DateTime, comparing: DateTime | string, unit?: AdapterUnits) => { + const parsedComparing = typeof comparing === 'string' + ? DateTime.fromJSDate(new Date(comparing)) + : comparing; + if (unit) { + return Math.floor(value.diff(comparing).as(unit)); + } + return value.diff(comparing).as('millisecond'); +}; + +const diff = getDiff(value, comparing, unit); // For DateFns -const diff = adapter.getDiff(value, comparing, unit); +const getDiff = (value: Date, comparing: Date | string, unit?: AdapterUnits) => { + const parsedComparing = typeof comparing === 'string' ? new Date(comparing) : comparing; + switch (unit) { + case 'years': + return dateFns.differenceInYears(value, parsedComparing); + case 'quarters': + return dateFns.differenceInQuarters(value, parsedComparing); + case 'months': + return dateFns.differenceInMonths(value, parsedComparing); + case 'weeks': + return dateFns.differenceInWeeks(value, parsedComparing); + case 'days': + return dateFns.differenceInDays(value, parsedComparing); + case 'hours': + return dateFns.differenceInHours(value, parsedComparing); + case 'minutes': + return dateFns.differenceInMinutes(value, parsedComparing); + case 'seconds': + return dateFns.differenceInSeconds(value, parsedComparing); + default: { + return dateFns.differenceInMilliseconds(value, parsedComparing); + } + } +}; + +const diff = getDiff(value, comparing, unit); // For Moment -const diff = adapter.getDiff(value, comparing, unit); +const diff = value.diff(comparing, unit);
-
The
adapter.getFormatHelperText
method have been removed, you can use theadapter.expandFormat
instead:
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format);
And if you need the exact same output you can apply the following transformation:
// For Day.js
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
// For Luxon
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format).replace(/(a)/g, '(a|p)m').toLocaleLowerCase();
// For DateFns
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
// For Moment
-const expandedFormat = adapter.getFormatHelperText(format);
+const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
-
The
adapter.getMeridiemText
method have been removed, you can use theadapter.setHours
,adapter.date
andadapter.format
methods to recreate its behavior:-const meridiem = adapter.getMeridiemText('am'); +const getMeridiemText = (meridiem: 'am' | 'pm') => { + const date = adapter.setHours(adapter.date()!, meridiem === 'am' ? 2 : 14); + return utils.format(date, 'meridiem'); +}; + +const meridiem = getMeridiemText('am');
-
The
adapter.getMonthArray
method have been removed, you can use theadapter.startOfYear
andadapter.addMonths
methods to recreate its behavior:-const monthArray = adapter.getMonthArray(value); +const getMonthArray = (year) => { + const firstMonth = utils.startOfYear(year); + const months = [firstMonth]; + + while (months.length < 12) { + const prevMonth = months[months.length - 1]; + months.push(utils.addMonths(prevMonth, 1)); + } + + return months; +} + +const monthArray = getMonthArray(value);
-
The
adapter.getNextMonth
method have been removed, you can use theadapter.addMonths
method instead:-const nextMonth = adapter.getNextMonth(value); +const nextMonth = adapter.addMonths(value, 1);
-
The
adapter.getPreviousMonth
method have been removed, you can use theadapter.addMonths
method instead:-const previousMonth = adapter.getPreviousMonth(value); +const previousMonth = adapter.addMonths(value, -1);
-
The
adapter.getWeekdays
method have been removed, you can use theadapter.startOfWeek
andadapter.addDays
methods instead:-const weekDays = adapter.getWeekdays(value); +const getWeekdays = (value) => { + const start = adapter.startOfWeek(value); + return [0, 1, 2, 3, 4, 5, 6].map((diff) => utils.addDays(start, diff)); +}; + +const weekDays = getWeekdays(value);
-
The
isNull
method have been removed, you can replace it with a very basic check:-const isNull = adapter.isNull(value); +const isNull = value === null;
-
The
adapter.mergeDateAndTime
method have been removed, you can use theadapter.setHours
,adapter.setMinutes
, andadapter.setSeconds
methods to recreate its behavior:-const result = adapter.mergeDateAndTime(valueWithDate, valueWithTime); +const mergeDateAndTime = <TDate>( + dateParam, + timeParam, + ) => { + let mergedDate = dateParam; + mergedDate = utils.setHours(mergedDate, utils.getHours(timeParam)); + mergedDate = utils.setMinutes(mergedDate, utils.getMinutes(timeParam)); + mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam)); + + return mergedDate; + }; + +const result = mergeDateAndTime(valueWithDate, valueWithTime);
-
The
adapter.parseISO
method have been removed, you can directly use your date library:// For Day.js -const value = adapter.parseISO(isoString); +const value = dayjs(isoString); // For Luxon -const value = adapter.parseISO(isoString); +const value = DateTime.fromISO(isoString); // For DateFns -const value = adapter.parseISO(isoString); +const value = dateFns.parseISO(isoString); // For Moment -const value = adapter.parseISO(isoString); +const value = moment(isoString, true);
-
The
adapter.toISO
method have been removed, you can directly use your date library:-const isoString = adapter.toISO(value); +const isoString = value.toISOString(); +const isoString = value.toUTC().toISO({ format: 'extended' }); +const isoString = dateFns.formatISO(value, { format: 'extended' }); +const isoString = value.toISOString();
-
The
adapter.isEqual
method used to accept any type of value for its two input and tried to parse them before checking if they were equal.
The method has been simplified and now only accepts an already-parsed date ornull
(ie: the same formats used by thevalue
prop in the pickers)const adapterDayjs = new AdapterDayjs(); const adapterLuxon = new AdapterLuxon(); const adapterDateFns = new AdapterDateFns(); const adapterMoment = new AdatperMoment(); // Supported formats const isEqual = adapterDayjs.isEqual(null, null); // Same for the other adapters const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17')); const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17')); const isEqual = adapterDateFns.isEqual(new Date(), new Date('2022-04-17')); // Non-supported formats (JS Date) -const isEqual = adapterDayjs.isEqual(new Date(), new Date('2022-04-17'));...
v7.0.0-alpha.0
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/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:
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/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
renderHeader
is used (#10936) @cherniavskii
Date Pickers
Breaking changes
- The deprecated
components
andcomponentsProps
props have been removed. Useslots
andslotProps
instead.
@mui/x-date-pickers@7.0.0-alpha.0
- [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/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
slots
andslotProps
types (#10875) @alexfauquette
@mui/x-codemod@7.0.0-alpha.0
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
v6.18.1
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- ✨ Fix aggregation label not showing when
renderHeader
is used (#10961) @cherniavskii - 📘 Server side data source early documentation published
- 📈
<ChartsReferenceLine />
component is now available - 🐞 Bugfixes
- 📚 Documentation improvements
Data Grid
@mui/x-data-grid@6.18.1
- [DataGrid] Fix cell value type in quick filtering v7 (#10884) @cherniavskii
- [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10947) @michelengelen
- [DataGrid] Fix
undefined
slot values (#10934) @romgrk
@mui/x-data-grid-pro@6.18.1
Same changes as in @mui/x-data-grid@6.18.1
, plus:
- [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
@mui/x-data-grid-premium@6.18.1
Same changes as in @mui/x-data-grid-pro@6.18.1
, plus:
- [DataGridPremium] Render aggregation label when
renderHeader
is used (#10961) @cherniavskii
Date Pickers
@mui/x-date-pickers@6.18.1
- [fields] Fix multi input date time field section selection (#10915) @noraleonte
- [pickers] Always use up-to-date
defaultView
(#10889) @LukasTy
@mui/x-date-pickers-pro@6.18.1
Same changes as in @mui/x-date-pickers@6.18.1
.
Charts / @mui/x-charts@6.18.1
- [charts] Add
<ChartsReferenceLine />
component (#10597) @wascou - [charts] Improve properties JSDoc (#10931) @alexfauquette
Docs
- [docs] Fix charts docs as stable (#10888) @alexfauquette
- [docs] Document how to hide the legend (#10954) @alexfauquette
Core
- [core] Adds new alpha version to version select on the docs (#10944) @michelengelen
- [core] Fix GitHub title tag consistency @oliviertassinari
v6.18.0
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🎁 The Charts package is now officially stable!
- 🥧 Pie charts are now animated.
- 📈 Line charts now support partial data, and can interpolate missing data https://mui.com/x/react-charts/lines/#skip-missing-points.
- ✨ The data grid allows to ignore diacritics when filtering.
- 📚 Documentation improvements
Data Grid
@mui/x-data-grid@6.18.0
- [DataGrid] Allow to ignore diacritics when filtering (#10569) @cherniavskii
- [DataGrid] Fix a typo in
gridFilterApi
(#10786) @vu-dao-93 - [DataGrid] Fix
undefined
row id (#10670) @romgrk - [DataGrid] Make column autosizing work with dynamic row height (#10693) @cherniavskii
- [l10n] Allow to customize sorting label per column (#10839) @JerryWu1234
@mui/x-data-grid-pro@6.18.0
Same changes as in @mui/x-data-grid@6.18.0
.
@mui/x-data-grid-premium@6.18.0
Same changes as in @mui/x-data-grid-pro@6.18.0
.
Date Pickers
@mui/x-date-pickers@6.18.0
- [pickers] Add reference links to calendar components (#10644) @michelengelen
@mui/x-date-pickers-pro@6.18.0
Same changes as in @mui/x-date-pickers@6.18.0
.
Charts / @mui/x-charts@6.18.0
- [charts] Add animation on pie chart (#10782) @alexfauquette
- [charts] Add reference links to shared/misc chart components (#10660) @michelengelen
- [charts] Allows to connect nulls (#10803) @alexfauquette
- [charts] Fix axis highlight in dark mode (#10820) @LukasTy
Docs
- [docs] Add a data grid recipe for autosizing columns after fetching row-data (#10822) @michelengelen
- [docs] Add a data grid recipe showing how to remove cell outline on
focus
(#10843) @michelengelen - [docs] Add demo about how to use charts margin (#10886) @alexfauquette
- [docs] Improve custom field input demos readability (#10559) @LukasTy
Core
v6.17.0
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 🎁 The Tree View package is now officially stable!
- ✨ Improve the handling of non-numeric values by Data Grid aggregation
- 🚀 Support lines with different domains on the line charts
- 🐞 Bugfixes
- 📚 Documentation improvements
Data Grid
@mui/x-data-grid@6.17.0
- [DataGrid] Allow custom debounce time for row positions calculation (#10708) @cherniavskii
- [DataGrid] Persist stable row index for focused row (#10674) @cherniavskii
@mui/x-data-grid-pro@6.17.0
Same changes as in @mui/x-data-grid@6.17.0
, plus:
- [DataGridPro] Fix
undefined
values passed tovalueFormatter
for tree leaf nodes (#10748) @cherniavskii
@mui/x-data-grid-premium@6.17.0
Same changes as in @mui/x-data-grid-pro@6.17.0
, plus:
- [DataGridPremium] Fix
avg
aggregation to ignore non-numeric values (#10787) @cherniavskii - [DataGridPremium] Fix
size
aggregation to ignoreundefined
values (#10745) @cherniavskii - [DataGridPremium] Fix
sum
aggregation to ignore non-numeric values (#10730) @cherniavskii - [DataGridPremium] Fix cell selection throwing index error on second page and beyond (#10784) @MBilalShafi
v6.16.3
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🎁 Add a Data Grid recipe for saving & restoring state
- 💫 Support animations on the bar chart
- 🐞 Bugfixes
- 📚 Documentation improvements
Data Grid
@mui/x-data-grid@6.16.3
@mui/x-data-grid-pro@6.16.3
Same changes as in @mui/x-data-grid@6.16.3
.
@mui/x-data-grid-premium@6.16.3
Same changes as in @mui/x-data-grid-pro@6.16.3
.
Date Pickers
@mui/x-date-pickers@6.16.3
- [fields] Correctly respect leading zeroes on seconds section (#10713) @flaviendelangle
- [fields] Use
onChange
instead ofonKeyPress
for Backspace editing (#10494) @flaviendelangle - [pickers] Add reference links to DatePicker components (#10626) @michelengelen
- [pickers] Add reference links to clock components (#10645) @michelengelen
- [pickers] Add reference links to misc picker components (#10647) @michelengelen
- [pickers] Add reference links to toolbar components (#10646) @michelengelen
- [pickers] POC: Change the props received by the
FakeTextField
component (#10687) @flaviendelangle
@mui/x-date-pickers-pro@6.16.3
Same changes as in @mui/x-date-pickers@6.16.3
, plus:
- [DateRangePicker] Fix touch based range dragging (#10664) @michelengelen
Charts / @mui/x-charts@6.0.0-alpha.16
- [charts] Add reference links to area + bar chart components (#10652) @michelengelen
- [charts] Add reference links to line chart + sparkline components (#10650) @michelengelen
- [charts] Add reference links to pie + scatter chart components (#10653) @michelengelen
- [charts] Render only when
width
andheight
are resolved (#10714) @alexfauquette - [charts] Support animation on
BarChart
(#9926) @alexfauquette - [charts] Use new text component to avoid tick label overflow on x-axis (#10648) @alexfauquette
Docs
- [docs] Add a recipe for saving and restoring
state
externally (#10722) @michelengelen - [docs] Add example about how to add an axis (#10709) @alexfauquette
- [docs] Customization Playground - fix DesktopDatePicker sx props and styled examples (#10665) @noraleonte
- [docs] Improve meta description @oliviertassinari
- [docs] Make overview demo work in codesandbox (#10661) @alexfauquette
Core
v6.16.2
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
- 📊 Chart's legend text management has been reworked and contains breaking changes (#10138) @alexfauquette
- 📝 Add Bulk editing demo (#10333) @cherniavskii
- 🚀 Column grouping now works smoothly with column pinning (#10518) @MBilalShafi
- 🌍 Improve Arabic (ar-SD) and Spanish (es-ES) locales
- 🐞 Bugfixes
- 📚 Documentation improvements
Data Grid
@mui/x-data-grid@6.16.2
- [DataGrid] Fix
LazyLoading
demo crash (#10621) @MBilalShafi - [DataGrid] Fix cells overlapping the scrollbar in iOS Safari (#10633) @cherniavskii
- [DataGrid] Fix
getRowId is not defined
error (#10613) @romgrk - [DataGrid] Get quick filter to work OOTB with
date
anddateTime
fields (#10636) @MBilalShafi - [DataGrid] Make cursor for selectable cells to be
default
unless editable (#9997) @gitstart - [DataGrid] Remove unnecessary syntax in JSDoc (#10567) @Lev-Shapiro
- [DataGrid] Update row hover behavior to match native hover (#10623) @cherniavskii
- [l10n] Improve Arabic (ar-SD) locale (#10625) @alabenyahia
@mui/x-data-grid-pro@6.16.2
Same changes as in @mui/x-data-grid@6.16.2
, plus:
- [DataGridPro] Improve column grouping and column pinning friendship (#10518) @MBilalShafi
@mui/x-data-grid-premium@6.16.2
Same changes as in @mui/x-data-grid-pro@6.16.2
.
Date Pickers
@mui/x-date-pickers@6.16.2
- [DateTimePicker] Add support for
DigitalClock
view renderer (#10624) @LukasTy - [fields] Bootstrap the multi-HTML input component (#10638) @flaviendelangle
- [pickers] Fix timezone
UTC
false positive (#10586) @alexfauquette - [l10n] Improve Spanish (es-ES) locale (#10588) @eduardodallmann
@mui/x-date-pickers-pro@6.16.2
Same changes as in @mui/x-date-pickers@6.16.2
.
Charts / @mui/x-charts@6.0.0-alpha.15
Breaking changes
The charts have a new text display mechanism.
It adds line break support and avoids overlapping text in the legend.
This comes with some breaking changes.
-
The DOM structure is modified. An intermediary
<tspan />
element has been added. This can impact how your style is applied.- <text>The label</text> + <text><tspan>The label</tspan></text>
-
The top margin has been reduced from 100 to 50 to benefit from the denser legend.
-
To accurately compute the text size and then place it, styling should be provided as a JS object. For example, to set the legend font size, you should do:
<PieChart {/** ... */} slotProps={{ legend: { labelStyle: { fontSize: 16, }, }, }} />
Support for other text elements (axis labels and tick labels) will be implemented in follow-up PR.
Changes
- [charts] Fix typo between internal/external variable (#10640) @alexfauquette
- [charts] Improve the management of the text (#10138) @alexfauquette
Docs
- [docs] Add bulk editing demo (#10333) @cherniavskii
- [docs] Add reference links to DateRangePicker components (#10629) @michelengelen
- [docs] Add reference links to DateTimePicker components (#10628) @michelengelen
- [docs] Add reference links to picker field components (#10631) @michelengelen
- [docs] Added reference links to TimePicker components (#10627) @michelengelen
- [docs] Avoid Pickers playground error due to empty views (#10654) @LukasTy
- [docs] Fix DataGrid[Pro/Premium] reference links (#10620) @michelengelen
Core
- [core] Bump monorepo (#10619) @alexfauquette
- [core] Update
no-response
workflow (#10491) @MBilalShafi - [core] Update the issue templates to reflect the new support workflow (#10651) @MBilalShafi
- [test] Fix
testEval
not invoking test assertions (#10587) @cherniavskii - [test] Fix dev mode warning (#10610) @oliviertassinari
- [test] Set UUID chance seed in visual tests (#10609) @oliviertassinari
v6.16.1
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 🥧 Support interaction with pie chart
- 🐞 Bugfixes
- 📚 Documentation improvements
Data Grid
@mui/x-data-grid@6.16.1
- [DataGrid] Add a new demo with sparklines (#9228) @flaviendelangle
- [DataGrid] Fix autosize missing a few pixels (#10471) @romgrk
- [DataGrid] Make
disableColumnSelector
demo idempotent (#10548) @MBilalShafi
@mui/x-data-grid-pro@6.16.1
Same changes as in @mui/x-data-grid@6.16.1
.
@mui/x-data-grid-premium@6.16.1
Same changes as in @mui/x-data-grid-pro@6.16.1
.
Date Pickers
@mui/x-date-pickers@6.16.1
- [pickers] Avoid calendar layout shifting when changing views (#10541) @LukasTy
- [pickers] Fix clearable behavior when disabled (#10542) @noraleonte
- [pickers] Improve customization playground examples (#10544) @noraleonte
@mui/x-date-pickers-pro@6.16.1
Same changes as in @mui/x-date-pickers@6.16.1
, plus:
- [DateRangePicker] Fix
InputProps
propagation in multi input (#10564) @alexfauquette
Charts / @mui/x-charts@6.0.0-alpha.14
- [charts] Display cursor pointer for pie chart only if
onClick
is provided (#10551) @giladappsforce - [charts] Add
onClick
prop to PieChart (#10506) @giladappsforce - [charts] Support
slots
/slotProps
for the tooltip (#10515) @alexfauquette
Docs
- [docs] Add
DateRangePicker
example with aButton
trigger (#10485) @LukasTy - [docs] Add section about disabling columns panel (#10328) @MBilalShafi
- [docs] Add section about overriding slots to base concepts (#10421) @noraleonte
- [docs] Add "What's new" page listing all release announcements (#9727) @joserodolfofreitas
- [docs] Update RTL Support section of the grid localization docs (#10561) @MBilalShafi
Core
- [core] Fix casing consistency with legal and marketing content @oliviertassinari
- [core] Revert the link in the priority support ticket description (#10517) @michelengelen
- [CHANGELOG] Polish image @oliviertassinari
v6.16.0
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
-
🎁 Add a clearable behavior to all the single input pickers and fields (#9095) @noraleonte
The pickers and fields now have an out-of-the box implementation for clearing the field value. You can see the documentation for this behavior on the Date Picker documentation.
-
💫 Add Date Picker customization playground (#9581) @noraleonte
You can play around with style customization options on the Date Picker documentation.
We are thrilled to hear your feedback about this functionality!
-
🚀 Fix header filters menu auto closing on render (#10483) @MBilalShafi
-
🎯 Fix column headers scroll when theme scoping is used (#10437) @cherniavskii
-
🌍 Improve Russian (ru-RU) locale on the data grid
-
🐞 Bugfixes
-
📚 Documentation improvements
Data Grid
@mui/x-data-grid@6.16.0
- [DataGrid] Fix column headers scroll when theme scoping is used (#10437) @cherniavskii
- [DataGrid] Rename
global
toglobalScope
due to Jest issue (#10470) @romgrk - [l10n] Improve Russian (ru-RU) locale (#10464 and #10407) @NKodos
@mui/x-data-grid-pro@6.16.0
Same changes as in @mui/x-data-grid@6.16.0
, plus:
- [DataGridPro] Fix header filters menu auto closing on render (#10483) @MBilalShafi
@mui/x-data-grid-premium@6.16.0
Same changes as in @mui/x-data-grid-pro@6.16.0
.
Date Pickers
@mui/x-date-pickers@6.16.0
- [pickers] Add warning to
shouldDisableDate
validation (#10502) @michelengelen - [pickers] Implement
clearable
field behavior (#9095) @noraleonte - [pickers] Refactor
dayOfWeekFormatter
(#10345) @michelengelen
@mui/x-date-pickers-pro@6.16.0
Same changes as in @mui/x-date-pickers@6.16.0
.
Charts / @mui/x-charts@6.0.0-alpha.13
- [charts] Share upfront future Pro features (#10465) @oliviertassinari
Tree View / @mui/x-tree-view@6.0.0-beta.0
- [TreeView] Do not try to focus a collapsed node when re-focusing the TreeView (#10422) @flaviendelangle
- [TreeView] Fix the typing of the
Multiple
generic (#10478) @flaviendelangle
Docs
- [docs] Correct the typo in data grid api docs (#10477) @MBilalShafi
- [docs] Add customization playground (#9581) @noraleonte
- [docs] Fix Tree View product ID (#10428) @oliviertassinari
- [docs] Fix demo crashing when all rows are deleted (#10438) @cherniavskii
- [docs] Fix mobile scrollbar column resize (#10455) @oliviertassinari
- [docs] Fix usage of
GridRenderCellParams
interface (#10435) @cherniavskii
Core
- [core] Fix typo in header data grid quick filter @oliviertassinari
- [core] Group D3 renovate PRs (#10480) @flaviendelangle
- [core] Link the priority support page (#10495) @michelengelen
- [core] Move the pickers describes to the test utils folder (#10490) @flaviendelangle
- [core] Priority Support casing normalization @oliviertassinari
- [core] Remove automated DataGrid performance tests (#10414) @romgrk
- [core] Sync
prism-okaidia.css
with docs-infra @oliviertassinari - [core] Update issue actions & templates (#10375) @romgrk
- [core] Update release guide (#10468) @DanailH
v6.15.0
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 🚀 Implement columns auto-sizing (#10180) @romgrk
- 🎁 Add support for
getRowsToExport
option to print export on the data grid (#10084) @zreecespieces - 🌍 Improve Finnish (fi-FI) locale
- 🐞 Bugfixes
- 📚 Documentation improvements
Data Grid
@mui/x-data-grid@6.15.0
- [DataGrid] Add support for
getRowsToExport
option to print export (#10084) @zreecespieces - [DataGrid] Fix dev warning about
InputLabelProps
(#10413) @romgrk - [DataGrid] Refactor
GridMenu
proponClickAway
toonClose
(#10411) @romgrk - [DataGrid] Restore focus after
GridMenu
closes (#10412) @romgrk - [DataGrid] Fix typing of
GridActionsCellItem
(#10344) @romgrk - [DataGrid] Hide
eval
from bundlers (#10329) @romgrk - [DataGrid] Add
border: 0
to unmounted focused cell to avoid layout shifts in that row (#10318) @lauri865
@mui/x-data-grid-pro@6.15.0
Same changes as in @mui/x-data-grid@6.15.0
, plus:
- [DataGridPro] Implement columns auto-sizing (#10180) @romgrk
- [DataGridPro] Fix keyboard navigation issue in header filters (#10358) @MBilalShafi
- [DataGridPro] Add missing row hover styles (#10252) @cherniavskii
- [DataGridPro] Make default filter items have stable references in header filters (#10338) @MBilalShafi
@mui/x-data-grid-premium@6.15.0
Same changes as in @mui/x-data-grid-pro@6.15.0
.
Date Pickers
@mui/x-date-pickers@6.15.0
- [pickers] Support tokens without spaces (#10185) @alexfauquette
- [l10n] Improve Finnish (fi-FI) locale (#10346) @samijouppila
@mui/x-date-pickers-pro@6.15.0
Same changes as in @mui/x-date-pickers@6.15.0
.
Charts / @mui/x-charts@6.0.0-alpha.12
- [charts] Fix sparkline scale and rendering (#10402) @alexfauquette
- [charts] Remove components from
@mui/material
(#10115) @alexfauquette
Tree View / @mui/x-tree-view@6.0.0-alpha.4
- [TreeView] Split features into plugins to prepare for Pro version (#10123) @flaviendelangle
Docs
- [docs] Add charts documentation pages to complete pricing table (#10394) @alexfauquette
- [docs] Add missing MIT packages on the Licensing page (#10348) @flaviendelangle
- [docs] Clearer component pattern @oliviertassinari
- [docs] Easier to understand demo (#10370) @oliviertassinari
- [docs] Fix
301
to Material UI @oliviertassinari - [docs] Improve the column visibility section (#10327) @MBilalShafi
- [docs] Improve the documentation section
rowIdentifier
(#10326) @MBilalShafi - [docs] Improve pickers localization documentation (#10202) @flaviendelangle
- [docs] Polish typescript ref usage (#10359) @oliviertassinari
- [docs] Improve charts tooltip wording (#10406) @alexfauquette
Core
- [core] Cleanup GitHub issues template (#10372) @romgrk
- [core] Fix Circle CI OOM (#10385) @romgrk
- [core] Improve sleep test helper @oliviertassinari
- [core] Remove unwanted prefixes @oliviertassinari
- [core] Remove duplicate label @oliviertassinari
- [core] Simplify source @oliviertassinari
- [core] Upgrade monorepo (#10425) @cherniavskii
- [core] Upgrade monorepo to have the new typescript-to-prototype (#10224) @flaviendelangle
- [test] Do not use deprecated adapter methods (#10416) @flaviendelangle
- [test] Name test suites according to sentence case (#10429) @alexfauquette