@mui/x-charts 7.12.0 → 7.13.0

package/BarChart/BarChart.js

@@ -282,6 +282,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -334,6 +335,7 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),

package/BarChart/BarPlot.js

@@ -20,6 +20,8 @@ var _checkScaleErrors = require("./checkScaleErrors");
 var _useSeries = require("../hooks/useSeries");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["skipAnimation", "onItemClick", "borderRadius", "barLabel"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Solution of the equations
  * W = barWidth * N + offset * (N-1)
@@ -29,8 +31,6 @@ const _excluded = ["skipAnimation", "onItemClick", "borderRadius", "barLabel"];
  * @param gapRatio The ratio of the gap between bars over the bar width.
  * @returns The bar width and the offset between bars.
  */
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function getBandSize({
   bandWidth: W,
   numberOfGroups: N,

package/BarChart/extremums.d.ts

@@ -1,3 +1,3 @@
-import { ExtremumGetter } from '../models/seriesType/config';
+import { ExtremumGetter } from '../context/PluginProvider/ExtremumGetter.types';
 export declare const getExtremumX: ExtremumGetter<'bar'>;
 export declare const getExtremumY: ExtremumGetter<'bar'>;

package/BarChart/extremums.js

@@ -22,9 +22,11 @@ const getValueExtremum = params => {
     const yAxisId = series[seriesId].yAxisId ?? series[seriesId].yAxisKey;
     return yAxisId === axis.id || isDefaultAxis && yAxisId === undefined;
   }).reduce((acc, seriesId) => {
-    const [seriesMin, seriesMax] = series[seriesId].stackedData?.reduce((seriesAcc, values) => [Math.min(...values, ...(seriesAcc[0] === null ? [] : [seriesAcc[0]])), Math.max(...values, ...(seriesAcc[1] === null ? [] : [seriesAcc[1]]))], series[seriesId].stackedData[0]) ?? [null, null];
-    return [acc[0] === null ? seriesMin : Math.min(seriesMin, acc[0]), acc[1] === null ? seriesMax : Math.max(seriesMax, acc[1])];
-  }, [null, null]);
+    const [seriesMin, seriesMax] = series[seriesId].stackedData?.reduce((seriesAcc, values) => {
+      return [Math.min(...values, seriesAcc[0]), Math.max(...values, seriesAcc[1])];
+    }, [Infinity, -Infinity]) ?? [Infinity, -Infinity];
+    return [Math.min(seriesMin, acc[0]), Math.max(seriesMax, acc[1])];
+  }, [Infinity, -Infinity]);
 };
 const getExtremumX = params => {
   // Notice that bar should be all horizontal or all vertical.

package/BarChart/formatter.d.ts

@@ -1,3 +1,3 @@
-import { Formatter } from '../models/seriesType/config';
-declare const formatter: Formatter<'bar'>;
+import { SeriesFormatter } from '../context/PluginProvider/SeriesFormatter.types';
+declare const formatter: SeriesFormatter<'bar'>;
 export default formatter;

package/BarChart/getColor.d.ts

@@ -1,3 +1,3 @@
-import { AxisDefaultized } from '../models/axis';
-import { DefaultizedBarSeriesType } from '../models/seriesType/bar';
-export default function getColor(series: DefaultizedBarSeriesType, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized): (dataIndex: number) => string;
+import { ColorProcessor } from '../context/PluginProvider/ColorProcessor.types';
+declare const getColor: ColorProcessor<'bar'>;
+export default getColor;

package/BarChart/getColor.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getColor;
-function getColor(series, xAxis, yAxis) {
+exports.default = void 0;
+const getColor = (series, xAxis, yAxis) => {
   const verticalLayout = series.layout === 'vertical';
   const bandColorScale = verticalLayout ? xAxis?.colorScale : yAxis?.colorScale;
   const valueColorScale = verticalLayout ? yAxis?.colorScale : xAxis?.colorScale;
@@ -30,4 +30,5 @@ function getColor(series, xAxis, yAxis) {
     };
   }
   return () => series.color;
-}
+};
+var _default = exports.default = getColor;

package/BarChart/legend.d.ts

