@mui/x-charts 8.27.0 → 8.27.4

package/esm/context/ChartsProvider/ChartsProvider.types.js

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

package/esm/context/ChartsProvider/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ChartsProvider.js";
+export * from "./ChartsProvider.types.js";
+export * from "./useChartsContext.js";

package/esm/context/ChartsProvider/index.js

@@ -0,0 +1,3 @@
+export * from "./ChartsProvider.js";
+export * from "./ChartsProvider.types.js";
+export * from "./useChartsContext.js";

package/esm/context/ChartsProvider/useChartsContext.d.ts

@@ -0,0 +1,3 @@
+import { type ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
+import { type ChartsContextValue } from "./ChartsProvider.types.js";
+export declare const useChartsContext: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []>() => ChartsContextValue<TSignatures, TOptionalSignatures>;

package/esm/context/ChartsProvider/useChartsContext.js

@@ -0,0 +1,11 @@
+'use client';
+
+import * as React from 'react';
+import { ChartsContext } from "./ChartsContext.js";
+export const useChartsContext = () => {
+  const context = React.useContext(ChartsContext);
+  if (context == null) {
+    throw new Error('MUI X Charts: Could not find the Charts context. ' + 'This happens when the component is rendered outside of a ChartsDataProvider or ChartsContainer parent component, ' + 'which means the required context is not available. ' + 'Wrap your component in a ChartsDataProvider or ChartsContainer. ' + 'This can also happen if you are bundling multiple versions of the library.');
+  }
+  return context;
+};

package/esm/context/ChartsSlotsContext.d.ts

@@ -7,7 +7,7 @@ export interface ChartsSlotsContextValue<T extends ChartsSlots & Record<keyof T,
 }
 export declare const ChartsSlotsContext: React.Context<ChartsSlotsContextValue<ChartsSlots> | null>;
 /**
- * Get the slots and slotProps from the nearest `ChartDataProvider` or `ChartDataProviderPro`.
+ * Get the slots and slotProps from the nearest `ChartsDataProvider` or `ChartsDataProviderPro`.
  * @returns {ChartsSlotsContextValue} The slots and slotProps from the context.
  */
 export declare function useChartsSlots<T extends ChartsSlots & Record<keyof T, React.ComponentType<any>> = ChartsSlots>(): ChartsSlotsContextValue<T>;

package/esm/context/ChartsSlotsContext.js

@@ -6,7 +6,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export const ChartsSlotsContext = /*#__PURE__*/React.createContext(null);
 
 /**
- * Get the slots and slotProps from the nearest `ChartDataProvider` or `ChartDataProviderPro`.
+ * Get the slots and slotProps from the nearest `ChartsDataProvider` or `ChartsDataProviderPro`.
  * @returns {ChartsSlotsContextValue} The slots and slotProps from the context.
  */
 if (process.env.NODE_ENV !== "production") ChartsSlotsContext.displayName = "ChartsSlotsContext";

package/esm/index.d.ts

@@ -24,8 +24,11 @@ export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
 export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
+export { ChartsContainer } from "./ChartsContainer/index.js";
+export type { ChartsContainerProps, ChartsContainerSlots, ChartsContainerSlotProps } from "./ChartsContainer/index.js";
 export { ChartContainer } from "./ChartContainer/index.js";
-export type { ChartContainerProps } from "./ChartContainer/index.js";
+export type { ChartContainerProps, ChartContainerSlots, ChartContainerSlotProps } from "./ChartContainer/index.js";
+export * from "./ChartsDataProvider/index.js";
 export * from "./ChartDataProvider/index.js";
 export * from "./Toolbar/index.js";
 export * from "./ChartsWrapper/index.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.27.0
+ * @mui/x-charts v8.27.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -31,7 +31,9 @@ export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
 export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
+export { ChartsContainer } from "./ChartsContainer/index.js";
 export { ChartContainer } from "./ChartContainer/index.js";
