react-native-gesture-handler 2.26.0 → 2.27.1

package/lib/typescript/web/handlers/LongPressGestureHandler.d.ts

@@ -28,4 +28,3 @@ export default class LongPressGestureHandler extends GestureHandler {
     private tryActivate;
     private checkDistanceFail;
 }
-//# sourceMappingURL=LongPressGestureHandler.d.ts.map

package/lib/typescript/web/handlers/LongPressGestureHandler.js

@@ -0,0 +1,136 @@
+import { State } from '../../State';
+import GestureHandler from './GestureHandler';
+const DEFAULT_MIN_DURATION_MS = 500;
+const DEFAULT_MAX_DIST_DP = 10;
+const SCALING_FACTOR = 10;
+export default class LongPressGestureHandler extends GestureHandler {
+    minDurationMs = DEFAULT_MIN_DURATION_MS;
+    defaultMaxDistSq = DEFAULT_MAX_DIST_DP * SCALING_FACTOR;
+    maxDistSq = this.defaultMaxDistSq;
+    numberOfPointers = 1;
+    startX = 0;
+    startY = 0;
+    startTime = 0;
+    previousTime = 0;
+    activationTimeout;
+    init(ref, propsRef) {
+        if (this.config.enableContextMenu === undefined) {
+            this.config.enableContextMenu = false;
+        }
+        super.init(ref, propsRef);
+    }
+    transformNativeEvent() {
+        return {
+            ...super.transformNativeEvent(),
+            duration: Date.now() - this.startTime,
+        };
+    }
+    updateGestureConfig({ enabled = true, ...props }) {
+        super.updateGestureConfig({ enabled: enabled, ...props });
+        if (this.config.minDurationMs !== undefined) {
+            this.minDurationMs = this.config.minDurationMs;
+        }
+        if (this.config.maxDist !== undefined) {
+            this.maxDistSq = this.config.maxDist * this.config.maxDist;
+        }
+        if (this.config.numberOfPointers !== undefined) {
+            this.numberOfPointers = this.config.numberOfPointers;
+        }
+    }
+    resetConfig() {
+        super.resetConfig();
+        this.minDurationMs = DEFAULT_MIN_DURATION_MS;
+        this.maxDistSq = this.defaultMaxDistSq;
+    }
+    onStateChange(_newState, _oldState) {
+        clearTimeout(this.activationTimeout);
+    }
+    onPointerDown(event) {
+        if (!this.isButtonInConfig(event.button)) {
+            return;
+        }
+        this.tracker.addToTracker(event);
+        super.onPointerDown(event);
+        this.startX = event.x;
+        this.startY = event.y;
+        this.tryBegin();
+        this.tryActivate();
+        this.tryToSendTouchEvent(event);
+    }
+    onPointerAdd(event) {
+        super.onPointerAdd(event);
+        this.tracker.addToTracker(event);
+        if (this.tracker.trackedPointersCount > this.numberOfPointers) {
+            this.fail();
+            return;
+        }
+        const absoluteCoordsAverage = this.tracker.getAbsoluteCoordsAverage();
+        this.startX = absoluteCoordsAverage.x;
+        this.startY = absoluteCoordsAverage.y;
+        this.tryActivate();
+    }
+    onPointerMove(event) {
+        super.onPointerMove(event);
+        this.tracker.track(event);
+        this.checkDistanceFail();
+    }
+    onPointerOutOfBounds(event) {
+        super.onPointerOutOfBounds(event);
+        this.tracker.track(event);
+        this.checkDistanceFail();
+    }
+    onPointerUp(event) {
+        super.onPointerUp(event);
+        this.tracker.removeFromTracker(event.pointerId);
+        if (this.state === State.ACTIVE) {
+            this.end();
+        }
+        else {
+            this.fail();
+        }
+    }
+    onPointerRemove(event) {
+        super.onPointerRemove(event);
+        this.tracker.removeFromTracker(event.pointerId);
+        if (this.tracker.trackedPointersCount < this.numberOfPointers &&
+            this.state !== State.ACTIVE) {
+            this.fail();
+        }
+    }
+    tryBegin() {
+        if (this.state !== State.UNDETERMINED) {
+            return;
+        }
+        this.previousTime = Date.now();
+        this.startTime = this.previousTime;
+        this.begin();
+    }
+    tryActivate() {
+        if (this.tracker.trackedPointersCount !== this.numberOfPointers) {
+            return;
+        }
+        if (this.minDurationMs > 0) {
+            this.activationTimeout = setTimeout(() => {
+                this.activate();
+            }, this.minDurationMs);
+        }
+        else if (this.minDurationMs === 0) {
+            this.activate();
+        }
+    }
+    checkDistanceFail() {
+        const absoluteCoordsAverage = this.tracker.getAbsoluteCoordsAverage();
+        const dx = absoluteCoordsAverage.x - this.startX;
+        const dy = absoluteCoordsAverage.y - this.startY;
+        const distSq = dx * dx + dy * dy;
+        if (distSq <= this.maxDistSq) {
+            return;
+        }
+        if (this.state === State.ACTIVE) {
+            this.cancel();
+        }
+        else {
+            this.fail();
+        }
+    }
+}

