[sigma] Stops scrolljacking when no zoom

This commit addresses some legit issue discussed in #1492.

Details:
- In MouseCaptor#handleWheel, stops calling e.preventDefault when
  zooming is disabled or when the ratio does not change
- In the mouse-manipulations story, adds zoom boundaries to ease
  checking that the scroll-jacking ends when the user zooms or unzooms
  to the max

Author: jacomyal

packages/sigma/src/core/captors/mouse.ts

@@ -307,10 +307,8 @@ export default class MouseCaptor<
   }
 
   handleWheel(e: WheelEvent): void {
-    if (!this.enabled) return;
-
-    e.preventDefault();
-    e.stopPropagation();
+    const camera = this.renderer.getCamera();
+    if (!this.enabled || !camera.enabledZooming) return;
 
     const delta = getWheelDelta(e);
 
@@ -319,16 +317,26 @@ export default class MouseCaptor<
     const wheelCoords = getWheelCoords(e, this.container);
     this.emit("wheel", wheelCoords);
 
-    if (wheelCoords.sigmaDefaultPrevented) return;
+    if (wheelCoords.sigmaDefaultPrevented) {
+      e.preventDefault();
+      e.stopPropagation();
+      return;
+    }
 
     // Default behavior
+    const currentRatio = camera.getState().ratio;
     const ratioDiff = delta > 0 ? 1 / this.settings.zoomingRatio : this.settings.zoomingRatio;
-    const camera = this.renderer.getCamera();
-    const newRatio = camera.getBoundedRatio(camera.getState().ratio * ratioDiff);
+    const newRatio = camera.getBoundedRatio(currentRatio * ratioDiff);
     const wheelDirection = delta > 0 ? 1 : -1;
     const now = Date.now();
 
-    // Cancel events that are too close too each other and in the same direction:
+    // Exit early without preventing default behavior when ratio doesn't change:
+    if (currentRatio === newRatio) return;
+
+    e.preventDefault();
+    e.stopPropagation();
+
+    // Cancel events that are too close each other and in the same direction:
     if (
       this.currentWheelDirection === wheelDirection &&
       this.lastWheelTriggerTime &&

packages/storybook/stories/2-advanced-usecases/mouse-manipulations/index.ts

@@ -24,7 +24,7 @@ export default () => {
   layout.start();
 
   // Create the sigma
-  const renderer = new Sigma(graph, container);
+  const renderer = new Sigma(graph, container, { minCameraRatio: 0.5, maxCameraRatio: 2 });
 
   //
   // Drag'n'drop feature