@mui/x-charts-pro 8.13.0 → 8.14.0

package/esm/ChartDataProviderPro/ChartDataProviderPro.js

@@ -11,7 +11,7 @@ import { defaultSlotsMaterial } from "../internals/material/index.js";
 import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
 import { useChartDataProviderProProps } from "./useChartDataProviderProProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = "MTc1OTI3NjgwMDAwMA==";
+const releaseInfo = "MTc1OTk2ODAwMDAwMA==";
 const packageIdentifier = 'x-charts-pro';
 /**
  * Orchestrates the data providers for the chart components and hooks.

package/esm/FunnelChart/funnelAxisPlugin/computeAxisValue.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { scaleBand } from '@mui/x-charts-vendor/d3-scale';
-import { getAxisExtrema, isBandScaleConfig, getScale, getColorScale, getOrdinalColorScale, getTickNumber, scaleTickNumberByRange, getCartesianAxisTriggerTooltip, isDateData, createDateFormatter, getDefaultTickNumber } from '@mui/x-charts/internals';
+import { getAxisExtrema, isBandScaleConfig, isPointScaleConfig, isContinuousScaleConfig, getScale, getColorScale, getOrdinalColorScale, getTickNumber, scaleTickNumberByRange, getCartesianAxisTriggerTooltip, isDateData, createDateFormatter, getDefaultTickNumber } from '@mui/x-charts/internals';
 export const xRangeGetter = (drawingArea, reverse, removedSpace = 0) => {
   const range = [drawingArea.left, drawingArea.left + drawingArea.width - removedSpace];
   return reverse ? [range[1], range[0]] : [range[0], range[1]];
@@ -60,47 +60,49 @@ export function computeAxisValue({
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }
-    if (axis.scaleType === 'band') {
+    if (isBandScaleConfig(axis)) {
       return;
     }
-    if (axis.scaleType === 'point') {
+    if (isPointScaleConfig(axis)) {
       throw new Error('Point scale is not supported in FunnelChart. Please use band scale instead.');
     }
-    const isHorizontal = Object.values(formattedSeries.funnel?.series ?? {}).some(s => s.layout === 'horizontal');
-    if (isHorizontal ? axisDirection === 'x' : axisDirection === 'y') {
-      // For linear scale replacing the band scale, we remove the space needed for gap from the scale range.
-      const itemNumber = formattedSeries.funnel?.series[formattedSeries.funnel.seriesOrder[0]].data.length ?? 0;
-      const spaceToRemove = gap * (itemNumber - 1);
-      range = getRange(drawingArea, axisDirection, axis, spaceToRemove);
-    }
-    const scaleType = axis.scaleType ?? 'linear';
-    const domainLimit = axis.domainLimit ?? 'nice';
-    const axisExtremums = [axis.min ?? minData, axis.max ?? maxData];
-    if (typeof domainLimit === 'function') {
-      const {
-        min,
-        max
-      } = domainLimit(minData, maxData);
-      axisExtremums[0] = min;
-      axisExtremums[1] = max;
+    if (isContinuousScaleConfig(axis)) {
+      const isHorizontal = Object.values(formattedSeries.funnel?.series ?? {}).some(s => s.layout === 'horizontal');
+      if (isHorizontal ? axisDirection === 'x' : axisDirection === 'y') {
+        // For linear scale replacing the band scale, we remove the space needed for gap from the scale range.
+        const itemNumber = formattedSeries.funnel?.series[formattedSeries.funnel.seriesOrder[0]].data.length ?? 0;
+        const spaceToRemove = gap * (itemNumber - 1);
+        range = getRange(drawingArea, axisDirection, axis, spaceToRemove);
+      }
+      const scaleType = axis.scaleType ?? 'linear';
+      const domainLimit = axis.domainLimit ?? 'nice';
+      const axisExtremums = [axis.min ?? minData, axis.max ?? maxData];
+      if (typeof domainLimit === 'function') {
+        const {
+          min,
+          max
+        } = domainLimit(minData, maxData);
+        axisExtremums[0] = min;
+        axisExtremums[1] = max;
+      }
+      const rawTickNumber = getTickNumber(axis, axisExtremums, getDefaultTickNumber(Math.abs(range[1] - range[0])));
+      const tickNumber = scaleTickNumberByRange(rawTickNumber, range);
+      const scale = getScale(scaleType, axisExtremums, range);
+      const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
+      const [minDomain, maxDomain] = finalScale.domain();
+      const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
+      completeAxis[axis.id] = _extends({
+        offset: 0,
+        height: 0,
+        triggerTooltip
+      }, axis, {
+        data,
+        scaleType: scaleType,
+        scale: finalScale.domain(domain),
+        tickNumber,
+        colorScale: axis.colorMap && getColorScale(axis.colorMap)
+      });
     }
-    const rawTickNumber = getTickNumber(axis, axisExtremums, getDefaultTickNumber(Math.abs(range[1] - range[0])));
-    const tickNumber = scaleTickNumberByRange(rawTickNumber, range);
-    const scale = getScale(scaleType, axisExtremums, range);
-    const finalScale = domainLimit === 'nice' ? scale.nice(rawTickNumber) : scale;
-    const [minDomain, maxDomain] = finalScale.domain();
-    const domain = [axis.min ?? minDomain, axis.max ?? maxDomain];
-    completeAxis[axis.id] = _extends({
-      offset: 0,
-      height: 0,
-      triggerTooltip
-    }, axis, {
-      data,
-      scaleType: scaleType,
-      scale: finalScale.domain(domain),
-      tickNumber,
-      colorScale: axis.colorMap && getColorScale(axis.colorMap)
-    });
   });
   return {
     axis: completeAxis,

package/esm/Heatmap/Heatmap.js

@@ -316,8 +316,6 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -377,8 +375,6 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,

package/esm/LineChartPro/LineChartPro.js

@@ -317,8 +317,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -386,8 +384,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -445,8 +441,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -505,8 +501,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -564,8 +560,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -623,8 +619,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -682,8 +678,12 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
+    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -741,8 +741,12 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
+    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -800,8 +804,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -876,8 +880,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -944,8 +946,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1002,8 +1002,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1061,8 +1061,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1119,8 +1119,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1177,8 +1177,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1235,8 +1235,12 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
+    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1293,8 +1297,12 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
+    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1351,8 +1359,8 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1424,10 +1432,14 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
    * Configuration for zoom interactions.
    */
   zoomInteractionConfig: PropTypes.shape({
-    pan: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['drag']), PropTypes.shape({
+    pan: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['drag', 'pressAndDrag']), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
       type: PropTypes.oneOf(['drag']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.oneOf(['mouse', 'touch']),
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['pressAndDrag']).isRequired
     })]).isRequired),
     zoom: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['pinch', 'tapAndDrag', 'wheel']), PropTypes.shape({
       pointerMode: PropTypes.any,

package/esm/ScatterChartPro/ScatterChartPro.js

@@ -299,8 +299,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -368,8 +366,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -427,8 +423,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -487,8 +483,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -546,8 +542,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -605,8 +601,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -664,8 +660,12 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
+    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -723,8 +723,12 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
+    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -782,8 +786,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
@@ -858,8 +862,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -926,8 +928,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -984,8 +984,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1043,8 +1043,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1101,8 +1101,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1159,8 +1159,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1217,8 +1217,12 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
+    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1275,8 +1279,12 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
+    min: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+      valueOf: PropTypes.func.isRequired
+    })]),
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1333,8 +1341,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: PropTypes.bool,
     label: PropTypes.string,
     labelStyle: PropTypes.object,
