npm @mui/x-data-grid-pro 8.0.0-alpha.1
v8.0.0-alpha.1
on Node.js NPM

17 hours ago

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

  • 🔧 Refactor Tooltip customisation for charts — Learn more.
  • ⚛️ React 19 support
  • 🌍 Improve Chinese, Spanish, and Swedish locale on the Data Grid component
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Breaking change

Special thanks go out to the community contributors who have helped make this release possible:
@CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @lhilgert9, @viktormelin.
Following are all team members who have contributed to this release:
@alexfauquette, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @oliviertassinari, @KenanYusuf, @arminmeh.

Data Grid

@mui/x-data-grid@v8.0.0-alpha.1

@mui/x-data-grid-pro@v8.0.0-alpha.1 pro

Same changes as in @mui/x-data-grid@v8.0.0-alpha.1.

@mui/x-data-grid-premium@v8.0.0-alpha.1 premium

Same changes as in @mui/x-data-grid-pro@v8.0.0-alpha.1, plus:

Date and Time Pickers

Breaking change

  • The FieldValueType type has been renamed to PickerValueType — Learn more.
  • The toolbar and layout slots no longer receive the disabled and readOnly props — Learn more.

@mui/x-date-pickers@v8.0.0-alpha.1

@mui/x-date-pickers-pro@v8.0.0-alpha.1 pro

Same changes as in @mui/x-date-pickers@v8.0.0-alpha.1, plus:

  • [DateTimeRangePicker] Use time in referenceDate when selecting date (#15429) @LukasTy

Charts

Breaking change

  • The DX of the Tooltip customization has been refactored

    • The tooltip prop has been removed in favor of slotProps.tooltip for consistency.
    • The popper, axisContent, and itemContent slots have been removed in favor of the tooltip slot which overrides the entire tooltip.
      • To override the tooltip content, use the useItemTooltip or useAxisTooltip hook to get the data, and wrap your component in ChartsTooltipContainer to follow the pointer position.
      • To override the tooltip placement, use the ChartsItemTooltipContent or ChartsItemTooltipContent to get default data and place them in your custom tooltip.

  • The library now uses the SVG filter attribute instead of d3-color for color manipulation.

    • This modification impacts the LinePlot, AreaPlot, and BarPlot components.
      If you've customized the fill of those elements, you might need to override it by using the CSS filter.
    • The theme.styleOverride is removed for MuiLineElement, MuiAreaElement, and MuiBarElement to improve performance.
      You can still target those elements by using the MuiLinePlot, MuiAreaPlot, and MuiBarPlot and target the appropriate classes lineElementClasses.root, areaElementClasses.root, barElementClasses.root

  • Removed the resolveSizeBeforeRender prop from all chart components — Learn more.

  • Removed width and height props from the ChartsSurface component.

  • Removed the viewport prop from all charts.

@mui/x-charts@v8.0.0-alpha.1

@mui/x-charts-pro@v8.0.0-alpha.1 pro

Same changes as in @mui/x-charts@v8.0.0-alpha.1.

Tree View

Breaking changes

  • The Tree Item component can no longer use publicAPI methods in the render because they are now memoized — Learn more.

@mui/x-tree-view@v8.0.0-alpha.1

Docs

Core

Check out latest releases or
releases around @mui/x-data-grid-pro 8.0.0-alpha.1

Don't miss a new x-data-grid-pro release

NewReleases is sending notifications on new releases.

Get notifications