@mui/x-charts-pro 8.13.1 → 8.14.1

package/esm/BarChartPro/BarChartPro.js

@@ -314,8 +314,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -383,8 +381,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -442,8 +438,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -502,8 +498,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -561,8 +557,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -620,8 +616,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -679,8 +675,12 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -738,8 +738,12 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -797,8 +801,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -873,8 +877,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -941,8 +943,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -999,8 +999,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -1058,8 +1058,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -1116,8 +1116,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -1174,8 +1174,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -1232,8 +1232,12 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -1290,8 +1294,12 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -1348,8 +1356,8 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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,
@@ -1421,10 +1429,14 @@ process.env.NODE_ENV !== "production" ? BarChartPro.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/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 = "MTc2MDU3MjgwMDAwMA==";
 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/SankeyChart/SankeyChart.d.ts

@@ -7,7 +7,7 @@ import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
 import type { SankeySeriesType } from "./sankey.types.js";
 import type { SankeyChartSlotExtension } from "./sankeySlots.types.js";
 export type SankeySeries = MakeOptional<SankeySeriesType, 'type'>;
-export interface SankeyChartProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation' | 'highlightedItem' | 'onHighlightChange'>, Omit<SankeyPlotProps, 'data'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, SankeyChartSlotExtension {
+export interface SankeyChartProps extends Omit<ChartContainerProProps<'sankey', SankeyChartPluginSignatures>, 'plugins' | 'series' | 'slotProps' | 'slots' | 'dataset' | 'hideLegend' | 'skipAnimation'>, Omit<SankeyPlotProps, 'data'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, SankeyChartSlotExtension {
   /**
    * The series to display in the Sankey chart.
    * A single object is expected.

package/esm/SankeyChart/SankeyChart.js

@@ -94,6 +94,30 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
    * The height of the chart in px. If not defined, it takes the height of the parent element.
    */
   height: PropTypes.number,
+  /**
+   * The highlighted item.
+   * Used when the highlight is controlled.
+   */
+  highlightedItem: PropTypes.oneOfType([PropTypes.shape({
+    nodeId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'node']).isRequired,
+    type: PropTypes.oneOf(['sankey']).isRequired
+  }), PropTypes.shape({
+    seriesId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    sourceId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    subType: PropTypes.oneOf([
+    /**
+     * Subtype to differentiate between node and link
+     */
+    'link']).isRequired,
+    targetId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+    type: PropTypes.oneOf(['sankey']).isRequired
+  })]),
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
@@ -120,6 +144,12 @@ process.env.NODE_ENV !== "production" ? SankeyChart.propTypes = {
     right: PropTypes.number,
     top: PropTypes.number
   })]),
+  /**
+   * The callback fired when the highlighted item changes.
+   *
+   * @param {SankeyHighlightItemData | null} highlightedItem The newly highlighted item.
+   */
+  onHighlightChange: PropTypes.func,
   /**
    * Callback fired when a sankey item is clicked.
    * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.

package/esm/SankeyChart/SankeyChart.plugins.d.ts

@@ -1,4 +1,5 @@
-import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
+import { ConvertSignaturesIntoPlugins, UseChartInteractionSignature } from '@mui/x-charts/internals';
 import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-export type SankeyChartPluginSignatures = [UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
+import { type UseSankeyHighlightSignature } from "./plugins/index.js";
+export type SankeyChartPluginSignatures = [UseChartInteractionSignature, UseSankeyHighlightSignature, UseChartProExportSignature];
 export declare const SANKEY_CHART_PLUGINS: ConvertSignaturesIntoPlugins<SankeyChartPluginSignatures>;

package/esm/SankeyChart/SankeyChart.plugins.js

@@ -1,5 +1,4 @@
-import { useChartHighlight
-// useChartHighlight,
-, useChartInteraction } from '@mui/x-charts/internals';
+import { useChartInteraction } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
-export const SANKEY_CHART_PLUGINS = [useChartInteraction, useChartHighlight, useChartProExport];
+import { useSankeyHighlight } from "./plugins/index.js";
+export const SANKEY_CHART_PLUGINS = [useChartInteraction, useSankeyHighlight, useChartProExport];

package/esm/SankeyChart/SankeyLinkElement.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { SeriesId } from '@mui/x-charts/internals';
-import { SankeyLayoutLink, type SankeyLinkIdentifierWithData } from "./sankey.types.js";
+import type { SankeyLayoutLink, SankeyLinkIdentifierWithData } from "./sankey.types.js";
 export interface SankeyLinkElementProps {
   /**
    * The series ID to which the link belongs