-    max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
-    min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
+    max: PropTypes.number,
+    min: PropTypes.number,
     offset: PropTypes.number,
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
@@ -1406,10 +1414,14 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
    * Configuration for zoom interactions.
    */
   zoomInteractionConfig: PropTypes.shape({
-    pan: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['drag']), PropTypes.shape({
+    pan: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['drag', 'pressAndDrag']), PropTypes.shape({
       pointerMode: PropTypes.oneOf(['mouse', 'touch']),
       requiredKeys: PropTypes.arrayOf(PropTypes.string),
       type: PropTypes.oneOf(['drag']).isRequired
+    }), PropTypes.shape({
+      pointerMode: PropTypes.oneOf(['mouse', 'touch']),
+      requiredKeys: PropTypes.arrayOf(PropTypes.string),
+      type: PropTypes.oneOf(['pressAndDrag']).isRequired
     })]).isRequired),
     zoom: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['pinch', 'tapAndDrag', 'wheel']), PropTypes.shape({
       pointerMode: PropTypes.any,

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.13.0
+ * @mui/x-charts-pro v8.14.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/internals/plugins/useChartProZoom/ZoomInteractionConfig.selectors.d.ts

@@ -7,11 +7,7 @@ export declare const selectorZoomInteractionConfig: import("reselect").Selector<
   };
   pointerMode?: import("@mui/x-internal-gestures/core").PointerMode[];
 }) | null, [interactionName: "wheel" | "pinch" | "tapAndDrag"]>;