+export * from "./ChartsDataProvider/index.js";
 export * from "./ChartDataProvider/index.js";
 export * from "./Toolbar/index.js";
 export * from "./ChartsWrapper/index.js";

package/esm/internals/index.d.ts

@@ -15,7 +15,9 @@ export { useLinePlotData } from "../LineChart/useLinePlotData.js";
 export * from "../BarChart/useBarChartProps.js";
 export { processBarDataForPlot } from "../BarChart/useBarPlotData.js";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.js";
+export * from "../ChartsContainer/useChartsContainerProps.js";
 export * from "../ChartContainer/useChartContainerProps.js";
+export * from "../ChartsDataProvider/useChartsDataProviderProps.js";
 export * from "../ChartDataProvider/useChartDataProviderProps.js";
 export * from "./seriesSelectorOfType.js";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.js";
@@ -66,6 +68,7 @@ export { getSeriesColorFn } from "./getSeriesColorFn.js";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.js";
 export { getBandSize } from "./getBandSize.js";
 export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.js";
+export * from "../context/ChartsProvider/index.js";
 export * from "../context/ChartProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";
 export * from "../models/seriesType/config.js";

package/esm/internals/index.js

@@ -18,7 +18,9 @@ export { useLinePlotData } from "../LineChart/useLinePlotData.js";
 export * from "../BarChart/useBarChartProps.js";
 export { processBarDataForPlot } from "../BarChart/useBarPlotData.js";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.js";
+export * from "../ChartsContainer/useChartsContainerProps.js";
 export * from "../ChartContainer/useChartContainerProps.js";
+export * from "../ChartsDataProvider/useChartsDataProviderProps.js";
 export * from "../ChartDataProvider/useChartDataProviderProps.js";
 export * from "./seriesSelectorOfType.js";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.js";
@@ -78,6 +80,7 @@ export { getBandSize } from "./getBandSize.js";
 
 // contexts
 export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.js";
+export * from "../context/ChartsProvider/index.js";
 export * from "../context/ChartProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";
 

package/esm/internals/store/useStore.js

@@ -3,7 +3,7 @@ import { useChartContext } from "../../context/ChartProvider/index.js";
 export function useStore() {
   const context = useChartContext();
   if (!context) {
-    throw new Error(['MUI X Charts: Could not find the charts context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
+    throw new Error('MUI X Charts: Could not find the Charts context. ' + 'This happens when the component is rendered outside of a ChartsContainer parent component. ' + 'Wrap your component in a ChartsContainer or ChartsDataProvider.');
   }
   return context.store;
 }

package/esm/themeAugmentation/components.d.ts

@@ -33,6 +33,10 @@ export interface ChartsComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiChartsSurface'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiChartsSurface'];
   };
+  MuiChartsDataProvider?: {
+    defaultProps?: ComponentsProps['MuiChartsDataProvider'];
+  };
+  /** @deprecated Use `MuiChartsDataProvider` instead. */
   MuiChartDataProvider?: {
     defaultProps?: ComponentsProps['MuiChartDataProvider'];
   };

package/esm/themeAugmentation/props.d.ts

@@ -9,7 +9,7 @@ import { type ScatterChartProps } from "../ScatterChart/ScatterChart.js";
 import { type PieChartProps } from "../PieChart/PieChart.js";
 import { type ChartsXAxisProps, type ChartsYAxisProps } from "../models/axis.js";
 import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
