@mui/x-charts 7.12.0 → 7.12.1

package/modern/ChartContainer/useChartContainerProps.js

@@ -1,8 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["width", "height", "series", "margin", "xAxis", "yAxis", "zAxis", "colors", "dataset", "sx", "title", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "children"];
-import { useChartContainerHooks } from './useChartContainerHooks';
+import * as React from 'react';
+import useForkRef from '@mui/utils/useForkRef';
 import { useDefaultizeAxis } from './useDefaultizeAxis';
+import { useReducedMotion } from '../hooks/useReducedMotion';
 export const useChartContainerProps = (props, ref) => {
   const {
       width,
@@ -24,14 +26,10 @@ export const useChartContainerProps = (props, ref) => {
       children
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    svgRef,
-    chartSurfaceRef,
-    xExtremumGetters,
-    yExtremumGetters,
-    seriesFormatters,
-    colorProcessors
-  } = useChartContainerHooks(ref, plugins);
+  const svgRef = React.useRef(null);
+  const chartSurfaceRef = useForkRef(ref, svgRef);
+  useReducedMotion(); // a11y reduce motion (see: https://react-spring.dev/docs/utilities/use-reduced-motion)
+
   const [defaultizedXAxis, defaultizedYAxis] = useDefaultizeAxis(xAxis, yAxis);
   const drawingProviderProps = {
     width,
@@ -39,21 +37,18 @@ export const useChartContainerProps = (props, ref) => {
     margin,
     svgRef
   };
-  const colorProviderProps = {
-    colorProcessors
+  const pluginProviderProps = {
+    plugins
   };
   const seriesProviderProps = {
     series,
     colors,
-    dataset,
-    seriesFormatters
+    dataset
   };
   const cartesianContextProps = {
     xAxis: defaultizedXAxis,
     yAxis: defaultizedYAxis,
-    dataset,
-    xExtremumGetters,
-    yExtremumGetters
+    dataset
   };
   const zAxisContextProps = {
     zAxis,
@@ -75,12 +70,12 @@ export const useChartContainerProps = (props, ref) => {
   return {
     children,
     drawingProviderProps,
-    colorProviderProps,
     seriesProviderProps,
     cartesianContextProps,
     zAxisContextProps,
     highlightedProviderProps,
     chartsSurfaceProps,
+    pluginProviderProps,
     xAxis: defaultizedXAxis,
     yAxis: defaultizedYAxis
   };

package/modern/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -4,7 +4,7 @@ import useSlotProps from '@mui/utils/useSlotProps';
 import { useCartesianContext } from '../context/CartesianProvider';
 import { DefaultChartsAxisTooltipContent } from './DefaultChartsAxisTooltipContent';
 import { ZAxisContext } from '../context/ZAxisContextProvider';
-import { useColorProcessor } from '../hooks/useColor';
+import { useColorProcessor } from '../context/PluginProvider/useColorProcessor';
 import { isCartesianSeriesType } from '../internals/isCartesian';
 import { useSeries } from '../hooks/useSeries';
 import { jsx as _jsx } from "react/jsx-runtime";

package/modern/ChartsTooltip/ChartsItemTooltipContent.js

@@ -4,7 +4,7 @@ import useSlotProps from '@mui/utils/useSlotProps';
 import { DefaultChartsItemTooltipContent } from './DefaultChartsItemTooltipContent';
 import { useCartesianContext } from '../context/CartesianProvider';
 import { ZAxisContext } from '../context/ZAxisContextProvider';
-import { useColorProcessor } from '../hooks/useColor';
+import { useColorProcessor } from '../context/PluginProvider/useColorProcessor';
 import { useSeries } from '../hooks/useSeries';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**

package/modern/LineChart/getColor.js

@@ -1,4 +1,4 @@
-export default function getColor(series, xAxis, yAxis) {
+const getColor = (series, xAxis, yAxis) => {
   const yColorScale = yAxis?.colorScale;
   const xColorScale = xAxis?.colorScale;
   if (yColorScale) {
@@ -22,4 +22,5 @@ export default function getColor(series, xAxis, yAxis) {
     };
   }
   return () => series.color;
-}
+};
+export default getColor;

package/modern/PieChart/getColor.js

@@ -1,5 +1,6 @@
-export default function getColor(series) {
+const getColor = series => {
   return dataIndex => {
     return series.data[dataIndex].color;
   };
-}
+};
+export default getColor;

package/modern/ScatterChart/getColor.js

@@ -1,4 +1,4 @@
-export default function getColor(series, xAxis, yAxis, zAxis) {
+const getColor = (series, xAxis, yAxis, zAxis) => {
   const zColorScale = zAxis?.colorScale;
   const yColorScale = yAxis?.colorScale;
   const xColorScale = xAxis?.colorScale;
@@ -39,4 +39,5 @@ export default function getColor(series, xAxis, yAxis, zAxis) {
     };
   }
   return () => series.color;
-}
+};
+export default getColor;

package/modern/context/CartesianProvider/CartesianProvider.js

@@ -3,18 +3,20 @@ import { useDrawingArea } from '../../hooks/useDrawingArea';
 import { useSeries } from '../../hooks/useSeries';
 import { CartesianContext } from './CartesianContext';
 import { computeValue } from './computeValue';
+import { useXExtremumGetter } from '../PluginProvider/useXExtremumGetter';
+import { useYExtremumGetter } from '../PluginProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 function CartesianContextProvider(props) {
   const {
     xAxis,
     yAxis,
     dataset,
-    xExtremumGetters,
-    yExtremumGetters,
     children
   } = props;
   const formattedSeries = useSeries();
   const drawingArea = useDrawingArea();
+  const xExtremumGetters = useXExtremumGetter();
+  const yExtremumGetters = useYExtremumGetter();
   const xValues = React.useMemo(() => computeValue({
     drawingArea,
     formattedSeries,

package/modern/context/PluginProvider/ColorProcessor.types.js

@@ -0,0 +1 @@
+export {};

package/modern/context/PluginProvider/ExtremumGetter.types.js

@@ -0,0 +1 @@
+export {};

package/modern/context/PluginProvider/Plugin.types.js

@@ -0,0 +1 @@
+export {};

package/modern/context/PluginProvider/PluginContext.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export const PluginContext = /*#__PURE__*/React.createContext({
+  isInitialized: false,
+  data: {
+    colorProcessors: {},
+    seriesFormatters: {},
+    xExtremumGetters: {},
+    yExtremumGetters: {}
+  }
+});
+if (process.env.NODE_ENV !== 'production') {
+  PluginContext.displayName = 'PluginContext';
+}

package/modern/context/PluginProvider/PluginProvider.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { PluginContext } from './PluginContext';
+import { mergePlugins } from './mergePlugins';
+import { jsx as _jsx } from "react/jsx-runtime";
+function PluginProvider(props) {
+  const {
+    children,
+    plugins
+  } = props;
+  const formattedSeries = React.useMemo(() => ({
+    isInitialized: true,
+    data: mergePlugins(plugins)
+  }), [plugins]);
+  return /*#__PURE__*/_jsx(PluginContext.Provider, {
+    value: formattedSeries,
+    children: children
+  });
+}
+export { PluginProvider };

package/modern/context/PluginProvider/SeriesFormatter.types.js

@@ -0,0 +1 @@
+export {};

package/modern/context/PluginProvider/index.js

@@ -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/modern/context/PluginProvider/mergePlugins.js

@@ -0,0 +1,30 @@
+import { plugin as barPlugin } from '../../BarChart/plugin';
+import { plugin as scatterPlugin } from '../../ScatterChart/plugin';
+import { plugin as linePlugin } from '../../LineChart/plugin';
+import { plugin as piePlugin } from '../../PieChart/plugin';
+export const defaultPlugins = [barPlugin, scatterPlugin, linePlugin, piePlugin];
+export 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/modern/context/PluginProvider/useColorProcessor.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { PluginContext } from './PluginContext';
+export function useColorProcessor(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(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/modern/context/PluginProvider/useSeriesFormatter.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { PluginContext } from './PluginContext';
+export function useSeriesFormatter(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(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/modern/context/PluginProvider/useXExtremumGetter.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { PluginContext } from './PluginContext';
+export function useXExtremumGetter(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(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/modern/context/PluginProvider/useYExtremumGetter.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { PluginContext } from './PluginContext';
+export function useYExtremumGetter(seriesType) {
+  const {
+    isInitialized,
+    data
+  } = React.useContext(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/modern/context/SeriesProvider/SeriesProvider.js

@@ -3,15 +3,16 @@ import { useTheme } from '@mui/material/styles';
 import { blueberryTwilightPalette } from '../../colorPalettes';
 import { SeriesContext } from './SeriesContext';
 import { preprocessSeries } from './processSeries';
+import { useSeriesFormatter } from '../PluginProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 function SeriesProvider(props) {
   const {
     series,
     dataset,
     colors = blueberryTwilightPalette,
-    seriesFormatters,
     children
   } = props;
+  const seriesFormatters = useSeriesFormatter();
   const theme = useTheme();
   const formattedSeries = React.useMemo(() => ({
     isInitialized: true,

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v7.12.0
+ * @mui/x-charts v7.12.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/index.js

@@ -25,10 +25,10 @@ export * from './isDefined';
 
 export * from '../context/CartesianProvider';
 export * from '../context/DrawingProvider';
-export * from '../context/ColorProvider';
 export * from '../context/InteractionProvider';
 export * from '../context/SeriesProvider';
 export * from '../context/ZAxisContextProvider';
+export * from '../context/PluginProvider';
 // series configuration
 export * from '../models/seriesType/config';
 export * from '../models/seriesType/common';

package/modern/models/index.js

@@ -1,5 +1,4 @@
 export * from './seriesType';
 export * from './layout';
 export * from './stacking';
-export * from './plugin';
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.12.0",
+  "version": "7.12.1",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -36,7 +36,7 @@
     "@react-spring/web": "^9.7.4",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts-vendor": "7.12.0"
+    "@mui/x-charts-vendor": "7.12.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/ChartContainer/defaultPlugins.d.ts

@@ -1,2 +0,0 @@
-import { ChartsPluginType } from '../models';
-export declare const defaultPlugins: ChartsPluginType<'bar' | 'scatter' | 'line' | 'pie'>[];

package/ChartContainer/defaultPlugins.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultPlugins = void 0;
-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];

package/ChartContainer/useChartContainerHooks.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { ChartsPluginType } from '../models';
-import { ChartSeriesType } from '../models/seriesType/config';
-export declare const useChartContainerHooks: (ref: React.ForwardedRef<unknown> | null, plugins?: ChartsPluginType<ChartSeriesType>[]) => {
-    svgRef: React.RefObject<SVGSVGElement>;
-    chartSurfaceRef: ((instance: unknown) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
-    xExtremumGetters: import("../models").ExtremumGettersConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
-    yExtremumGetters: import("../models").ExtremumGettersConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
-    seriesFormatters: import("../internals").SeriesFormatterConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
-    colorProcessors: import("../models").ColorProcessorsConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>;
-};

package/ChartContainer/useChartContainerHooks.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useChartContainerHooks = void 0;
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var React = _interopRequireWildcard(require("react"));
-var _usePluginsMerge = require("./usePluginsMerge");
-var _useReducedMotion = require("../hooks/useReducedMotion");
-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 useChartContainerHooks = (ref, plugins) => {
-  const svgRef = React.useRef(null);
-  const chartSurfaceRef = (0, _useForkRef.default)(ref, svgRef);
-  const {
-    xExtremumGetters,
-    yExtremumGetters,
-    seriesFormatters,
-    colorProcessors
-  } = (0, _usePluginsMerge.usePluginsMerge)(plugins);
-  (0, _useReducedMotion.useReducedMotion)(); // a11y reduce motion (see: https://react-spring.dev/docs/utilities/use-reduced-motion)
-
-  return {
-    svgRef,
-    chartSurfaceRef,
-    xExtremumGetters,
-    yExtremumGetters,
-    seriesFormatters,
-    colorProcessors
-  };
-};
-exports.useChartContainerHooks = useChartContainerHooks;

package/ChartContainer/usePluginsMerge.d.ts

@@ -1,9 +0,0 @@
-import { ChartsPluginType, ColorProcessorsConfig, ExtremumGettersConfig } from '../models';
-import { ChartSeriesType } from '../models/seriesType/config';
-import { SeriesFormatterConfig } from '../context/SeriesProvider';
-export declare function usePluginsMerge<T extends ChartSeriesType>(plugins?: ChartsPluginType<T>[]): {
-    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/ChartContainer/usePluginsMerge.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePluginsMerge = usePluginsMerge;
-var React = _interopRequireWildcard(require("react"));
-var _defaultPlugins = require("./defaultPlugins");
-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 usePluginsMerge(plugins) {
-  const defaultizedPlugins = plugins ?? _defaultPlugins.defaultPlugins;
-  return React.useMemo(() => {
-    const seriesFormatters = {};
-    const colorProcessors = {};
-    const xExtremumGetters = {};
-    const yExtremumGetters = {};
-    for (let i = 0; i < defaultizedPlugins.length; i += 1) {
-      const plugin = defaultizedPlugins[i];
-
-      // To remove those any we will need to solve this union discrimination issue:
-      // https://www.typescriptlang.org/play/?#code/FDAuE8AcFMAIDkCuBbARtATgYQPYDsAzASwHNYBeWAb2FlgGsi8ATALlgHI8V0MOBuWrBwwMAQ1A4M7ABQAPdtzSYAlBQB8sJb0EBfEBBiwAyqAxMSuQqQrUhjFuw4BnMxYFCRmCVNkLYruZ4JGrkmoEWeiAAxviuWqhWxCTsSMrY+Mm2VAxMbLAARNqYBQA0wqI+0rByGrAATLAAVDWw+rF48YFJpOymQZaZNpQ5DvkFEcFlFd6S1bVhsAAG9S0AJFRyukttMXGgsB3JzrYA2niJQyTl3VcAugZQcADylXPOALJikJAW2ULFDAAflSPEwPRIpw4XnEcw4d1KQkmJBBJjcwQhUJhVXhiN0gmAHXi2LmXx+FnYr1mUk+31+wWy+JABCksBkABtoAcjjYcARDldnGoaCA6AB6MWwADqUnoJxw9FgRH5AHc4L9ooroGJogALQ5iZxwPJEABuRGYiDE7PASJVRFAerZPJIADoxsKhHRooa4FwwXxWF66DNYVIyfTIS73Xk7rZoySpIIQyHUBhtfRkyGfUbOMiOEGU3RExgIxZTtGxnHKAm3kng8xoAQxIh2aBC0W0xms-pvftqLkWOUS2141chBLYABJDimuB4HBKxtiWBiVA4RAHXU4FWwSSwTkHAAqxlgiBYmFcYhYAusbrGq5vtepGFX6YPTHo0GYnjrpbp5ZVrYJZ6EAA
-      seriesFormatters[plugin.seriesType] = plugin.seriesFormatter;
-      colorProcessors[plugin.seriesType] = plugin.colorProcessor;
-      if (plugin.xExtremumGetter) {
-        xExtremumGetters[plugin.seriesType] = plugin.xExtremumGetter;
-      }
-      if (plugin.yExtremumGetter) {
-        yExtremumGetters[plugin.seriesType] = plugin.yExtremumGetter;
-      }
-    }
-    return {
-      seriesFormatters,
-      colorProcessors,
-      xExtremumGetters,
-      yExtremumGetters
-    };
-  }, [defaultizedPlugins]);
-}

package/context/ColorProvider.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { ColorProcessorsConfig } from '../models';
-import { ChartSeriesType } from '../models/seriesType/config';
-export interface ColorProviderProps {
-    children: React.ReactNode;
-    /**
-     * A mapping defining for each series type how to get item colors.
-     */
-    colorProcessors: ColorProcessorsConfig<ChartSeriesType>;
-}
-export declare const ColorContext: React.Context<ColorProcessorsConfig<keyof import("../models/seriesType/config").ChartsSeriesConfig>>;
-export declare function ColorProvider(props: ColorProviderProps): React.JSX.Element;

package/esm/ChartContainer/defaultPlugins.js

@@ -1,5 +0,0 @@
-import { plugin as barPlugin } from '../BarChart/plugin';
-import { plugin as scatterPlugin } from '../ScatterChart/plugin';
-import { plugin as linePlugin } from '../LineChart/plugin';
-import { plugin as piePlugin } from '../PieChart/plugin';
-export const defaultPlugins = [barPlugin, scatterPlugin, linePlugin, piePlugin];

package/esm/ChartContainer/useChartContainerHooks.js

@@ -1,24 +0,0 @@
-import useForkRef from '@mui/utils/useForkRef';
-import * as React from 'react';
-import { usePluginsMerge } from './usePluginsMerge';
-import { useReducedMotion } from '../hooks/useReducedMotion';
-export const useChartContainerHooks = (ref, plugins) => {
-  const svgRef = React.useRef(null);
-  const chartSurfaceRef = useForkRef(ref, svgRef);
-  const {
-    xExtremumGetters,
-    yExtremumGetters,
-    seriesFormatters,
-    colorProcessors
-  } = usePluginsMerge(plugins);
-  useReducedMotion(); // a11y reduce motion (see: https://react-spring.dev/docs/utilities/use-reduced-motion)
-
-  return {
-    svgRef,
-    chartSurfaceRef,
-    xExtremumGetters,
-    yExtremumGetters,
-    seriesFormatters,
-    colorProcessors
-  };
-};

package/esm/ChartContainer/usePluginsMerge.js

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { defaultPlugins } from './defaultPlugins';
-export function usePluginsMerge(plugins) {
-  const defaultizedPlugins = plugins ?? defaultPlugins;
-  return React.useMemo(() => {
-    const seriesFormatters = {};
-    const colorProcessors = {};
-    const xExtremumGetters = {};
-    const yExtremumGetters = {};
-    for (let i = 0; i < defaultizedPlugins.length; i += 1) {
-      const plugin = defaultizedPlugins[i];
-
-      // To remove those any we will need to solve this union discrimination issue:
-      // https://www.typescriptlang.org/play/?#code/FDAuE8AcFMAIDkCuBbARtATgYQPYDsAzASwHNYBeWAb2FlgGsi8ATALlgHI8V0MOBuWrBwwMAQ1A4M7ABQAPdtzSYAlBQB8sJb0EBfEBBiwAyqAxMSuQqQrUhjFuw4BnMxYFCRmCVNkLYruZ4JGrkmoEWeiAAxviuWqhWxCTsSMrY+Mm2VAxMbLAARNqYBQA0wqI+0rByGrAATLAAVDWw+rF48YFJpOymQZaZNpQ5DvkFEcFlFd6S1bVhsAAG9S0AJFRyukttMXGgsB3JzrYA2niJQyTl3VcAugZQcADylXPOALJikJAW2ULFDAAflSPEwPRIpw4XnEcw4d1KQkmJBBJjcwQhUJhVXhiN0gmAHXi2LmXx+FnYr1mUk+31+wWy+JABCksBkABtoAcjjYcARDldnGoaCA6AB6MWwADqUnoJxw9FgRH5AHc4L9ooroGJogALQ5iZxwPJEABuRGYiDE7PASJVRFAerZPJIADoxsKhHRooa4FwwXxWF66DNYVIyfTIS73Xk7rZoySpIIQyHUBhtfRkyGfUbOMiOEGU3RExgIxZTtGxnHKAm3kng8xoAQxIh2aBC0W0xms-pvftqLkWOUS2141chBLYABJDimuB4HBKxtiWBiVA4RAHXU4FWwSSwTkHAAqxlgiBYmFcYhYAusbrGq5vtepGFX6YPTHo0GYnjrpbp5ZVrYJZ6EAA
-      seriesFormatters[plugin.seriesType] = plugin.seriesFormatter;
-      colorProcessors[plugin.seriesType] = plugin.colorProcessor;
-      if (plugin.xExtremumGetter) {
-        xExtremumGetters[plugin.seriesType] = plugin.xExtremumGetter;
-      }
-      if (plugin.yExtremumGetter) {
-        yExtremumGetters[plugin.seriesType] = plugin.yExtremumGetter;
-      }
-    }
-    return {
-      seriesFormatters,
-      colorProcessors,
-      xExtremumGetters,
-      yExtremumGetters
-    };
-  }, [defaultizedPlugins]);
-}

package/esm/context/ColorProvider.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ColorContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  ColorContext.displayName = 'ColorContext';
-}
-export function ColorProvider(props) {
-  const {
-    colorProcessors,
-    children
-  } = props;
-  return /*#__PURE__*/_jsx(ColorContext.Provider, {
-    value: colorProcessors,
-    children: children
-  });
-}

package/esm/hooks/useColor.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { ColorContext } from '../context/ColorProvider';
-export function useColorProcessor(seriesType) {
-  const colorProcessors = React.useContext(ColorContext);
-  if (!seriesType) {
-    return colorProcessors;
-  }
-  return colorProcessors[seriesType];
-}

package/hooks/useColor.d.ts

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

package/models/plugin.d.ts

@@ -1,19 +0,0 @@
-import { CartesianChartSeriesType, ChartSeriesType, ExtremumGetter, Formatter } from './seriesType/config';
-import { AxisDefaultized } from './axis';
-import { DefaultizedSeriesType } from './seriesType';
-import { ZAxisDefaultized } from './z-axis';
-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>;
-};
-export type ChartsPluginType<T> = T extends ChartSeriesType ? {
-    seriesType: T;
-    seriesFormatter: Formatter<T>;
-    colorProcessor: ColorProcessor<T>;
-    xExtremumGetter?: ExtremumGetter<T>;
-    yExtremumGetter?: ExtremumGetter<T>;
-} : never;
-export type ExtremumGettersConfig<T extends ChartSeriesType = CartesianChartSeriesType> = {
-    [K in T]?: ExtremumGetter<K>;
-};
-export {};

package/modern/ChartContainer/defaultPlugins.js

@@ -1,5 +0,0 @@
-import { plugin as barPlugin } from '../BarChart/plugin';
-import { plugin as scatterPlugin } from '../ScatterChart/plugin';
-import { plugin as linePlugin } from '../LineChart/plugin';
-import { plugin as piePlugin } from '../PieChart/plugin';
-export const defaultPlugins = [barPlugin, scatterPlugin, linePlugin, piePlugin];