@mui/x-charts 7.11.1 → 7.12.1

package/context/CartesianProvider/defaultizeAxis.d.ts

@@ -2,35 +2,34 @@ import { MakeOptional } from '../../models/helpers';
 import { AxisConfig, ScaleName } from '../../models';
 import { ChartsAxisProps } from '../../models/axis';
 export declare const defaultizeAxis: (inAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, axisName: "x" | "y") => {
-    reverse?: boolean;
-    fill?: string;
-    stroke?: string;
+    reverse?: boolean | undefined;
+    fill?: string | undefined;
+    stroke?: string | undefined;
     data?: any[] | undefined;
-    label?: string;
-    max?: number | Date;
-    min?: number | Date;
-    classes?: Partial<import("../..").ChartsAxisClasses>;
-    slots?: Partial<import("../../models/axis").ChartsAxisSlots>;
-    slotProps?: Partial<import("../../models/axis").ChartsAxisSlotProps>;
-    dataKey?: string;
+    label?: string | undefined;
+    max?: (number | Date) | undefined;
+    min?: (number | Date) | 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;
-    tickMinStep?: number;
-    tickNumber?: number;
-    tickPlacement?: "start" | "end" | "middle" | "extremities";
-    tickLabelPlacement?: "middle" | "tick";
-    scaleType?: "linear" | "time" | "log" | "band" | "point" | "pow" | "sqrt" | "utc" | undefined;
-    axisId?: import("../../models/axis").AxisId;
-    disableLine?: boolean;
-    disableTicks?: boolean;
-    tickFontSize?: number;
+    tickMaxStep?: number | undefined;
+    tickMinStep?: number | undefined;
+    tickNumber?: number | undefined;
+    disableLine?: boolean | undefined;
+    disableTicks?: boolean | undefined;
+    tickFontSize?: number | undefined;
     tickLabelStyle?: import("../..").ChartsTextProps["style"];
     labelStyle?: import("../..").ChartsTextProps["style"];
-    tickLabelInterval?: "auto" | ((value: any, index: number) => boolean);
-    labelFontSize?: number;
-    tickSize?: number;
-    tickInterval?: "auto" | ((value: any, index: number) => boolean) | any[];
-    hideTooltip?: boolean;
+    tickLabelInterval?: ("auto" | ((value: any, index: number) => boolean)) | undefined;
+    labelFontSize?: number | undefined;
+    tickSize?: number | undefined;
+    tickInterval?: ("auto" | ((value: any, index: number) => boolean) | any[]) | undefined;
+    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 { FormattedSeries } from '../SeriesContextProvider';
+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/context/PluginProvider/PluginContext.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PluginContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+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 PluginContext = exports.PluginContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {
+    colorProcessors: {},
+    seriesFormatters: {},
+    xExtremumGetters: {},
+    yExtremumGetters: {}
+  }
+});
+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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { AllSeriesType } from '../../models/seriesType';
+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]?: SeriesFormatterResult<type>;
+};
+export type SeriesProviderProps<T extends ChartSeriesType = ChartSeriesType> = {
+    dataset?: DatasetType;
+    /**
+     * The array of series to display.
+     * Each type of series has its own specificity.
+     * Please refer to the appropriate docs page to learn more about it.
+     */
+    series: AllSeriesType<T>[];
+    /**
+     * Color palette used to colorize multiple series.
+     * @default blueberryTwilightPalette
+     */
+    colors?: ChartsColorPalette;
+    children: React.ReactNode;
+};
+export type FormattedSeries = {
+    [type in ChartSeriesType]?: SeriesFormatterResult<type>;
+};

package/context/SeriesProvider/Series.types.js

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

package/context/SeriesProvider/SeriesContext.d.ts

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

package/{hooks/useColor.js → context/SeriesProvider/SeriesContext.js}

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useColorProcessor = useColorProcessor;
+exports.SeriesContext = 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;
-  }
-  return colorProcessors[seriesType];
+const SeriesContext = exports.SeriesContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {}
+});
+if (process.env.NODE_ENV !== 'production') {
+  SeriesContext.displayName = 'SeriesContext';
 }

package/context/SeriesProvider/SeriesProvider.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ChartSeriesType } from '../../models/seriesType/config';
+import { SeriesProviderProps } from './Series.types';
+declare function SeriesProvider<T extends ChartSeriesType>(props: SeriesProviderProps<T>): React.JSX.Element;
+export { SeriesProvider };