@mui/x-date-pickers 8.22.0

v8.22.0

on Node.js Yarn

We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:

• Each Tree View component now exposes its own hook to initialize the apiRef object with accurate typing:

  -import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
  +import { useSimpleTreeViewApiRef } from '@mui/x-tree-view/hooks';
  -const apiRef = useTreeViewApiRef();
  +const apiRef = useSimpleTreeViewApiRef();
  
  -import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
  +import { useRichTreeViewApiRef } from '@mui/x-tree-view/hooks';
  -const apiRef = useTreeViewApiRef();
  +const apiRef = useRichTreeViewApiRef();
  
  -import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
  +import { useRichTreeViewProApiRef } from '@mui/x-tree-view-pro/hooks';
  -const apiRef = useTreeViewApiRef();
  +const apiRef = useRichTreeViewProApiRef();

• 📚 Tutorial on building a Data Grid with server-side data

• 🐞 Bugfixes

Special thanks go out to this community member for their valuable contributions:
@kzhgit

The following team members contributed to this release:
@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @mapache-salvaje, @michelengelen, @noraleonte, @oliviertassinari

Data Grid

@mui/x-data-grid@8.22.0

• [DataGrid] Sync component props with theme defaults (#20590) @michelengelen
• [DataGrid] Add fallback for CSS color-mix if it is unsupported (#20597) @cherniavskii
• [DataGrid] Use baseTooltip slot for column header sort icon (#20460) @kzhgit

@mui/x-data-grid-pro@8.22.0

Same changes as in @mui/x-data-grid@8.22.0.

@mui/x-data-grid-premium@8.22.0

Same changes as in @mui/x-data-grid-pro@8.22.0, plus:

• [DataGridPremium] Handle pivoting column name generation for empty strings (#20608) @arminmeh
• [DataGridPremium] Pass a row with aggregated value to the custom aggregation function valueFormatter (#20607) @arminmeh

Date and Time Pickers

@mui/x-date-pickers@8.22.0

• [pickers] Fix invalid date tests (#20606) @michelengelen

@mui/x-date-pickers-pro@8.22.0

Same changes as in @mui/x-date-pickers@8.22.0.

Charts

@mui/x-charts@8.22.0

• [charts] Add consistent animation duration and timing (#20564) @JCQuintas
• [charts] Extract a tooltip plugin from the interaction one (#20591) @alexfauquette
• [charts] General type improvements (#20565) @JCQuintas
• [charts] Place ordinal ticks according to a continuous scale (#19808) @alexfauquette
• [charts] Remove layout data from the tooltip internals (#20548) @alexfauquette
• [charts] Remove usage of focus outline for item highlight (#19856) @alexfauquette
• [charts] Simplify MarkPlot by moving calculation to useMarkPlotData (#20570) @JCQuintas
• [charts] Use store.state over store.getSnapshot() (#20616) @bernardobelchior
• [charts] Vendor flatqueue (#20610) @bernardobelchior
• [charts] Extract pie layout computation (#20611) @alexfauquette
• [charts][infra] Enable @typescript-eslint/consistent-type-imports eslint rules (#20560) @JCQuintas
• [charts][infra] Enable import/no-cycle eslint rules (#20554) @JCQuintas

@mui/x-charts-pro@8.22.0

Same changes as in @mui/x-charts@8.22.0, plus:

• [charts-pro] Display sankey labels on top of nodes (#20569) @alexfauquette

@mui/x-charts-premium@8.22.0

Same changes as in @mui/x-charts-pro@8.22.0.

Tree View

@mui/x-tree-view@8.22.0

• [tree view] Expose one hook per component to initialize the apiRef (#20235) @flaviendelangle
• [tree view] Update the typing of updateItemChildren() to accept null (#20483) @noraleonte

@mui/x-tree-view-pro@8.22.0

Same changes as in @mui/x-tree-view@8.22.0.

Codemod

@mui/x-codemod@8.22.0

Internal changes.

Docs

• [docs] Add tutorial on building a Data Grid with server-side data (DX-22) (#19782) @mapache-salvaje
• [docs] Modify the default value for the stacking demo (#20596) @alexfauquette
• [docs] Revise the Charts Custom Components doc (#19793) @mapache-salvaje
• [docs] Remove copy-pasted aria-label (#20620) @alexfauquette

Core

• [internal] Remove unsafe dependency version from range (#20574) @oliviertassinari

Miscellaneous

• Bump @mui/monorepo digest to 800638d (#20337) @renovate[bot]
• Bump @next/eslint-plugin-next to 15.5.7 (#20575) @renovate[bot]
• Bump GitHub Actions (#20577) @renovate[bot]
• Bump Tanstack query to ^5.90.12 (#20582) @renovate[bot]
• Bump Vite & Vitest (#20583) @renovate[bot]
• Bump eslint to ^8.48.1 (#20576) @renovate[bot]
• Bump markdown-to-jsx to ^9.3.2 (#20507) @renovate[bot]
• Bump motion to ^12.23.25 (#20579) @renovate[bot]
• Bump react monorepo to 19.2.1 (#20581) @renovate[bot]
• Bump react-hook-form to ^7.68.0 (#20584) @renovate[bot]
• Bump react-router to ^7.10.1 (#20341) @renovate[bot]
• Bump tsx to ^4.21.0 (#20585) @renovate[bot]
• Bump MUI infra packages (#20478) @renovate[bot]
• [infra] Automatically add teams to release PRs (#20558) @JCQuintas
• [infra] Fix codeowners typo (#20562) @JCQuintas