react-native-gesture-handler 1.10.0 → 2.0.0

package/dist/src/web/PinchGestureHandler.js

@@ -1,19 +0,0 @@
-import Hammer from '@egjs/hammerjs';
-import IndiscreteGestureHandler from './IndiscreteGestureHandler';
-class PinchGestureHandler extends IndiscreteGestureHandler {
-    get name() {
-        return 'pinch';
-    }
-    get NativeGestureClass() {
-        return Hammer.Pinch;
-    }
-    transformNativeEvent({ scale, velocity, center }) {
-        return {
-            focalX: center.x,
-            focalY: center.y,
-            velocity,
-            scale,
-        };
-    }
-}
-export default PinchGestureHandler;

package/dist/src/web/PressGestureHandler.js

@@ -1,135 +0,0 @@
-import Hammer from '@egjs/hammerjs';
-import { State } from '../State';
-import { CONTENT_TOUCHES_DELAY, CONTENT_TOUCHES_QUICK_TAP_END_DELAY, } from './constants';
-import DiscreteGestureHandler from './DiscreteGestureHandler';
-import { fireAfterInterval, isValidNumber, isnan } from './utils';
-class PressGestureHandler extends DiscreteGestureHandler {
-    constructor() {
-        super(...arguments);
-        this.initialEvent = null;
-        this.shouldDelayTouches = true;
-    }
-    get name() {
-        return 'press';
-    }
-    get minDurationMs() {
-        // @ts-ignore FIXME(TS)
-        return isnan(this.config.minDurationMs) ? 5 : this.config.minDurationMs;
-    }
-    get maxDist() {
-        return isnan(this.config.maxDist) ? 9 : this.config.maxDist;
-    }
-    get NativeGestureClass() {
-        return Hammer.Press;
-    }
-    simulateCancelEvent(inputData) {
-        // Long press never starts so we can't rely on the running event boolean.
-        this.hasGestureFailed = true;
-        this.cancelEvent(inputData);
-    }
-    updateHasCustomActivationCriteria({ shouldCancelWhenOutside, maxDistSq, }) {
-        return shouldCancelWhenOutside || !isValidNumber(maxDistSq);
-    }
-    getState(type) {
-        return {
-            [Hammer.INPUT_START]: State.BEGAN,
-            [Hammer.INPUT_MOVE]: State.ACTIVE,
-            [Hammer.INPUT_END]: State.END,
-            [Hammer.INPUT_CANCEL]: State.CANCELLED,
-        }[type];
-    }
-    getConfig() {
-        if (!this.hasCustomActivationCriteria) {
-            // Default config
-            // If no params have been defined then this config should emulate the native gesture as closely as possible.
-            return {
-                shouldCancelWhenOutside: true,
-                maxDistSq: 10,
-            };
-        }
-        return this.config;
-    }
-    getHammerConfig() {
-        return {
-            ...super.getHammerConfig(),
-            // threshold: this.maxDist,
-            time: this.minDurationMs,
-        };
-    }
-    onGestureActivated(ev) {
-        this.onGestureStart(ev);
-    }
-    shouldDelayTouchForEvent({ pointerType }) {
-        // Don't disable event for mouse input
-        return this.shouldDelayTouches && pointerType === 'touch';
-    }
-    onGestureStart(ev) {
-        this.isGestureRunning = true;
-        clearTimeout(this.visualFeedbackTimer);
-        this.initialEvent = ev;
-        this.visualFeedbackTimer = fireAfterInterval(() => {
-            this.sendGestureStartedEvent(this.initialEvent);
-            this.initialEvent = null;
-        }, this.shouldDelayTouchForEvent(ev) && CONTENT_TOUCHES_DELAY);
-    }
-    sendGestureStartedEvent(ev) {
-        clearTimeout(this.visualFeedbackTimer);
-        this.visualFeedbackTimer = null;
-        this.sendEvent({
-            ...ev,
-            eventType: Hammer.INPUT_MOVE,
-            isFirst: true,
-        });
-    }
-    forceInvalidate(event) {
-        super.forceInvalidate(event);
-        clearTimeout(this.visualFeedbackTimer);
-        this.visualFeedbackTimer = null;
-        this.initialEvent = null;
-    }
-    onRawEvent(ev) {
-        super.onRawEvent(ev);
-        if (this.isGestureRunning) {
-            if (ev.isFinal) {
-                let timeout;
-                if (this.visualFeedbackTimer) {
-                    // Aesthetic timing for a quick tap.
-                    // We haven't activated the tap right away to emulate iOS `delaysContentTouches`
-                    // Now we must send the initial activation event and wait a set amount of time before firing the end event.
-                    timeout = CONTENT_TOUCHES_QUICK_TAP_END_DELAY;
-                    this.sendGestureStartedEvent(this.initialEvent);
-                    this.initialEvent = null;
-                }
-                fireAfterInterval(() => {
-                    this.sendEvent({
-                        ...ev,
-                        eventType: Hammer.INPUT_END,
-                        isFinal: true,
-                    });
-                    // @ts-ignore -- this should explicitly support undefined
-                    this.onGestureEnded();
-                }, timeout);
-            }
-            else {
-                this.sendEvent({
-                    ...ev,
-                    eventType: Hammer.INPUT_MOVE,
-                    isFinal: false,
-                });
-            }
-        }
-    }
-    updateGestureConfig({ shouldActivateOnStart = false, disallowInterruption = false, shouldCancelWhenOutside = true, minDurationMs = Number.NaN, maxDist = Number.NaN, minPointers = 1, maxPointers = 1, ...props }) {
-        return super.updateGestureConfig({
-            shouldActivateOnStart,
-            disallowInterruption,
-            shouldCancelWhenOutside,
-            minDurationMs,
-            maxDist,
-            minPointers,
-            maxPointers,
-            ...props,
-        });
-    }
-}
-export default PressGestureHandler;

