@mui/x-charts 7.12.0 → 7.12.1

package/context/CartesianProvider/CartesianProvider.js

@@ -9,6 +9,8 @@ var _useDrawingArea = require("../../hooks/useDrawingArea");
 var _useSeries = require("../../hooks/useSeries");
 var _CartesianContext = require("./CartesianContext");
 var _computeValue = require("./computeValue");
+var _useXExtremumGetter = require("../PluginProvider/useXExtremumGetter");
+var _PluginProvider = require("../PluginProvider");
 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); }
 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; }
@@ -17,12 +19,12 @@ function CartesianContextProvider(props) {
     xAxis,
     yAxis,
     dataset,
-    xExtremumGetters,
-    yExtremumGetters,
     children
   } = props;
   const formattedSeries = (0, _useSeries.useSeries)();
   const drawingArea = (0, _useDrawingArea.useDrawingArea)();
+  const xExtremumGetters = (0, _useXExtremumGetter.useXExtremumGetter)();
+  const yExtremumGetters = (0, _PluginProvider.useYExtremumGetter)();
   const xValues = React.useMemo(() => (0, _computeValue.computeValue)({
     drawingArea,
     formattedSeries,

package/context/CartesianProvider/computeValue.d.ts

@@ -1,9 +1,10 @@
 import { AxisConfig, ScaleName } from '../../models';
 import { ChartsXAxisProps, ChartsAxisProps, ChartsYAxisProps, AxisId } from '../../models/axis';
-import { CartesianChartSeriesType, DatasetType, ExtremumGetter } from '../../models/seriesType/config';
+import { CartesianChartSeriesType, DatasetType } from '../../models/seriesType/config';
 import { DefaultizedAxisConfig } from './CartesianContext';
 import { DrawingArea } from '../DrawingProvider';
 import { FormattedSeries } from '../SeriesProvider';
+import { ExtremumGetter } from '../PluginProvider';
 export declare function computeValue(options: {
     drawingArea: DrawingArea;
     formattedSeries: FormattedSeries;

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -14,7 +14,6 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     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 +29,7 @@ export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName,
     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/context/CartesianProvider/getAxisExtremum.d.ts

@@ -1,4 +1,4 @@
-import { AxisConfig, ExtremumGettersConfig } from '../../models';
-import { ExtremumGetterResult } from '../../models/seriesType/config';
+import { AxisConfig } from '../../models';
 import { FormattedSeries } from '../SeriesProvider';
+import { ExtremumGettersConfig, ExtremumGetterResult } from '../PluginProvider';
 export declare const getAxisExtremum: (axis: AxisConfig, getters: ExtremumGettersConfig, isDefaultAxis: boolean, formattedSeries: FormattedSeries) => ExtremumGetterResult;

package/context/PluginProvider/ColorProcessor.types.d.ts

@@ -0,0 +1,8 @@
+import type { AxisDefaultized } from '../../models/axis';
+import type { DefaultizedSeriesType } from '../../models/seriesType';
+import type { ZAxisDefaultized } from '../../models/z-axis';
+import type { ChartSeriesType } from '../../models/seriesType/config';
+export type ColorProcessor<T extends ChartSeriesType> = (series: DefaultizedSeriesType<T>, xAxis?: AxisDefaultized, yAxis?: AxisDefaultized, zAxis?: ZAxisDefaultized) => (dataIndex: number) => string;
+export type ColorProcessorsConfig<T extends ChartSeriesType> = {
+    [Key in T]?: ColorProcessor<Key>;
+};

package/context/PluginProvider/ExtremumGetter.types.d.ts

@@ -0,0 +1,14 @@
+import type { CartesianChartSeriesType, ChartSeries, ChartSeriesType } from '../../models/seriesType/config';
+import type { AxisConfig } from '../../models/axis';
+import type { SeriesId } from '../../models/seriesType/common';
+export type ExtremumGettersConfig<T extends ChartSeriesType = CartesianChartSeriesType> = {
+    [K in T]?: ExtremumGetter<K>;
+};
+type ExtremumGetterParams<T extends ChartSeriesType> = {
+    series: Record<SeriesId, ChartSeries<T>>;
+    axis: AxisConfig;
+    isDefaultAxis: boolean;
+};
+export type ExtremumGetterResult = [number, number] | [null, null];
+export type ExtremumGetter<T extends ChartSeriesType> = (params: ExtremumGetterParams<T>) => ExtremumGetterResult;
+export {};

package/context/PluginProvider/ExtremumGetter.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/context/PluginProvider/Plugin.types.d.ts

@@ -0,0 +1,25 @@
+import type { ChartSeriesType } from '../../models/seriesType/config';
+import type { ColorProcessor, ColorProcessorsConfig } from './ColorProcessor.types';
+import type { ExtremumGetter, ExtremumGettersConfig } from './ExtremumGetter.types';
+import type { SeriesFormatter, SeriesFormatterConfig } from './SeriesFormatter.types';
+export type PluginProviderProps = {
+    /**
+     * An array of plugins defining how to preprocess data.
+     * If not provided, the container supports line, bar, scatter and pie charts.
+     */
+    plugins?: ChartsPlugin<ChartSeriesType>[];
+    children: React.ReactNode;
+};
+export type PluginContextState = {
+    seriesFormatters: SeriesFormatterConfig<ChartSeriesType>;
+    colorProcessors: ColorProcessorsConfig<ChartSeriesType>;
+    xExtremumGetters: ExtremumGettersConfig<ChartSeriesType>;
+    yExtremumGetters: ExtremumGettersConfig<ChartSeriesType>;
+};
+export type ChartsPlugin<T> = T extends ChartSeriesType ? {
+    seriesType: T;
+    seriesFormatter: SeriesFormatter<T>;
+    colorProcessor: ColorProcessor<T>;
+    xExtremumGetter?: ExtremumGetter<T>;
+    yExtremumGetter?: ExtremumGetter<T>;
+} : never;

package/context/PluginProvider/Plugin.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/context/PluginProvider/PluginContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Initializable } from '../context.types';
+import { PluginContextState } from './Plugin.types';
+export declare const PluginContext: React.Context<Initializable<PluginContextState>>;

package/{hooks/useColor.js → context/PluginProvider/PluginContext.js}

@@ -3,15 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useColorProcessor = useColorProcessor;
+exports.PluginContext = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _ColorProvider = require("../context/ColorProvider");
 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 useColorProcessor(seriesType) {
-  const colorProcessors = React.useContext(_ColorProvider.ColorContext);
-  if (!seriesType) {
-    return colorProcessors;
+const PluginContext = exports.PluginContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {
+    colorProcessors: {},
+    seriesFormatters: {},
+    xExtremumGetters: {},
+    yExtremumGetters: {}
   }
-  return colorProcessors[seriesType];
+});
+if (process.env.NODE_ENV !== 'production') {
+  PluginContext.displayName = 'PluginContext';
 }

package/context/PluginProvider/PluginProvider.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { PluginProviderProps } from './Plugin.types';
+declare function PluginProvider(props: PluginProviderProps): React.JSX.Element;
+export { PluginProvider };

package/context/{ColorProvider.js → PluginProvider/PluginProvider.js}

@@ -3,23 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ColorContext = void 0;
-exports.ColorProvider = ColorProvider;
+exports.PluginProvider = PluginProvider;
 var React = _interopRequireWildcard(require("react"));
+var _PluginContext = require("./PluginContext");
+var _mergePlugins = require("./mergePlugins");
 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); }
 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 ColorContext = exports.ColorContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  ColorContext.displayName = 'ColorContext';
-}
-function ColorProvider(props) {
+function PluginProvider(props) {
   const {
-    colorProcessors,
-    children
+    children,
+    plugins
   } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColorContext.Provider, {
-    value: colorProcessors,
+  const formattedSeries = React.useMemo(() => ({
+    isInitialized: true,
+    data: (0, _mergePlugins.mergePlugins)(plugins)
+  }), [plugins]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PluginContext.PluginContext.Provider, {
+    value: formattedSeries,
     children: children
   });
 }

package/context/PluginProvider/SeriesFormatter.types.d.ts

@@ -0,0 +1,21 @@
+import type { ChartSeriesDefaultized, ChartSeriesType, ChartsSeriesConfig, DatasetType } from '../../models/seriesType/config';
+import type { SeriesId } from '../../models/seriesType/common';
+import type { StackingGroupsType } from '../../internals/stackSeries';
+import type { LegendItemParams } from '../../ChartsLegend/chartsLegend.types';
+export type SeriesFormatterParams<T extends ChartSeriesType> = {
+    series: Record<SeriesId, ChartsSeriesConfig[T]['seriesInput']>;
+    seriesOrder: SeriesId[];
+};
+export type SeriesFormatterResult<T extends ChartSeriesType> = {
+    series: Record<SeriesId, ChartSeriesDefaultized<T>>;
+    seriesOrder: SeriesId[];
+} & (ChartsSeriesConfig[T] extends {
+    canBeStacked: true;
+} ? {
+    stackingGroups: StackingGroupsType;
+} : {});
+export type SeriesFormatter<T extends ChartSeriesType> = (params: SeriesFormatterParams<T>, dataset?: DatasetType) => SeriesFormatterResult<T>;
+export type LegendGetter<T extends ChartSeriesType> = (series: SeriesFormatterResult<T>) => LegendItemParams[];
+export type SeriesFormatterConfig<T extends ChartSeriesType = ChartSeriesType> = {
+    [K in T]?: (series: SeriesFormatterParams<K>, dataset?: DatasetType) => any;
+};

package/context/PluginProvider/SeriesFormatter.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/context/PluginProvider/index.d.ts

@@ -0,0 +1,10 @@
+export * from './PluginProvider';
+export * from './Plugin.types';
+export * from './PluginContext';
+export * from './ColorProcessor.types';
+export * from './SeriesFormatter.types';
+export * from './ExtremumGetter.types';
+export * from './useColorProcessor';
+export * from './useSeriesFormatter';
+export * from './useXExtremumGetter';
+export * from './useYExtremumGetter';

package/context/PluginProvider/index.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _PluginProvider = require("./PluginProvider");
+Object.keys(_PluginProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PluginProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PluginProvider[key];
+    }
+  });
+});
+var _Plugin = require("./Plugin.types");
+Object.keys(_Plugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Plugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Plugin[key];
+    }
+  });
+});
+var _PluginContext = require("./PluginContext");
+Object.keys(_PluginContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PluginContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PluginContext[key];
+    }
+  });
+});
+var _ColorProcessor = require("./ColorProcessor.types");
+Object.keys(_ColorProcessor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ColorProcessor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ColorProcessor[key];
+    }
+  });
+});
+var _SeriesFormatter = require("./SeriesFormatter.types");
+Object.keys(_SeriesFormatter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SeriesFormatter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SeriesFormatter[key];
+    }
+  });
+});
+var _ExtremumGetter = require("./ExtremumGetter.types");
+Object.keys(_ExtremumGetter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ExtremumGetter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ExtremumGetter[key];
+    }
+  });
+});
+var _useColorProcessor = require("./useColorProcessor");
+Object.keys(_useColorProcessor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useColorProcessor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useColorProcessor[key];
+    }
+  });
+});
+var _useSeriesFormatter = require("./useSeriesFormatter");
+Object.keys(_useSeriesFormatter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useSeriesFormatter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useSeriesFormatter[key];
+    }
+  });
+});
+var _useXExtremumGetter = require("./useXExtremumGetter");
+Object.keys(_useXExtremumGetter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useXExtremumGetter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useXExtremumGetter[key];
+    }
+  });
+});
+var _useYExtremumGetter = require("./useYExtremumGetter");
+Object.keys(_useYExtremumGetter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useYExtremumGetter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useYExtremumGetter[key];
+    }
+  });
+});

