v8.0.0-alpha.14

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

• 🚀📊 New Pro Chart: It is now possible to create Funnel charts—perfect for visualizing conversions, sales pipelines and more!
  
• 🎁 The first iteration of the radar chart is available. Features and refinements will be added in the coming weeks.
• 🛠️ New and improved Toolbar component for the data grid
• 🐞 Bugfixes

Special thanks go out to the community member for their valuable contributions:
@vadimka123.

Following are all team members who have contributed to this release:
@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen, @noraleonte, @oliviertassinari.

Data Grid

Breaking changes

• The density selector has been removed from the toolbar. It is still possible to set the density programmatically via the density prop. A density selector can be added to a custom toolbar passed to slots.toolbar. See Toolbar component—Settings menu for an example.
• The quick filter is now shown in the toolbar by default. Use slotProps={{ toolbar: { showQuickFilter: false } }} to hide it.
• The <GridSaveAltIcon /> icon is not exported anymore. Import SaveAlt from @mui/icons-material instead.

@mui/[email protected]

• [DataGrid] Fix aria-hidden console error when scrollbar is dragged (#16829) @arminmeh
• [DataGrid] Fix scroll jump with dynamic row height (#16763) @cherniavskii
• [DataGrid] New <Toolbar /> component (#14611) @KenanYusuf
• [DataGrid] Use new toolbar by default (#16814) @KenanYusuf
• [DataGrid] Remove the quick filtering on a given column (#16738) @vadimka123

@mui/[email protected]

Same changes as in @mui/[email protected].

@mui/[email protected]

Same changes as in @mui/[email protected].

Date and Time Pickers

Breaking changes

• All Date Time Picker variants now use Digital Clock for time editing.
• Stop passing invalid date to onChange when the date is partially filled — Learn more.

@mui/[email protected]

• [DateTimePicker] Use Digital Clock in all component variants (#16678) @LukasTy
• [fields] Always use props.value as the source of truth when defined (#15875) @flaviendelangle
• [fields] Fix Fields aria relationship with helperText (#16821) @LukasTy
• [pickers] Add TValidationProps generic to the PickerManager interface (#16832) @flaviendelangle
• [pickers] Fix edge property setting in different button position cases (#16838) @LukasTy
• [pickers] Fix typo in JSDoc (#16831) @flaviendelangle
• [pickers] Refactor the files in the usePicker folder (#16680) @flaviendelangle

@mui/[email protected]

Same changes as in @mui/[email protected].

Charts

@mui/[email protected]

• [charts] Fix undefined behaving differently from missing value for axis size (#16844) @bernardobelchior
• [charts] Fix x-axis text anchor default when language is RTL (#16836) @bernardobelchior
• [charts] Add Radar chart (#16406) @alexfauquette
• [charts] Move series default color generation in the series config (#16752) @alexfauquette
• [charts] Render axis title within axis size (#16730) @bernardobelchior
• [charts] Split defaultizeAxis function into two (#16745) @bernardobelchior
• [charts] Warn if axes data don't have enough elements (#16830) @alexfauquette
• [charts] XAxis: Add defaults for textAnchor and dominantBaseline based on angle (#16817) @bernardobelchior

@mui/[email protected]

Same changes as in @mui/[email protected], plus:

• [charts] Add Funnel chart (#14804) @JCQuintas

Tree View

Breaking changes

• The selectItem method has been renamed setItemSelection:

  const { publicAPI } = useTreeItemUtils();
  
  const handleSelectItem() {
  -  publicAPI.selectItem({ event, itemId: props.itemId, shouldBeSelected: true })
  +  publicAPI.setItemSelection({ event, itemId: props.itemId, shouldBeSelected: true })
  }

• The setItemExpansion method now receives a single object instead of a list of parameters:

  const { publicAPI } = useTreeItemUtils();
  
  const handleExpandItem() {
  -  publicAPI.setItemExpansion(event, props.itemId, true)
  +  publicAPI.setItemExpansion({ event, itemId: props.itemId, shouldBeExpanded: true })
  }

@mui/[email protected]

• [TreeView] Clean the expansion and selection API methods (#16795) @flaviendelangle

@mui/[email protected]

Same changes as in @mui/[email protected].

Docs

• [docs] Fix padding package install on mobile (#16794) @oliviertassinari
• [docs] Typo fixes (#16835) @alexfauquette

Core

• [code-infra] Fix console warning in telemetry package (#16816) @JCQuintas
• [code-infra] Split date-picker test files (#16825) @JCQuintas
• [infra] Replace PR label check workflow with reusable version (#16762) @michelengelen
• [infra] Update label in priority-support issue template (#16767) @michelengelen
• [test] Add timeout to flaky screenshot tests (#16852) @LukasTy