Special thanks go out to the community contributors who have helped make this release possible: @good-jinu, @k-rajat19. Following are all team members who have contributed to this release: @alexfauquette, @cherniavskii, @flaviendelangle, @KenanYusuf, @LukasTy, @MBilalShafi, @romgrk.

Data Grid

Breaking changes

Passing additional props (like data-*, aria-*) directly on the Data Grid component is no longer supported. To pass the props, use slotProps.
- For .root element, use slotProps.root.
- For .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.

8.0.0-alpha.4

Diff

lukastyla

published 8.0.0-alpha.4 • 2 weeks ago

Changelog

Source

8.0.0-alpha.4

Dec 13, 2024

We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:

🌍 Improve Romanian locale on the Data Grid and Pickers
📚 Documentation improvements
🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @nusr, @rares985, @zivl. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi.

Data Grid

Breaking changes

The selectors signature has been updated due to the support of arguments in the selectors. Pass undefined 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.

7.23.2

Diff

lukastyla

published 7.23.2 • 2 weeks ago

Changelog

Source

7.23.2

Dec 12, 2024

We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:

🌍 Improve Romanian and Turkish locales on the Data Grid
🌍 Improve Romanian locale on the Pickers
📚 Documentation improvements
🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @ihsanberkozcan, @k-rajat19, @lhilgert9, @nusr, @rares985.

Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy.

Data Grid

8.0.0-alpha.3

Diff

michelengelen

published 8.0.0-alpha.3 • 3 weeks ago

Changelog

Source

8.0.0-alpha.3

Dec 5, 2024

We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:

💫 Support Server-side lazy loading on the Data Grid. Use data source to fetch a range of rows on demand and update the rows in the same way as described in Infinite loading and Lazy loading without the need to use any additional event listeners and callbacks.
🎯 Improved data caching. Check out our recommendations for improving the cache hit rate.

Special thanks go out to the community contributors who have helped make this release possible: @ihsanberkozcan, @k-rajat19, @perezShaked. Following are all team members who have contributed to this release: @arminmeh, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte.

Data Grid

Breaking changes

The "Select all" checkbox is now checked when all the selectable rows are selected, ignoring rows that are not selectable because of the isRowSelectable prop.
The rowPositionsDebounceMs prop was removed.

The gridRowsDataRowIdToIdLookupSelector selector was removed. Use 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])

The Grid is now more aligned with the WAI-ARIA authoring practices and sets the role attribute to treegrid if the Data Grid is used with row grouping feature.

7.23.1

Diff

michelengelen

published 7.23.1 • 3 weeks ago

Changelog

Source

7.23.1

Dec 5, 2024

We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:

🌍 Improve German locale on the Data Grid component
🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @lhilgert9.

Following are all team members who have contributed to this release: @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy and @MBilalShafi.

Data Grid

8.0.0-alpha.2

Diff

flaviendelangle

published 8.0.0-alpha.2 • 4 weeks ago

Changelog

Source

v8.0.0-alpha.2

Nov 29, 2024

We'd like to offer a big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:

👨🏽‍💻 Improve resize performance on the Data Gird.
<ChartDataProvider /> and <ChartsSurface /> components are now fully divided — Learn more.
Users can create their own HTML components using chart data — Learn more.
🌍 Improve Spanish, Portuguese, Chinese locales on the Data Grid component.
🌍 Improve Dutch locale on the Date and Time Pickers components.
🐞 Bugfixes
📚 Documentation improvements

Special thanks go out to the community contributors who have helped make this release possible: @dloeda, @headironc, @jedesroches, @k-rajat19, @lauri865, @mathzdev, @nphmuller, @zinoroman. Following are all team members who have contributed to this release: @arminmeh, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @oliviertassinari.

Data Grid

Breaking changes

The <GridOverlays /> component is not exported anymore.
The indeterminateCheckboxAction prop has been removed. Clicking on an indeterminate checkbox "selects" the unselected descendants.
The apiRef.current.resize() method was removed.
The default value of the rowSelectionPropagation prop has been changed to { parents: true, descendants: true } which means that the selection will be propagated to the parents and descendants by default. To revert to the previous behavior, pass rowSelectionPropagation as { parents: false, descendants: false }.
If estimatedRowCount is used, the text provided to the Table Pagination component from the Material UI library is updated and requires additional translations. Check the example at the end of Index-based pagination section.

7.23.0

Diff

flaviendelangle

published 7.23.0 • 4 weeks ago

Changelog

Source

7.23.0

Nov 29, 2024

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.

Data Grid

8.0.0-alpha.1

Diff

alexandrefauquette

published 8.0.0-alpha.1 • last month

Changelog

Source

v8.0.0-alpha.1

Nov 22, 2024

We'd like to offer a big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:

🔧 Refactor Tooltip customisation for charts — Learn more.
⚛️ React 19 support
🌍 Improve Chinese, Spanish, and Swedish locale on the Data Grid component
🐞 Bugfixes
📚 Documentation improvements

Special thanks go out to the community contributors who have helped make this release possible: @CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @lhilgert9, @viktormelin. Following are all team members who have contributed to this release: @alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @KenanYusuf, @arminmeh.

Data Grid

7.22.3

Diff

alexandrefauquette

published 7.22.3 • last month

Changelog

Source

v7.22.3

Nov 21, 2024

We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:

📊 Charts Pro get stable. The zoom and Heatmap are now stable.
🌍 Improve Chinese, Spanish, Swedish, and Turkish locales on the Data Grid
🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @CarlosLopezLg, @headironc, @viktormelin, @qerkules, @DungTiger, @hendrikpeilke, @k-rajat19. Following are all team members who have contributed to this release: @alexfauquette, @LukasTy, @MBilalShafi, @flaviendelangle.

Data Grid

8.0.0-alpha.0

Diff

jcquintas

published 8.0.0-alpha.0 • last month

Changelog

Source

8.0.0-alpha.0

Nov 14, 2024

We'd like to offer a big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:

🔁 Support automatic parents and children selection for the Rich Tree View components.
🌍 Improve Greek (el-GR) locale on the Date and Time Pickers components
🌍 Improve Polish (pl-PL) locale on the Data Grid component
🐞 Bugfixes
📚 Documentation improvements

Special thanks go out to the community contributors who have helped make this release possible: @belkocik, @GeorgiosDrivas, @k-rajat19, @kalyan90, @DungTiger, @fxnoob, @GuillaumeMeheut Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @samuelsycamore, @joserodolfofreitas.

Data Grid

2 3

…

@mui/x-charts - npm Package Versions

8.0.0-alpha.5

.css-1z04cui{margin-bottom:var(--chakra-space-4);font-size:var(--chakra-fontSizes-md);}8.0.0-alpha.5

Data Grid

Breaking changes

8.0.0-alpha.4

8.0.0-alpha.4

Data Grid

Breaking changes

7.23.2

7.23.2

Data Grid

8.0.0-alpha.3

8.0.0-alpha.3

Data Grid

Breaking changes

7.23.1

7.23.1

Data Grid

8.0.0-alpha.2

v8.0.0-alpha.2

Data Grid

Breaking changes

7.23.0

7.23.0

Data Grid

8.0.0-alpha.1

v8.0.0-alpha.1

Data Grid

7.22.3

v7.22.3

Data Grid

8.0.0-alpha.0

8.0.0-alpha.0

Data Grid

8.0.0-alpha.5