package/context/PluginProvider/mergePlugins.d.ts

@@ -0,0 +1,36 @@
+import { ChartsPlugin } from './Plugin.types';
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { SeriesFormatter, SeriesFormatterConfig } from './SeriesFormatter.types';
+import { ColorProcessor, ColorProcessorsConfig } from './ColorProcessor.types';
+import { ExtremumGetter, ExtremumGettersConfig } from './ExtremumGetter.types';
+export declare const defaultPlugins: ({
+    seriesType: "bar";
+    seriesFormatter: SeriesFormatter<"bar">;
+    colorProcessor: ColorProcessor<"bar">;
+    xExtremumGetter?: ExtremumGetter<"bar"> | undefined;
+    yExtremumGetter?: ExtremumGetter<"bar"> | undefined;
+} | {
+    seriesType: "line";
+    seriesFormatter: SeriesFormatter<"line">;
+    colorProcessor: ColorProcessor<"line">;
+    xExtremumGetter?: ExtremumGetter<"line"> | undefined;
+    yExtremumGetter?: ExtremumGetter<"line"> | undefined;
+} | {
+    seriesType: "pie";
+    seriesFormatter: SeriesFormatter<"pie">;
+    colorProcessor: ColorProcessor<"pie">;
+    xExtremumGetter?: ExtremumGetter<"pie"> | undefined;
+    yExtremumGetter?: ExtremumGetter<"pie"> | undefined;
+} | {
+    seriesType: "scatter";
+    seriesFormatter: SeriesFormatter<"scatter">;
+    colorProcessor: ColorProcessor<"scatter">;
+    xExtremumGetter?: ExtremumGetter<"scatter"> | undefined;
+    yExtremumGetter?: ExtremumGetter<"scatter"> | undefined;
+})[];
+export declare function mergePlugins(plugins?: ChartsPlugin<ChartSeriesType>[]): {
+    seriesFormatters: SeriesFormatterConfig<keyof import("../../models/seriesType/config").ChartsSeriesConfig>;
+    colorProcessors: ColorProcessorsConfig<keyof import("../../models/seriesType/config").ChartsSeriesConfig>;
+    xExtremumGetters: ExtremumGettersConfig<keyof import("../../models/seriesType/config").ChartsSeriesConfig>;
+    yExtremumGetters: ExtremumGettersConfig<keyof import("../../models/seriesType/config").ChartsSeriesConfig>;
+};

