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

package/PieChart/PieChart.js

@@ -165,7 +165,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
   disableAxisListener: _propTypes.default.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: _propTypes.default.number,
   /**
@@ -323,7 +322,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.default.number,
   /**

package/ResponsiveChartContainer/ResponsiveChartContainer.d.ts

@@ -3,12 +3,10 @@ import { ChartContainerProps } from '../ChartContainer';
 export interface ResponsiveChartContainerProps extends Omit<ChartContainerProps, 'width' | 'height'> {
     /**
      * The width of the chart in px. If not defined, it takes the width of the parent element.
-     * @default undefined
      */
     width?: number;
     /**
      * The height of the chart in px. If not defined, it takes the height of the parent element.
-     * @default undefined
      */
     height?: number;
 }

package/ResponsiveChartContainer/ResponsiveChartContainer.js

@@ -81,7 +81,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
   disableAxisListener: _propTypes.default.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: _propTypes.default.number,
   /**
@@ -112,7 +111,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.default.number,
   /**

package/ScatterChart/ScatterChart.js

@@ -167,7 +167,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.default.number,
   /**
@@ -321,12 +320,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.default.number,
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
-   * @default undefined
    */
   width: _propTypes.default.number,
   /**

package/SparkLineChart/SparkLineChart.js

@@ -154,7 +154,6 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
   disableAxisListener: _propTypes.default.bool,
   /**
    * The height of the chart in px. If not defined, it takes the height of the parent element.
-   * @default undefined
    */
   height: _propTypes.default.number,
   /**
@@ -226,7 +225,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.default.number,
   /**

package/context/CartesianContextProvider.d.ts

@@ -45,13 +45,5 @@ export declare const CartesianContext: React.Context<{
      */
     yAxisIds: string[];
 }>;
-/**
- * API:
- *
- * - [CartesianContextProvider API](https://mui.com/x/api/charts/cartesian-context-provider/)
- */
 declare function CartesianContextProvider(props: CartesianContextProviderProps): React.JSX.Element;
-declare namespace CartesianContextProvider {
-    var propTypes: any;
-}
 export { CartesianContextProvider };

package/context/CartesianContextProvider.js

@@ -9,7 +9,6 @@ exports.CartesianContextProvider = CartesianContextProvider;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _d3Scale = require("d3-scale");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _extremums = require("../BarChart/extremums");
 var _extremums2 = require("../ScatterChart/extremums");
 var _extremums3 = require("../LineChart/extremums");
@@ -42,12 +41,9 @@ const CartesianContext = exports.CartesianContext = /*#__PURE__*/React.createCon
   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,
@@ -219,85 +215,4 @@ function CartesianContextProvider(props) {
     value: value,
     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.default.node,
-  /**
-   * 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),
-  /**
-   * 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.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-    classes: _propTypes.default.object,
-    data: _propTypes.default.array,
-    dataKey: _propTypes.default.string,
-    disableLine: _propTypes.default.bool,
-    disableTicks: _propTypes.default.bool,
-    fill: _propTypes.default.string,
-    hideTooltip: _propTypes.default.bool,
-    id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-    label: _propTypes.default.string,
-    labelFontSize: _propTypes.default.number,
-    labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
-    reverse: _propTypes.default.bool,
-    scaleType: _propTypes.default.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    slotProps: _propTypes.default.object,
-    slots: _propTypes.default.object,
-    stroke: _propTypes.default.string,
-    tickFontSize: _propTypes.default.number,
-    tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
-    tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
-    tickLabelStyle: _propTypes.default.object,
-    tickMaxStep: _propTypes.default.number,
-    tickMinStep: _propTypes.default.number,
-    tickNumber: _propTypes.default.number,
-    tickSize: _propTypes.default.number,
-    valueFormatter: _propTypes.default.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.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-    classes: _propTypes.default.object,
-    data: _propTypes.default.array,
-    dataKey: _propTypes.default.string,
-    disableLine: _propTypes.default.bool,
-    disableTicks: _propTypes.default.bool,
-    fill: _propTypes.default.string,
-    hideTooltip: _propTypes.default.bool,
-    id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-    label: _propTypes.default.string,
-    labelFontSize: _propTypes.default.number,
-    labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    position: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
-    reverse: _propTypes.default.bool,
-    scaleType: _propTypes.default.oneOf(['band', 'linear', 'log', 'point', 'pow', 'sqrt', 'time', 'utc']),
-    slotProps: _propTypes.default.object,
-    slots: _propTypes.default.object,
-    stroke: _propTypes.default.string,
-    tickFontSize: _propTypes.default.number,
-    tickInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.array, _propTypes.default.func]),
-    tickLabelInterval: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.func]),
-    tickLabelStyle: _propTypes.default.object,
-    tickMaxStep: _propTypes.default.number,
-    tickMinStep: _propTypes.default.number,
-    tickNumber: _propTypes.default.number,
-    tickSize: _propTypes.default.number,
-    valueFormatter: _propTypes.default.func
-  }))
-} : void 0;
+}

package/context/DrawingProvider.d.ts

@@ -39,14 +39,5 @@ export declare const DrawingContext: React.Context<DrawingArea & {
      */
     chartId: string;
 }>;