package/dist/src/web/RotationGestureHandler.js

@@ -1,20 +0,0 @@
-import Hammer from '@egjs/hammerjs';
-import { DEG_RAD } from './constants';
-import IndiscreteGestureHandler from './IndiscreteGestureHandler';
-class RotationGestureHandler extends IndiscreteGestureHandler {
-    get name() {
-        return 'rotate';
-    }
-    get NativeGestureClass() {
-        return Hammer.Rotate;
-    }
-    transformNativeEvent({ rotation, velocity, center }) {
-        return {
-            rotation: (rotation - (this.initialRotation ?? 0)) * DEG_RAD,
-            anchorX: center.x,
-            anchorY: center.y,
-            velocity,
-        };
-    }
-}
-export default RotationGestureHandler;

package/dist/src/web/TapGestureHandler.js

@@ -1,143 +0,0 @@
-import Hammer from '@egjs/hammerjs';
-import DiscreteGestureHandler from './DiscreteGestureHandler';
-import { isnan } from './utils';
-class TapGestureHandler extends DiscreteGestureHandler {
-    constructor() {
-        super(...arguments);
-        this._shouldFireEndEvent = null;
-        this.onSuccessfulTap = (ev) => {
-            if (this._getPendingGestures().length) {
-                this._shouldFireEndEvent = ev;
-                return;
-            }
-            if (ev.eventType === Hammer.INPUT_END) {
-                this.sendEvent({ ...ev, eventType: Hammer.INPUT_MOVE });
-            }
-            // When handler gets activated it will turn into State.END immediately.
-            this.sendEvent({ ...ev, isFinal: true });
-            this.onGestureEnded(ev);
-        };
-    }
-    get name() {
-        return 'tap';
-    }
-    get NativeGestureClass() {
-        return Hammer.Tap;
-    }
-    get maxDelayMs() {
-        // @ts-ignore TODO(TS) trace down config
-        return isnan(this.config.maxDelayMs) ? 300 : this.config.maxDelayMs;
-    }
-    simulateCancelEvent(inputData) {
-        if (this.isGestureRunning) {
-            this.cancelEvent(inputData);
-        }
-    }
-    onGestureActivated(ev) {
-        if (this.isGestureRunning) {
-            this.onSuccessfulTap(ev);
-        }
-    }
-    onRawEvent(ev) {
-        super.onRawEvent(ev);
-        // Attempt to create a touch-down event by checking if a valid tap hasn't started yet, then validating the input.
-        if (!this.hasGestureFailed &&
-            !this.isGestureRunning &&
-            // Prevent multi-pointer events from misfiring.
-            !ev.isFinal) {
-            // Tap Gesture start event
-            const gesture = this.hammer.get(this.name);
-            // @ts-ignore TODO(TS) trace down config
-            if (gesture.options.enable(gesture, ev)) {
-                clearTimeout(this._multiTapTimer);
-                this.onStart(ev);
-                this.sendEvent(ev);
-            }
-        }
-        if (ev.isFinal && ev.maxPointers > 1) {
-            setTimeout(() => {
-                // Handle case where one finger presses slightly
-                // after the first finger on a multi-tap event
-                if (this.isGestureRunning) {
-                    this.cancelEvent(ev);
-                }
-            });
-        }
-        if (this.hasGestureFailed) {
-            return;
-        }
-        // Hammer doesn't send a `cancel` event for taps.
-        // Manually fail the event.
-        if (ev.isFinal) {
-            // Handle case where one finger presses slightly
-            // after the first finger on a multi-tap event
-            if (ev.maxPointers > 1) {
-                setTimeout(() => {
-                    if (this.isGestureRunning) {
-                        this.cancelEvent(ev);
-                    }
-                });
-            }
-            // Clear last timer
-            clearTimeout(this._timer);
-            // Create time out for multi-taps.
-            this._timer = setTimeout(() => {
-                this.hasGestureFailed = true;
-                this.cancelEvent(ev);
-            }, this.maxDelayMs);
-        }
-        else if (!this.hasGestureFailed && !this.isGestureRunning) {
-            // Tap Gesture start event
-            const gesture = this.hammer.get(this.name);
-            // @ts-ignore TODO(TS) trace down config
-            if (gesture.options.enable(gesture, ev)) {
-                clearTimeout(this._multiTapTimer);
-                this.onStart(ev);
-                this.sendEvent(ev);
-            }
-        }
-    }
-    getHammerConfig() {
-        return {
-            ...super.getHammerConfig(),
-            event: this.name,
-            // @ts-ignore TODO(TS) trace down config
-            taps: isnan(this.config.numberOfTaps) ? 1 : this.config.numberOfTaps,
-            interval: this.maxDelayMs,
-            time: 
-            // @ts-ignore TODO(TS) trace down config
-            isnan(this.config.maxDurationMs) || this.config.maxDurationMs == null
-                ? 250
-                : // @ts-ignore TODO(TS) trace down config
-                    this.config.maxDurationMs,
-        };
-    }
-    updateGestureConfig({ shouldCancelWhenOutside = true, maxDeltaX = Number.NaN, maxDeltaY = Number.NaN, numberOfTaps = 1, minDurationMs = 525, maxDelayMs = Number.NaN, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- TODO possibly forgotten to use in updateGestureConfig?
-    maxDurationMs = Number.NaN, maxDist = 2, minPointers = 1, maxPointers = 1, ...props }) {
-        return super.updateGestureConfig({
-            shouldCancelWhenOutside,
-            numberOfTaps,
-            maxDeltaX,
-            maxDeltaY,
-            minDurationMs,
-            maxDelayMs,
-            maxDist,
-            minPointers,
-            maxPointers,
-            ...props,
-        });
-    }
-    onGestureEnded(...props) {
-        clearTimeout(this._timer);
-        // @ts-ignore TODO(TS) check how onGestureEnded works
-        super.onGestureEnded(...props);
-    }
-    onWaitingEnded(_gesture) {
-        if (this._shouldFireEndEvent) {
-            this.onSuccessfulTap(this._shouldFireEndEvent);
-            this._shouldFireEndEvent = null;
-        }
-    }
-}
-export default TapGestureHandler;

