@mui/x-charts-pro 9.0.0-beta.0 → 9.0.0

package/ChartsZoomSlider/internals/previews/BarPreviewPlot.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BarPreviewPlot = BarPreviewPlot;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _internals = require("@mui/x-charts/internals");
 var _hooks = require("@mui/x-charts/hooks");
 var _BarChart = require("@mui/x-charts/BarChart");
@@ -19,7 +21,7 @@ function BarPreviewPlot(props) {
   };
   const {
     completedData
-  } = useBarPreviewData(props.axisId, drawingArea);
+  } = useBarPreviewData(props.axisId, drawingArea, props.seriesIds);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
     children: completedData.map(({
       seriesId,
@@ -53,7 +55,7 @@ function BarPreviewPlot(props) {
     }, seriesId))
   });
 }
-function useBarPreviewData(axisId, drawingArea) {
+function useBarPreviewData(axisId, drawingArea, seriesIds) {
   const store = (0, _internals.useStore)();
   const xAxes = store.use(_internals.selectorChartPreviewComputedXAxis, axisId);
   const yAxes = store.use(_internals.selectorChartPreviewComputedYAxis, axisId);
@@ -65,16 +67,19 @@ function useBarPreviewData(axisId, drawingArea) {
   const defaultXAxisId = (0, _hooks.useXAxes)().xAxisIds[0];
   const defaultYAxisId = (0, _hooks.useYAxes)().yAxisIds[0];
   const chartId = (0, _hooks.useChartId)();
-  const stackingGroups = seriesData.stackingGroups.filter(group => group.ids.some(seriesId => {
+  const seriesIdsSet = seriesIds ? new Set(seriesIds) : undefined;
+  const isSeriesIncluded = seriesId => {
+    if (seriesIdsSet && !seriesIdsSet.has(seriesId)) {
+      return false;
+    }
     const series = seriesData.series[seriesId];
     const xAxisId = series.xAxisId ?? defaultXAxisId;
     const yAxisId = series.yAxisId ?? defaultYAxisId;
     return xAxisId === axisId || yAxisId === axisId;
-  }));
-  const filteredSeries = Object.fromEntries(Object.entries(seriesData.series).filter(([_, series]) => {
-    const xAxisId = series.xAxisId ?? defaultXAxisId;
-    const yAxisId = series.yAxisId ?? defaultYAxisId;
-    return xAxisId === axisId || yAxisId === axisId;
-  }));
+  };
+  const stackingGroups = seriesData.stackingGroups.map(group => (0, _extends2.default)({}, group, {
+    ids: group.ids.filter(isSeriesIncluded)
+  })).filter(group => group.ids.length > 0);
+  const filteredSeries = Object.fromEntries(Object.entries(seriesData.series).filter(([_, series]) => isSeriesIncluded(series.id)));
   return (0, _internals.processBarDataForPlot)(drawingArea, chartId, stackingGroups, filteredSeries, xAxes, yAxes, defaultXAxisId, defaultYAxisId);
 }

package/ChartsZoomSlider/internals/previews/BarPreviewPlot.mjs

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis, useStore } from '@mui/x-charts/internals';
 import { useBarSeriesContext, useChartId, useXAxes, useYAxes } from '@mui/x-charts/hooks';
 import { BarElement } from '@mui/x-charts/BarChart';
@@ -14,7 +15,7 @@ export function BarPreviewPlot(props) {
   };
   const {
     completedData
-  } = useBarPreviewData(props.axisId, drawingArea);
+  } = useBarPreviewData(props.axisId, drawingArea, props.seriesIds);
   return /*#__PURE__*/_jsx("g", {
     children: completedData.map(({
       seriesId,
@@ -48,7 +49,7 @@ export function BarPreviewPlot(props) {
     }, seriesId))
   });
 }
