Skip to content

v7.0.0-alpha.4

Pre-release
Pre-release
Compare
Choose a tag to compare
@cherniavskii cherniavskii released this 08 Dec 14:37
· 512 commits to next since this release
e7085c0

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

Data Grid

Breaking changes

  • 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} />;

@mui/x-data-grid@7.0.0-alpha.4

@mui/x-data-grid-pro@7.0.0-alpha.4 pro

Same changes as in @mui/x-data-grid@7.0.0-alpha.4, plus:

@mui/x-data-grid-premium@7.0.0-alpha.4 premium

Same changes as in @mui/x-data-grid-pro@7.0.0-alpha.4.

Date Pickers

@mui/x-date-pickers@7.0.0-alpha.4

@mui/x-date-pickers-pro@7.0.0-alpha.4 pro

Same changes as in @mui/x-date-pickers@7.0.0-alpha.4.

Charts / @mui/x-charts@7.0.0-alpha.4

Docs