package/context/PluginProvider/mergePlugins.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultPlugins = void 0;
+exports.mergePlugins = mergePlugins;
+var _plugin = require("../../BarChart/plugin");
+var _plugin2 = require("../../ScatterChart/plugin");
+var _plugin3 = require("../../LineChart/plugin");
+var _plugin4 = require("../../PieChart/plugin");
+const defaultPlugins = exports.defaultPlugins = [_plugin.plugin, _plugin2.plugin, _plugin3.plugin, _plugin4.plugin];
+function mergePlugins(plugins) {
+  const defaultizedPlugins = plugins ?? defaultPlugins;
+  const seriesFormatters = {};
+  const colorProcessors = {};
+  const xExtremumGetters = {};
+  const yExtremumGetters = {};
+  for (let i = 0; i < defaultizedPlugins.length; i += 1) {
+    const plugin = defaultizedPlugins[i];
+    const seriesType = plugin.seriesType;
+    seriesFormatters[seriesType] = plugin.seriesFormatter;
+    colorProcessors[seriesType] = plugin.colorProcessor;
+    if (plugin.xExtremumGetter) {
+      xExtremumGetters[seriesType] = plugin.xExtremumGetter;
+    }
+    if (plugin.yExtremumGetter) {
+      yExtremumGetters[seriesType] = plugin.yExtremumGetter;
+    }
+  }
+  return {
+    seriesFormatters,
+    colorProcessors,
+    xExtremumGetters,
+    yExtremumGetters
+  };
+}

