@mui/x-data-grid-pro 8.0.0-alpha.8

v8.0.0-alpha.8

on Node.js NPM

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

• 🍬 Improved design for Data Grid Header filters

  

• 🔄 Data Grid Scroll restoration

• 📊 Charts support server-side rendering under some conditions

• 🐞 Bugfixes

Special thanks go out to the community contributors who have helped make this release possible:
@lauri865.
Following are all team members who have contributed to this release:
@arminmeh, @romgrk, @samuelsycamore, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen.

Data Grid

Breaking changes

• The clear button in header filter cells has been moved to the header filter menu. Use slotProps={{ headerFilterCell: { showClearIcon: true } }} to restore the clear button in the cell.

@mui/x-data-grid@8.0.0-alpha.8

• [DataGrid] Improve scrollbar deadzone with overlay scrollbars (#15961) @lauri865
• [DataGrid] Header filter design improvements (#15991) @KenanYusuf
• [DataGrid] Scroll restoration (#15623) @lauri865
• [DataGrid] Fix row, cell and header memoizations (#15666) @lauri865

@mui/x-data-grid-pro@8.0.0-alpha.8

Same changes as in @mui/x-data-grid@8.0.0-alpha.8, plus:

• [DataGridPro] Add test for column pinning with disabled column virtualization (#16176) @cherniavskii
• [DataGridPro] Fix width of right-pinned column group during resize (#16199) @cherniavskii

@mui/x-data-grid-premium@8.0.0-alpha.8

Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.8.

Date and Time Pickers

Breaking changes

• The field is now editable if rendered inside a mobile Picker — Learn more
• The useMultiInputDateRangeField, useMultiInputTimeRangeField, and useMultiInputDateTimeRangeField hooks have been removed in favor of the new useMultiInputRangeField hook — Learn more
• The component passed to the field slot no longer receives the value, onChange, timezone, format, disabled, formatDensity, enableAccessibleFieldDOMStructure, selectedSections and onSelectedSectionsChange props — Learn more

@mui/x-date-pickers@8.0.0-alpha.8

• [pickers] Let the field components handle their opening UI, and allow field editing on mobile pickers (#15671) @flaviendelangle
• [pickers] Remove code duplication for the multi input range fields (#15505) @flaviendelangle
• [pickers] Rename onRangePositionChange into setRangePosition in usePickerRangePositionContext (#16189) @flaviendelangle
• [pickers] Use context to pass props from the picker to the field (#16042) @flaviendelangle

@mui/x-date-pickers-pro@8.0.0-alpha.8

Same changes as in @mui/x-date-pickers@8.0.0-alpha.8.

Charts

Breaking changes

• Charts tooltip markers now have different styles for each chart type. The tooltip and legend marks are now the same.
• Duplicate axis id's across x and y axis now log a warning in dev mode. Axis ids should be unique to prevent internal issues.

@mui/x-charts@8.0.0-alpha.8

• [charts] Fix flaky charts tests (#16180) @JCQuintas
• [charts] Handle case where gradient stop offset could be Infinite (#16131) @JCQuintas
• [charts] Make useChartGradientId public (#16106) @JCQuintas
• [charts] Move z-axis to plugin (#16130) @alexfauquette
• [charts] Plot data at first render if skipAnimation is set to true (#16166) @alexfauquette
• [charts] Replace tooltip mark with style (#16117) @JCQuintas
• [charts] Support rtl for gradient legend (#16115) @JCQuintas
• [charts] Use plugin system for series and axes (#15865) @alexfauquette

@mui/x-charts-pro@8.0.0-alpha.8

Same changes as in @mui/x-charts@8.0.0-alpha.8.

Tree View

@mui/x-tree-view@8.0.0-alpha.8

No changes since @mui/x-tree-view-pro@v8.0.0-alpha.7.

@mui/x-tree-view-pro@8.0.0-alpha.8

Same changes as in @mui/x-tree-view@8.0.0-alpha.8.

Docs

• [docs] Add example for custom legend (#16169) @alexfauquette
• [docs] Add full custom field creation example (#15194) @flaviendelangle
• [docs] Copyedit the Data Grid cell selection page (#16099) @samuelsycamore
• [docs] Fix demo rendering issue on Codesandbox (#16118) @arminmeh
• [docs] Remove broken links (#16167) @alexfauquette
• [docs] Split the Data Grid editing page (#14931) @MBilalShafi
• [docs] Fix wrong props warnings (#16119) @JCQuintas

Core

• [core] Type all references as RefObject (#16124) @arminmeh
• [code-infra] Refactor react and react-dom definitions to simplify dep resolving (#16160) @LukasTy
• [code-infra] Stop renovate from updating date-fns-v2 (#16158) @LukasTy
• [infra] Improve cherry-pick action target list (#16184) @michelengelen
• [test] Fix flaky column pinning unit test (#16202) @cherniavskii
• [test] Fix flaky screenshot (#16182) @cherniavskii