Releases: mui/mui-x
v8.0.0-alpha.4
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Romanian locale on the Data Grid and Pickers
- 📚 Documentation improvements
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@k-rajat19, @nusr, @rares985, @zivl.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi.
Data Grid
Breaking changes
-
The selectors signature has been updated due to the support of arguments in the selectors. Pass
undefined
asarguments
if the selector doesn't use any arguments.-mySelector(state, instanceId) +mySelector(state, arguments, instanceId)
-
The
useGridSelector
signature has been updated due to the introduction of arguments parameter in the selectors. Passundefined
asarguments
if the selector doesn't use any arguments.-const output = useGridSelector(apiRef, selector, equals) +const output = useGridSelector(apiRef, selector, arguments, equals)
-
The default variant for text fields and selects in the filter panel has been changed to
outlined
. -
The "row spanning" feature is now stable.
<DataGrid - unstable_rowSpanning + rowSpanning />
-
Selected row is now deselected when clicked again.
@mui/x-data-grid@8.0.0-alpha.4
- [DataGrid] Deselect selected row on click (#15509) @k-rajat19
- [DataGrid] Fix "No rows" displaying when all rows are pinned (#15335) @nusr
- [DataGrid] Make row spanning feature stable (#15742) @MBilalShafi
- [DataGrid] Round dimensions to avoid subpixel rendering error (#15850) @KenanYusuf
- [DataGrid] Toggle menu on click in
<GridActionsCell />
(#15867) @k-rajat19 - [DataGrid] Trigger row spanning computation on rows update (#15858) @MBilalShafi
- [DataGrid] Update filter panel input variant (#15807) @KenanYusuf
- [DataGrid] Use
columnsManagement
slot (#15817) @k-rajat19 - [DataGrid] Use new selector signature (#15200) @MBilalShafi
- [l10n] Improve Romanian (ro-RO) locale (#15745) @rares985
@mui/x-data-grid-pro@8.0.0-alpha.4
Same changes as in @mui/x-data-grid@8.0.0-alpha.4
, plus:
- [DataGridPro] Make row reordering work with pagination (#15355) @k-rajat19
@mui/x-data-grid-premium@8.0.0-alpha.4
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.4
, plus:
- [DataGridPremium] Fix group column ignoring
valueOptions
forsingleSelect
column type (#15739) @arminmeh
Date and Time Pickers
@mui/x-date-pickers@8.0.0-alpha.4
- [l10n] Improve Romanian (ro-RO) locale (#15745) @rares985
- [pickers] Clean
usePicker
logic (#15763) @flaviendelangle - [pickers] Rename layout
ownerState
property fromisRtl
tolayoutDirection
(#15803) @flaviendelangle - [pickers] Use the new
ownerState
inuseClearableField
(#15776) @flaviendelangle - [pickers] Use the new
ownerState
in the toolbar components (#15777) @flaviendelangle - [pickers] Use the new
ownerState
object for the clock components and the desktop / mobile wrappers (#15669) @flaviendelangle
@mui/x-date-pickers-pro@8.0.0-alpha.4
Same changes as in @mui/x-date-pickers@8.0.0-alpha.4
.
Charts
Breaking changes
- The default styling of the charts tooltip has been updated.
@mui/x-charts@8.0.0-alpha.4
- [charts] Fix hydration missmatch (#15647) @alexfauquette
- [charts] Fix internal spelling typo (#15805) @zivl
- [charts] Fix scatter dataset with missing data (#15802) @alexfauquette
- [charts] HTML Labels (#15813) @JCQuintas
- [charts] Only access store values by using hooks (#15764) @alexfauquette
- [charts] Update Tooltip style (#15630) @alexfauquette
@mui/x-charts-pro@8.0.0-alpha.4
Same changes as in @mui/x-charts@8.0.0-alpha.4
.
Tree View
@mui/x-tree-view@8.0.0-alpha.4
No changes, releasing to keep the versions in sync.
@mui/x-tree-view-pro@8.0.0-alpha.4
Releasing to benefit from license package fix (#15814).
Docs
- [docs] Clean Joy and Browser custom field demos (#15707) @flaviendelangle
- [docs] Fix outdated link to handbook (#15855) @oliviertassinari
- [docs] Improve Pickers accessible DOM migration section description (#15596) @LukasTy
- [docs] Use
updateRows
method for list view demos (#15732) @KenanYusuf - [docs] Use date library version from package dev dependencies for sandboxes (#15762) @LukasTy
Core
v7.23.2
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve Romanian and Turkish locales on the Data Grid
- 🌍 Improve Romanian locale on the Pickers
- 📚 Documentation improvements
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@ihsanberkozcan, @k-rajat19, @lhilgert9, @nusr, @rares985.
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy.
Data Grid
@mui/x-data-grid@7.23.2
- [DataGrid] Fix "No rows" displaying when all rows are pinned (#15851) @nusr
- [DataGrid] Use
columnsManagement
slot (#15821) @k-rajat19 - [l10n] Improve Romanian (ro-RO) locale (#15751) @rares985
- [l10n] Improve Turkish (tr-TR) locale (#15748) @ihsanberkozcan
@mui/x-data-grid-pro@7.23.2
Same changes as in @mui/x-data-grid@7.23.2
, plus:
- [DataGridPro] Make Row reordering work with pagination (#15782) @k-rajat19
@mui/x-data-grid-premium@7.23.2
Same changes as in @mui/x-data-grid-pro@7.23.2
, plus:
- [DataGridPremium] Fix group column ignoring
valueOptions
forsingleSelect
column type (#15754) @arminmeh
Date and Time Pickers
@mui/x-date-pickers@7.23.2
@mui/x-date-pickers-pro@7.23.2
Same changes as in @mui/x-date-pickers@7.23.2
.
Charts
@mui/x-charts@7.23.2
- [charts] Fix key generation for the ChartsGrid (#15864) @alexfauquette
- [charts] Fix scatter dataset with missing data (#15804) @alexfauquette
@mui/x-charts-pro@7.23.2
Same changes as in @mui/x-charts@7.23.2
.
@mui/x-tree-view@v7.23.2
No changes, releasing to keep the versions in sync.
@mui/x-tree-view-pro@7.23.2
Releasing to benefit from license package fix (#15818).
Docs
- [docs] Fix typo in charts axis documentation (#15746) @JCQuintas
- [docs] Improve Pickers accessible DOM structure description (#15752) @LukasTy
- [docs] Use
updateRows
method for list view demos (#15824) @KenanYusuf - [docs] Use date library version from package dev dependencies for sandboxes (#15767) @LukasTy
Core
- [core] Add
@mui/x-tree-view-pro
toreleaseChangelog
(#15747) @flaviendelangle - [license] Use
console.log
for the error message on Codesandbox to avoid rendering error (#15818) @arminmeh
v8.0.0-alpha.3
Dec 5, 2024
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
- 💫 Support Server-side lazy loading on the Data Grid. Use data source to fetch a range of rows on demand and update the rows in the same way as described in Infinite loading and Lazy loading without the need to use any additional event listeners and callbacks.
- 🎯 Improved data caching. Check out our recommendations for improving the cache hit rate.
Special thanks go out to the community contributors who have helped make this release possible:
@ihsanberkozcan, @k-rajat19, @perezShaked.
Following are all team members who have contributed to this release:
@arminmeh, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte.
Data Grid
Breaking changes
- The "Select all" checkbox is now checked when all the selectable rows are selected, ignoring rows that are not selectable because of the
isRowSelectable
prop. - The
rowPositionsDebounceMs
prop was removed. - The
gridRowsDataRowIdToIdLookupSelector
selector was removed. Use thegridRowsLookupSelector
selector in combination with thegetRowId()
API method instead.-const idToIdLookup = gridRowsDataRowIdToIdLookupSelector(apiRef); -const rowId = idToIdLookup[id] +const rowsLookup = gridRowsLookupSelector(apiRef); +const rowId = apiRef.current.getRowId(rowsLookup[id])
- The Grid is now more aligned with the WAI-ARIA authoring practices and sets the
role
attribute totreegrid
if the Data Grid is used with row grouping feature.
@mui/x-data-grid@8.0.0-alpha.3
- [DataGrid] Fix deselection not working with
isRowSelectable
(#15692) @MBilalShafi - [DataGrid] Make column autosizing work with flex columns (#15465) @cherniavskii
- [DataGrid] Remove
gridRowsDataRowIdToIdLookupSelector
selector (#15698) @arminmeh - [DataGrid] Remove
rowPositionsDebounceMs
prop (#15482) @k-rajat19 - [l10n] Improve Hebrew (he-IL) locale (#15699) @perezShaked
- [l10n] Improve Turkish (tr-TR) locale (#15734) @ihsanberkozcan
@mui/x-data-grid-pro@8.0.0-alpha.3
Same changes as in @mui/x-data-grid@8.0.0-alpha.3
, plus:
- [DataGridPro] Cleanup pinned rows on removal (#15697) @cherniavskii
- [DataGridPro] Server-side lazy loading (#13878) @arminmeh
@mui/x-data-grid-premium@8.0.0-alpha.3
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.3
, plus:
Date and Time Pickers
Breaking changes
- The
onOpen()
andonClose()
methods of theusePickerContext()
hook have been replaced with a singlesetOpen
method — Learn more.
@mui/x-date-pickers@8.0.0-alpha.3
- [pickers] Replace the
onOpen()
andonClose()
methods ofusePickerContext()
with a singlesetOpen()
method. (#15701) @flaviendelangle
@mui/x-date-pickers-pro@8.0.0-alpha.3
Same changes as in @mui/x-date-pickers@8.0.0-alpha.3
.
Charts
@mui/x-charts@8.0.0-alpha.3
- [charts] Improve SVG
pattern
andgradient
support (#15720) @JCQuintas
@mui/x-charts-pro@8.0.0-alpha.3
Same changes as in @mui/x-charts@8.0.0-alpha.3
.
Tree View
@mui/x-tree-view@8.0.0-alpha.3
No changes since @mui/x-tree-view-pro@v8.0.0-alpha.2
.
@mui/x-tree-view-pro@8.0.0-alpha.3
Same changes as in @mui/x-tree-view@8.0.0-alpha.3
.
Docs
- [docs] Add a customization demo for the Date and Time Pickers overview page (#15118) @noraleonte
- [docs] Fix typo in charts axis documentation (#15743) @JCQuintas
- [docs] Improve SEO titles for the Data Grid (#15695) @MBilalShafi
Core
- [core] Add
@mui/x-tree-view-pro
toreleaseChangelog
(#15316) @flaviendelangle - [code-infra] Lock file maintenance (#11894)
- [code-infra] Check if
preset-safe
folder exists in codemod test (#15703) @JCQuintas - [code-infra] Import Pickers
preset-safe
into global codemod config (#15659) @JCQuintas - [code-infra] Playwright 1.49 (#15493) @JCQuintas
- [test] Force hover in headless Chrome (#15710) @cherniavskii
v7.23.1
7.23.1
Dec 5, 2024
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Improve German locale on the Data Grid component
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@lhilgert9.
Following are all team members who have contributed to this release:
@arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy and @MBilalShafi.
Data Grid
@mui/x-data-grid@7.23.1
- [DataGrid] Make column autosizing work with flex columns (#15712) @cherniavskii
- [l10n] Improve German (de-DE) locale (#15641) @lhilgert9
@mui/x-data-grid-pro@7.23.1
Same changes as in @mui/x-data-grid@7.23.1
, plus:
- [DataGridPro] Cleanup pinned rows on removal (#15702) @cherniavskii
@mui/x-data-grid-premium@7.23.1
Same changes as in @mui/x-data-grid-pro@7.23.1
.
Date and Time Pickers
@mui/x-date-pickers@7.23.1
- [TimePicker] Prevent mouse events after
touchend
event (#15430) @arthurbalduini
@mui/x-date-pickers-pro@7.23.1
Same changes as in @mui/x-date-pickers@7.23.1
.
Charts
@mui/x-charts@7.23.1
- [charts] Improve SVG
pattern
andgradient
support (#15724) @JCQuintas
@mui/x-charts-pro@7.23.1
Same changes as in @mui/x-charts@7.23.1
.
Docs
- [docs] Fix Pickers theme augmentation example (#15675) @LukasTy
- [docs] Remove duplicated warning (#15715) @cherniavskii
- [test] Force hover in headless Chrome (#15711) @cherniavskii
- [docs-infra] Bump
@mui/internal-markdown
to support nested demo imports (#15738) @alexfauquette - [docs] Improve SEO titles for the Data Grid (#15695) @MBilalShafi
Core
- [core] Add
@mui/x-tree-view-pro
toreleaseChangelog
(#15747) @flaviendelangle
v8.0.0-alpha.2
We'd like to offer a big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
- 👨🏽💻 Improve resize performance on the Data Gird.
<ChartDataProvider />
and<ChartsSurface />
components are now fully divided — Learn more.- Users can create their own HTML components using chart data — Learn more.
- 🌍 Improve Spanish, Portuguese, Chinese locales on the Data Grid component.
- 🌍 Improve Dutch locale on the Date and Time Pickers components.
- 🐞 Bugfixes
- 📚 Documentation improvements
Special thanks go out to the community contributors who have helped make this release possible:
@dloeda, @headironc, @jedesroches, @k-rajat19, @lauri865, @mathzdev, @nphmuller, @zinoroman.
Following are all team members who have contributed to this release:
@arminmeh, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @oliviertassinari.
Data Grid
Breaking changes
- The
<GridOverlays />
component is not exported anymore. - The
indeterminateCheckboxAction
prop has been removed. Clicking on an indeterminate checkbox "selects" the unselected descendants. - The
apiRef.current.resize()
method was removed. - The default value of the
rowSelectionPropagation
prop has been changed to{ parents: true, descendants: true }
which means that the selection will be propagated to the parents and descendants by default.
To revert to the previous behavior, passrowSelectionPropagation
as{ parents: false, descendants: false }
. - If
estimatedRowCount
is used, the text provided to the Table Pagination component from the Material UI library is updated and requires additional translations. Check the example at the end of Index-based pagination section.
@mui/x-data-grid@v8.0.0-alpha.2
- [DataGrid] Change test dom check from
/jsdom/
to/jsdom|HappyDOM/
. (#15634) @jedesroches - [DataGrid] Clear timers on unmount (#15620) @cherniavskii
- [DataGrid] Fix order of spread props on toolbar items (#15556) @KenanYusuf
- [DataGrid] Improve resize performance (#15549) @lauri865
- [DataGrid] Make estimation label more accurate (#15632) @arminmeh
- [DataGrid] Remove
<GridOverlays />
export (#15573) @k-rajat19 - [DataGrid] Remove
indeterminateCheckboxAction
prop (#15522) @MBilalShafi - [DataGrid] Remove try/catch from
<GridCell />
due to performance issues (#15616) @lauri865 - [DataGrid] Remove unused
resize
method (#15599) @cherniavskii - [DataGrid] Support column virtualization with dynamic row height (#15541) @cherniavskii
- [DataGrid] Update the default value for
rowSelectionPropagation
(#15523) @MBilalShafi - [l10n] Improve Chinese (zh-CN) locale (#15570) @headironc
- [l10n] Improve Portuguese (pt-PT) locale (#15561) @mathzdev
@mui/x-data-grid-pro@v8.0.0-alpha.2
Same changes as in @mui/x-data-grid@v8.0.0-alpha.2
, plus:
- [DataGridPro] Fix header filtering with
boolean
column type (#15528) @k-rajat19 - [DataGridPro] Fix pagination state not updating if the data source response has no rows (#15622) @zinoroman
- [DataGridPro] Fix selection propagation issue on initialization (#15461) @MBilalShafi
@mui/x-data-grid-premium@v8.0.0-alpha.2
Same changes as in @mui/x-data-grid-pro@v8.0.0-alpha.2
.
Date and Time Pickers
Breaking changes
-
The props received by the
layout
and thetoolbar
slots have been reworked — Learn more. -
The
TSection
generic of theFieldRef
type has been replaced with theTValue
generic — Learn more.
@mui/x-date-pickers@v8.0.0-alpha.2
- [l10n] Improve Dutch (nl-NL) locale (#15564) @nphmuller
- [pickers] Fix DST issue with
America/Asuncion
timezone andAdapterMoment
(#15552) @flaviendelangle - [pickers] Improve validation internals (#15419) @flaviendelangle
- [pickers] Remove
TSection
and strictly typeTValue
(#15434) @flaviendelangle - [pickers] Remove
orientation
,isLandscape
,isRtl
,wrapperVariant
anddisabled
props fromPickersLayout
(#15494) @flaviendelangle - [pickers] Use the new
ownerState
in<PickersCalendarHeader />
,<PickersArrowSwitcher />
and<DayCalendarSkeleton />
(#15499) @flaviendelangle - [pickers] Use the new
ownerState
object in all the field components (#15510) @flaviendelangle
@mui/x-date-pickers-pro@v8.0.0-alpha.2
Same changes as in @mui/x-date-pickers@v8.0.0-alpha.2
.
Charts
Breaking changes
- Charts Container don't have a
<div />
wrapping them anymore. All props are now passed to the root<svg />
instead of the<div />
.
@mui/x-charts@v8.0.0-alpha.2
- [charts] Allow the creation of custom HTML components using charts data (#15511) @JCQuintas
- [charts] Flatten imports from
@mui/utils
and@mui/system
(#15603) @alexfauquette - [charts] Introduce the plugin system (#15513) @alexfauquette
- [charts] Prevent invalid
releasePointerCapture
(#15602) @alexfauquette - [charts] Fix custom Tooltip demos (#15631) @alexfauquette
@mui/x-charts-pro@v8.0.0-alpha.2
Same changes as in @mui/x-charts@v8.0.0-alpha.2
.
Tree View
@mui/x-tree-view@v8.0.0-alpha.2
- [TreeView] Flatten import from
@mui/utils
and@mui/system
(#15604) @alexfauquette
@mui/x-tree-view-pro@v8.0.0-alpha.2
Same changes as in @mui/x-tree-view@v8.0.0-alpha.2
.
Docs
- [docs] Fix 404 links (#15575) @oliviertassinari
- [docs] Fix bash comments (#15571) @oliviertassinari
- [docs] Fix Pickers theme augmentation example (#15672) @LukasTy
- [docs] Replace use of "e.g." with "for example" (#15572) @oliviertassinari
- [docs] Update stale
new
andpreview
tags in v8 docs (#15547) @JCQuintas - [docs] Fix layout shift image on Tree View docs (#15626) @oliviertassinari
- [docs] Fix
anchorEl
API page for charts (#15625) @oliviertassinari - [docs] Add documentation for the list view feature (#15344) @KenanYusuf
Core
- [core] Follow
()
function convention for docs @oliviertassinari - [core] Remove dead translation key (#15566) @oliviertassinari
- [code-infra] Auto-merge
@types/node
bumps (#15591) @LukasTy
v7.23.0
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
-
✨ Support for a new display mode on the Data Grid with the List View feature, offering an extremely flexible way to render datasets and enabling developers to adapt how data is displayed across different screen sizes.
list-view-feature.mp4
-
⚛️ React 19 support
-
📚 Documentation improvements
-
🌍 Improve Spanish, Portuguese, Chinese locales on the Data Grid component.
-
🌍 Improve Dutch locale on the Date and Time Picker components.
-
🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@dloeda, @headironc, @mathzdev, @nphmuller, @lhilgert9, @lauri865.
Following are all team members who have contributed to this release:
@oliviertassinari, @arminmeh, @KenanYusuf, @flaviendelangle, @MBilalShafi.
Data Grid
@mui/x-data-grid@v7.23.0
- [DataGrid] React 19 support (#15557) @arminmeh
- [DataGrid] Change test dom check from
/jsdom/
to/jsdom|HappyDOM/
. (#15642) @jedesroches - [DataGrid] Fix last separator not being hidden when grid is scrollable (#15551) @KenanYusuf
- [DataGrid] Fix order of spread props on toolbar items (#15556) @KenanYusuf
- [DataGrid] Fix row-spanning in combination with column-pinning (#15460) @lhilgert9
- [DataGrid] Improve resize performance (#15592) @lauri865
- [DataGrid] Support column virtualization with dynamic row height (#15567) @cherniavskii
- [DataGrid] Improve
GridCell
performance (#15621) @lauri865 - [l10n] Improve Chinese (zh-CN) locale (#15570) @headironc
- [l10n] Improve Portuguese (pt-PT) locale (#15561) @mathzdev
@mui/x-data-grid-pro@v7.23.0
Same changes as in @mui/x-data-grid@v7.23.0
, plus:
- [DataGridPro] Fix header filtering with
boolean
column type (#15640) @k-rajat19 - [DataGridPro] Fix pagination state not updating if the data source response has no rows (#15643) @zinoroman
- [DataGridPro] Fix selection propagation issue on initialization (#15593) @MBilalShafi
@mui/x-data-grid-premium@v7.23.0
Same changes as in @mui/x-data-grid-pro@v7.23.0
.
Date and Time Pickers
@mui/x-date-pickers@v7.23.0
- [pickers] React 19 support (#15557) @arminmeh
- [pickers] Fix DST issue with
America/Asuncion
timezone andAdapterMoment
(#15653) @flaviendelangle - [pickers] Use
props.referenceDate
timezone whenprops.value
andprops.defaultValue
are not defined (#15544) @flaviendelangle - [l10n] Improve Dutch (nl-NL) locale (#15564) @nphmuller
@mui/x-date-pickers-pro@v7.23.0
Same changes as in @mui/x-date-pickers@v7.23.0
.
Charts
@mui/x-charts@v7.23.0
- [charts] React 19 support (#15557) @arminmeh
- [charts] Prevent invalid
releasePointerCapture
(#15609) @alexfauquette
@mui/x-charts-pro@v7.23.0
Same changes as in @mui/x-charts@v7.23.0
.
Tree View
@mui/x-tree-view@v7.23.0
@mui/x-tree-view-pro@7.23.0
Same changes as in @mui/x-tree-view@7.23.0
.
Docs
- [docs] Add data caching to lazy loaded detail panel demo (#15555) @cherniavskii
- [docs] Remove selectors section from list view docs (#15639) @KenanYusuf
- [docs] Add documentation for the list view feature (#15344) @KenanYusuf
Core
- [core] Update @mui/monorepo (#15574) @oliviertassinari
v8.0.0-alpha.1
We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
- 🔧 Refactor Tooltip customisation for charts — Learn more.
- ⚛️ React 19 support
- 🌍 Improve Chinese, Spanish, and Swedish locale on the Data Grid component
- 🐞 Bugfixes
- 📚 Documentation improvements
Breaking change
Special thanks go out to the community contributors who have helped make this release possible:
@CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @lhilgert9, @viktormelin.
Following are all team members who have contributed to this release:
@alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @KenanYusuf, @arminmeh.
Data Grid
@mui/x-data-grid@v8.0.0-alpha.1
- [DataGrid] React 19 support (#15342) @arminmeh
- [DataGrid] Add prop to override search input props in
GridColumnsManagement
(#15347) @k-rajat19 - [DataGrid] Add test coverage for issues fixed in #15184 (#15282) @MBilalShafi
- [DataGrid] Change default loading overlay variants (#15504) @KenanYusuf
- [DataGrid] Fix last separator not being hidden when grid is scrollable (#15543) @KenanYusuf
- [DataGrid] Fix right column group header border with virtualization (#15470) @hendrikpeilke
- [DataGrid] Fix row-spanning in combination with column-pinning (#15368) @lhilgert9
- [l10n] Improve Chinese (zh-CN) locale (#15365) @headironc
- [l10n] Improve Spanish (es-ES) locale (#15369) @CarlosLopezLg
- [l10n] Improve Swedish (sv-SE) locale (#15371) @viktormelin
@mui/x-data-grid-pro@v8.0.0-alpha.1
Same changes as in @mui/x-data-grid@v8.0.0-alpha.1
.
@mui/x-data-grid-premium@v8.0.0-alpha.1
Same changes as in @mui/x-data-grid-pro@v8.0.0-alpha.1
, plus:
Date and Time Pickers
Breaking change
- The
FieldValueType
type has been renamed toPickerValueType
— Learn more. - The
toolbar
andlayout
slots no longer receive thedisabled
andreadOnly
props — Learn more.
@mui/x-date-pickers@v8.0.0-alpha.1
- [fields] Fix focus management with new DOM structure (#15475) @flaviendelangle
- [pickers] React 19 support (#15342) @arminmeh
- [pickers] Add new properties to
PickerOwnerState
andPickerContextValue
(#15415) @flaviendelangle - [pickers] Always use
props.value
when it changes (#15490) @flaviendelangle - [pickers] Ensure internal value timezone is updated (#15435) @LukasTy
- [pickers] Fix unused code in
<PickersToolbar />
component (#15515) @LukasTy - [pickers] Remove
FieldValueType
in favor ofPickerValueType
(#15259) @arthurbalduini - [pickers] Remove the form props from the layout and the toolbar slots (#15492) @flaviendelangle
- [pickers] Use
props.referenceDate
timezone whenprops.value
andprops.defaultValue
are not defined (#15532) @flaviendelangle - [TimePicker] Prevent mouse events after
touchend
event (#15346) @arthurbalduini
@mui/x-date-pickers-pro@v8.0.0-alpha.1
Same changes as in @mui/x-date-pickers@v8.0.0-alpha.1
, plus:
Charts
Breaking change
-
The DX of the Tooltip customization has been refactored
- The
tooltip
prop has been removed in favor ofslotProps.tooltip
for consistency. - The
popper
,axisContent
, anditemContent
slots have been removed in favor of thetooltip
slot which overrides the entire tooltip.- To override the tooltip content, use the
useItemTooltip
oruseAxisTooltip
hook to get the data, and wrap your component inChartsTooltipContainer
to follow the pointer position. - To override the tooltip placement, use the
ChartsItemTooltipContent
orChartsItemTooltipContent
to get default data and place them in your custom tooltip.
- To override the tooltip content, use the
- The
-
The library now uses the SVG
filter
attribute instead ofd3-color
for color manipulation.- This modification impacts the
LinePlot
,AreaPlot
, andBarPlot
components.
If you've customized thefill
of those elements, you might need to override it by using the CSSfilter
. - The
theme.styleOverride
is removed forMuiLineElement
,MuiAreaElement
, andMuiBarElement
to improve performance.
You can still target those elements by using theMuiLinePlot
,MuiAreaPlot
, andMuiBarPlot
and target the appropriate classeslineElementClasses.root
,areaElementClasses.root
,barElementClasses.root
- This modification impacts the
-
Removed the
resolveSizeBeforeRender
prop from all chart components — Learn more. -
Removed
width
andheight
props from theChartsSurface
component. -
Removed the
viewport
prop from all charts.
@mui/x-charts@v8.0.0-alpha.1
- [charts] React 19 support (#15342) @arminmeh
- [charts] Decouple
<ChartDataProvider />
and<ChartsSurface />
(#15375) @JCQuintas - [charts] Fix Scatter Chart tooltip wrong defaults (#15537) @JCQuintas
- [charts] Fix key generation for the
<ChartsGrid />
component (#15463) @alexfauquette - [charts] Improve
<SvgRefProvider />
to split the received ref (#15424) @JCQuintas - [charts] Move interaction state in store (#15426) @alexfauquette
- [charts] Refactor Tooltip customisation (#15154) @alexfauquette
- [charts] Remove intrinsic size requirement (#15471) @JCQuintas
- [charts] Replace
d3-color
with CSS filter for highlight (#15084) @alexfauquette - [charts] Split
<DrawingProvider />
into<DrawingAreaProvider />
and<SvgRefProvider />
(#15417) @JCQuintas
@mui/x-charts-pro@v8.0.0-alpha.1
Same changes as in @mui/x-charts@v8.0.0-alpha.1
.
Tree View
Breaking changes
- The Tree Item component can no longer use
publicAPI
methods in therender
because they are now memoized — Learn more.
@mui/x-tree-view@v8.0.0-alpha.1
- [TreeView] React 19 support (#15342) @arminmeh
- [TreeView] Do not re-render every Tree Item when the Rich Tree View re-renders (introduce selectors) (#14210) @flaviendelangle
- [TreeView] Remove
treeId
from the item context (#15542) @flaviendelangle - [TreeView] Remove state mutation in
moveItemInTree()
(#15539) @flaviendelangle - [TreeItem] Correct the typing of
slotProps.groupTransition
(#15534) @flaviendelangle
Docs
- [docs] Fix some migration typos (#15422) @LukasTy
- [docs] Fix typo in migration guide (#15508) @flaviendelangle
- [docs] Fix 301 redirection in docs @oliviertassinari
- [docs] Polish Server-side data section (#15330) @oliviertassinari
- [docs] Use loading state in the demos (#15512) @cherniavskii
Core
- [core] Keep OpenSSF badge up-to-date @oliviertassinari
- [code-infra] Add
'DensitySelectorGrid'
to time-sensitive argos tests (#15425) @JCQuintas - [code-infra] Add documentation to internal types (#15540) @JCQuintas
- [code-infra] Prevent relative imports across packages (#15437) @JCQuintas
- [code-infra] Update renovate config to merge
action
pins (#15462) @LukasTy - [docs-infra] Fix version tooltip (#15468) @alexfauquette
- [docs-infra] Transpile
.ts
demo files (#15345) @KenanYusuf - [infra] Remove cherry-pick issue write permission (#15456) @oliviertassinari
v7.22.3
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
- 📊 Charts Pro get stable. The zoom and Heatmap are now stable.
- 🌍 Improve Chinese, Spanish, Swedish, and Turkish locales on the Data Grid
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@CarlosLopezLg, @headironc, @viktormelin, @qerkules, @DungTiger, @hendrikpeilke, @k-rajat19.
Following are all team members who have contributed to this release:
@alexfauquette, @LukasTy, @MBilalShafi, @flaviendelangle.
Data Grid
@mui/x-data-grid@7.22.3
- [DataGrid] Add prop to override search input props in
GridColumnsManagement
(#15476) @k-rajat19 - [DataGrid] Add test coverage for issues fixed in #15184 @MBilalShafi
- [DataGrid] Fix memoized selectors with arguments (#15336) @MBilalShafi
- [DataGrid] Fix right column group header border with virtualization (#15503) @hendrikpeilke
- [DataGrid] Pass reason to
onPaginationModelChange
(#15402) @DungTiger - [DataGrid] Set default overlay height in flex parent layout (#15535) @cherniavskii
- [l10n] Improve Chinese (zh-CN) locale (#15365) @headironc
- [l10n] Improve Spanish (es-ES) locale (#15369) @CarlosLopezLg
- [l10n] Improve Swedish (sv-SE) locale (#15371) @viktormelin
- [l10n] Improve Turkish (tr-TR) locale (#15414) @qerkules
@mui/x-data-grid-pro@7.22.3
Same changes as in @mui/x-data-grid@7.22.3
.
@mui/x-data-grid-premium@7.22.3
Same changes as in @mui/x-data-grid-pro@7.22.3
.
Date and Time Pickers
@mui/x-date-pickers@7.22.3
- [pickers] Always use
props.value
when it changes (#15500) @flaviendelangle - [pickers] Ensure internal value timezone is updated (#15491) @LukasTy
- [pickers] Fix
DateTimeRangePicker
error when using format without time (#15341) @fxnoob - [pickers] Fix unused code in
PickersToolbar
component (#15525) @LukasTy
@mui/x-date-pickers-pro@7.22.3
Same changes as in @mui/x-date-pickers@7.22.3
, plus:
Charts
@mui/x-charts@7.22.3
No changes since @mui/x-charts@7.22.2
.
@mui/x-charts-pro@7.22.3
- [charts-pro] Fix missing typeOverload (#15400) @alexfauquette
Docs
-
[docs] Add
PickersPopper
component to customization playground (#15397) @LukasTy -
[docs] Use the
loading
state in the demos (#15538) @cherniavskii -
[code-infra] Tentative fix for Argos flaky screenshot tests (#15399) @JCQuintas
-
[docs-infra] Transpile
.ts
demo files (#15421) @KenanYusuf -
[core] Clarify release version bump strategy (#15536) @cherniavskii
v8.0.0-alpha.0
We'd like to offer a big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:
- 🔁 Support automatic parents and children selection for the Rich Tree View components.
- 🌍 Improve Greek (el-GR) locale on the Date and Time Pickers components
- 🌍 Improve Polish (pl-PL) locale on the Data Grid component
- 🐞 Bugfixes
- 📚 Documentation improvements
Special thanks go out to the community contributors who have helped make this release possible:
@belkocik, @GeorgiosDrivas, @k-rajat19, @kalyan90, @DungTiger, @fxnoob, @GuillaumeMeheut
Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy,
@MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @samuelsycamore, @joserodolfofreitas.
Data Grid
@mui/x-data-grid@8.0.0-alpha.0
- [DataGrid] Fix grid overlay aligment with scroll for rtl (#15072) @kalyan90
- [DataGrid] Fix resizing right pinned column (#15107) @KenanYusuf
- [DataGrid] Pass the reason to the
onPaginationModelChange
callback (#13959) @DungTiger - [DataGrid] Set default overlay height in flex parent layout (#15202) @cherniavskii
- [DataGrid] Refactor
baseMenuList
andbaseMenuItem
(#15049) @romgrk - [DataGrid] Remove more material imports (#15063) @romgrk
- [l10n] Improve Polish (pl-PL) locale (#15227) @belkocik
@mui/x-data-grid-pro@8.0.0-alpha.0
Same changes as in @mui/x-data-grid@8.0.0-alpha.0
, plus:
- [DataGridPro] Fix column pinning layout (#14966) @cherniavskii
@mui/x-data-grid-premium@8.0.0-alpha.0
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.0
, plus:
- [DataGridPremium] Server-side data source with row grouping (#13826) @MBilalShafi
Date and Time Pickers
Breaking changes
-
The default DOM structure of the field has changed Learn more.
- Before version
v8.x
, the fields' DOM structure consisted of an<input />
, which held the whole value for the component, but unfortunately presents a few limitations in terms of accessibility when managing multiple section values. - Starting with version
v8.x
, all the field and picker components come with a new DOM structure that allows the field component to set aria attributes on individual sections, providing a far better experience with screen readers.
- Before version
-
Some translation keys no longer require
utils
and the date object as parameters, but only the formatted value as a string. The keys affected by this changes are:clockLabelText
,openDatePickerDialogue
andopenTimePickerDialogue
— Learn more. -
The following types are no longer exported by
@mui/x-date-pickers
and@mui/x-date-pickers-pro
— Learn more.UseDateFieldComponentProps
UseTimeFieldComponentProps
UseDateTimeFieldComponentProps
BaseSingleInputFieldProps
BaseMultiInputFieldProps
BasePickersTextFieldProps
-
The
TDate
generic has been removed from all the types, interfaces, and variables of the@mui/x-date-pickers
and@mui/x-date-pickers-pro
packages — Learn more. -
Renamed
usePickersTranslations
andusePickersContext
hooks to have a coherentPicker
prefix instead ofPickers
— Learn more. -
The
LicenseInfo
object is no longer exported from the@mui/x-date-pickers-pro
package — Learn more.
@mui/x-date-pickers@8.0.0-alpha.0
- [fields] Enable the new field DOM structure by default (#14651) @flaviendelangle
- [fields] Remove
UseDateFieldComponentProps
and equivalent interfaces (#15053) @flaviendelangle - [fields] Remove clear button from the tab sequence (#14616) @k-rajat19
- [l10n] Improve Greek (el-GR) locale (#15250) @GeorgiosDrivas
- [pickers] Clean definition of validation props (#15198) @flaviendelangle
- [pickers] Clean the new
ownerState
object (#15056) @flaviendelangle - [pickers] Correctly type the
ownerState
of thefield
andactionBar
slots when resolved in a picker component (#15162) @flaviendelangle - [pickers] Fix
DateCalendar
timezone management (#12321) @LukasTy - [pickers] Fix
DateTimeRangePicker
error when using format without time (#14917) @fxnoob - [pickers] Fix
DigitalClock
time options on aDST
switch day (#10793) @LukasTy - [pickers] Remove
TDate
generics in favor ofPickerValidDate
direct usage (#15001) @flaviendelangle - [pickers] Remove
utils
andvalue
params from translations (#14986) @arthurbalduini - [pickers] Remove plural in "Pickers" on recently introduced APIs (#15297) @flaviendelangle
- [pickers] Remove the re-export from
@mui/x-license
(#14487) @k-rajat19 - [pickers] Strictly type the props a picker passes to its field, and migrate all the custom field demos accordingly (#15197) @flaviendelangle
- [pickers] Unify JSDoc for all the
disabled
andreadOnly
props (#15304) @flaviendelangle - [pickers] Use the new
ownerState
inDateCalendar
,DateRangeCalendar
,MonthCalendar
andYearCalendar
(#15171) @flaviendelangle - [pickers] Use the new
ownerState
inusePickersLayout
anduseXXXPicker
(#14994) @flaviendelangle
@mui/x-date-pickers-pro@8.0.0-alpha.0
Same changes as in @mui/x-date-pickers@8.0.0-alpha.0
.
Charts
Breaking changes
-
The
legend
prop got removed. To pass props to the legend, useslotProps={{ legend: { ... } }}
instead. This can be automatically done with the codemod as long as thelegend
prop does not come from a destructured object — Learn more. -
The
slots.legend
does not receive thedrawingArea
prop. You can still access your custom legend with theuseDrawingArea()
hook if your custom legend needs it. -
Removed or renamed multiple props from Series — Learn more.
- The
highlighted
andfaded
properties of highlightScope were deprecated in favor ofhighlight
andfade
.
The deprecated ones are now removed. - The
xAxisKey
,yAxisKey
, andzAxisKey
properties got deprecated in favor ofxAxisId
,yAxisId
, andzAxisId
.
- The
-
The Pie Chart lost all props and renderer linked to axes because pie chart does not need cartesian axes. If you used it, you can still add them back with composition. Please consider opening an issue to share your use case with us — Learn more.
@mui/x-charts@8.0.0-alpha.0
- [charts] Introduce
hideLegend
prop (#15277) @alexfauquette - [charts] Filter items outside the drawing area for performance (#14281) @alexfauquette
- [charts] Fix log scale with
null
data (#15337) @alexfauquette - [charts] Fix tooltip follow mouse (#15189) @alexfauquette
- [charts] Remove
xAxisKey
,yAxisKey
, andzAxisKey
series keys (#15192) @alexfauquette - [charts] Remove axis from the pie chart (#15187) @alexfauquette
- [charts] Remove deprecated
legend
props (#15081) @alexfauquette - [charts] Remove deprecated highlight properties (#15191) @alexfauquette
- [charts] Update Popper position outside of React (#15003) @alexfauquette
- [charts] Improve the performance of the
getSymbol
method (#15233) @romgrk
@mui/x-charts-pro@8.0.0-alpha.0
Same changes as in @mui/x-charts@8.0.0-alpha.0
.
Tree View
Breaking changes
-
The
ContentComponent
orContentProps
props of the<TreeItem />
component have been removed in favor of the newslots
,slotProps
props and of theuseTreeItem
hook — Learn more. -
The
onClick
andonMouseDown
callbacks of the Tree Item component are now passed to the root element instead of the content — Learn more. -
Rename the
<TreeItem2 />
component (and related utils) — Learn more. -
The
<TreeView />
component has been renamed<SimpleTreeView />
which has exactly the same API — Learn more. -
The indentation of nested Tree Items is now applied on the content of the element — Learn more.
@mui/x-tree-view@8.0.0-alpha.0
v7.22.2
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
- 👨🏽💻 API enhancements
- 🐞 Bugfixes
Special thanks go out to the community contributors who have helped make this release possible:
@clins1994, @GuillaumeMeheut, @k-rajat19.
Following are all team members who have contributed to this release:
@LukasTy, @MBilalShafi, @KenanYusuf, @arminmeh.
Upcoming alpha
Keep an eye out for the MUI⠀X v8.0.0-aplha.0
release soon. It will follow a weekly release schedule as always until it is stable.
Data Grid
@mui/x-data-grid@7.22.2
- [DataGrid] Fix
null
reference error inGridVirtualScrollbar
(#15289) @MBilalShafi - [DataGrid] Fix filtering with
boolean
column type (#15257) @k-rajat19 - [DataGrid] Improve row selection propagation trigger (#15274) @MBilalShafi
- [DataGrid] Preprocess edit cell props on backspace/delete (#15223) @KenanYusuf
- [DataGrid] Add a recipe to persist column width and order (#15309) @MBilalShafi
@mui/x-data-grid-pro@7.22.2
Same changes as in @mui/x-data-grid@7.22.2
, plus:
- [DataGridPro] Apply default properties if they are not passed in a reorder column (#15320) @k-rajat19
- [DataGridPro] Toggle row expansion with
Enter
key in Tree data (#15313) @k-rajat19
@mui/x-data-grid-premium@7.22.2
Same changes as in @mui/x-data-grid-pro@7.22.2
, plus:
- [DataGridPremium] Fix incorrect rows selection count when selection propagation is enabled with row grouping (#15222) @arminmeh
Date and Time Pickers
@mui/x-date-pickers@7.22.2
@mui/x-date-pickers-pro@7.22.2
Same changes as in @mui/x-date-pickers@7.22.2
.
Charts
@mui/x-charts@7.22.2
- [charts] Allow
SeriesValueFormatter
to returnnull
value (#15295) @clins1994 - [charts] Allow configuring the
domainLimit
for each axis. (#15325) @GuillaumeMeheut
@mui/x-charts-pro@7.0.0-beta.7
Same changes as in @mui/x-charts@7.22.2
.