@mui/x-charts 7.0.0-beta.3 → 7.0.0-beta.4

package/esm/context/DrawingProvider.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import useChartDimensions from '../hooks/useChartDimensions';
 
@@ -17,16 +16,16 @@ export const DrawingContext = /*#__PURE__*/React.createContext({
   width: 400,
   chartId: ''
 });
-export const SVGContext = /*#__PURE__*/React.createContext({
+if (process.env.NODE_ENV !== 'production') {
+  DrawingContext.displayName = 'DrawingContext';
+}
+export const SvgContext = /*#__PURE__*/React.createContext({
   current: null
 });
-
-/**
- * API:
- *
- * - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
- */
-function DrawingProvider(props) {
+if (process.env.NODE_ENV !== 'production') {
+  SvgContext.displayName = 'SvgContext';
+}
+export function DrawingProvider(props) {
   const {
     width,
     height,
@@ -39,36 +38,11 @@ function DrawingProvider(props) {
   const value = React.useMemo(() => _extends({
     chartId: chartId != null ? chartId : ''
   }, drawingArea), [chartId, drawingArea]);
-  return /*#__PURE__*/_jsx(SVGContext.Provider, {
+  return /*#__PURE__*/_jsx(SvgContext.Provider, {
     value: svgRef,
     children: /*#__PURE__*/_jsx(DrawingContext.Provider, {
       value: value,
       children: children
     })
   });
-}
-process.env.NODE_ENV !== "production" ? DrawingProvider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  height: PropTypes.number.isRequired,
-  /**
-   * 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 an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default object Depends on the charts type.
-   */
-  margin: PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  }),
-  svgRef: PropTypes.shape({
-    current: PropTypes.object
-  }).isRequired,
-  width: PropTypes.number.isRequired
-} : void 0;
-export { DrawingProvider };
+}

package/esm/context/HighlightProvider.js

@@ -10,6 +10,9 @@ export const HighlighContext = /*#__PURE__*/React.createContext({
   scope: defaultScope,
   dispatch: () => null
 });
+if (process.env.NODE_ENV !== 'production') {
+  HighlighContext.displayName = 'HighlighContext';
+}
 const dataReducer = (prevState, action) => {
   switch (action.type) {
     case 'enterItem':

package/esm/context/InteractionProvider.js

@@ -10,6 +10,9 @@ export const InteractionContext = /*#__PURE__*/React.createContext({
   useVoronoiInteraction: false,
   dispatch: () => null
 });
+if (process.env.NODE_ENV !== 'production') {
+  InteractionContext.displayName = 'InteractionContext';
+}
 const dataReducer = (prevState, action) => {
   switch (action.type) {
     case 'enterItem':

package/esm/context/SeriesContextProvider.js

@@ -9,6 +9,9 @@ import { defaultizeColor } from '../internals/defaultizeColor';
 import { blueberryTwilightPalette } from '../colorPalettes';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const SeriesContext = /*#__PURE__*/React.createContext({});
+if (process.env.NODE_ENV !== 'production') {
+  SeriesContext.displayName = 'SeriesContext';
+}
 const seriesTypeFormatter = {
   bar: barSeriesFormatter,
   scatter: scatterSeriesFormatter,

package/esm/context/index.js

@@ -1,2 +1 @@
-export { CartesianContextProvider } from './CartesianContextProvider';
-export { DrawingProvider } from './DrawingProvider';
+export {};

package/esm/hooks/useAxisEvents.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { InteractionContext } from '../context/InteractionProvider';
 import { CartesianContext } from '../context/CartesianContextProvider';
-import { SVGContext, DrawingContext } from '../context/DrawingProvider';
+import { SvgContext, DrawingContext } from '../context/DrawingProvider';
 import { isBandScale } from '../internals/isBandScale';
 import { getSVGPoint } from '../internals/utils';
 function getAsANumber(value) {
   return value instanceof Date ? value.getTime() : value;
 }
 export const useAxisEvents = disableAxisListener => {
-  const svgRef = React.useContext(SVGContext);
+  const svgRef = React.useContext(SvgContext);
   const {
     width,
     height,

package/hooks/useAxisEvents.js

@@ -16,7 +16,7 @@ function getAsANumber(value) {
   return value instanceof Date ? value.getTime() : value;
 }
 const useAxisEvents = disableAxisListener => {
-  const svgRef = React.useContext(_DrawingProvider.SVGContext);
+  const svgRef = React.useContext(_DrawingProvider.SvgContext);
   const {
     width,
     height,

package/hooks/useTicks.d.ts

@@ -7,7 +7,7 @@ export interface TickParams {
      */
     tickMaxStep?: number;
     /**
-     * Maximal step between two ticks.
+     * Minimal step between two ticks.
      * When using time data, the value is assumed to be in ms.
      * Not supported by categorical axis (band, points).
      */

package/index.js

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

package/modern/BarChart/BarChart.js

@@ -186,7 +186,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   }),
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: PropTypes.number,
   /**
@@ -355,7 +354,6 @@ process.env.NODE_ENV !== "production" ? BarChart.propTypes = {
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: PropTypes.number,
   /**

package/modern/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { SVGContext } from '../context/DrawingProvider';
+import { SvgContext } from '../context/DrawingProvider';
 import { InteractionContext } from '../context/InteractionProvider';
 import { CartesianContext } from '../context/CartesianContextProvider';
 import { SeriesContext } from '../context/SeriesContextProvider';
@@ -9,7 +9,7 @@ function ChartsOnAxisClickHandler(props) {
   const {
     onAxisClick
   } = props;
-  const svgRef = React.useContext(SVGContext);
+  const svgRef = React.useContext(SvgContext);
   const series = React.useContext(SeriesContext);
   const {
     axis

package/modern/ChartsTooltip/utils.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SVGContext } from '../context/DrawingProvider';
+import { SvgContext } from '../context/DrawingProvider';
 export function generateVirtualElement(mousePosition) {
   if (mousePosition === null) {
     return {
@@ -44,7 +44,7 @@ export function generateVirtualElement(mousePosition) {
   };
 }
 export function useMouseTracker() {
-  const svgRef = React.useContext(SVGContext);
+  const svgRef = React.useContext(SvgContext);
 
   // Use a ref to avoid rerendering on every mousemove event.
   const [mousePosition, setMousePosition] = React.useState(null);

package/modern/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -4,7 +4,7 @@ import { Delaunay } from 'd3-delaunay';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { InteractionContext } from '../context/InteractionProvider';
 import { CartesianContext } from '../context/CartesianContextProvider';
-import { SVGContext, DrawingContext } from '../context/DrawingProvider';
+import { SvgContext, DrawingContext } from '../context/DrawingProvider';
 import { SeriesContext } from '../context/SeriesContextProvider';
 import { getValueToPositionMapper } from '../hooks/useScale';
 import { getSVGPoint } from '../internals/utils';
@@ -14,7 +14,7 @@ function ChartsVoronoiHandler(props) {
     voronoiMaxRadius,
     onItemClick
   } = props;
-  const svgRef = React.useContext(SVGContext);
+  const svgRef = React.useContext(SvgContext);
   const {
     width,
     height,
@@ -207,7 +207,6 @@ process.env.NODE_ENV !== "production" ? ChartsVoronoiHandler.propTypes = {
   /**
    * Defines the maximal distance between a scatter point and the pointer that triggers the interaction.
    * If `undefined`, the radius is assumed to be infinite.
-   * @default undefined
    */
   voronoiMaxRadius: PropTypes.number
 } : void 0;

package/modern/ChartsXAxis/ChartsXAxis.js

@@ -330,7 +330,7 @@ process.env.NODE_ENV !== "production" ? ChartsXAxis.propTypes = {
    */
   tickMaxStep: PropTypes.number,
   /**
-   * Maximal step between two ticks.
+   * Minimal step between two ticks.
    * When using time data, the value is assumed to be in ms.
    * Not supported by categorical axis (band, points).
    */

package/modern/ChartsYAxis/ChartsYAxis.js

@@ -260,7 +260,7 @@ process.env.NODE_ENV !== "production" ? ChartsYAxis.propTypes = {
    */
   tickMaxStep: PropTypes.number,
   /**
-   * Maximal step between two ticks.
+   * Minimal step between two ticks.
    * When using time data, the value is assumed to be in ms.
    * Not supported by categorical axis (band, points).
    */

package/modern/Gauge/Gauge.js

@@ -82,7 +82,6 @@ process.env.NODE_ENV !== "production" ? Gauge.propTypes = {
   endAngle: PropTypes.number,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: PropTypes.number,
   /**
@@ -142,7 +141,6 @@ process.env.NODE_ENV !== "production" ? Gauge.propTypes = {
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: PropTypes.number
 } : void 0;

package/modern/Gauge/GaugeContainer.js

@@ -142,7 +142,6 @@ process.env.NODE_ENV !== "production" ? GaugeContainer.propTypes = {
   endAngle: PropTypes.number,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: PropTypes.number,
   /**
@@ -201,7 +200,6 @@ process.env.NODE_ENV !== "production" ? GaugeContainer.propTypes = {
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: PropTypes.number
 } : void 0;

package/modern/Gauge/GaugeProvider.js

@@ -18,6 +18,9 @@ export const GaugeContext = /*#__PURE__*/React.createContext({
   maxRadius: 0,
   valueAngle: null
 });
+if (process.env.NODE_ENV !== 'production') {
+  GaugeContext.displayName = 'GaugeContext';
+}
 export function GaugeProvider(props) {
   const {
     value = null,

package/modern/Gauge/GaugeValueText.js

@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 function defaultFormatter({
   value
 }) {
-  return value === null ? 'NaN' : value.toLocaleString();
+  return value === null ? null : value.toLocaleString();
 }
 function GaugeValueText(props) {
   const {

package/modern/LineChart/LineChart.js

@@ -197,7 +197,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   }),
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: PropTypes.number,
   /**
@@ -368,7 +367,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: PropTypes.number,
   /**

package/modern/PieChart/PieChart.js

@@ -157,7 +157,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   disableAxisListener: PropTypes.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: PropTypes.number,
   /**
@@ -315,7 +314,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: PropTypes.number,
   /**

package/modern/ResponsiveChartContainer/ResponsiveChartContainer.js

@@ -72,7 +72,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
   disableAxisListener: PropTypes.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: PropTypes.number,
   /**
@@ -103,7 +102,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: PropTypes.number,
   /**

package/modern/ScatterChart/ScatterChart.js

@@ -159,7 +159,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   }),
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: PropTypes.number,
   /**
@@ -313,12 +312,10 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
   /**
    * Defines the maximal distance between a scatter point and the pointer that triggers the interaction.
    * If `undefined`, the radius is assumed to be infinite.
-   * @default undefined
    */
   voronoiMaxRadius: PropTypes.number,
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: PropTypes.number,
   /**

package/modern/SparkLineChart/SparkLineChart.js

@@ -146,7 +146,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   disableAxisListener: PropTypes.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: PropTypes.number,
   /**
@@ -218,7 +217,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   }),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: PropTypes.number,
   /**

package/modern/context/CartesianContextProvider.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { scaleBand, scalePoint } from 'd3-scale';
-import PropTypes from 'prop-types';
 import { getExtremumX as getBarExtremumX, getExtremumY as getBarExtremumY } from '../BarChart/extremums';
 import { getExtremumX as getScatterExtremumX, getExtremumY as getScatterExtremumY } from '../ScatterChart/extremums';
 import { getExtremumX as getLineExtremumX, getExtremumY as getLineExtremumY } from '../LineChart/extremums';
@@ -32,12 +31,9 @@ export const CartesianContext = /*#__PURE__*/React.createContext({
   xAxisIds: [],
   yAxisIds: []
 });
-
-/**
- * API:
- *
- * - [CartesianContextProvider API](https://mui.com/x/api/charts/cartesian-context-provider/)
- */
+if (process.env.NODE_ENV !== 'production') {
+  CartesianContext.displayName = 'CartesianContext';
+}
 function CartesianContextProvider(props) {
   const {
     xAxis: inXAxis,
@@ -210,85 +206,4 @@ function CartesianContextProvider(props) {
     children: children
   });
 }
-process.env.NODE_ENV !== "production" ? CartesianContextProvider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * The configuration of the x-axes.
-   * If not provided, a default axis config is used with id set to `DEFAULT_X_AXIS_KEY`.
-   */
-  xAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    classes: PropTypes.object,
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    tickFontSize: PropTypes.number,
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func
-  })),
-  /**
-   * The configuration of the y-axes.
-   * If not provided, a default axis config is used with id set to `DEFAULT_Y_AXIS_KEY`.
-   */
-  yAxis: PropTypes.arrayOf(PropTypes.shape({
-    axisId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    classes: PropTypes.object,
-    data: PropTypes.array,
-    dataKey: PropTypes.string,
-    disableLine: PropTypes.bool,
-    disableTicks: PropTypes.bool,
-    fill: PropTypes.string,
-    hideTooltip: PropTypes.bool,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    label: PropTypes.string,
-    labelFontSize: PropTypes.number,
-    labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    position: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
-    reverse: PropTypes.bool,
-    scaleType: PropTypes.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    slotProps: PropTypes.object,
-    slots: PropTypes.object,
-    stroke: PropTypes.string,
-    tickFontSize: PropTypes.number,
-    tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
-    tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
-    tickLabelStyle: PropTypes.object,
-    tickMaxStep: PropTypes.number,
-    tickMinStep: PropTypes.number,
-    tickNumber: PropTypes.number,
-    tickSize: PropTypes.number,
-    valueFormatter: PropTypes.func
-  }))
-} : void 0;
 export { CartesianContextProvider };

package/modern/context/DrawingProvider.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import useChartDimensions from '../hooks/useChartDimensions';
 
@@ -17,16 +16,16 @@ export const DrawingContext = /*#__PURE__*/React.createContext({
   width: 400,
   chartId: ''
 });
-export const SVGContext = /*#__PURE__*/React.createContext({
+if (process.env.NODE_ENV !== 'production') {
+  DrawingContext.displayName = 'DrawingContext';
+}
+export const SvgContext = /*#__PURE__*/React.createContext({
   current: null
 });
-
-/**
- * API:
- *
- * - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
- */
-function DrawingProvider(props) {
+if (process.env.NODE_ENV !== 'production') {
+  SvgContext.displayName = 'SvgContext';
+}
+export function DrawingProvider(props) {
   const {
     width,
     height,
@@ -39,36 +38,11 @@ function DrawingProvider(props) {
   const value = React.useMemo(() => _extends({
     chartId: chartId ?? ''
   }, drawingArea), [chartId, drawingArea]);
-  return /*#__PURE__*/_jsx(SVGContext.Provider, {
+  return /*#__PURE__*/_jsx(SvgContext.Provider, {
     value: svgRef,
     children: /*#__PURE__*/_jsx(DrawingContext.Provider, {
       value: value,
       children: children
     })
   });
-}
-process.env.NODE_ENV !== "production" ? DrawingProvider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  height: PropTypes.number.isRequired,
-  /**
-   * 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 an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default object Depends on the charts type.
-   */
-  margin: PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  }),
-  svgRef: PropTypes.shape({
-    current: PropTypes.object
-  }).isRequired,
-  width: PropTypes.number.isRequired
-} : void 0;
-export { DrawingProvider };
+}

package/modern/context/HighlightProvider.js

@@ -10,6 +10,9 @@ export const HighlighContext = /*#__PURE__*/React.createContext({
   scope: defaultScope,
   dispatch: () => null
 });
+if (process.env.NODE_ENV !== 'production') {
+  HighlighContext.displayName = 'HighlighContext';
+}
 const dataReducer = (prevState, action) => {
   switch (action.type) {
     case 'enterItem':

package/modern/context/InteractionProvider.js

@@ -10,6 +10,9 @@ export const InteractionContext = /*#__PURE__*/React.createContext({
   useVoronoiInteraction: false,
   dispatch: () => null
 });
+if (process.env.NODE_ENV !== 'production') {
+  InteractionContext.displayName = 'InteractionContext';
+}
 const dataReducer = (prevState, action) => {
   switch (action.type) {
     case 'enterItem':

package/modern/context/SeriesContextProvider.js

@@ -9,6 +9,9 @@ import { defaultizeColor } from '../internals/defaultizeColor';
 import { blueberryTwilightPalette } from '../colorPalettes';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const SeriesContext = /*#__PURE__*/React.createContext({});
+if (process.env.NODE_ENV !== 'production') {
+  SeriesContext.displayName = 'SeriesContext';
+}
 const seriesTypeFormatter = {
   bar: barSeriesFormatter,
   scatter: scatterSeriesFormatter,

package/modern/context/index.js

@@ -1,2 +1 @@
-export { CartesianContextProvider } from './CartesianContextProvider';
-export { DrawingProvider } from './DrawingProvider';
+export {};

package/modern/hooks/useAxisEvents.js

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { InteractionContext } from '../context/InteractionProvider';
 import { CartesianContext } from '../context/CartesianContextProvider';
-import { SVGContext, DrawingContext } from '../context/DrawingProvider';
+import { SvgContext, DrawingContext } from '../context/DrawingProvider';
 import { isBandScale } from '../internals/isBandScale';
 import { getSVGPoint } from '../internals/utils';
 function getAsANumber(value) {
   return value instanceof Date ? value.getTime() : value;
 }
 export const useAxisEvents = disableAxisListener => {
-  const svgRef = React.useContext(SVGContext);
+  const svgRef = React.useContext(SvgContext);
   const {
     width,
     height,

package/modern/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "7.0.0-beta.3",
+  "version": "7.0.0-beta.4",
   "description": "The community edition of the charts components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",