package/dist/src/web/constants.js

@@ -1,42 +0,0 @@
-import Hammer from '@egjs/hammerjs';
-import { State } from '../State';
-export const CONTENT_TOUCHES_DELAY = 240;
-export const CONTENT_TOUCHES_QUICK_TAP_END_DELAY = 50;
-export const MULTI_FINGER_PAN_MAX_PINCH_THRESHOLD = 0.1;
-export const MULTI_FINGER_PAN_MAX_ROTATION_THRESHOLD = 7;
-export const DEG_RAD = Math.PI / 180;
-// Map Hammer values to RNGH
-export const EventMap = {
-    [Hammer.INPUT_START]: State.BEGAN,
-    [Hammer.INPUT_MOVE]: State.ACTIVE,
-    [Hammer.INPUT_END]: State.END,
-    [Hammer.INPUT_CANCEL]: State.FAILED,
-};
-export const Direction = {
-    RIGHT: 1,
-    LEFT: 2,
-    UP: 4,
-    DOWN: 8,
-};
-export const DirectionMap = {
-    [Hammer.DIRECTION_RIGHT]: Direction.RIGHT,
-    [Hammer.DIRECTION_LEFT]: Direction.LEFT,
-    [Hammer.DIRECTION_UP]: Direction.UP,
-    [Hammer.DIRECTION_DOWN]: Direction.DOWN,
-};
-export const HammerInputNames = {
-    [Hammer.INPUT_START]: 'START',
-    [Hammer.INPUT_MOVE]: 'MOVE',
-    [Hammer.INPUT_END]: 'END',
-    [Hammer.INPUT_CANCEL]: 'CANCEL',
-};
-export const HammerDirectionNames = {
-    [Hammer.DIRECTION_HORIZONTAL]: 'HORIZONTAL',
-    [Hammer.DIRECTION_UP]: 'UP',
-    [Hammer.DIRECTION_DOWN]: 'DOWN',
-    [Hammer.DIRECTION_VERTICAL]: 'VERTICAL',
-    [Hammer.DIRECTION_NONE]: 'NONE',
-    [Hammer.DIRECTION_ALL]: 'ALL',
-    [Hammer.DIRECTION_RIGHT]: 'RIGHT',
-    [Hammer.DIRECTION_LEFT]: 'LEFT',
-};

