@mui/x-charts 8.26.0 → 8.27.4

package/ChartsContainer/index.d.ts

@@ -0,0 +1 @@
+export * from "./ChartsContainer.js";

package/ChartsContainer/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsContainer = require("./ChartsContainer");
+Object.keys(_ChartsContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsContainer[key];
+    }
+  });
+});

package/ChartsContainer/useChartsContainerProps.d.ts

@@ -0,0 +1,15 @@
+import type * as React from 'react';
+import { type ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { type ChartDataProviderProps } from "../ChartDataProvider/index.js";
+import type { ChartsContainerProps } from "./ChartsContainer.js";
+import { type ChartSeriesType } from "../models/seriesType/config.js";
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";
+export type UseChartsContainerPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = {
+  chartDataProviderProps: ChartDataProviderProps<TSeries, TSignatures>;
+  chartsSurfaceProps: ChartsSurfaceProps & {
+    ref: React.Ref<SVGSVGElement>;
+  };
+  children: React.ReactNode;
+};
+export declare const useChartsContainerProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>) => UseChartsContainerPropsReturnValue<TSeries, TSignatures>;

package/ChartsContainer/useChartsContainerProps.js

@@ -0,0 +1,104 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartsContainerProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _allPlugins = require("../internals/plugins/allPlugins");
+const _excluded = ["width", "height", "margin", "children", "series", "colors", "dataset", "desc", "onAxisClick", "highlightedAxis", "onHighlightedAxisChange", "tooltipItem", "onTooltipItemChange", "disableVoronoi", "voronoiMaxRadius", "onItemClick", "disableAxisListener", "highlightedItem", "onHighlightChange", "sx", "title", "xAxis", "yAxis", "zAxis", "rotationAxis", "radiusAxis", "skipAnimation", "seriesConfig", "plugins", "localeText", "slots", "slotProps", "experimentalFeatures", "enableKeyboardNavigation", "brushConfig", "onHiddenItemsChange", "hiddenItems", "initialHiddenItems"];
+const useChartsContainerProps = (props, ref) => {
+  const _ref = props,
+    {
+      width,
+      height,
+      margin,
+      children,
+      series,
+      colors,
+      dataset,
+      desc,
+      onAxisClick,
+      highlightedAxis,
+      onHighlightedAxisChange,
+      tooltipItem,
+      onTooltipItemChange,
+      disableVoronoi,
+      voronoiMaxRadius,
+      onItemClick,
+      disableAxisListener,
+      highlightedItem,
+      onHighlightChange,
+      sx,
+      title,
+      xAxis,
+      yAxis,
+      zAxis,
+      rotationAxis,
+      radiusAxis,
+      skipAnimation,
+      seriesConfig,
+      plugins,
+      localeText,
+      slots,
+      slotProps,
+      experimentalFeatures,
+      enableKeyboardNavigation,
+      brushConfig,
+      onHiddenItemsChange,
+      hiddenItems,
+      initialHiddenItems
+    } = _ref,
+    other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const chartsSurfaceProps = (0, _extends2.default)({
+    title,
+    desc,
+    sx,
+    ref
+  }, other);
+  const chartDataProviderProps = {
+    margin,
+    series,
+    colors,
+    dataset,
+    disableAxisListener,
+    highlightedItem,
+    onHighlightChange,
+    onAxisClick,
+    highlightedAxis,
+    onHighlightedAxisChange,
+    tooltipItem,
+    onTooltipItemChange,
+    disableVoronoi,
+    voronoiMaxRadius,
+    onItemClick,
+    xAxis,
+    yAxis,
+    zAxis,
+    rotationAxis,
+    radiusAxis,
+    skipAnimation,
+    width,
+    height,
+    localeText,
+    seriesConfig,
+    experimentalFeatures,
+    enableKeyboardNavigation,
+    brushConfig,
+    onHiddenItemsChange,
+    hiddenItems,
+    initialHiddenItems,
+    plugins: plugins ?? _allPlugins.DEFAULT_PLUGINS,
+    slots,
+    slotProps
+  };
+  return {
+    chartDataProviderProps,
+    chartsSurfaceProps,
+    children
+  };
+};
+exports.useChartsContainerProps = useChartsContainerProps;

