rxjs-gestures/src/operators/TapOperator.js

A library for reacting to future user input.

import { selectId } from '../support';
import { Subscriber } from 'rxjs/Subscriber';

export class TapOperator {
    constructor(timeout, radius, Gestures) {
        this.timeout = timeout;
        this.radius = radius;
        this.Gestures = Gestures;
    }
    call(subscriber, source) {
        return source.subscribe(new TapSubscriber(subscriber,
                                                  this.timeout,
                                                  this.radius,
                                                  this.Gestures));
    }
}

export class TapSubscriber extends Subscriber {
    constructor(destination, timeout, radius, Gestures) {
        super(destination);
        this.timeout = timeout;
        this.radius = radius;
        this.Gestures = Gestures;
    }
    _next(starts) {

        const { timeout, radius, Gestures } = this;
        const { topLevelElement } = Gestures;

        const { key } = starts;
        const isMouse = key === 'mouse';
        const selectPoint = isMouse ? null : selectId(key);

        const ends = isMouse ?
            Gestures.end(topLevelElement) :
            Gestures.end(topLevelElement).filter(selectPoint);

        const cancels = isMouse ?
            Gestures.cancel(topLevelElement) :
            Gestures.cancel(topLevelElement).filter(selectPoint);

        super._next(Gestures.tap(starts, ends, cancels, { timeout, radius }));
    }
}