-export declare const SVGContext: React.Context<React.RefObject<SVGSVGElement>>;
-/**
- * API:
- *
- * - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
- */
-declare function DrawingProvider(props: DrawingProviderProps): React.JSX.Element;
-declare namespace DrawingProvider {
-    var propTypes: any;
-}
-export { DrawingProvider };
+export declare const SvgContext: React.Context<React.RefObject<SVGSVGElement>>;
+export declare function DrawingProvider(props: DrawingProviderProps): React.JSX.Element;

package/context/DrawingProvider.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DrawingContext = void 0;
 exports.DrawingProvider = DrawingProvider;
-exports.SVGContext = void 0;
+exports.SvgContext = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _useChartDimensions = _interopRequireDefault(require("../hooks/useChartDimensions"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -28,15 +27,15 @@ const DrawingContext = exports.DrawingContext = /*#__PURE__*/React.createContext
   width: 400,
   chartId: ''
 });
-const SVGContext = exports.SVGContext = /*#__PURE__*/React.createContext({
+if (process.env.NODE_ENV !== 'production') {
+  DrawingContext.displayName = 'DrawingContext';
+}
+const SvgContext = exports.SvgContext = /*#__PURE__*/React.createContext({
   current: null
 });
-
-/**
- * API:
- *
- * - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
- */
+if (process.env.NODE_ENV !== 'production') {
+  SvgContext.displayName = 'SvgContext';
+}
 function DrawingProvider(props) {
   const {
     width,
@@ -50,35 +49,11 @@ function DrawingProvider(props) {
   const value = React.useMemo(() => (0, _extends2.default)({
     chartId: chartId ?? ''
   }, drawingArea), [chartId, drawingArea]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SVGContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SvgContext.Provider, {
     value: svgRef,
     children: /*#__PURE__*/(0, _jsxRuntime.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.default.node,
-  height: _propTypes.default.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.default.shape({
-    bottom: _propTypes.default.number,
-    left: _propTypes.default.number,
-    right: _propTypes.default.number,
-    top: _propTypes.default.number
-  }),
-  svgRef: _propTypes.default.shape({
-    current: _propTypes.default.object
-  }).isRequired,
-  width: _propTypes.default.number.isRequired
-} : void 0;
+}

package/context/HighlightProvider.js

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

package/context/InteractionProvider.js

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

package/context/SeriesContextProvider.js

@@ -19,6 +19,9 @@ 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); }
 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 && Object.prototype.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 SeriesContext = exports.SeriesContext = /*#__PURE__*/React.createContext({});
+if (process.env.NODE_ENV !== 'production') {
+  SeriesContext.displayName = 'SeriesContext';
+}
 const seriesTypeFormatter = {
   bar: _formatter.default,
   scatter: _formatter2.default,

package/context/index.d.ts

@@ -1,3 +1 @@
-export { CartesianContextProvider } from './CartesianContextProvider';
-export { DrawingProvider } from './DrawingProvider';
 export type { HighlightOptions, FadeOptions, HighlightScope } from './HighlightProvider';

package/context/index.js

@@ -2,18 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-Object.defineProperty(exports, "CartesianContextProvider", {
-  enumerable: true,
-  get: function () {
-    return _CartesianContextProvider.CartesianContextProvider;
-  }
-});
-Object.defineProperty(exports, "DrawingProvider", {
-  enumerable: true,
-  get: function () {
-    return _DrawingProvider.DrawingProvider;
-  }
-});
-var _CartesianContextProvider = require("./CartesianContextProvider");
-var _DrawingProvider = require("./DrawingProvider");
+});

package/esm/BarChart/BarChart.js

@@ -189,7 +189,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,
   /**
@@ -358,7 +357,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/esm/ChartsGrid/ChartsGrid.js

@@ -88,7 +88,7 @@ function ChartsGrid(props) {
       x1: offset,
       x2: offset,
       className: classes.verticalLine
-    }, formattedValue)), horizontal && yTicks.map(({
+    }, `vertical-${formattedValue}`)), horizontal && yTicks.map(({
       formattedValue,
       offset
     }) => /*#__PURE__*/_jsx("line", {
@@ -97,7 +97,7 @@ function ChartsGrid(props) {
       x1: xScale.range()[0],
       x2: xScale.range()[1],
       className: classes.horizontalLine
-    }, formattedValue))]
+    }, `horizontal-${formattedValue}`))]
   }));
 }
 process.env.NODE_ENV !== "production" ? ChartsGrid.propTypes = {

package/esm/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/esm/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/esm/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';
@@ -15,7 +15,7 @@ function ChartsVoronoiHandler(props) {
     voronoiMaxRadius,
     onItemClick
   } = props;
-  const svgRef = React.useContext(SVGContext);
+  const svgRef = React.useContext(SvgContext);
   const {
     width,
     height,
@@ -209,7 +209,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/esm/ChartsXAxis/ChartsXAxis.js

@@ -331,7 +331,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/esm/ChartsYAxis/ChartsYAxis.js

@@ -261,7 +261,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/esm/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/esm/Gauge/GaugeContainer.js

@@ -145,7 +145,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,
   /**
@@ -204,7 +203,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/esm/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/esm/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/esm/LineChart/LineChart.js

@@ -200,7 +200,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,
   /**
@@ -371,7 +370,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/esm/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/esm/ResponsiveChartContainer/ResponsiveChartContainer.js

@@ -75,7 +75,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,
   /**
@@ -106,7 +105,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/esm/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/esm/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,
   /**