@@ -1,3 +1,3 @@
-import { LegendGetter } from '../models/seriesType/config';
+import { LegendGetter } from '../context/PluginProvider';
 declare const legendGetter: LegendGetter<'bar'>;
 export default legendGetter;

package/BarChart/plugin.d.ts

@@ -1,2 +1,2 @@
-import { ChartsPluginType } from '../models/plugin';
-export declare const plugin: ChartsPluginType<'bar'>;
+import type { ChartsPlugin } from '../context/PluginProvider';
+export declare const plugin: ChartsPlugin<'bar'>;

package/CHANGELOG.md

@@ -3,6 +3,155 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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](https://mui.com/x/react-tree-view/rich-tree-view/editing/) 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](https://mui.com/x/react-data-grid/row-grouping/#accessibility-changes-in-v8) for more information.
+- 🌍 Improve Vietnamese (vi-VN) locale on the Data Grid
+- 🐞 Bugfixes
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.13.0`
+
+- [DataGrid] Fix CSV export for `null` and `undefined` values (#14166) @k-rajat19
+- [DataGrid] Fix error logged during skeleton loading with nested data grid (#14186) @KenanYusuf
+- [DataGrid] Remove needless check in `useGridStateInitialization` (#14181) @k-rajat19
+- [DataGrid] Add recipe for persisting filters in local storage (#14208) @cherniavskii
+- [l10n] Improve Vietnamese (vi-VN) locale (#14216) @hungnd-casso
+
+#### `@mui/x-data-grid-pro@7.13.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.13.0`, plus:
+
+- [DataGridPro] Fix Tree Data and Row Grouping rows accessibility (#13623) @arminmeh
+
+#### `@mui/x-data-grid-premium@7.13.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.13.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.13.0`
+
+- [pickers] Fix date and time merging to retain milliseconds (#14173) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.13.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.13.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.13.0`
+
+- [charts] Add `baseline` property to the `LineChart` `series` (#14153) @JCQuintas
+- [charts] Fix issue where tooltip would disappear on mouse click (#14187) @alexfauquette
+- [charts] Rename `CartesianContextProvider` to `CartesianProvider` (#14102) @JCQuintas
+- [charts] Support axis with the same value for all data points (#14191) @alexfauquette
+
+#### `@mui/x-date-charts-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.13.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.13.0`
+
+- [TreeView] Add label editing feature (#13388) @noraleonte
+- [TreeView] Fix the parameters passed for the `canMoveItemToNewPosition` prop (#14176) @flaviendelangle
+
+### Docs
+
+- [docs] Extract dataset in the Line chart docs (#14034) @alexfauquette
+- [docs] Remove redundant encoding in the mock data source server (#14185) @MBilalShafi
+- [docs] Use Netflix financial results to document bar charts (#13991) @alexfauquette
+- [docs] Remove relience of abbreviations (#14226) @oliviertassinari
+
+### Core
+
+- [core] Bump monorepo (#14141) @Janpot
+- [core] Fix ESLint issue (#14207) @LukasTy
+- [core] Fix Netlify build cache issue (#14182) @cherniavskii
+- [code-infra] Refactor Netlify `cache-docs` plugin setup (#14105) @LukasTy
+- [internals] Move utils needed for tree view virtualization to shared package (#14202) @flaviendelangle
+
+## 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
+
+#### `@mui/x-data-grid@7.12.1`
+
+- [DataGrid] Fix `checkboxSelectionVisibleOnly` behavior with server-side pagination (#14083) @MBilalShafi
+- [DataGrid] Fix `columnHeadersContainerRef` being `undefined` before mount (#14051) @samwato
+- [DataGrid] Support Yarn PnP (#14126) @cherniavskii
+
+#### `@mui/x-data-grid-pro@7.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.12.1`.
+
+#### `@mui/x-data-grid-premium@7.12.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.12.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.12.1`
+
+- [l10n] Improve Dutch (nlNL) locale (pickers) (#14036) @Robin1896
+
+#### `@mui/x-date-pickers-pro@7.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.12.1`.
+
+### Charts
+
+#### `@mui/x-charts@7.12.1`
+
+- [charts] Fix charts vendor publish config (#14073) @JCQuintas
+- [charts] Move `plugins` to `PluginProvider` (#14056) @JCQuintas
+
+#### `@mui/x-date-charts-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.12.1`, plus:
+
+- [charts-pro] Release the pro package in alpha (#13859) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@7.12.1`
+
+### Docs
+
+- [docs] Add a warning to promote the usage of `updateRows` (#14027) @MBilalShafi
+- [docs] Disable ad in `Rich Tree View-Ordering` page (#14123) @oliviertassinari
+- [docs] Redesign Date and Time Pickers overview page (#13241) @noraleonte
+
+- [CHANGELOG] Polish details @oliviertassinari
+- [code-infra] Use concurrency 1 in CircleCI (#14110) @JCQuintas
+- [infra] Re-added the removal of `Latest Version` section (#14132) @michelengelen
+
 ## 7.12.0
 
 _Aug 1, 2024_
@@ -24,9 +173,9 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
 
 - 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `RichTreeViewPro` component
 
-  <img width="384" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
+  <img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
 
-- 📦 Support Common JS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
+- 📦 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.

package/ChartContainer/ChartContainer.d.ts

@@ -2,13 +2,12 @@ import * as React from 'react';
 import { DrawingProviderProps } from '../context/DrawingProvider';
 import { SeriesProviderProps } from '../context/SeriesProvider';
 import { ChartsSurfaceProps } from '../ChartsSurface';
-import { CartesianContextProviderProps } from '../context/CartesianProvider';
+import { CartesianProviderProps } from '../context/CartesianProvider';
 import { HighlightedProviderProps, ZAxisContextProviderProps } from '../context';
-import { ChartsPluginType } from '../models/plugin';
-import { ChartSeriesType } from '../models/seriesType/config';
+import { PluginProviderProps } from '../context/PluginProvider';
 import { AxisConfig, ChartsXAxisProps, ChartsYAxisProps, ScaleName } from '../models/axis';
 import { MakeOptional } from '../models/helpers';
-export type ChartContainerProps = Omit<ChartsSurfaceProps & Omit<SeriesProviderProps, 'seriesFormatters'> & Omit<DrawingProviderProps, 'svgRef'> & Pick<CartesianContextProviderProps, 'dataset'> & ZAxisContextProviderProps & HighlightedProviderProps, 'children'> & {
+export type ChartContainerProps = Omit<ChartsSurfaceProps & Omit<SeriesProviderProps, 'seriesFormatters'> & Omit<DrawingProviderProps, 'svgRef'> & Pick<CartesianProviderProps, 'dataset'> & ZAxisContextProviderProps & HighlightedProviderProps & PluginProviderProps, 'children'> & {
     /**
      * The configuration of the x-axes.
      * If not provided, a default axis config is used.
@@ -22,13 +21,8 @@ export type ChartContainerProps = Omit<ChartsSurfaceProps & Omit<SeriesProviderP
      */
     yAxis?: MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, 'id'>[];
     children?: React.ReactNode;
-    /**
-     * An array of plugins defining how to preprocess data.
-     * If not provided, the container supports line, bar, scatter and pie charts.
-     */
-    plugins?: ChartsPluginType<ChartSeriesType>[];
 };
-declare const ChartContainer: React.ForwardRefExoticComponent<Omit<ChartsSurfaceProps & Omit<SeriesProviderProps, "seriesFormatters"> & Omit<DrawingProviderProps, "svgRef"> & Pick<CartesianContextProviderProps, "dataset"> & ZAxisContextProviderProps & HighlightedProviderProps, "children"> & {
+declare const ChartContainer: React.ForwardRefExoticComponent<Omit<ChartsSurfaceProps & Omit<SeriesProviderProps, "seriesFormatters"> & Omit<DrawingProviderProps, "svgRef"> & Pick<CartesianProviderProps, "dataset"> & ZAxisContextProviderProps & HighlightedProviderProps & PluginProviderProps, "children"> & {
     /**
      * The configuration of the x-axes.
      * If not provided, a default axis config is used.
@@ -42,10 +36,5 @@ declare const ChartContainer: React.ForwardRefExoticComponent<Omit<ChartsSurface
      */
     yAxis?: MakeOptional<AxisConfig<ScaleName, any, ChartsYAxisProps>, "id">[];
     children?: React.ReactNode;
-    /**
-     * An array of plugins defining how to preprocess data.
-     * If not provided, the container supports line, bar, scatter and pie charts.
-     */
-    plugins?: ChartsPluginType<ChartSeriesType>[];
 } & React.RefAttributes<unknown>>;
 export { ChartContainer };

package/ChartContainer/ChartContainer.js

@@ -11,11 +11,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _DrawingProvider = require("../context/DrawingProvider");
 var _SeriesProvider = require("../context/SeriesProvider");
 var _InteractionProvider = require("../context/InteractionProvider");
-var _ColorProvider = require("../context/ColorProvider");
 var _ChartsSurface = require("../ChartsSurface");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _ChartsAxesGradients = require("../internals/components/ChartsAxesGradients");
 var _context = require("../context");
+var _PluginProvider = require("../context/PluginProvider");
 var _useChartContainerProps = require("./useChartContainerProps");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -24,17 +24,17 @@ const ChartContainer = exports.ChartContainer = /*#__PURE__*/React.forwardRef(fu
   const {
     children,
     drawingProviderProps,
-    colorProviderProps,
     seriesProviderProps,
-    cartesianContextProps,
+    cartesianProviderProps,
     zAxisContextProps,
     highlightedProviderProps,
-    chartsSurfaceProps
+    chartsSurfaceProps,
+    pluginProviderProps
   } = (0, _useChartContainerProps.useChartContainerProps)(props, ref);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawingProvider.DrawingProvider, (0, _extends2.default)({}, drawingProviderProps, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorProvider.ColorProvider, (0, _extends2.default)({}, colorProviderProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PluginProvider.PluginProvider, (0, _extends2.default)({}, pluginProviderProps, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SeriesProvider.SeriesProvider, (0, _extends2.default)({}, seriesProviderProps, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartesianProvider.CartesianContextProvider, (0, _extends2.default)({}, cartesianContextProps, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CartesianProvider.CartesianProvider, (0, _extends2.default)({}, cartesianProviderProps, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ZAxisContextProvider, (0, _extends2.default)({}, zAxisContextProps, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InteractionProvider.InteractionProvider, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.HighlightedProvider, (0, _extends2.default)({}, highlightedProviderProps, {
@@ -164,6 +164,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
@@ -216,6 +217,7 @@ process.env.NODE_ENV !== "production" ? ChartContainer.propTypes = {
     slotProps: _propTypes.default.object,
     slots: _propTypes.default.object,
     stroke: _propTypes.default.string,
+    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
     tickFontSize: _propTypes.default.number,
     tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
     tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),

package/ChartContainer/useChartContainerProps.d.ts

@@ -1,22 +1,23 @@
+import * as React from 'react';
 import type { DrawingProviderProps } from '../context/DrawingProvider';
-import type { ColorProviderProps } from '../context/ColorProvider';
-import type { CartesianContextProviderProps } from '../context/CartesianProvider';
+import type { CartesianProviderProps } from '../context/CartesianProvider';
 import type { SeriesProviderProps } from '../context/SeriesProvider';
 import type { ZAxisContextProviderProps } from '../context/ZAxisContextProvider';
 import type { ChartContainerProps } from './ChartContainer';
 import { HighlightedProviderProps } from '../context';
 import { ChartsSurfaceProps } from '../ChartsSurface';
+import { PluginProviderProps } from '../context/PluginProvider';
 export declare const useChartContainerProps: (props: ChartContainerProps, ref: React.ForwardedRef<unknown>) => {
-    children: import("react").ReactNode;
+    children: React.ReactNode;
     drawingProviderProps: Omit<DrawingProviderProps, "children">;
-    colorProviderProps: Omit<ColorProviderProps, "children">;
     seriesProviderProps: Omit<SeriesProviderProps, "children">;
-    cartesianContextProps: Omit<CartesianContextProviderProps, "children">;
+    cartesianProviderProps: Omit<CartesianProviderProps, "children">;
     zAxisContextProps: Omit<ZAxisContextProviderProps, "children">;
     highlightedProviderProps: Omit<HighlightedProviderProps, "children">;
     chartsSurfaceProps: ChartsSurfaceProps & {
         ref: any;
     };
+    pluginProviderProps: Omit<PluginProviderProps, "children">;
     xAxis: {
         reverse?: boolean | undefined;
         fill?: string | undefined;
@@ -25,12 +26,12 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
         label?: string | undefined;
         max?: (number | Date) | undefined;
         min?: (number | Date) | undefined;
+        sx?: import("@mui/system").SxProps | undefined;
         classes?: Partial<import("..").ChartsAxisClasses> | undefined;
         slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
         slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
         dataKey?: string | undefined;
         valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
-        colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
         tickMaxStep?: number | undefined;
         tickMinStep?: number | undefined;
         tickNumber?: number | undefined;
@@ -46,6 +47,7 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
         tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
         tickLabelPlacement?: ("middle" | "tick") | undefined;
         scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
+        colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
         hideTooltip?: boolean | undefined;
         id: import("../internals").AxisId;
     }[];
@@ -57,12 +59,12 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
         label?: string | undefined;
         max?: (number | Date) | undefined;
         min?: (number | Date) | undefined;
+        sx?: import("@mui/system").SxProps | undefined;
         classes?: Partial<import("..").ChartsAxisClasses> | undefined;
         slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
         slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
         dataKey?: string | undefined;
         valueFormatter?: ((value: any, context: import("../internals").AxisValueFormatterContext) => string) | undefined;
-        colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
         tickMaxStep?: number | undefined;
         tickMinStep?: number | undefined;
         tickNumber?: number | undefined;
@@ -78,6 +80,7 @@ export declare const useChartContainerProps: (props: ChartContainerProps, ref: R
         tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
         tickLabelPlacement?: ("middle" | "tick") | undefined;
         scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
+        colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
         hideTooltip?: boolean | undefined;
         id: import("../internals").AxisId;
     }[];

package/ChartContainer/useChartContainerProps.js

@@ -7,9 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.useChartContainerProps = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _useChartContainerHooks = require("./useChartContainerHooks");
+var React = _interopRequireWildcard(require("react"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _useDefaultizeAxis = require("./useDefaultizeAxis");
+var _useReducedMotion = require("../hooks/useReducedMotion");
 const _excluded = ["width", "height", "series", "margin", "xAxis", "yAxis", "zAxis", "colors", "dataset", "sx", "title", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "children"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useChartContainerProps = (props, ref) => {
   const {
       width,
@@ -31,14 +35,10 @@ const useChartContainerProps = (props, ref) => {
       children
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const {
-    svgRef,
-    chartSurfaceRef,
-    xExtremumGetters,
-    yExtremumGetters,
-    seriesFormatters,
-    colorProcessors
-  } = (0, _useChartContainerHooks.useChartContainerHooks)(ref, plugins);
+  const svgRef = React.useRef(null);
+  const chartSurfaceRef = (0, _useForkRef.default)(ref, svgRef);
+  (0, _useReducedMotion.useReducedMotion)(); // a11y reduce motion (see: https://react-spring.dev/docs/utilities/use-reduced-motion)
+
   const [defaultizedXAxis, defaultizedYAxis] = (0, _useDefaultizeAxis.useDefaultizeAxis)(xAxis, yAxis);
   const drawingProviderProps = {
     width,
@@ -46,21 +46,18 @@ const useChartContainerProps = (props, ref) => {
     margin,
     svgRef
   };
-  const colorProviderProps = {
-    colorProcessors
+  const pluginProviderProps = {
+    plugins
   };
   const seriesProviderProps = {
     series,
     colors,
-    dataset,
-    seriesFormatters
+    dataset
   };
-  const cartesianContextProps = {
+  const cartesianProviderProps = {
     xAxis: defaultizedXAxis,
     yAxis: defaultizedYAxis,
-    dataset,
-    xExtremumGetters,
-    yExtremumGetters
+    dataset
   };
   const zAxisContextProps = {
     zAxis,
@@ -82,12 +79,12 @@ const useChartContainerProps = (props, ref) => {
   return {
     children,
     drawingProviderProps,
-    colorProviderProps,
     seriesProviderProps,
-    cartesianContextProps,
+    cartesianProviderProps,
     zAxisContextProps,
     highlightedProviderProps,
     chartsSurfaceProps,
+    pluginProviderProps,
     xAxis: defaultizedXAxis,
     yAxis: defaultizedYAxis
   };

package/ChartContainer/useDefaultizeAxis.d.ts

@@ -9,12 +9,12 @@ export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleN
     label?: string | undefined;
     max?: (number | Date) | undefined;
     min?: (number | Date) | undefined;
+    sx?: import("@mui/system").SxProps | undefined;
     classes?: Partial<import("..").ChartsAxisClasses> | undefined;
     slots?: Partial<import("../models/axis").ChartsAxisSlots> | undefined;
     slotProps?: Partial<import("../models/axis").ChartsAxisSlotProps> | undefined;
     dataKey?: string | undefined;
     valueFormatter?: ((value: any, context: import("../models/axis").AxisValueFormatterContext) => string) | undefined;
-    colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
     tickMaxStep?: number | undefined;
     tickMinStep?: number | undefined;
     tickNumber?: number | undefined;
@@ -30,6 +30,7 @@ export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleN
     tickPlacement?: ("start" | "end" | "middle" | "extremities") | undefined;
     tickLabelPlacement?: ("middle" | "tick") | undefined;
     scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
+    colorMap?: import("../models/colorMapping").ContinuousColorConfig<number | Date> | import("../models/colorMapping").PiecewiseColorConfig<number | Date> | import("../models/colorMapping").OrdinalColorConfig<string | number | Date> | undefined;
     hideTooltip?: boolean | undefined;
     id: import("../models/axis").AxisId;
 }[][];

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -11,7 +11,7 @@ var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _CartesianProvider = require("../context/CartesianProvider");
 var _DefaultChartsAxisTooltipContent = require("./DefaultChartsAxisTooltipContent");
 var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
-var _useColor = require("../hooks/useColor");
+var _useColorProcessor = require("../context/PluginProvider/useColorProcessor");
 var _isCartesian = require("../internals/isCartesian");
 var _useSeries = require("../hooks/useSeries");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -42,7 +42,7 @@ function ChartsAxisTooltipContent(props) {
     zAxis
   } = React.useContext(_ZAxisContextProvider.ZAxisContext);
   const series = (0, _useSeries.useSeries)();
-  const colorProcessors = (0, _useColor.useColorProcessor)();
+  const colorProcessors = (0, _useColorProcessor.useColorProcessor)();
   const USED_AXIS_ID = isXaxis ? xAxisIds[0] : yAxisIds[0];
   const relevantSeries = React.useMemo(() => {
     const rep = [];

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -11,7 +11,7 @@ var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _DefaultChartsItemTooltipContent = require("./DefaultChartsItemTooltipContent");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
-var _useColor = require("../hooks/useColor");
+var _useColorProcessor = require("../context/PluginProvider/useColorProcessor");
 var _useSeries = require("../hooks/useSeries");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -38,7 +38,7 @@ function ChartsItemTooltipContent(props) {
     zAxis,
     zAxisIds
   } = React.useContext(_ZAxisContextProvider.ZAxisContext);
-  const colorProcessors = (0, _useColor.useColorProcessor)();
+  const colorProcessors = (0, _useColorProcessor.useColorProcessor)();
   const xAxisId = series.xAxisId ?? series.xAxisKey ?? xAxisIds[0];
   const yAxisId = series.yAxisId ?? series.yAxisKey ?? yAxisIds[0];
   const zAxisId = series.zAxisId ?? series.zAxisKey ?? zAxisIds[0];

package/ChartsTooltip/utils.js

@@ -59,8 +59,10 @@ function useMouseTracker() {
     if (element === null) {
       return () => {};
     }
-    const handleOut = () => {
-      setMousePosition(null);
+    const handleOut = event => {
+      if (event.pointerType !== 'mouse') {
+        setMousePosition(null);
+      }
     };
     const handleMove = event => {
       setMousePosition({