-function useBarPreviewData(axisId, drawingArea) {
+function useBarPreviewData(axisId, drawingArea, seriesIds) {
   const store = useStore();
   const xAxes = store.use(selectorChartPreviewComputedXAxis, axisId);
   const yAxes = store.use(selectorChartPreviewComputedYAxis, axisId);
@@ -60,16 +61,19 @@ function useBarPreviewData(axisId, drawingArea) {
   const defaultXAxisId = useXAxes().xAxisIds[0];
   const defaultYAxisId = useYAxes().yAxisIds[0];
   const chartId = useChartId();
-  const stackingGroups = seriesData.stackingGroups.filter(group => group.ids.some(seriesId => {
+  const seriesIdsSet = seriesIds ? new Set(seriesIds) : undefined;
+  const isSeriesIncluded = seriesId => {
+    if (seriesIdsSet && !seriesIdsSet.has(seriesId)) {
+      return false;
+    }
     const series = seriesData.series[seriesId];
     const xAxisId = series.xAxisId ?? defaultXAxisId;
     const yAxisId = series.yAxisId ?? defaultYAxisId;
     return xAxisId === axisId || yAxisId === axisId;
-  }));
-  const filteredSeries = Object.fromEntries(Object.entries(seriesData.series).filter(([_, series]) => {
-    const xAxisId = series.xAxisId ?? defaultXAxisId;
-    const yAxisId = series.yAxisId ?? defaultYAxisId;
-    return xAxisId === axisId || yAxisId === axisId;
-  }));
+  };
+  const stackingGroups = seriesData.stackingGroups.map(group => _extends({}, group, {
+    ids: group.ids.filter(isSeriesIncluded)
+  })).filter(group => group.ids.length > 0);
+  const filteredSeries = Object.fromEntries(Object.entries(seriesData.series).filter(([_, series]) => isSeriesIncluded(series.id)));
   return processBarDataForPlot(drawingArea, chartId, stackingGroups, filteredSeries, xAxes, yAxes, defaultXAxisId, defaultYAxisId);
 }

package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.d.mts

@@ -1,4 +1,5 @@
 import { type PreviewPlotProps } from "./PreviewPlot.types.mjs";
 export declare function LineAreaPreviewPlot({
-  axisId
+  axisId,
+  seriesIds
 }: PreviewPlotProps): import("react/jsx-runtime").JSX.Element;

package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.d.ts

@@ -1,4 +1,5 @@
 import { type PreviewPlotProps } from "./PreviewPlot.types.js";
 export declare function LineAreaPreviewPlot({
-  axisId
+  axisId,
+  seriesIds
 }: PreviewPlotProps): import("react/jsx-runtime").JSX.Element;

package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.js

@@ -10,13 +10,16 @@ var _AreaPreviewPlot = require("./AreaPreviewPlot");
 var _LinePreviewPlot = require("./LinePreviewPlot");
 var _jsxRuntime = require("react/jsx-runtime");
 function LineAreaPreviewPlot({
-  axisId
+  axisId,
+  seriesIds
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AreaPreviewPlot.AreaPreviewPlot, {
-      axisId: axisId
+      axisId: axisId,
+      seriesIds: seriesIds
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinePreviewPlot.LinePreviewPlot, {
-      axisId: axisId
+      axisId: axisId,
+      seriesIds: seriesIds
     })]
   });
 }

package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.mjs

@@ -3,13 +3,16 @@ import { AreaPreviewPlot } from "./AreaPreviewPlot.mjs";
 import { LinePreviewPlot } from "./LinePreviewPlot.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function LineAreaPreviewPlot({
-  axisId
+  axisId,
+  seriesIds
 }) {
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(AreaPreviewPlot, {
-      axisId: axisId
+      axisId: axisId,
+      seriesIds: seriesIds
     }), /*#__PURE__*/_jsx(LinePreviewPlot, {
-      axisId: axisId
+      axisId: axisId,
+      seriesIds: seriesIds
     })]
   });
 }

package/ChartsZoomSlider/internals/previews/LinePreviewPlot.d.mts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { type SeriesId } from '@mui/x-charts/internals';
 import type { PreviewPlotProps } from "./PreviewPlot.types.mjs";
-interface LinePreviewPlotProps extends Pick<PreviewPlotProps, 'axisId'> {}
+interface LinePreviewPlotProps extends Pick<PreviewPlotProps, 'axisId' | 'seriesIds'> {}
 export declare function LinePreviewPlot({
-  axisId
+  axisId,
+  seriesIds
 }: LinePreviewPlotProps): import("react/jsx-runtime").JSX.Element;
 export interface PreviewLineElementProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
   seriesId: SeriesId;

package/ChartsZoomSlider/internals/previews/LinePreviewPlot.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { type SeriesId } from '@mui/x-charts/internals';
 import type { PreviewPlotProps } from "./PreviewPlot.types.js";