package/ChartsDataProvider/ChartsDataProvider.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/index.js";
+import { type ChartsProviderProps } from "../context/ChartsProvider/index.js";
+import { type ChartSeriesType } from "../models/seriesType/config.js";
+import { type ChartAnyPluginSignature } from "../internals/plugins/models/plugin.js";
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
+export interface ChartsDataProviderSlots extends ChartsSlots {}
+export interface ChartsDataProviderSlotProps extends ChartsSlotProps {}
+export type ChartsDataProviderProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = React.PropsWithChildren<ChartsProviderProps<TSeries, TSignatures>['pluginParams'] & Pick<ChartsProviderProps<TSeries, TSignatures>, 'seriesConfig' | 'plugins'>> & ChartsLocalizationProviderProps & {
+  /**
+   * Slots to customize charts' components.
+   */
+  slots?: Partial<ChartsDataProviderSlots>;
+  /**
+   * The props for the slots.
+   */
+  slotProps?: Partial<ChartsDataProviderSlotProps>;
+};
+/**
+ * Orchestrates the data providers for the chart components and hooks.
+ *
+ * Use this component if you have custom HTML components that need to access the chart data.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/react-charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsDataProvider API](https://mui.com/x/api/charts/charts-data-provider/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsDataProvider
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *   <ChartsSurface>
+ *      <BarPlot />
+ *      <ChartsXAxis axisId="x-axis" />
+ *   </ChartsSurface>
+ *   {'Custom Legend Component'}
+ * </ChartsDataProvider>
+ * ```
+ */
+declare function ChartsDataProvider<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsDataProviderProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare namespace ChartsDataProvider {
+  var propTypes: any;
+}
+export { ChartsDataProvider };

package/ChartsDataProvider/ChartsDataProvider.js