package/context/PluginProvider/useColorProcessor.d.ts

@@ -0,0 +1,4 @@
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { ColorProcessorsConfig } from './ColorProcessor.types';
+export declare function useColorProcessor<T extends ChartSeriesType>(seriesType: T): ColorProcessorsConfig<T>[T];
+export declare function useColorProcessor(): ColorProcessorsConfig<ChartSeriesType>;

package/context/PluginProvider/useColorProcessor.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColorProcessor = useColorProcessor;
+var React = _interopRequireWildcard(require("react"));
+var _PluginContext = require("./PluginContext");
+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 useColorProcessor(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_PluginContext.PluginContext);
+  if (!isInitialized) {
+    throw new Error(['MUI X: Could not find the plugin context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
+  }
+  if (!seriesType) {
+    return data.colorProcessors;
+  }
+  return data.colorProcessors[seriesType];
+}

package/context/PluginProvider/useSeriesFormatter.d.ts

@@ -0,0 +1,4 @@
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { SeriesFormatterConfig } from './SeriesFormatter.types';
+export declare function useSeriesFormatter<T extends ChartSeriesType>(seriesType: T): SeriesFormatterConfig<T>[T];
+export declare function useSeriesFormatter(): SeriesFormatterConfig<ChartSeriesType>;

package/context/PluginProvider/useSeriesFormatter.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSeriesFormatter = useSeriesFormatter;
+var React = _interopRequireWildcard(require("react"));
+var _PluginContext = require("./PluginContext");
+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 useSeriesFormatter(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_PluginContext.PluginContext);
+  if (!isInitialized) {
+    throw new Error(['MUI X: Could not find the plugin context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
+  }
+  if (!seriesType) {
+    return data.seriesFormatters;
+  }
+  return data.seriesFormatters[seriesType];
+}

package/context/PluginProvider/useXExtremumGetter.d.ts

@@ -0,0 +1,4 @@
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { ExtremumGettersConfig } from './ExtremumGetter.types';
+export declare function useXExtremumGetter<T extends ChartSeriesType>(seriesType: T): ExtremumGettersConfig<T>[T];
+export declare function useXExtremumGetter(): ExtremumGettersConfig<ChartSeriesType>;

package/context/PluginProvider/useXExtremumGetter.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useXExtremumGetter = useXExtremumGetter;
+var React = _interopRequireWildcard(require("react"));
+var _PluginContext = require("./PluginContext");
+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 useXExtremumGetter(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_PluginContext.PluginContext);
+  if (!isInitialized) {
+    throw new Error(['MUI X: Could not find the plugin context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
+  }
+  if (!seriesType) {
+    return data.xExtremumGetters;
+  }
+  return data.xExtremumGetters[seriesType];
+}

package/context/PluginProvider/useYExtremumGetter.d.ts

@@ -0,0 +1,4 @@
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { ExtremumGettersConfig } from './ExtremumGetter.types';
+export declare function useYExtremumGetter<T extends ChartSeriesType>(seriesType: T): ExtremumGettersConfig<T>[T];
+export declare function useYExtremumGetter(): ExtremumGettersConfig<ChartSeriesType>;

package/context/PluginProvider/useYExtremumGetter.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useYExtremumGetter = useYExtremumGetter;
+var React = _interopRequireWildcard(require("react"));
+var _PluginContext = require("./PluginContext");
+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 useYExtremumGetter(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(_PluginContext.PluginContext);
+  if (!isInitialized) {
+    throw new Error(['MUI X: Could not find the plugin context.', 'It looks like you rendered your component outside of a ChartsContainer parent component.'].join('\n'));
+  }
+  if (!seriesType) {
+    return data.yExtremumGetters;
+  }
+  return data.yExtremumGetters[seriesType];
+}

package/context/SeriesProvider/Series.types.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { AllSeriesType } from '../../models/seriesType';
-import { ChartSeriesType, DatasetType, FormatterParams, FormatterResult } from '../../models/seriesType/config';
+import { ChartSeriesType, DatasetType } from '../../models/seriesType/config';
 import { ChartsColorPalette } from '../../colorPalettes';
+import { SeriesFormatterResult } from '../PluginProvider';
 export type SeriesFormatterType<T extends ChartSeriesType> = (series: AllSeriesType<T>[], colors: string[], dataset?: DatasetType) => {
-    [type in T]?: FormatterResult<type>;
+    [type in T]?: SeriesFormatterResult<type>;
 };
 export type SeriesProviderProps<T extends ChartSeriesType = ChartSeriesType> = {
     dataset?: DatasetType;
@@ -18,15 +19,8 @@ export type SeriesProviderProps<T extends ChartSeriesType = ChartSeriesType> = {
      * @default blueberryTwilightPalette
      */
     colors?: ChartsColorPalette;
-    /**
-     * Preprocessors for each series types.
-     */
-    seriesFormatters: SeriesFormatterConfig<T>;
     children: React.ReactNode;
 };
 export type FormattedSeries = {
-    [type in ChartSeriesType]?: FormatterResult<type>;
-};
-export type SeriesFormatterConfig<T extends ChartSeriesType = ChartSeriesType> = {
-    [K in T]?: (series: FormatterParams<K>, dataset?: DatasetType) => any;
+    [type in ChartSeriesType]?: SeriesFormatterResult<type>;
 };

package/context/SeriesProvider/SeriesProvider.js

@@ -9,6 +9,7 @@ var _styles = require("@mui/material/styles");
 var _colorPalettes = require("../../colorPalettes");
 var _SeriesContext = require("./SeriesContext");
 var _processSeries = require("./processSeries");
+var _PluginProvider = require("../PluginProvider");
 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); }
 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; }
@@ -17,9 +18,9 @@ function SeriesProvider(props) {
     series,
     dataset,
     colors = _colorPalettes.blueberryTwilightPalette,
-    seriesFormatters,
     children
   } = props;
+  const seriesFormatters = (0, _PluginProvider.useSeriesFormatter)();
   const theme = (0, _styles.useTheme)();
   const formattedSeries = React.useMemo(() => ({
     isInitialized: true,

package/context/SeriesProvider/index.d.ts

@@ -5,7 +5,7 @@ declare const seriesProviderUtils: {
     preprocessSeries: <T extends import("../../internals").ChartSeriesType>({ series, colors, seriesFormatters, dataset, }: {
         series: import("../..").AllSeriesType<T>[];
         colors: string[];
-        seriesFormatters: import("./Series.types").SeriesFormatterConfig<T>;
+        seriesFormatters: import("../PluginProvider").SeriesFormatterConfig<T>;
         dataset?: import("../../internals").DatasetType;
     }) => import("./Series.types").FormattedSeries;
 };

package/context/SeriesProvider/processSeries.d.ts

@@ -1,6 +1,7 @@
 import { AllSeriesType } from '../../models/seriesType';
 import { ChartSeriesType, DatasetType } from '../../models/seriesType/config';
-import { FormattedSeries, SeriesFormatterConfig } from './Series.types';
+import { FormattedSeries } from './Series.types';
+import { SeriesFormatterConfig } from '../PluginProvider';
 /**
  * This methods is the interface between what the developer is providing and what components receives
  * To simplify the components behaviors, it groups series by type, such that LinePlots props are not updated if some line data are modified