v7.0.0-beta.6

We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:

• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

@mui/x-data-grid@7.0.0-beta.6

• [DataGrid] Fix crashing of demos on rating change (#12315) @sai6855
• [DataGrid] Fix double border below header (#12349) @joespeargresham
• [DataGrid] Fix empty sort being saved in the sortModel (#12325) @MBilalShafi
• [DataGrid] Remove unnecessary stopCellMode event in renderEditRating component (#12335) @sai6855
• [DataGrid] Small performance optimizations (#12346) @romgrk

@mui/x-data-grid-pro@7.0.0-beta.6

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

• [DataGridPro] Rework onRowsScrollEnd to use IntersectionObserver (#8672) @DanailH

@mui/x-data-grid-premium@7.0.0-beta.6

Same changes as in @mui/x-data-grid-pro@7.0.0-beta.6.

Charts

@mui/x-charts@7.0.0-beta.6

• [charts] Add context to axis value formatter (#12172) @alexfauquette
• [charts] Customize tick position for band scale (#12316) @alexfauquette
• [charts] Fix RTL legend (#12175) @alexfauquette

Tree View

Breaking changes

• The component used to animate the item children is now defined as a slot on the TreeItem component.

  If you were passing a TransitionComponent or TransitionProps to your TreeItem component,
  you need to use the new groupTransition slot on this component:

   <SimpleTreeView>
      <TreeItem
        nodeId="1"
        label="Node 1"
  -     TransitionComponent={Fade}
  +     slots={{ groupTransition: Fade }}
  -     TransitionProps={{ timeout: 600 }}
  +     slotProps={{ groupTransition: { timeout: 600 } }}
      />
    </SimpleTreeView>

• The group class of the TreeItem component has been renamed to groupTransition to match with its new slot name.

   const StyledTreeItem = styled(TreeItem)({
  -  [`& .${treeItemClasses.group}`]: {
  +  [`& .${treeItemClasses.groupTransition}`]: {
      marginLeft: 20,
    },
   });

@mui/x-tree-view@7.0.0-beta.6

• [TreeView] Fix invalid nodes state when updating props.items (#12359) @flaviendelangle
• [TreeView] In the RichTreeView, do not use the item id as the HTML id attribute (#12319) @flaviendelangle
• [TreeView] New instance and publicAPI method: getItem (#12251) @flaviendelangle
• [TreeView] Replace TransitionComponent and TransitionProps with a groupTransition slot (#12336) @flaviendelangle

Docs

• [docs] Add a note about z-index usage in SVG (#12337) @alexfauquette
• [docs] RichTreeView customization docs (#12231) @noraleonte

Core

• [test] Add Charts test (#11551) @alexfauquette