package/lib/typescript/web/handlers/ManualGestureHandler.d.ts

@@ -8,4 +8,3 @@ export default class ManualGestureHandler extends GestureHandler {
     protected onPointerUp(event: AdaptedEvent): void;
     protected onPointerRemove(event: AdaptedEvent): void;
 }
-//# sourceMappingURL=ManualGestureHandler.d.ts.map

package/lib/typescript/web/handlers/ManualGestureHandler.js

@@ -0,0 +1,29 @@
+import GestureHandler from './GestureHandler';
+export default class ManualGestureHandler extends GestureHandler {
+    onPointerDown(event) {
+        this.tracker.addToTracker(event);
+        super.onPointerDown(event);
+        this.begin();
+        this.tryToSendTouchEvent(event);
+    }
+    onPointerAdd(event) {
+        this.tracker.addToTracker(event);
+        super.onPointerAdd(event);
+    }
+    onPointerMove(event) {
+        this.tracker.track(event);
+        super.onPointerMove(event);
+    }
+    onPointerOutOfBounds(event) {
+        this.tracker.track(event);
+        super.onPointerOutOfBounds(event);
+    }
+    onPointerUp(event) {
+        super.onPointerUp(event);
+        this.tracker.removeFromTracker(event.pointerId);
+    }
+    onPointerRemove(event) {
+        super.onPointerRemove(event);
+        this.tracker.removeFromTracker(event.pointerId);
+    }
+}

package/lib/typescript/web/handlers/NativeViewGestureHandler.d.ts

@@ -23,4 +23,3 @@ export default class NativeViewGestureHandler extends GestureHandler {
     disallowsInterruption(): boolean;
     isButton(): boolean;
 }
-//# sourceMappingURL=NativeViewGestureHandler.d.ts.map

package/lib/typescript/web/handlers/NativeViewGestureHandler.js