@@ -0,0 +1,138 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsDataProvider = ChartsDataProvider;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _material = require("../internals/material");
+var _ChartsSlotsContext = require("../context/ChartsSlotsContext");
+var _useChartsDataProviderProps = require("./useChartsDataProviderProps");
+var _ChartsProvider = require("../context/ChartsProvider");
+var _ChartsLocalizationProvider = require("../ChartsLocalizationProvider");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Orchestrates the data providers for the chart components and hooks.
+ *
+ * Use this component if you have custom HTML components that need to access the chart data.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/react-charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsDataProvider API](https://mui.com/x/api/charts/charts-data-provider/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsDataProvider
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *   <ChartsSurface>
+ *      <BarPlot />
+ *      <ChartsXAxis axisId="x-axis" />
+ *   </ChartsSurface>
+ *   {'Custom Legend Component'}
+ * </ChartsDataProvider>
+ * ```
+ */
+function ChartsDataProvider(props) {
+  const {
+    children,
+    localeText,
+    chartProviderProps,
+    slots,
+    slotProps
+  } = (0, _useChartsDataProviderProps.useChartsDataProviderProps)(props);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsProvider.ChartsProvider, (0, _extends2.default)({}, chartProviderProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLocalizationProvider.ChartsLocalizationProvider, {
+      localeText: localeText,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSlotsContext.ChartsSlotsProvider, {
+        slots: slots,
+        slotProps: slotProps,
+        defaultSlots: _material.defaultSlotsMaterial,
+        children: children
+      })
+    })
+  }));
+}
+process.env.NODE_ENV !== "production" ? ChartsDataProvider.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  apiRef: _propTypes.default.shape({
+    current: _propTypes.default.any
+  }),
+  /**
+   * Color palette used to colorize multiple series.
+   * @default rainbowSurgePalette
+   */
+  colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
+  /**
+   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
+   */
+  dataset: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: _propTypes.default.shape({
+    preferStrictDomainInLineCharts: _propTypes.default.bool
+  }),
+  /**
+   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   */
+  height: _propTypes.default.number,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: _propTypes.default.string,
+  /**
+   * Localized text for chart components.
+   */
+  localeText: _propTypes.default.object,
+  /**
+   * The margin between the SVG and the drawing area.
+   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
+   *
+   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
+   */
+  margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    bottom: _propTypes.default.number,
+    left: _propTypes.default.number,
+    right: _propTypes.default.number,
+    top: _propTypes.default.number
+  })]),
+  /**
+   * The array of series to display.
+   * Each type of series has its own specificity.
+   * Please refer to the appropriate docs page to learn more about it.
+   */
+  series: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * If `true`, animations are skipped.
+   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
+   */
+  skipAnimation: _propTypes.default.bool,
+  /**
+   * The props for the slots.
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Slots to customize charts' components.
+   */
+  slots: _propTypes.default.object,
+  theme: _propTypes.default.oneOf(['dark', 'light']),
+  /**
+   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   */
+  width: _propTypes.default.number
+} : void 0;

package/ChartsDataProvider/index.d.ts

@@ -0,0 +1 @@
+export * from "./ChartsDataProvider.js";

package/ChartsDataProvider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsDataProvider = require("./ChartsDataProvider");
+Object.keys(_ChartsDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProvider[key];
+    }
+  });
+});

package/ChartsDataProvider/useChartsDataProviderProps.d.ts

@@ -0,0 +1,13 @@
+import type { ChartsDataProviderProps } from "./ChartsDataProvider.js";
+import { type ChartsProviderProps } from "../context/ChartsProvider/index.js";
+import { type ChartAnyPluginSignature } from "../internals/plugins/models/index.js";
+import { type ChartSeriesType } from "../models/seriesType/config.js";
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
+export declare const useChartsDataProviderProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(inProps: ChartsDataProviderProps<TSeries, TSignatures> & ChartsLocalizationProviderProps) => {
+  children: import("react").ReactNode;
+  localeText: Partial<import("../locales/index.js").ChartsLocaleText> | undefined;
+  chartProviderProps: ChartsProviderProps<TSeries, TSignatures>;
+  slots: Partial<import("./ChartsDataProvider.js").ChartsDataProviderSlots> | undefined;
+  slotProps: Partial<import("./ChartsDataProvider.js").ChartsDataProviderSlotProps> | undefined;
+};

package/ChartsDataProvider/useChartsDataProviderProps.js

@@ -0,0 +1,45 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartsDataProviderProps = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _styles = require("@mui/material/styles");
+var _allPlugins = require("../internals/plugins/allPlugins");
+const _excluded = ["children", "localeText", "plugins", "slots", "slotProps", "seriesConfig"];
+const useChartsDataProviderProps = inProps => {
+  // eslint-disable-next-line material-ui/mui-name-matches-component-name
+  const props = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiChartDataProvider'
+  });
+  const {
+      children,
+      localeText,
+      plugins = _allPlugins.DEFAULT_PLUGINS,
+      slots,
+      slotProps,
+      seriesConfig
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const theme = (0, _styles.useTheme)();
+  const chartProviderProps = {
+    plugins: plugins,
+    seriesConfig,
+    pluginParams: (0, _extends2.default)({
+      theme: theme.palette.mode
+    }, other)
+  };
+  return {
+    children,
+    localeText,
+    chartProviderProps,
+    slots,
+    slotProps
+  };
+};
+exports.useChartsDataProviderProps = useChartsDataProviderProps;

package/ChartsSurface/ChartsSurface.js

@@ -102,6 +102,10 @@ const ChartsSurface = exports.ChartsSurface = /*#__PURE__*/React.forwardRef(func
       other.onPointerLeave?.(event);
       instance.handlePointerLeave?.(event);
     },
+    onClick: event => {
+      other.onClick?.(event);
+      instance.handleClick?.(event);
+    },
     ref: handleRef,
     children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
       children: title

package/ChartsXAxis/ChartsXAxisImpl.js

@@ -108,6 +108,7 @@ function ChartsXAxisImpl(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(XAxisRoot, {
     transform: `translate(0, ${position === 'bottom' ? top + height + offset : top - offset})`,
     className: classes.root,
+    "data-axis-id": defaultizedProps.id,
     sx: sx,
     children: [!disableLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _extends2.default)({
       x1: left,

package/ChartsYAxis/ChartsYAxisImpl.js

@@ -124,6 +124,7 @@ function ChartsYAxisImpl(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(YAxisRoot, {
     transform: `translate(${position === 'right' ? left + width + offset : left - offset}, 0)`,
     className: classes.root,
+    "data-axis-id": defaultizedProps.id,
     sx: sx,
     children: [!disableLine && /*#__PURE__*/(0, _jsxRuntime.jsx)(Line, (0, _extends2.default)({
       y1: top,

package/RadarChart/RadarChart.d.ts

@@ -12,7 +12,7 @@ import { type ChartsSlotProps, type ChartsSlots } from "../internals/material/in
 import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from "../Toolbar/index.js";
 export interface RadarChartSlots extends ChartsTooltipSlots, ChartsOverlaySlots, ChartsLegendSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
 export interface RadarChartSlotProps extends ChartsTooltipSlotProps, ChartsOverlaySlotProps, ChartsLegendSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {}
-export interface RadarChartProps extends RadarDataProviderProps, Omit<RadarGridProps, 'classes'>, Omit<Partial<RadarAxisHighlightProps>, 'classes'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<ChartsWrapperProps, 'sx'>, Omit<ChartsSurfaceProps, 'sx'>, Pick<RadarSeriesPlotProps, 'onAreaClick' | 'onMarkClick'> {
+export interface RadarChartProps extends Omit<RadarDataProviderProps, 'plugins'>, Omit<RadarGridProps, 'classes'>, Omit<Partial<RadarAxisHighlightProps>, 'classes'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, Pick<ChartsWrapperProps, 'sx'>, Omit<ChartsSurfaceProps, 'sx'>, Pick<RadarSeriesPlotProps, 'onAreaClick' | 'onMarkClick'> {
   /**
    * If `true`, the legend is not rendered.
    */

package/RadarChart/useRadarChartProps.js

@@ -57,7 +57,7 @@ const useRadarChartProps = props => {
     skipAnimation,
     onAxisClick,
     enableKeyboardNavigation,
-    plugins: props.plugins ?? _RadarChart.RADAR_PLUGINS
+    plugins: _RadarChart.RADAR_PLUGINS
   };
   const overlayProps = {
     slots,

package/context/ChartProvider/ChartContext.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import type { ChartContextValue } from "./ChartProvider.types.js";
 /**
+ * @deprecated Use `ChartsContext` instead. We added S to the charts prefix to align with other components.
  * @ignore - internal component.
  */
-export declare const ChartContext: React.Context<ChartContextValue<any> | null>;
+export declare const ChartContext: import("react").Context<import("../ChartsProvider/index.js").ChartsContextValue<any> | null>;

package/context/ChartProvider/ChartContext.js

@@ -1,14 +1,13 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartContext = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _ChartsContext = require("../ChartsProvider/ChartsContext");
 /**
+ * @deprecated Use `ChartsContext` instead. We added S to the charts prefix to align with other components.
  * @ignore - internal component.
  */
-const ChartContext = exports.ChartContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== "production") ChartContext.displayName = "ChartContext";
+const ChartContext = exports.ChartContext = _ChartsContext.ChartsContext;

package/context/ChartProvider/ChartProvider.d.ts

@@ -1,8 +1,5 @@
-import * as React from 'react';
-import type { ChartProviderProps } from "./ChartProvider.types.js";
-import { type ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
-import { type ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-import { type ChartSeriesType } from "../../models/seriesType/config.js";
-export declare const defaultSeriesConfig: ChartSeriesConfig<'bar' | 'scatter' | 'line' | 'pie'>;
-declare function ChartProvider<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]>(props: React.PropsWithChildren<ChartProviderProps<TSeriesType, TSignatures>>): import("react/jsx-runtime").JSX.Element;
-export { ChartProvider };
+import { ChartsProvider } from "../ChartsProvider/index.js";
+/**
+ * @deprecated Use `ChartsProvider` instead. We added S to the charts prefix to align with other components.
+ */
+export declare const ChartProvider: typeof ChartsProvider;

package/context/ChartProvider/ChartProvider.js

@@ -1,47 +1,12 @@
 "use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChartProvider = ChartProvider;
-exports.defaultSeriesConfig = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _useCharts = require("../../internals/store/useCharts");
-var _ChartContext = require("./ChartContext");
-var _useChartCartesianAxis = require("../../internals/plugins/featurePlugins/useChartCartesianAxis");
-var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartTooltip");
-var _useChartInteraction = require("../../internals/plugins/featurePlugins/useChartInteraction");
-var _useChartZAxis = require("../../internals/plugins/featurePlugins/useChartZAxis");
-var _useChartHighlight = require("../../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight");
-var _seriesConfig = require("../../BarChart/seriesConfig");
-var _seriesConfig2 = require("../../ScatterChart/seriesConfig");
-var _seriesConfig3 = require("../../LineChart/seriesConfig");
-var _seriesConfig4 = require("../../PieChart/seriesConfig");
-var _jsxRuntime = require("react/jsx-runtime");
-const defaultSeriesConfig = exports.defaultSeriesConfig = {
-  bar: _seriesConfig.barSeriesConfig,
-  scatter: _seriesConfig2.scatterSeriesConfig,
-  line: _seriesConfig3.lineSeriesConfig,
-  pie: _seriesConfig4.pieSeriesConfig
-};
-
-// For consistency with the v7, the cartesian axes are set by default.
-// To remove them, you can provide a `plugins` props.
-const defaultPlugins = [_useChartZAxis.useChartZAxis, _useChartTooltip.useChartTooltip, _useChartInteraction.useChartInteraction, _useChartCartesianAxis.useChartCartesianAxis, _useChartHighlight.useChartHighlight];
-function ChartProvider(props) {
-  const {
-    children,
-    plugins = defaultPlugins,
-    pluginParams = {},
-    seriesConfig = defaultSeriesConfig
-  } = props;
-  const {
-    contextValue
-  } = (0, _useCharts.useCharts)(plugins, pluginParams, seriesConfig);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartContext.ChartContext.Provider, {
-    value: contextValue,
-    children: children
-  });
-}
+exports.ChartProvider = void 0;
+var _ChartsProvider = require("../ChartsProvider");
+/**
+ * @deprecated Use `ChartsProvider` instead. We added S to the charts prefix to align with other components.
+ */
+const ChartProvider = exports.ChartProvider = _ChartsProvider.ChartsProvider;

package/context/ChartProvider/ChartProvider.types.d.ts

@@ -1,42 +1,15 @@
-import type * as React from 'react';
-import { type Store } from '@mui/x-internals/store';
-import type { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ChartState, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from "../../internals/plugins/models/index.js";
-import type { ChartCorePluginSignatures } from "../../internals/plugins/corePlugins/index.js";
-import type { ChartSeriesConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-import type { UseChartBaseProps } from "../../internals/store/useCharts.types.js";
+import type { ChartsContextValue, ChartsPluginParams, ChartsProviderProps } from "../ChartsProvider/ChartsProvider.types.js";
+import type { ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
 import type { ChartSeriesType } from "../../models/seriesType/config.js";
-export type ChartContextValue<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> = {
-  /**
-   * And object with all the methods needed to interact with the chart.
-   */
-  instance: ChartInstance<TSignatures, TOptionalSignatures>;
-  /**
-   * A subset of the `instance` method that are exposed to the developers.
-   */
-  publicAPI: ChartPublicAPI<TSignatures, TOptionalSignatures>;
-  /**
-   * The internal state of the chart.
-   */
-  store: Store<ChartState<TSignatures, TOptionalSignatures>>;
-  /**
-   * The ref to the <svg />.
-   */
-  svgRef: React.RefObject<SVGSVGElement | null>;
-  /**
-   * The ref to the chart root element.
-   */
-  chartRootRef: React.RefObject<HTMLDivElement | null>;
-};
-export type ChartPluginParams<TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartBaseProps<TSignatures> & MergeSignaturesProperty<[...ChartCorePluginSignatures, ...TSignatures], 'params'>;
-export interface ChartProviderProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = []> {
-  /**
-   * Array of plugins used to add features to the chart.
-   */
-  plugins?: ConvertSignaturesIntoPlugins<TSignatures>;
-  pluginParams?: ChartPluginParams<TSignatures>;
-  /**
-   * The configuration helpers used to compute attributes according to the series type.
-   * @ignore Unstable props for internal usage.
-   */
-  seriesConfig?: ChartSeriesConfig<TSeries>;
-}
+/**
+ * @deprecated Use `ChartsContextValue` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartContextValue<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> = ChartsContextValue<TSignatures, TOptionalSignatures>;
+/**
+ * @deprecated Use `ChartsPluginParams` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartPluginParams<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = ChartsPluginParams<TSeriesType, TSignatures>;
+/**
+ * @deprecated Use `ChartsProviderProps` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartProviderProps<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = ChartsProviderProps<TSeriesType, TSignatures>;

package/context/ChartProvider/useChartContext.d.ts

@@ -1,3 +1,4 @@
-import { type ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
-import { type ChartContextValue } from "./ChartProvider.types.js";
-export declare const useChartContext: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []>() => ChartContextValue<TSignatures, TOptionalSignatures>;
+/**
+ * @deprecated Use `useChartsContext` instead. We added S to the charts prefix to align with other components.
+ */
+export declare const useChartContext: <TSignatures extends readonly import("../../internals/index.js").ChartAnyPluginSignature[], TOptionalSignatures extends readonly import("../../internals/index.js").ChartAnyPluginSignature[] = []>() => import("../ChartsProvider/index.js").ChartsContextValue<TSignatures, TOptionalSignatures>;