@mui/x-charts-pro 9.5.0 → 9.6.0

package/internals/plugins/useChartProZoom/gestureHooks/useRegisterZoomGestures.mjs

@@ -0,0 +1,42 @@
+'use client';
+
+import * as React from 'react';
+import { PanGesture, PinchGesture, PressAndDragGesture, TapAndDragGesture, TapGesture, TurnWheelGesture } from '@mui/x-internal-gestures/core';
+/**
+ * Registers the gestures required by the zoom feature.
+ * They are registered here instead of in the core interaction listener plugin
+ * so their implementations are only bundled with the zoom plugin.
+ */
+export const useRegisterZoomGestures = ({
+  instance
+}) => {
+  React.useEffect(() => {
+    return instance.registerGestures([new PanGesture({
+      name: 'zoomPan',
+      threshold: 0,
+      preventIf: ['zoomTapAndDrag', 'zoomPressAndDrag']
+    }), new PinchGesture({
+      name: 'zoomPinch',
+      threshold: 5
+    }), new TurnWheelGesture({
+      name: 'zoomTurnWheel',
+      sensitivity: 0.01,
+      initialDelta: 1,
+      passive: false
+    }), new TurnWheelGesture({
+      name: 'panTurnWheel',
+      sensitivity: 0.5,
+      passive: false
+    }), new TapAndDragGesture({
+      name: 'zoomTapAndDrag',
+      dragThreshold: 10
+    }), new PressAndDragGesture({
+      name: 'zoomPressAndDrag',
+      dragThreshold: 10,
+      preventIf: ['zoomPinch']
+    }), new TapGesture({
+      name: 'zoomDoubleTapReset',
+      taps: 2
+    })]);
+  }, [instance]);
+};

package/internals/plugins/useChartProZoom/useChartProZoom.js

@@ -27,6 +27,7 @@ var _useZoomOnBrush = require("./gestureHooks/useZoomOnBrush");
 var _useZoomOnDoubleTapReset = require("./gestureHooks/useZoomOnDoubleTapReset");
 var _initializeZoomInteractionConfig = require("./initializeZoomInteractionConfig");
 var _initializeZoomData = require("./initializeZoomData");
+var _useRegisterZoomGestures = require("./gestureHooks/useRegisterZoomGestures");
 /**
  * Type guard for `initialZoom` entries provided as a range value.
  */
@@ -193,6 +194,7 @@ const useChartProZoom = pluginData => {
   }, [removeIsInteracting]);
 
   // Add events
+  (0, _useRegisterZoomGestures.useRegisterZoomGestures)(pluginData);
   (0, _usePanOnDrag.usePanOnDrag)(pluginData, setZoomDataCallback);
   (0, _usePanOnPressAndDrag.usePanOnPressAndDrag)(pluginData, setZoomDataCallback);
   (0, _usePanOnWheel.usePanOnWheel)(pluginData, setZoomDataCallback);

package/internals/plugins/useChartProZoom/useChartProZoom.mjs

@@ -20,6 +20,7 @@ import { useZoomOnBrush } from "./gestureHooks/useZoomOnBrush.mjs";
 import { useZoomOnDoubleTapReset } from "./gestureHooks/useZoomOnDoubleTapReset.mjs";
 import { initializeZoomInteractionConfig } from "./initializeZoomInteractionConfig.mjs";
 import { initializeZoomData } from "./initializeZoomData.mjs";
+import { useRegisterZoomGestures } from "./gestureHooks/useRegisterZoomGestures.mjs";
 
 /**
  * Type guard for `initialZoom` entries provided as a range value.
@@ -187,6 +188,7 @@ export const useChartProZoom = pluginData => {
   }, [removeIsInteracting]);
 
   // Add events
+  useRegisterZoomGestures(pluginData);
   usePanOnDrag(pluginData, setZoomDataCallback);
   usePanOnPressAndDrag(pluginData, setZoomDataCallback);
   usePanOnWheel(pluginData, setZoomDataCallback);

package/internals/plugins/zoomGestures/useWheelGesture.js

@@ -42,7 +42,7 @@ function useWheelGesture(instance, options) {
     if (element === null || !enabled) {
       return () => {};
     }
-    const rafThrottledOnWheel = (0, _rafThrottle.rafThrottle)(onWheelRef.current);
+    const rafThrottledOnWheel = (0, _rafThrottle.rafThrottle)((point, event) => onWheelRef.current(point, event));
     const handler = instance.addInteractionListener('zoomTurnWheel', event => {
       const point = (0, _internals.getChartPoint)(element, {
         clientX: event.detail.centroid.x,

package/internals/plugins/zoomGestures/useWheelGesture.mjs

@@ -36,7 +36,7 @@ export function useWheelGesture(instance, options) {
     if (element === null || !enabled) {
       return () => {};
     }
-    const rafThrottledOnWheel = rafThrottle(onWheelRef.current);
+    const rafThrottledOnWheel = rafThrottle((point, event) => onWheelRef.current(point, event));
     const handler = instance.addInteractionListener('zoomTurnWheel', event => {
       const point = getChartPoint(element, {
         clientX: event.detail.centroid.x,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "9.5.0",
+  "version": "9.6.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -28,14 +28,14 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@mui/utils": "9.0.1",
+    "@mui/utils": "^9.0.1",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts": "^9.5.0",
-    "@mui/x-charts-vendor": "^9.4.0",
-    "@mui/x-internals": "^9.1.0",
-    "@mui/x-internal-gestures": "^9.3.0",
-    "@mui/x-license": "^9.4.0"
+    "@mui/x-charts": "^9.6.0",
+    "@mui/x-internals": "^9.6.0",
+    "@mui/x-internal-gestures": "^9.6.0",
+    "@mui/x-license": "^9.6.0",
+    "@mui/x-charts-vendor": "^9.4.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -889,6 +889,9 @@
       }
     }
   },
+  "imports": {
+    "#formatErrorMessage": "@mui/x-internals/formatErrorMessage"
+  },
   "main": "./index.js",
   "types": "./index.d.ts"
 }