package/dist/src/web/utils.js

@@ -1,15 +0,0 @@
-// TODO(TS) remove if not necessary after rewrite
-export const isnan = (v) => Number.isNaN(v);
-// TODO(TS) remove if not necessary after rewrite
-export const isValidNumber = (v) => typeof v === 'number' && !Number.isNaN(v);
-export const TEST_MIN_IF_NOT_NAN = (value, limit) => !isnan(limit) &&
-    ((limit < 0 && value <= limit) || (limit >= 0 && value >= limit));
-export const VEC_LEN_SQ = ({ x = 0, y = 0 } = {}) => x * x + y * y;
-export const TEST_MAX_IF_NOT_NAN = (value, max) => !isnan(max) && ((max < 0 && value < max) || (max >= 0 && value > max));
-export function fireAfterInterval(method, interval) {
-    if (!interval) {
-        method();
-        return null;
-    }
-    return setTimeout(() => method(), interval);
-}

package/index.ts

@@ -1,103 +0,0 @@
-export { default as Directions } from './src/Directions';
-export { State } from './src/State';
-export { default as gestureHandlerRootHOC } from './src/gestureHandlerRootHOC';
-export { default as GestureHandlerRootView } from './src/GestureHandlerRootView';
-
-export {
-  // event types
-  GestureEvent,
-  HandlerStateChangeEvent,
-  // event payloads types
-  GestureEventPayload,
-  HandlerStateChangeEventPayload,
-  TapGestureHandlerEventPayload,
-  ForceTouchGestureHandlerEventPayload,
-  LongPressGestureHandlerEventPayload,
-  PanGestureHandlerEventPayload,
-  PinchGestureHandlerEventPayload,
-  RotationGestureHandlerEventPayload,
-  FlingGestureHandlerEventPayload,
-  // gesture handlers props types
-  TapGestureHandlerProps,
-  ForceTouchGestureHandlerProps,
-  LongPressGestureHandlerProps,
-  PanGestureHandlerProps,
-  PinchGestureHandlerProps,
-  RotationGestureHandlerProps,
-  FlingGestureHandlerProps,
-  // gesture handlers
-  TapGestureHandler,
-  ForceTouchGestureHandler,
-  LongPressGestureHandler,
-  PanGestureHandler,
-  PinchGestureHandler,
-  RotationGestureHandler,
-  FlingGestureHandler,
-} from './src/handlers/gestureHandlers';
-export { default as createNativeWrapper } from './src/handlers/createNativeWrapper';
-export {
-  NativeViewGestureHandler,
-  NativeViewGestureHandlerPayload,
-  NativeViewGestureHandlerProps,
-} from './src/handlers/NativeViewGestureHandler';
-
-export {
-  // buttons props
-  RawButtonProps,
-  BaseButtonProps,
-  RectButtonProps,
-  BorderlessButtonProps,
-  // buttons
-  RawButton,
-  BaseButton,
-  RectButton,
-  BorderlessButton,
-} from './src/components/GestureButtons';
-export {
-  TouchableHighlight,
-  TouchableNativeFeedback,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-} from './src/components/touchables';
-export {
-  ScrollView,
-  Switch,
-  TextInput,
-  DrawerLayoutAndroid,
-  FlatList,
-} from './src/components/GestureComponents';
-export {
-  //events
-  GestureHandlerGestureEvent,
-  GestureHandlerStateChangeEvent,
-  //event payloads
-  GestureHandlerGestureEventNativeEvent,
-  GestureHandlerStateChangeNativeEvent,
-  NativeViewGestureHandlerGestureEvent,
-  NativeViewGestureHandlerStateChangeEvent,
-  TapGestureHandlerGestureEvent,
-  TapGestureHandlerStateChangeEvent,
-  ForceTouchGestureHandlerGestureEvent,
-  ForceTouchGestureHandlerStateChangeEvent,
-  LongPressGestureHandlerGestureEvent,
-  LongPressGestureHandlerStateChangeEvent,
-  PanGestureHandlerGestureEvent,
-  PanGestureHandlerStateChangeEvent,
-  PinchGestureHandlerGestureEvent,
-  PinchGestureHandlerStateChangeEvent,
-  RotationGestureHandlerGestureEvent,
-  RotationGestureHandlerStateChangeEvent,
-  FlingGestureHandlerGestureEvent,
-  FlingGestureHandlerStateChangeEvent,
-} from './src/handlers/gestureHandlerTypesCompat';
-
-export { default as Swipeable } from './src/components/Swipeable';
-export {
-  default as DrawerLayout,
-  DrawerLayoutProps,
-  DrawerPosition,
-  DrawerState,
-  DrawerType,
-  DrawerLockMode,
-  DrawerKeyboardDismissMode,
-} from './src/components/DrawerLayout';

package/src/GestureHandlerRootView.android.expo.ts

@@ -1,3 +0,0 @@
-import { View } from 'react-native';
-
-export default View;

package/src/GestureHandlerRootView.ts

@@ -1,3 +0,0 @@
-import { View } from 'react-native';
-
-export default View;

package/src/__mocks__/RNGestureHandlerModule.ts

@@ -1,27 +0,0 @@
-import { View, ScrollView } from 'react-native';
-
-const NOOP = () => {
-  // do nothing
-};
-
-export default {
-  ScrollView,
-  PanGestureHandler: View,
-  attachGestureHandler: NOOP,
-  createGestureHandler: NOOP,
-  dropGestureHandler: NOOP,
-  updateGestureHandler: NOOP,
-  Direction: {
-    RIGHT: 1,
-    LEFT: 2,
-    UP: 4,
-    DOWN: 8,
-  },
-  State: {
-    BEGAN: 'BEGAN',
-    FAILED: 'FAILED',
-    ACTIVE: 'ACTIVE',
-    END: 'END',
-    UNDETERMINED: 'UNDETERMINED',
-  },
-};