NewYour coding agent can read the release notes before it upgrades.Set up the MCP server →
npm · #4112 most downloaded on npm
The community edition of the MUI X Date and Time Picker components.
Last release today
17 Sep 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
274 releases · first in 2022
One column per quarter.
We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community members for their valuable contributions: @alisasanib, @sai6855
The following are all team members who have contributed to this release: @alexfauquette, @bernardobelchior, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @arminmeh
@mui/x-data-grid@8.5.3@mui/x-data-grid-pro@8.5.3 Same changes as in @mui/x-data-grid@8.5.3, plus:
rowCount response when new children are fetched with the data source (#17711) @arminmeh@mui/x-data-grid-premium@8.5.3 Same changes as in @mui/x-data-grid-pro@8.5.3.
@mui/x-date-pickers@8.5.3inputSizeSmall to classes interface (#18242) @sai6855@mui/x-date-pickers-pro@8.5.3 Same changes as in @mui/x-date-pickers@8.5.3.
@mui/x-charts@8.5.3tabIndex in surface and legend (#18344) @JCQuintas@mui/x-charts-pro@8.5.3 Same changes as in @mui/x-charts@8.5.3, plus:
FunnelChart label positioning with different curves (#18354) @JCQuintas@mui/x-tree-view@8.5.3Internal changes.
@mui/x-tree-view-pro@8.5.3 Same changes as in @mui/x-tree-view@8.5.3.
@mui/x-codemod@8.5.3Internal changes.
Playwright renovate group (#18397) @LukasTyCODEOWNERS for charts repositories (#18418) @JCQuintasURL usage for test config (#18444) @LukasTyvitest bundled types (#17758) @JCQuintasWe'd like to extend a big thank you to the 15 contributors who made this release possible. Here are some highlights ✨:
We'd like to extend a big thank you to the 15 contributors who made this release possible. Here are some highlights ✨:
useSyncExternalStore import error in React 17Special thanks go out to the community members for their valuable contributions: @alisasanib, @noobyogi0010.
The following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @JCQuintas, @KenanYusuf, @LukasTy, @mapache-salvaje, @michelengelen, @noraleonte, @oliviertassinari, @prakhargupta1, @romgrk.
@mui/x-data-grid@8.5.2@mui/x-data-grid-pro@8.5.2 Same changes as in @mui/x-data-grid@8.5.2, plus:
@mui/x-data-grid-premium@8.5.2 Same changes as in @mui/x-data-grid-pro@8.5.2.
@mui/x-date-pickers@8.5.2PickerDay2 and DateRangePickerDay2 components (#15921) @noraleontehiddenLabel prop propagation (#18195) @noobyogi0010@mui/x-date-pickers-pro@8.5.2 Same changes as in @mui/x-date-pickers@8.5.2.
@mui/x-charts@8.5.2sx prop merging from useComponentRenderer (#18235) @bernardobelchioruseSyncExternalStore import error in React 17 (#18314) @bernardobelchior@mui/x-charts-pro@8.5.2 Same changes as in @mui/x-charts@8.5.2, plus:
gap prop does not impact the drawing area (#18233) @JCQuintasChartsToolbarPro types in pro charts (#18243) @bernardobelchior@mui/x-tree-view@8.5.2useSyncExternalStore import error in React 17 (#18314) @bernardobelchior@mui/x-tree-view-pro@8.5.2 Same changes as in @mui/x-tree-view@8.5.2.
React to 19.0.0 (#18265) @LukasTycatalog for reused dependencies (#18302) @LukasTyWe'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@8.5.1registerPipeProcessor() for Node v20 (#18241) @arminmehuseComponentRenderer from x-internals (#18203) @bernardobelchior@mui/x-data-grid-pro@8.5.1 Same changes as in @mui/x-data-grid@8.5.1, plus:
@mui/x-data-grid-premium@8.5.1 Same changes as in @mui/x-data-grid-pro@8.5.1.
@mui/x-date-pickers@8.5.1transformOrigin resolving based on popper placement (#18206) @LukasTy@mui/x-date-pickers-pro@8.5.1 Same changes as in @mui/x-date-pickers@8.5.1.
@mui/x-charts@8.5.1extendVertically (#18211) @JCQuintas@mui/x-charts-pro@8.5.1 Same changes as in @mui/x-charts@8.5.1, plus:
linear-sharp curve as alternative to square edge (#17966) @JCQuintasFunnelSectionLabel (#18061) @JCQuintas@mui/x-tree-view@8.5.1Internal changes.
@mui/x-tree-view-pro@8.5.1 Same changes as in @mui/x-tree-view@8.5.1.
valueFormatter signature in migration guide (#18226) @michelengelenprocessRowUpdate (#18213) @JCQuintasistanbul references (#18194) @JCQuintasmocha with vitest on e2e and regression tests (#18071) @JCQuintasno-direct-state-access tests (#18209) @JCQuintasplaywright docker image (#18186) @LukasTy[infra] Remove last deprecated ponyfillGlobal usage (#18003) @LukasTy
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
RadarChartPro, FunnelChart and Heatmap as image and PDF.RadarChart is 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 /-->
@mui/x-data-grid@8.5.0toggleColumn event type (#18023) @KenanYusufany type (#17979) @sai6855@mui/x-data-grid-pro@8.5.0 Same changes as in @mui/x-data-grid@8.5.0, plus:
@mui/x-data-grid-premium@8.5.0 Same changes as in @mui/x-data-grid-pro@8.5.0, plus:
GridApiPremium type (#18037) @arminmeh@mui/x-date-pickers@8.5.0Internal changes.
@mui/x-date-pickers-pro@8.5.0 Same changes as in @mui/x-date-pickers@8.5.0, plus:
@mui/x-charts@8.5.0render prop to charts toolbar components (#17649) @bernardobelchioruseFunnelSeries and useRadarSeries (#18034) @JCQuintasChartApi through context (#18004) @bernardobelchior@mui/x-charts-pro@8.5.0 Same changes as in @mui/x-charts@8.5.0, plus:
ChartAxisZoomSlider into smaller files (#18011) @bernardobelchior@mui/x-tree-view@8.5.0Internal changes.
@mui/x-tree-view-pro@8.5.0 Same changes as in @mui/x-tree-view@8.5.0.
babel-plugin-display-name in vitest (#17903) @JCQuintasponyfillGlobal usage (#18003) @LukasTybabel-plugin-display-name from npm (#18040) @LukasTyponyfillGlobal (#17986) @xBlizZerWe'd like to offer a big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
🔺 Support regular pyramid variation 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 /-->
@mui/x-data-grid@8.4.0exclude selection model type if quick filter does not have actual values (#17899) @arminmeh@mui/x-data-grid-pro@8.4.0 Same changes as in @mui/x-data-grid@8.4.0, plus:
aria-expanded attribute to the master detail toggle button (#17122) @whereisrmsqhs@mui/x-data-grid-premium@8.4.0 Same changes as in @mui/x-data-grid-pro@8.4.0.
@mui/x-date-pickers@8.4.0disabled value is used when focusing or clicking (#17914) @aizerinPickersTextField overflow (#17942) @noraleonte@mui/x-date-pickers-pro@8.4.0 Same changes as in @mui/x-date-pickers@8.4.0.
@mui/x-charts@8.4.0isPointInside less often (#17850) @bernardobelchioruseAnimate test (#17777) @JCQuintasisXInside and isYInside (#17911) @bernardobelchior@mui/x-charts-pro@8.4.0 Same changes as in @mui/x-charts@8.4.0, plus:
Pyramid chart (#17783) @JCQuintas@mui/x-tree-view@8.4.0getItemChildren prop in RichTreeView (#17894) @rita-codesapiRef to toggle the editing status of an item (#17768) @rita-codes@mui/x-tree-view-pro@8.4.0 Same changes as in @mui/x-tree-view@8.4.0.
apiRef copy (#17776) @mapache-salvajedisplayName (#17845) @romgrkvitest cli (#17847) @JCQuintasisolatedModules=true in tsconfig (#17781) @JCQuintasWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@8.3.1reason param for onRowSelectionModelChange callback (#17545) @sai6855renderContext calculation loop (#17779) @cherniavskii@mui/x-data-grid-pro@8.3.1 Same changes as in @mui/x-data-grid@8.3.1.
@mui/x-data-grid-premium@8.3.1 Same changes as in @mui/x-data-grid-pro@8.3.1, plus:
@mui/x-date-pickers@8.3.1@mui/x-date-pickers-pro@8.3.1 Same changes as in @mui/x-date-pickers@8.3.1.
@mui/x-charts@8.3.1@mui/x-charts-pro@8.3.1 Same changes as in @mui/x-charts@8.3.1, plus:
@mui/x-tree-view@8.3.1Internal changes.
@mui/x-tree-view-pro@8.3.1 Same changes as in @mui/x-tree-view@8.3.1.
mocha with vitest for browser & jsdom tests (#14508) @JCQuintasWe'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
<FunnelChart />, including variant, borderRadius, pyramid, and step-pyramid curves.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.
@mui/x-data-grid@8.3.0isRowSelectable prop (#17629) @MBilalShafipreProcessEditCellProps for non-editable columns when starting a row update (#17732) @arminmeh@mui/x-data-grid-pro@8.3.0 Same changes as in @mui/x-data-grid@8.3.0.
@mui/x-data-grid-premium@8.3.0 Same changes as in @mui/x-data-grid-pro@8.3.0.
@mui/x-date-pickers@8.3.0DigitalClock stealing focus from a Picker open button on close (#17686) @LukasTy@mui/x-date-pickers-pro@8.3.0 Same changes as in @mui/x-date-pickers@8.3.0, plus:
The <FunnelChart /> series now accepts a variant='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 borderRadius property to <FunnelChart />. All funnels have 8px as 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 pyramid curve 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-pyramid curve 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/x-charts@8.3.0<PieArcLabel /> not taking arcLabelRadius into account (#17655) @bernardobelchior<MarkElement /> performance (#17546) @bernardobelchiormaterialSlots internal constant (#17710) @bernardobelchior@mui/x-charts-pro@8.3.0 Same changes as in @mui/x-charts@8.3.0, plus:
pyramid curve to <FunnelChart /> (#17665) @JCQuintasvariant='outlined' to <FunnelChart /> series (#17661) @JCQuintasborderRadius property to <FunnelChart /> (#17660) @JCQuintas@mui/x-tree-view@8.3.0@mui/x-tree-view-pro@8.3.0 Same changes as in @mui/x-tree-view@8.3.0.
node types in the built packages (#17533) @LukasTypkg.pr.new publishing (#17402) @JanpotWe'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
<FunnelChart/> now uses the strawberrySky sequential 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" />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 /-->
@mui/x-data-grid@8.2.0defaultProps causing unwanted re-renders (#17490) @KenanYusuf<GridEditInputCell /> break input (#16773) @nusr@mui/x-data-grid-pro@8.2.0 Same changes as in @mui/x-data-grid@8.2.0, plus:
@mui/x-data-grid-premium@8.2.0 Same changes as in @mui/x-data-grid-pro@8.2.0.
@mui/x-date-pickers@8.2.0@mui/x-date-pickers-pro@8.2.0 Same changes as in @mui/x-date-pickers@8.2.0.
@mui/x-charts@8.2.0<circle /> for circular legend mark (#17590) @alexfauquette@mui/x-charts-pro@8.2.0 Same changes as in @mui/x-charts@8.2.0, plus:
gap option to <FunnelChart /> (#17642) @JCQuintas<FunnelChart /> (#17606) @JCQuintas@mui/x-tree-view@8.2.0Internal changes.
@mui/x-tree-view-pro@8.2.0 Same changes as in @mui/x-tree-view@8.2.0.
groupingColDef reference needs to be stable (#17544) @arminmeh@next usages (#17542) @LukasTyloadStyleSheets to internals and use it in data grid and charts (#17548) @bernardobelchiorvitest changes (#17619) @JCQuintasclock=fake and add async act for datagrid (#17563) @JCQuintasbranch switch comments (#17589) @michelengelenWe'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
apiRef.exportAsPrint().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 /-->
@mui/x-data-grid@8.1.0material prop (#17513) @KenanYusuf@mui/x-data-grid-pro@8.1.0 Same changes as in @mui/x-data-grid@8.1.0, plus:
@mui/x-data-grid-premium@8.1.0 Same changes as in @mui/x-data-grid-pro@8.1.0.
@mui/x-date-pickers@8.1.0PickersInputBase owner state typing (#17478) @LukasTy@mui/x-date-pickers-pro@8.1.0 Same changes as in @mui/x-date-pickers@8.1.0.
apiRef.exportAsPrint.@mui/x-charts@8.1.0rafThrottle on event handlers instead of setter (#17489) @bernardobelchior@mui/x-charts-pro@8.1.0 Same changes as in @mui/x-charts@8.1.0, plus:
initialZoom (#17500) @bernardobelchior@mui/x-tree-view@8.1.0Internal changes.
@mui/x-tree-view-pro@8.1.0 Same changes as in @mui/x-tree-view@8.1.0.
@types/node (#17444) @LukasTyreact-is dependency (#17470) @LukasTyoverridesResolver in styled components (#17466) @romgrk@babel/node (#17446) @LukasTyclock=fake from pickers (#17253) @JCQuintasMigration guides are available with a complete list of the breaking changes:
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@7 support – 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 margin and axis-size).
🚫 Removed react-spring dependency 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:
@mui/x-data-grid@8.0.0@mui/x-data-grid-pro@8.0.0 Same changes as in @mui/x-data-grid@8.0.0, plus:
@mui/x-data-grid-premium@8.0.0 Same changes as in @mui/x-data-grid-pro@8.0.0, plus:
groupingValueGetter for row grouping on the server (#17376) @cherniavskii@mui/x-date-pickers@8.0.0<input /> but the field expects the accessible DOM structure (#17237) @flaviendelangleEnter press with accessible DOM structure (#17328) @LukasTydisabled=true (#17215) @flaviendelangle@mui/x-date-pickers-pro@8.0.0 Same changes as in @mui/x-date-pickers@8.0.0, plus:
@mui/x-charts@8.0.0slotProps.legend.hidden to migration docs (#17379) @bernardobelchiorAnimationContext into a plugin (#17299) @bernardobelchiorbarElementClasses (#17273) @10tacionuseAnimate hook (#17162) @bernardobelchioruseAnimate test flakiness (#17372) @bernardobelchioruseEventCallback to memoize onZoomChange without triggering a re-render (#17233) @JCQuintasChartDataProvider (#17403) @bernardobelchior@mui/x-charts-pro@8.0.0 Same changes as in @mui/x-charts@8.0.0, plus:
requestAnimationFrame (#17137) @JCQuintas@mui/x-tree-view@8.0.0@mui/x-tree-view-pro@8.0.0 Same changes as in @mui/x-tree-view@8.0.0.
ownerState changes (#17151) @flaviendelangleResponsiveChartContainer migration guide (#17364) @MonstraGTelemetryContextType (#17282) @oliviertassinari__RELEASE_INFO__ is managed (#17416) @LukasTyvitest changes (#17247) @JCQuintasvitest (#17251) @JCQuintasclock=fake from pickers tests (#17225) @JCQuintasWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
react-spring as a dependency of @mui/x-chartsTeam members who have contributed to this release: @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @noraleonte, @romgrk, @alexfauquette.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
The list view feature and its related props are now stable.
The unstable_listColumn prop has been renamed to listViewColumn.
The GridListColDef type has been renamed to GridListViewColDef.
-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 to useGridEvent().
The useGridApiOptionHandler() hook has been renamed to useGridEventPriority().
@mui/x-data-grid@8.0.0-beta.3useGridApiEventHandler() to useGridEvent() (#17159) @romgrk@mui/x-data-grid-pro@8.0.0-beta.3 Same changes as in @mui/x-data-grid@8.0.0-beta.3, plus:
@mui/x-data-grid-premium@8.0.0-beta.3 Same changes as in @mui/x-data-grid-pro@8.0.0-beta.3.
@mui/x-date-pickers@8.0.0-beta.3nextOrAccept action bar action (#17037) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-beta.3 Same changes as in @mui/x-date-pickers@8.0.0-beta.3.
Removed react-spring as a dependency of @mui/x-charts.
A consequence of this change is that the props of some slots have been changed because the SpringValue wrapper has been removed. The affected slots and props are:
x, y, width and height props of the bar slot are now number;startAngle, endAngle, innerRadius, outerRadius, arcLabelRadius, cornerRadius and paddingAngle props of pieArc and pieArcLabel slot are now number.Additionally, the pieArc slot now receives a skipAnimation prop to configure whether animations should be enabled or disabled.
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.
@mui/x-charts@8.0.0-beta.3react-spring (#16961) @bernardobelchiorreact-spring (#17123) @bernardobelchior@mui/x-charts-pro@8.0.0-beta.3 Same changes as in @mui/x-charts@8.0.0-beta.3.
@mui/x-tree-view@8.0.0-beta.3Internal changes.
@mui/x-tree-view-pro@8.0.0-beta.3 Same changes as in @mui/x-tree-view@8.0.0-beta.3.
@mui/x-codemod@8.0.0-beta.3listView prop rename codemod (#17220) @MBilalShafi@mui dependency versions (#17160) @LukasTytest:unit warning (#17224) @JCQuintasdescribeValidation (#17150) @JCQuintasdescribeValue (#17199) @JCQuintasWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
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.
@mui/x-data-grid@8.0.0-beta.2@mui/styled-engine-sc (#17154) @KenanYusuf@mui/x-data-grid-pro@8.0.0-beta.2 Same changes as in @mui/x-data-grid@8.0.0-beta.2, plus:
@mui/x-data-grid-premium@8.0.0-beta.2 Same changes as in @mui/x-data-grid-pro@8.0.0-beta.2.
@mui/x-date-pickers@8.0.0-beta.2@mui/x-date-pickers-pro@8.0.0-beta.2 Same changes as in @mui/x-date-pickers@8.0.0-beta.2.
@mui/x-charts@8.0.0-beta.2@mui/x-charts-pro@8.0.0-beta.2 Same changes as in @mui/x-charts@8.0.0-beta.2.
@mui/x-tree-view@8.0.0-beta.2Internal changes.
@mui/x-tree-view-pro@8.0.0-beta.2 Same changes as in @mui/x-tree-view@8.0.0-beta.2.
@mui/x-codemod@8.0.0-beta.1ExportExcel component (#17110) @KenanYusuf@mui/styles dependency & patches (#17071) @mnajdovaisDeepEqual to @mui/x-internals (#17129) @JCQuintastest_regressions step from React 18 pipeline (#17108) @LukasTyissue-status-label-handler.yml @michelengelen[pickers] Deprecate the disableOpenPicker prop (#17040) @flaviendelangle
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@8.0.0-beta.1forwardRef to ClickAwayListener (#17049) @arminmeh@mui/x-data-grid-pro@8.0.0-beta.1 Same changes as in @mui/x-data-grid@8.0.0-beta.1, plus:
checkboxSelectionVisibleOnly and paginationMode="server" (#17026) @arminmeh@mui/x-data-grid-premium@8.0.0-beta.1 Same changes as in @mui/x-data-grid-pro@8.0.0-beta.1, plus:
@mui/x-date-pickers@8.0.0-beta.1useField hook (part 1) (#16944) @flaviendelangledoesSectionFormatHaveLeadingZeros (#17051) @flaviendelangledisableOpenPicker prop (#17040) @flaviendelanglecleanLeadingZeros method (#17063) @flaviendelangleownerState in PickersDay and DateRangePickerDay (#17035) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-beta.1 Same changes as in @mui/x-date-pickers@8.0.0-beta.1, plus:
@mui/x-charts@8.0.0-beta.1@mui/x-charts-pro@8.0.0-beta.1 Same changes as in @mui/x-charts@8.0.0-beta.1, plus:
@mui/x-tree-view@8.0.0-beta.1Internal changes.
@mui/x-tree-view-pro@8.0.0-beta.1 Same changes as in @mui/x-tree-view@8.0.0-beta.1.
We'd like to offer a big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
<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 ✨:
@mui/material version 7 in all X packages@mui/material has been updated to accept only v7.
This has been done to increase the adoption rate of ESM.
Since only v7 of @mui/material has 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 /-->
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 margin and axis-size)
🔁 Support automatic parents and children selection for the Rich Tree View components.
@mui/x-data-grid@8.0.0-beta.0toggleMenu click (#16845) @michelengelenQuickFilter debounce overriding input value (#16856) @KenanYusufprintOptions not respecting hideFooter root prop (#14863) @k-rajat19processRowUpdate() error if the row is removed before it is executed (#16741) @arminmeh@mui/x-data-grid-pro@8.0.0-beta.0 Same changes as in @mui/x-data-grid@8.0.0-beta.0, plus:
@mui/x-data-grid-premium@8.0.0-beta.0 Same changes as in @mui/x-data-grid-pro@8.0.0-beta.0, plus:
useClearableField hook has been removed.
The custom field component now receives the clearable and onClear props — Learn more.ExportedUseClearableFieldProps, UseClearableFieldSlots, UseClearableFieldSlotProps, and UseClearableFieldResponse types have been removed — Learn more.@mui/x-date-pickers@8.0.0-beta.0props.value as the source of truth when defined (#16853) @flaviendelanglefocusedView to time renderers (#16869) @LukasTyuseClearableField hook (#16859) @LukasTy@mui/x-date-pickers-pro@8.0.0-beta.0 Same changes as in @mui/x-date-pickers@8.0.0-beta.0, plus:
height property.
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/x-charts@8.0.0-beta.0forwardRef (#16894) @bernardobelchiorisInteracting behavior directly to community code (#16999) @JCQuintasfireEvent usage from tests (#17006) @JCQuintasuseIsClient (#16937) @bernardobelchior@mui/x-charts-pro@8.0.0-beta.0 Same changes as in @mui/x-charts@8.0.0-beta.0.
@mui/x-tree-view@8.0.0-beta.0Internal changes.
@mui/x-tree-view-pro@8.0.0-beta.0 Same changes as in @mui/x-tree-view@8.0.0-beta.0.
showQuickFilter: true toolbar prop from demos (#17003) @KenanYusuf@mui/utils dependency to only v7 (#16928) @Janpotcimg/node image version (#16964) @LukasTyTanstack query renovate group (#16989) @LukasTypull_request to pull_request_target (#16902) @michelengelenWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
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.
density prop. A density selector can be added to a custom toolbar passed to slots.toolbar. See Toolbar component—Settings menu for an example.slotProps={{ toolbar: { showQuickFilter: false } }} to hide it.<GridSaveAltIcon /> icon is not exported anymore. Import SaveAlt from @mui/icons-material instead.@mui/x-data-grid@8.0.0-alpha.14aria-hidden console error when scrollbar is dragged (#16829) @arminmeh<Toolbar /> component (#14611) @KenanYusuf@mui/x-data-grid-pro@8.0.0-alpha.14 Same changes as in @mui/x-data-grid@8.0.0-alpha.14.
@mui/x-data-grid-premium@8.0.0-alpha.14 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.14.
onChange when the date is partially filled — Learn more.@mui/x-date-pickers@8.0.0-alpha.14props.value as the source of truth when defined (#15875) @flaviendelanglehelperText (#16821) @LukasTyTValidationProps generic to the PickerManager interface (#16832) @flaviendelangleedge property setting in different button position cases (#16838) @LukasTyusePicker folder (#16680) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.14 Same changes as in @mui/x-date-pickers@8.0.0-alpha.14.
@mui/x-charts@8.0.0-alpha.14undefined behaving differently from missing value for axis size (#16844) @bernardobelchiordefaultizeAxis function into two (#16745) @bernardobelchiortextAnchor and dominantBaseline based on angle (#16817) @bernardobelchior@mui/x-charts-pro@8.0.0-alpha.14 Same changes as in @mui/x-charts@8.0.0-alpha.14, plus:
The selectItem method has been renamed setItemSelection:
const { publicAPI } = useTreeItemUtils();
const handleSelectItem() {
- publicAPI.selectItem({ event, itemId: props.itemId, shouldBeSelected: true })
+ publicAPI.setItemSelection({ event, itemId: props.itemId, shouldBeSelected: true })
}
The setItemExpansion method 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/x-tree-view@8.0.0-alpha.14@mui/x-tree-view-pro@8.0.0-alpha.14 Same changes as in @mui/x-tree-view@8.0.0-alpha.14.
The deprecated LicenseInfo export has been removed from the @mui/x-data-grid-pro and @mui/x-data-grid-premium packages. You have to import it from @mu…
We'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
margin and axis-size. A new API to support multiple axes (#16418) @JCQuintasSpecial 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.
The slots.baseFormControl component 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:
columnVisibilityModel is provided, it resets to that model.columnVisibilityModel is provided, it resets to the first model value.columns prop or updateColumns() API method), the reset reference point updates to the current columnVisibilityModel.To revert to the previous behavior, provide a custom component to the slots.columnsManagement.
The deprecated LicenseInfo export has been removed from the @mui/x-data-grid-pro and @mui/x-data-grid-premium packages.
You have to import it from @mui/x-license instead:
- 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> }.
Using Set allows for a more efficient row selection management.
The exclude selection type allows to select all rows except the ones in the ids set.
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 gridRowSelectionStateSelector selector.
For convenience, use the gridRowSelectionManagerSelector selector 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 createRowSelectionManager utility 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 selectedIdsLookupSelector selector has been removed. Use the gridRowSelectionManagerSelector or gridRowSelectionStateSelector selectors instead.
The selectedGridRowsSelector has been renamed to gridRowSelectionIdsSelector.
The selectedGridRowsCountSelector has been renamed to gridRowSelectionCountSelector.
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 GridSortModel to allow readonly arrays.
GridSortItem interface is not exported anymore.
The showToolbar prop is now required to display the toolbar.
It is no longer necessary to pass GridToolbar as a slot to display the default toolbar.
<DataGrid
+ showToolbar
- slots={{
- toolbar: GridToolbar,
- }}
/>
@mui/x-data-grid@8.0.0-alpha.13showToolbar prop to enable default toolbar (#16687) @KenanYusufshowColumnVerticalBorder prop (#16715) @KenanYusufSelect menuprops onClose() (#16643) @romgrkGridSortItem internal (#16732) @arminmehsx prop usage with styled() components (#16665) @KenanYusufAutocomplete (#16390) @romgrkonDataSourceError() callback (#16718) @MBilalShafiGridSortModel (#16627) @pcorpet@mui/x-data-grid-pro@8.0.0-alpha.13 Same changes as in @mui/x-data-grid@8.0.0-alpha.13, plus:
LicenseInfo reexports (#16671) @cherniavskii@mui/x-data-grid-premium@8.0.0-alpha.13 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.13, plus:
valueGetter to get row group keys (#16016) @cherniavskii<DateRangePicker /> now uses a dialog instead of a tooltip to render their view when used with a single input range field.@mui/x-date-pickers@8.0.0-alpha.13@mui/x-date-pickers-pro@8.0.0-alpha.13 Same changes as in @mui/x-date-pickers@8.0.0-alpha.13.
Charts array inputs are now readonly. Allowing externally defined as const to be used as a prop value of the React component.
const xAxis = [{ position: 'bottom' }] as const
<BarChart xAxis={xAxis} />
Replace topAxis, rightAxis, bottomAxis and leftAxis props by the position property in the axis config.
If you were using them to place axis, set the position property to the corresponding value 'top' | 'right' | 'bottom' | 'left'.
If you were disabling an axis by setting it to null, set its position to 'none'.
<LineChart
yAxis={[
{
scaleType: 'linear',
+ position: 'right',
},
]}
series={[{ data: [1, 10, 30, 50, 70, 90, 100], label: 'linear' }]}
height={400}
- rightAxis={{}}
/>
Remove position prop from ChartsXAxis and ChartsYAxis.
The position prop has been removed from the ChartsXAxis and ChartsYAxis components. 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 minTickLabelGap to 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/x-charts@8.0.0-alpha.13labelMarkType (#16739) @bernardobelchiorminTickLabelGap to x-axis (#16548) @bernardobelchiormargin and axis-size (#16418) @JCQuintastheme.shape error in the tooltip (#16748) @alexfauquettedefaultizeAxis function type-safe (#16642) @JCQuintasseries.data readonly (#16645) @JCQuintasChartsUsageDemo to TSX and removed NoSnap (#16686) @JCQuintasposition='none' axes from rendering (#16727) @JCQuintas@mui/x-charts-pro@8.0.0-alpha.13 Same changes as in @mui/x-charts@8.0.0-alpha.13, plus:
@mui/x-tree-view@8.0.0-alpha.13Internal changes.
@mui/x-tree-view-pro@8.0.0-alpha.13 Same changes as in @mui/x-tree-view@8.0.0-alpha.13.
@mui/x-codemod@8.0.0-alpha.13vitest (#16755) @JCQuintasvitest (#16757) @JCQuintasWe'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
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.
The main--hasSkeletonLoadingOverlay class has been renamed to main--hiddenContent and is now also applied when the "No columns" overlay is displayed.
The apiRef.current.forceUpdate() method was removed. Use selectors combined with useGridSelector() hook to react to changes in the state.
The selectors signature has been updated. They are only accepting apiRef as a first argument and instanceId is no longer the third argument.
-mySelector(state, arguments, instanceId)
+mySelector(apiRef, arguments)
@mui/x-data-grid@8.0.0-alpha.12apiRef as first argument (#16198) @arminmehundefined value for pagination rowCount (#16488) @cherniavskiigetRowId() API method as a selector (#16487) @MBilalShafionClock prop of the base Select slot (#16557) @romgrkapiRef.current.forceUpdate() method (#16560) @MBilalShafi-1 for "All" rows per page (#16485) @nusr@mui/x-data-grid-pro@8.0.0-alpha.12 Same changes as in @mui/x-data-grid@8.0.0-alpha.12.
@mui/x-data-grid-premium@8.0.0-alpha.12 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.12, plus:
The aria-label on the <Clock /> component and Time Picker opening button has been fixed to rely on the set ampm property 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 dateFormats prop on the <LocalizationProvider /> component:
fullTime - please use fullTime12h and fullTime24h instead: <LocalizationProvider
dateFormats={{
- fullTime: 'LT',
+ fullTime12h: 'hh:mm A',
+ fullTime24h: 'hh:mm',
}}
>
keyboardDateTime - please use keyboardDateTime12h and keyboardDateTime24h instead: <LocalizationProvider
dateFormats={{
- keyboardDateTime: 'DD.MM.YYYY | LT',
+ keyboardDateTime12h: 'DD.MM.YYYY | hh:mm A',
+ keyboardDateTime24h: 'DD.MM.YYYY | hh:mm',
}}
>
@mui/x-date-pickers@8.0.0-alpha.12ampm flag value (#16572) @LukasTy@mui/x-date-pickers-pro@8.0.0-alpha.12 Same changes as in @mui/x-date-pickers@8.0.0-alpha.12, plus:
useSeries hook family has been stabilized and renamed accordingly — Learn more@mui/x-charts@8.0.0-alpha.12test:performance:browser script #16600 @bernardobelchioruseXxxSeries hooks (#16552) @JCQuintasuseXxxSeries into useXxxSeriesContext (#16546) @JCQuintasuseXxxSeries support array of ids and document them (#15545) @JCQuintasvalueFormatter (#16555) @alexfauquettecolors prop from SparkLineChart. (#16494) @bernardobelchioruseSeries, usePieSeries, etc.) (#16459) @bernardobelchior@mui/x-charts-pro@8.0.0-alpha.12 Same changes as in @mui/x-charts@8.0.0-alpha.12.
@mui/x-tree-view@8.0.0-alpha.12Internal changes.
@mui/x-tree-view-pro@8.0.0-alpha.12 Same changes as in @mui/x-tree-view@8.0.0-alpha.12.
next releases (#16423) @LukasTy[charts] Add color prop to Sparkline and deprecate colors (#16477) @bernardobelchior
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
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 /-->
createUseGridApiEventHandler() is not exported anymore.
The filteredRowsLookup object of the filter state does not contain true values anymore. If the row is filtered out, the value is false. Otherwise, the row id is not present in the object.
This change only impacts you if you relied on filteredRowsLookup to get ids of filtered rows. In this case,use gridDataRowIdsSelector selector to get row ids and check filteredRowsLookup for false values:
const filteredRowsLookup = gridFilteredRowsLookupSelector(apiRef);
-const filteredRowIds = Object.keys(filteredRowsLookup).filter((rowId) => filteredRowsLookup[rowId] === true);
+const rowIds = gridDataRowIdsSelector(apiRef);
+const filteredRowIds = rowIds.filter((rowId) => filteredRowsLookup[rowId] !== false);
The visibleRowsLookup state does not contain true values anymore. If the row is not visible, the value is false. 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/x-data-grid@8.0.0-alpha.11<GridRoot /> double-render pass on mount in SPA mode (#15648) @lauri865MenuList import (#16444) @romgrkuseGridApiEventHandler() (#16479) @romgrk@mui/x-data-grid-pro@8.0.0-alpha.11 Same changes as in @mui/x-data-grid@8.0.0-alpha.11, plus:
useGridApiContext() for Pro and Premium packages on React < 19 (#16441) @arminmeh@mui/x-data-grid-premium@8.0.0-alpha.11 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.11, plus:
@mui/x-date-pickers@8.0.0-alpha.11Internal changes.
@mui/x-date-pickers-pro@8.0.0-alpha.11 Same changes as in @mui/x-date-pickers@8.0.0-alpha.11, plus:
currentMonthCalendarPosition prop behavior on mobile (#16455) @LukasTy@mui/x-charts@8.0.0-alpha.11color prop to Sparkline and deprecate colors (#16477) @bernardobelchior@mui/x-charts-pro@8.0.0-alpha.11 Same changes as in @mui/x-charts@8.0.0-alpha.11.
@mui/x-tree-view@8.0.0-alpha.11Internal changes.
@mui/x-tree-view-pro@8.0.0-alpha.11 Same changes as in @mui/x-tree-view@8.0.0-alpha.11.
react-transition-group transitions in unit testing (#16288) @lauri865We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
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 /-->
viewportInnerSize.width now includes pinned columns' widths (fixes recursive loops in updating dimensions <-> columns)
The Data Grid now has a default background color, and its customization has moved from theme.mixins.MuiDataGrid to theme.palette.DataGrid with the following properties:
bg: Sets the background color of the entire grid (new property)headerBg: Sets the background color of the header (previously named containerBackground)pinnedBg: Sets the background color of pinned rows and columns (previously named pinnedBackground) const theme = createTheme({
- mixins: {
- MuiDataGrid: {
- containerBackground: '#f8fafc',
- pinnedBackground: '#f1f5f9',
- },
- },
+ palette: {
+ DataGrid: {
+ bg: '#f8fafc',
+ headerBg: '#e2e8f0',
+ pinnedBg: '#f1f5f9',
+ },
+ },
});
The detailPanels, pinnedColumns, and pinnedRowsRenderZone classes have been removed.
Return type of the useGridApiRef() hook and the type of apiRef prop are updated to explicitly include the possibilty of null. In addition to this, useGridApiRef() returns a reference that is initialized with null instead of {}.
Only the initial value and the type are updated. Logic that initializes the API and its availability remained the same, which means that if you could access API in a particular line of your code before, you are able to access it as well after this change.
Depending on the context in which the API is being used, you can decide what is the best way to deal with null value. Some options are:
apiRef is not nullapiRef is nullapiRef is null@mui/x-data-grid@8.0.0-alpha.10renderContext calculation with scroll bounce / over-scroll (#16297) @lauri865gridClasses (#16256) @mateuseapnull in the return type of the useGridApiRef() hook (#16353) @arminmehonClick prop on toolbar buttons (#16356) @KenanYusuficonContainer during autosizing (#16399) @michelengelen@mui/x-data-grid-pro@8.0.0-alpha.10 Same changes as in @mui/x-data-grid@8.0.0-alpha.10, plus:
useGridApiRef for Pro and Premium packages on React < 19 (#16328) @arminmeh@mui/x-data-grid-premium@8.0.0-alpha.10 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.10.
field slot no longer receives the ref, disabled, className, sx, label, name, formatDensity, enableAccessibleFieldDOMStructure, selectedSections, onSelectedSectionsChange and inputRef props — Learn moreMuiPickersPopper theme entry have been renamed MuiPickerPopper and some of its props have been removed — Learn more@mui/x-date-pickers@8.0.0-alpha.10<PickersPopper /> (#16319) @flaviendelanglePickerContextValue properties (#16327) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.10 Same changes as in @mui/x-date-pickers@8.0.0-alpha.10.
legend.position.horizontal from "left" | "middle" | "right" to "start" | "center" | "end".
This is to align with the CSS values and reflect the RTL ability of the legend component.blueberryTwilightPalette from @mui/x-charts/colorPalettes and set it on the colors property of charts.id property is now optional on the Pie and Scatter data types.@mui/x-charts@8.0.0-alpha.10bumpX and bumpY curve options (#16318) @JCQuintastooltipGetter to seriesConfig (#16331) @JCQuintaslegend.position.horizontal from "left" | "middle" | "right" to "start" | "center" | "end" (#16315) @JCQuintasid optional on PieValueType and ScatterValueType (#16389) @JCQuintas@mui/x-charts-pro@8.0.0-alpha.10 Same changes as in @mui/x-charts@8.0.0-alpha.10.
@mui/x-tree-view@8.0.0-alpha.10Internal changes.
@mui/x-tree-view-pro@8.0.0-alpha.10 Same changes as in @mui/x-tree-view@8.0.0-alpha.10.
[docs] Fix tiny line chart breaking change (#16268) @alexfauquette
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
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.
@mui/x-data-grid@v8.0.0-alpha.9apiRef to be MutableRefObject for React versions < 19 (#16279) @arminmeh@mui/x-data-grid-pro@v8.0.0-alpha.9 Same changes as in @mui/x-data-grid@v8.0.0-alpha.9.
@mui/x-data-grid-premium@v8.0.0-alpha.9 Same changes as in @mui/x-data-grid-pro@v8.0.0-alpha.9.
@mui/x-date-pickers@v8.0.0-alpha.9all selected state on section edit (#16223) @LukasTy@mui/x-date-pickers-pro@v8.0.0-alpha.9 Same changes as in @mui/x-date-pickers@v8.0.0-alpha.9.
The experimentalMarkRendering prop has been removed from the LineChart component.
The line mark are now <circle /> element by default.
And you can chose another shape by adding a shape property to your line series.
The codemod only removes the experimentalMarkRendering prop.
If you relied on the fact that marks were path elements, you need to update your logic.
@mui/x-charts@v8.0.0-alpha.9<circle /> instead of <path /> for line marks by default (#15220) @alexfauquette@mui/x-charts-pro@v8.0.0-alpha.9 Same changes as in @mui/x-charts@v8.0.0-alpha.9, plus:
pro components watermark (#16222) @JCQuintas@mui/x-tree-view@v8.0.0-alpha.9Internal changes.
@mui/x-tree-view-pro@v8.0.0-alpha.9 Same changes as in @mui/x-tree-view@v8.0.0-alpha.9.
domainLimit definition (#16270) @alexfauquetteWe'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
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 /-->
slotProps={{ headerFilterCell: { showClearIcon: true } }} to restore the clear button in the cell.@mui/x-data-grid@8.0.0-alpha.8@mui/x-data-grid-pro@8.0.0-alpha.8 Same changes as in @mui/x-data-grid@8.0.0-alpha.8, plus:
@mui/x-data-grid-premium@8.0.0-alpha.8 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.8.
useMultiInputDateRangeField, useMultiInputTimeRangeField, and useMultiInputDateTimeRangeField hooks have been removed in favor of the new useMultiInputRangeField hook — Learn morefield slot no longer receives the value, onChange, timezone, format, disabled, formatDensity, enableAccessibleFieldDOMStructure, selectedSections and onSelectedSectionsChange props — Learn more@mui/x-date-pickers@8.0.0-alpha.8onRangePositionChange into setRangePosition in usePickerRangePositionContext (#16189) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.8 Same changes as in @mui/x-date-pickers@8.0.0-alpha.8.
x and y axis now log a warning in dev mode. Axis ids should be unique to prevent internal issues.@mui/x-charts@8.0.0-alpha.8offset could be Infinite (#16131) @JCQuintasuseChartGradientId public (#16106) @JCQuintasskipAnimation is set to true (#16166) @alexfauquettertl for gradient legend (#16115) @JCQuintas@mui/x-charts-pro@8.0.0-alpha.8 Same changes as in @mui/x-charts@8.0.0-alpha.8.
@mui/x-tree-view@8.0.0-alpha.8No changes since @mui/x-tree-view-pro@v8.0.0-alpha.7.
@mui/x-tree-view-pro@8.0.0-alpha.8 Same changes as in @mui/x-tree-view@8.0.0-alpha.8.
RefObject (#16124) @arminmehreact and react-dom definitions to simplify dep resolving (#16160) @LukasTydate-fns-v2 (#16158) @LukasTy[docs] Unify the wording of the pickers slots breaking changes (#16036) @flaviendelangle
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@8.0.0-alpha.7name attribute to the checkbox selection column (#15178) @derek-0000@mui/x-data-grid-pro@8.0.0-alpha.7 Same changes as in @mui/x-data-grid@8.0.0-alpha.7.
@mui/x-data-grid-premium@8.0.0-alpha.7 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.7, plus:
date-fns and date-fns-jalali date library adapters have been renamed to better align with the current stable major versions — Learn morecloseOnSelect and Action Bar actions values - Learn morelayout slot no longer receives the value, onChange and onSelectShortcut props — Learn more.toolbar slot no longer receives the value, onChange and isLandscape props — Learn more.shortcuts slot no longer receives the onChange, isValid and isLandscape props — Learn more.PickerShortcutChangeImportance type has been renamed PickerChangeImportance — Learn more.layout slot no longer receives the rangePosition and onRangePositionChange on range pickers — Learn more.toolbar slot no longer receives the rangePosition and onRangePositionChange on range pickers — Learn more.tabs slot no longer receives the rangePosition and onRangePositionChange on range pickers — Learn more.@mui/x-date-pickers@8.0.0-alpha.7inputRef.current.focus on accessibleFieldDOMStructure (#15985) @LukasTysetValue internally to update the picker value (#16056) @flaviendelanglemanager (#15339) @flaviendelangle<PickersActionBar /> (#16071) @LukasTyNonEmptyDateRange type (#16035) @flaviendelangleAdapterDateFns into AdapterDateFnsV2 and AdapterDateFnsV3 into AdapterDateFns (#16082) @LukasTyctx.onViewChange to ctx.setView and add it to the actions context (#16044) @flaviendelangledate-fns-jalali v4 (#16011) @LukasTycloseOnSelect and actionBar.actions default values (#15944) @LukasTyusePickerContext() and usePickerActionsContext() instead of passing props to the shortcuts and toolbar slots (#15948) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.7 Same changes as in @mui/x-date-pickers@8.0.0-alpha.7.
DefaultChartsLegend component, since it is now easier to create custom legends — Learn more.width and height properties of the charts now only apply to the svg element, and not their wrappers, this might cause some layout shifts.slotProps.legend.direction now accepts 'horizontal' | 'vertical' instead of 'row' | 'column' — Learn more.getSeriesToDisplay function was removed in favor of the useLegend hook. — Learn more.@mui/x-charts@8.0.0-alpha.7@mui/x-charts-pro@8.0.0-alpha.7 Same changes as in @mui/x-charts@8.0.0-alpha.7.
@mui/x-tree-view@8.0.0-alpha.7@mui/x-tree-view-pro@8.0.0-alpha.7 Same changes as in @mui/x-tree-view@8.0.0-alpha.7.
EditingWithDatePickers demo (#15967) @k-rajat19LocalizationProvider (#16084) @tomashauserrelease:version docs (#16038) @cherniavskiitestSkipIf and describeSkipIf (#16049) @JCQuintasWe'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
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.
sanitizeFilterItemValue() utility is not exported anymore.@mui/x-data-grid@8.0.0-alpha.6renderContext state in grid root for better scroll performance (#15986) @lauri865forwardRef with a shim for forward compatibility (#15955) @lauri865@mui/x-data-grid-pro@8.0.0-alpha.6 Same changes as in @mui/x-data-grid@8.0.0-alpha.6.
@mui/x-data-grid-premium@8.0.0-alpha.6 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.6, plus:
@mui/x-date-pickers@8.0.0-alpha.6usePickerContext() and usePickerActionsContext() to get the actions in the actionBar slot and in internal components (#15843) @flaviendelangleusePickerContext() to get the view-related props in the layout, toolbar and tabs slots (#15606) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.6 Same changes as in @mui/x-date-pickers@8.0.0-alpha.6.
@mui/x-charts@8.0.0-alpha.6No changes since @mui/x-charts@v8.0.0-alpha.5.
@mui/x-charts-pro@8.0.0-alpha.6 Same changes as in @mui/x-charts@8.0.0-alpha.6.
@mui/x-tree-view@8.0.0-alpha.6No changes since @mui/x-tree-view-pro@v8.0.0-alpha.5.
@mui/x-tree-view-pro@8.0.0-alpha.6 Same changes as in @mui/x-tree-view@8.0.0-alpha.6.
next-env.d.ts changes (#15947) @JCQuintasWe'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
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.
Passing additional props (like data-*, aria-*) directly on the Data Grid component is no longer supported. To pass the props, use slotProps.
.root element, use slotProps.root..main element (the one with role="grid"), use slotProps.main.detailPanelExpandedRowIds and onDetailPanelExpandedRowIdsChange props use a Set instead of an array:
-detailPanelExpandedRowIds?: GridRowId[];
+detailPanelExpandedRowIds?: Set<GridRowId>;
-onDetailPanelExpandedRowIdsChange?: (ids: GridRowId[], details: GridCallbackDetails) => void;
+onDetailPanelExpandedRowIdsChange?: (ids: Set<GridRowId>, details: GridCallbackDetails) => void;
apiRef.current.getExpandedDetailPanels and apiRef.current.setExpandedDetailPanels methods receive and return a Set instead of an array.
gridDetailPanelExpandedRowIdsSelector returns a Set instead of an array.
gridDetailPanelExpandedRowsHeightCacheSelector was removed.
@mui/x-data-grid@8.0.0-alpha.5columnGroupHeaderHeight prop in getTotalHeaderHeight method (#15915) @k-rajat19<Badge /> to leaf import (#15879) @romgrk<ListItemText /> and <ListItemIcon /> to leaf import (#15869) @romgrkslotProps to forward props to .main and .root elements (#15870) @MBilalShafi@mui/x-data-grid-pro@8.0.0-alpha.5 Same changes as in @mui/x-data-grid@8.0.0-alpha.5, plus:
Set for detailPanelExpandedRowIds (#15835) @cherniavskii@mui/x-data-grid-premium@8.0.0-alpha.5 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.5.
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/x-date-pickers@8.0.0-alpha.5PickersMonth and PickersYear from the theme and remove the div wrapping each button (#15806) @flaviendelangleownerState object on the <PickersTextField /> component (#15863) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.5 Same changes as in @mui/x-date-pickers@8.0.0-alpha.5.
@mui/x-charts@8.0.0-alpha.5<ScatterChart /> value type if null (#15917) @alexfauquette@mui/x-charts-pro@8.0.0-alpha.5 Same changes as in @mui/x-charts@8.0.0-alpha.5.
@mui/x-tree-view@8.0.0-alpha.5No changes since @mui/x-tree-view-pro@v8.0.0-alpha.4.
@mui/x-tree-view-pro@8.0.0-alpha.5 Same changes as in @mui/x-tree-view@8.0.0-alpha.5.
@mui/material-nextjs dependency (#15925) @LukasTyWe'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
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 /-->
The selectors signature has been updated due to the support of arguments in the selectors. Pass undefined as arguments if the selector doesn't use any arguments.
-mySelector(state, instanceId)
+mySelector(state, arguments, instanceId)
The useGridSelector signature has been updated due to the introduction of arguments parameter in the selectors. Pass undefined as arguments if the selector doesn't use any arguments.
-const output = useGridSelector(apiRef, selector, equals)
+const output = useGridSelector(apiRef, selector, arguments, equals)
The default variant for text fields and selects in the filter panel has been changed to outlined.
The "row spanning" feature is now stable.
<DataGrid
- unstable_rowSpanning
+ rowSpanning
/>
Selected row is now deselected when clicked again.
@mui/x-data-grid@8.0.0-alpha.4<GridActionsCell /> (#15867) @k-rajat19columnsManagement slot (#15817) @k-rajat19@mui/x-data-grid-pro@8.0.0-alpha.4 Same changes as in @mui/x-data-grid@8.0.0-alpha.4, plus:
@mui/x-data-grid-premium@8.0.0-alpha.4 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.4, plus:
valueOptions for singleSelect column type (#15739) @arminmeh@mui/x-date-pickers@8.0.0-alpha.4usePicker logic (#15763) @flaviendelangleownerState property from isRtl to layoutDirection (#15803) @flaviendelangleownerState in useClearableField (#15776) @flaviendelangleownerState in the toolbar components (#15777) @flaviendelangleownerState object for the clock components and the desktop / mobile wrappers (#15669) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.4 Same changes as in @mui/x-date-pickers@8.0.0-alpha.4.
@mui/x-charts@8.0.0-alpha.4@mui/x-charts-pro@8.0.0-alpha.4 Same changes as in @mui/x-charts@8.0.0-alpha.4.
@mui/x-tree-view@8.0.0-alpha.4No changes, releasing to keep the versions in sync.
@mui/x-tree-view-pro@8.0.0-alpha.4 Releasing to benefit from license package fix (#15814).
updateRows method for list view demos (#15732) @KenanYusuf@type/react-test-renderer dep (#15766) @LukasTyconsole.log for the error message on Codesandbox to avoid rendering error (#15814) @arminmehWe'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
Dec 5, 2024
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
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 /-->
isRowSelectable prop.rowPositionsDebounceMs prop was removed.gridRowsDataRowIdToIdLookupSelector selector was removed. Use the gridRowsLookupSelector selector in combination with the getRowId() API method instead.-const idToIdLookup = gridRowsDataRowIdToIdLookupSelector(apiRef);
-const rowId = idToIdLookup[id]
+const rowsLookup = gridRowsLookupSelector(apiRef);
+const rowId = apiRef.current.getRowId(rowsLookup[id])
role attribute to treegrid if the Data Grid is used with row grouping feature.@mui/x-data-grid@8.0.0-alpha.3isRowSelectable (#15692) @MBilalShafigridRowsDataRowIdToIdLookupSelector selector (#15698) @arminmehrowPositionsDebounceMs prop (#15482) @k-rajat19@mui/x-data-grid-pro@8.0.0-alpha.3 Same changes as in @mui/x-data-grid@8.0.0-alpha.3, plus:
@mui/x-data-grid-premium@8.0.0-alpha.3 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.3, plus:
ariaV8 experimental flag (#15694) @arminmehonOpen() and onClose() methods of the usePickerContext() hook have been replaced with a single setOpen method — Learn more.@mui/x-date-pickers@8.0.0-alpha.3onOpen() and onClose() methods of usePickerContext() with a single setOpen() method. (#15701) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.3 Same changes as in @mui/x-date-pickers@8.0.0-alpha.3.
@mui/x-charts@8.0.0-alpha.3pattern and gradient support (#15720) @JCQuintas@mui/x-charts-pro@8.0.0-alpha.3 Same changes as in @mui/x-charts@8.0.0-alpha.3.
@mui/x-tree-view@8.0.0-alpha.3No changes since @mui/x-tree-view-pro@v8.0.0-alpha.2.
@mui/x-tree-view-pro@8.0.0-alpha.3 Same changes as in @mui/x-tree-view@8.0.0-alpha.3.
@mui/x-tree-view-pro to releaseChangelog (#15316) @flaviendelanglepreset-safe folder exists in codemod test (#15703) @JCQuintaspreset-safe into global codemod config (#15659) @JCQuintasWe'd like to offer a big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
<ChartDataProvider /> and <ChartsSurface /> components are now fully divided — Learn more.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 /-->
<GridOverlays /> component is not exported anymore.indeterminateCheckboxAction prop has been removed. Clicking on an indeterminate checkbox "selects" the unselected descendants.apiRef.current.resize() method was removed.rowSelectionPropagation prop has been changed to { parents: true, descendants: true } which means that the selection will be propagated to the parents and descendants by default.
To revert to the previous behavior, pass rowSelectionPropagation as { parents: false, descendants: false }.estimatedRowCount is used, the text provided to the Table Pagination component from the Material UI library is updated and requires additional translations. Check the example at the end of Index-based pagination section.@mui/x-data-grid@v8.0.0-alpha.2/jsdom/ to /jsdom|HappyDOM/. (#15634) @jedesroches<GridOverlays /> export (#15573) @k-rajat19indeterminateCheckboxAction prop (#15522) @MBilalShafi<GridCell /> due to performance issues (#15616) @lauri865resize method (#15599) @cherniavskiirowSelectionPropagation (#15523) @MBilalShafi@mui/x-data-grid-pro@v8.0.0-alpha.2 Same changes as in @mui/x-data-grid@v8.0.0-alpha.2, plus:
boolean column type (#15528) @k-rajat19@mui/x-data-grid-premium@v8.0.0-alpha.2 Same changes as in @mui/x-data-grid-pro@v8.0.0-alpha.2.
The props received by the layout and the toolbar slots have been reworked — Learn more.
The TSection generic of the FieldRef type has been replaced with the TValue generic — Learn more.
@mui/x-date-pickers@v8.0.0-alpha.2America/Asuncion timezone and AdapterMoment (#15552) @flaviendelangleTSection and strictly type TValue (#15434) @flaviendelangleorientation, isLandscape, isRtl, wrapperVariant and disabled props from PickersLayout (#15494) @flaviendelangleownerState in <PickersCalendarHeader />, <PickersArrowSwitcher /> and <DayCalendarSkeleton /> (#15499) @flaviendelangleownerState object in all the field components (#15510) @flaviendelangle@mui/x-date-pickers-pro@v8.0.0-alpha.2 Same changes as in @mui/x-date-pickers@v8.0.0-alpha.2.
<div /> wrapping them anymore. All props are now passed to the root <svg /> instead of the <div />.@mui/x-charts@v8.0.0-alpha.2@mui/utils and @mui/system (#15603) @alexfauquettereleasePointerCapture (#15602) @alexfauquette@mui/x-charts-pro@v8.0.0-alpha.2 Same changes as in @mui/x-charts@v8.0.0-alpha.2.
@mui/x-tree-view@v8.0.0-alpha.2@mui/utils and @mui/system (#15604) @alexfauquette@mui/x-tree-view-pro@v8.0.0-alpha.2Same changes as in @mui/x-tree-view@v8.0.0-alpha.2.
new and preview tags in v8 docs (#15547) @JCQuintasanchorEl API page for charts (#15625) @oliviertassinari() function convention for docs @oliviertassinari@types/node bumps (#15591) @LukasTyWe'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@v8.0.0-alpha.1GridColumnsManagement (#15347) @k-rajat19@mui/x-data-grid-pro@v8.0.0-alpha.1 Same changes as in @mui/x-data-grid@v8.0.0-alpha.1.
@mui/x-data-grid-premium@v8.0.0-alpha.1 Same changes as in @mui/x-data-grid-pro@v8.0.0-alpha.1, plus:
FieldValueType type has been renamed to PickerValueType — Learn more.toolbar and layout slots no longer receive the disabled and readOnly props — Learn more.@mui/x-date-pickers@v8.0.0-alpha.1PickerOwnerState and PickerContextValue (#15415) @flaviendelangleprops.value when it changes (#15490) @flaviendelangle<PickersToolbar /> component (#15515) @LukasTyFieldValueType in favor of PickerValueType (#15259) @arthurbalduiniprops.referenceDate timezone when props.value and props.defaultValue are not defined (#15532) @flaviendelangletouchend event (#15346) @arthurbalduini@mui/x-date-pickers-pro@v8.0.0-alpha.1 Same changes as in @mui/x-date-pickers@v8.0.0-alpha.1, plus:
referenceDate when selecting date (#15429) @LukasTyThe DX of the Tooltip customization has been refactored
tooltip prop has been removed in favor of slotProps.tooltip for consistency.popper, axisContent, and itemContent slots have been removed in favor of the tooltip slot which overrides the entire tooltip.
useItemTooltip or useAxisTooltip hook to get the data, and wrap your component in ChartsTooltipContainer to follow the pointer position.ChartsItemTooltipContent or ChartsItemTooltipContent to get default data and place them in your custom tooltip.The library now uses the SVG filter attribute instead of d3-color for color manipulation.
LinePlot, AreaPlot, and BarPlot components.
If you've customized the fill of those elements, you might need to override it by using the CSS filter.theme.styleOverride is removed for MuiLineElement, MuiAreaElement, and MuiBarElement to improve performance.
You can still target those elements by using the MuiLinePlot, MuiAreaPlot, and MuiBarPlot and target the appropriate classes lineElementClasses.root, areaElementClasses.root, barElementClasses.rootRemoved the resolveSizeBeforeRender prop from all chart components — Learn more.
Removed width and height props from the ChartsSurface component.
Removed the viewport prop from all charts.
@mui/x-charts@v8.0.0-alpha.1<ChartDataProvider /> and <ChartsSurface /> (#15375) @JCQuintas<ChartsGrid /> component (#15463) @alexfauquette<SvgRefProvider /> to split the received ref (#15424) @JCQuintasd3-color with CSS filter for highlight (#15084) @alexfauquette<DrawingProvider /> into <DrawingAreaProvider /> and <SvgRefProvider /> (#15417) @JCQuintas@mui/x-charts-pro@v8.0.0-alpha.1 Same changes as in @mui/x-charts@v8.0.0-alpha.1.
publicAPI methods in the render because they are now memoized — Learn more.@mui/x-tree-view@v8.0.0-alpha.1treeId from the item context (#15542) @flaviendelanglemoveItemInTree() (#15539) @flaviendelangleslotProps.groupTransition (#15534) @flaviendelangle'DensitySelectorGrid' to time-sensitive argos tests (#15425) @JCQuintasaction pins (#15462) @LukasTy.ts demo files (#15345) @KenanYusuf[docs] Add migration guide for the first breaking changes of charts (#15276) @alexfauquette
<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 ✨:
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.
@mui/x-data-grid@8.0.0-alpha.0onPaginationModelChange callback (#13959) @DungTigerbaseMenuList and baseMenuItem (#15049) @romgrk@mui/x-data-grid-pro@8.0.0-alpha.0 Same changes as in @mui/x-data-grid@8.0.0-alpha.0, plus:
@mui/x-data-grid-premium@8.0.0-alpha.0 Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.0, plus:
The default DOM structure of the field has changed Learn more.
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.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.Some translation keys no longer require utils and the date object as parameters, but only the formatted value as a string. The keys affected by this changes are: clockLabelText, openDatePickerDialogue and openTimePickerDialogue — Learn more.
The following types are no longer exported by @mui/x-date-pickers and @mui/x-date-pickers-pro — Learn more.
UseDateFieldComponentPropsUseTimeFieldComponentPropsUseDateTimeFieldComponentPropsBaseSingleInputFieldPropsBaseMultiInputFieldPropsBasePickersTextFieldPropsThe TDate generic has been removed from all the types, interfaces, and variables of the @mui/x-date-pickers and @mui/x-date-pickers-pro packages — Learn more.
Renamed usePickersTranslations and usePickersContext hooks to have a coherent Picker prefix instead of Pickers — Learn more.
The LicenseInfo object is no longer exported from the @mui/x-date-pickers-pro package — Learn more.
@mui/x-date-pickers@8.0.0-alpha.0UseDateFieldComponentProps and equivalent interfaces (#15053) @flaviendelangleownerState object (#15056) @flaviendelangleownerState of the field and actionBar slots when resolved in a picker component (#15162) @flaviendelangleDateCalendar timezone management (#12321) @LukasTyDateTimeRangePicker error when using format without time (#14917) @fxnoobDigitalClock time options on a DST switch day (#10793) @LukasTyTDate generics in favor of PickerValidDate direct usage (#15001) @flaviendelangleutils and value params from translations (#14986) @arthurbalduini@mui/x-license (#14487) @k-rajat19disabled and readOnly props (#15304) @flaviendelangleownerState in DateCalendar, DateRangeCalendar, MonthCalendar and YearCalendar (#15171) @flaviendelangleownerState in usePickersLayout and useXXXPicker (#14994) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.0 Same changes as in @mui/x-date-pickers@8.0.0-alpha.0.
The legend prop got removed. To pass props to the legend, use slotProps={{ legend: { ... } }} instead. This can be automatically done with the codemod as long as the legend prop does not come from a destructured object — Learn more.
The slots.legend does not receive the drawingArea prop. You can still access your custom legend with the useDrawingArea() hook if your custom legend needs it.
Removed or renamed multiple props from Series — Learn more.
highlighted and faded properties of highlightScope were deprecated in favor of highlight and fade.
The deprecated ones are now removed.xAxisKey, yAxisKey, and zAxisKey properties got deprecated in favor of xAxisId, yAxisId, and zAxisId.The Pie Chart lost all props and renderer linked to axes because pie chart does not need cartesian axes. If you used it, you can still add them back with composition. Please consider opening an issue to share your use case with us — Learn more.
@mui/x-charts@8.0.0-alpha.0hideLegend prop (#15277) @alexfauquettenull data (#15337) @alexfauquettexAxisKey, yAxisKey, and zAxisKey series keys (#15192) @alexfauquettelegend props (#15081) @alexfauquettegetSymbol method (#15233) @romgrk@mui/x-charts-pro@8.0.0-alpha.0 Same changes as in @mui/x-charts@8.0.0-alpha.0.
The ContentComponent or ContentProps props of the <TreeItem /> component have been removed in favor of the new slots, slotProps props and of the useTreeItem hook — Learn more.
The onClick and onMouseDown callbacks of the Tree Item component are now passed to the root element instead of the content — Learn more.
Rename the <TreeItem2 /> component (and related utils) — Learn more.
The <TreeView /> component has been renamed <SimpleTreeView /> which has exactly the same API — Learn more.
The indentation of nested Tree Items is now applied on the content of the element — Learn more.
@mui/x-tree-view@8.0.0-alpha.0TreeView component (#15093) @flaviendelangle<TreeItem /> with <TreeItem2 /> and migrate all the components and utils (#14913) @flaviendelangleLicenseInfo from @mui/x-date-pickers-pro (#15321) @flaviendelanglePickersPopper component to the Date Picker customization playground (#15305) @LukasTyAutocomplete Field demo (#15165) @flaviendelangleapplyDomain docs for the charts (#15332) @JCQuintasAdapterMomentHijri doc section (#15312) @flaviendelanglePickersTextField in the customization playground (#15288) @LukasTynext instead of ^8.0.0 in the migration guides (#15091) @flaviendelanglecherry-pick GitHub actions (#15099) @LukasTy() at the name of function name in the doc (#15075) @oliviertassinarimaster @oliviertassinaritools-public.mui.com redirection @oliviertassinarihelpers to @mui/x-internals package (#15188) @LukasTyWe'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.29.4renderContext calculation loop (#17806) @cherniavskii@mui/x-data-grid-pro@7.29.4 Same changes as in @mui/x-data-grid@7.29.4, plus:
aria-expanded attribute to the master detail toggle button (#17890) @whereisrmsqhs@mui/x-data-grid-premium@7.29.4 Same changes as in @mui/x-data-grid-pro@7.29.4.
@mui/x-date-pickers@7.29.4PickersTextField overflow (#17945) @noraleonte@mui/x-date-pickers-pro@7.29.4 Same changes as in @mui/x-date-pickers@7.29.4.
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
Team members who have contributed to this release: @arminmeh, @LukasTy, and @MBilalShafi.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
@mui/x-data-grid@7.29.3preProcessEditCellProps for non-editable columns when starting a row update (#17734) @arminmeh@mui/x-data-grid-pro@7.29.3 Same changes as in @mui/x-data-grid@7.29.3.
@mui/x-data-grid-premium@7.29.3 Same changes as in @mui/x-data-grid-pro@7.29.3.
@mui/x-date-pickers@7.29.3@mui/x-date-pickers-pro@7.29.3 Same changes as in @mui/x-date-pickers@7.29.3.
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.29.2defaultProps causing unwanted re-renders (#17530) @KenanYusuf@mui/x-data-grid-pro@7.29.2 Same changes as in @mui/x-data-grid@7.29.2.
@mui/x-data-grid-premium@7.29.2 Same changes as in @mui/x-data-grid-pro@7.29.2.
@mui/x-date-pickers@7.29.2@mui/x-date-pickers-pro@7.29.2 Same changes as in @mui/x-date-pickers@7.29.2.
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.29.1@mui/x-data-grid-pro@7.29.1 Same changes as in @mui/x-data-grid@7.29.1, plus:
@mui/x-data-grid-premium@7.29.1 Same changes as in @mui/x-data-grid-pro@7.29.1, plus:
groupingValueGetter for row grouping on the server (#17423) @cherniavskii@mui/x-date-pickers@7.29.1Internal changes.
@mui/x-date-pickers-pro@7.29.1 Same changes as in @mui/x-date-pickers@7.29.1.
@mui/x-charts@7.29.1Internal changes.
@mui/x-charts-pro@7.29.1 Same changes as in @mui/x-charts@7.29.1.
@mui/x-tree-view@7.29.1Internal changes.
@mui/x-tree-view-pro@7.29.1 Same changes as in @mui/x-tree-view@7.29.1, plus:
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.29.0@mui/x-data-grid-pro@7.29.0 Same changes as in @mui/x-data-grid@7.29.0.
@mui/x-data-grid-premium@7.29.0 Same changes as in @mui/x-data-grid-pro@7.29.0, plus:
@mui/x-date-pickers@7.29.0@mui/x-date-pickers-pro@7.29.0 Same changes as in @mui/x-date-pickers@7.29.0.
@mui/x-charts@7.29.0Internal changes.
@mui/x-charts-pro@7.29.0 Same changes as in @mui/x-charts@7.29.0.
@mui/x-tree-view@7.29.0Internal changes.
@mui/x-tree-view-pro@7.29.0 Same changes as in @mui/x-tree-view@7.29.0.
@mui dependency versions (#17390) @LukasTyWe'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
Team members who have contributed to this release: @cherniavskii, @LukasTy, @MBilalShafi.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
@mui/x-data-grid@7.28.3Internal changes.
@mui/x-data-grid-pro@7.28.3 Same changes as in @mui/x-data-grid@7.28.3, plus:
@mui/x-data-grid-premium@7.28.3 Same changes as in @mui/x-data-grid-pro@7.28.3.
@mui/x-date-pickers@7.28.3Internal changes.
@mui/x-date-pickers-pro@7.28.3 Same changes as in @mui/x-date-pickers@7.28.3.
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
Team members who have contributed to this release: @flaviendelangle, @LukasTy, @arminmeh.
@mui/x-data-grid@7.28.2@mui/x-data-grid-pro@7.28.2 Same changes as in @mui/x-data-grid@7.28.2.
@mui/x-data-grid-premium@7.28.2 Same changes as in @mui/x-data-grid-pro@7.28.2.
@mui/x-date-pickers@7.28.2doesSectionFormatHaveLeadingZeros (#17112) @flaviendelangle@mui/x-date-pickers-pro@7.28.2 Same changes as in @mui/x-date-pickers@7.28.2.
test_regressions step from React 18 pipeline (#17109) @LukasTyWe'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
@mui/material version 7 in all X packagesSpecial 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 /-->
@mui/x-data-grid@7.28.0toggleMenu click (#16909) @michelengelenprocessRowUpdate() error if the row is removed before it is executed (#16904) @arminmehprintOptions not respecting hideFooter root prop (#16915) @k-rajat19@mui/x-data-grid-pro@7.28.0 Same changes as in @mui/x-data-grid@7.28.0, plus:
@mui/x-data-grid-premium@7.28.0 Same changes as in @mui/x-data-grid-pro@7.28.0, plus:
@mui/x-date-pickers@7.28.0@mui/x-date-pickers-pro@7.28.0 Same changes as in @mui/x-date-pickers@7.28.0, plus:
@mui/x-charts@7.28.0Internal changes.
@mui/x-charts-pro@7.28.0 Same changes as in @mui/x-charts@7.28.0.
@mui/x-tree-view@7.28.0Internal changes.
@mui/x-tree-view-pro@7.28.0 Same changes as in @mui/x-tree-view@7.28.0.
@mui/material v7 in dependencies (#16951) @LukasTyWe'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
Team members who have contributed to this release: @arminmeh, @cherniavskii, @LukasTy, @michelengelen.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
@mui/x-data-grid@7.27.3aria-hidden console error when scrollbar is dragged (#16834) @arminmeh@mui/x-data-grid-pro@7.27.3 Same changes as in @mui/x-data-grid@7.27.3.
@mui/x-data-grid-premium@7.27.3 Same changes as in @mui/x-data-grid-pro@7.27.3.
@mui/x-date-pickers@7.27.3helperText (#16828) @LukasTy@mui/x-date-pickers-pro@7.27.3 Same changes as in @mui/x-date-pickers@7.27.3.
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
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.
@mui/x-data-grid@7.27.1getRowId() API method as a selector (#16574) @MBilalShafi@mui/x-data-grid-pro@7.27.1 Same changes as in @mui/x-data-grid@7.27.1.
@mui/x-data-grid-premium@7.27.1 Same changes as in @mui/x-data-grid-pro@7.27.1.
@mui/x-date-pickers@7.27.1@mui/x-date-pickers-pro@7.27.1 Same changes as in @mui/x-date-pickers@7.27.1.
@mui/x-charts@7.27.1@mui/x-charts-pro@7.27.1 Same changes as in @mui/x-charts@7.27.1.
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
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
@mui/x-data-grid@7.27.0resetPageOnSortFilter prop that resets the page after sorting and filtering (#16580) @arminmehundefined value for pagination rowCount (#16558) @cherniavskii@mui/x-data-grid-pro@7.27.0 Same changes as in @mui/x-data-grid@7.27.0.
@mui/x-data-grid-premium@7.27.0 Same changes as in @mui/x-data-grid-pro@7.27.0, plus:
@mui/x-date-pickers@7.27.0Internal changes.
@mui/x-date-pickers-pro@7.27.0 Same changes as in @mui/x-date-pickers@7.27.0, plus:
@mui/x-charts@7.27.0Internal changes.
@mui/x-charts-pro@7.27.0 We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.26.0<GridRoot /> double-render pass on mount in SPA mode (#16480) @lauri865@mui/x-data-grid-pro@7.26.0 Same changes as in @mui/x-data-grid@7.26.0, plus:
useGridApiContext() for Pro and Premium packages on React < 19 (#16446) @arminmeh@mui/x-data-grid-premium@7.26.0 Same changes as in @mui/x-data-grid-pro@7.26.0, plus:
@mui/x-date-pickers@7.26.0Internal changes.
@mui/x-date-pickers-pro@7.26.0 Same changes as in @mui/x-date-pickers@7.26.0, plus:
currentMonthCalendarPosition prop behavior on mobile (#16457) @LukasTy@mui/x-charts@7.26.0Internal changes.
@mui/x-charts-pro@7.26.0 Same changes as in @mui/x-charts@7.26.0.
@mui/x-tree-view@7.26.0Internal changes.
@mui/x-tree-view-pro@7.26.0 Same changes as in @mui/x-tree-view@7.26.0.
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.25.0renderContext calculation with scroll bounce / over-scroll (#16368) @lauri865onClick prop on toolbar buttons (#16364) @KenanYusuficonContainer during autosizing (#16409) @michelengelen@mui/x-data-grid-pro@7.25.0 Same changes as in @mui/x-data-grid@7.25.0, plus:
useGridApiRef for Pro and Premium packages on React < 19 (#16348) @arminmeh@mui/x-data-grid-premium@7.25.0 Same changes as in @mui/x-data-grid-pro@7.25.0.
@mui/x-date-pickers@7.25.0Internal changes.
@mui/x-date-pickers-pro@7.25.0 Same changes as in @mui/x-date-pickers@7.25.0.
@mui/x-charts@7.25.0Internal changes.
@mui/x-charts-pro@7.25.0 Same changes as in @mui/x-charts@7.25.0.
@mui/x-tree-view@7.25.0Internal changes.
@mui/x-tree-view-pro@7.25.0 Same changes as in @mui/x-tree-view@7.25.0.
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
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.
@mui/x-data-grid@7.24.1apiRef to be MutableRefObject for React versions < 19 (#16320) @arminmeh@mui/x-data-grid-pro@7.24.1 Same changes as in @mui/x-data-grid@7.24.1.
@mui/x-data-grid-premium@7.24.1 Same changes as in @mui/x-data-grid-pro@7.24.1.
@mui/x-date-pickers@7.24.1all selected state on section edit (#16232) @LukasTy@mui/x-date-pickers-pro@7.24.1 Same changes as in @mui/x-date-pickers@7.24.1.
@mui/x-charts@7.24.1offset could be Infinite (@JCQuintas) (#16309) @JCQuintas@mui/x-charts-pro@7.24.1 Same changes as in @mui/x-charts@7.24.1.
@mui/x-tree-view@7.24.1Internal changes.
@mui/x-tree-view-pro@7.24.1 Same changes as in @mui/x-tree-view@7.24.1.
domainLimit definition (#16271) @alexfauquette@mui/x-internals a dependency of @mui/x-license (#16265) @alexfauquetteWe'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.24.0@mui/x-data-grid-pro@7.24.0 Same changes as in @mui/x-data-grid@7.24.0, plus:
@mui/x-data-grid-premium@7.24.0 Same changes as in @mui/x-data-grid-pro@7.24.0.
@mui/x-date-pickers@7.24.0Internal changes.
@mui/x-date-pickers-pro@7.24.0 Same changes as in @mui/x-date-pickers@7.24.0.
@mui/x-charts@7.24.0Internal changes.
@mui/x-charts-pro@7.24.0 Same changes as in @mui/x-charts@7.24.0.
@mui/x-tree-view@7.24.0Internal changes.
@mui/x-tree-view-pro@7.24.0 Same changes as in @mui/x-tree-view@7.24.0.
RefObject (#16125) @arminmehreact and react-dom definitions to simplify dep resolving (#16214) @LukasTyWe'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.23.6name attribute to selection checkboxes (#16041) @derek-0000@mui/x-data-grid-pro@7.23.6 Same changes as in @mui/x-data-grid@7.23.6.
@mui/x-data-grid-premium@7.23.6 Same changes as in @mui/x-data-grid-pro@7.23.6.
@mui/x-date-pickers@7.23.6date-fns-jalali v4 (#16013) @LukasTy@mui/x-date-pickers-pro@7.23.6 Same changes as in @mui/x-date-pickers@7.23.6.
@mui/x-charts@7.23.6@mui/x-charts-pro@7.23.6 Same changes as in @mui/x-charts@7.23.6.
@mui/x-tree-view@7.23.6@mui/x-tree-view-pro@7.23.6 Same changes as in @mui/x-tree-view@7.23.6.
EditingWithDatePickers demo (#16047) @k-rajat19LocalizationProvider (#16088) @tomashauserrelease:version docs (#16040) @cherniavskii[DataGrid] Deprecate indeterminateCheckboxAction prop (#15862) @MBilalShafi
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
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.
@mui/x-data-grid@7.23.3.main element (#15919) @MBilalShaficolumnGroupHeaderHeight prop in getTotalHeaderHeight method (#15927) @k-rajat19indeterminateCheckboxAction prop (#15862) @MBilalShafiaria-label value for group checkboxes (#15861) @MBilalShafi<GridActionsCell /> (#15871) @k-rajat19@mui/x-data-grid-pro@7.23.3 Same changes as in @mui/x-data-grid@7.23.3.
@mui/x-data-grid-premium@7.23.3 Same changes as in @mui/x-data-grid-pro@7.23.3.
@mui/x-date-pickers@7.23.3@mui/x-date-pickers-pro@7.23.3 Same changes as in @mui/x-date-pickers@7.23.3.
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.23.2columnsManagement slot (#15821) @k-rajat19@mui/x-data-grid-pro@7.23.2 Same changes as in @mui/x-data-grid@7.23.2, plus:
@mui/x-data-grid-premium@7.23.2 Same changes as in @mui/x-data-grid-pro@7.23.2, plus:
valueOptions for singleSelect column type (#15754) @arminmeh@mui/x-date-pickers@7.23.2@mui/x-date-pickers-pro@7.23.2 Same changes as in @mui/x-date-pickers@7.23.2.
@mui/x-charts@7.23.2@mui/x-charts-pro@7.23.2 Same changes as in @mui/x-charts@7.23.2.
@mui/x-tree-view@v7.23.2No changes, releasing to keep the versions in sync.
@mui/x-tree-view-pro@7.23.2 Releasing to benefit from license package fix (#15818).
updateRows method for list view demos (#15824) @KenanYusuf@mui/x-tree-view-pro to releaseChangelog (#15747) @flaviendelangleconsole.log for the error message on Codesandbox to avoid rendering error (#15818) @arminmehWe'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
Dec 5, 2024
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.23.1@mui/x-data-grid-pro@7.23.1 Same changes as in @mui/x-data-grid@7.23.1, plus:
@mui/x-data-grid-premium@7.23.1 Same changes as in @mui/x-data-grid-pro@7.23.1.
@mui/x-date-pickers@7.23.1touchend event (#15430) @arthurbalduini@mui/x-date-pickers-pro@7.23.1 Same changes as in @mui/x-date-pickers@7.23.1.
@mui/x-charts@7.23.1pattern and gradient support (#15724) @JCQuintas@mui/x-charts-pro@7.23.1 Same changes as in @mui/x-charts@7.23.1.
@mui/internal-markdown to support nested demo imports (#15738) @alexfauquette@mui/x-tree-view-pro to releaseChangelog (#15747) @flaviendelangleWe'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@v7.23.0/jsdom/ to /jsdom|HappyDOM/. (#15642) @jedesrochesGridCell performance (#15621) @lauri865@mui/x-data-grid-pro@v7.23.0 Same changes as in @mui/x-data-grid@v7.23.0, plus:
boolean column type (#15640) @k-rajat19@mui/x-data-grid-premium@v7.23.0 Same changes as in @mui/x-data-grid-pro@v7.23.0.
@mui/x-date-pickers@v7.23.0America/Asuncion timezone and AdapterMoment (#15653) @flaviendelangleprops.referenceDate timezone when props.value and props.defaultValue are not defined (#15544) @flaviendelangle@mui/x-date-pickers-pro@v7.23.0 Same changes as in @mui/x-date-pickers@v7.23.0.
@mui/x-charts@v7.23.0releasePointerCapture (#15609) @alexfauquette@mui/x-charts-pro@v7.23.0 Same changes as in @mui/x-charts@v7.23.0.
@mui/x-tree-view@v7.23.0@mui/x-tree-view-pro@7.23.0 Same changes as in @mui/x-tree-view@7.23.0.
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.22.3GridColumnsManagement (#15476) @k-rajat19onPaginationModelChange (#15402) @DungTiger@mui/x-data-grid-pro@7.22.3 Same changes as in @mui/x-data-grid@7.22.3.
@mui/x-data-grid-premium@7.22.3 Same changes as in @mui/x-data-grid-pro@7.22.3.
@mui/x-date-pickers@7.22.3props.value when it changes (#15500) @flaviendelangleDateTimeRangePicker error when using format without time (#15341) @fxnoobPickersToolbar component (#15525) @LukasTy@mui/x-date-pickers-pro@7.22.3 Same changes as in @mui/x-date-pickers@7.22.3, plus:
referenceDate when selecting date (#15431) @LukasTy@mui/x-charts@7.22.3No changes since @mui/x-charts@7.22.2.
@mui/x-charts-pro@7.22.3 [docs] Add PickersPopper component to customization playground (#15397) @LukasTy
[docs] Add next version links (#15423) @LukasTy
[docs] Use the loading state in the demos (#15538) @cherniavskii
[code-infra] Tentative fix for Argos flaky screenshot tests (#15399) @JCQuintas
[docs-infra] Transpile .ts demo files (#15421) @KenanYusuf
[core] Clarify release version bump strategy (#15536) @cherniavskii
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
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.
Keep an eye out for the MUI⠀X v8.0.0-aplha.0 release soon. It will follow a weekly release schedule as always until it is stable.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
@mui/x-data-grid@7.22.2null reference error in GridVirtualScrollbar (#15289) @MBilalShafiboolean column type (#15257) @k-rajat19@mui/x-data-grid-pro@7.22.2 Same changes as in @mui/x-data-grid@7.22.2, plus:
Enter key in Tree data (#15313) @k-rajat19@mui/x-data-grid-premium@7.22.2 Same changes as in @mui/x-data-grid-pro@7.22.2, plus:
@mui/x-date-pickers@7.22.2moment-hijri@3.0.0 (#15248) @LukasTy@mui/x-date-pickers-pro@7.22.2 Same changes as in @mui/x-date-pickers@7.22.2.
@mui/x-charts@7.22.2SeriesValueFormatter to return null value (#15295) @clins1994domainLimit for each axis. (#15325) @GuillaumeMeheut@mui/x-charts-pro@7.0.0-beta.7 Same changes as in @mui/x-charts@7.22.2.
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
Nov 1, 2024
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.22.1rowGroupingModelChange handler to respective hook (#15127) @MBilalShafi@mui/x-data-grid-pro@7.22.1 Same changes as in @mui/x-data-grid@7.22.1, plus:
@mui/x-data-grid-premium@7.22.1 @mui/x-date-pickers@7.22.1@mui/x-date-pickers-pro@7.22.1 Same changes as in @mui/x-date-pickers@7.22.1.
@mui/x-tree-view@7.22.1TreeItem2DragAndDropOverlay and TreeItem2LabelInput from the root of each package (#15208) @flaviendelangle@mui/x-tree-view-pro@7.22.1 Same changes as in @mui/x-tree-view@7.22.1.
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
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 /-->
@mui/x-data-grid@7.22.0GridPanelAnchor positioning (#15022) @k-rajat19pageStyle prop of the GridPrintExportMenuItem component (#15015) @flaviendelangle<Box /> and <Badge /> (#15013) @romgrk@mui/x-data-grid-pro@7.22.0 Same changes as in @mui/x-data-grid@7.22.0, plus:
@mui/x-data-grid-premium@7.22.0 Same changes as in @mui/x-data-grid-pro@7.22.0, plus:
@mui/x-date-pickers@7.22.0DateCalendar timezone management (#15119) @LukasTyDigitalClock time options on a DST switch day (#15092) @LukasTy@mui/x-date-pickers-pro@7.22.0 Same changes as in @mui/x-date-pickers@7.22.0.
@mui/x-charts@7.22.0onAxisClick(_, data) callback (#15038) @clins1994@mui/x-charts-pro@7.0.0-beta.6 Same changes as in @mui/x-charts@7.22.0.
@mui/x-tree-view@7.22.0default-branch-switch instances for v7.x (#15085) @MBilalShafifireEvent instead of userEvent (#14927) @LukasTyWe'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
dataset prop support for the Scatter Chart componentSpecial 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 /-->
@mui/x-data-grid@7.21.0onRowSelectionModelChange firing unnecessarily on initial render (#14909) @MBilalShafionRowSelectionModelChange not being called after row is removed (#14972) @arminmeh@mui/x-data-grid-pro@7.21.0 Same changes as in @mui/x-data-grid@7.21.0, plus:
rowHeight={undefined} (#14983) @cherniavskii@mui/x-data-grid-premium@7.21.0 Same changes as in @mui/x-data-grid-pro@7.21.0.
@mui/x-date-pickers@7.21.0PageUp and PageDown event handlers on time components (#14928) @arthurbalduiniownerState object (#14889) @flaviendelanglePickerValidDate usage in the Date Range Picker Toolbar (#14925) @flaviendelangle@mui/x-date-pickers-pro@7.21.0 Same changes as in @mui/x-date-pickers@7.21.0.
@mui/x-charts@7.21.0dataset to be used with the Scatter Chart (#14915) @JCQuintasreduce motion preference disables animation on page load (#14417) @JCQuintas@mui/x-charts-pro@7.0.0-beta.5 Same changes as in @mui/x-charts@7.21.0.
@mui/x-tree-view@7.21.0alpha usage with CSS variables (#14969) @wangkailangaria-selected attribute (#14991) @flaviendelangle@mui/x-codemod@7.21.0vitest/playwright (#14926) @JCQuintasAdapterDayjs coverage calculation (#14957) @LukasTyThe old APIs (props.ContentComponent and props.ContentProps) have been deprecated and will be removed in the new major version of the Tree View compon…
We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
props.ContentComponent and props.ContentProps) have been deprecated and will be removed in the new major version of the Tree View component.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 /-->
@mui/x-data-grid@7.20.0onColumnHeaderContextMenu event (#14734) @vfbibyscrollToIndexes (#14888) @arminmehrowId param to processRowUpdate (#14821) @k-rajat19@mui/x-data-grid-pro@7.20.0 Same changes as in @mui/x-data-grid@7.20.0, plus:
rowSelectionPropagation JSDoc and doc section (#14907) @flaviendelangle@mui/x-data-grid-premium@7.20.0 Same changes as in @mui/x-data-grid-pro@7.20.0.
@mui/x-date-pickers@7.20.0PageUp and PageDown support for time components (#14812) @arthurbalduiniPickerValidDate (#14896) @flaviendelangleDateFieldInPickerProps interface to the DatePicker folder and rename it DatePickerFieldProps (same for time and date time) (#14828) @flaviendelangle@mui/x-date-pickers-pro@7.20.0 Same changes as in @mui/x-date-pickers@7.20.0.
@mui/x-charts@7.20.0No changes since @mui/x-charts@v7.19.0.
@mui/x-charts-pro@7.0.0-beta.4 Same changes as in @mui/x-charts@7.20.0.
@mui/x-tree-view@7.20.0ContentComponent and ContentProps props (#14908) @flaviendelangletooltip and highlighting pages (#14824) @JCQuintasTreeItem2 component and the useTreeItem2 hook (#14551) @noraleonte@mui/utils v6 (#14867) @siriwatknpdata-mui-test in favour of data-testid (#14882) @JCQuintasvitest group (#14856) @JCQuintaswaitFor() with act() (#14851) @oliviertassinariWe'd like to offer a big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:
minHeight and maxHeight on flex parent container for the Data Grid componentpublicAPI from the useTreeItem2Utils hook for the Tree ViewSpecial 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 /-->
@mui/x-data-grid@7.19.0undefined value (#14456) @sai6855checkboxSelectionVisibleOnly reset the selection on filtering (#14677) @MBilalShafiCSSVarsProvider is used (#12901) @cherniavskiiminHeight and maxHeight on flex parent container (#14614) @cherniavskii@mui/x-data-grid-pro@7.19.0 Same changes as in @mui/x-data-grid@7.19.0, plus:
onRowsScrollEnd not firing on very fast scrolling (#14171) @arminmeh@mui/x-data-grid-premium@7.19.0 Same changes as in @mui/x-data-grid-pro@7.19.0, plus:
@mui/x-date-pickers@7.19.0yearsOrder="desc" and direction="rtl" (#14682) @thomasmoonPickerValidDate type (#14771) @flaviendelangle@mui/x-date-pickers-pro@7.19.0 Same changes as in @mui/x-date-pickers@7.19.0.
@mui/x-charts@7.19.0LineChart area animation being stuck when resizing container (#14711) @alexfauquettewarnOnce (#14792) @JCQuintas@mui/x-charts-pro@7.0.0-beta.3 Same changes as in @mui/x-charts@7.19.0.
@mui/x-tree-view@7.19.0getDefaultizedParams instead of in the plugin render (#14661) @flaviendelanglepublicAPI form useTreeItem2Utils (#14729) @noraleonteinstance.getTreeItemIdAttribute (#14667) @flaviendelanglepages.ts navigation (#14782) @samuelsycamoree identifier (#14724) @samuelsycamoreEscape event firing event (#14797) @oliviertassinariWe'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
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-fns v4 (#14673) @LukasTy
🎉 Add option for Pickers to change the order of displayed years (#11780) @thomasmoon
🐞 Bugfixes
📚 Documentation improvements
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
@mui/x-data-grid@7.18.0columnGroupHeaderHeight prop for sizing column group headers (#14637) @KenanYusufdocument reference when the grid is rendered in a popup window (#14649) @arminmehminFirstColumn from GetHeadersParams interface (#14450) @k-rajat19@mui/x-data-grid-pro@7.18.0 Same changes as in @mui/x-data-grid@7.18.0, plus:
onRowsScrollEnd being triggered instantly when bottom pinned row is present (#14602) @arminmehisEmpty and isNotEmpty filter operators (#14493) @k-rajat19@mui/x-data-grid-premium@7.18.0 Same changes as in @mui/x-data-grid-pro@7.18.0.
@mui/x-date-pickers@7.18.0date-fns v4 (#14673) @LukasTy@mui/x-date-pickers-pro@7.18.0 Same changes as in @mui/x-date-pickers@7.18.0.
@mui/x-charts@7.18.0PolarProvider to manage polar axes (#14642) @alexfauquetteLineChart animation being stuck with initial drawing area value (#14553) @JCQuintas@mui/x-charts-pro@7.0.0-beta.1 Same changes as in @mui/x-charts@7.18.0.
@mui/x-tree-view@7.18.0"use client" directive to every public component and hook (#14579) @flaviendelanglegroupingValueGetter callout in column definition docs (#14599) @michelengelenvale-action.yml from main repo @oliviertassinarivalueGetter and valueFormatter signature change (#14613) @cherniavskiimaster (#14644) @cherniavskiipackage.json repository rule @oliviertassinariobserve method to avoid flaky wait for a callback (#14640) @arminmehWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
@mui/x-data-grid@7.17.0:has() selectors (#14559) @KenanYusuf@mui/x-data-grid-pro@7.17.0 Same changes as in @mui/x-data-grid@7.17.0.
@mui/x-data-grid-premium@7.17.0 Same changes as in @mui/x-data-grid-pro@7.17.0.
@mui/x-date-pickers@7.17.0useSplitFieldProps and make it public (#14514) @flaviendelangle"use client" directive to every public component and hook (#14562) @flaviendelangle@mui/x-date-pickers-pro@7.17.0 Same changes as in @mui/x-date-pickers@7.17.0, plus:
currentMonthCalendarPosition not scrolling to future sibling (#14442) @GMchris@mui/x-charts@7.17.0"use client" directive to every public component and hook (#14578) @flaviendelangleonItemClick on the Legend component (#14231) @JCQuintasonAxisClick with layout='horizontal' (#14547) @alexfauquettepath with circle for performance improvement (#14518) @alexfauquette@mui/x-charts-pro@7.0.0-beta.1 Same changes as in @mui/x-charts@7.17.0.
@mui/x-tree-view@7.17.0useTreeItem2 stable (#14498) @flaviendelangleconsole.error messages on charts docs (#14554) @JCQuintas@mui/x-internals (#14528) @k-rajat19ESLint plugins renovate group (#14574) @LukasTyact() logic (#14529) @oliviertassinariWe'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
slots concept introduction documentation page (#13881)<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
@mui/x-data-grid@7.16.0GridFilterInputMultipleValue (#14302) @sai6855columns and columnGroupingModel update (#14368) @cherniavskiiautoHeight prop enabled (#14235) @KenanYusuf@mui/x-data-grid-pro@7.16.0 Same changes as in @mui/x-data-grid@7.16.0, plus:
@mui/x-data-grid-premium@7.16.0 Same changes as in @mui/x-data-grid-pro@7.16.0.
@mui/x-date-pickers@7.16.0onError JSDoc (#14492) @flaviendelangle@mui/x-date-pickers-pro@7.16.0 Same changes as in @mui/x-date-pickers@7.16.0.
@mui/x-charts@7.16.0LineChart not properly animating when hydrating (#14355) @JCQuintas.mjs extension for ESM build (#14387) @alexfauquettepackage.json for vendor package (#14465) @alexfauquette@mui/x-charts-pro@7.0.0-beta.0 Same changes as in @mui/x-charts@7.16.0, plus:
BarChartPro and LineChartPro (#14391) @JCQuintas@mui/x-tree-view@7.16.0@mui/x-codemod@7.16.0experimentalFeatures codemod for typescript parser (#14150) @MBilalShafislots concept introduction page (#13881) @flaviendelanglePieChart examples (#14297) @JCQuintassecrets: inherit to workflow call (#14454) @michelengelen[docs] Update deprecated props in docs (#14295) @JCQuintas
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
@mui/material@6) peer dependency (#14142) @cherniavskiiYou can now use MUI X components with either v5 or v6 of @mui/material package 🎉
@mui/x-data-grid-pro@7.15.0 GridRowReorderCell component (#14079) @genepaul@mui/x-data-grid-premium@7.15.0 Same changes as in @mui/x-data-grid-pro@7.15.0.
@mui/x-date-pickers@7.15.0onTouchStart handler for TimeClock (#14305) @arthurbalduini@mui/x-date-pickers-pro@7.15.0 Same changes as in @mui/x-date-pickers@7.15.0, plus:
@mui/x-charts@7.15.0themeAugmentation in pro plan (#14313) @lhilgert9LineChart transition stopping before completion (#14366) @JCQuintas@mui/x-charts-pro@7.0.0-alpha.3 Same changes as in @mui/x-charts@7.15.0, plus:
@mui/x-charts package (#14335) @LukasTyh2 @oliviertassinariMUI Core renovate group (#14382) @LukasTy@mui/material@6 (#14357) @cherniavskiinext releases of @mui/docs (#14364) @LukasTy@mui/material@6 peer dependency (#14142) @cherniavskiiuseRtl instead of useTheme to access direction (#14359) @LukasTyYour coding agent can read these notes before it upgrades. Set up the MCP server →