@mui/x-charts 7.11.1 → 7.12.1

package/ChartContainer/useChartContainerProps.d.ts

@@ -1,86 +1,85 @@
+import * as React from 'react';
 import type { DrawingProviderProps } from '../context/DrawingProvider';
-import type { ColorProviderProps } from '../context/ColorProvider';
 import type { CartesianContextProviderProps } from '../context/CartesianProvider';
-import type { SeriesContextProviderProps } from '../context/SeriesContextProvider';
+import type { SeriesProviderProps } from '../context/SeriesProvider';
 import type { ZAxisContextProviderProps } from '../context/ZAxisContextProvider';
 import type { ChartContainerProps } from './ChartContainer';
 import { HighlightedProviderProps } from '../context';
 import { ChartsSurfaceProps } from '../ChartsSurface';
+import { PluginProviderProps } from '../context/PluginProvider';
 export declare const useChartContainerProps: (props: ChartContainerProps, ref: React.ForwardedRef<unknown>) => {
-    children: import("react").ReactNode;
+    children: React.ReactNode;
     drawingProviderProps: Omit<DrawingProviderProps, "children">;
-    colorProviderProps: Omit<ColorProviderProps, "children">;
-    seriesContextProps: Omit<SeriesContextProviderProps, "children">;
+    seriesProviderProps: Omit<SeriesProviderProps, "children">;
     cartesianContextProps: Omit<CartesianContextProviderProps, "children">;
     zAxisContextProps: Omit<ZAxisContextProviderProps, "children">;
     highlightedProviderProps: Omit<HighlightedProviderProps, "children">;
     chartsSurfaceProps: ChartsSurfaceProps & {
         ref: any;
     };
+    pluginProviderProps: Omit<PluginProviderProps, "children">;
     xAxis: {
-        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("../internals").ChartsAxisSlots>;
-        slotProps?: Partial<import("../internals").ChartsAxisSlotProps>;
-        dataKey?: string;
+        label?: string | undefined;
+        max?: (number | Date) | undefined;
+        min?: (number | Date) | undefined;
+        classes?: Partial<import("..").ChartsAxisClasses> | undefined;
+        slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
+        slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
+        dataKey?: string | undefined;
         valueFormatter?: ((value: any, context: import("../internals").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("../internals").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("../internals").AxisId;
     }[];
     yAxis: {
-        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("../internals").ChartsAxisSlots>;
-        slotProps?: Partial<import("../internals").ChartsAxisSlotProps>;
-        dataKey?: string;
+        label?: string | undefined;
+        max?: (number | Date) | undefined;
+        min?: (number | Date) | undefined;
+        classes?: Partial<import("..").ChartsAxisClasses> | undefined;
+        slots?: Partial<import("../internals").ChartsAxisSlots> | undefined;
+        slotProps?: Partial<import("../internals").ChartsAxisSlotProps> | undefined;
+        dataKey?: string | undefined;
         valueFormatter?: ((value: any, context: import("../internals").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("../internals").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("../internals").AxisId;
     }[];
 };

package/ChartContainer/useChartContainerProps.js

@@ -7,9 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.useChartContainerProps = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _useChartContainerHooks = require("./useChartContainerHooks");
+var React = _interopRequireWildcard(require("react"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _useDefaultizeAxis = require("./useDefaultizeAxis");
+var _useReducedMotion = require("../hooks/useReducedMotion");
 const _excluded = ["width", "height", "series", "margin", "xAxis", "yAxis", "zAxis", "colors", "dataset", "sx", "title", "desc", "disableAxisListener", "highlightedItem", "onHighlightChange", "plugins", "children"];
+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 useChartContainerProps = (props, ref) => {
   const {
       width,
@@ -31,14 +35,10 @@ const useChartContainerProps = (props, ref) => {
       children
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const {
-    svgRef,
-    chartSurfaceRef,
-    xExtremumGetters,
-    yExtremumGetters,
-    seriesFormatters,
-    colorProcessors
-  } = (0, _useChartContainerHooks.useChartContainerHooks)(ref, plugins);
+  const svgRef = React.useRef(null);
+  const chartSurfaceRef = (0, _useForkRef.default)(ref, svgRef);
+  (0, _useReducedMotion.useReducedMotion)(); // a11y reduce motion (see: https://react-spring.dev/docs/utilities/use-reduced-motion)
+
   const [defaultizedXAxis, defaultizedYAxis] = (0, _useDefaultizeAxis.useDefaultizeAxis)(xAxis, yAxis);
   const drawingProviderProps = {
     width,
@@ -46,21 +46,18 @@ const useChartContainerProps = (props, ref) => {
     margin,
     svgRef
   };
-  const colorProviderProps = {
-    colorProcessors
+  const pluginProviderProps = {
+    plugins
   };
-  const seriesContextProps = {
+  const seriesProviderProps = {
     series,
     colors,
-    dataset,
-    seriesFormatters
+    dataset
   };
   const cartesianContextProps = {
     xAxis: defaultizedXAxis,
     yAxis: defaultizedYAxis,
-    dataset,
-    xExtremumGetters,
-    yExtremumGetters
+    dataset
   };
   const zAxisContextProps = {
     zAxis,
@@ -82,12 +79,12 @@ const useChartContainerProps = (props, ref) => {
   return {
     children,
     drawingProviderProps,
-    colorProviderProps,
-    seriesContextProps,
+    seriesProviderProps,
     cartesianContextProps,
     zAxisContextProps,
     highlightedProviderProps,
     chartsSurfaceProps,
+    pluginProviderProps,
     xAxis: defaultizedXAxis,
     yAxis: defaultizedYAxis
   };

package/ChartContainer/useDefaultizeAxis.d.ts

@@ -2,35 +2,34 @@ import { MakeOptional } from '../models/helpers';
 import { AxisConfig, ScaleName } from '../models';
 import { ChartsAxisProps } from '../models/axis';
 export declare const useDefaultizeAxis: (inXAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined, inYAxis: MakeOptional<AxisConfig<ScaleName, any, ChartsAxisProps>, "id">[] | undefined) => {
-    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/ChartsLegend/ChartsLegend.js

@@ -8,10 +8,10 @@ exports.ChartsLegend = ChartsLegend;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
-var _utils3 = require("./utils");
+var _utils = require("./utils");
 var _chartsLegendClasses = require("./chartsLegendClasses");
 var _DefaultChartsLegend = require("./DefaultChartsLegend");
 var _hooks = require("../hooks");
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
     label: ['label'],
     series: ['series']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _chartsLegendClasses.getLegendUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _chartsLegendClasses.getLegendUtilityClass, classes);
 };
 const defaultProps = {
   position: {
@@ -57,9 +57,9 @@ function ChartsLegend(inProps) {
   }));
   const drawingArea = (0, _hooks.useDrawingArea)();
   const series = (0, _useSeries.useSeries)();
-  const seriesToDisplay = (0, _utils3.getSeriesToDisplay)(series);
+  const seriesToDisplay = (0, _utils.getSeriesToDisplay)(series);
   const ChartLegendRender = slots?.legend ?? _DefaultChartsLegend.DefaultChartsLegend;
-  const chartLegendRenderProps = (0, _utils.useSlotProps)({
+  const chartLegendRenderProps = (0, _useSlotProps.default)({
     elementType: ChartLegendRender,
     externalSlotProps: slotProps?.legend,
     additionalProps: {

package/ChartsLegend/DefaultChartsLegend.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormattedSeries } from '../context/SeriesContextProvider';
+import { FormattedSeries } from '../context/SeriesProvider';
 import { LegendPerItemProps } from './LegendPerItem';
 import { DrawingArea } from '../context/DrawingProvider';
 export interface LegendRendererProps extends Omit<LegendPerItemProps, 'itemsToDisplay'> {

package/ChartsLegend/LegendPerItem.js

@@ -9,7 +9,7 @@ exports.LegendPerItem = LegendPerItem;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _NoSsr = require("@mui/base/NoSsr");
+var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
 var _styles = require("@mui/material/styles");
 var _ChartsText = require("../ChartsText");
 var _getWordsByLines = require("../internals/getWordsByLines");
@@ -120,7 +120,7 @@ function LegendPerItem(props) {
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.NoSsr, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.default, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChartsLegendRoot, {
       className: classes?.root,
       children: itemsWithPosition.map(({

package/ChartsLegend/utils.d.ts

@@ -1,2 +1,2 @@
-import { FormattedSeries } from '../context/SeriesContextProvider';
+import { FormattedSeries } from '../context/SeriesProvider';
 export declare function getSeriesToDisplay(series: FormattedSeries): import("./chartsLegend.types").LegendItemParams[];

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsAxisTooltipContent = ChartsAxisTooltipContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _CartesianProvider = require("../context/CartesianProvider");
 var _DefaultChartsAxisTooltipContent = require("./DefaultChartsAxisTooltipContent");
 var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
-var _useColor = require("../hooks/useColor");
+var _useColorProcessor = require("../context/PluginProvider/useColorProcessor");
 var _isCartesian = require("../internals/isCartesian");
 var _useSeries = require("../hooks/useSeries");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -42,7 +42,7 @@ function ChartsAxisTooltipContent(props) {
     zAxis
   } = React.useContext(_ZAxisContextProvider.ZAxisContext);
   const series = (0, _useSeries.useSeries)();
-  const colorProcessors = (0, _useColor.useColorProcessor)();
+  const colorProcessors = (0, _useColorProcessor.useColorProcessor)();
   const USED_AXIS_ID = isXaxis ? xAxisIds[0] : yAxisIds[0];
   const relevantSeries = React.useMemo(() => {
     const rep = [];
@@ -70,7 +70,7 @@ function ChartsAxisTooltipContent(props) {
     return isXaxis ? xAxis[USED_AXIS_ID] : yAxis[USED_AXIS_ID];
   }, [USED_AXIS_ID, isXaxis, xAxis, yAxis]);
   const Content = content ?? _DefaultChartsAxisTooltipContent.DefaultChartsAxisTooltipContent;
-  const chartTooltipContentProps = (0, _utils.useSlotProps)({
+  const chartTooltipContentProps = (0, _useSlotProps.default)({
     elementType: Content,
     externalSlotProps: contentProps,
     additionalProps: {

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsItemTooltipContent = ChartsItemTooltipContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _DefaultChartsItemTooltipContent = require("./DefaultChartsItemTooltipContent");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
-var _useColor = require("../hooks/useColor");
+var _useColorProcessor = require("../context/PluginProvider/useColorProcessor");
 var _useSeries = require("../hooks/useSeries");
 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); }
@@ -38,13 +38,13 @@ function ChartsItemTooltipContent(props) {
     zAxis,
     zAxisIds
   } = React.useContext(_ZAxisContextProvider.ZAxisContext);
-  const colorProcessors = (0, _useColor.useColorProcessor)();
+  const colorProcessors = (0, _useColorProcessor.useColorProcessor)();
   const xAxisId = series.xAxisId ?? series.xAxisKey ?? xAxisIds[0];
   const yAxisId = series.yAxisId ?? series.yAxisKey ?? yAxisIds[0];
   const zAxisId = series.zAxisId ?? series.zAxisKey ?? zAxisIds[0];
   const getColor = colorProcessors[series.type]?.(series, xAxisId && xAxis[xAxisId], yAxisId && yAxis[yAxisId], zAxisId && zAxis[zAxisId]) ?? (() => '');
   const Content = content ?? _DefaultChartsItemTooltipContent.DefaultChartsItemTooltipContent;
-  const chartTooltipContentProps = (0, _utils.useSlotProps)({
+  const chartTooltipContentProps = (0, _useSlotProps.default)({
     elementType: Content,
     externalSlotProps: contentProps,
     additionalProps: {

package/ChartsTooltip/ChartsTooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
-import { PopperProps as BasePopperProps } from '@mui/base/Popper';
+import { PopperProps as BasePopperProps } from '@mui/material/Popper';
 import { TriggerOptions } from './utils';
 import { ChartSeriesType } from '../models/seriesType/config';
 import { ChartsItemContentProps } from './ChartsItemTooltipContent';

package/ChartsTooltip/ChartsTooltip.js

@@ -10,11 +10,11 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
-var _Popper = require("@mui/base/Popper");
-var _NoSsr = require("@mui/base/NoSsr");
-var _utils = require("@mui/base/utils");
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
+var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _InteractionProvider = require("../context/InteractionProvider");
-var _utils2 = require("./utils");
+var _utils = require("./utils");
 var _ChartsItemTooltipContent = require("./ChartsItemTooltipContent");
 var _ChartsAxisTooltipContent = require("./ChartsAxisTooltipContent");
 var _chartsTooltipClasses = require("./chartsTooltipClasses");
@@ -37,7 +37,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _chartsTooltipClasses.getChartsTooltipUtilityClass, classes);
 };
-const ChartsTooltipRoot = (0, _styles.styled)(_Popper.Popper, {
+const ChartsTooltipRoot = (0, _styles.styled)(_Popper.default, {
   name: 'MuiChartsTooltip',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -69,25 +69,25 @@ function ChartsTooltip(props) {
     slots,
     slotProps
   } = themeProps;
-  const mousePosition = (0, _utils2.useMouseTracker)();
+  const mousePosition = (0, _utils.useMouseTracker)();
   const {
     item,
     axis
   } = React.useContext(_InteractionProvider.InteractionContext);
   const displayedData = trigger === 'item' ? item : axis;
-  const tooltipHasData = (0, _utils2.getTooltipHasData)(trigger, displayedData);
+  const tooltipHasData = (0, _utils.getTooltipHasData)(trigger, displayedData);
   const popperOpen = mousePosition !== null && tooltipHasData;
   const classes = useUtilityClasses({
     classes: themeProps.classes
   });
   const PopperComponent = slots?.popper ?? ChartsTooltipRoot;
-  const popperProps = (0, _utils.useSlotProps)({
+  const popperProps = (0, _useSlotProps.default)({
     elementType: PopperComponent,
     externalSlotProps: slotProps?.popper,
     additionalProps: {
       open: popperOpen,
       placement: mousePosition?.pointerType === 'mouse' ? 'right-start' : 'top',
-      anchorEl: (0, _utils2.generateVirtualElement)(mousePosition),
+      anchorEl: (0, _utils.generateVirtualElement)(mousePosition),
       modifiers: [{
         name: 'offset',
         options: {
@@ -100,7 +100,7 @@ function ChartsTooltip(props) {
   if (trigger === 'none') {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.NoSsr, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.default, {
     children: popperOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperComponent, (0, _extends2.default)({}, popperProps, {
       children: trigger === 'item' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsItemTooltipContent.ChartsItemTooltipContent, {
         itemData: displayedData,

package/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsVoronoiHandler = ChartsVoronoiHandler;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Delaunay = require("d3-delaunay");
+var _d3Delaunay = require("@mui/x-charts-vendor/d3-delaunay");
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _InteractionProvider = require("../context/InteractionProvider");
 var _CartesianProvider = require("../context/CartesianProvider");

package/ChartsXAxis/ChartsXAxis.js

@@ -9,8 +9,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _useTicks = require("../hooks/useTicks");
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
     tickLabel: ['tickLabel'],
     label: ['label']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _axisClasses.getAxisUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _axisClasses.getAxisUtilityClass, classes);
 };
 function addLabelDimension(xTicks, {
   tickLabelStyle: style,
@@ -164,7 +164,7 @@ function ChartsXAxis(inProps) {
   const Tick = slots?.axisTick ?? 'line';
   const TickLabel = slots?.axisTickLabel ?? _ChartsText.ChartsText;
   const Label = slots?.axisLabel ?? _ChartsText.ChartsText;
-  const axisTickLabelProps = (0, _utils.useSlotProps)({
+  const axisTickLabelProps = (0, _useSlotProps.default)({
     elementType: TickLabel,
     externalSlotProps: slotProps?.axisTickLabel,
     additionalProps: {
@@ -195,7 +195,7 @@ function ChartsXAxis(inProps) {
     x: left + width / 2,
     y: positionSign * (tickSize + 22)
   };
-  const axisLabelProps = (0, _utils.useSlotProps)({
+  const axisLabelProps = (0, _useSlotProps.default)({
     elementType: Label,
     externalSlotProps: slotProps?.axisLabel,
     additionalProps: {

package/ChartsYAxis/ChartsYAxis.js

@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _useTicks = require("../hooks/useTicks");
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
     tickLabel: ['tickLabel'],
     label: ['label']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _axisClasses.getAxisUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _axisClasses.getAxisUtilityClass, classes);
 };
 const defaultProps = {
   position: 'left',
@@ -119,7 +119,7 @@ function ChartsYAxis(inProps) {
   const TickLabel = slots?.axisTickLabel ?? _ChartsText.ChartsText;
   const Label = slots?.axisLabel ?? _ChartsText.ChartsText;
   const revertAnchor = !isRTL && position === 'right' || isRTL && position !== 'right';
-  const axisTickLabelProps = (0, _utils.useSlotProps)({
+  const axisTickLabelProps = (0, _useSlotProps.default)({
     elementType: TickLabel,
     externalSlotProps: slotProps?.axisTickLabel,
     additionalProps: {
@@ -132,7 +132,7 @@ function ChartsYAxis(inProps) {
     className: classes.tickLabel,
     ownerState: {}
   });
-  const axisLabelProps = (0, _utils.useSlotProps)({
+  const axisLabelProps = (0, _useSlotProps.default)({
     elementType: Label,
     externalSlotProps: slotProps?.axisLabel,
     additionalProps: {
@@ -145,7 +145,7 @@ function ChartsYAxis(inProps) {
     },
     ownerState: {}
   });
-  const lineSlotProps = (0, _utils.useSlotProps)({
+  const lineSlotProps = (0, _useSlotProps.default)({
     elementType: Line,
     externalSlotProps: slotProps?.axisLine,
     additionalProps: {

package/Gauge/GaugeReferenceArc.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GaugeReferenceArc = GaugeReferenceArc;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _styles = require("@mui/material/styles");
 var _GaugeProvider = require("./GaugeProvider");
 var _jsxRuntime = require("react/jsx-runtime");

package/Gauge/GaugeValueArc.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GaugeValueArc = GaugeValueArc;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _styles = require("@mui/material/styles");
 var _GaugeProvider = require("./GaugeProvider");
 var _jsxRuntime = require("react/jsx-runtime");