The community edition of the MUI X Date and Time Picker components.
Last release 6 days ago
21 Aug 2026
Ships on a steady schedule
a new release about every 2 weeks
Nearly every release is documented
notes for 60 of the last 60 stable releases
1 version withdrawn
withdrawn after publishing
4 years old
272 releases Β· first in 2022
Release timeline
272 releases since 2022Releases
- 8.5.15 Jun 2025
Release notes
Open source βWe'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights β¨:
- π Allow exporting pie charts
- π Documentation improvements
- π Improve Portuguese (ptPT) translations on the Data Grid
- π Improve Portuguese (ptPT, ptBR) translations on Charts
- π Improve Arabic (ar-SD) locale
- π Bugfixes
Special thanks go out to the community members for their valuable contributions: @moosekebab, @TiagoPortfolio. The following are all team members who have contributed to this release: @alexfauquette, @bernardobelchior, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen, @arminmeh.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix
registerPipeProcessor()for Node v20 (#18241) @arminmeh - [DataGrid] Fix background color in column header filler cells (#18188) @KenanYusuf
- [DataGrid] Keep pipe pre-processors execution order when callback reference changes (#17558) @arminmeh
- [DataGrid] Use
useComponentRendererfrom x-internals (#18203) @bernardobelchior - [l10n] Improve Arabic (ar-SD) locale (#17959) @moosekebab
- [l10n] Improve Portuguese from Portugal (pt-PT) locale (#18064) @TiagoPortfolio
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Skip rendering detail panels of the rows turned into skeleton rows with lazy loading (#17958) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Fix
transformOriginresolving based on popperplacement(#18206) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Allow skipping tooltip render (#18050) @alexfauquette
- [charts] Fix act warnings in toolbar tests (#18212) @JCQuintas
- [charts] Fix prop typo in
extendVertically(#18211) @JCQuintas - [charts] Fix responsive height for ChartsWrapper (#18183) @alexfauquette
- [charts] Improve charts toolbar accessibility (#18056) @bernardobelchior
- [charts] Let line series propagate null from the dataset (#18223) @alexfauquette
- [l10n] Add Portuguese locales for charts (pt-PT, pt-BR) (#18069) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Add
linear-sharpcurve as alternative to square edge (#17966) @JCQuintas - [charts-pro] Add correct classes to
FunnelSectionLabel(#18061) @JCQuintas - [charts-pro] Allow exporting a pie chart (#18063) @bernardobelchior
- [charts-pro] Fix initial render for zoom slider selection (#18208) @bernardobelchior
- [charts-pro] Fix props being passed to DOM in FunnelChart (#18192) @JCQuintas
- [charts-pro] Show axis value in zoom slider tooltip (#18054) @bernardobelchior
- [charts-pro] Render the toolbar in the heatmap chart (#18247) @bernardobelchior
Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Update
valueFormattersignature in migration guide (#18226) @michelengelen
Core
- chore(deps): bump @next/eslint-plugin-next to 15.3.3 (#18155) @renovate[bot]
- chore(deps): bump @types/lodash to ^4.17.17 (#17990) @renovate[bot]
- chore(deps): bump babel (#18157) @renovate[bot]
- chore(deps): bump eslint to ^9.28.0 (#17352) @renovate[bot]
- chore(deps): bump material ui (#17802) @renovate[bot]
- chore(deps): bump next to ^15.3.3 (#18159) @renovate[bot]
- chore(deps): bump ossf/scorecard-action action to v2.4.2 (#18160) @renovate[bot]
- chore(deps): bump react-router to ^7.6.1 (#18162) @renovate[bot]
- chore(deps): bump yargs to ^18.0.0 (#18169) @renovate[bot]
- [code-infra] Different approach to console testing for
processRowUpdate(#18213) @JCQuintas - [code-infra] Fix act warnings in DataGrid/toolbar (#18207) @JCQuintas
- [code-infra] Remove
istanbulreferences (#18194) @JCQuintas - [code-infra] Remove codesandbox:ci (#18179) @JCQuintas
- [code-infra] Replace
mochawithviteston e2e and regression tests (#18071) @JCQuintas - [code-infra] Upgrade @mui/internal-test-utils (#18191) @JCQuintas
- [code-infra] Use vitest for
no-direct-state-accesstests (#18209) @JCQuintas - [infra] Improve test setup (#18228) @LukasTy
- [infra] Update bug and feature request templates to standardize label types (#18198) @michelengelen
- [infra] Use
playwrightdocker image (#18186) @LukasTy
- 8.5.029 May 2025
Release notes
Open source βWe'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights β¨:
- π Add support for exporting
RadarChartPro,FunnelChartandHeatmapas image and PDF. - π
RadarChartis now stable.
Special thanks go out to the community members for their valuable contributions: @xBlizZer, @sai6855, @alisasanib. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @oliviertassinari.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Avoid ResizeObserver loop error (#17984) @cherniavskii
- [DataGrid] Fix column management
toggleColumnevent type (#18023) @KenanYusuf - [DataGrid] Remove unnecessary
anytype (#17979) @sai6855
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Allow multi sorting without modifier key (#17925) @cherniavskii
- [DataGridPro] Row reordering icon improvements (#17947) @KenanYusuf
- [DataGridPro] Fix pinned columns order in column management (#17950) @alisasanib
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Export
GridApiPremiumtype (#18037) @arminmeh
Date and Time Pickers
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateRangePicker] Allow to override the format in the field (#17972) @flaviendelangle
Charts
@mui/[email protected]- [charts] Add
renderprop to charts toolbar components (#17649) @bernardobelchior - [charts] Add configurable slots to toolbar (#17712) @bernardobelchior
- [charts] Export
useFunnelSeriesanduseRadarSeries(#18034) @JCQuintas - [charts] Expose
ChartApithrough context (#18004) @bernardobelchior - [charts] Mark Radar chart as stable (#17946) @alexfauquette
- [charts] Only update store if interaction item is different (#17851) @bernardobelchior
- [charts] Reuse shared date utils (#18014) @JCQuintas
- [charts] Use Map for string cache instead of object (#17982) @bernardobelchior
- [charts] Fix Population pyramid demo (#17987) @oliviertassinari
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Add range selection to zoom slider (#17949) @bernardobelchior
- [charts-pro] Allow configuring zoom slider tooltip (#18030) @bernardobelchior
- [charts-pro] Allow exporting a funnel chart (#17957) @bernardobelchior
- [charts-pro] Allow exporting a heatmap chart (#17916) @bernardobelchior
- [charts-pro] Allow exporting a radar chart (#17968) @bernardobelchior
- [charts-pro] Always show both zoom slider tooltips (#18027) @bernardobelchior
- [charts-pro] Show zoom slider tooltip when selecting range (#18028) @bernardobelchior
- [charts-pro] Split
ChartAxisZoomSliderinto smaller files (#18011) @bernardobelchior - [charts-pro] Update zoom slider range selection cursor (#17977) @bernardobelchior
- [charts-pro] Add support for Heatmap legend (#17943) @alexfauquette
Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix derived column pivoting demo crash (#17944) @arminmeh
- [docs] Fix light/dark mode blink on pickers overview (#18002) @alexfauquette
- [docs] Fix scatter shape demo causing horizontal overflow (#17974) @bernardobelchior
Core
- [code-infra] Add bundle size monitor (#17754) @Janpot
- [code-infra] Enable
babel-plugin-display-namein vitest (#17903) @JCQuintas - [infra] Remove last deprecated
ponyfillGlobalusage (#18003) @LukasTy - [infra] Use
babel-plugin-display-namefrom npm (#18040) @LukasTy - [x-telemetry] Remove deprecated
ponyfillGlobal(#17986) @xBlizZer
- π Add support for exporting
- 8.4.021 May 2025
Release notes
Open source βWe'd like to offer a big thanks to the 21 contributors who made this release possible. Here are some highlights β¨:
-
πΊ Support regular
pyramidvariation in the<FunnelChart />component:<img width="398" alt="Pyramid funnel chart" src="https://github.com/user-attachments/assets/90ccb221-3a48-4ffa-8878-89c6db16da86" />
-
π Documentation improvements
-
π Improve Icelandic (is-IS) locale on the Data Grid
-
π Bugfixes
Special thanks go out to the community members for their valuable contributions: @aizerin, @campmarc, @jyash97, @nusr, @ragnarr18, @whereisrmsqhs. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @rita-codes, @romgrk, @mapache-salvaje, @noraleonte.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix content rendering for large rows while using automatic page size (#14737) @campmarc
- [DataGrid] Fix disabled typography variants crashing grid (#17934) @KenanYusuf
- [DataGrid] Fix tree data demo crash (#17904) @MBilalShafi
- [DataGrid] Use
excludeselection model type if quick filter does not have actual values (#17899) @arminmeh - [DataGrid] Fix clipboard copy behavior for cell ranges with empty cells (#16797) @nusr
- [l10n] Improve Icelandic (is-IS) locale (#17915) @ragnarr18
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Add
aria-expandedattribute to the master detail toggle button (#17122) @whereisrmsqhs - [DataGridPro] Preserve row state during server-side lazy loading (#17743) @arminmeh
- [DataGridPro] Prevent text selection when reordering rows (#16568) @jyash97
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [fields] Ensure fresh
disabledvalue is used when focusing or clicking (#17914) @aizerin - [fields] Improve the field controlled edition (#17816) @flaviendelangle
- [pickers] Fix
PickersTextFieldoverflow (#17942) @noraleonte
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Add grouped axes demo (#17848) @bernardobelchior
- [charts] Enable tooltip disable portal (#17871) @alexfauquette
- [charts] Improve performance in scatter chart (#17849) @bernardobelchior
- [charts] Recreate
isPointInsideless often (#17850) @bernardobelchior - [charts] Try fix for flaky
useAnimatetest (#17777) @JCQuintas - [charts] Add
isXInsideandisYInside(#17911) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Add size for zoom slider (#17736) @bernardobelchior
- [charts-pro] Add zoom slider tooltip (#17733) @bernardobelchior
- [charts-pro] Clean and document Heatmap Tooltip (#17933) @alexfauquette
- [charts-pro] Introduce
Pyramidchart (#17783) @JCQuintas - [charts-pro] Update zoom slider nomenclature (#17938) @bernardobelchior
- [charts-pro] Fix error when importing rasterizehtml (#17897) @bernardobelchior
Tree View
@mui/[email protected]- [TreeView] Add
getItemChildrenprop inRichTreeView(#17894) @rita-codes - [TreeView] Add a method in the
apiRefto toggle the editing status of an item (#17768) @rita-codes - [TreeView] Add missing sx prop on the Tree Item component (#17930) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Add a recipe for drag and drop row grouping (#17638) @KenanYusuf
- [docs] Add introductory text to Data Grid component pages (#17902) @KenanYusuf
- [docs] Refactor embedded CodeSandbox on Data GridβQuickstart page (#17749) @rita-codes
- [docs] Remove double border on Data GridβQuickstart demo (#17932) @rita-codes
- [docs] Standardize
apiRefcopy (#17776) @mapache-salvaje - [docs][DataGrid] Revise server-side data docs (#17007) @mapache-salvaje
- [docs][DataGrid] Audit and revise the tree data doc (#17650) @mapache-salvaje
- [docs][pickers] Fix migration guide references to range fields (#17861) @LukasTy
- [docs][charts] Reorganize the Tooltip documentation (#17917) @alexfauquette
Core
- [core] refactor: remove manual
displayName(#17845) @romgrk - [code-infra] Document how to use
vitestcli (#17847) @JCQuintas - [code-infra] Increase charts export test timeout (#17909) @JCQuintas
- [code-infra] Set
isolatedModules=truein tsconfig (#17781) @JCQuintas - [infra] Ensure proper docs preview path resolution (#17863) @LukasTy
-
- 8.3.114 May 2025
Release notes
Open source βWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
- π Improve Norwegian BokmΓ₯l (nb-NO) locale on the Data Grid
- π Improve Korean (ko-KR) locale on the Data Grid and Pickers
- π Documentation improvements
- π Bugfixes
Special thanks go out to the community members for their valuable contributions: @100pearlcent, @htollefsen, @JanPretzel, @sai6855. Following are all team members who have contributed to this release: @bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @MBilalShafi, @oliviertassinari, @prakhargupta1.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Add
reasonparam foronRowSelectionModelChangecallback (#17545) @sai6855 - [DataGrid] Fix
renderContextcalculation loop (#17779) @cherniavskii - [DataGrid] Fix column spanning jump on scroll (#17759) @cherniavskii
- [DataGrid] Fix material augmentation not working (#17761) @cherniavskii
- [DataGrid] Use arguments selector for checkbox props (#17683) @MBilalShafi
- [l10n] Improve Norwegian BokmΓ₯l (nb-NO) locale (#17766) @htollefsen
- [l10n] Improve Korean (ko-KR) locale (#17484) @100pearlcent
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix aggregation label not being used in pivot panel (#17760) @cherniavskii
Date and Time Pickers
@mui/[email protected]- [fields] Add notch to the field outlined when the label is manually shrank (#17620) @flaviendelangle
- [l10n] Improve Korean (ko-KR) locale (#17484) @100pearlcent
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Fix infinite tick number when zoom range is zero (#17750) @bernardobelchior
- [charts] Improve tick rendering performance (#17755) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Fix ESM build issue with Vite (#17774) @bernardobelchior
- [charts-pro] Add benchmark for zoomed in scatter chart (#17756) @bernardobelchior
Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix 301 to Next.js docs for license @oliviertassinari
- [docs] Fix AI assistant API URL (#17745) @oliviertassinari
- [docs] Fix heading structure in README @oliviertassinari
- [docs] Fix translation keys documentation (#17811) @JanPretzel
- [docs] Improve CHANGELOG format @oliviertassinari
Core
- [core] Apply YAML convention, blank line only at top level @oliviertassinari
- [code-infra] Fix dynamic import missing extensions (#17767) @Janpot
- [code-infra] Replace
mochawithvitestfor browser & jsdom tests (#14508) @JCQuintas - [scheduler] Create the package and setup a private doc page (#17239) @flaviendelangle
- 8.3.08 May 2025
Release notes
Open source βWe'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights β¨:
- π¨ Added new styling options and shapes for
<FunnelChart />, includingvariant,borderRadius,pyramid, andstep-pyramidcurves. - π Documentation improvements
- π Bugfixes
Special thanks go out to this community member for a valuable contribution: @ptuukkan. Team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @rita-codes, @romgrk.
Data Grid
@mui/[email protected]- [DataGrid] Fix cell editing of computed columns with data source (#17684) @ptuukkan
- [DataGrid] Fix lazy loading crash with
isRowSelectableprop (#17629) @MBilalShafi - [DataGrid] Fix: use CSS nonce (#17726) @romgrk
- [DataGrid] Ignore
preProcessEditCellPropsfor non-editable columns when starting a row update (#17732) @arminmeh - [DataGrid] Avoid applying row selection propagation on filtered rows (#17739) @MBilalShafi
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [DateTimePicker] Fix focus behavior on desktop variant (#17719) @LukasTy
- [pickers] Avoid
DigitalClockstealing focus from a Picker open button on close (#17686) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateRangePicker] Fix to reset range position after closing mobile Picker (#17631) @LukasTy
Charts
-
The
<FunnelChart />series now accepts avariant='outlined'prop for a simpler style. <img width="398" alt="Screenshot 2025-05-06 at 20 36 12" src="https://github.com/user-attachments/assets/00fef14f-9026-421e-a4b6-7e081adce1e8" /> -
Add a
borderRadiusproperty to<FunnelChart />. All funnels have8pxas a default value. <img width="386" alt="Screenshot 2025-05-06 at 14 00 20" src="https://github.com/user-attachments/assets/4f4cc0e7-01ce-4ed6-a0e1-a387f78def23" /> -
Add a
pyramidcurve to<FunnelChart />, which allows creation of a pyramid-shaped funnel. <img width="344" alt="Screenshot 2025-05-06 at 14 32 59" src="https://github.com/user-attachments/assets/0b2896e0-0478-4766-bb1b-258a4977a751" /> -
Add a
step-pyramidcurve to<FunnelChart />, which creates a stepped-pyramid like shape. <img width="344" alt="Screenshot 2025-05-06 at 14 33 03" src="https://github.com/user-attachments/assets/894f0ab3-7898-40fe-b0df-560feea4085a" />
@mui/[email protected]- [charts] Add charts toolbar with zoom options (#17615) @bernardobelchior
- [charts] Add zoom slider (#17496) @bernardobelchior
- [charts] Cleanup compiler warnings (#17360) @alexfauquette
- [charts] Fix
<PieArcLabel />not takingarcLabelRadiusinto account (#17655) @bernardobelchior - [charts] Fix spark line not having clip path (#17501) @bernardobelchior
- [charts] Fix type issue with ESM (#17624) @alexfauquette
- [charts] Improve
<MarkElement />performance (#17546) @bernardobelchior - [charts] Rename
materialSlotsinternal constant (#17710) @bernardobelchior - [charts] Update zoom slider design (#17682) @bernardobelchior
- [charts] Fix zoom being documented as available for heatmap (#17657) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Add
pyramidcurve to<FunnelChart />(#17665) @JCQuintas - [charts-pro] Add
variant='outlined'to<FunnelChart />series (#17661) @JCQuintas - [charts-pro] Add a
borderRadiusproperty to<FunnelChart />(#17660) @JCQuintas
Tree View
@mui/[email protected]- [tree view] Bug fix - Escape does not cancel Drag n Drop (#17735) @rita-codes
- [tree view] Fix keyboard navigation error (#17685) @rita-codes
- [tree view] Continue cleaning the plugin system (#17386) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [charts] Add population pyramid demo (#17652) @bernardobelchior
- [charts] Fix randomised argos test (#17658) @JCQuintas
- [docs] Make preview messaging consistent in charts @bernardobelchior
Core
- [code-infra] Avoid
nodetypes in the built packages (#17533) @LukasTy - [code-infra] Add
pkg.pr.newpublishing (#17402) @Janpot - [code-infra] Normalize author package in org @oliviertassinari
- [code-infra] Remove required checkout step (#17729) @JCQuintas
- [docs-infra] Normalize netlify.toml in org @oliviertassinari
- π¨ Added new styling options and shapes for
- 8.2.01 May 2025
Release notes
Open source βWe'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights β¨:
- π
<FunnelChart/>now uses thestrawberrySkysequential color palette by default. <img width="481" alt="Screenshot 2025-04-29 at 13 55 21" src="https://github.com/user-attachments/assets/182085d1-a7ce-4e4d-9d8d-a4fe87f27167" /> - π Add API to export a chart as an image:
apiRef.exportAsImageβ Learn more.
Special thanks go out to the community members for their valuable contributions: @federico-ntr, @nusr. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @hasdfa, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix panel alignment (#17625) @KenanYusuf
- [DataGrid] Fix theme
defaultPropscausing unwanted re-renders (#17490) @KenanYusuf - [DataGrid] Fix circular reference error (#17591) @romgrk
- [DataGrid] Fix
<GridEditInputCell />break input (#16773) @nusr
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Use intersection observer to trigger server-side infinite loading (#17369) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [l10n] Improve Italian (it-IT) locale (#17600) @federico-ntr
- [pickers] Refactor owner state typing (#17517) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Add library name to errors (#17547) @bernardobelchior
- [charts] Add monochrome palettes (#17610) @JCQuintas
- [charts] Add screenshot of the tooltip (#17395) @alexfauquette
- [charts] Default bar chart x-axis scale type to band (#17519) @bernardobelchior
- [charts] Document axis ID uniqueness constraints (#17630) @bernardobelchior
- [charts] Refactor axis types (#17632) @bernardobelchior
- [charts] Use
<circle />for circular legend mark (#17590) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Add
gapoption to<FunnelChart />(#17642) @JCQuintas - [charts-pro] Export charts as image (#17353) @bernardobelchior
- [charts-pro] Simplify zoom testing (#17525) @JCQuintas
- [charts-pro] Use new sequential color palette in
<FunnelChart />(#17606) @JCQuintas
Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs][charts] Add composition sections (#17377) @alexfauquette
- [docs][charts] Add docs on tooltip style (#17601) @bernardobelchior
- [docs][charts] Fix highlighting heading structure (#17581) @oliviertassinari
- [docs][charts] Improve export docs (#17538) @oliviertassinari
- [docs][charts] Similar introduction on most charts pages (#17374) @alexfauquette
- [docs][DataGrid] Clear component docs (#17540) @oliviertassinari
- [docs] Explicitly state that
groupingColDefreference needs to be stable (#17544) @arminmeh - [docs] Fix <kbd> a11y (#17536) @oliviertassinari
- [docs] Fix CodeSandbox spelling @oliviertassinari
- [docs] Fix coding style function @oliviertassinari
- [docs] Fix migration guide format (#17450) @oliviertassinari
- [docs] Improve data grid export docs (#17551) @MBilalShafi
- [docs] Remove leftover
@nextusages (#17542) @LukasTy
Core
- [core] Add security label to dependabot PRs @oliviertassinari
- [core] Allow post-install vale @oliviertassinari
- [core] Component consistency @oliviertassinari
- [core] Fix all Vale errors @oliviertassinari
- [core] Move
loadStyleSheetsto internals and use it in data grid and charts (#17548) @bernardobelchior - [core] Remove empty version (#17582) @oliviertassinari
- [core] Remove eslint from codemod spec files (#17443) @alexfauquette
- [core] Remove unnecessary versions (#17597) @oliviertassinari
- [code-infra] Allow postinstall scripts for packages requesting it (#17635) @LukasTy
- [code-infra] Data Grid
vitestchanges (#17619) @JCQuintas - [code-infra] Fix date-time sensitive tests (#17644) @JCQuintas
- [code-infra] Fix extension handling for type imports (#17636) @Janpot
- [code-infra] Further remove
clock=fakeand addasync actfor datagrid (#17563) @JCQuintas - [code-infra] Latest vitest picker changes (#17577) @JCQuintas
- [docs-infra] Fix Vale no longer working (#17602) @alexfauquette
- [docs-infra] Uniformize Vale between repositories @oliviertassinari
- [infra] Updates to
branch switch comments(#17589) @michelengelen - [x-telemetry] Fix issue with get machineid hash (#17614) @hasdfa
- π
- 8.1.024 Apr 2025
Release notes
Open source βWe'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights β¨:
- π Add API to print a chart or export it as PDF:
apiRef.exportAsPrint(). - π Documentation improvements
- π Bugfixes
Special thanks go out to the community members for their valuable contributions: @lhilgert9, @ArturAghakaryan, @sai6855. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @JCQuintas, @joserodolfofreitas, @KenanYusuf, @LukasTy, @mapache-salvaje, @oliviertassinari, @romgrk.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Allow row deselection with multiple rows selected (#17473) @arminmeh
- [DataGrid] Fix column title truncation on touch devices (#17375) @KenanYusuf
- [DataGrid] Remove internal usage of
materialprop (#17513) @KenanYusuf - [DataGrid] Fix apiRef not being passed on onCellClick params (#17335) @sai6855
- [DataGrid] Add Armenian (hy-AM) locale (#17527) @ArturAghakaryan
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix locales.ts export (#17433) @lhilgert9
- [DataGridPro] Avoid proptypes warnings with header filters in React 17 (#17482) @cherniavskii
- [DataGridPro] Fix expandable rows detail content height updates (#17394) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Improve
PickersInputBaseowner state typing (#17478) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
- Add API to print a chart or export it as PDF:
apiRef.exportAsPrint.
@mui/[email protected]- [charts] Add a localization provider (#17325) @alexfauquette
- [charts] Add codemod for replacing legend's hidden slot prop (#17392) @bernardobelchior
- [charts] Fix chart visual tests flakiness (#17469) @bernardobelchior
- [charts] Fix tooltip position (#17440) @alexfauquette
- [charts] Improve axis tooltip performances (#17398) @alexfauquette
- [charts] Move radar from under development to preview (#17418) @alexfauquette
- [charts] Advance time in charts regression tests (#17420) @bernardobelchior
- [charts] Fix charts visuals flakiness (#17472) @bernardobelchior
- [charts] Move
rafThrottleon event handlers instead of setter (#17489) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Add export as PDF/print functionality (#17285) @bernardobelchior
- [charts-pro] Fix axis zoom being disabled when not specified in
initialZoom(#17500) @bernardobelchior
Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix AI Assistant Panel Trigger demo (#17426) @KenanYusuf
- [docs] Fix DataGrid's master-detail demo for one expanded detail panel at a time (#17471) @arminmeh
- [docs] Improve StackOverflow links (#17483) @oliviertassinari
- [docs] Refine charts demos (#17417) @alexfauquette
- [docs] Remove ad on paid docs pages (#17373) @oliviertassinari
- [docs] Serve migration guides in raw markdown format (#17210) @cherniavskii
- [docs] Fix heading structure (#17495) @oliviertassinari
- [docs] Revise the Row Grouping doc (#16217) @mapache-salvaje
- [docs] Fix ellipsis in the demo (#17476) @oliviertassinari
- [docs] Add docs information for Legend HTML (#17502) @alexfauquette
- [docs] Refine charts demos (#17417) @alexfauquette
- [tree view][docs] Copyedit the Tree View Overview page (#17498) @mapache-salvaje
Core
- [core] Bump
@types/node(#17444) @LukasTy - [core] Remove
react-isdependency (#17470) @LukasTy - [core] Remove redundant
overridesResolverinstyledcomponents (#17466) @romgrk - [core] Update support table (#17425) @joserodolfofreitas
- [code-infra] Ditch
@babel/node(#17446) @LukasTy - [code-infra] Further remove
clock=fakefrom pickers (#17253) @JCQuintas
- π Add API to print a chart or export it as PDF:
- 8.0.017 Apr 2025
Release notes
Open source βWe're excited to announce the first v8 stable release! ππ
This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements. Migration guides are available with a complete list of the breaking changes:
Here are the highlights from the alpha and beta releases included in this stable release:
-
βοΈ React 19 support.
-
π
@mui/material@7support β see the Material UI v7 upgrade guide. -
π Pivoting.
-
π€ AI Assistant.
-
π οΈ New and improved Data Grid Toolbar component.
-
π¦ Data Grid data source is now available in the Community plan.
-
π« Add "No columns" overlay to Data Grid.
-
π¬ Improved design for Data Grid Header filters.
-
π Add Data Grid Scroll restoration.
-
π« Support aggregation with server-side data.
-
π Support server-side lazy loading on the Data Grid.
-
π Support editing with server-side Data Source.
-
π― Improved data caching.
-
ποΈ Improved Data Grid aggregation, Excel export serialization, mount, resize and scrolling performance.
-
π¨ Improved Data Grid theming and add default background color.
-
π New Pro chart: Funnel.
-
π New Community chart: Radar is available in preview for testing.
-
π Charts legend is now an HTML element which can be styled more easily.
-
π Gauge charts animation.
-
π Create custom HTML components using chart data.
-
π Refactor Charts Tooltip customization.
-
π Improved Charts composition.
-
π Charts support server-side rendering under some conditions.
-
π Add a new API to support multiple axes (decouple
marginandaxis-size). -
π« Removed
react-springdependency from@mui/x-charts. -
π New Time Range Picker component.
-
π Support automatic parents and children selection for the Rich Tree View components.
-
ποΈ New customization APIs for the Tree Item component.
Below are the changes since the last beta release:
Data Grid
@mui/[email protected]- [DataGrid] Data source with editing (#16045) @MBilalShafi
- [DataGrid] Deprecate old toolbar components (#17294) @KenanYusuf
- [DataGrid] Refactor: add typings to icons (#17291) @romgrk
- [DataGrid] Prevent scrollbars from showing on top (#17405) @romgrk
- [l10n] Improve Polish (pl-PL) locale (#17336) (#17396) @sofortdagmbh
- [l10n] Improve Swedish (sv-SE) locale (#17293) @ptuukkan
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix row virtualization not working in list view (#17399) @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] AI Assistant (#16992) @arminmeh
- [DataGridPremium] Fix aggregated values sorting (#17326) @cherniavskii
- [DataGridPremium] Fix cell display with custom renderers in pivot mode (#17323) @cherniavskii
- [DataGridPremium] Fix stale aggregation results after filtering (#17296) @cherniavskii
- [DataGridPremium] Pivoting (#9877) @cherniavskii
- [DataGridPremium] Use
groupingValueGetterfor row grouping on the server (#17376) @cherniavskii
Date and Time Pickers
Breaking changes
- The view selection process has been updated to make it clear across all Pickers. Pickers no longer automatically switch between date and time views or start and end positions. Moving between views and range positions is achieved using the new "Next" action button.
@mui/[email protected]- [fields] Fix the error message when a custom field with an
<input />but the field expects the accessible DOM structure (#17237) @flaviendelangle - [fields] Fix to submit a form on
Enterpress with accessible DOM structure (#17328) @LukasTy - [fields] Prevent focusing the field or any section when
disabled=true(#17215) @flaviendelangle - [l10n] Improve Czech (cs-CZ) locale (#17387) @lubka272
- [l10n] Improve Slovak (sk-SK) locale (#17249) @lubka272
- [pickers] Fix failing proptypes CI (#17413) @romgrk
- [pickers] Fix to not process default prevented propagated events (#17312) @LukasTy
- [pickers] Mark active range position field section with underline (#16938) @LukasTy
- [pickers] Remove automatic switch between date and time or between range positions (#17166) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateTimeRangePicker] Fix focused view behavior (#17313) @LukasTy
Charts
@mui/[email protected]- [charts] Add
slotProps.legend.hiddento migration docs (#17379) @bernardobelchior - [charts] Add labels above bars example (#16860) @bernardobelchior
- [charts] Add tooltip to the radar (#16950) @alexfauquette
- [charts] Add uncertainty area to line with forecast demo (#17355) @bernardobelchior
- [charts] Animate gauge chart (#17304) @bernardobelchior
- [charts] Convert
AnimationContextinto a plugin (#17299) @bernardobelchior - [charts] Export 'series' class as part of
barElementClasses(#17273) @10tacion - [charts] Expose axes types (#17309) @bernardobelchior
- [charts] Expose higher level
useAnimatehook (#17162) @bernardobelchior - [charts] Fix axis types not narrowing (#17321) @bernardobelchior
- [charts] Fix bar chart with partial data (#17290) @alexfauquette
- [charts] Fix
useAnimatetest flakiness (#17372) @bernardobelchior - [charts] Radar design refinement (#17165) @alexfauquette
- [charts] Remove unused code (#17310) @bernardobelchior
- [charts] Remove unused files (#17242) @JCQuintas
- [charts] Use
useEventCallbackto memoizeonZoomChangewithout triggering a re-render (#17233) @JCQuintas - [charts] Document series class name (#17362) @bernardobelchior
- [charts] Add default plugins in
ChartDataProvider(#17403) @bernardobelchior - [charts] Fix chart direction in docs (#17419) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Update zoom using
requestAnimationFrame(#17137) @JCQuintas
Tree View
@mui/[email protected]- [TreeView] Add React Compiler linting rules (#16357) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Add intro section for Telemetry (#17244) @prakhargupta1
- [docs] Add migration guide for the picker's
ownerStatechanges (#17151) @flaviendelangle - [docs] Add What's new section for MUI X v8 (#17397) @joserodolfofreitas
- [docs] Fix ESM guide (#17280) @oliviertassinari
- [docs] Fix Vale errors (#17281) @oliviertassinari
- [docs] Fix country columns throwing on grouping (#17315) @cherniavskii
- [docs] Fix paths in
ResponsiveChartContainermigration guide (#17364) @MonstraG - [docs] Mention priority support on MUI X docs (#16467) @prakhargupta1
- [docs] Match title side nav @oliviertassinari
- [docs] Fix incorrect mention of PDF export (#17277) @oliviertassinari
- [docs] Fix row spanning lab icon (#17278) @oliviertassinari
- [docs] Fix header Sentence case consistency (#17274) @oliviertassinari
- [docs] Flag experimental API (#17279) @oliviertassinari
- [docs] Fix some 301 redirections @oliviertassinari
- [docs] Update supported versions table (#17287) @joserodolfofreitas
Core
- [core] Always use the correct babel runtime (#17241) @alexfauquette
- [core] Document
TelemetryContextType(#17282) @oliviertassinari - [core] Fix proptypes (#17378) @cherniavskii
- [core] Remove modern bundles (#17359) @LukasTy
- [core] Setup testing to work with CSS imports (#17214) @romgrk
- [core] Testing setup fixes & lints (#17356) @romgrk
- [core] Simplify the way
__RELEASE_INFO__is managed (#17416) @LukasTy - [code-infra] Align build script with core to handle sideEffects (#17370) @Janpot
- [code-infra] CI optimization: re-use ffmpeg (#17333) @romgrk
- [code-infra] Charts
vitestchanges (#17247) @JCQuintas - [code-infra] Further datagrid changes for
vitest(#17251) @JCQuintas - [code-infra] Prepare argos script call for required arg (#17371) @Janpot
- [code-infra] Remove more
clock=fakefrom pickers tests (#17225) @JCQuintas - [code-infra] Tentative fix for datagrid flaky test (#17289) @JCQuintas
- [code-infra] Update MUI Internal and slightly cleanup regressions test setup (#17182) @LukasTy
- [infra] Update support label from 'priority' to 'unknown' (#17288) @michelengelen
- [release] Major release preparation (#17319) @michelengelen
- [test] Fix flaky data source aggregation test (#17307, #17311, #17316) @KenanYusuf @cherniavskii @LukasTy
- [test] Skip flaky aggregation test (#17391) @MBilalShafi
-
- 8.0.0-beta.33 Apr 2025pre-release
Release notes
Open source βWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
- π« Removed
react-springas a dependency of@mui/x-charts - π¦ Data Grid list view feature is now stable
- π« Support title in Data Grid
- π Documentation improvements
- π Bugfixes
Team members who have contributed to this release: @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @noraleonte, @romgrk, @alexfauquette.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
Breaking changes
-
The list view feature and its related props are now stable.
The
unstable_listColumnprop has been renamed tolistViewColumn.The
GridListColDeftype has been renamed toGridListViewColDef.-const listViewColDef: GridListColDef = { +const listViewColDef: GridListViewColDef = { field: 'listColumn', renderCell: ListViewCell, }; <DataGridPro - unstable_listView - unstable_listColumn={listViewColDef} + listView + listViewColumn={listViewColDef} /> -
The
useGridApiEventHandler()hook has been renamed touseGridEvent(). -
The
useGridApiOptionHandler()hook has been renamed touseGridEventPriority().
@mui/[email protected]- [DataGrid] Fix "is any of" autocomplete rendering (#17226) @KenanYusuf
- [DataGrid] Rename
useGridApiEventHandler()touseGridEvent()(#17159) @romgrk - [DataGrid] Support adding a label to the grid (#17147) @KenanYusuf
- [DataGrid] Refactor: remove material typings (#17119) @romgrk
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Make list view feature stable (#17217) @KenanYusuf
- [DataGridPro] Always refetch lazy-loading rows (#16827) @MBilalShafi
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Add new
nextOrAcceptaction bar action (#17037) @flaviendelangle - [pickers] Improve the Multi Section Digital Clock scrollbar thickness (#16774) @oliviertassinari
- [TimePicker] Align the Digital Clock scrollbar thickness (#17203) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
Breaking changes
-
Removed
react-springas a dependency of@mui/x-charts. A consequence of this change is that the props of some slots have been changed because theSpringValuewrapper has been removed. The affected slots and props are:- the type of the
x,y,widthandheightprops of thebarslot are nownumber; - the type of
startAngle,endAngle,innerRadius,outerRadius,arcLabelRadius,cornerRadiusandpaddingAngleprops ofpieArcandpieArcLabelslot are nownumber.
Additionally, the
pieArcslot now receives askipAnimationprop to configure whether animations should be enabled or disabled. - the type of the
-
Tick labels in the y-axis of cartesian charts will now have an ellipsis applied to prevent overflow. If your tick labels are being clipped sooner than you would like, you can increase the y-axis size by increasing its width property.
-
The tooltip DOM structure is modified to improve accessibility. If you relied on it to apply some style or run tests, you might be impacted by this modification.
- The axis tooltip displays a table per axis with the axis value in a caption.
- Cells containing the series label and the color mark got merged in a th cell.
@mui/[email protected]- [charts] Adjust color palettes (#17209) @noraleonte
- [charts] Allow multiple axes in the tooltip (#17058) @alexfauquette
- [charts] Improve custom legend docs (#17231) @JCQuintas
- [charts] Fix crash when item shown in tooltip is unmounted (#17169) @bernardobelchior
- [charts] Migrate some animations from
react-spring(#16961) @bernardobelchior - [charts] Remove
react-spring(#17123) @bernardobelchior - [charts] Fix y-axis tick label overflow (#16846) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]- [codemod] Add
listViewprop rename codemod (#17220) @MBilalShafi
Docs
- [docs] Add "Usage with Material UI v5/v6" guide (#17164) @cherniavskii
- [docs] Fix 301 link @oliviertassinari
- [docs] Fix redirection getting-started (#17200) @oliviertassinari
- [docs] Sync Stack Overflow docs with reality (#17198) @oliviertassinari
- [docs] Update Localization Provider JSDoc link (#17207) @LukasTy
Core
- [core] Cleanup
@muidependency versions (#17160) @LukasTy - [core] Sync scorecards.yml across codebase @oliviertassinari
- [core] Revert upgrade to React 19.1 (#17206) @bernardobelchior
- [code-infra] Fix
test:unitwarning (#17224) @JCQuintas - [code-infra] Fix pickers failing test after clock=fake removal (#17202) @JCQuintas
- [code-infra] Remove clock=fake from
describeValidation(#17150) @JCQuintas - [code-infra] Remove clock=fake from
describeValue(#17199) @JCQuintas - [infra] Add write permission for actions in issue status label handler (#17161) @michelengelen
- π« Removed
- 8.0.0-beta.228 Mar 2025pre-release
Release notes
Open source βWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
- π Update the Data Grid quick filter to collapse when not in use
- π Bugfixes
Special thanks go out to the community members for their valuable contributions: @lhilgert9. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @flaviendelangle, @hasdfa, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @mnajdova, @romgrk.
Data Grid
@mui/[email protected]- [DataGrid] Fix error caused by trying to render rows that are not in the state anymore (#17057) @arminmeh
- [DataGrid] Refactor: remove more material (#16922) @romgrk
- [DataGrid] Update Quick Filter component to be expandable (#16862) @KenanYusuf
- [DataGrid] Fix crash when used with
@mui/styled-engine-sc(#17154) @KenanYusuf
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Data source: Allow expanding groups with unknown children (#17144) @MBilalShafi
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [fields] Extract the props of each field slot into a standalone hook for easier re-use (#17114) @flaviendelangle
- [pickers] Fix visual regression in Date Range Calendar's day (#17148) @flaviendelangle
- [pickers] Remove all code duplication to apply default values to validation props (#17038) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Memoize axes and series with default (#17156) @alexfauquette
- [charts] Add pie benchmark (#17115) @JCQuintas
- [charts] Fix CSS vars support for dark theme (#17106) @alexfauquette
- [charts] Fix radar hover (#17134) @alexfauquette
- [charts] Move axis interaction to selectors (#17039) @alexfauquette
- [charts] Fix Pie benchmark (#17125) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]- [codemod] Add Data Grid codemods (#17121, #17124) @MBilalShafi
Docs
- [docs] Fix example import for
ExportExcelcomponent (#17110) @KenanYusuf
Core
- [code-infra] Remove
@mui/stylesdependency & patches (#17071) @mnajdova - [code-infra] Add more tests to slow screenshot tests (#17075) @JCQuintas
- [code-infra] Fix pickers codecov (#17120) @JCQuintas
- [code-infra] Move
isDeepEqualto @mui/x-internals (#17129) @JCQuintas - [code-infra] Remove
test_regressionsstep from React 18 pipeline (#17108) @LukasTy - [code-infra] Update some data-grid tests for vitest (#17078, #17104, #17146) @JCQuintas
- [code-infra] Update some date-pickers tests for vitest (#17083) @JCQuintas
- [infra] Update
issue-status-label-handler.yml@michelengelen - [infra] Added reusable issue status label handler workflow (#17145) @michelengelen
- [infra] Switch to reusable 'stale issues/PRs' workflow (#17107) @michelengelen
- [telemetry] Improve request body size, update dependencies, and optimize SSR handling (#17008) @hasdfa
- 8.0.0-beta.121 Mar 2025pre-release
Release notes
Open source βWe'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
Special thanks go out to the community members for their valuable contributions: @jyash97. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix error caused by
forwardReftoClickAwayListener(#17049) @arminmeh - [DataGrid] Fix error while editing rows with custom id (#17048) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix header select checkbox state with
checkboxSelectionVisibleOnlyandpaginationMode="server"(#17026) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Update column state correctly when grouping mode is updated with one grouping column (#17069) @arminmeh
Date and Time Pickers
@mui/[email protected]- [fields] Clean the
useFieldhook (part 1) (#16944) @flaviendelangle - [fields] Improve the check for year in
doesSectionFormatHaveLeadingZeros(#17051) @flaviendelangle - [pickers] Deprecate the
disableOpenPickerprop (#17040) @flaviendelangle - [pickers] Simplify the
cleanLeadingZerosmethod (#17063) @flaviendelangle - [pickers] Use the new
ownerStateinPickersDayandDateRangePickerDay(#17035) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateRangePicker] Use desktop media query constant on range pickers (#17052) @flaviendelangle
Charts
@mui/[email protected]- [charts] Fix horizontal bar with multiple axes (#17059) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Allow disabling Heatmap tooltip (#17060) @JCQuintas
Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix 404 (#17033) @alexfauquette
- [docs] Fix Data Grid advanced list view demo (#17064) @KenanYusuf
- 8.0.0-beta.018 Mar 2025pre-release
Release notes
Open source β<img width="100%" alt="MUI X v8 Beta is live" src="https://github.com/user-attachments/assets/61ec4dd8-c946-456b-8b45-d51de8772f5d">
We'd like to offer a big thanks to the 21 contributors who made this release possible. Here are some highlights β¨:
- π Add Time Range Picker component
- π Add support for
@mui/materialversion 7 in all X packages - π Bugfixes
- π Improve Chinese (zh-CN), (zh-HK), (zh-TW), Czech (cs-CZ), Korean (ko-KR) and Slovak (sk-Sk) locales on the Data Grid
- π Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales on the Pickers
Breaking changes
- βΉοΈ The peer dependency on
@mui/materialhas been updated to accept only v7. This has been done to increase the adoption rate of ESM. Since only v7 of@mui/materialhas proper ESM support, we decided to help with its adoption and fix numerous issues using X packages in environments where transpiling is not an option.
Special thanks go out to the community members for their valuable contributions: @Blake-McCullough, @hlavacz, @k-rajat19, @layerok, @nusr, @owais635, @yelahj. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @DiegoAndai, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @romgrk.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Alpha release highlights
Below are the highlights of the alpha releases leading up to this beta release:
-
βοΈ React 19 support.
-
π οΈ New and improved Data Grid Toolbar component.
-
π¦ Data Grid data source is now available in the Community plan.
-
π« Add "No columns" overlay to Data Grid.
-
π¬ Improved design for Data Grid Header filters.
-
π Add Data Grid Scroll restoration.
-
π« Support aggregation with server-side data.
-
π Support Server-side lazy loading on the Data Grid.
-
π― Improved data caching.
-
ποΈ Improve Data Grid aggregation, Excel export serialization, mount, resize and scrolling performance.
-
π¨ Improve Data Grid theming and add default background color.
-
π New Pro chart: Funnel.
-
π New Community chart: Radar is available in preview for testing.
-
π Charts legend is now an HTML element which can be styled more easily.
-
π Create custom HTML components using chart data.
-
π Refactor Charts Tooltip customization.
-
π Improve Charts composition.
-
π Charts support server-side rendering under some conditions.
-
π Add a new API to support multiple axes (decouple
marginandaxis-size) -
π Support automatic parents and children selection for the Rich Tree View components.
Data Grid
@mui/[email protected]- [DataGrid] Add a slot for unsort icon in column menu (#16918) @layerok
- [DataGrid] Add click propagation and prevents default on
toggleMenuclick (#16845) @michelengelen - [DataGrid] Anchor preference panel to columns/filter trigger (#16953) @KenanYusuf
- [DataGrid] Fix
QuickFilterdebounce overriding input value (#16856) @KenanYusuf - [DataGrid] Fix
printOptionsnot respectinghideFooterroot prop (#14863) @k-rajat19 - [DataGrid] Fix
processRowUpdate()error if the row is removed before it is executed (#16741) @arminmeh - [DataGrid] Fix bug with adding and removing columns in active edit state (#16888) @Blake-McCullough
- [DataGrid] Fix columns update not restoring column definition defaults (#16970) @cherniavskii
- [DataGrid] Fix page scrolling when preference panel is opened (#17004) @KenanYusuf
- [DataGrid] Fix visual issue with pinned columns and row spanning (#16923) @MBilalShafi
- [DataGrid] Make column header menu button aria-labels unique (#16796) @owais635
- [DataGrid] Refactor: create base Pagination (#16759) @romgrk
- [DataGrid] Update CSS variable naming convention to singular (#16993) @KenanYusuf
- [DataGrid] Use Material UI CSS vars (#16962) @KenanYusuf
- [l10n] Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales (#15230, #16898 and #16966) @nusr
- [l10n] Improve Czech (cs-CZ) and Slovak (sk-Sk) locales (#16968) @hlavacz
- [l10n] Improve Korean (ko-KR) locale (#16807) @yelahj
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix header filters not displaying restored values (#16855) @MBilalShafi
- [DataGridPro] Fix infinite loading not reacting when scrolling to the end (#16926) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix selection propagation issues with controlled state (#16810) @MBilalShafi
Date and Time Pickers
Breaking changes
- The
useClearableFieldhook has been removed. The custom field component now receives theclearableandonClearprops β Learn more. - The
ExportedUseClearableFieldProps,UseClearableFieldSlots,UseClearableFieldSlotProps, andUseClearableFieldResponsetypes have been removed β Learn more.
@mui/[email protected]- [l10n] Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales (#16966) @nusr
- [pickers] Add the Time Range Picker component (#9431) @LukasTy and @flaviendelangle
- [pickers] Add valid aria labels to the range picker opening button (#16799) @flaviendelangle
- [pickers] Always use
props.valueas the source of truth when defined (#16853) @flaviendelangle - [pickers] Avoid passing unexpected
focusedViewto time renderers (#16869) @LukasTy - [pickers] Improve JSDoc (#16858) @flaviendelangle
- [pickers] Remove
useClearableFieldhook (#16859) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateRangeCalendar] Do not update the previewed day when hovering a day and the value is empty (#16892) @flaviendelangle
- [TimeRangePicker] Shift popper between start and end input on multi input field (#16920) @LukasTy
Charts
Breaking changes
- Tick labels in the x-axis of cartesian charts will now have an ellipsis applied to prevent overflow.
If your tick labels are being clipped sooner than you would like, you can increase the x-axis size by increasing its
heightproperty. The default line-height has also been changed to 1.25, so if you aren't customizing the line height for x-axis tick labels, make sure to double check if the result is desirable.
@mui/[email protected]- [charts] Add axis highlight to the radar (#16868) @alexfauquette
- [charts] Add radar labels (#16839) @alexfauquette
- [charts] Allow breaking line for radar labels (#16947) @alexfauquette
- [charts] Allow circular grid on radar chart (#16870) @alexfauquette
- [charts] Allow customizing shape in scatter charts (#16640) @bernardobelchior
- [charts] Avoid spreading props in demos (#16857) @bernardobelchior
- [charts] Fix React 18 tests failing due to missing
forwardRef(#16894) @bernardobelchior - [charts] Fix line highlight position with RTL (#16994) @alexfauquette
- [charts] Fix interaction performance (#16897) @JCQuintas
- [charts] Fix x-axis tick label overflow (#16709) @bernardobelchior
- [charts] Grid support time step below 1s (#16957) @alexfauquette
- [charts] Improve radar slice (#16932) @alexfauquette
- [charts] Radar add option to highlighting series (#16940) @alexfauquette
- [charts] Refactor zoom
isInteractingbehavior directly to community code (#16999) @JCQuintas - [charts] Remove
fireEventusage from tests (#17006) @JCQuintas - [charts] Remove dead voronoi code (#16886) @JCQuintas
- [charts] Remove the polar axis plugin from the default plugins of the ChartContainer (#16936) @alexfauquette
- [charts] Rename
useIsClient(#16937) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Add the Time Range Picker to relevant validation demos (#16919) @LukasTy
- [docs] Adjust Picker field lifecycle explanation (#16901) @LukasTy
- [docs] Fix custom detail panel toggle state update (#16929) @nusr
- [docs] Fix Pickers custom field with Autocomplete demo (#16863) @LukasTy
- [docs] Fix link to the lazy loading demo for the DataGrid (#16907) @nusr
- [docs] Improve sparkline demo (#16911) @alexfauquette
- [docs] Remove
showQuickFilter: truetoolbar prop from demos (#17003) @KenanYusuf
Core
- [core] Fix proptypes and API docs after merge (#16934) @LukasTy
- [core] Update
@mui/utilsdependency to only v7 (#16928) @Janpot - [core] Use MUI Core v7 libraries in packages and docs (#16771) @DiegoAndai
- [code-infra] Avoid loading package.json with relative path (#16931) @Janpot
- [code-infra] Bump
cimg/nodeimage version (#16964) @LukasTy - [code-infra] Create
Tanstack queryrenovate group (#16989) @LukasTy - [code-infra] Fix inconsistent argos test (#16921) @JCQuintas
- [infra] Added issue permission to workflow (#16865) @michelengelen
- [infra] Make tests on React 18 part of pipeline (#16933) @LukasTy
- [infra] changed event trigger from
pull_requesttopull_request_target(#16902) @michelengelen - [test] Fix Apple M3 failing to execute unit test cases (#16959) @nusr
- 8.0.0-alpha.147 Mar 2025pre-release
Release notes
Open source βWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
- ππ New Pro Chart: It is now possible to create Funnel chartsβperfect for visualizing conversions, sales pipelines and more! <img width="418" alt="Screenshot 2025-01-31 at 12 22 31" src="https://github.com/user-attachments/assets/8cd26821-5f11-46bf-a9bb-34d212880a47" />
- π The first iteration of the radar chart is available. Features and refinements will be added in the coming weeks.
- π οΈ New and improved Toolbar component for the data grid
- π Bugfixes
Special thanks go out to the community member for their valuable contributions: @vadimka123.
Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen, @noraleonte, @oliviertassinari.
Data Grid
Breaking changes
- The density selector has been removed from the toolbar. It is still possible to set the density programmatically via the
densityprop. A density selector can be added to a custom toolbar passed toslots.toolbar. See Toolbar componentβSettings menu for an example. - The quick filter is now shown in the toolbar by default. Use
slotProps={{ toolbar: { showQuickFilter: false } }}to hide it. - The
<GridSaveAltIcon />icon is not exported anymore. ImportSaveAltfrom@mui/icons-materialinstead.
@mui/[email protected]- [DataGrid] Fix
aria-hiddenconsole error when scrollbar is dragged (#16829) @arminmeh - [DataGrid] Fix scroll jump with dynamic row height (#16763) @cherniavskii
- [DataGrid] New
<Toolbar />component (#14611) @KenanYusuf - [DataGrid] Use new toolbar by default (#16814) @KenanYusuf
- [DataGrid] Remove the quick filtering on a given column (#16738) @vadimka123
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
Breaking changes
- All Date Time Picker variants now use Digital Clock for time editing.
- Stop passing invalid date to
onChangewhen the date is partially filled β Learn more.
@mui/[email protected]- [DateTimePicker] Use Digital Clock in all component variants (#16678) @LukasTy
- [fields] Always use
props.valueas the source of truth when defined (#15875) @flaviendelangle - [fields] Fix Fields aria relationship with
helperText(#16821) @LukasTy - [pickers] Add
TValidationPropsgeneric to thePickerManagerinterface (#16832) @flaviendelangle - [pickers] Fix
edgeproperty setting in different button position cases (#16838) @LukasTy - [pickers] Fix typo in JSDoc (#16831) @flaviendelangle
- [pickers] Refactor the files in the
usePickerfolder (#16680) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Fix
undefinedbehaving differently from missing value for axis size (#16844) @bernardobelchior - [charts] Fix x-axis text anchor default when language is RTL (#16836) @bernardobelchior
- [charts] Add Radar chart (#16406) @alexfauquette
- [charts] Move series default color generation in the series config (#16752) @alexfauquette
- [charts] Render axis title within axis size (#16730) @bernardobelchior
- [charts] Split
defaultizeAxisfunction into two (#16745) @bernardobelchior - [charts] Warn if axes data don't have enough elements (#16830) @alexfauquette
- [charts] XAxis: Add defaults for
textAnchoranddominantBaselinebased onangle(#16817) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts] Add Funnel chart (#14804) @JCQuintas
Tree View
Breaking changes
-
The
selectItemmethod has been renamedsetItemSelection:const { publicAPI } = useTreeItemUtils(); const handleSelectItem() { - publicAPI.selectItem({ event, itemId: props.itemId, shouldBeSelected: true }) + publicAPI.setItemSelection({ event, itemId: props.itemId, shouldBeSelected: true }) } -
The
setItemExpansionmethod now receives a single object instead of a list of parameters:const { publicAPI } = useTreeItemUtils(); const handleExpandItem() { - publicAPI.setItemExpansion(event, props.itemId, true) + publicAPI.setItemExpansion({ event, itemId: props.itemId, shouldBeExpanded: true }) }
@mui/[email protected]- [TreeView] Clean the expansion and selection API methods (#16795) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix padding package install on mobile (#16794) @oliviertassinari
- [docs] Typo fixes (#16835) @alexfauquette
Core
- [code-infra] Fix console warning in telemetry package (#16816) @JCQuintas
- [code-infra] Split date-picker test files (#16825) @JCQuintas
- [infra] Replace PR label check workflow with reusable version (#16762) @michelengelen
- [infra] Update label in priority-support issue template (#16767) @michelengelen
- [test] Add timeout to flaky screenshot tests (#16852) @LukasTy
- 8.0.0-alpha.1328 Feb 2025pre-release
Release notes
Open source βWe'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights β¨:
- π Decouple
marginandaxis-size. A new API to support multiple axes (#16418) @JCQuintas - πΊοΈ Added Bangla (bn-BD) locale
- πΊοΈ Improve Russian (ru-RU) and Hungarian (hu-HU) locale on the Data Grid
Special thanks go out to the community members for their contributions: @denpiligrim, @lhilgert9, @noherczeg, @officialkidmax, @pcorpet. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @hasdfa, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen, @MBilalShafi, @oliviertassinari, @romgrk.
Data Grid
Breaking changes
-
The
slots.baseFormControlcomponent was removed. -
The "Reset" button in the column visibility panel now resets to the initial column visibility model. Previously it was reset to the model that was active at the time the panel was opened. The reset behavior follows these rules:
- If an initial
columnVisibilityModelis provided, it resets to that model. - If a controlled
columnVisibilityModelis provided, it resets to the first model value. - When the columns are updated (via the
columnsprop orupdateColumns()API method), the reset reference point updates to the currentcolumnVisibilityModel.
To revert to the previous behavior, provide a custom component to the
slots.columnsManagement. - If an initial
-
The deprecated
LicenseInfoexport has been removed from the@mui/x-data-grid-proand@mui/x-data-grid-premiumpackages. You have to import it from@mui/x-licenseinstead:- import { LicenseInfo } from '@mui/x-data-grid-pro'; - import { LicenseInfo } from '@mui/x-data-grid-premium'; + import { LicenseInfo } from '@mui/x-license'; LicenseInfo.setLicenseKey('YOUR_LICENSE_KEY'); -
The row selection model has been changed from
GridRowId[]to{ type: 'include' | 'exclude'; ids: Set<GridRowId> }. UsingSetallows for a more efficient row selection management. Theexcludeselection type allows to select all rows except the ones in theidsset.This change impacts the following props:
rowSelectionModelonRowSelectionModelChangeinitialState.rowSelectionModel
- const [rowSelectionModel, setRowSelectionModel] = React.useState<GridRowSelectionModel>([]); + const [rowSelectionModel, setRowSelectionModel] = React.useState<GridRowSelectionModel>({ type: 'include', ids: new Set() });This change also impacts the
gridRowSelectionStateSelectorselector. For convenience, use thegridRowSelectionManagerSelectorselector to handle both selection types:- const rowSelection = gridRowSelectionStateSelector(apiRef); - const isRowSelected = rowSelection.includes(rowId); + const rowSelectionManager = gridRowSelectionManagerSelector(apiRef); + const isRowSelected = rowSelectionManager.has(rowId);There is also a
createRowSelectionManagerutility function that can be used to manage the row selection:const rowSelectionManager = createRowSelectionManager({ type: 'include', ids: new Set(), }); rowSelectionManager.select(rowId); rowSelectionManager.unselect(rowId); rowSelectionManager.has(rowId); -
The
selectedIdsLookupSelectorselector has been removed. Use thegridRowSelectionManagerSelectororgridRowSelectionStateSelectorselectors instead. -
The
selectedGridRowsSelectorhas been renamed togridRowSelectionIdsSelector. -
The
selectedGridRowsCountSelectorhas been renamed togridRowSelectionCountSelector. -
The data source feature and its related props are now stable.
<DataGridPro - unstable_dataSource={dataSource} - unstable_dataSourceCache={cache} - unstable_lazyLoading - unstable_lazyLoadingRequestThrottleMs={100} + dataSource={dataSource} + dataSourceCache={cache} + lazyLoading + lazyLoadingRequestThrottleMs={100} /> -
The data source API is now stable.
- apiRef.current.unstable_dataSource.getRows() + apiRef.current.dataSource.getRows() -
The signature of
unstable_onDataSourceError()has been updated to support future use-cases.<DataGrid - unstable_onDataSourceError={(error: Error, params: GridGetRowsParams) => { - if (params.filterModel) { - // do something - } - }} + unstable_onDataSourceError={(error: GridGetRowsError | GridUpdateRowError) => { + if (error instanceof GridGetRowsError && error.params.filterModel) { + // do something + } + }} /> -
Fix the type of the
GridSortModelto allow readonly arrays. -
GridSortIteminterface is not exported anymore. -
The
showToolbarprop is now required to display the toolbar.It is no longer necessary to pass
GridToolbaras a slot to display the default toolbar.<DataGrid + showToolbar - slots={{ - toolbar: GridToolbar, - }} />
@mui/[email protected]- [DataGrid] Add
showToolbarprop to enable default toolbar (#16687) @KenanYusuf - [DataGrid] Column Visibility: Update "Reset" button behavior (#16626) @MBilalShafi
- [DataGrid] Column management design updates (#16630) @KenanYusuf
- [DataGrid] Fix
showColumnVerticalBorderprop (#16715) @KenanYusuf - [DataGrid] Fix scrollbar overlapping cells on mount (#16639) @KenanYusuf
- [DataGrid] Fix: base
SelectmenupropsonClose()(#16643) @romgrk - [DataGrid] Make
GridSortIteminternal (#16732) @arminmeh - [DataGrid] Make data source stable (#16710) @MBilalShafi
- [DataGrid] Reshape row selection model (#15651) @cherniavskii
- [DataGrid] Replace
sxprop usage withstyled()components (#16665) @KenanYusuf - [DataGrid] Refactor: create base
Autocomplete(#16390) @romgrk - [DataGrid] Refactor: remove base form control (#16634) @romgrk
- [DataGrid] Refactor: remove base input label & adornment (#16646) @romgrk
- [DataGrid] Refactor: remove material containers (#16633) @romgrk
- [DataGrid] Refactor: theme to CSS variables (#16588) @romgrk
- [DataGrid] Update the signature of the
onDataSourceError()callback (#16718) @MBilalShafi - [DataGrid] Use readonly array for the
GridSortModel(#16627) @pcorpet - [DataGrid] Fix the popper focus trap (#16736) @romgrk
- [l10n] Added Bangla (bn-BD) locale (#16648) @officialkidmax
- [l10n] Improve Hungarian (hu-HU) locale (#16578) @noherczeg
- [l10n] Improve Russian (ru-RU) locale (#16591) @denpiligrim
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Remove
LicenseInforeexports (#16671) @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Use
valueGetterto get row group keys (#16016) @cherniavskii
Date and Time Pickers
Breaking changes
- The
<DateRangePicker />now uses adialoginstead of atooltipto render their view when used with a single input range field.
@mui/[email protected]- [l10n] Added Bangla (bn-BD) locale (#16648) @officialkidmax
- [pickers] Clean the typing of the slots on the range pickers (#16670) @flaviendelangle
- [pickers] Fix Time Clock meridiem button selected styles (#16681) @LukasTy
- [pickers] Make the single input field the default field on range pickers (#16656) @flaviendelangle
- [pickers] Move the opening logic to the range fields (#16175) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
Breaking changes
-
Charts array inputs are now
readonly. Allowing externally definedas constto be used as a prop value of the React component.const xAxis = [{ position: 'bottom' }] as const <BarChart xAxis={xAxis} /> -
Replace
topAxis,rightAxis,bottomAxisandleftAxisprops by thepositionproperty in the axis config. If you were using them to place axis, set thepositionproperty to the corresponding value'top' | 'right' | 'bottom' | 'left'. If you were disabling an axis by setting it tonull, set itspositionto'none'.<LineChart yAxis={[ { scaleType: 'linear', + position: 'right', }, ]} series={[{ data: [1, 10, 30, 50, 70, 90, 100], label: 'linear' }]} height={400} - rightAxis={{}} /> -
Remove
positionprop fromChartsXAxisandChartsYAxis. Thepositionprop has been removed from theChartsXAxisandChartsYAxiscomponents. Configure it directly in the axis config.<ChartContainer yAxis={[ { id: 'my-axis', + position: 'right', }, ]} > - <ChartsYAxis axisId="my-axis" position="right" /> + <ChartsYAxis axisId="my-axis" /> </ChartContainer> -
Add
minTickLabelGapto x-axis, which allows users to define the minimum gap, in pixels, between two tick labels. The default value is 4px. Make sure to check your charts as the spacing between tick labels might have changed.
@mui/[email protected]- [charts] Accept component in
labelMarkType(#16739) @bernardobelchior - [charts] Add
minTickLabelGapto x-axis (#16548) @bernardobelchior - [charts] Add unit test for pie chart with empty series (#16663) @bernardobelchior
- [charts] Decouple
marginandaxis-size(#16418) @JCQuintas - [charts] Display slider tooltip on demos (#16723) @JCQuintas
- [charts] Fix composition docs link (#16761) @bernardobelchior
- [charts] Fix default label measurement being off (#16635) @bernardobelchior
- [charts] Fix is highlighted memoization (#16592) @alexfauquette
- [charts] Fix missing
theme.shapeerror in the tooltip (#16748) @alexfauquette - [charts] Fix typo in error message (#16641) @JCQuintas
- [charts] Improve axis size docs (#16673) @JCQuintas
- [charts] Improve performance of rendering ticks in x-axis (#16536) @bernardobelchior
- [charts] Make
defaultizeAxisfunction type-safe (#16642) @JCQuintas - [charts] Make
series.datareadonly (#16645) @JCQuintas - [charts] Migrate
ChartsUsageDemoto TSX and removed NoSnap (#16686) @JCQuintas - [charts] Prevent
position='none'axes from rendering (#16727) @JCQuintas - [charts] Make array inputs readonly (#16632) @JCQuintas
- [charts] Remove state initialization hack (#16520) @alexfauquette
- [charts] Remove redundant default axis (#16734) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Add back zoom control (#16550) @alexfauquette
Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]- [codemod] Add a few Data Grid codemods (#16711) @MBilalShafi
- [codemod] Improve Pickers renaming codemod (#16685) @LukasTy
Docs
- [docs] Fix charts with on bar and line pages (#16712) @alexfauquette
- [docs] Fix migration guide introduction for charts (#16679) @alexfauquette
- [docs] Fix remaining charts demos on mobile (#16728) @alexfauquette
- [docs] Fix scroll overflow on mobile (#16675) @oliviertassinari
- [docs] Improve Pickers migration page (#16682) @LukasTy
- [docs] Update small Pickers doc inconsistencies (#16724) @LukasTy
- [code-infra] Charts changes for
vitest(#16755) @JCQuintas - [code-infra] General packages changes for
vitest(#16757) @JCQuintas - [code-infra] Native Node.js ESM (#16603) @Janpot
- [infra] Update contributor acknowledgment wording (#16751) @michelengelen
- [test] Revert timeout increase for possibly slow tests (#16651) @LukasTy
- [x-license] Introduce usage telemetry (#13530) @hasdfa
- π Decouple
- 8.0.0-alpha.1217 Feb 2025pre-release
Release notes
Open source βWe'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights β¨:
- π¦ Data Grid data source is now available in the Community plan
- β‘ Improve Data Grid Excel export serialization performance
- π« Add "No columns" overlay to Data Grid
- π Improve Polish (pl-PL) and Ukrainian (uk-UA) locales on the Data Grid
- π Bugfixes
Special thanks go out to the community contributors who have helped make this release possible: @Neonin, @nusr, and @pawelkula. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk, and @mapache-salvaje.
Data Grid
Breaking changes
-
The
main--hasSkeletonLoadingOverlayclass has been renamed tomain--hiddenContentand is now also applied when the "No columns" overlay is displayed. -
The
apiRef.current.forceUpdate()method was removed. Use selectors combined withuseGridSelector()hook to react to changes in the state. -
The selectors signature has been updated. They are only accepting
apiRefas a first argument andinstanceIdis no longer the third argument.-mySelector(state, arguments, instanceId) +mySelector(apiRef, arguments)
@mui/[email protected]- [DataGrid] Add "No columns" overlay (#16543) @KenanYusuf
- [DataGrid] All selectors accept only
apiRefas first argument (#16198) @arminmeh - [DataGrid] Avoid
undefinedvalue for paginationrowCount(#16488) @cherniavskii - [DataGrid] Create the base Checkbox slot (#16445) @romgrk
- [DataGrid] Create the base Input slot (#16443) @romgrk
- [DataGrid] Create the base MenuList slot (#16481) @romgrk
- [DataGrid] Create the base Popper slot (#16362) @romgrk
- [DataGrid] Create the base Select slot (#16394) @romgrk
- [DataGrid] Create the base Switch slot (#16527) @romgrk
- [DataGrid] Extract
getRowId()API method as a selector (#16487) @MBilalShafi - [DataGrid] Fix the
onClockprop of the base Select slot (#16557) @romgrk - [DataGrid] Go to the first page when sorting/filtering is applied (#16447) @arminmeh
- [DataGrid] Make base data source available in the Community plan (#16359) @MBilalShafi
- [DataGrid] Remove
apiRef.current.forceUpdate()method (#16560) @MBilalShafi - [DataGrid] Fix the unexpected behavior of the pagination when using
-1for "All" rows per page (#16485) @nusr - [l10n] Improve Polish (pl-PL) locale (#16123) @pawelkula
- [l10n] Improve Ukrainian (uk-UA) locale (#16463) @Neonin
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix Excel export Web Worker demo not working in dev mode (#16517) @cherniavskii
- [DataGridPremium] Fix loading issue + add skeleton overlay (#16282) @MBilalShafi
- [DataGridPremium] Improve Excel export serialization performance (#16526) @cherniavskii
- [DataGridPremium] Namespace Excel export worker (#16020) @oliviertassinari
Date and Time Pickers
Breaking changes
-
The
aria-labelon the<Clock />component and Time Picker opening button has been fixed to rely on the setampmproperty instead of defaulting to the user's locale. -
The following unused formats have been removed from the adapters and can no longer be overridden via the
dateFormatsprop on the<LocalizationProvider />component:fullTime- please usefullTime12handfullTime24hinstead:<LocalizationProvider dateFormats={{ - fullTime: 'LT', + fullTime12h: 'hh:mm A', + fullTime24h: 'hh:mm', }} >keyboardDateTime- please usekeyboardDateTime12handkeyboardDateTime24hinstead:<LocalizationProvider dateFormats={{ - keyboardDateTime: 'DD.MM.YYYY | LT', + keyboardDateTime12h: 'DD.MM.YYYY | hh:mm A', + keyboardDateTime24h: 'DD.MM.YYYY | hh:mm', }} >
@mui/[email protected]- [pickers] Fix time related aria labels to depend on
ampmflag value (#16572) @LukasTy - [pickers] Remove unused adapter formats (#16522) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateRangePicker] Avoid unnecessary field section focusing (#16474) @LukasTy
Charts
Breaking changes
- The
useSerieshook family has been stabilized and renamed accordingly β Learn more
@mui/[email protected]- [charts] Add docs for scatter "Size" section (#16556) @bernardobelchior
- [charts] Add
test:performance:browserscript #16600 @bernardobelchior - [charts] Add warning when using unknown ids in
useXxxSerieshooks (#16552) @JCQuintas - [charts] Divide the logic for
useXxxSeriesintouseXxxSeriesContext(#16546) @JCQuintas - [charts] Document plugins for internal use (#16504) @JCQuintas
- [charts] Fix internal typo (#16524) @alexfauquette
- [charts] Fix type overloads (#16581) @JCQuintas
- [charts] Fix zoom filter regression (#16507) @alexfauquette
- [charts] Improve tooltip placement in mobile (#16553) @bernardobelchior
- [charts] Let the
useXxxSeriessupport array of ids and document them (#15545) @JCQuintas - [charts] Memoize some tooltip internals (#16564) @alexfauquette
- [charts] Move Voronoi handler in a dedicated plugin (#16470) @alexfauquette
- [charts] Performance tests: set license on setup. Update vitest minor version. (#16525) @bernardobelchior
- [charts] Propagate the axis scale to the
valueFormatter(#16555) @alexfauquette - [charts] Remove
colorsprop fromSparkLineChart. (#16494) @bernardobelchior - [charts] Stabilize series hooks (
useSeries,usePieSeries, etc.) (#16459) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Add demo for Scatter Chart with linked points (#16505) @bernardobelchior
- [docs] Improve license installation page (#16403) @michelengelen
- [docs] Standardize getting started docs across all packages (#16302) @mapache-salvaje
Core
- [core] Update charts folder structure (#16471) @alexfauquette
- [code-infra] Bump @mui/monorepo (#16422) @LukasTy
- [code-infra] Fix lock file (#16562) @LukasTy
- [code-infra] Fix root package version (#16503) @JCQuintas
- [code-infra] Update internal packages to
nextreleases (#16423) @LukasTy - [code-infra] Update package layout for better ESM support (#14386) @Janpot
- [code-infra] Update peer dependencies for v8 (#16563) @Janpot
- 8.0.0-alpha.117 Feb 2025pre-release
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
Breaking changes
-
createUseGridApiEventHandler()is not exported anymore. -
The
filteredRowsLookupobject of the filter state does not containtruevalues 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 onfilteredRowsLookupto get ids of filtered rows. In this case,usegridDataRowIdsSelectorselector to get row ids and checkfilteredRowsLookupforfalsevalues: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
visibleRowsLookupstate does not containtruevalues 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
MenuListimport (#16444) @romgrk - [DataGrid] Refactor: simplify
useGridApiEventHandler()(#16479) @romgrk
@mui/[email protected]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]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]Same changes as in
@mui/[email protected], plus:- [DateRangeCalendar] Support arrow navigation with multiple months rendered (#16363) @flaviendelangle
- [DateRangePicker] Fix
currentMonthCalendarPositionprop behavior on mobile (#16455) @LukasTy - [DateRangePicker] Fix vertical alignment for multi input fields (#16489) @noraleonte
Charts
@mui/[email protected]- [charts] Add
colorprop toSparklineand 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]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Update charts colors default value (#16484) @bernardobelchior
Core
- [core] Fix corepack and pnpm installation in CircleCI (#16434) @flaviendelangle
- [code-infra] Update monorepo (#16112) @Janpot
- [test] Avoid test warning when running on React 18 (#16486) @LukasTy
- [test] Disable
react-transition-grouptransitions in unit testing (#16288) @lauri865
- 8.0.0-alpha.1031 Jan 2025pre-release
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
Breaking changes
-
viewportInnerSize.widthnow 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.MuiDataGridtotheme.palette.DataGridwith 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, andpinnedRowsRenderZoneclasses have been removed. -
Return type of the
useGridApiRef()hook and the type ofapiRefprop are updated to explicitly include the possibilty ofnull. In addition to this,useGridApiRef()returns a reference that is initialized withnullinstead 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
nullvalue. Some options are:- Use optional chaining
- Use non-null assertion operator if you are sure your code is always executed when the
apiRefis notnull - Return early if
apiRefisnull - Throw an error if
apiRefisnull
@mui/[email protected]- [DataGrid] Fix
renderContextcalculation 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
nullin 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
onClickprop 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
iconContainerduring autosizing (#16399) @michelengelen
@mui/[email protected]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
useGridApiReffor Pro and Premium packages on React < 19 (#16328) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
Breaking changes
- The component passed to the
fieldslot no longer receives theref,disabled,className,sx,label,name,formatDensity,enableAccessibleFieldDOMStructure,selectedSections,onSelectedSectionsChangeandinputRefprops β Learn more - The
MuiPickersPoppertheme entry have been renamedMuiPickerPopperand 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
PickerContextValueproperties (#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]Same changes as in
@mui/[email protected].Charts
Breaking changes
- Replace
legend.position.horizontalfrom"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
blueberryTwilightPalettefrom@mui/x-charts/colorPalettesand set it on thecolorsproperty of charts. - The
idproperty is now optional on thePieandScatterdata types.
@mui/[email protected]- [charts] Add new
bumpXandbumpYcurve options (#16318) @JCQuintas - [charts] Move
tooltipGettertoseriesConfig(#16331) @JCQuintas - [charts] Move item highligh feature to plugin system (#16211) @alexfauquette
- [charts] Replace
legend.position.horizontalfrom"left" | "middle" | "right"to"start" | "center" | "end"(#16315) @JCQuintas - [charts] New default colors (#16373) @JCQuintas
- [charts] Make
idoptional onPieValueTypeandScatterValueType(#16389) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Improve release documentation (#16321) @MBilalShafi
Core
- [core] Reduce chart perf benchmark weight (#16374) @alexfauquette
- [test] Fix console warnings while executing tests with React 18 (#16386) @arminmeh
- [test] Fix flaky data source tests in DataGrid (#16395) @lauri865
- 8.0.0-alpha.924 Jan 2025pre-release
Release notes
Open source β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
apiRefto beMutableRefObjectfor React versions < 19 (#16279) @arminmeh - [l10n] Improve Persian (fa-IR) locale (#16312) @mostafaRoosta74
- [l10n] Improve Urdu (ur-PK) locale (#16295) @AxharKhan
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [fields] Reset
allselected state on section edit (#16223) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
Breaking Changes
The
experimentalMarkRenderingprop has been removed from theLineChartcomponent. The line mark are now<circle />element by default. And you can chose another shape by adding ashapeproperty to your line series.The codemod only removes the
experimentalMarkRenderingprop. If you relied on the fact that marks werepathelements, 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]Same changes as in
@mui/[email protected], plus:- [charts-pro] Fix
procomponents watermark (#16222) @JCQuintas
Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix
domainLimitdefinition (#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
- 8.0.0-alpha.816 Jan 2025pre-release
Release notes
Open source β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
<img width="100%" alt="Data Grid Header filters" src="https://github.com/user-attachments/assets/74a50cd9-7a55-41fc-a2b8-f8a0d5b9120e" />
-
π 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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
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]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]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, anduseMultiInputDateTimeRangeFieldhooks have been removed in favor of the newuseMultiInputRangeFieldhook β Learn more - The component passed to the
fieldslot no longer receives thevalue,onChange,timezone,format,disabled,formatDensity,enableAccessibleFieldDOMStructure,selectedSectionsandonSelectedSectionsChangeprops β 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
onRangePositionChangeintosetRangePositioninusePickerRangePositionContext(#16189) @flaviendelangle - [pickers] Use context to pass props from the picker to the field (#16042) @flaviendelangle
@mui/[email protected]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
xandyaxis 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
offsetcould beInfinite(#16131) @JCQuintas - [charts] Make
useChartGradientIdpublic (#16106) @JCQuintas - [charts] Move z-axis to plugin (#16130) @alexfauquette
- [charts] Plot data at first render if
skipAnimationis set totrue(#16166) @alexfauquette - [charts] Replace tooltip mark with style (#16117) @JCQuintas
- [charts] Support
rtlfor gradient legend (#16115) @JCQuintas - [charts] Use plugin system for series and axes (#15865) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]No changes since
@mui/[email protected].@mui/[email protected]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
reactandreact-domdefinitions 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
-
- 8.0.0-alpha.79 Jan 2025pre-release
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Improve React 19 support (#15769) @LukasTy
- [DataGrid] Add
nameattribute 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]Same changes as in
@mui/[email protected].@mui/[email protected]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-fnsanddate-fns-jalalidate library adapters have been renamed to better align with the current stable major versions β Learn more - Update default
closeOnSelectand Action Baractionsvalues - Learn more - The component passed to the
layoutslot no longer receives thevalue,onChangeandonSelectShortcutprops β Learn more. - The component passed to the
toolbarslot no longer receives thevalue,onChangeandisLandscapeprops β Learn more. - The component passed to the
shortcutsslot no longer receives theonChange,isValidandisLandscapeprops β Learn more. - The
PickerShortcutChangeImportancetype has been renamedPickerChangeImportanceβ Learn more. - The component passed to the
layoutslot no longer receives therangePositionandonRangePositionChangeon range pickers β Learn more. - The component passed to the
toolbarslot no longer receives therangePositionandonRangePositionChangeon range pickers β Learn more. - The component passed to the
tabsslot no longer receives therangePositionandonRangePositionChangeon range pickers β Learn more.
@mui/[email protected]- [fields] Handle focusing container with
inputRef.current.focusonaccessibleFieldDOMStructure(#15985) @LukasTy - [pickers] Always use
setValueinternally 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
NonEmptyDateRangetype (#16035) @flaviendelangle - [pickers] Rename
AdapterDateFnsintoAdapterDateFnsV2andAdapterDateFnsV3intoAdapterDateFns(#16082) @LukasTy - [pickers] Rename
ctx.onViewChangetoctx.setViewand add it to the actions context (#16044) @flaviendelangle - [pickers] Support
date-fns-jalaliv4 (#16011) @LukasTy - [pickers] Update
closeOnSelectandactionBar.actionsdefault values (#15944) @LukasTy - [pickers] Use
usePickerContext()andusePickerActionsContext()instead of passing props to theshortcutsandtoolbarslots (#15948) @flaviendelangle - [l10n] Add Chinese (Taiwan) (zh-TW) locale (#16033) @nusr
- [l10n] Improve Norwegian (nb-NO) locale (#16089) @josteinjhauge
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
Breaking changes
- Removed
DefaultChartsLegendcomponent, 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
widthandheightproperties of the charts now only apply to thesvgelement, and not their wrappers, this might cause some layout shifts. slotProps.legend.directionnow accepts'horizontal' | 'vertical'instead of'row' | 'column'β Learn more.- The
getSeriesToDisplayfunction was removed in favor of theuseLegendhook. β 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]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Improve React 19 support (#15769) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix
EditingWithDatePickersdemo (#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:versiondocs (#16038) @cherniavskii - [code-infra] Add
testSkipIfanddescribeSkipIf(#16049) @JCQuintas - [test] Stabilize flaky Data Grid tests (#16053) @LukasTy
- 8.0.0-alpha.626 Dec 2024pre-release
Release notes
Open source βWe'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights β¨:
- ποΈ Improve Data Grid scrolling performance
- π 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: @JoepVerkoelen, @k-rajat19, @lauri865. Following are all team members who have contributed to this release: @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @romgrk.
Data Grid
Breaking changes
- The
sanitizeFilterItemValue()utility is not exported anymore.
@mui/[email protected]- [DataGrid] Avoid subscribing to
renderContextstate in grid root for better scroll performance (#15986) @lauri865 - [DataGrid] Fix header filters showing clear button while empty (#15829) @k-rajat19
- [DataGrid] Improve test coverage of server side data source (#15942) @MBilalShafi
- [DataGrid] Move progress components to leaf import (#15914) @romgrk
- [DataGrid] Move skeleton to leaf import (#15931) @romgrk
- [DataGrid] Replace
forwardRefwith a shim for forward compatibility (#15955) @lauri865 - [l10n] Improve Dutch (nl-NL) locale (#15994) @JoepVerkoelen
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix column unpinning with row grouping (#15908) @k-rajat19
Date and Time Pickers
@mui/[email protected]- [pickers] Use
usePickerContext()andusePickerActionsContext()to get the actions in theactionBarslot and in internal components (#15843) @flaviendelangle - [pickers] Use
usePickerContext()to get the view-related props in the layout, toolbar and tabs slots (#15606) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]No changes since
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]No changes since
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Remove production profiler from docs build (#15959) @lauri865
- [code-infra] Add new
next-env.d.tschanges (#15947) @JCQuintas
- 8.0.0-alpha.519 Dec 2024pre-release
Release notes
Open source βWe'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights β¨:
- π Improve Korean (ko-KR) locale on the Data Grid
- π Bugfixes
Special thanks go out to the community contributors who have helped make this release possible: @good-jinu, @k-rajat19. Following are all team members who have contributed to this release: @alexfauquette, @cherniavskii, @flaviendelangle, @KenanYusuf, @LukasTy, @MBilalShafi, @romgrk.
Data Grid
Breaking changes
-
Passing additional props (like
data-*,aria-*) directly on the Data Grid component is no longer supported. To pass the props, useslotProps.- For
.rootelement, useslotProps.root. - For
.mainelement (the one withrole="grid"), useslotProps.main.
- For
-
detailPanelExpandedRowIdsandonDetailPanelExpandedRowIdsChangeprops use aSetinstead of an array:-detailPanelExpandedRowIds?: GridRowId[]; +detailPanelExpandedRowIds?: Set<GridRowId>; -onDetailPanelExpandedRowIdsChange?: (ids: GridRowId[], details: GridCallbackDetails) => void; +onDetailPanelExpandedRowIdsChange?: (ids: Set<GridRowId>, details: GridCallbackDetails) => void; -
apiRef.current.getExpandedDetailPanelsandapiRef.current.setExpandedDetailPanelsmethods receive and return aSetinstead of an array. -
gridDetailPanelExpandedRowIdsSelectorreturns aSetinstead of an array. -
gridDetailPanelExpandedRowsHeightCacheSelectorwas removed.
@mui/[email protected]- [DataGrid] Consider
columnGroupHeaderHeightprop ingetTotalHeaderHeightmethod (#15915) @k-rajat19 - [DataGrid] Fix autosizing with virtualized columns (#15116) @k-rajat19
- [DataGrid] Move
<Badge />to leaf import (#15879) @romgrk - [DataGrid] Move
<ListItemText />and<ListItemIcon />to leaf import (#15869) @romgrk - [DataGrid] Remove the Joy UI demo (#15913) @romgrk
- [DataGrid] Update quick filter input variant (#15909) @KenanYusuf
- [DataGrid] Use
slotPropsto forward props to.mainand.rootelements (#15870) @MBilalShafi - [l10n] Improve Korean(ko-KR) locale (#15878) @good-jinu
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Use
SetfordetailPanelExpandedRowIds(#15835) @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
Breaking changes
-
The
<PickersMonth />component has been moved inside the Month Calendar component β Learn more. -
The
<PickersYear />component has been moved inside the Year Calendar component β Learn more.
@mui/[email protected]- [pickers] Add verification to disable skipped hours in spring forward DST (#15849) @flaviendelangle
- [pickers] Remove
PickersMonthandPickersYearfrom the theme and remove thedivwrapping each button (#15806) @flaviendelangle - [pickers] Use the new
ownerStateobject on the<PickersTextField />component (#15863) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Fix
<ScatterChart />value type ifnull(#15917) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]No changes since
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Core
- [code-infra] Remove
@mui/material-nextjsdependency (#15925) @LukasTy
- 8.0.0-alpha.413 Dec 2024pre-release
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
Breaking changes
-
The selectors signature has been updated due to the support of arguments in the selectors. Pass
undefinedasargumentsif the selector doesn't use any arguments.-mySelector(state, instanceId) +mySelector(state, arguments, instanceId) -
The
useGridSelectorsignature has been updated due to the introduction of arguments parameter in the selectors. Passundefinedasargumentsif 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/[email protected]- [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
columnsManagementslot (#15817) @k-rajat19 - [DataGrid] Use new selector signature (#15200) @MBilalShafi
- [l10n] Improve Romanian (ro-RO) locale (#15745) @rares985
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Make row reordering work with pagination (#15355) @k-rajat19
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix group column ignoring
valueOptionsforsingleSelectcolumn type (#15739) @arminmeh
Date and Time Pickers
@mui/[email protected]- [l10n] Improve Romanian (ro-RO) locale (#15745) @rares985
- [pickers] Clean
usePickerlogic (#15763) @flaviendelangle - [pickers] Rename layout
ownerStateproperty fromisRtltolayoutDirection(#15803) @flaviendelangle - [pickers] Use the new
ownerStateinuseClearableField(#15776) @flaviendelangle - [pickers] Use the new
ownerStatein the toolbar components (#15777) @flaviendelangle - [pickers] Use the new
ownerStateobject for the clock components and the desktop / mobile wrappers (#15669) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
Breaking changes
- The default styling of the charts tooltip has been updated.
@mui/[email protected]- [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/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]No changes, releasing to keep the versions in sync.
@mui/[email protected]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
updateRowsmethod for list view demos (#15732) @KenanYusuf - [docs] Use date library version from package dev dependencies for sandboxes (#15762) @LukasTy
Core
- [code-infra] Add Charts sandbox generation (#15830) @JCQuintas
- [code-infra] Remove redundant
@type/react-test-rendererdep (#15766) @LukasTy - [license] Use
console.logfor the error message on Codesandbox to avoid rendering error (#15814) @arminmeh
- 8.0.0-alpha.35 Dec 2024pre-release
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
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
isRowSelectableprop. - The
rowPositionsDebounceMsprop was removed. - The
gridRowsDataRowIdToIdLookupSelectorselector was removed. Use thegridRowsLookupSelectorselector 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
roleattribute totreegridif the Data Grid is used with row grouping feature.
@mui/[email protected]- [DataGrid] Fix deselection not working with
isRowSelectable(#15692) @MBilalShafi - [DataGrid] Make column autosizing work with flex columns (#15465) @cherniavskii
- [DataGrid] Remove
gridRowsDataRowIdToIdLookupSelectorselector (#15698) @arminmeh - [DataGrid] Remove
rowPositionsDebounceMsprop (#15482) @k-rajat19 - [l10n] Improve Hebrew (he-IL) locale (#15699) @perezShaked
- [l10n] Improve Turkish (tr-TR) locale (#15734) @ihsanberkozcan
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Cleanup pinned rows on removal (#15697) @cherniavskii
- [DataGridPro] Server-side lazy loading (#13878) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Remove the
ariaV8experimental flag (#15694) @arminmeh
Date and Time Pickers
Breaking changes
- The
onOpen()andonClose()methods of theusePickerContext()hook have been replaced with a singlesetOpenmethod β Learn more.
@mui/[email protected]- [pickers] Replace the
onOpen()andonClose()methods ofusePickerContext()with a singlesetOpen()method. (#15701) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Improve SVG
patternandgradientsupport (#15720) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]No changes since
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].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-protoreleaseChangelog(#15316) @flaviendelangle - [code-infra] Lock file maintenance (#11894)
- [code-infra] Check if
preset-safefolder exists in codemod test (#15703) @JCQuintas - [code-infra] Import Pickers
preset-safeinto global codemod config (#15659) @JCQuintas - [code-infra] Playwright 1.49 (#15493) @JCQuintas
- [test] Force hover in headless Chrome (#15710) @cherniavskii
- 8.0.0-alpha.229 Nov 2024pre-release
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
Breaking changes
- The
<GridOverlays />component is not exported anymore. - The
indeterminateCheckboxActionprop has been removed. Clicking on an indeterminate checkbox "selects" the unselected descendants. - The
apiRef.current.resize()method was removed. - The default value of the
rowSelectionPropagationprop 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, passrowSelectionPropagationas{ parents: false, descendants: false }. - If
estimatedRowCountis 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/[email protected]- [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
indeterminateCheckboxActionprop (#15522) @MBilalShafi - [DataGrid] Remove try/catch from
<GridCell />due to performance issues (#15616) @lauri865 - [DataGrid] Remove unused
resizemethod (#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/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix header filtering with
booleancolumn 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/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
Breaking changes
-
The props received by the
layoutand thetoolbarslots have been reworked β Learn more. -
The
TSectiongeneric of theFieldReftype has been replaced with theTValuegeneric β Learn more.
@mui/[email protected]- [l10n] Improve Dutch (nl-NL) locale (#15564) @nphmuller
- [pickers] Fix DST issue with
America/Asunciontimezone andAdapterMoment(#15552) @flaviendelangle - [pickers] Improve validation internals (#15419) @flaviendelangle
- [pickers] Remove
TSectionand strictly typeTValue(#15434) @flaviendelangle - [pickers] Remove
orientation,isLandscape,isRtl,wrapperVariantanddisabledprops fromPickersLayout(#15494) @flaviendelangle - [pickers] Use the new
ownerStatein<PickersCalendarHeader />,<PickersArrowSwitcher />and<DayCalendarSkeleton />(#15499) @flaviendelangle - [pickers] Use the new
ownerStateobject in all the field components (#15510) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].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/[email protected]- [charts] Allow the creation of custom HTML components using charts data (#15511) @JCQuintas
- [charts] Flatten imports from
@mui/utilsand@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/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Flatten import from
@mui/utilsand@mui/system(#15604) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected].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
newandpreviewtags in v8 docs (#15547) @JCQuintas - [docs] Fix layout shift image on Tree View docs (#15626) @oliviertassinari
- [docs] Fix
anchorElAPI 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/nodebumps (#15591) @LukasTy
- 8.0.0-alpha.122 Nov 2024pre-release
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [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/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Prompt input control (#15401) @arminmeh
Date and Time Pickers
Breaking change
- The
FieldValueTypetype has been renamed toPickerValueTypeβ Learn more. - The
toolbarandlayoutslots no longer receive thedisabledandreadOnlyprops β Learn more.
@mui/[email protected]- [fields] Fix focus management with new DOM structure (#15475) @flaviendelangle
- [pickers] React 19 support (#15342) @arminmeh
- [pickers] Add new properties to
PickerOwnerStateandPickerContextValue(#15415) @flaviendelangle - [pickers] Always use
props.valuewhen it changes (#15490) @flaviendelangle - [pickers] Ensure internal value timezone is updated (#15435) @LukasTy
- [pickers] Fix unused code in
<PickersToolbar />component (#15515) @LukasTy - [pickers] Remove
FieldValueTypein favor ofPickerValueType(#15259) @arthurbalduini - [pickers] Remove the form props from the layout and the toolbar slots (#15492) @flaviendelangle
- [pickers] Use
props.referenceDatetimezone whenprops.valueandprops.defaultValueare not defined (#15532) @flaviendelangle - [TimePicker] Prevent mouse events after
touchendevent (#15346) @arthurbalduini
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateTimeRangePicker] Use time in
referenceDatewhen selecting date (#15429) @LukasTy
Charts
Breaking change
-
The DX of the Tooltip customization has been refactored
- The
tooltipprop has been removed in favor ofslotProps.tooltipfor consistency. - The
popper,axisContent, anditemContentslots have been removed in favor of thetooltipslot which overrides the entire tooltip.- To override the tooltip content, use the
useItemTooltiporuseAxisTooltiphook to get the data, and wrap your component inChartsTooltipContainerto follow the pointer position. - To override the tooltip placement, use the
ChartsItemTooltipContentorChartsItemTooltipContentto get default data and place them in your custom tooltip.
- To override the tooltip content, use the
- The
-
The library now uses the SVG
filterattribute instead ofd3-colorfor color manipulation.- This modification impacts the
LinePlot,AreaPlot, andBarPlotcomponents. If you've customized thefillof those elements, you might need to override it by using the CSSfilter. - The
theme.styleOverrideis removed forMuiLineElement,MuiAreaElement, andMuiBarElementto improve performance. You can still target those elements by using theMuiLinePlot,MuiAreaPlot, andMuiBarPlotand target the appropriate classeslineElementClasses.root,areaElementClasses.root,barElementClasses.root
- This modification impacts the
-
Removed the
resolveSizeBeforeRenderprop from all chart components β Learn more. -
Removed
widthandheightprops from theChartsSurfacecomponent. -
Removed the
viewportprop from all charts.
@mui/[email protected]- [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-colorwith CSS filter for highlight (#15084) @alexfauquette - [charts] Split
<DrawingProvider />into<DrawingAreaProvider />and<SvgRefProvider />(#15417) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
Breaking changes
- The Tree Item component can no longer use
publicAPImethods in therenderbecause they are now memoized β Learn more.
@mui/[email protected]- [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
treeIdfrom 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
actionpins (#15462) @LukasTy - [docs-infra] Fix version tooltip (#15468) @alexfauquette
- [docs-infra] Transpile
.tsdemo files (#15345) @KenanYusuf - [infra] Remove cherry-pick issue write permission (#15456) @oliviertassinari
- 8.0.0-alpha.014 Nov 2024pre-release
Release notes
Open source β<img width="100%" alt="MUI X v8 Alpha is live" src="https://github.com/user-attachments/assets/114cf615-b617-435f-8499-76ac3c26c57b"> <br /> <br />
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/[email protected]- [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
onPaginationModelChangecallback (#13959) @DungTiger - [DataGrid] Set default overlay height in flex parent layout (#15202) @cherniavskii
- [DataGrid] Refactor
baseMenuListandbaseMenuItem(#15049) @romgrk - [DataGrid] Remove more material imports (#15063) @romgrk
- [l10n] Improve Polish (pl-PL) locale (#15227) @belkocik
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix column pinning layout (#14966) @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected], 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
utilsand the date object as parameters, but only the formatted value as a string. The keys affected by this changes are:clockLabelText,openDatePickerDialogueandopenTimePickerDialogueβ Learn more. -
The following types are no longer exported by
@mui/x-date-pickersand@mui/x-date-pickers-proβ Learn more.UseDateFieldComponentPropsUseTimeFieldComponentPropsUseDateTimeFieldComponentPropsBaseSingleInputFieldPropsBaseMultiInputFieldPropsBasePickersTextFieldProps
-
The
TDategeneric has been removed from all the types, interfaces, and variables of the@mui/x-date-pickersand@mui/x-date-pickers-propackages β Learn more. -
Renamed
usePickersTranslationsandusePickersContexthooks to have a coherentPickerprefix instead ofPickersβ Learn more. -
The
LicenseInfoobject is no longer exported from the@mui/x-date-pickers-propackage β Learn more.
@mui/[email protected]- [fields] Enable the new field DOM structure by default (#14651) @flaviendelangle
- [fields] Remove
UseDateFieldComponentPropsand 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
ownerStateobject (#15056) @flaviendelangle - [pickers] Correctly type the
ownerStateof thefieldandactionBarslots when resolved in a picker component (#15162) @flaviendelangle - [pickers] Fix
DateCalendartimezone management (#12321) @LukasTy - [pickers] Fix
DateTimeRangePickererror when using format without time (#14917) @fxnoob - [pickers] Fix
DigitalClocktime options on aDSTswitch day (#10793) @LukasTy - [pickers] Remove
TDategenerics in favor ofPickerValidDatedirect usage (#15001) @flaviendelangle - [pickers] Remove
utilsandvalueparams 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
disabledandreadOnlyprops (#15304) @flaviendelangle - [pickers] Use the new
ownerStateinDateCalendar,DateRangeCalendar,MonthCalendarandYearCalendar(#15171) @flaviendelangle - [pickers] Use the new
ownerStateinusePickersLayoutanduseXXXPicker(#14994) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
Breaking changes
-
The
legendprop got removed. To pass props to the legend, useslotProps={{ legend: { ... } }}instead. This can be automatically done with the codemod as long as thelegendprop does not come from a destructured object β Learn more. -
The
slots.legenddoes not receive thedrawingAreaprop. 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
highlightedandfadedproperties of highlightScope were deprecated in favor ofhighlightandfade. The deprecated ones are now removed. - The
xAxisKey,yAxisKey, andzAxisKeyproperties 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/[email protected]- [charts] Introduce
hideLegendprop (#15277) @alexfauquette - [charts] Filter items outside the drawing area for performance (#14281) @alexfauquette
- [charts] Fix log scale with
nulldata (#15337) @alexfauquette - [charts] Fix tooltip follow mouse (#15189) @alexfauquette
- [charts] Remove
xAxisKey,yAxisKey, andzAxisKeyseries keys (#15192) @alexfauquette - [charts] Remove axis from the pie chart (#15187) @alexfauquette
- [charts] Remove deprecated
legendprops (#15081) @alexfauquette - [charts] Remove deprecated highlight properties (#15191) @alexfauquette
- [charts] Update Popper position outside of React (#15003) @alexfauquette
- [charts] Improve the performance of the
getSymbolmethod (#15233) @romgrk
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
Breaking changes
-
The
ContentComponentorContentPropsprops of the<TreeItem />component have been removed in favor of the newslots,slotPropsprops and of theuseTreeItemhook β Learn more. -
The
onClickandonMouseDowncallbacks 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/[email protected]- [TreeView] Always apply the indentation on the item content instead of its parent's group (#15089) @flaviendelangle
- [TreeView] Automatic parents and children selection (#14899) @flaviendelangle
- [TreeView] Remove deprecated
TreeViewcomponent (#15093) @flaviendelangle - [TreeView] Replace
<TreeItem />with<TreeItem2 />and migrate all the components and utils (#14913) @flaviendelangle
Docs
- [docs] Add docs for rounded symbol (#15324) @GuillaumeMeheut
- [docs] Add migration guide for the removal of
LicenseInfofrom@mui/x-date-pickers-pro(#15321) @flaviendelangle - [docs] Add migration guide for the first breaking changes of charts (#15276) @alexfauquette
- [docs] Add
PickersPoppercomponent to the Date Picker customization playground (#15305) @LukasTy - [docs] Add v8 to supported releases table (#15384) @joserodolfofreitas
- [docs] Apply the new DX to the Button Field demos (#14860) @flaviendelangle
- [docs] Apply the new DX to the
AutocompleteField demo (#15165) @flaviendelangle - [docs] Cleanup the pickers migration guide (#15310) @flaviendelangle
- [docs] Copyedit the Charts Getting Started sequence (#14962) @samuelsycamore
- [docs] Create Pickers masked field recipe (#13515) @flaviendelangle
- [docs] Fix
applyDomaindocs for the charts (#15332) @JCQuintas - [docs] Fix link to private notion page (#15396) @michelengelen
- [docs] Fix missing punctuation on descriptions (#15229) @oliviertassinari
- [docs] Fix peer dependency range (#15281) @oliviertassinari
- [docs] Fix small Tree View typo (#15390) @oliviertassinari
- [docs] Fix the
AdapterMomentHijridoc section (#15312) @flaviendelangle - [docs] Replace the Tree Item anatomy images (#15066) @noraleonte
- [docs] Start v8 migration guides (#15096) @MBilalShafi
- [docs] Subdivide and reorganize navigation bar (#15014) @samuelsycamore
- [docs] Use
PickersTextFieldin the customization playground (#15288) @LukasTy - [docs] Use
nextinstead of^8.0.0in the migration guides (#15091) @flaviendelangle
Core
- [core] Adjust the
cherry-pickGitHub actions (#15099) @LukasTy - [core] Add
()at the name of function name in the doc (#15075) @oliviertassinari - [core] Clarify release version bump strategy (#15219) @cherniavskii
- [core] Fix CodeSandbox and StackBlitz for next doc-infra sync @oliviertassinari
- [core] Fix Vale error on
master@oliviertassinari - [core] Fix changelog reference to VoiceOver @oliviertassinari
- [core] Fix
tools-public.mui.comredirection @oliviertassinari - [core] Fix webpack capitalization (#15353) @oliviertassinari
- [core] Move
helpersto@mui/x-internalspackage (#15188) @LukasTy - [code-infra] Set renovate to automerge devDependencies (#13463) @JCQuintas
- [infra] Reintroduce the cherry pick workflow (#15293) @michelengelen
- [core] Remove duplicate title header (#15389) @oliviertassinari
- [release] v8 preparation (#15054) @michelengelen
- [test] Fix advanced list view regression test snapshot (#15260) @KenanYusuf
- 7.29.422 May 2025
Release notes
Open source βWe'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
Special thanks go out to the community members for their valuable contributions: @campmarc, @whereisrmsqhs, @jyash97
Following are all team members who have contributed to this release: @mapache-salvaje, @cherniavskii, @noraleonte.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix
renderContextcalculation loop (#17806) @cherniavskii - [DataGrid] Fix column spanning jump on scroll (#17780) @cherniavskii
- [DataGrid] Fix content rendering for large rows while using automatic page size (#17866) @campmarc
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Add
aria-expandedattribute to the master detail toggle button (#17890) @whereisrmsqhs - [DataGridPro] Prevent text selection when reordering rows (#17920) @jyash97
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Fix
PickersTextFieldoverflow (#17945) @noraleonte
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Add "upgrade to v8" callout on v7 planned pages (#17901) @mapache-salvaje
- 7.29.38 May 2025
Release notes
Open source βWe'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
Team members who have contributed to this release: @arminmeh, @LukasTy, and @MBilalShafi.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Ignore
preProcessEditCellPropsfor non-editable columns when starting a row update (#17734) @arminmeh - [DataGrid] Avoid applying row selection propagation on filtered rows (#17742) @MBilalShafi
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [DateTimePicker] Fix focus behavior on desktop variant (#17730) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected]. - 7.29.21 May 2025
Release notes
Open source βWe'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights β¨:
- π Add Armenian (hy-AM) locale on the Data Grid
- π Improve Italian (it-IT) locale on the Date and Time Pickers
- π Bugfixes
Special thanks go out to the community contributors who have helped make this release possible: @ArturAghakaryan, @federico-ntr.
Following are all team members who have contributed to this release: @arminmeh, @JCQuintas, @KenanYusuf, @MBilalShafi, @oliviertassinari.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix column title truncation on touch devices (#17497) @KenanYusuf
- [DataGrid] Fix theme
defaultPropscausing unwanted re-renders (#17530) @KenanYusuf - [l10n] Add Armenian (hy-AM) locale (#17422) @ArturAghakaryan
- [l10n] Fix l10n export (#17526) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [l10n] Improve Italian (it-IT) locale (#17604) @federico-ntr
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix MUI X v7 install instructions (#17537) @oliviertassinari
- [docs] Improve data grid export docs (#17553) @MBilalShafi
Core
- [core] Fix root package 7.29.1 (#17523) @JCQuintas
- 7.29.123 Apr 2025
Release notes
Open source β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: @lhilgert9
Following are all team members who have contributed to this release: @arminmeh, @cherniavskii, @flaviendelangle, @LukasTy, @romgrk.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Prevent scrollbars from showing on top (#17410) @romgrk
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Avoid proptypes warnings with header filters in React 17 (#17492) @cherniavskii
- [DataGridPro] Fix expandable rows detail content height updates (#17509) @arminmeh
- [DataGridPro] Fix row virtualization not working in list view (#17404) @cherniavskii
- [DataGridPro] Move locales re-export to allow proper tree shaking (#17438) @lhilgert9
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Use
groupingValueGetterfor row grouping on the server (#17423) @cherniavskii
Date and Time Pickers
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [RichTreeViewPro] Fix drag and drop issue with label editing (#17415) @flaviendelangle
Docs
- [docs] Use MUI X v7 packages in CodeSandbox and StackBlitz (#17516) @cherniavskii
Core
- [core] Bump monorepo (#17437) @LukasTy
- 7.29.016 Apr 2025
Release notes
Open source βWe'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
- π Improve Hebrew (he-IL), Polish (pl-PL), and Swedish (sv-SE) locales on the Data Grid
- π Improve Czech (cs-CZ) and Slovak (sk-SK) locales on the Date and Time Pickers
Special thanks go out to the community contributors who have helped make this release possible: @lubka272, @ptuukkan, @iddan, @sofortdagmbh
Following are all team members who have contributed to this release: @michelengelen, @oliviertassinari, @michelengelen, @LukasTy.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [l10n] Improve Swedish (sv-SE) locale (#17306) @ptuukkan
- [l10n] Improve Hebrew (he-IL) locale (#16516) @iddan
- [l10n] Improve Polish (pl-PL) locale (#17306) @sofortdagmbh
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix stale aggregation results after filtering (#17303) @cherniavskii
- [DataGridPremium] Fix aggregated values sorting (#17382) @cherniavskii
Date and Time Pickers
@mui/[email protected]- [l10n] Improve Slovak (sk-SK) locale (#17204) @lubka272
- [l10n] Improve Czech (cs-CZ) locale (#17205) @lubka272
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Core
- [core] Cleanup
@muidependency versions (#17390) @LukasTy
Docs
- [docs] Fix 404 link on the marketing page (#17276) @oliviertassinari
- [docs] Fix country columns throwing on grouping (#17317) @cherniavskii
- [release] Changes to v7 for major release (#17320) @michelengelen
- 7.28.33 Apr 2025
Release notes
Open source βWe'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
Team members who have contributed to this release: @cherniavskii, @LukasTy, @MBilalShafi.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Data source: Allow expanding groups with unknown children count (#17149) @MBilalShafi
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Update Localization Provider JSDoc link (#17208) @LukasTy
- [docs] Use v6 core packages in MUI X v7 docs (#17171) @cherniavskii
- 7.28.228 Mar 2025
Release notes
Open source βWe'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
Team members who have contributed to this release: @flaviendelangle, @LukasTy, @arminmeh.
Data Grid
@mui/[email protected]- [DataGrid] Fix error caused by trying to render rows that are not in the state anymore (#17117) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [fields] Improve the check for year in
doesSectionFormatHaveLeadingZeros(#17112) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Core
- [code-infra] Remove
test_regressionsstep from React 18 pipeline (#17109) @LukasTy
- 7.28.017 Mar 2025
Release notes
Open source βWe'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights β¨:
- π Add support for
@mui/materialversion 7 in all X packages - π Bugfixes
- π Improve Chinese (zh-CN), (zh-HK), (zh-TW), Czech (cs-CZ), Korean (ko-KR) and Slovak (sk-Sk) locales on the Data Grid
- π Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales on the Pickers
Special thanks go out to the community contributors who have helped make this release possible: @Blake-McCullough, @hlavacz, @yelahj, @k-rajat19, @nusr. Following are all team members who have contributed to this release: @arminmeh, @flaviendelangle, @LukasTy, @michelengelen, @MBilalShafi.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Add click propagation and prevents default on
toggleMenuclick (#16909) @michelengelen - [DataGrid] Fix
processRowUpdate()error if the row is removed before it is executed (#16904) @arminmeh - [DataGrid] Fix bug with adding and removing columns in active edit state (#16916) @Blake-McCullough
- [DataGrid] Fix visual issue with pinned columns and row spanning (#16942) @MBilalShafi
- [DataGrid] Make column header menu button aria-labels unique (#16925) @owais635
- [DataGrid] Fix
printOptionsnot respectinghideFooterroot prop (#16915) @k-rajat19 - [l10n] Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales (#16917 and #16887) @nusr
- [l10n] Improve Czech (cs-CZ) and Slovak (sk-Sk) locales (#16996) @hlavacz
- [l10n] Improve Korean (ko-KR) locale (#16998) @yelahj
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix header filters not displaying restored values (#16976) @MBilalShafi
- [DataGridPro] Fix infinite loading not reacting when scrolling to the end (#16939) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix selection propagation issues with controlled state (#16995) @MBilalShafi
Date and Time Pickers
@mui/[email protected]- [l10n] Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales (#16997) @nusr
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateRangeCalendar] Do not update the previewed day when hovering a day and the value is empty (#16892) @flaviendelangle
Charts
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix link to the lazy loading demo for the DataGrid (#16912) @nusr
Core
- [core] Allow
@mui/materialv7 in dependencies (#16951) @LukasTy - [infra] Make tests on React 18 part of pipeline (#16958) @LukasTy
- π Add support for
- 7.27.37 Mar 2025
Release notes
Open source βWe'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
Team members who have contributed to this release: @arminmeh, @cherniavskii, @LukasTy, @michelengelen.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix
aria-hiddenconsole error when scrollbar is dragged (#16834) @arminmeh - [DataGrid] Fix scroll jump with dynamic row height (#16801) @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [fields] Fix Fields aria relationship with
helperText(#16828) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Core
- [infra] Update contributor acknowledgment wording (#16753) @michelengelen
- 7.27.125 Feb 2025
Release notes
Open source βWe'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
- π Add Bangla (bn-BD) locale on the Data Grid and Date Pickers
Special thanks go out to the community contributors who have helped make this release possible: @nusr, @officialkidmax. Following are all team members who have contributed to this release: @bernardobelchior, @MBilalShafi, @KenanYusuf.
Data Grid
@mui/[email protected]- [DataGrid] Fix the pagination unexpected behavior when using -1 for "All" rows per page (#16485) @nusr
- [DataGrid] Extract
getRowId()API method as a selector (#16574) @MBilalShafi - [DataGrid] Fix scrollbars overlapping cells on mount (#16653) @KenanYusuf
- [l10n] Add Bangla (bn-BD) locale (#16649) @officialkidmax
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [l10n] Add Bangla (bn-BD) locale (#16649) @officialkidmax
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Fix empty series array in pie chart (#16657) @bernardobelchior
@mui/[email protected]Same changes as in
@mui/[email protected]. - 7.27.017 Feb 2025
Release notes
Open source βWe'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights β¨:
- β‘ Improve Data Grid Excel export serialization performance
- π Bugfixes
- π Improve Polish (pl-PL) and Ukrainian (uk-UA) locale on the Data Grid
Special thanks go out to the community contributors who have helped make this release possible: @pawelkula, @Neonin. Following are all team members who have contributed to this release: @cherniavskii, @JCQuintas, @oliviertassinari, @arminmeh and @LukasTy
Data Grid
@mui/[email protected]- [DataGrid] Add
resetPageOnSortFilterprop that resets the page after sorting and filtering (#16580) @arminmeh - [DataGrid] Avoid
undefinedvalue for paginationrowCount(#16558) @cherniavskii - [l10n] Improve Polish (pl-PL) locale (#16594) @pawelkula
- [l10n] Improve Ukrainian (uk-UA) locale (#16593) @Neonin
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix Excel export Web Worker demo not working in dev mode (#16532) @cherniavskii
- [DataGridPremium] Improve Excel export serialization performance (#16545) @cherniavskii
- [DataGridPremium] Namespace Excel export worker (#16539) @oliviertassinari
Date and Time Pickers
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateRangePicker] Avoid unnecessary field section focusing (#16569) @LukasTy
Charts
@mui/[email protected]Internal changes.
@mui/[email protected]- [charts-pro] Fix automatic type overloads (#16579) @JCQuintas
Core
- [test] Fix Data Grid data source error test on React 18 (#16565) @arminmeh
- 7.26.07 Feb 2025
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Avoid
<GridRoot />double-render pass on mount in SPA mode (#16480) @lauri865
@mui/[email protected]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]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]Same changes as in
@mui/[email protected], plus:- [DateRangePicker] Fix
currentMonthCalendarPositionprop behavior on mobile (#16457) @LukasTy - [DateRangePicker] Fix vertical alignment for multi input fields (#16490) @noraleonte
Charts
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Core
- [core] Fix corepack and pnpm installation in CircleCI (#16452) @flaviendelangle
- 7.25.031 Jan 2025
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix
renderContextcalculation 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
onClickprop 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
iconContainerduring autosizing (#16409) @michelengelen
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix the return type of
useGridApiReffor 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]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Improve release documentation (#16322) @MBilalShafi
Core
- [test] Fix flaky data source tests in DataGrid (#16382) @lauri865
- 7.24.124 Jan 2025
Release notes
Open source β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
apiRefto beMutableRefObjectfor React versions < 19 (#16320) @arminmeh - [l10n] Improve Persian (fa-IR) locale (#15964) @mostafaRoosta74
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [fields] Reset
allselected state on section edit (#16232) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Handle case where gradient stop
offsetcould beInfinite(@JCQuintas) (#16309) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix
domainLimitdefinition (#16271) @alexfauquette
Core
- [core] Make
@mui/x-internalsa dependency of@mui/x-license(#16265) @alexfauquette - [test] Fix flaky column pinning tests (#16228) @cherniavskii
- [test] Fix flaky tests (#16264) @lauri865
- 7.24.017 Jan 2025
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
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]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]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]Internal changes.
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]Internal changes.
@mui/[email protected]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
reactandreact-domdefinitions to simplify dep resolving (#16214) @LukasTy - [infra] Improve cherry-pick action target list (#16188) @michelengelen
- [test] Fix flaky column pinning unit test (#16209) @cherniavskii
- 7.23.69 Jan 2025
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Improve React 19 support (#16048) @LukasTy
- [DataGrid] Add
nameattribute 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]Same changes as in
@mui/[email protected].@mui/[email protected]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-jalaliv4 (#16013) @LukasTy
@mui/[email protected]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]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Improve React 19 support (#16048) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Fix
EditingWithDatePickersdemo (#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:versiondocs (#16040) @cherniavskii
- 7.23.319 Dec 2024
Release notes
Open source βWe'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights β¨:
- π Improve Korean (ko-KR) locale on the Data Grid
- π Bugfixes
Special thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @good-jinu. Following are all team members who have contributed to this release: @KenanYusuf, @MBilalShafi, @arminmeh, @flaviendelangle.
Data Grid
@mui/[email protected]- [DataGrid] Allow passing custom props to
.mainelement (#15919) @MBilalShafi - [DataGrid] Consider
columnGroupHeaderHeightprop ingetTotalHeaderHeightmethod (#15927) @k-rajat19 - [DataGrid] Deprecate
indeterminateCheckboxActionprop (#15862) @MBilalShafi - [DataGrid] Fix
aria-labelvalue for group checkboxes (#15861) @MBilalShafi - [DataGrid] Fix autosizing with virtualized columns (#15929) @k-rajat19
- [DataGrid] Round dimensions to avoid subpixel rendering error (#15873) @KenanYusuf
- [DataGrid] Toggle menu on click in
<GridActionsCell />(#15871) @k-rajat19 - [DataGrid] Trigger row spanning computation on rows update (#15872) @MBilalShafi
- [l10n] Improve Korean (ko-KR) locale (#15906) @good-jinu
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Add verification to disable skipped hours in spring forward DST (#15918) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected]. - 7.23.212 Dec 2024
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix "No rows" displaying when all rows are pinned (#15851) @nusr
- [DataGrid] Use
columnsManagementslot (#15821) @k-rajat19 - [l10n] Improve Romanian (ro-RO) locale (#15751) @rares985
- [l10n] Improve Turkish (tr-TR) locale (#15748) @ihsanberkozcan
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Make Row reordering work with pagination (#15782) @k-rajat19
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix group column ignoring
valueOptionsforsingleSelectcolumn type (#15754) @arminmeh
Date and Time Pickers
@mui/[email protected]- [l10n] Improve Romanian (ro-RO) locale (#15751) @rares985
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Fix key generation for the ChartsGrid (#15864) @alexfauquette
- [charts] Fix scatter dataset with missing data (#15804) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]No changes, releasing to keep the versions in sync.
@mui/[email protected]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
updateRowsmethod 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-protoreleaseChangelog(#15747) @flaviendelangle - [license] Use
console.logfor the error message on Codesandbox to avoid rendering error (#15818) @arminmeh
- 7.23.15 Dec 2024
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Make column autosizing work with flex columns (#15712) @cherniavskii
- [l10n] Improve German (de-DE) locale (#15641) @lhilgert9
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Cleanup pinned rows on removal (#15702) @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [TimePicker] Prevent mouse events after
touchendevent (#15430) @arthurbalduini
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Improve SVG
patternandgradientsupport (#15724) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected].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-markdownto support nested demo imports (#15738) @alexfauquette - [docs] Improve SEO titles for the Data Grid (#15695) @MBilalShafi
Core
- [core] Add
@mui/x-tree-view-protoreleaseChangelog(#15747) @flaviendelangle
- 7.23.029 Nov 2024
Release notes
Open source β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.
https://github.com/user-attachments/assets/61286adc-03fc-4323-9739-8ca726fcc16c
-
βοΈ 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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [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
GridCellperformance (#15621) @lauri865 - [l10n] Improve Chinese (zh-CN) locale (#15570) @headironc
- [l10n] Improve Portuguese (pt-PT) locale (#15561) @mathzdev
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix header filtering with
booleancolumn 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/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] React 19 support (#15557) @arminmeh
- [pickers] Fix DST issue with
America/Asunciontimezone andAdapterMoment(#15653) @flaviendelangle - [pickers] Use
props.referenceDatetimezone whenprops.valueandprops.defaultValueare not defined (#15544) @flaviendelangle - [l10n] Improve Dutch (nl-NL) locale (#15564) @nphmuller
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] React 19 support (#15557) @arminmeh
- [charts] Prevent invalid
releasePointerCapture(#15609) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] React 19 support (#15557) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected].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
-
- 7.22.321 Nov 2024
Release notes
Open source β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.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [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/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Always use
props.valuewhen it changes (#15500) @flaviendelangle - [pickers] Ensure internal value timezone is updated (#15491) @LukasTy
- [pickers] Fix
DateTimeRangePickererror when using format without time (#15341) @fxnoob - [pickers] Fix unused code in
PickersToolbarcomponent (#15525) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateTimeRangePicker] Use time in
referenceDatewhen selecting date (#15431) @LukasTy
Charts
@mui/[email protected]No changes since
@mui/[email protected].@mui/[email protected]- [charts-pro] Fix missing typeOverload (#15400) @alexfauquette
Docs
-
[docs] Add
PickersPoppercomponent to customization playground (#15397) @LukasTy -
[docs] Add
nextversion links (#15423) @LukasTy -
[docs] Use the
loadingstate in the demos (#15538) @cherniavskii -
[code-infra] Tentative fix for Argos flaky screenshot tests (#15399) @JCQuintas
-
[docs-infra] Transpile
.tsdemo files (#15421) @KenanYusuf -
[core] Clarify release version bump strategy (#15536) @cherniavskii
- 7.22.28 Nov 2024
Release notes
Open source β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.0release soon. It will follow a weekly release schedule as always until it is stable.<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix
nullreference error inGridVirtualScrollbar(#15289) @MBilalShafi - [DataGrid] Fix filtering with
booleancolumn 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/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Apply default properties if they are not passed in a reorder column (#15320) @k-rajat19
- [DataGridPro] Toggle row expansion with
Enterkey in Tree data (#15313) @k-rajat19
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix incorrect rows selection count when selection propagation is enabled with row grouping (#15222) @arminmeh
Date and Time Pickers
@mui/[email protected]- [pickers] Add support for
[email protected](#15248) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Allow
SeriesValueFormatterto returnnullvalue (#15295) @clins1994 - [charts] Allow configuring the
domainLimitfor each axis. (#15325) @GuillaumeMeheut
@mui/[email protected]Same changes as in
@mui/[email protected]. - 7.22.11 Nov 2024
Release notes
Open source βNov 1, 2024
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights β¨:
- π Bugfixes
- π Documentation improvements
- π Improve Polish (pl-PL) locale on the Date Pickers
Special thanks go out to the community contributors who have helped make this release possible: @wojtkolos, @dpak-maurya, @k-rajat19. Following are all team members who have contributed to this release: @LukasTy, @arminmeh, @MBilalShafi, @KenanYusuf, @flaviendelangle.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix right column group header border (#15152) @KenanYusuf
- [DataGrid] Fix scroll jump when holding down arrow keys (#15167) @arminmeh
- [DataGrid] Move
rowGroupingModelChangehandler to respective hook (#15127) @MBilalShafi - [DataGrid] Prevent error when deleting the last row (#15153) @dpak-maurya
- [DataGrid] Fix overlay height in autoHeight mode (#15205) @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Add list view tests (#15166) @KenanYusuf
@mui/[email protected]- [DataGridPremium] Keep focus on the grouping cell on space bar press #15155 @k-rajat19
Date and Time Pickers
@mui/[email protected]- [l10n] Improve Polish (pl-PL) locale (#15177) @wojtkolos
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Export
TreeItem2DragAndDropOverlayandTreeItem2LabelInputfrom the root of each package (#15208) @flaviendelangle - [TreeView] Fix drag and drop color usage (#15149) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Docs
- [docs] Add section explaining how to keep the selection while filtering in Data grid docs (#15199) @arminmeh
- 7.22.025 Oct 2024
Release notes
Open source βWe'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights β¨:
- π° Introduce server-side support for Data Grid row grouping
- π Bugfixes
- π Documentation improvements
- π Improve Portuguese (pt-BR) locale on the Data Grid component
Special thanks go out to the community contributors who have helped make this release possible: @clins1994, @GITPHLAP, @k-rajat19, @kalyan90, @merotosc, @yash49. Following are all team members who have contributed to this release: @cherniavskii, @flaviendelangle, @LukasTy, @MBilalShafi, @romgrk.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix
GridPanelAnchorpositioning (#15022) @k-rajat19 - [DataGrid] Fix ugly prop-types for the
pageStyleprop of theGridPrintExportMenuItemcomponent (#15015) @flaviendelangle - [DataGrid] Fix value type in filter model for number and boolean column type (#14733) @k-rajat19
- [DataGrid] Focus next row when the focused row is deleted (#15067) @cherniavskii
- [DataGrid] Remove some usages of
<Box />and<Badge />(#15013) @romgrk - [DataGrid] Fix number of rows to display for page size options with negative value (#14890) @kalyan90
- [l10n] Improve Portuguese (pt-BR) locale (#15021) @k-rajat19
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix column pinning layout (#15073) @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Server-side data source with row grouping (#15109) @MBilalShafi
Date and Time Pickers
@mui/[email protected]- [pickers] Fix
DateCalendartimezone management (#15119) @LukasTy - [pickers] Fix
DigitalClocktime options on aDSTswitch day (#15092) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Export data type in
onAxisClick(_, data)callback (#15038) @clins1994
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Make the cancellable event types public (#14992) @flaviendelangle
Docs
- [docs] Fix typo in Tree View docs (#15047) @yash49
Core
- [core] Adjust cherry-pick GH actions (#15101) @LukasTy
- [core] Update prettier target branch (#15100) @MBilalShafi
- [core] Update some
default-branch-switchinstances forv7.x(#15085) @MBilalShafi - [test] Revert to using
fireEventinstead ofuserEvent(#14927) @LukasTy
- 7.21.017 Oct 2024
Release notes
Open source βWe'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights β¨:
- π« Added
datasetprop support for the Scatter Chart component - π Bugfixes
- π Documentation improvements
Special thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @kalyan90, @rotembarsela, @wangkailang. Following are all team members who have contributed to this release: @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @arminmeh, @romgrk, @KenanYusuf, @oliviertassinari, @samuelsycamore.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix
onRowSelectionModelChangefiring unnecessarily on initial render (#14909) @MBilalShafi - [DataGrid] Fix
onRowSelectionModelChangenot being called after row is removed (#14972) @arminmeh - [DataGrid] Fix pagination scrollbar issue on small zoom (#14911) @cherniavskii
- [DataGrid] Fix scroll jumping (#14929) @romgrk
- [DataGrid] Fix excessive white space at the end of the Data Grid (#14864) @kalyan90
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix indeterminate checkbox state for server-side data (#14956) @MBilalShafi
- [DataGridPro] Fix scrolling performance when
rowHeight={undefined}(#14983) @cherniavskii - [DataGridPro] List view (#14393) @KenanYusuf @cherniavskii
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Cleanup
PageUpandPageDownevent handlers on time components (#14928) @arthurbalduini - [pickers] Create the new picker's
ownerStateobject (#14889) @flaviendelangle - [pickers] Fix
PickerValidDateusage in the Date Range Picker Toolbar (#14925) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Allow
datasetto be used with the Scatter Chart (#14915) @JCQuintas - [charts] Ensure
reduce motionpreference disables animation on page load (#14417) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Fix
alphausage with CSS variables (#14969) @wangkailang - [TreeView] Fix usage of the
aria-selectedattribute (#14991) @flaviendelangle - [TreeView] Fix hydration error (#15002) @flaviendelangle
@mui/[email protected]- [codemod] Add a new utility to rename imports (#14919) @flaviendelangle
Docs
- [docs] Add recipe showing how to toggle detail panels on row click (#14666) @k-rajat19
- [docs] Fix broken link to the validation section in the Data grid component (#14973) @arminmeh
- [docs] Update v5 migration codesandbox @oliviertassinari
- [docs] Enforce component style rules for the Tree View (#14963) @samuelsycamore
Core
- [core] Fix shortcut with localization keyboard (#14220) @rotembarsela
- [core] Fix docs deploy command (#14920) @arminmeh
- [code-infra] Prepare some tests to work in
vitest/playwright(#14926) @JCQuintas - [test] Fix
AdapterDayjscoverage calculation (#14957) @LukasTy - [test] Fix split infinitive API convention use @oliviertassinari
- π« Added
- 7.20.011 Oct 2024
Release notes
Open source βWe'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights β¨:
- π Updated "What's new" page giving more detailed overview of the latest new features and other highlights
- π New collapsible column groups demo for the Data Grid component
- π New Tree Item Customization documentation to learn how to use the new APIs to create custom Tree Items. The old APIs (
props.ContentComponentandprops.ContentProps) have been deprecated and will be removed in the new major version of the Tree View component. - π Improve Japanese (ja-JP) locale on the Data Grid component
- π Bugfixes
- π Other documentation improvements
Special thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @kalyan90, @uma-neko, @vfbiby. Following are all team members who have contributed to this release: @alelthomas, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte, @oliviertassinari, @samuelsycamore, @siriwatknp.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Add
onColumnHeaderContextMenuevent (#14734) @vfbiby - [DataGrid] Avoid row spanning computation of outdated rows (#14902) @MBilalShafi
- [DataGrid] Fix scrollbar position not being updated after
scrollToIndexes(#14888) @arminmeh - [DataGrid] Pass
rowIdparam toprocessRowUpdate(#14821) @k-rajat19 - [l10n] Improve Japanese (ja-JP) locale (#14870) @uma-neko
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix wording on the
rowSelectionPropagationJSDoc and doc section (#14907) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Add
PageUpandPageDownsupport for time components (#14812) @arthurbalduini - [pickers] Fix regression on
PickerValidDate(#14896) @flaviendelangle - [pickers] Move the
DateFieldInPickerPropsinterface to theDatePickerfolder and rename itDatePickerFieldProps(same for time and date time) (#14828) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]No changes since
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeItem] Deprecate the
ContentComponentandContentPropsprops (#14908) @flaviendelangle - [TreeView] Rework how items are being rendered in Rich Tree View components (#14749) @flaviendelangle
Docs
- [docs] Update "What's new" page (#14858) @cherniavskii
- [docs] Add collapsible column groups demo (#14818) @cherniavskii
- [docs] Add custom columns panel demo (#14825) @cherniavskii
- [docs] Capitalize all instances of "Data Grid" (#14884) @samuelsycamore
- [docs] Divide charts
tooltipandhighlightingpages (#14824) @JCQuintas - [docs] Document the
TreeItem2component and theuseTreeItem2hook (#14551) @noraleonte - [docs] Fix column pinning for "Disable detail panel content scroll" section (#14854 and #14885) @kalyan90
- [docs] Fix detail panel demo not working well with pinned columns (#14883) @cherniavskii
- [docs] New recipe of a read-only field (#14606) @flaviendelangle
- [docs] Change demo name example (#14822) @alelthomas
Core
- [core] Support
@mui/utilsv6 (#14867) @siriwatknp - [code-infra] Remove deprecated
data-mui-testin favour ofdata-testid(#14882) @JCQuintas - [code-infra] Update renovate config and add a
vitestgroup (#14856) @JCQuintas - [test] Replace
waitFor()withact()(#14851) @oliviertassinari - [test] Restore "pnpm tc" CLI (#14852) @oliviertassinari
- 7.19.04 Oct 2024
Release notes
Open source βWe'd like to offer a big thanks to the 26 contributors who made this release possible. Here are some highlights β¨:
- π Automatic parents and children selection for Data Grid "tree data" and "row grouping" features
- π« Support
minHeightandmaxHeighton flex parent container for the Data Grid component - π Export
publicAPIfrom theuseTreeItem2Utilshook for the Tree View - π Improve Bulgarian (bg-BG), Croatian (hr-HR), French (fr-FR), German (de-DE), Japanese (ja-JP) and Vietnamese (vi-VN) locales and add Portuguese (pt-PT) locale on the Data Grid component
- π Improve Czech (cs-CZ) and Portuguese (pt-BR) locales and add Bulgarian (bg-BG), Croatian (hr-HR) and Portuguese (pt-PT) locales on the Pickers components
- π Bugfixes
- π Documentation improvements
Special thanks go out to our community contributors who have helped make this release possible: @AWAIS97, @chucamphong, @GMchris, @JakubSveda, @k-rajat19, @k725, @lhilgert9, @ruiaraujo012, @Sanderand, @thomasmoon, @vallereaugabriel. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @sai6855, @samuelsycamore.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix column definition
undefinedvalue (#14456) @sai6855 - [DataGrid] Fix
checkboxSelectionVisibleOnlyreset the selection on filtering (#14677) @MBilalShafi - [DataGrid] Fix background colors when
CSSVarsProvideris used (#12901) @cherniavskii - [DataGrid] Fix error when initializing aggregation with row spanning (#14710) @MBilalShafi
- [DataGrid] Fix scroll to cell logic for keyboard navigating cells and drag selection with pinned columns (#14550) @KenanYusuf
- [DataGrid] Support
minHeightandmaxHeighton flex parent container (#14614) @cherniavskii - [l10n] Add missing Portuguese (pt-PT) translations (#14707) @ruiaraujo012
- [l10n] Improve Bulgarian (bg-BG) locale (#14451) @GMchris
- [l10n] Improve Croatian (hr-HR) locale (#14794) @arminmeh
- [l10n] Improve French (fr-FR) locale (#14750) @vallereaugabriel
- [l10n] Improve German (de-DE) locale (#14755) @lhilgert9
- [l10n] Improve Japanese (ja-JP) locale (#14381) @k725
- [l10n] Improve Vietnamese (vi-VN) locale (#14769) @chucamphong
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix dragging styles removal in column reorder (#14680) @k-rajat19
- [DataGridPro] Fix row pre-processing running with a stale data source (#14810) @MBilalShafi
- [DataGridPro] Fix
onRowsScrollEndnot firing on very fast scrolling (#14171) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Automatic parents and children selection (#13757) @MBilalShafi
Date and Time Pickers
@mui/[email protected]- [pickers] Fix left-right keyboard nav with
yearsOrder="desc"anddirection="rtl"(#14682) @thomasmoon - [pickers] Improve
PickerValidDatetype (#14771) @flaviendelangle - [pickers] Improve typing of the range pickers (#14716) @flaviendelangle
- [l10n] Add Bulgarian (bg-BG) locale (#14469) @GMchris
- [l10n] Add Croatian (hr-HR) locale (#14795) @arminmeh
- [l10n] Add Portuguese (pt-PT) locale (#14722) @ruiaraujo012
- [l10n] Improve Czech (cs-CZ) locale (#14732) @JakubSveda
- [l10n] Improve Portuguese (pt-BR) locale (#14725) @arthurbalduini
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Fix
LineChartarea animation being stuck when resizing container (#14711) @alexfauquette - [charts] Improve types and start using
warnOnce(#14792) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Apply experimental features in
getDefaultizedParamsinstead of in the plugin render (#14661) @flaviendelangle - [TreeView] Export
publicAPIformuseTreeItem2Utils(#14729) @noraleonte - [TreeView] Fix cursor navigation interfering with browser shortcut keys (#14798) @sai6855
- [TreeView] Fix invalid test for items reordering (#14665) @flaviendelangle
- [TreeView] Remove
instance.getTreeItemIdAttribute(#14667) @flaviendelangle
Docs
- [docs] Added warning callout for Firefox reordering bug (#14516) @michelengelen
- [docs] Copyedit
pages.tsnavigation (#14782) @samuelsycamore - [docs] Fix typo in row spanning doc (#14770) @flaviendelangle
- [docs] Fix typo in the Tree View migration guide to v7 (#14727) @Sanderand
- [docs] Fix typo in the usage of Moment guide for UTC and timezones (#14780) @AWAIS97
- [docs] Fix what's new link to use absolute URL (#14543) @oliviertassinari
Core
- [core] Fix class name composition order (#14775) @oliviertassinari
- [core] Replace minWidth, maxWidth with width (#14776) @oliviertassinari
- [code-infra] Remove custom playwright installation steps (#14728) @Janpot
- [code-infra] Replace or remove all instances of
eidentifier (#14724) @samuelsycamore - [infra] Adds community contribution section to the changelog script (#14799) @michelengelen
- [infra] Fix line break in Stack Overflow message @oliviertassinari
- [test] Fix
Escapeevent firing event (#14797) @oliviertassinari
- 7.18.020 Sept 2024
Release notes
Open source βWe'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights β¨:
-
π« Support Row spanning on the Data Grid that automatically merges the consecutive cells in a column based on the cell value
<img height="326" src="https://github.com/user-attachments/assets/03960387-0cc2-44da-9c6a-6c438a45fa50" alt="data grid row spanning" />
-
β° Support
date-fnsv4 (#14673) @LukasTy -
π Add option for Pickers to change the order of displayed years (#11780) @thomasmoon
-
π Bugfixes
-
π Documentation improvements
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Add default reset value in row edit mode (#14050) @michelengelen
- [DataGrid] Add
columnGroupHeaderHeightprop for sizing column group headers (#14637) @KenanYusuf - [DataGrid] Fix
documentreference when the grid is rendered in a popup window (#14649) @arminmeh - [DataGrid] Remove
minFirstColumnfromGetHeadersParamsinterface (#14450) @k-rajat19 - [DataGrid] Row spanning (#14124) @MBilalShafi
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix
onRowsScrollEndbeing triggered instantly when bottom pinned row is present (#14602) @arminmeh - [DataGridPro] Fix header filters rendering issue for
isEmptyandisNotEmptyfilter operators (#14493) @k-rajat19 - [DataGridPro] Fix pinned columns in RTL mode (#14586) @KenanYusuf
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Add option to change the order of displayed years (#11780) @thomasmoon
- [pickers] Support
date-fnsv4 (#14673) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Add a
PolarProviderto manage polar axes (#14642) @alexfauquette - [charts] Fix
LineChartanimation being stuck with initial drawing area value (#14553) @JCQuintas - [charts] Fix legend slot typing (#14657) @alexfauquette
- [charts] Pass the axis index to extremum getter (#14641) @alexfauquette
- [charts] Provide hooks to create custom tooltip (#14377) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Add
"use client"directive to every public component and hook (#14579) @flaviendelangle
Docs
- [docs] Add
groupingValueGettercallout in column definition docs (#14599) @michelengelen - [docs] Clean v6 => v7 migration guide (#14652) @flaviendelangle
- [docs] Copy
vale-action.ymlfrom main repo @oliviertassinari - [docs] Edit the Pickers Getting started doc (#14555) @samuelsycamore
- [docs] Fix TypeScript capitalization @oliviertassinari
- [docs] Fix Vale error @oliviertassinari
- [docs] Make the migration guide diff a bit easier to read @oliviertassinari
- [docs] Report Vale at warning level (#14660) @oliviertassinari
- [docs] Warn about the
valueGetterandvalueFormattersignature change (#14613) @cherniavskii - [docs] Polish code formatting (#14603) @oliviertassinari
Core
- [core] Fix 301 link to Next.js and git diff @oliviertassinari
- [core] Fix failing CI on
master(#14644) @cherniavskii - [core] Fix
package.jsonrepository rule @oliviertassinari - [core] MUI X repository moved to a new location @oliviertassinari
- [docs-infra] Strengthen CSP (#14581) @oliviertassinari
- [license] Finish renaming of LicensingModel (#14615) @oliviertassinari
- [test] Spy on
observemethod to avoid flaky wait for a callback (#14640) @arminmeh
-
- 7.17.013 Sept 2024
Release notes
Open source βWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
- π Charts performance improvement
- π§βπ» New Data Grid custom columns demo
- π Bugfixes
- π Documentation improvements
- π Improve Hungarian (hu-HU) locale on the Data Grid
Data Grid
@mui/[email protected]- [DataGrid] Add "does not equal" and "does not contain" filter operators (#14489) @KenanYusuf
- [DataGrid] Add demo to the "Custom columns" page that does not use generator (#13695) @arminmeh
- [DataGrid] Fix Voice Over reading the column name twice (#14482) @arminmeh
- [DataGrid] Fix bug in CRUD example (#14513) @michelengelen
- [DataGrid] Fix failing jsdom tests caused by
:has()selectors (#14559) @KenanYusuf - [DataGrid] Refactor string operator filter functions (#14564) @KenanYusuf
- [l10n] Improve Hungarian (hu-HU) locale (#14506) @ntamas
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [fields] Improve
useSplitFieldPropsand make it public (#14514) @flaviendelangle - [pickers] Improve clear action label (#14243) @oliviertassinari
- [pickers] Add
"use client"directive to every public component and hook (#14562) @flaviendelangle - [pickers] Allow custom fields to validate the value (#14486) @flaviendelangle
- [pickers] Stop using utils in locales (#14505) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateRangePicker] Fix
currentMonthCalendarPositionnot scrolling to future sibling (#14442) @GMchris
Charts
@mui/[email protected]- [charts] Add
"use client"directive to every public component and hook (#14578) @flaviendelangle - [charts] Allow
onItemClickon theLegendcomponent (#14231) @JCQuintas - [charts] Fix
onAxisClickwithlayout='horizontal'(#14547) @alexfauquette - [charts] Replace
pathwithcirclefor performance improvement (#14518) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Make
useTreeItem2stable (#14498) @flaviendelangle
Docs
- [docs] Add missing callout on "Imperative API" tree view sections (#14503) @flaviendelangle
- [docs] Fix broken redirection to MUI X v5 @oliviertassinari
- [docs] Fix multiple
console.errormessages onchartsdocs (#14554) @JCQuintas - [docs] Fixed typo in Row Grouping recipes (#14549) @Miodini
- [docs] Match title with blog posts @oliviertassinari
Core
- [core] Move warning methods to
@mui/x-internals(#14528) @k-rajat19 - [core] Sync with core release flow @oliviertassinari
- [code-infra] Fix charts benchmark workflow (#14573) @JCQuintas
- [docs-infra] Type interface API pages (#14138) @alexfauquette
- [infra] Create
ESLint pluginsrenovate group (#14574) @LukasTy - [license] Clean-up terminology to match codebase (#14531) @oliviertassinari
- [test] Remove dead
act()logic (#14529) @oliviertassinari
- 7.16.05 Sept 2024
Release notes
Open source βWe'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights β¨:
- π¨ Update the design of Data Grid column headers (#14293)
- π§ Add the
slotsconcept introduction documentation page (#13881) - π Improve Chinese (zh-CN) and Dutch (nl-NL) locales on the Data Grid
- π Bugfixes
- π Documentation improvements
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Add key prop to
GridFilterInputMultipleValue(#14302) @sai6855 - [DataGrid] Allow to control the indeterminate checkbox behavior (#14247) @MBilalShafi
- [DataGrid] Column header design updates (#14293) @KenanYusuf
- [DataGrid] Fix error on simultaneous
columnsandcolumnGroupingModelupdate (#14368) @cherniavskii - [DataGrid] Fix first row flickering with
autoHeightprop enabled (#14235) @KenanYusuf - [DataGrid] Remove cell min-width / max-width styles (#14448) @oliviertassinari
- [DataGrid] Restore reselect behavior (#14410) @romgrk
- [l10n] Improve Chinese (zh-CN) locale (#14394) @lawvs
- [l10n] Improve Dutch (nl-NL) locale (#14398) @Janpot
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix duplicate top border in header filters (#14375) @MBilalShafi
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Improve
onErrorJSDoc (#14492) @flaviendelangle - [pickers] Keep the calendar header and content in sync when switching locale (#14125) @flaviendelangle
- [pickers] Move multi input range field validation tests to the describe test file (#14501) @flaviendelangle
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Fix JSDoc typos (#14497) @alexfauquette
- [charts] Fix
LineChartnot properly animating when hydrating (#14355) @JCQuintas - [charts] Fix theme augmentation (#14372) @alexfauquette
- [charts] Pass all props to legend (#14392) @JCQuintas
- [charts] Use
.mjsextension for ESM build (#14387) @alexfauquette - [charts] Update
package.jsonfor vendor package (#14465) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Fix props and automated documentation on
BarChartProandLineChartPro(#14391) @JCQuintas
Tree View
@mui/[email protected]- [TreeView] Clean label editing code (#14264) @flaviendelangle
@mui/[email protected]- [codemod] Fix
experimentalFeaturescodemod for typescript parser (#14150) @MBilalShafi
Docs
- [docs] Add RTL documentation for the pickers (#13855) @flaviendelangle
- [docs] Add the
slotsconcept introduction page (#13881) @flaviendelangle - [docs] Remove TypeScript v3 outdated version mentions (#14443) @k-rajat19
- [docs] Remove notion of seats (#14351) @oliviertassinari
- [docs] Use real world data for
PieChartexamples (#14297) @JCQuintas
Core
- [core] Fix changelog spelling @oliviertassinari
- [core] Fix failing tests on the pickers (#14457) @flaviendelangle
- [core] Reset permissions for codspeed GitHub Action (#14420) @oliviertassinari
- [code-infra] Add babel runtime version check (#14483) @Janpot
- [code-infra] Fully resolve imports in ESM target (#14234) @Janpot
- [code-infra] Update runners from node 18 to 20 (#14466) @JCQuintas
- [infra] Added
secrets: inheritto workflow call (#14454) @michelengelen - [infra] Switch "add closing message" to reusable workflow (#14499) @michelengelen
- [infra] Switch "issue triage workflow" to reusable workflows (#14390) @michelengelen
- 7.15.029 Aug 2024
Release notes
Open source βWe'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights β¨:
- π« Support Material UI v6 (
@mui/material@6) peer dependency (#14142) @cherniavskii
You can now use MUI X components with either v5 or v6 of
@mui/materialpackage π- π Bugfixes
Data Grid
@mui/[email protected]- [DataGridPro] Export
GridRowReorderCellcomponent (#14079) @genepaul
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Add
onTouchStarthandler forTimeClock(#14305) @arthurbalduini
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DateTimeRangePicker] Fix date format resolving from views on 24hr locales (#14341) @arthurbalduini
Charts
@mui/[email protected]- [charts] Add missing
themeAugmentationin pro plan (#14313) @lhilgert9 - [charts] Fix
LineCharttransition stopping before completion (#14366) @JCQuintas - [charts] Fix tooltip with horizontal layout (#14337) @alexfauquette
- [charts] Keep axis root classes usage explicit (#14378) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts pro] Avoid relative reference to
@mui/x-chartspackage (#14335) @LukasTy
Docs
- [docs] Fix sentence case
h2@oliviertassinari - [docs] Clarify contribution guide references @oliviertassinari
- [docs] Fix Stack Overflow issue canned response @oliviertassinari
- [docs] Fix outdated link to support page @oliviertassinari
- [docs] Fix use of Material UI @oliviertassinari
- [docs] Update deprecated props in docs (#14295) @JCQuintas
Core
- [core] Allow only v5.x for
MUI Corerenovate group (#14382) @LukasTy - [core] Avoid visual regression when using
@mui/material@6(#14357) @cherniavskii - [core] Remove renovate rule targeting only
nextreleases of@mui/docs(#14364) @LukasTy - [core] Support
@mui/material@6peer dependency (#14142) @cherniavskii - [core] Use
useRtlinstead ofuseThemeto access direction (#14359) @LukasTy - [code-infra] Typecheck nested folders in playground (#14352) @JCQuintas
- [infra] Fix Issue cleanup action @oliviertassinari
- [license] Prepare renaming of argument names @oliviertassinari
- π« Support Material UI v6 (
- 7.14.023 Aug 2024
Release notes
Open source βWe'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights β¨:
-
π« Allow filtering the axis on zoom, making the axis adapt by removing values outside the view.
<img width="600" src="https://github.com/user-attachments/assets/e65bbd00-d2a8-4136-81cd-3598f1373c16" alt="filtering the axis on zoom" />
-
π Improve bar chart performances
-
π Improve Czech (cs-CZ) and Hebrew (he-IL) locales on the Data Grid
-
π Improve Chinese (zh-HK), Hebrew (he-IL), and Vietnamese (vi-VN) locales on the Date and Time Pickers
-
π Bugfixes
Data Grid
@mui/[email protected]- [DataGrid] Use readonly array result for
getTreeDataPath(#11743) @pcorpet - [DataGrid] Use
event.keyforTabandEscapekeys (#14170) @k-rajat19 - [DataGrid] Introduce selectors with arguments (#14236) @MBilalShafi
- [DataGrid] include
apiingridCellParamsinterface (#14201) @k-rajat19 - [l10n] Improve Czech (cs-CZ) locale (#14135) @chirimiri22
- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
@mui/[email protected]Same changes as in
@mui/[email protected].@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPremium] Fix clipboard paste not working for a single cell on non-first page (#14261) @arminmeh
- [DataGridPremium] Fix
onCellSelectionModelChangenot triggered when additional cell range is selected (#14199) @arminmeh
Date and Time Pickers
@mui/[email protected]- [l10n] Improve Chinese (zh-HK) locale (#13289) @yeeharn
- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
- [l10n] Improve Vietnamese (vi-VN) locale (#14238) @locnbk2002
- [TimePicker] Handle
SpaceandEnteron theTimeClockcomponent @arthurbalduini
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Fix grid overflow with zooming (#14280) @alexfauquette
- [charts] Improve bar chart performances (#14278) @alexfauquette
- [charts] Test pointer events (#14042) @alexfauquette
- [charts] Use
isPointInsidefunction for both graphs and axis (#14222) @JCQuintas
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [charts-pro] Zoom axis filtering (#14121) @JCQuintas
Docs
- [docs] Consistent use of UTC and timezones (#14250) @oliviertassinari
- [docs] Fix missing leading slashes in URLs (#14249) @oliviertassinari
- [docs] Dash usage revision on pickers pages (#14260) @arthurbalduini
Core
- [core] Follow JSDocs convention @oliviertassinari
- [core] Prepare for material v6 (#14143) @LukasTy
- [code-infra] Set up
eslint-plugin-testing-library(#14232) @LukasTy - [infra] Updated mui-x roadmap links with new project URL (#14271) @michelengelen
-
- 7.13.016 Aug 2024
Release notes
Open source βWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
- π« Allow to edit the label of Tree View's items.
https://github.com/user-attachments/assets/cfd27be0-740f-48d4-9a6e-84c06edda376
- π§ Improve rows accessibility on the Data Grid features "Tree Data" and "Row Grouping". Certain "Row Grouping" accessibility updates will only be applied if experimental feature flag is enabled. See the documentation for more information.
- π Improve Vietnamese (vi-VN) locale on the Data Grid
- π Bugfixes
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
Data Grid
@mui/[email protected]- [DataGrid] Fix CSV export for
nullandundefinedvalues (#14166) @k-rajat19 - [DataGrid] Fix error logged during skeleton loading with nested data grid (#14186) @KenanYusuf
- [DataGrid] Remove needless check in
useGridStateInitialization(#14181) @k-rajat19 - [DataGrid] Add recipe for persisting filters in local storage (#14208) @cherniavskii
- [l10n] Improve Vietnamese (vi-VN) locale (#14216) @hungnd-casso
@mui/[email protected]Same changes as in
@mui/[email protected], plus:- [DataGridPro] Fix Tree Data and Row Grouping rows accessibility (#13623) @arminmeh
@mui/[email protected]Same changes as in
@mui/[email protected].Date and Time Pickers
@mui/[email protected]- [pickers] Fix date and time merging to retain milliseconds (#14173) @LukasTy
@mui/[email protected]Same changes as in
@mui/[email protected].Charts
@mui/[email protected]- [charts] Add
baselineproperty to theLineChartseries(#14153) @JCQuintas - [charts] Fix issue where tooltip would disappear on mouse click (#14187) @alexfauquette
- [charts] Rename
CartesianContextProvidertoCartesianProvider(#14102) @JCQuintas - [charts] Support axis with the same value for all data points (#14191) @alexfauquette
@mui/[email protected]Same changes as in
@mui/[email protected].Tree View
@mui/[email protected]- [TreeView] Add label editing feature (#13388) @noraleonte
- [TreeView] Fix the parameters passed for the
canMoveItemToNewPositionprop (#14176) @flaviendelangle
Docs
- [docs] Extract dataset in the Line chart docs (#14034) @alexfauquette
- [docs] Remove redundant encoding in the mock data source server (#14185) @MBilalShafi
- [docs] Use Netflix financial results to document bar charts (#13991) @alexfauquette
- [docs] Remove reliance on abbreviations (#14226) @oliviertassinari
Core
- [core] Bump monorepo (#14141) @Janpot
- [core] Fix ESLint issue (#14207) @LukasTy
- [core] Fix Netlify build cache issue (#14182) @cherniavskii
- [code-infra] Refactor Netlify
cache-docsplugin setup (#14105) @LukasTy - [internals] Move utils needed for tree view virtualization to shared package (#14202) @flaviendelangle