yet-another-react-lightbox 3.21.3 → 3.21.4

package/dist/plugins/zoom/index.js

@@ -115,6 +115,9 @@ function useZoomImageRect(slideRect, imageDimensions) {
 function distance(pointerA, pointerB) {
     return ((pointerA.clientX - pointerB.clientX) ** 2 + (pointerA.clientY - pointerB.clientY) ** 2) ** 0.5;
 }
+function scaleZoom(value, delta, factor = 100, clamp = 2) {
+    return value * Math.min(1 + Math.abs(delta / factor), clamp) ** Math.sign(delta);
+}
 function useZoomSensors(zoom, maxZoom, disabled, changeZoom, changeOffsets, zoomWrapperRef) {
     const activePointers = React.useRef([]);
     const lastPointerDown = React.useRef(0);
@@ -174,7 +177,7 @@ function useZoomSensors(zoom, maxZoom, disabled, changeZoom, changeOffsets, zoom
         if (event.ctrlKey || scrollToZoom) {
             if (Math.abs(event.deltaY) > Math.abs(event.deltaX)) {
                 event.stopPropagation();
-                changeZoom(zoom * (1 - event.deltaY / wheelZoomDistanceFactor), true, ...translateCoordinates(event));
+                changeZoom(scaleZoom(zoom, -event.deltaY, wheelZoomDistanceFactor), true, ...translateCoordinates(event));
                 return;
             }
         }
@@ -197,7 +200,8 @@ function useZoomSensors(zoom, maxZoom, disabled, changeZoom, changeOffsets, zoom
     const onPointerDown = useEventCallback((event) => {
         var _a;
         const pointers = activePointers.current;
-        if (!((_a = zoomWrapperRef === null || zoomWrapperRef === void 0 ? void 0 : zoomWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+        if ((event.pointerType === "mouse" && event.buttons > 1) ||
+            !((_a = zoomWrapperRef === null || zoomWrapperRef === void 0 ? void 0 : zoomWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
             return;
         }
         if (zoom > 1) {
@@ -226,7 +230,7 @@ function useZoomSensors(zoom, maxZoom, disabled, changeZoom, changeOffsets, zoom
             const currentDistance = distance(pointers[0], pointers[1]);
             const delta = currentDistance - pinchZoomDistance.current;
             if (Math.abs(delta) > 0) {
-                changeZoom(zoom * (1 + delta / pinchZoomDistanceFactor), true, ...pointers
+                changeZoom(scaleZoom(zoom, delta, pinchZoomDistanceFactor), true, ...pointers
                     .map((x) => translateCoordinates(x))
                     .reduce((acc, coordinate) => coordinate.map((x, i) => acc[i] + x / 2)));
                 pinchZoomDistance.current = currentDistance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yet-another-react-lightbox",
-  "version": "3.21.3",
+  "version": "3.21.4",
   "description": "Modern React lightbox component",
   "author": "Igor Danchenko",
   "license": "MIT",