@mui/x-charts 7.11.1 → 7.12.1

package/modern/LineChart/formatter.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { stack as d3Stack } from 'd3-shape';
+import { stack as d3Stack } from '@mui/x-charts-vendor/d3-shape';
 import { getStackingGroups } from '../internals/stackSeries';
 import { defaultizeValueFormatter } from '../internals/defaultizeValueFormatter';
 let warnedOnce = false;

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/PieArc.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["classes", "color", "cornerRadius", "dataIndex", "endAngle", "id", "innerRadius", "isFaded", "isHighlighted", "onClick", "outerRadius", "paddingAngle", "startAngle", "highlightScope"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { arc as d3Arc } from 'd3-shape';
+import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';
 import { animated, to } from '@react-spring/web';
 import composeClasses from '@mui/utils/composeClasses';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';

package/modern/PieChart/PieArcLabel.js

@@ -4,7 +4,7 @@ const _excluded = ["id", "classes", "color", "startAngle", "endAngle", "paddingA
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { animated, to } from '@react-spring/web';
-import { arc as d3Arc } from 'd3-shape';
+import { arc as d3Arc } from '@mui/x-charts-vendor/d3-shape';
 import composeClasses from '@mui/utils/composeClasses';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import { styled } from '@mui/material/styles';

package/modern/PieChart/PieChart.js

@@ -284,7 +284,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -337,7 +336,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,

package/modern/PieChart/formatter.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { pie as d3Pie } from 'd3-shape';
+import { pie as d3Pie } from '@mui/x-charts-vendor/d3-shape';
 import { getLabel } from '../internals/getLabel';
 const getSortingComparator = (comparator = 'none') => {
   if (typeof comparator === 'function') {

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/ResponsiveChartContainer/ResponsiveChartContainer.js

@@ -96,7 +96,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -149,7 +148,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,

package/modern/ScatterChart/ScatterChart.js

@@ -221,7 +221,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -274,7 +273,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,

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/SparkLineChart/SparkLineChart.js

@@ -245,7 +245,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Notice it is a single [[AxisConfig]] object, not an array of configuration.
    */
   xAxis: PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,
@@ -297,7 +296,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * Notice it is a single [[AxisConfig]] object, not an array of configuration.
    */
   yAxis: PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     classes: PropTypes.object,
     colorMap: PropTypes.oneOfType([PropTypes.shape({
       colors: PropTypes.arrayOf(PropTypes.string).isRequired,

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/CartesianProvider/computeValue.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { scaleBand, scalePoint, scaleTime } from 'd3-scale';
+import { scaleBand, scalePoint, scaleTime } from '@mui/x-charts-vendor/d3-scale';
 import { isBandScaleConfig, isPointScaleConfig } from '../../models/axis';
 import { getColorScale, getOrdinalColorScale } from '../../internals/colorScale';
 import { getTickNumber } from '../../hooks/useTicks';

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/Series.types.js

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

package/modern/context/SeriesProvider/SeriesContext.js

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

package/modern/context/SeriesProvider/SeriesProvider.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+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,
+    children
+  } = props;
+  const seriesFormatters = useSeriesFormatter();
+  const theme = useTheme();
+  const formattedSeries = React.useMemo(() => ({
+    isInitialized: true,
+    data: preprocessSeries({
+      series,
+      colors: typeof colors === 'function' ? colors(theme.palette.mode) : colors,
+      seriesFormatters,
+      dataset: dataset
+    })
+  }), [series, colors, theme.palette.mode, seriesFormatters, dataset]);
+  return /*#__PURE__*/_jsx(SeriesContext.Provider, {
+    value: formattedSeries,
+    children: children
+  });
+}
+export { SeriesProvider };

package/modern/context/SeriesProvider/index.js

@@ -0,0 +1,8 @@
+import { preprocessSeries } from './processSeries';
+export * from './SeriesProvider';
+export * from './SeriesContext';
+export * from './Series.types';
+const seriesProviderUtils = {
+  preprocessSeries
+};
+export { seriesProviderUtils };

package/{esm/context/SeriesContextProvider.js → modern/context/SeriesProvider/processSeries.js}

@@ -1,25 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { defaultizeColor } from '../internals/defaultizeColor';
-import { blueberryTwilightPalette } from '../colorPalettes';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SeriesContext = /*#__PURE__*/React.createContext({
-  isInitialized: false,
-  data: {}
-});
-if (process.env.NODE_ENV !== 'production') {
-  SeriesContext.displayName = 'SeriesContext';
-}
+import { defaultizeColor } from '../../internals/defaultizeColor';
 /**
  * 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
  * It also add defaultized values such as the ids, colors
- * @param series The array of series provided by devs
+ * @param series The array of series provided by the developer
  * @param colors The color palette used to defaultize series colors
  * @returns An object structuring all the series by type.
  */
-const preprocessSeries = (series, colors, seriesFormatters, dataset) => {
+export const preprocessSeries = ({
+  series,
+  colors,
+  seriesFormatters,
+  dataset
+}) => {
   // Group series by type
   const seriesGroups = {};
   series.forEach((seriesData, seriesIndex) => {
@@ -50,23 +44,4 @@ const preprocessSeries = (series, colors, seriesFormatters, dataset) => {
     }
   });
   return formattedSeries;
-};
-function SeriesContextProvider(props) {
-  const {
-    series,
-    dataset,
-    colors = blueberryTwilightPalette,
-    seriesFormatters,
-    children
-  } = props;
-  const theme = useTheme();
-  const formattedSeries = React.useMemo(() => ({
-    isInitialized: true,
-    data: preprocessSeries(series, typeof colors === 'function' ? colors(theme.palette.mode) : colors, seriesFormatters, dataset)
-  }), [series, colors, theme.palette.mode, seriesFormatters, dataset]);
-  return /*#__PURE__*/_jsx(SeriesContext.Provider, {
-    value: formattedSeries,
-    children: children
-  });
-}
-export { SeriesContextProvider };
+};

package/modern/hooks/useReducedMotion.js

@@ -19,10 +19,10 @@ export const useReducedMotion = () => {
       return () => {};
     }
     const mql = window.matchMedia('(prefers-reduced-motion)');
-    const handleMediaChange = e => {
+    const handleMediaChange = event => {
       Globals.assign({
         // Modification such the react-spring implementation such that this hook can remove animation but never activate animation.
-        skipAnimation: e.matches || undefined
+        skipAnimation: event.matches || undefined
       });
     };
     handleMediaChange(mql);

package/modern/hooks/useSeries.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SeriesContext } from '../context/SeriesContextProvider';
+import { SeriesContext } from '../context/SeriesProvider';
 
 /**
  * Get access to the internal state of series.

package/modern/index.js

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

package/modern/internals/colorScale.js

@@ -1,4 +1,4 @@
-import { scaleOrdinal, scaleThreshold, scaleSequential } from 'd3-scale';
+import { scaleOrdinal, scaleThreshold, scaleSequential } from '@mui/x-charts-vendor/d3-scale';
 export function getSequentialColorScale(config) {
   if (config.type === 'piecewise') {
     return scaleThreshold(config.thresholds, config.colors);

package/modern/internals/components/ChartsAxesGradients/ChartsContinuousGradient.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { interpolateDate, interpolateNumber } from 'd3-interpolate';
+import { interpolateDate, interpolateNumber } from '@mui/x-charts-vendor/d3-interpolate';
 import { jsx as _jsx } from "react/jsx-runtime";
 const PX_PRECISION = 10;
 export default function ChartsContinuousGradient(props) {

package/modern/internals/getCurve.js

@@ -1,4 +1,4 @@
-import { curveCatmullRom, curveLinear, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, curveStepBefore } from 'd3-shape';
+import { curveCatmullRom, curveLinear, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, curveStepBefore } from '@mui/x-charts-vendor/d3-shape';
 export default function getCurveFactory(curveType) {
   switch (curveType) {
     case 'catmullRom':

package/modern/internals/getScale.js

@@ -1,4 +1,4 @@
-import { scaleLog, scalePow, scaleSqrt, scaleTime, scaleUtc, scaleLinear } from 'd3-scale';
+import { scaleLog, scalePow, scaleSqrt, scaleTime, scaleUtc, scaleLinear } from '@mui/x-charts-vendor/d3-scale';
 export function getScale(scaleType, domain, range) {
   switch (scaleType) {
     case 'log':

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/SeriesContextProvider';
+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/internals/stackSeries.js

@@ -1,4 +1,4 @@
-import { stackOrderAppearance as d3StackOrderAppearance, stackOrderAscending as d3StackOrderAscending, stackOrderDescending as d3StackOrderDescending, stackOrderInsideOut as d3StackOrderInsideOut, stackOrderNone as d3StackOrderNone, stackOrderReverse as d3StackOrderReverse, stackOffsetExpand as d3StackOffsetExpand, stackOffsetDiverging as d3StackOffsetDiverging, stackOffsetNone as d3StackOffsetNone, stackOffsetSilhouette as d3StackOffsetSilhouette, stackOffsetWiggle as d3StackOffsetWiggle } from 'd3-shape';
+import { stackOrderAppearance as d3StackOrderAppearance, stackOrderAscending as d3StackOrderAscending, stackOrderDescending as d3StackOrderDescending, stackOrderInsideOut as d3StackOrderInsideOut, stackOrderNone as d3StackOrderNone, stackOrderReverse as d3StackOrderReverse, stackOffsetExpand as d3StackOffsetExpand, stackOffsetDiverging as d3StackOffsetDiverging, stackOffsetNone as d3StackOffsetNone, stackOffsetSilhouette as d3StackOffsetSilhouette, stackOffsetWiggle as d3StackOffsetWiggle } from '@mui/x-charts-vendor/d3-shape';
 export const StackOrder = {
   /**
    * Series order such that the earliest series (according to the maximum value) is at the bottom.

package/modern/internals/useAnimatedPath.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { interpolateString } from 'd3-interpolate';
+import { interpolateString } from '@mui/x-charts-vendor/d3-interpolate';
 import { useSpring, to } from '@react-spring/web';
 function usePrevious(value) {
   const ref = React.useRef(null);

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.11.1",
+  "version": "7.12.1",
   "description": "The community edition of the Charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -29,19 +29,14 @@
     "directory": "packages/x-charts"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.8",
-    "@mui/base": "^5.0.0-beta.40",
+    "@babel/runtime": "^7.25.0",
     "@mui/system": "^5.16.5",
     "@mui/utils": "^5.16.5",
-    "@react-spring/rafz": "^9.7.3",
-    "@react-spring/web": "^9.7.3",
+    "@react-spring/rafz": "^9.7.4",
+    "@react-spring/web": "^9.7.4",
     "clsx": "^2.1.1",
-    "d3-color": "^3.1.0",
-    "d3-delaunay": "^6.0.4",
-    "d3-interpolate": "^3.0.1",
-    "d3-scale": "^4.0.2",
-    "d3-shape": "^3.2.0",
-    "prop-types": "^15.8.1"
+    "prop-types": "^15.8.1",
+    "@mui/x-charts-vendor": "7.12.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -58,18 +53,6 @@
       "optional": true
     }
   },
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./esm/index.js",
-      "default": "./esm/index.js"
-    },
-    "./*": {
-      "types": "./*/index.d.ts",
-      "import": "./esm/*/index.js",
-      "default": "./esm/*/index.js"
-    }
-  },
   "engines": {
     "node": ">=14.0.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>;
-};