react-native-gesture-handler/lib/typescript/handlers/gestures/hoverGesture.js

Declarative API exposing native platform touch and gesture system to React Native

import { ContinousBaseGesture } from './gesture';
export var HoverEffect;
(function (HoverEffect) {
    HoverEffect[HoverEffect["NONE"] = 0] = "NONE";
    HoverEffect[HoverEffect["LIFT"] = 1] = "LIFT";
    HoverEffect[HoverEffect["HIGHLIGHT"] = 2] = "HIGHLIGHT";
})(HoverEffect || (HoverEffect = {}));
export const hoverGestureHandlerProps = ['hoverEffect'];
function changeEventCalculator(current, previous) {
    'worklet';
    let changePayload;
    if (previous === undefined) {
        changePayload = {
            changeX: current.x,
            changeY: current.y,
        };
    }
    else {
        changePayload = {
            changeX: current.x - previous.x,
            changeY: current.y - previous.y,
        };
    }
    return { ...current, ...changePayload };
}
export class HoverGesture extends ContinousBaseGesture {
    config = {};
    constructor() {
        super();
        this.handlerName = 'HoverGestureHandler';
    }
    /**
     * #### iOS only
     * Sets the visual hover effect.
     */
    effect(effect) {
        this.config.hoverEffect = effect;
        return this;
    }
    onChange(callback) {
        // @ts-ignore TS being overprotective, HoverGestureHandlerEventPayload is Record
        this.handlers.changeEventCalculator = changeEventCalculator;
        return super.onChange(callback);
    }
}