@@ -0,0 +1,133 @@
+import { Platform } from 'react-native';
+import { State } from '../../State';
+import { DEFAULT_TOUCH_SLOP } from '../constants';
+import GestureHandler from './GestureHandler';
+export default class NativeViewGestureHandler extends GestureHandler {
+    buttonRole;
+    // TODO: Implement logic for activation on start
+    // @ts-ignore Logic yet to be implemented
+    shouldActivateOnStart = false;
+    disallowInterruption = false;
+    startX = 0;
+    startY = 0;
+    minDistSq = DEFAULT_TOUCH_SLOP * DEFAULT_TOUCH_SLOP;
+    init(ref, propsRef) {
+        super.init(ref, propsRef);
+        this.shouldCancelWhenOutside = true;
+        if (Platform.OS !== 'web') {
+            return;
+        }
+        const view = this.delegate.view;
+        this.restoreViewStyles(view);
+        this.buttonRole = view.getAttribute('role') === 'button';
+    }
+    updateGestureConfig({ enabled = true, ...props }) {
+        super.updateGestureConfig({ enabled: enabled, ...props });
+        if (this.config.shouldActivateOnStart !== undefined) {
+            this.shouldActivateOnStart = this.config.shouldActivateOnStart;
+        }
+        if (this.config.disallowInterruption !== undefined) {
+            this.disallowInterruption = this.config.disallowInterruption;
+        }
+        const view = this.delegate.view;
+        this.restoreViewStyles(view);
+    }
+    restoreViewStyles(view) {
+        if (!view) {
+            return;
+        }
+        view.style['touchAction'] = 'auto';
+        // @ts-ignore Turns on defualt touch behavior on Safari
+        view.style['WebkitTouchCallout'] = 'auto';
+    }
+    onPointerDown(event) {
+        this.tracker.addToTracker(event);
+        super.onPointerDown(event);
+        this.newPointerAction();
+        this.tryToSendTouchEvent(event);
+    }
+    onPointerAdd(event) {
+        this.tracker.addToTracker(event);
+        super.onPointerAdd(event);
+        this.newPointerAction();
+    }
+    newPointerAction() {
+        const lastCoords = this.tracker.getAbsoluteCoordsAverage();
+        this.startX = lastCoords.x;
+        this.startY = lastCoords.y;
+        if (this.state !== State.UNDETERMINED) {
+            return;
+        }
+        this.begin();
+        const view = this.delegate.view;
+        const isRNGHText = view.hasAttribute('rnghtext');
+        if (this.buttonRole || isRNGHText) {
+            this.activate();
+        }
+    }
+    onPointerMove(event) {
+        this.tracker.track(event);
+        const lastCoords = this.tracker.getAbsoluteCoordsAverage();
+        const dx = this.startX - lastCoords.x;
+        const dy = this.startY - lastCoords.y;
+        const distSq = dx * dx + dy * dy;
+        if (distSq >= this.minDistSq) {
+            if (this.buttonRole && this.state === State.ACTIVE) {
+                this.cancel();
+            }
+            else if (!this.buttonRole && this.state === State.BEGAN) {
+                this.activate();
+            }
+        }
+    }
+    onPointerLeave() {
+        if (this.state === State.BEGAN || this.state === State.ACTIVE) {
+            this.cancel();
+        }
+    }
+    onPointerUp(event) {
+        super.onPointerUp(event);
+        this.onUp(event);
+    }
+    onPointerRemove(event) {
+        super.onPointerRemove(event);
+        this.onUp(event);
+    }
+    onUp(event) {
+        this.tracker.removeFromTracker(event.pointerId);
+        if (this.tracker.trackedPointersCount === 0) {
+            if (this.state === State.ACTIVE) {
+                this.end();
+            }
+            else {
+                this.fail();
+            }
+        }
+    }
+    shouldRecognizeSimultaneously(handler) {
+        if (super.shouldRecognizeSimultaneously(handler)) {
+            return true;
+        }
+        if (handler instanceof NativeViewGestureHandler &&
+            handler.state === State.ACTIVE &&
+            handler.disallowsInterruption()) {
+            return false;
+        }
+        const canBeInterrupted = !this.disallowInterruption;
+        if (this.state === State.ACTIVE &&
+            handler.state === State.ACTIVE &&
+            canBeInterrupted) {
+            return false;
+        }
+        return (this.state === State.ACTIVE && canBeInterrupted && handler.handlerTag > 0);
+    }
+    shouldBeCancelledByOther(_handler) {
+        return !this.disallowInterruption;
+    }
+    disallowsInterruption() {
+        return this.disallowInterruption;
+    }
+    isButton() {
+        return this.buttonRole;
+    }
+}

package/lib/typescript/web/handlers/PanGestureHandler.d.ts