-import { type ChartDataProviderProps } from "../ChartDataProvider/index.js";
+import { type ChartsDataProviderProps } from "../ChartsDataProvider/index.js";
 export interface ChartsComponentsPropsList {
   MuiChartsXAxis: ChartsXAxisProps;
   MuiChartsYAxis: ChartsYAxisProps;
@@ -18,7 +18,9 @@ export interface ChartsComponentsPropsList {
   MuiChartsLocalizationProvider: ChartsLocalizationProviderProps;
   MuiChartsTooltip: ChartsTooltipProps;
   MuiChartsSurface: ChartsSurfaceProps;
-  MuiChartDataProvider: ChartDataProviderProps;
+  MuiChartsDataProvider: ChartsDataProviderProps;
+  /** @deprecated Use `MuiChartsDataProvider` instead. */
+  MuiChartDataProvider: ChartsDataProviderProps;
   MuiBarChart: BarChartProps;
   MuiBarLabel: BarLabelProps;
   MuiLineChart: LineChartProps;

package/index.d.ts

@@ -24,8 +24,11 @@ export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
 export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
+export { ChartsContainer } from "./ChartsContainer/index.js";
+export type { ChartsContainerProps, ChartsContainerSlots, ChartsContainerSlotProps } from "./ChartsContainer/index.js";
 export { ChartContainer } from "./ChartContainer/index.js";
-export type { ChartContainerProps } from "./ChartContainer/index.js";
+export type { ChartContainerProps, ChartContainerSlots, ChartContainerSlotProps } from "./ChartContainer/index.js";
+export * from "./ChartsDataProvider/index.js";
 export * from "./ChartDataProvider/index.js";
 export * from "./Toolbar/index.js";
 export * from "./ChartsWrapper/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.27.0
+ * @mui/x-charts v8.27.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11,6 +11,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  ChartsContainer: true,
   ChartContainer: true
 };
 Object.defineProperty(exports, "ChartContainer", {
@@ -19,6 +20,12 @@ Object.defineProperty(exports, "ChartContainer", {
     return _ChartContainer.ChartContainer;
   }
 });
+Object.defineProperty(exports, "ChartsContainer", {
+  enumerable: true,
+  get: function () {
+    return _ChartsContainer.ChartsContainer;
+  }
+});
 var _constants = require("./constants");
 Object.keys(_constants).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -331,7 +338,20 @@ Object.keys(_ChartsSurface).forEach(function (key) {
     }
   });
 });
+var _ChartsContainer = require("./ChartsContainer");
 var _ChartContainer = require("./ChartContainer");
+var _ChartsDataProvider = require("./ChartsDataProvider");
+Object.keys(_ChartsDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProvider[key];
+    }
+  });
+});
 var _ChartDataProvider = require("./ChartDataProvider");
 Object.keys(_ChartDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/index.d.ts

@@ -15,7 +15,9 @@ export { useLinePlotData } from "../LineChart/useLinePlotData.js";
 export * from "../BarChart/useBarChartProps.js";
 export { processBarDataForPlot } from "../BarChart/useBarPlotData.js";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.js";
+export * from "../ChartsContainer/useChartsContainerProps.js";
 export * from "../ChartContainer/useChartContainerProps.js";
+export * from "../ChartsDataProvider/useChartsDataProviderProps.js";
 export * from "../ChartDataProvider/useChartDataProviderProps.js";
 export * from "./seriesSelectorOfType.js";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.js";
@@ -66,6 +68,7 @@ export { getSeriesColorFn } from "./getSeriesColorFn.js";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.js";
 export { getBandSize } from "./getBandSize.js";
 export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.js";
+export * from "../context/ChartsProvider/index.js";
 export * from "../context/ChartProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";
 export * from "../models/seriesType/config.js";

package/internals/index.js

@@ -221,6 +221,18 @@ Object.keys(_useBarChartProps).forEach(function (key) {
 });
 var _useBarPlotData = require("../BarChart/useBarPlotData");
 var _useRadarChartProps = require("../RadarChart/useRadarChartProps");
+var _useChartsContainerProps = require("../ChartsContainer/useChartsContainerProps");
+Object.keys(_useChartsContainerProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartsContainerProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartsContainerProps[key];
+    }
+  });
+});
 var _useChartContainerProps = require("../ChartContainer/useChartContainerProps");
 Object.keys(_useChartContainerProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -233,6 +245,18 @@ Object.keys(_useChartContainerProps).forEach(function (key) {
     }
   });
 });
