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

package/Heatmap/heatmapClasses.mjs

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import composeClasses from '@mui/utils/composeClasses';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getHeatmapUtilityClass(slot) {
   // Those should be common to all charts
@@ -8,7 +9,20 @@ export function getHeatmapUtilityClass(slot) {
   }
   return generateUtilityClass('MuiHeatmap', slot);
 }
-export const heatmapClasses = _extends({}, generateUtilityClasses('MuiHeatmap', ['cell', 'series']), {
+export const heatmapClasses = _extends({}, generateUtilityClasses('MuiHeatmap', ['root', 'cell', 'series']), {
   highlighted: 'Charts-highlighted',
   faded: 'Charts-faded'
-});
+});
+export const useUtilityClasses = ownerState => {
+  const {
+    classes,
+    seriesId,
+    isFaded,
+    isHighlighted
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    cell: ['cell', `series-${seriesId}`, isFaded && 'faded', isHighlighted && 'highlighted']
+  };
+  return composeClasses(slots, getHeatmapUtilityClass, classes);
+};

package/Heatmap/index.d.mts

@@ -3,7 +3,9 @@ export type { HeatmapSeries, HeatmapProps, HeatmapSlots, HeatmapSlotProps } from
 export { HeatmapPlot, type HeatmapPlotProps } from "./HeatmapPlot.mjs";
 export type { HeatmapPlotSlots, HeatmapPlotSlotProps } from "./Heatmap.types.mjs";
 export * from "./FocusedHeatmapCell.mjs";
-export type { HeatmapCellProps } from "./internals/HeatmapCell.mjs";
+export { HeatmapCell } from "./HeatmapCell.mjs";
+export type { HeatmapCellProps, HeatmapCellOwnerState } from "./HeatmapCell.mjs";
 export * from "./HeatmapTooltip/index.mjs";
 export * from "./Heatmap.plugins.mjs";
-export * from "./heatmapClasses.mjs";
+export { heatmapClasses } from "./heatmapClasses.mjs";
+export type { HeatmapClasses, HeatmapClassKey } from "./heatmapClasses.mjs";

package/Heatmap/index.d.ts

@@ -3,7 +3,9 @@ export type { HeatmapSeries, HeatmapProps, HeatmapSlots, HeatmapSlotProps } from
 export { HeatmapPlot, type HeatmapPlotProps } from "./HeatmapPlot.js";
 export type { HeatmapPlotSlots, HeatmapPlotSlotProps } from "./Heatmap.types.js";
 export * from "./FocusedHeatmapCell.js";
-export type { HeatmapCellProps } from "./internals/HeatmapCell.js";
+export { HeatmapCell } from "./HeatmapCell.js";
+export type { HeatmapCellProps, HeatmapCellOwnerState } from "./HeatmapCell.js";
 export * from "./HeatmapTooltip/index.js";
 export * from "./Heatmap.plugins.js";
-export * from "./heatmapClasses.js";
+export { heatmapClasses } from "./heatmapClasses.js";
+export type { HeatmapClasses, HeatmapClassKey } from "./heatmapClasses.js";

package/Heatmap/index.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   Heatmap: true,
-  HeatmapPlot: true
+  HeatmapPlot: true,
+  HeatmapCell: true,
+  heatmapClasses: true
 };
 Object.defineProperty(exports, "Heatmap", {
   enumerable: true,
@@ -13,12 +15,24 @@ Object.defineProperty(exports, "Heatmap", {
     return _Heatmap.Heatmap;
   }
 });
+Object.defineProperty(exports, "HeatmapCell", {
+  enumerable: true,
+  get: function () {
+    return _HeatmapCell.HeatmapCell;
+  }
+});
 Object.defineProperty(exports, "HeatmapPlot", {
   enumerable: true,
   get: function () {
     return _HeatmapPlot.HeatmapPlot;
   }
 });
+Object.defineProperty(exports, "heatmapClasses", {
+  enumerable: true,
+  get: function () {
+    return _heatmapClasses.heatmapClasses;
+  }
+});
 var _Heatmap = require("./Heatmap");
 var _HeatmapPlot = require("./HeatmapPlot");
 var _FocusedHeatmapCell = require("./FocusedHeatmapCell");
@@ -33,6 +47,7 @@ Object.keys(_FocusedHeatmapCell).forEach(function (key) {
     }
   });
 });
+var _HeatmapCell = require("./HeatmapCell");
 var _HeatmapTooltip = require("./HeatmapTooltip");
 Object.keys(_HeatmapTooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -57,15 +72,4 @@ Object.keys(_Heatmap2).forEach(function (key) {
     }
   });
 });
-var _heatmapClasses = require("./heatmapClasses");
-Object.keys(_heatmapClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _heatmapClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _heatmapClasses[key];
-    }
-  });
-});
+var _heatmapClasses = require("./heatmapClasses");

package/Heatmap/index.mjs

@@ -1,6 +1,7 @@
 export { Heatmap } from "./Heatmap.mjs";
 export { HeatmapPlot } from "./HeatmapPlot.mjs";
 export * from "./FocusedHeatmapCell.mjs";
+export { HeatmapCell } from "./HeatmapCell.mjs";
 export * from "./HeatmapTooltip/index.mjs";
 export * from "./Heatmap.plugins.mjs";
-export * from "./heatmapClasses.mjs";
+export { heatmapClasses } from "./heatmapClasses.mjs";

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,
@@ -90,7 +89,7 @@ function useHeatmapProps(props) {
     legendDirection: props.slotProps?.legend?.direction,
     hideLegend
   };
-  const chartDataProviderProProps = {
+  const chartsDataProviderProProps = {
     apiRef,
     seriesConfig,
     series: seriesWithDefault,
@@ -106,7 +105,6 @@ function useHeatmapProps(props) {
     highlightedItem,
     onHighlightChange,
     disableKeyboardNavigation,
-    onAxisClick,
     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,
@@ -82,7 +81,7 @@ export function useHeatmapProps(props) {
     legendDirection: props.slotProps?.legend?.direction,
     hideLegend
   };
-  const chartDataProviderProProps = {
+  const chartsDataProviderProProps = {
     apiRef,
     seriesConfig,
     series: seriesWithDefault,
@@ -98,7 +97,6 @@ export function useHeatmapProps(props) {
     highlightedItem,
     onHighlightChange,
     disableKeyboardNavigation,
-    onAxisClick,
     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.
@@ -161,9 +165,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
   /**
    * 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.
    */
@@ -378,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.
@@ -413,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,
@@ -486,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,
@@ -559,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]),
@@ -619,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]),
@@ -680,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]),
@@ -740,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]),
@@ -800,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]),
@@ -864,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]),
@@ -928,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]),
@@ -996,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,
@@ -1068,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,
@@ -1140,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]),
@@ -1199,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]),
@@ -1259,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]),
@@ -1318,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]),
@@ -1377,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]),
@@ -1440,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]),
@@ -1503,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]),
@@ -1628,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)
   })