react-native-gesture-handler 2.27.1 → 2.28.0

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

@@ -1,136 +0,0 @@
-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.js

@@ -1,29 +0,0 @@
-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.js

@@ -1,133 +0,0 @@
-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;
-    }
-}