@mui/x-charts - npm Package Versions

7.15.0

Aug 29, 2024

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

• 💫 Support Material UI v6 (@mui/material@6) peer dependency (#14142) @cherniavskii

You can now use MUI X components with either v5 or v6 of @mui/material package 🎉

• 🐞 Bugfixes

Data Grid

7.14.0

Aug 23, 2024

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

• 💫 Allow filtering the axis on zoom, making the axis adapt by removing values outside the view.

  <img width="600" src="https://github.com/user-attachments/assets/e65bbd00-d2a8-4136-81cd-3598f1373c16" alt="filtering the axis on zoom" />

• 📊 Improve bar chart performances

• 🌍 Improve Czech (cs-CZ) and Hebrew (he-IL) locales on the Data Grid

• 🌍 Improve Chinese (zh-HK), Hebrew (he-IL), and Vietnamese (vi-VN) locales on the Date and Time Pickers

• 🐞 Bugfixes

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.13.0

Aug 16, 2024

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

• 💫 Allow to edit the label of Tree View's items.

  <img width="344" src="https://github.com/user-attachments/assets/1a6cf765-2dc8-4906-bd93-139086eed148" alt="Item label editing" />

• 🔧 Improve rows accessibility on the Data Grid features "Tree Data" and "Row Grouping". Certain "Row Grouping" accessibility updates will only be applied if experimental feature flag is enabled. See the documentation for more information.

• 🌍 Improve Vietnamese (vi-VN) locale on the Data Grid

• 🐞 Bugfixes

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.12.1

Aug 8, 2024

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

• 🎨 Charts get a new component to display color mapping in the legend
• 🚀 The @mui/x-charts-pro is released in alpha version 🧪. This new package introduces two main features:
  • The Heatmap component
  • The zoom interaction on the bar, line, and scatter charts
• 🌍 Improve Dutch (nl-NL) locale on the Date and Time Pickers
• 🐞 Bugfixes

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.12.0

Aug 1, 2024

💵 Our commercial offering is evolving

The Pro plan is receiving two new packages:

• @mui/x-tree-view-pro (available today!)
• @mui/x-charts-pro (available in the coming weeks)

As always, every feature released as part of the MIT plan will remain free and MIT licensed forever.

This expansion of the Pro plan comes with some adjustments to our pricing strategy. Learn more about those in the Upcoming changes to MUI X pricing in 2024 blog post.

Highlights

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

• 🎁 Introduce item reordering using drag and drop on the <RichTreeViewPro /> component

  <img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />

• 📦 Support CommonJS bundle out of the box on @mui/x-charts by adding vendored D3 dependencies.

  • This modifies how the package imports D3.js. It will impact you if you use d3 packages installed by @mui/x-charts and don't have them in your package.json. You shouldn't be affected otherwise.

  • For more context, the initial issue is caused by D3 only exporting ESM.

    

  • The solution up until now was to export charts with only ESM. But some frameworks are confused by this configuration.

    

  • So in order to fix this, we are providing a CJS version of D3.

    

• 🌍 Improve Turkish (tr-TR) locale on the Data Grid

• 🌍 Improve Finnish (fi-FI) locale on the Date and Time Pickers

• 🐞 Bugfixes

• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.11.1

Jul 25, 2024

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

• 🔎 Allow Zoom to be controllable for charts (#13858) @JCQuintas
• 🌍 Add Icelandic (is-IS) and Norwegian Nynorsk (nn-NO) locales on the Data Grid
• 🌍 Improve Norwegian Bokmål (nb-NO) and German (de-DE) locales on the Data Grid
• 🌍 Add Norwegian Nynorsk (nn-NO) locale on the Date and Time Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.11.0

Jul 18, 2024

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

• 🎨 Add color legend for charts (#13700) @alexfauquette
• 🌍 Improve Korean (ko-KR) locale on the Date and Time Pickers
• 🌍 Improve Russian (ru-RU) locale on the Date and Time Pickers and Data Grid
• 🐞 Bugfixes
• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.10.0

Jul 11, 2024

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

• 🎁 Add selectors to support showing child row count in footer in the Data Grid
• ✨ New APIs for retrieving current item tree and item's children IDs in the Tree View
• 🌍 Improve Spanish (es-ES) locale on the Data Grid
• 🐞 Bugfixes
• 📚 Documentation improvements

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.9.0

Jul 5, 2024

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

• 🔄 Add loading overlay variants, including a skeleton loader option to the Data Grid component. See Loading overlay docs for more details.
• 🌳 Add selectItem() and getItemDOMElement() methods to the TreeView component public API
• ⛏️ Make the usePickersTranslations hook public in the pickers component
• 🐞 Bugfixes

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid

7.8.0

Jun 28, 2024

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

• 🛰 Introduce server-side data source for improved server integration in the Data Grid.

  Supports server-side pagination, sorting and filtering on plain and tree data, and automatic caching.

  To enable, provide a getRows function to the unstable_dataSource prop on the Data Grid component.

  const dataSource = {
    getRows: async (params: GridServerGetRowsParams) => {
      const data = await fetch(
        `https://api.example.com/data?${new URLSearchParams({
          page: params.page,
          pageSize: params.pageSize,
          sortModel: JSON.stringify(params.sortModel),
          filterModel: JSON.stringify(params.filterModel),
        }).toString()}`,
      );
      return {
        rows: data.rows,
        totalRows: data.totalRows,
      };
    },
  }
  <DataGridPro
    unstable_dataSource={dataSource}
    {...otherProps}
  />
  

  See server-side data documentation for more details.

• 📈 Support Date data on the BarChart component

• ↕️ Support custom column sort icons on the Data Grid

• 🖱️ Support modifying the expansion trigger on the Tree View components

<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->

Data Grid