yet-another-react-lightbox 1.9.2 → 1.9.3

package/dist/plugins/Zoom.js

@@ -221,17 +221,17 @@ const ZoomContainer = ({ slide, offset, rect, render, carousel, animation, zoom:
     }, [offset]);
     useEnhancedEffect(() => {
         if (offset === 0) {
-            const { setMinZoom, setMaxZoom, maxZoom } = refs.current;
+            const { setMinZoom, setMaxZoom } = refs.current;
             setMinZoom(state.zoom <= 1);
-            setMaxZoom(state.zoom >= maxZoom);
+            setMaxZoom(state.zoom >= currentMaxZoom);
         }
-    }, [offset, state.zoom]);
+    }, [offset, state.zoom, currentMaxZoom]);
     const changeZoom = React.useCallback((value, rapid, dx, dy) => {
         const { current } = refs;
         const { state: { zoom }, containerRef, containerRect, maxZoom, } = current;
         if (!containerRef.current || !containerRect)
             return;
-        const newZoom = round(Math.min(Math.max(value, 1), maxZoom), 5);
+        const newZoom = round(Math.min(Math.max(value + 0.001 < maxZoom ? value : maxZoom, 1), maxZoom), 5);
         if (newZoom === zoom)
             return;
         if (!rapid) {
@@ -379,7 +379,7 @@ const ZoomContainer = ({ slide, offset, rect, render, carousel, animation, zoom:
             ? { style: { transform: `scale(${zoom}) translate3d(${offsetX}px, ${offsetY}px, 0)` } }
             : null) }, rendered)) : null;
 };
-const ZoomWrapper = ({ slide, offset, rect, render, carousel, animation }) => {
+const ZoomWrapper = ({ slide, offset, rect, render, carousel, animation, zoom }) => {
     var _a;
     const { setZoomSupported } = useZoom();
     const imageSlide = !("type" in slide);
@@ -390,7 +390,7 @@ const ZoomWrapper = ({ slide, offset, rect, render, carousel, animation }) => {
         }
     }, [offset, zoomSupported, setZoomSupported]);
     if (zoomSupported) {
-        return (React.createElement(ZoomContainer, { slide: slide, offset: offset, rect: rect, render: render, carousel: carousel, animation: animation }));
+        return (React.createElement(ZoomContainer, { slide: slide, offset: offset, rect: rect, render: render, carousel: carousel, animation: animation, zoom: zoom }));
     }
     const rendered = (_a = render.slide) === null || _a === void 0 ? void 0 : _a.call(render, slide, offset, rect);
     if (rendered) {
@@ -410,7 +410,7 @@ export const Zoom = ({ augment, append }) => {
         },
         render: {
             ...render,
-            slide: (slide, offset, rect) => (React.createElement(ZoomWrapper, { slide: slide, offset: offset, rect: rect, render: render, carousel: carousel, animation: animation })),
+            slide: (slide, offset, rect) => (React.createElement(ZoomWrapper, { slide: slide, offset: offset, rect: rect, render: render, carousel: carousel, animation: animation, zoom: zoom })),
         },
         zoom: {
             ...defaultZoomProps,

package/package.json

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