@@ -42,6 +42,8 @@ export default class PanGestureHandler extends GestureHandler {
     private getTranslationX;
     private getTranslationY;
     private clearActivationTimeout;
+    private updateLastCoords;
+    private updateVelocity;
     protected onPointerDown(event: AdaptedEvent): void;
     protected onPointerAdd(event: AdaptedEvent): void;
     protected onPointerUp(event: AdaptedEvent): void;
@@ -59,4 +61,3 @@ export default class PanGestureHandler extends GestureHandler {
     protected onReset(): void;
     protected resetProgress(): void;
 }
-//# sourceMappingURL=PanGestureHandler.d.ts.map

package/lib/typescript/web/handlers/PanGestureHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanGestureHandler.d.ts","sourceRoot":"","sources":["../../../../src/web/handlers/PanGestureHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAe,MAAM,eAAe,CAAC;AAE9E,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAM9C,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,cAAc;IAC3D,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAYzC;IAEK,SAAS,SAAK;IACd,SAAS,SAAK;IAErB,OAAO,CAAC,SAAS,CAAuB;IAExC,OAAO,CAAC,kBAAkB,CAA4B;IACtD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,cAAc,CAA2B;IAEjD,OAAO,CAAC,kBAAkB,CAA2B;IACrD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,cAAc,CAA2B;IAEjD,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,aAAa,CAA2B;IAEhD,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,KAAK,CAAK;IAElB,OAAO,CAAC,UAAU,CAAyB;IAE3C,OAAO,CAAC,sBAAsB,CAAK;IACnC,OAAO,CAAC,iBAAiB,CAAK;IAE9B,OAAO,CAAC,8BAA8B,CAAS;IAC/C,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,WAAW,CAA4B;IAExC,mBAAmB,CAAC,EAAE,OAAc,EAAE,GAAG,KAAK,EAAE,EAAE,MAAM,GAAG,IAAI;IA2GtE,SAAS,CAAC,WAAW,IAAI,IAAI;IAyB7B,SAAS,CAAC,oBAAoB;;;;;;;IAc9B,OAAO,CAAC,eAAe;IAGvB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,sBAAsB;IAK9B,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAuBlD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IA0BjD,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAwBhD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAwBpD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAiBlD,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAuBzD,OAAO,CAAC,gBAAgB;IAcxB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IA6C5C,OAAO,CAAC,cAAc;IAqEtB,OAAO,CAAC,UAAU;IAqClB,OAAO,CAAC,QAAQ;IAyBhB,OAAO,CAAC,UAAU;IAUX,QAAQ,CAAC,KAAK,UAAQ,GAAG,IAAI;IAQpC,SAAS,CAAC,QAAQ,IAAI,IAAI;IAI1B,SAAS,CAAC,OAAO,IAAI,IAAI;IAIzB,SAAS,CAAC,aAAa,IAAI,IAAI;CAQhC"}
+{"version":3,"file":"PanGestureHandler.d.ts","sourceRoot":"","sources":["../../../../src/web/handlers/PanGestureHandler.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAe,MAAM,eAAe,CAAC;AAE9E,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAM9C,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,cAAc;IAC3D,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAYzC;IAEK,SAAS,SAAK;IACd,SAAS,SAAK;IAErB,OAAO,CAAC,SAAS,CAAuB;IAExC,OAAO,CAAC,kBAAkB,CAA4B;IACtD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,cAAc,CAA2B;IAEjD,OAAO,CAAC,kBAAkB,CAA2B;IACrD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,gBAAgB,CAA2B;IACnD,OAAO,CAAC,cAAc,CAA2B;IAEjD,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,YAAY,CAA2B;IAC/C,OAAO,CAAC,aAAa,CAA2B;IAEhD,OAAO,CAAC,WAAW,CAAwB;IAC3C,OAAO,CAAC,WAAW,CAAwB;IAE3C,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,KAAK,CAAK;IAElB,OAAO,CAAC,UAAU,CAAyB;IAE3C,OAAO,CAAC,sBAAsB,CAAK;IACnC,OAAO,CAAC,iBAAiB,CAAK;IAE9B,OAAO,CAAC,8BAA8B,CAAS;IAC/C,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,WAAW,CAA4B;IAExC,mBAAmB,CAAC,EAAE,OAAc,EAAE,GAAG,KAAK,EAAE,EAAE,MAAM,GAAG,IAAI;IA2GtE,SAAS,CAAC,WAAW,IAAI,IAAI;IAyB7B,SAAS,CAAC,oBAAoB;;;;;;;IAc9B,OAAO,CAAC,eAAe;IAGvB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,cAAc;IAQtB,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAqBlD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAwBjD,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAwBhD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAsBpD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAYlD,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAkBzD,OAAO,CAAC,gBAAgB;IAcxB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAsC5C,OAAO,CAAC,cAAc;IAqEtB,OAAO,CAAC,UAAU;IAqClB,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,UAAU;IAUX,QAAQ,CAAC,KAAK,UAAQ,GAAG,IAAI;IAQpC,SAAS,CAAC,QAAQ,IAAI,IAAI;IAI1B,SAAS,CAAC,OAAO,IAAI,IAAI;IAIzB,SAAS,CAAC,aAAa,IAAI,IAAI;CAQhC"}