-interface LinePreviewPlotProps extends Pick<PreviewPlotProps, 'axisId'> {}
+interface LinePreviewPlotProps extends Pick<PreviewPlotProps, 'axisId' | 'seriesIds'> {}
 export declare function LinePreviewPlot({
-  axisId
+  axisId,
+  seriesIds
 }: LinePreviewPlotProps): import("react/jsx-runtime").JSX.Element;
 export interface PreviewLineElementProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'color' | 'id'> {
   seriesId: SeriesId;

package/ChartsZoomSlider/internals/previews/LinePreviewPlot.js

@@ -13,9 +13,11 @@ var _internals = require("@mui/x-charts/internals");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["seriesId", "color", "gradientId", "onClick"];
 function LinePreviewPlot({
-  axisId
+  axisId,
+  seriesIds
 }) {
   const completedData = useLinePreviewData(axisId);
+  const seriesIdsSet = seriesIds ? new Set(seriesIds) : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
     children: completedData.map(({
       d,
@@ -23,6 +25,9 @@ function LinePreviewPlot({
       color,
       gradientId
     }) => {
+      if (seriesIdsSet && !seriesIdsSet.has(seriesId)) {
+        return null;
+      }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviewLineElement, {
         seriesId: seriesId,
         d: d,

package/ChartsZoomSlider/internals/previews/LinePreviewPlot.mjs

@@ -5,9 +5,11 @@ import * as React from 'react';
 import { useStore, useLinePlotData, selectorChartPreviewComputedXAxis, selectorChartPreviewComputedYAxis } from '@mui/x-charts/internals';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function LinePreviewPlot({
-  axisId
+  axisId,
+  seriesIds
 }) {
   const completedData = useLinePreviewData(axisId);
+  const seriesIdsSet = seriesIds ? new Set(seriesIds) : undefined;
   return /*#__PURE__*/_jsx("g", {
     children: completedData.map(({
       d,
@@ -15,6 +17,9 @@ export function LinePreviewPlot({
       color,
       gradientId
     }) => {
+      if (seriesIdsSet && !seriesIdsSet.has(seriesId)) {
+        return null;
+      }
       return /*#__PURE__*/_jsx(PreviewLineElement, {
         seriesId: seriesId,
         d: d,

package/ChartsZoomSlider/internals/previews/PreviewPlot.types.d.mts

@@ -1,8 +1,12 @@
-import { type AxisId } from '@mui/x-charts/internals';
+import { type AxisId, type SeriesId } from '@mui/x-charts/internals';
 export interface PreviewPlotProps {
   axisId: AxisId;
   x: number;
   y: number;
   width: number;
   height: number;
+  /**
+   * If provided, only the series with these IDs will be shown in the preview.
+   */
+  seriesIds?: SeriesId[];
 }

package/ChartsZoomSlider/internals/previews/PreviewPlot.types.d.ts

@@ -1,8 +1,12 @@
-import { type AxisId } from '@mui/x-charts/internals';
+import { type AxisId, type SeriesId } from '@mui/x-charts/internals';
 export interface PreviewPlotProps {
   axisId: AxisId;
   x: number;
   y: number;
   width: number;
   height: number;
+  /**
+   * If provided, only the series with these IDs will be shown in the preview.
+   */
+  seriesIds?: SeriesId[];
 }

package/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.d.mts

@@ -10,6 +10,7 @@ export declare function ScatterPreviewPlot({
   x,
   y,
   height,
-  width
+  width,
+  seriesIds
 }: ScatterPreviewPlotProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.d.ts

@@ -10,6 +10,7 @@ export declare function ScatterPreviewPlot({
   x,
   y,
   height,
-  width
+  width,
+  seriesIds
 }: ScatterPreviewPlotProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.js

@@ -15,7 +15,8 @@ function ScatterPreviewPlot({
   x,
   y,
   height,
-  width
+  width,
+  seriesIds
 }) {
   const store = (0, _internals.useStore)();
   const seriesData = (0, _hooks.useScatterSeriesContext)();
@@ -35,8 +36,13 @@ function ScatterPreviewPlot({
     series,
     seriesOrder
   } = seriesData;
+  const seriesIdsSet = seriesIds ? new Set(seriesIds) : undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
     children: seriesOrder.map(seriesId => {
+      // Filter by the provided series IDs.
+      if (seriesIdsSet && !seriesIdsSet.has(seriesId)) {
+        return null;
+      }
       const {
         id,
         xAxisId,

package/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.mjs

@@ -8,7 +8,8 @@ export function ScatterPreviewPlot({
   x,
   y,
   height,
-  width
+  width,
+  seriesIds
 }) {
   const store = useStore();
   const seriesData = useScatterSeriesContext();
@@ -28,8 +29,13 @@ export function ScatterPreviewPlot({
     series,
     seriesOrder
   } = seriesData;
+  const seriesIdsSet = seriesIds ? new Set(seriesIds) : undefined;
   return /*#__PURE__*/_jsx(React.Fragment, {
     children: seriesOrder.map(seriesId => {
+      // Filter by the provided series IDs.
+      if (seriesIdsSet && !seriesIdsSet.has(seriesId)) {
+        return null;
+      }
       const {
         id,
         xAxisId,

package/Heatmap/Heatmap.js

@@ -344,7 +344,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -425,7 +425,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),

package/Heatmap/Heatmap.mjs

@@ -337,7 +337,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
       panning: PropTypes.bool,
       slider: PropTypes.shape({
         enabled: PropTypes.bool,
-        preview: PropTypes.bool,
+        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
         showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
         size: PropTypes.number
       }),
@@ -418,7 +418,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
       panning: PropTypes.bool,
       slider: PropTypes.shape({
         enabled: PropTypes.bool,
-        preview: PropTypes.bool,
+        preview: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),
         showTooltip: PropTypes.oneOf(['always', 'hover', 'never']),
         size: PropTypes.number
       }),

package/LineChartPro/LineChartPro.js

@@ -486,7 +486,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -560,7 +560,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -621,7 +621,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -683,7 +683,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -744,7 +744,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -805,7 +805,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -870,7 +870,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -935,7 +935,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -996,7 +996,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1077,7 +1077,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1150,7 +1150,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1210,7 +1210,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1271,7 +1271,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1331,7 +1331,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1391,7 +1391,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1455,7 +1455,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1519,7 +1519,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),
@@ -1579,7 +1579,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
       panning: _propTypes.default.bool,
       slider: _propTypes.default.shape({
         enabled: _propTypes.default.bool,
-        preview: _propTypes.default.bool,
+        preview: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),
         showTooltip: _propTypes.default.oneOf(['always', 'hover', 'never']),
         size: _propTypes.default.number
       }),