mui/mui-x v7.0.0-alpha.7

on GitHub

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

• [DataGrid] Don't evaluate hasEval when disableEval is set (#11516) @reihwald
• [DataGrid] follow warning message guideline for autoPageSize and autoHeight (#11585) @Sboonny
• [DataGrid] Replace eval with new Function (#11557) @oliviertassinari
• [DataGrid] Warn devs when autoPageSize is used with autoHeight (#11554) @Sboonny
• [l10n] Improve Czech (cs-CZ) locale (#11526) @fdebef

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

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

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

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

• [pickers] Fix views management (#11419) @LukasTy

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

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

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

• [charts] Add arcLabelRadius property (#11487) @alexfauquette
• [charts] Fix null in line chart using dataset (#11550) @alexfauquette

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

• [TreeView] Improve the expansion API (#11476) @flaviendelangle
• [TreeView] Improve the selection API (#11560) @flaviendelangle
• [TreeView] Introduce the items prop (#11059) @flaviendelangle

Docs

• [docs] Add example for TreeView onNodeExpansionToggle prop (#11547) @flaviendelangle
• [docs] Clarify Pickers usage with Luxon (#11545) @LukasTy
• [docs] Complete transition to next branch (#11521) @oliviertassinari
• [docs] Fix 404 links in the docs @oliviertassinari
• [docs] Fix over page fetching @oliviertassinari
• [docs] Lint next.config.js (#11514) @oliviertassinari

Core

• [core] Fix release changelog (#11496) @romgrk
• [core] Fix use of ::before & ::after (#11515) @oliviertassinari
• [core] Localize the issue template to MUI X (#11511) @oliviertassinari
• [core] Regen api files (#11542) @flaviendelangle
• [core] Remove issue emoji @oliviertassinari
• [core] Sync the release instructions with MUI Core @oliviertassinari
• [core] Yaml format match most common convention @oliviertassinari