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

7.0.0-beta.4

Feb 23, 2024

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

• 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
• 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
• 🕥 The support for IE 11 has been removed (#12151) @flaviendelangle
• 🐞 Bugfixes
• 📚 Documentation improvements

Breaking changes

• The support for IE 11 has been removed from all MUI X packages. The legacy bundle that used to support old browsers like IE 11 is no longer included.

Data Grid

Breaking changes

• The cell inner wrapper .MuiDataGrid-cellContent has been removed, use .MuiDataGrid-cell to style the cells.

7.0.0-beta.3

Feb 16, 2024

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

• 🎁 Charts get a built in grid

  <img src="https://github.com/mui/mui-x/assets/45398769/74299f54-f020-4135-b38c-dc88a230db30" width="510" alt="Charts Grid" />

• 🎛️ Charts get a Gauge component.

  <img src="https://github.com/mui/mui-x/assets/45398769/fb7a94b5-bef6-4fc2-a0cd-d6ff5b60fa8b" width="510" alt="Guage Chart" />

• 🐞 Bugfixes

• 📚 Documentation improvements

Data Grid

Breaking changes

• The rowEditCommit event and the related prop onRowEditCommit was removed. The processRowUpdate prop can be used in place.

7.0.0-beta.2

Feb 9, 2024

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

• 🚀 Add slot typings on the Data Grid components (#11795) @romgrk
• 🎁 Support UTC date formatting in Charts tooltip (#11943) @shaharyar-shamshi
• 🌍 Improve Danish (da-DK) locale Data Grid (#11877) @ShahrazH
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

@mui/x-charts-pro@7.0.0-beta.1

Same changes as in @mui/x-charts@7.18.0.

Tree View

7.0.0-beta.0

Jan 26, 2024

We are glad to announce MUI X v7 beta! This version has several improvements, bug fixes, and exciting features 🎉. We want to offer a big thanks to the 7 contributors who made this release possible ✨:

• 🚀 Release the Date Time Range Picker component (#9528) @LukasTy

  <img src="https://github.com/mui/mui-x/assets/4941090/122bb7bc-5e72-4e11-a8e5-96f3026de922" width="510" height="652" alt="Date Time Range Picker example" />

• 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi

  <img width="310" alt="image" src="https://github.com/mui/mui-x/assets/12609561/a79dac8b-d54d-4e69-a63a-ef78f3993f37">

• 🐞 Bugfixes

• 📚 Documentation improvements

Data Grid

Breaking changes

• The columns management component has been redesigned and the component was extracted from the ColumnsPanel which now only serves as a wrapper to display the component above the headers as a panel. As a result, a new slot columnsManagement and the related prop slotProps.columnsManagement have been introduced. The props corresponding to the columns management component which were previously passed to the prop slotProps.columnsPanel should now be passed to slotProps.columnsManagement. slotProps.columnsPanel could still be used to override props corresponding to the Panel component used in ColumnsPanel which uses Popper component under the hood.

   <DataGrid
    slotProps={{
  -   columnsPanel: {
  +   columnsManagement: {
        sort: 'asc',
        autoFocusSearchField: false,
      },
    }}
   />
  

• Show all and Hide all buttons in the ColumnsPanel have been combined into one Show/Hide All toggle in the new columns management component. The related props disableShowAllButton and disableHideAllButton have been replaced with a new prop disableShowHideToggle.

   <DataGrid
  -  disableShowAllButton
  -  disableHideAllButton
  +  disableShowHideToggle
   />