Skip to content

v7.0.0-alpha.7

Pre-release
Pre-release
Compare
Choose a tag to compare
@flaviendelangle flaviendelangle released this 05 Jan 16:32
· 419 commits to next since this release
8153169

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

Data Grid

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

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

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

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

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

Date Pickers

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

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

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

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

Tree View

Breaking changes

  • The expansion props have been renamed to better describe their behaviors:

    Old name New name
    onNodeToggle onExpandedNodesChange
    expanded expandedNodes
    defaultExpanded defaultExpandedNodes
      <TreeView
    -   onNodeToggle={handleExpansionChange}
    +   onExpandedNodesChange={handleExpansionChange}
    
    -   expanded={expandedNodes}
    +   expandedNodes={expandedNodes}
    
    -   defaultExpanded={defaultExpandedNodes}
    +   defaultExpandedNodes={defaultExpandedNodes}
      />
  • The selection props have been renamed to better describe their behaviors:

    Old name New name
    onNodeSelect onSelectedNodesChange
    selected selectedNodes
    defaultSelected defaultSelectedNodes
      <TreeView
    -   onNodeSelect={handleSelectionChange}
    +   onSelectedNodesChange={handleSelectionChange}
    
    -   selected={selectedNodes}
    +   selectedNodes={selectedNodes}
    
    -   defaultSelected={defaultSelectedNodes}
    +   defaultSelectedNodes={defaultSelectedNodes}
      />

@mui/x-tree-view@7.0.0-alpha.7

Docs

Core