@mui/x-charts
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
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
@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) @LukasTyChangelog
@mui/x-charts-pro@7.0.0-alpha.2
Same changes as in @mui/x-charts@7.14.0
, plus:
eslint-plugin-testing-library
(#14232) @LukasTy