@mui/x-data-grid-pro
Advanced tools
Changelog
7.0.0-alpha.7
Jan 5, 2024
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
🎁 New component to create a Tree View from a structured data source:
You can now directly pass your data to the RichTreeView
component instead of manually converting it into JSX TreeItem
components:
const ITEMS = [
{
id: 'node-1',
label: 'Node 1',
children: [
{ id: 'node-1-1', label: 'Node 1.1' },
{ id: 'node-1-2', label: 'Node 1.2' },
],
},
{
id: 'node-2',
label: 'Node 2',
},
];
<RichTreeView
items={MUI_X_PRODUCTS}
defaultCollapseIcon={<ExpandMoreIcon />}
defaultExpandIcon={<ChevronRightIcon />}
/>;
🌍 Improve Czech (cs-CZ) locale on the Data Grid
🐞 Bugfixes
Changelog
6.18.7
Jan 5, 2024
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
Changelog
7.0.0-alpha.6
Dec 22, 2023
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
Date
objects in the filterModel
The filter panel no longer uses the native version of the Select
component for all components.
The getOptionValue
and getOptionLabel
props were removed from the following components:
GridEditSingleSelectCell
GridFilterInputSingleSelect
GridFilterInputMultipleSingleSelect
Use the getOptionValue
and getOptionLabel
properties on the singleSelect
column definition instead:
const column: GridColDef = {
type: 'singleSelect',
field: 'country',
valueOptions: [
{ code: 'BR', name: 'Brazil' },
{ code: 'FR', name: 'France' },
],
getOptionValue: (value: any) => value.code,
getOptionLabel: (value: any) => value.name,
};
The filterModel
now supports Date
objects as values for date
and dateTime
column types.
The filterModel
still accepts strings as values for date
and dateTime
column types,
but all updates to the filterModel
coming from the UI (for example filter panel) will set the value as a Date
object.
Changelog
Charts / @mui/x-charts@7.0.0-alpha.5
ChartsText
component public (#11370) @alexfauquettefalse
default values for boolean props (#11477) @cherniavskiiname
prop examples (#11422) @LukasTydate-fns
package to v2 in codesandbox (#11463) @LukasTycherry-pick
action (#11446) @LukasTyChangelog
7.0.0-alpha.4
Dec 8, 2023
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
🚀 The scatter charts now use voronoi to trigger items
Users needed to hover the item to highlight the scatter item or show the tooltip. Now they can interact with data by triggering the closest element. See the docs page for more info.
📚 Add Pickers FAQ page
🎉 The Data Grid Header filters feature is now stable
🌍 Improve Danish (da-DK) locale on Data Grid
🐞 Bugfixes
The header filters feature is now stable. unstable_
prefix is removed from prop headerFilters
and related exports.
See migration docs for more details.
The GridColDef['type']
has been narrowed down to only accept the built-in column types.
TypeScript users need to use the GridColDef
interface when defining columns:
// 🛑 `type` is inferred as `string` and is too wide
const columns = [{ type: 'number', field: 'id' }];
<DataGrid columns={columns} />;
// ✅ `type` is `'number'`
const columns: GridColDef[] = [{ type: 'number', field: 'id' }];
<DataGrid columns={columns} />;
// ✅ Alternalively, `as const` can be used to narrow down the type
const columns = [{ type: 'number' as const, field: 'id' }];
<DataGrid columns={columns} />;
Changelog
Charts / @mui/x-charts@6.18.4
ChartsText
component public (#11370) @alexfauquettename
prop examples (#11442) @LukasTydate-fns
package to v2 in codesandbox (#11478) @LukasTyChangelog
7.0.0-alpha.3
Dec 4, 2023
We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
🚀 Support localized start of the week on pickers' AdapterLuxon
When using Luxon 3.4.4 or higher, the start of the week will be defined by the date locale (e.g.: Sunday for en-US
, Monday for fr-FR
).
📈 Fix a lot of Charts package issues
🎉 The Data Grid features Cell selection and Clipboard paste are now stable
🌍 Improve Bulgarian (bg-BG) locale on Data Grid
🐞 Bugfixes
📚 Documentation improvements
The clipboard paste feature is now enabled by default. The flag clipboardPaste
is no longer needed to be passed to the experimentalFeatures
prop.
The clipboard related exports ignoreValueFormatterDuringExport
and splitClipboardPastedText
are no longer prefixed with unstable_
.
The deprecated constants SUBMIT_FILTER_STROKE_TIME
and SUBMIT_FILTER_DATE_STROKE_TIME
have been removed from the DataGrid
exports. Use the filterDebounceMs
prop to customize filter debounce time.
The slots.preferencesPanel
slot and the slotProps.preferencesPanel
prop were removed. Use slots.panel
and slotProps.panel
instead.
The GridPreferencesPanel
component is not exported anymore as it wasn't meant to be used outside of the Data Grid.
The unstable_
prefix has been removed from the cell selection props listed below.
| Old name | New name |
| :------------------------------------ | :--------------------------- |
| unstable_cellSelection
| cellSelection
|
| unstable_cellSelectionModel
| cellSelectionModel
|
| unstable_onCellSelectionModelChange
| onCellSelectionModelChange
|
The unstable_
prefix has been removed from the cell selection API methods listed below.
| Old name | New name |
| :--------------------------------- | :------------------------ |
| unstable_getCellSelectionModel
| getCellSelectionModel
|
| unstable_getSelectedCellsAsArray
| getSelectedCellsAsArray
|
| unstable_isCellSelected
| isCellSelected
|
| unstable_selectCellRange
| selectCellRange
|
| unstable_setCellSelectionModel
| setCellSelectionModel
|
The Quick Filter now ignores hidden columns by default. See including hidden columns section for more details.
Changelog
6.18.3
Dec 4, 2023
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨: