Releases: mui/mui-x
v8.0.0-alpha.11
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
- ⚡ Mount and resize performance improvements for the Data Grid
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:
@alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @Janpot, @KenanYusuf, @LukasTy, @MBilalShafi, @noraleonte, @romgrk.
Data Grid
Breaking changes
-
createUseGridApiEventHandler()
is not exported anymore. -
The
filteredRowsLookup
object of the filter state does not containtrue
values anymore. If the row is filtered out, the value isfalse
. Otherwise, the row id is not present in the object.
This change only impacts you if you relied onfilteredRowsLookup
to get ids of filtered rows. In this case,usegridDataRowIdsSelector
selector to get row ids and checkfilteredRowsLookup
forfalse
values:const filteredRowsLookup = gridFilteredRowsLookupSelector(apiRef); -const filteredRowIds = Object.keys(filteredRowsLookup).filter((rowId) => filteredRowsLookup[rowId] === true); +const rowIds = gridDataRowIdsSelector(apiRef); +const filteredRowIds = rowIds.filter((rowId) => filteredRowsLookup[rowId] !== false);
-
The
visibleRowsLookup
state does not containtrue
values anymore. If the row is not visible, the value isfalse
. Otherwise, the row id is not present in the object:const visibleRowsLookup = gridVisibleRowsLookupSelector(apiRef); -const isRowVisible = visibleRowsLookup[rowId] === true; +const isRowVisible = visibleRowsLookup[rowId] !== false;
@mui/[email protected]
- [DataGrid] Avoid
<GridRoot />
double-render pass on mount in SPA mode (#15648) @lauri865 - [DataGrid] Fix loading overlay not in sync with scroll (#16437) @MBilalShafi
- [DataGrid] Refactor: remove material
MenuList
import (#16444) @romgrk - [DataGrid] Refactor: simplify
useGridApiEventHandler()
(#16479) @romgrk
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DataGridPro] Fix the return type of
useGridApiContext()
for Pro and Premium packages on React < 19 (#16441) @arminmeh
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DataGridPremium] Fix "no rows" overlay not showing with active aggregation (#16466) @KenanYusuf
Date and Time Pickers
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DateRangeCalendar] Support arrow navigation with multiple months rendered (#16363) @flaviendelangle
- [DateRangePicker] Fix
currentMonthCalendarPosition
prop behavior on mobile (#16455) @LukasTy - [DateRangePicker] Fix vertical alignment for multi input fields (#16489) @noraleonte
Charts
@mui/[email protected]
- [charts] Add
color
prop toSparkline
and deprecatecolors
(#16477) @bernardobelchior - [charts] Make typescript more flexible about plugins and their params (#16478) @alexfauquette
- [charts] Remove component for axis event listener (#16314) @alexfauquette
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Docs
- [docs] Update charts colors default value (#16484) @bernardobelchior
Core
v7.26.0
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
- ⚡ Mount and resize performance improvements for the Data Grid
- 🐞 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, @noraleonte, @LukasTy, @KenanYusuf, @flaviendelangle.
Data Grid
@mui/[email protected]
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DataGridPro] Fix the return type of
useGridApiContext()
for Pro and Premium packages on React < 19 (#16446) @arminmeh
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DataGridPremium] Fix "no rows" overlay not showing with active aggregation (#16468) @KenanYusuf
Date and Time Pickers
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DateRangePicker] Fix
currentMonthCalendarPosition
prop behavior on mobile (#16457) @LukasTy - [DateRangePicker] Fix vertical alignment for multi input fields (#16490) @noraleonte
Charts
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Core
- [core] Fix corepack and pnpm installation in CircleCI (#16452) @flaviendelangle
v8.0.0-alpha.10
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 🎨 Data Grid theming improvements and default background color
- 📚 Documentation improvements
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@k-rajat19, @lauri865, @mateuseap.
Following are all team members who have contributed to this release:
@alexfauquette, @flaviendelangle, @JCQuintas, @KenanYusuf, @MBilalShafi, @romgrk, @arminmeh.
Data Grid
Breaking changes
-
viewportInnerSize.width
now includes pinned columns' widths (fixes recursive loops in updating dimensions <-> columns) -
The Data Grid now has a default background color, and its customization has moved from
theme.mixins.MuiDataGrid
totheme.palette.DataGrid
with the following properties:bg
: Sets the background color of the entire grid (new property)headerBg
: Sets the background color of the header (previously namedcontainerBackground
)pinnedBg
: Sets the background color of pinned rows and columns (previously namedpinnedBackground
)
const theme = createTheme({ - mixins: { - MuiDataGrid: { - containerBackground: '#f8fafc', - pinnedBackground: '#f1f5f9', - }, - }, + palette: { + DataGrid: { + bg: '#f8fafc', + headerBg: '#e2e8f0', + pinnedBg: '#f1f5f9', + }, + }, });
-
The
detailPanels
,pinnedColumns
, andpinnedRowsRenderZone
classes have been removed. -
Return type of the
useGridApiRef()
hook and the type ofapiRef
prop are updated to explicitly include the possibilty ofnull
. In addition to this,useGridApiRef()
returns a reference that is initialized withnull
instead of{}
.Only the initial value and the type are updated. Logic that initializes the API and its availability remained the same, which means that if you could access API in a particular line of your code before, you are able to access it as well after this change.
Depending on the context in which the API is being used, you can decide what is the best way to deal with
null
value. Some options are:- Use optional chaining
- Use non-null assertion operator if you are sure your code is always executed when the
apiRef
is notnull
- Return early if
apiRef
isnull
- Throw an error if
apiRef
isnull
@mui/[email protected]
- [DataGrid] Fix
renderContext
calculation with scroll bounce / over-scroll (#16297) @lauri865 - [DataGrid] Remove unused classes from
gridClasses
(#16256) @mateuseap - [DataGrid] Add default background color to grid (#16066) @KenanYusuf
- [DataGrid] Add missing style overrides (#16272) @KenanYusuf
- [DataGrid] Add possibility of
null
in the return type of theuseGridApiRef()
hook (#16353) @arminmeh - [DataGrid] Fix header filters keyboard navigation when there are no rows (#16126) @k-rajat19
- [DataGrid] Fix order of
onClick
prop on toolbar buttons (#16356) @KenanYusuf - [DataGrid] Refactor row state propagation (#15627) @lauri865
- [DataGrid] Refactor: create TextField props (#16174) @romgrk
- [DataGrid] Remove outdated warning (#16360) @MBilalShafi
- [DataGrid] Respect width of
iconContainer
during autosizing (#16399) @michelengelen
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DataGridPro] Fetch new rows only once when multiple models are changed in one cycle (#16101) @arminmeh
- [DataGridPro] Fix the return type of
useGridApiRef
for Pro and Premium packages on React < 19 (#16328) @arminmeh
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
.
Date and Time Pickers
Breaking changes
- The component passed to the
field
slot no longer receives theref
,disabled
,className
,sx
,label
,name
,formatDensity
,enableAccessibleFieldDOMStructure
,selectedSections
,onSelectedSectionsChange
andinputRef
props — Learn more - The
MuiPickersPopper
theme entry have been renamedMuiPickerPopper
and some of its props have been removed — Learn more
@mui/[email protected]
- [pickers] Clean the internals and the public API of
<PickersPopper />
(#16319) @flaviendelangle - [pickers] Improve the JSDoc of the
PickerContextValue
properties (#16327) @flaviendelangle - [pickers] Move more field props to the context (#16278) @flaviendelangle
- [pickers] Do not close the picker when doing keyboard editing (#16402) @flaviendelangle
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Charts
Breaking changes
- Replace
legend.position.horizontal
from"left" | "middle" | "right"
to"start" | "center" | "end"
.
This is to align with the CSS values and reflect the RTL ability of the legend component. - The default colors have changed. To keep using the old palette. It is possible to import
blueberryTwilightPalette
from@mui/x-charts/colorPalettes
and set it on thecolors
property of charts. - The
id
property is now optional on thePie
andScatter
data types.
@mui/[email protected]
- [charts] Add new
bumpX
andbumpY
curve options (#16318) @JCQuintas - [charts] Move
tooltipGetter
toseriesConfig
(#16331) @JCQuintas - [charts] Move item highligh feature to plugin system (#16211) @alexfauquette
- [charts] Replace
legend.position.horizontal
from"left" | "middle" | "right"
to"start" | "center" | "end"
(#16315) @JCQuintas - [charts] New default colors (#16373) @JCQuintas
- [charts] Make
id
optional onPieValueType
andScatterValueType
(#16389) @JCQuintas
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Docs
- [docs] Improve release documentation (#16321) @MBilalShafi
Core
v7.25.0
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@k-rajat19, @lauri865.
Following are all team members who have contributed to this release:
@KenanYusuf, @MBilalShafi, @arminmeh.
Data Grid
@mui/[email protected]
- [DataGrid] Fix
renderContext
calculation with scroll bounce / over-scroll (#16368) @lauri865 - [DataGrid] Refactor row state propagation (#16351) @lauri865
- [DataGrid] Add missing style overrides (#16272) (#16358) @KenanYusuf
- [DataGrid] Fix header filters keyboard navigation when there are no rows (#16369) @k-rajat19
- [DataGrid] Fix order of
onClick
prop on toolbar buttons (#16364) @KenanYusuf - [DataGrid] Improve test coverage of server side data source (#15988) @MBilalShafi
- [DataGrid] Remove outdated warning (#16370) @MBilalShafi
- [DataGrid] Respect width of
iconContainer
during autosizing (#16409) @michelengelen
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DataGridPro] Fix the return type of
useGridApiRef
for Pro and Premium packages on React < 19 (#16348) @arminmeh - [DataGridPro] Fetch new rows only once when multiple models are changed in one cycle (#16382) @arminmeh
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
.
Date and Time Pickers
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Charts
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Docs
- [docs] Improve release documentation (#16322) @MBilalShafi
Core
v8.0.0-alpha.9
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Persian (fa-IR) and Urdu (ur-PK) locales on the Data Grid
- 📚 Documentation improvements
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@AxharKhan, @lauri865, @mapache-salvaje, @mostafaRoosta74.
Following are all team members who have contributed to this release:
@alexfauquette, @cherniavskii, @Janpot, @JCQuintas, @LukasTy, @arminmeh.
Data Grid
@mui/[email protected]
- [DataGrid] Fix toggling preference panel from toolbar (#16274) @lauri865
- [DataGrid] Only try to mount filter button if there are filters present (#16267) @lauri865
- [DataGrid] Revert
apiRef
to beMutableRefObject
for React versions < 19 (#16279) @arminmeh - [l10n] Improve Persian (fa-IR) locale (#16312) @mostafaRoosta74
- [l10n] Improve Urdu (ur-PK) locale (#16295) @AxharKhan
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
.
Date and Time Pickers
@mui/[email protected]
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Charts
Breaking Changes
The experimentalMarkRendering
prop has been removed from the LineChart
component.
The line mark are now <circle />
element by default.
And you can chose another shape by adding a shape
property to your line series.
The codemod only removes the experimentalMarkRendering
prop.
If you relied on the fact that marks were path
elements, you need to update your logic.
@mui/[email protected]
- [charts] Expand line with step interpolation (#16229) @alexfauquette
- [charts] Fix hydration mismatch (#16261) @alexfauquette
- [charts] Fix zoom option reactivity (#16262) @alexfauquette
- [charts] Move legend getter to series config (#16307) @alexfauquette
- [charts] Use
<circle />
instead of<path />
for line marks by default (#15220) @alexfauquette
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
, plus:
- [charts-pro] Fix
pro
components watermark (#16222) @JCQuintas
Tree View
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Docs
- [docs] Fix
domainLimit
definition (#16270) @alexfauquette - [docs] Fix tiny line chart breaking change (#16268) @alexfauquette
- [docs] Revise planned feature callouts and descriptions (#16290) @mapache-salvaje
- [docs] Copyedit the Aggregation doc (#16200) @mapache-salvaje
- [docs] Revise the Data Grid getting started docs (#15757) @mapache-salvaje
- [code-infra] Add 'use client' directive (#16273) @Janpot
- [code-infra] Allow dispatch of manual cherry-pick workflow (#16299) @JCQuintas
- [code-infra] Update changelog script (#16218) @cherniavskii
- [test] Fix flaky column pinning tests (#16219) @cherniavskii
- [test] Fix flaky tests (#16257) @lauri865
v7.24.1
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🐞 Bugfixes
- 🌍 Improve Persian (fa-IR) locale on the Data Grid
Special thanks go out to the community contributors who have helped make this release possible:
@mostafaRoosta74, @lauri865.
Following are all team members who have contributed to this release:
@alexfauquette, @JCQuintas, @cherniavskii, @LukasTy, @arminmeh.
Data Grid
@mui/[email protected]
- [DataGrid] Fix toggling preference panel from toolbar (#16276) @lauri865
- [DataGrid] Only try to mount filter button if there are filters present (#16269) @lauri865
- [DataGrid] Revert
apiRef
to beMutableRefObject
for React versions < 19 (#16320) @arminmeh - [l10n] Improve Persian (fa-IR) locale (#15964) @mostafaRoosta74
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
.
Date and Time Pickers
@mui/[email protected]
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Charts
@mui/[email protected]
- [charts] Handle case where gradient stop
offset
could beInfinite
(@JCQuintas) (#16309) @JCQuintas
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Docs
- [docs] Fix
domainLimit
definition (#16271) @alexfauquette
Core
- [core] Make
@mui/x-internals
a dependency of@mui/x-license
(#16265) @alexfauquette - [test] Fix flaky column pinning tests (#16228) @cherniavskii
- [test] Fix flaky tests (#16264) @lauri865
v7.24.0
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
- 🔄 Data Grid Scroll restoration
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@lauri865, @AxharKhan.
Following are all team members who have contributed to this release:
@KenanYusuf, @arminmeh, @cherniavskii, @michelengelen, @samuelsycamore, @LukasTy.
Data Grid
@mui/[email protected]
- [DataGrid] Fix resizing right pinned column (#16193) @KenanYusuf
- [DataGrid] Improve scrollbar deadzone with overlay scrollbars (#16212) @lauri865
- [DataGrid] Scroll restoration (#16208) @lauri865
- [DataGrid] Fix row, cell and header memoizations (#16195) @lauri865
- [l10n] Improve Urdu (ur-PK) locale (#16081) @AxharKhan
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DataGridPro] Add test for column pinning with disabled column virtualization (#16196) @cherniavskii
- [DataGridPro] Fix width of right-pinned column group during resize (#16207) @cherniavskii
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
.
Date and Time Pickers
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Charts
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
Internal changes.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Docs
- [docs] Copyedit the Data Grid cell selection page (#16213) @samuelsycamore
- [docs] Fix demo rendering issue on Codesandbox (#16129) @arminmeh
Core
- [core] Type all references as
RefObject
(#16125) @arminmeh - [code-infra] Refactor
react
andreact-dom
definitions to simplify dep resolving (#16214) @LukasTy - [infra] Improve cherry-pick action target list (#16188) @michelengelen
- [test] Fix flaky column pinning unit test (#16209) @cherniavskii
v8.0.0-alpha.8
We'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]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
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]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
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]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
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]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
No changes since @mui/[email protected]
.
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
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
v8.0.0-alpha.7
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
- 📊 Charts legend is now an HTML element which can be styled more easily
- 💫 Support aggregation with server-side data
- 🏎️ Improve Data Grid aggregation performance
- 🌍 Add Chinese (Taiwan) (zh-TW) locale on the Date and Time Pickers
- 🌍 Improve Norwegian (nb-NO) locale on the Date and Time Pickers
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@derek-0000, @josteinjhauge, @k-rajat19, @nusr, @tomashauser.
Following are all team members who have contributed to this release:
@cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @arminmeh, @romgrk, @oliviertassinari.
Data Grid
@mui/[email protected]
- [DataGrid] Improve React 19 support (#15769) @LukasTy
- [DataGrid] Add
name
attribute to the checkbox selection column (#15178) @derek-0000 - [DataGrid] Fix number filter field formatting values while typing (#16062) @arminmeh
- [DataGrid] Fix select all checkbox state reset with server side data (#16034) @MBilalShafi
- [DataGrid] Refactor: create base button props (#15930) @romgrk
- [DataGrid] Refactor: create tooltip props (#16086) @romgrk
- [DataGrid] Fix TS error (#16046) @cherniavskii
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
, plus:
- [DataGridPremium] Improve aggregation performance for multiple columns (#16097) @cherniavskii
- [DataGridPremium] Make Aggregation keyboard accessible in the column menu (#15934) @k-rajat19
- [DataGridPremium] Server-side aggregation with data source (#15741) @MBilalShafi
Date and Time Pickers
Breaking changes
- The
date-fns
anddate-fns-jalali
date library adapters have been renamed to better align with the current stable major versions — Learn more - Update default
closeOnSelect
and Action Baractions
values - Learn more - The component passed to the
layout
slot no longer receives thevalue
,onChange
andonSelectShortcut
props — Learn more. - The component passed to the
toolbar
slot no longer receives thevalue
,onChange
andisLandscape
props — Learn more. - The component passed to the
shortcuts
slot no longer receives theonChange
,isValid
andisLandscape
props — Learn more. - The
PickerShortcutChangeImportance
type has been renamedPickerChangeImportance
— Learn more. - The component passed to the
layout
slot no longer receives therangePosition
andonRangePositionChange
on range pickers — Learn more. - The component passed to the
toolbar
slot no longer receives therangePosition
andonRangePositionChange
on range pickers — Learn more. - The component passed to the
tabs
slot no longer receives therangePosition
andonRangePositionChange
on range pickers — Learn more.
@mui/[email protected]
- [fields] Handle focusing container with
inputRef.current.focus
onaccessibleFieldDOMStructure
(#15985) @LukasTy - [pickers] Always use
setValue
internally to update the picker value (#16056) @flaviendelangle - [pickers] Create a new context to pass the range position props to the layout components and to the views (#15846) @flaviendelangle
- [pickers] Introduce a new concept of
manager
(#15339) @flaviendelangle - [pickers] Improve React 19 support (#15769) @LukasTy
- [pickers] Memoize
<PickersActionBar />
(#16071) @LukasTy - [pickers] Remove
NonEmptyDateRange
type (#16035) @flaviendelangle - [pickers] Rename
AdapterDateFns
intoAdapterDateFnsV2
andAdapterDateFnsV3
intoAdapterDateFns
(#16082) @LukasTy - [pickers] Rename
ctx.onViewChange
toctx.setView
and add it to the actions context (#16044) @flaviendelangle - [pickers] Support
date-fns-jalali
v4 (#16011) @LukasTy - [pickers] Update
closeOnSelect
andactionBar.actions
default values (#15944) @LukasTy - [pickers] Use
usePickerContext()
andusePickerActionsContext()
instead of passing props to theshortcuts
andtoolbar
slots (#15948) @flaviendelangle - [l10n] Add Chinese (Taiwan) (zh-TW) locale (#16033) @nusr
- [l10n] Improve Norwegian (nb-NO) locale (#16089) @josteinjhauge
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Charts
Breaking changes
- Removed
DefaultChartsLegend
component, since it is now easier to create custom legends — Learn more. - The default legend is now an HTML element and can be styled more easily.
- The
width
andheight
properties of the charts now only apply to thesvg
element, and not their wrappers, this might cause some layout shifts. slotProps.legend.direction
now accepts'horizontal' | 'vertical'
instead of'row' | 'column'
— Learn more.- The
getSeriesToDisplay
function was removed in favor of theuseLegend
hook. — Learn more.
@mui/[email protected]
- [charts] New HTML legend & styles (#15733) @JCQuintas
- [charts] Improve React 19 support (#15769) @LukasTy
- [charts] Fix 301 redirection in the API documentation @oliviertassinari
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Docs
- [docs] Fix
EditingWithDatePickers
demo (#15967) @k-rajat19 - [docs] Fix inconsistent multi input range field separators (#16043) @flaviendelangle
- [docs] Fix non-existing "adapter" property of
LocalizationProvider
(#16084) @tomashauser - [docs] Refactor Data Grid with Date Pickers example (#15992) @LukasTy
- [docs] Unify the wording of the pickers slots breaking changes (#16036) @flaviendelangle
Core
- [core] Clarify the release strategy (#16014) @MBilalShafi
- [core] Small fixes on docs @oliviertassinari
- [core] Sync with other repos @oliviertassinari
- [core] Update the
release:version
docs (#16038) @cherniavskii - [code-infra] Add
testSkipIf
anddescribeSkipIf
(#16049) @JCQuintas - [test] Stabilize flaky Data Grid tests (#16053) @LukasTy
v7.23.6
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add Chinese (Taiwan) (zh-TW) locale on the Date and Time Pickers
- 🌍 Improve Norwegian (nb-NO) locale on the Date and Time Pickers
- 🌍 Improve Dutch (nl-NL) locale on the Data Grid
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@josteinjhauge, @derek-0000, @nusr, @k-rajat19, @tomashauser.
Following are all team members who have contributed to this release:
@flaviendelangle, @LukasTy, @MBilalShafi, @arminmeh, @oliviertassinari, @cherniavskii.
Data Grid
@mui/[email protected]
- [DataGrid] Improve React 19 support (#16048) @LukasTy
- [DataGrid] Add
name
attribute to selection checkboxes (#16041) @derek-0000 - [DataGrid] Fix number filter field formatting values while typing (#16068) @arminmeh
- [DataGrid] Fix select all checkbox state reset with server side data (#16039) @MBilalShafi
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
@mui/[email protected]
![premium](https://camo.githubusercontent.com/82166d10345f5a3685d7e0c0f2dee29176b4e6e2bf3ea1f0aca3077ba0ebeeaa/68747470733a2f2f6d75692e636f6d2f722f782d7072656d69756d2d737667)
Same changes as in @mui/[email protected]
.
Date and Time Pickers
@mui/[email protected]
- [pickers] Improve React 19 support (#16048) @LukasTy
- [l10n] Add Chinese (Taiwan) (zh-TW) locale (#16057) @nusr
- [l10n] Improve Norwegian (nb-NO) locale (#16083) @josteinjhauge
- [pickers] Support
date-fns-jalali
v4 (#16013) @LukasTy
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Charts
@mui/[email protected]
- [charts] Improve React 19 support (#16048) @LukasTy
- [charts] Fix 301 redirection in the API documentation @oliviertassinari
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Tree View
@mui/[email protected]
@mui/[email protected]
![pro](https://camo.githubusercontent.com/c0f1741b522367bc6f41b31a7c7cda3a5d5cee488ef3e8301f617e165bfda025/68747470733a2f2f6d75692e636f6d2f722f782d70726f2d737667)
Same changes as in @mui/[email protected]
.
Docs
- [docs] Fix
EditingWithDatePickers
demo (#16047) @k-rajat19 - [docs] Fix doc warning for automatic children selection on tree view (#16037) @flaviendelangle
- [docs] Fix non-existing "adapter" property of
LocalizationProvider
(#16088) @tomashauser
Core
- [core] Clarify the release strategy (#16012) @MBilalShafi
- [core] Update the
release:version
docs (#16040) @cherniavskii