@mui/x-charts-pro 9.0.0-alpha.2 → 9.0.0-alpha.4

package/Heatmap/seriesConfig/keyboardFocusHandler.mjs

@@ -6,30 +6,17 @@ function getFirstCell(state) {
   if (!seriesId || !series || !data || data.length === 0) {
     return null;
   }
-  const dataIndex = data.findIndex(value => value[0] === 0 && value[1] === 0);
-  if (dataIndex === -1) {
-    return {
-      type: 'heatmap',
-      seriesId,
-      xIndex: 0,
-      yIndex: 0
-    };
-  }
   return {
     type: 'heatmap',
     seriesId,
-    dataIndex,
     xIndex: 0,
     yIndex: 0
   };
 }
-const updateCoordinates = (newXIndex, newYIndex, currentItem, state) => {
-  const seriesData = state.series.defaultizedSeries.heatmap?.series[currentItem.seriesId]?.data;
-  const dataIndex = seriesData?.findIndex(value => value[0] === newXIndex && value[1] === newYIndex);
+const updateCoordinates = (newXIndex, newYIndex, currentItem) => {
   return _extends({}, currentItem, {
     xIndex: newXIndex,
-    yIndex: newYIndex,
-    dataIndex: dataIndex === -1 || dataIndex === undefined ? undefined : dataIndex
+    yIndex: newYIndex
   });
 };
 const keyboardFocusHandler = event => {
@@ -43,7 +30,7 @@ const keyboardFocusHandler = event => {
         if (currentItem.xIndex + 1 === (maxLength ?? 0)) {
           return currentItem;
         }
-        return updateCoordinates(currentItem.xIndex + 1, currentItem.yIndex, currentItem, state);
+        return updateCoordinates(currentItem.xIndex + 1, currentItem.yIndex, currentItem);
       };
     case 'ArrowLeft':
       return (currentItem, state) => {
@@ -53,7 +40,7 @@ const keyboardFocusHandler = event => {
         if (currentItem.xIndex - 1 < 0) {
           return currentItem;
         }
-        return updateCoordinates(currentItem.xIndex - 1, currentItem.yIndex, currentItem, state);
+        return updateCoordinates(currentItem.xIndex - 1, currentItem.yIndex, currentItem);
       };
     case 'ArrowDown':
       return (currentItem, state) => {
@@ -64,7 +51,7 @@ const keyboardFocusHandler = event => {
         if (currentItem.yIndex + 1 === (maxLength ?? 0)) {
           return currentItem;
         }
-        return updateCoordinates(currentItem.xIndex, currentItem.yIndex + 1, currentItem, state);
+        return updateCoordinates(currentItem.xIndex, currentItem.yIndex + 1, currentItem);
       };
     case 'ArrowUp':
       return (currentItem, state) => {
@@ -74,7 +61,7 @@ const keyboardFocusHandler = event => {
         if (currentItem.yIndex - 1 < 0) {
           return currentItem;
         }
-        return updateCoordinates(currentItem.xIndex, currentItem.yIndex - 1, currentItem, state);
+        return updateCoordinates(currentItem.xIndex, currentItem.yIndex - 1, currentItem);
       };
     default:
       return null;

package/Heatmap/seriesConfig/seriesProcessor.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _heatmap = require("../../models/seriesType/heatmap");
 const seriesProcessor = params => {
   const {
     series,
@@ -13,12 +14,16 @@ const seriesProcessor = params => {
   } = params;
   const defaultizedSeries = {};
   Object.keys(series).forEach(seriesId => {
+    const data = series[seriesId].data ?? [];
+    const heatmapData = new _heatmap.HeatmapData(data);
     defaultizedSeries[seriesId] = (0, _extends2.default)({
       // Defaultize the data and the value formatter.
-      valueFormatter: v => v[2].toString(),
-      data: [],
+      valueFormatter: v => v?.toString() ?? null,
+      data,
       labelMarkType: 'square'
-    }, series[seriesId]);
+    }, series[seriesId], {
+      heatmapData
+    });
   });
   return {
     series: defaultizedSeries,

package/Heatmap/seriesConfig/seriesProcessor.mjs

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import { HeatmapData } from "../../models/seriesType/heatmap.mjs";
 const seriesProcessor = params => {
   const {
     series,
@@ -6,12 +7,16 @@ const seriesProcessor = params => {
   } = params;
   const defaultizedSeries = {};
   Object.keys(series).forEach(seriesId => {
+    const data = series[seriesId].data ?? [];
+    const heatmapData = new HeatmapData(data);
     defaultizedSeries[seriesId] = _extends({
       // Defaultize the data and the value formatter.
-      valueFormatter: v => v[2].toString(),
-      data: [],
+      valueFormatter: v => v?.toString() ?? null,
+      data,
       labelMarkType: 'square'
-    }, series[seriesId]);
+    }, series[seriesId], {
+      heatmapData
+    });
   });
   return {
     series: defaultizedSeries,

package/Heatmap/seriesConfig/tooltip.js

@@ -11,19 +11,20 @@ const tooltipGetter = params => {
     getColor,
     identifier
   } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+  if (!identifier) {
     return null;
   }
+  const cellValue = series.heatmapData.getValue(identifier.xIndex, identifier.yIndex);
   const label = (0, _internals.getLabel)(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
+  const formattedValue = series.valueFormatter(cellValue, {
+    xIndex: identifier.xIndex,
+    yIndex: identifier.yIndex
   });
   return {
     identifier,
-    color: getColor(identifier.dataIndex),
+    color: getColor(cellValue),
     label,
-    value,
+    value: cellValue,
     formattedValue,
     markType: series.labelMarkType
   };

package/Heatmap/seriesConfig/tooltip.mjs

@@ -5,19 +5,20 @@ const tooltipGetter = params => {
     getColor,
     identifier
   } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+  if (!identifier) {
     return null;
   }
+  const cellValue = series.heatmapData.getValue(identifier.xIndex, identifier.yIndex);
   const label = getLabel(series.label, 'tooltip');
-  const value = series.data[identifier.dataIndex];
-  const formattedValue = series.valueFormatter(value, {
-    dataIndex: identifier.dataIndex
+  const formattedValue = series.valueFormatter(cellValue, {
+    xIndex: identifier.xIndex,
+    yIndex: identifier.yIndex
   });
   return {
     identifier,
-    color: getColor(identifier.dataIndex),
+    color: getColor(cellValue),
     label,
-    value,
+    value: cellValue,
     formattedValue,
     markType: series.labelMarkType
   };

package/Heatmap/seriesConfig/tooltipPosition.js

@@ -12,7 +12,7 @@ const tooltipItemPositionGetter = params => {
     axesConfig,
     placement
   } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+  if (!identifier) {
     return null;
   }
   const itemSeries = series.heatmap?.series[identifier.seriesId];
@@ -22,9 +22,8 @@ const tooltipItemPositionGetter = params => {
   if (axesConfig.x === undefined || axesConfig.y === undefined || !(0, _internals.isBandScaleConfig)(axesConfig.x) || !(0, _internals.isBandScaleConfig)(axesConfig.y)) {
     return null;
   }
-  const [xIndex, yIndex] = itemSeries.data[identifier.dataIndex];
-  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[xIndex]);
-  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[yIndex]);
+  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[identifier.xIndex]);
+  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[identifier.yIndex]);
   if (x === undefined || y === undefined) {
     return null;
   }

package/Heatmap/seriesConfig/tooltipPosition.mjs

@@ -6,7 +6,7 @@ const tooltipItemPositionGetter = params => {
     axesConfig,
     placement
   } = params;
-  if (!identifier || identifier.dataIndex === undefined) {
+  if (!identifier) {
     return null;
   }
   const itemSeries = series.heatmap?.series[identifier.seriesId];
@@ -16,9 +16,8 @@ const tooltipItemPositionGetter = params => {
   if (axesConfig.x === undefined || axesConfig.y === undefined || !isBandScaleConfig(axesConfig.x) || !isBandScaleConfig(axesConfig.y)) {
     return null;
   }
-  const [xIndex, yIndex] = itemSeries.data[identifier.dataIndex];
-  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[xIndex]);
-  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[yIndex]);
+  const x = axesConfig.x.scale(axesConfig.x.scale.domain()[identifier.xIndex]);
+  const y = axesConfig.y.scale(axesConfig.y.scale.domain()[identifier.yIndex]);
   if (x === undefined || y === undefined) {
     return null;
   }

package/Heatmap/shouldRegisterPointerInteractionsGlobally.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldRegisterPointerInteractionsGlobally = shouldRegisterPointerInteractionsGlobally;
-var _HeatmapCell = require("./internals/HeatmapCell");
+var _HeatmapCell = require("./HeatmapCell");
 /* Global pointer interactions should be registered when we're using the default HeatmapCell.
  * We only want to return false when a custom slot is being used to avoid breaking changes.
  *

package/Heatmap/shouldRegisterPointerInteractionsGlobally.mjs

@@ -1,4 +1,4 @@
-import { HeatmapCell } from "./internals/HeatmapCell.mjs";
+import { HeatmapCell } from "./HeatmapCell.mjs";
 
 /* Global pointer interactions should be registered when we're using the default HeatmapCell.
  * We only want to return false when a custom slot is being used to avoid breaking changes.

package/Heatmap/useHeatmapProps.d.mts

@@ -6,11 +6,11 @@ import { type ChartsClipPathProps } from '@mui/x-charts/ChartsClipPath';
 import type { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
 import { type HeatmapPluginSignatures } from "./Heatmap.plugins.mjs";
 import { type HeatmapProps } from "./Heatmap.mjs";
-import { type ChartDataProviderProProps } from "../ChartDataProviderPro/index.mjs";
+import { type ChartsDataProviderProProps } from "../ChartsDataProviderPro/index.mjs";
 import { type HeatmapPlotProps } from "./HeatmapPlot.mjs";
 export type UseHeatmapProps = HeatmapProps;
 export declare function useHeatmapProps(props: UseHeatmapProps): {
-  chartDataProviderProProps: ChartDataProviderProProps<"heatmap", HeatmapPluginSignatures>;
+  chartsDataProviderProProps: ChartsDataProviderProProps<"heatmap", HeatmapPluginSignatures>;
   chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
   heatmapPlotProps: HeatmapPlotProps;
   clipPathProps: ChartsClipPathProps;

package/Heatmap/useHeatmapProps.d.ts

@@ -6,11 +6,11 @@ import { type ChartsClipPathProps } from '@mui/x-charts/ChartsClipPath';
 import type { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
 import { type HeatmapPluginSignatures } from "./Heatmap.plugins.js";
 import { type HeatmapProps } from "./Heatmap.js";
-import { type ChartDataProviderProProps } from "../ChartDataProviderPro/index.js";
+import { type ChartsDataProviderProProps } from "../ChartsDataProviderPro/index.js";
 import { type HeatmapPlotProps } from "./HeatmapPlot.js";
 export type UseHeatmapProps = HeatmapProps;
 export declare function useHeatmapProps(props: UseHeatmapProps): {
-  chartDataProviderProProps: ChartDataProviderProProps<"heatmap", HeatmapPluginSignatures>;
+  chartsDataProviderProProps: ChartsDataProviderProProps<"heatmap", HeatmapPluginSignatures>;
   chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
   heatmapPlotProps: HeatmapPlotProps;
   clipPathProps: ChartsClipPathProps;

package/Heatmap/useHeatmapProps.js

@@ -43,7 +43,6 @@ function useHeatmapProps(props) {
     colors,
     dataset,
     sx,
-    onAxisClick,
     onItemClick,
     children,
     slots,
@@ -51,7 +50,7 @@ function useHeatmapProps(props) {
     loading,
     highlightedItem,
     onHighlightChange,
-    enableKeyboardNavigation,
+    disableKeyboardNavigation,
     borderRadius,
     hideLegend
   } = props;
@@ -90,7 +89,7 @@ function useHeatmapProps(props) {
     legendDirection: props.slotProps?.legend?.direction,
     hideLegend
   };
-  const chartDataProviderProProps = {
+  const chartsDataProviderProProps = {
     apiRef,
     seriesConfig,
     series: seriesWithDefault,
@@ -105,8 +104,7 @@ function useHeatmapProps(props) {
     disableAxisListener: true,
     highlightedItem,
     onHighlightChange,
-    enableKeyboardNavigation,
-    onAxisClick,
+    disableKeyboardNavigation,
     onItemClick,
     plugins: _Heatmap.HEATMAP_PLUGINS
   };
@@ -146,7 +144,7 @@ function useHeatmapProps(props) {
     }
   };
   return {
-    chartDataProviderProProps,
+    chartsDataProviderProProps,
     chartsWrapperProps,
     heatmapPlotProps,
     clipPathProps,

package/Heatmap/useHeatmapProps.mjs

@@ -35,7 +35,6 @@ export function useHeatmapProps(props) {
     colors,
     dataset,
     sx,
-    onAxisClick,
     onItemClick,
     children,
     slots,
@@ -43,7 +42,7 @@ export function useHeatmapProps(props) {
     loading,
     highlightedItem,
     onHighlightChange,
-    enableKeyboardNavigation,
+    disableKeyboardNavigation,
     borderRadius,
     hideLegend
   } = props;
@@ -82,7 +81,7 @@ export function useHeatmapProps(props) {
     legendDirection: props.slotProps?.legend?.direction,
     hideLegend
   };
-  const chartDataProviderProProps = {
+  const chartsDataProviderProProps = {
     apiRef,
     seriesConfig,
     series: seriesWithDefault,
@@ -97,8 +96,7 @@ export function useHeatmapProps(props) {
     disableAxisListener: true,
     highlightedItem,
     onHighlightChange,
-    enableKeyboardNavigation,
-    onAxisClick,
+    disableKeyboardNavigation,
     onItemClick,
     plugins: HEATMAP_PLUGINS
   };
@@ -138,7 +136,7 @@ export function useHeatmapProps(props) {
     }
   };
   return {
-    chartDataProviderProProps,
+    chartsDataProviderProProps,
     chartsWrapperProps,
     heatmapPlotProps,
     clipPathProps,

package/LineChartPro/LineChartPro.d.mts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { type LineChartProps, type LineChartSlots, type LineChartSlotProps } from '@mui/x-charts/LineChart';
 import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.mjs";
 import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.mjs";
-import { type ChartContainerProProps } from "../ChartContainerPro/index.mjs";
+import { type ChartsContainerProProps } from "../ChartsContainerPro/index.mjs";
 import { type LineChartProPluginSignatures } from "./LineChartPro.plugins.mjs";
 export interface LineChartProSlots extends Omit<LineChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface LineChartProSlotProps extends Omit<LineChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
-export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'slots' | 'slotProps'> {
+export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'slots' | 'slotProps'> {
   /**
    * Overridable component slots.
    * @default {}

package/LineChartPro/LineChartPro.d.ts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { type LineChartProps, type LineChartSlots, type LineChartSlotProps } from '@mui/x-charts/LineChart';
 import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
-import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type ChartsContainerProProps } from "../ChartsContainerPro/index.js";
 import { type LineChartProPluginSignatures } from "./LineChartPro.plugins.js";
 export interface LineChartProSlots extends Omit<LineChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface LineChartProSlotProps extends Omit<LineChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
-export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'slots' | 'slotProps'> {
+export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartsContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'slots' | 'slotProps'> {
   /**
    * Overridable component slots.
    * @default {}

package/LineChartPro/LineChartPro.js

@@ -26,8 +26,8 @@ var _ChartsWrapper = require("@mui/x-charts/ChartsWrapper");
 var _ChartsBrushOverlay = require("@mui/x-charts/ChartsBrushOverlay");
 var _ChartsZoomSlider = require("../ChartsZoomSlider");
 var _ChartsToolbarPro = require("../ChartsToolbarPro");
-var _useChartContainerProProps = require("../ChartContainerPro/useChartContainerProProps");
-var _ChartDataProviderPro = require("../ChartDataProviderPro");
+var _useChartsContainerProProps = require("../ChartsContainerPro/useChartsContainerProProps");
+var _ChartsDataProviderPro = require("../ChartsDataProviderPro");
 var _LineChartPro2 = require("./LineChartPro.plugins");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
@@ -56,7 +56,7 @@ const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(functi
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     chartsWrapperProps,
-    chartContainerProps,
+    chartsContainerProps,
     gridProps,
     clipPathProps,
     clipPathGroupProps,
@@ -71,9 +71,9 @@ const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(functi
     children
   } = (0, _internals.useLineChartProps)(other);
   const {
-    chartDataProviderProProps,
+    chartsDataProviderProProps,
     chartsSurfaceProps
-  } = (0, _useChartContainerProProps.useChartContainerProProps)((0, _extends2.default)({}, chartContainerProps, {
+  } = (0, _useChartsContainerProProps.useChartsContainerProProps)((0, _extends2.default)({}, chartsContainerProps, {
     initialZoom,
     zoomData,
     onZoomChange,
@@ -82,7 +82,7 @@ const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(functi
   }));
   const Tooltip = props.slots?.tooltip ?? _ChartsTooltip.ChartsTooltip;
   const Toolbar = props.slots?.toolbar ?? _ChartsToolbarPro.ChartsToolbarPro;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProviderPro.ChartDataProviderPro, (0, _extends2.default)({}, chartDataProviderProProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsDataProviderPro.ChartsDataProviderPro, (0, _extends2.default)({}, chartsDataProviderProProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
       ref: ref,
       children: [showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
@@ -143,6 +143,10 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * 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 description of the chart.
+   * Used to provide an accessible description for the chart.
+   */
   desc: _propTypes.default.string,
   /**
    * If `true`, the charts will not listen to the mouse move event.
@@ -150,17 +154,18 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * @default false
    */
   disableAxisListener: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
   /**
    * If `true`, render the line highlight item.
    */
   disableLineItemHighlight: _propTypes.default.bool,
-  enableKeyboardNavigation: _propTypes.default.bool,
   /**
    * Options to enable features planned for the next major.
    */
-  experimentalFeatures: _propTypes.default.shape({
-    preferStrictDomainInLineCharts: _propTypes.default.bool
-  }),
+  experimentalFeatures: _propTypes.default.object,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -339,7 +344,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: _propTypes.default.func,
   /**
@@ -375,6 +380,10 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   slots: _propTypes.default.object,
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   theme: _propTypes.default.oneOf(['dark', 'light']),
+  /**
+   * The title of the chart.
+   * Used to provide an accessible label for the chart.
+   */
   title: _propTypes.default.string,
   /**
    * The controlled axis tooltip.
@@ -410,6 +419,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     barGapRatio: _propTypes.default.number,
     categoryGapRatio: _propTypes.default.number,
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,
@@ -483,6 +493,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,
@@ -556,6 +567,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -616,6 +628,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -677,6 +690,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -737,6 +751,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -797,6 +812,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -861,6 +877,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -925,6 +942,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['x']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -993,6 +1011,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     barGapRatio: _propTypes.default.number,
     categoryGapRatio: _propTypes.default.number,
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,
@@ -1065,6 +1084,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
       type: _propTypes.default.oneOf(['ordinal']).isRequired,
@@ -1137,6 +1157,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1196,6 +1217,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1256,6 +1278,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1315,6 +1338,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1374,6 +1398,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1437,6 +1462,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1500,6 +1526,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   }), _propTypes.default.shape({
     axis: _propTypes.default.oneOf(['y']),
     classes: _propTypes.default.object,
+    className: _propTypes.default.string,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       color: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string.isRequired), _propTypes.default.func]).isRequired,
       max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
@@ -1625,8 +1652,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['doubleTapReset']).isRequired
     }), _propTypes.default.shape({
-      pointerMode: _propTypes.default.any,
-      requiredKeys: _propTypes.default.array,
+      pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['brush']).isRequired
     })]).isRequired)
   })