+var _useChartsDataProviderProps = require("../ChartsDataProvider/useChartsDataProviderProps");
+Object.keys(_useChartsDataProviderProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useChartsDataProviderProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useChartsDataProviderProps[key];
+    }
+  });
+});
 var _useChartDataProviderProps = require("../ChartDataProvider/useChartDataProviderProps");
 Object.keys(_useChartDataProviderProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -745,6 +769,18 @@ var _getSeriesColorFn = require("./getSeriesColorFn");
 var _checkBarChartScaleErrors = require("../BarChart/checkBarChartScaleErrors");
 var _getBandSize = require("./getBandSize");
 var _getAxisExtrema = require("./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema");
+var _ChartsProvider = require("../context/ChartsProvider");
+Object.keys(_ChartsProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsProvider[key];
+    }
+  });
+});
 var _ChartProvider = require("../context/ChartProvider");
 Object.keys(_ChartProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/store/useStore.js

@@ -9,7 +9,7 @@ var _ChartProvider = require("../../context/ChartProvider");
 function useStore() {
   const context = (0, _ChartProvider.useChartContext)();
   if (!context) {
-    throw new Error(['MUI X Charts: Could not find the charts context.', 'It looks like you rendered your component outside of a ChartContainer parent component.'].join('\n'));
+    throw new Error('MUI X Charts: Could not find the Charts context. ' + 'This happens when the component is rendered outside of a ChartsContainer parent component. ' + 'Wrap your component in a ChartsContainer or ChartsDataProvider.');
   }
   return context.store;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.27.0",
+  "version": "8.27.4",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -34,9 +34,9 @@
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-charts-vendor": "8.26.0",
     "@mui/x-internal-gestures": "0.4.0",
-    "@mui/x-internals": "8.26.0"
+    "@mui/x-internals": "8.26.0",
+    "@mui/x-charts-vendor": "8.26.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.d.ts

@@ -33,6 +33,10 @@ export interface ChartsComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiChartsSurface'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiChartsSurface'];
   };
+  MuiChartsDataProvider?: {
+    defaultProps?: ComponentsProps['MuiChartsDataProvider'];
+  };
+  /** @deprecated Use `MuiChartsDataProvider` instead. */
   MuiChartDataProvider?: {
     defaultProps?: ComponentsProps['MuiChartDataProvider'];
   };

package/themeAugmentation/props.d.ts

@@ -9,7 +9,7 @@ import { type ScatterChartProps } from "../ScatterChart/ScatterChart.js";
 import { type PieChartProps } from "../PieChart/PieChart.js";
 import { type ChartsXAxisProps, type ChartsYAxisProps } from "../models/axis.js";
 import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
-import { type ChartDataProviderProps } from "../ChartDataProvider/index.js";
+import { type ChartsDataProviderProps } from "../ChartsDataProvider/index.js";
 export interface ChartsComponentsPropsList {
   MuiChartsXAxis: ChartsXAxisProps;
   MuiChartsYAxis: ChartsYAxisProps;
@@ -18,7 +18,9 @@ export interface ChartsComponentsPropsList {
   MuiChartsLocalizationProvider: ChartsLocalizationProviderProps;
   MuiChartsTooltip: ChartsTooltipProps;
   MuiChartsSurface: ChartsSurfaceProps;
-  MuiChartDataProvider: ChartDataProviderProps;
+  MuiChartsDataProvider: ChartsDataProviderProps;
+  /** @deprecated Use `MuiChartsDataProvider` instead. */
+  MuiChartDataProvider: ChartsDataProviderProps;
   MuiBarChart: BarChartProps;
   MuiBarLabel: BarLabelProps;
   MuiLineChart: LineChartProps;