-export declare const selectorPanInteractionConfig: import("reselect").Selector<any, (Omit<{
-  type: "drag";
-  pointerMode?: import("./ZoomInteractionConfig.types.js").InteractionMode | undefined;
-  requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[] | undefined;
-}, "pointerMode"> & {
+export declare const selectorPanInteractionConfig: import("reselect").Selector<any, (Omit<import("./ZoomInteractionConfig.types.js").PanInteraction, "pointerMode"> & {
   mouse: {
     requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[];
   };
@@ -19,4 +15,4 @@ export declare const selectorPanInteractionConfig: import("reselect").Selector<a
     requiredKeys?: import("@mui/x-internal-gestures/core").KeyboardKey[];
   };
   pointerMode?: import("@mui/x-internal-gestures/core").PointerMode[];
-}) | null, [interactionName: "drag"]>;
+}) | null, [interactionName: "drag" | "pressAndDrag"]>;

package/esm/internals/plugins/useChartProZoom/ZoomInteractionConfig.types.d.ts

@@ -12,6 +12,7 @@ export type ZoomInteractionConfig = {
   /**
    * Defines the interactions that trigger panning.
    * - `drag`: Pans the chart when dragged with the mouse.
+   * - `pressAndDrag`: Pans the chart by pressing and holding, then dragging. Useful for avoiding conflicts with selection gestures.
    *
    * @default ['drag']
    */
@@ -31,7 +32,7 @@ export type DefaultizedZoomInteractionConfig = {
   pan: Entry<PanInteraction>;
 };
 export type ZoomInteraction = WheelInteraction | PinchInteraction | TapAndDragInteraction;
-export type PanInteraction = DragInteraction;
+export type PanInteraction = DragInteraction | PressAndDragInteraction;
 export type ZoomInteractionName = ZoomInteraction['type'];
 export type PanInteractionName = PanInteraction['type'];
 export type InteractionMode = Exclude<PointerMode, 'pen'>;
@@ -75,6 +76,9 @@ export type DragInteraction = Unpack<{
 export type TapAndDragInteraction = Unpack<{
   type: 'tapAndDrag';
 } & AllModeProp & AllKeysProp>;
+export type PressAndDragInteraction = Unpack<{
+  type: 'pressAndDrag';
+} & AllModeProp & AllKeysProp>;
 export type AnyInteraction = {
   type: string;
   pointerMode?: InteractionMode;

package/esm/internals/plugins/useChartProZoom/gestureHooks/usePanOnPressAndDrag.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ChartPlugin, ZoomData } from '@mui/x-charts/internals';
+import { UseChartProZoomSignature } from "../useChartProZoom.types.js";
+export declare const usePanOnPressAndDrag: ({
+  store,
+  instance,
+  svgRef
+}: Pick<Parameters<ChartPlugin<UseChartProZoomSignature>>[0], "store" | "instance" | "svgRef">, setZoomDataCallback: React.Dispatch<ZoomData[] | ((prev: ZoomData[]) => ZoomData[])>) => void;