@mui/x-data-grid-generator - npm Package Versions

8.0.0-alpha.7

Jan 9, 2025

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

• 📊 Charts legend is now an HTML element which can be styled more easily
• 💫 Support aggregation with server-side data
• 🏎️ Improve Data Grid aggregation performance
• 🌍 Add Chinese (Taiwan) (zh-TW) locale on the Date and Time Pickers
• 🌍 Improve Norwegian (nb-NO) locale on the Date and Time Pickers
• 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible: @derek-0000, @josteinjhauge, @k-rajat19, @nusr, @tomashauser. Following are all team members who have contributed to this release: @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @arminmeh, @romgrk, @oliviertassinari.

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

8.0.0-alpha.6

Dec 26, 2024

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

• 🏎️ Improve Data Grid scrolling performance
• 🌍 Improve Dutch (nl-NL) locale on the Data Grid
• 🐞 Bugfixes

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

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

Breaking changes

• The sanitizeFilterItemValue() utility is not exported anymore.

8.0.0-alpha.5

Dec 19, 2024

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

• 🌍 Improve Korean (ko-KR) locale on the Data Grid
• 🐞 Bugfixes

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

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

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

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.

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

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

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.

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

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.

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

Breaking changes

• The "Select all" checkbox is now checked when all the selectable rows are selected, ignoring rows that are not selectable because of the 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.