@mui/x-charts 7.12.0 → 7.13.0

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

package/esm/BarChart/BarChart.js

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

package/esm/BarChart/BarPlot.js

@@ -12,7 +12,7 @@ import { BarClipPath } from './BarClipPath';
 import { BarLabelPlot } from './BarLabel/BarLabelPlot';
 import { checkScaleErrors } from './checkScaleErrors';
 import { useBarSeries } from '../hooks/useSeries';
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Solution of the equations
  * W = barWidth * N + offset * (N-1)
@@ -22,7 +22,6 @@ import { useBarSeries } from '../hooks/useSeries';
  * @param gapRatio The ratio of the gap between bars over the bar width.
  * @returns The bar width and the offset between bars.
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function getBandSize({
   bandWidth: W,
   numberOfGroups: N,

package/esm/BarChart/extremums.js

@@ -16,9 +16,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]);
 };
 export const getExtremumX = params => {
   // Notice that bar should be all horizontal or all vertical.

package/esm/BarChart/getColor.js

@@ -1,4 +1,4 @@
-export default function getColor(series, xAxis, yAxis) {
+const getColor = (series, xAxis, yAxis) => {
   const verticalLayout = series.layout === 'vertical';
   const bandColorScale = verticalLayout ? xAxis?.colorScale : yAxis?.colorScale;
   const valueColorScale = verticalLayout ? yAxis?.colorScale : xAxis?.colorScale;
@@ -24,4 +24,5 @@ export default function getColor(series, xAxis, yAxis) {
     };
   }
   return () => series.color;
-}
+};
+export default getColor;