yet-another-react-lightbox 2.2.6 → 2.3.0

package/dist/core/modules/controller/usePointerSwipe.js

@@ -43,11 +43,12 @@ export const usePointerSwipe = (subscribeSensors, isSwipeValid, containerWidth,
         if (pointer) {
             const isCurrentPointer = activePointer.current === event.pointerId;
             if (event.buttons === 0) {
-                if (isCurrentPointer && offset.current > 0) {
-                    onSwipeCancel(offset.current);
-                    offset.current = 0;
+                if (isCurrentPointer && offset.current !== 0) {
+                    onPointerUp(event);
+                }
+                else {
+                    clearPointer(pointer);
                 }
-                clearPointer(pointer);
                 return;
             }
             const deltaX = event.clientX - pointer.clientX;

package/dist/plugins/zoom/ZoomContainer.js

@@ -140,6 +140,13 @@ export const ZoomContainer = ({ slide, offset, rect, render, carousel, animation
             }
         }
     }, [offset, zoom, maxZoom, isMinZoom, isMaxZoom, setIsMinZoom, setIsMaxZoom]);
+    const onZoomCallback = useEventCallback(() => {
+        var _a;
+        if (offset === 0) {
+            (_a = on.zoom) === null || _a === void 0 ? void 0 : _a.call(on, zoom);
+        }
+    });
+    useLayoutEffect(onZoomCallback, [zoom, onZoomCallback]);
     const translateCoordinates = React.useCallback((event) => {
         if (controllerRef.current) {
             const { pageX, pageY } = event;

package/dist/plugins/zoom/index.d.ts

@@ -49,5 +49,8 @@ declare module "../../types" {
         /** render custom Zoom out icon */
         iconZoomOut?: () => React.ReactNode;
     }
+    interface Callbacks {
+        zoom?: (level: number) => void;
+    }
 }
 export default Zoom;

package/package.json

@@ -1,11 +1,12 @@
 {
     "name": "yet-another-react-lightbox",
-    "version": "2.2.6",
+    "version": "2.3.0",
     "description": "Modern React lightbox component",
     "author": "Igor Danchenko",
     "license": "MIT",
     "type": "module",
     "main": "dist/index.js",
+    "types": "dist/index.d.ts",
     "exports": {
         ".": "./dist/index.js",
         "./core": "./dist/core/index.js",
@@ -21,7 +22,6 @@
         "./plugins/zoom": "./dist/plugins/zoom/index.js",
         "./styles.css": "./dist/styles.css"
     },
-    "types": "dist/index.d.ts",
     "typesVersions": {
         "*": {
             "*": [
@@ -73,64 +73,17 @@
     "engines": {
         "node": ">=14"
     },
-    "scripts": {
-        "prepare": "husky install",
-        "clean": "rimraf dist",
-        "build": "npm-run-all clean build:scss build:css build:js build:dts",
-        "build:js": "tsc -p tsconfig.build.js.json",
-        "build:dts": "tsc -p tsconfig.build.dts.json",
-        "build:css": "postcss src/*.css src/**/*.css --base src -d dist -u autoprefixer --no-map",
-        "build:scss": "sass src --no-source-map",
-        "start": "npm-run-all clean --parallel \"build:* -- -w\"",
-        "lint": "eslint .",
-        "test": "jest"
-    },
     "peerDependencies": {
         "react": ">=16.8.0",
         "react-dom": ">=16.8.0"
     },
-    "devDependencies": {
-        "@commitlint/cli": "^17.4.0",
-        "@commitlint/config-conventional": "^17.4.0",
-        "@semantic-release/changelog": "^6.0.2",
-        "@semantic-release/github": "^8.0.7",
-        "@testing-library/jest-dom": "^5.16.5",
-        "@testing-library/react": "^13.4.0",
-        "@testing-library/user-event": "^14.4.3",
-        "@types/jest": "^29.2.5",
-        "@types/react": "^18.0.26",
-        "@types/react-dom": "^18.0.10",
-        "@typescript-eslint/eslint-plugin": "^5.48.0",
-        "@typescript-eslint/parser": "^5.48.0",
-        "autoprefixer": "^10.4.13",
-        "eslint": "^8.31.0",
-        "eslint-config-airbnb": "^19.0.4",
-        "eslint-config-airbnb-typescript": "^17.0.0",
-        "eslint-config-prettier": "^8.6.0",
-        "eslint-plugin-import": "^2.26.0",
-        "eslint-plugin-jsx-a11y": "^6.6.1",
-        "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-react": "^7.31.11",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "husky": "^8.0.3",
-        "jest": "^29.3.1",
-        "jest-environment-jsdom": "^29.3.1",
-        "lint-staged": "^13.1.0",
-        "npm-run-all": "^4.1.5",
-        "postcss": "^8.4.21",
-        "postcss-cli": "^10.1.0",
-        "prettier": "^2.8.2",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "rimraf": "^3.0.2",
-        "sass": "^1.57.1",
-        "ts-jest": "^29.0.3",
-        "typescript": "^4.9.4"
-    },
     "keywords": [
         "react",
         "image",
+        "photo",
         "lightbox",
-        "react lightbox"
+        "react lightbox",
+        "react image lightbox",
+        "react photo lightbox"
     ]
 }