react-native-gesture-handler 2.12.0 → 2.13.0

package/lib/typescript/components/touchables/index.d.ts

@@ -1,3 +1,6 @@
+export type { TouchableHighlightProps } from './TouchableHighlight';
+export type { TouchableOpacityProps } from './TouchableOpacity';
+export type { TouchableWithoutFeedbackProps } from './TouchableWithoutFeedback';
 export { default as TouchableNativeFeedback } from './TouchableNativeFeedback';
 export { default as TouchableWithoutFeedback } from './TouchableWithoutFeedback';
 export { default as TouchableOpacity } from './TouchableOpacity';

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

@@ -22,7 +22,7 @@ export declare type NativeViewGestureHandlerPayload = {
      */
     pointerInside: boolean;
 };
-export declare const nativeViewProps: readonly ["id", "enabled", "shouldCancelWhenOutside", "hitSlop", "cancelsTouchesInView", "userSelect", "waitFor", "simultaneousHandlers", "onBegan", "onFailed", "onCancelled", "onActivated", "onEnded", "onGestureEvent", "onHandlerStateChange", "shouldActivateOnStart", "disallowInterruption"];
+export declare const nativeViewProps: readonly ["id", "enabled", "shouldCancelWhenOutside", "hitSlop", "cancelsTouchesInView", "userSelect", "activeCursor", "waitFor", "simultaneousHandlers", "onBegan", "onFailed", "onCancelled", "onActivated", "onEnded", "onGestureEvent", "onHandlerStateChange", "shouldActivateOnStart", "disallowInterruption"];
 export declare const nativeViewHandlerName = "NativeViewGestureHandler";
 export declare type NativeViewGestureHandler = typeof NativeViewGestureHandler;
 export declare const NativeViewGestureHandler: import("react").ComponentType<NativeViewGestureHandlerProps & import("react").RefAttributes<any>>;

package/lib/typescript/handlers/gestureHandlerCommon.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { State } from '../State';
 import { TouchEventType } from '../TouchEventType';
 import { ValueOf } from '../typeUtils';
-export declare const baseGestureHandlerProps: readonly ["id", "enabled", "shouldCancelWhenOutside", "hitSlop", "cancelsTouchesInView", "userSelect", "waitFor", "simultaneousHandlers", "onBegan", "onFailed", "onCancelled", "onActivated", "onEnded", "onGestureEvent", "onHandlerStateChange"];
+export declare const baseGestureHandlerProps: readonly ["id", "enabled", "shouldCancelWhenOutside", "hitSlop", "cancelsTouchesInView", "userSelect", "activeCursor", "waitFor", "simultaneousHandlers", "onBegan", "onFailed", "onCancelled", "onActivated", "onEnded", "onGestureEvent", "onHandlerStateChange"];
 export declare const baseGestureHandlerWithMonitorProps: string[];
 export interface GestureEventPayload {
     handlerTag: number;
@@ -14,6 +14,7 @@ export interface HandlerStateChangeEventPayload extends GestureEventPayload {
 }
 export declare type HitSlop = number | Partial<Record<'left' | 'right' | 'top' | 'bottom' | 'vertical' | 'horizontal', number>> | Record<'width' | 'left', number> | Record<'width' | 'right', number> | Record<'height' | 'top', number> | Record<'height' | 'bottom', number>;
 export declare type UserSelect = 'none' | 'auto' | 'text';
+export declare type ActiveCursor = 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'grab' | 'grabbing' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'all-scroll' | 'zoom-in' | 'zoom-out';
 export interface GestureEvent<ExtraEventPayloadT = Record<string, unknown>> {
     nativeEvent: Readonly<GestureEventPayload & ExtraEventPayloadT>;
 }
@@ -42,6 +43,7 @@ export declare type CommonGestureConfig = {
     shouldCancelWhenOutside?: boolean;
     hitSlop?: HitSlop;
     userSelect?: UserSelect;
+    activeCursor?: ActiveCursor;
 };
 export declare type BaseGestureHandlerProps<ExtraEventPayloadT extends Record<string, unknown> = Record<string, unknown>> = CommonGestureConfig & {
     id?: string;

package/lib/typescript/handlers/gestures/gesture.d.ts

@@ -1,6 +1,6 @@
 import { FlingGestureHandlerEventPayload } from '../FlingGestureHandler';
 import { ForceTouchGestureHandlerEventPayload } from '../ForceTouchGestureHandler';
-import { HitSlop, CommonGestureConfig, GestureTouchEvent, GestureStateChangeEvent, GestureUpdateEvent } from '../gestureHandlerCommon';
+import { HitSlop, CommonGestureConfig, GestureTouchEvent, GestureStateChangeEvent, GestureUpdateEvent, ActiveCursor } from '../gestureHandlerCommon';
 import { GestureStateManagerType } from './gestureStateManager';
 import { LongPressGestureHandlerEventPayload } from '../LongPressGestureHandler';
 import { PanGestureHandlerEventPayload } from '../PanGestureHandler';
@@ -89,6 +89,7 @@ export declare abstract class BaseGesture<EventPayloadT extends Record<string, u
     enabled(enabled: boolean): this;
     shouldCancelWhenOutside(value: boolean): this;
     hitSlop(hitSlop: HitSlop): this;
+    activeCursor(activeCursor: ActiveCursor): this;
     runOnJS(runOnJS: boolean): this;
     simultaneousWithExternalGesture(...gestures: Exclude<GestureRef, number>[]): this;
     requireExternalGestureToFail(...gestures: Exclude<GestureRef, number>[]): this;

package/lib/typescript/handlers/gestures/gestureObjects.d.ts

@@ -9,6 +9,7 @@ import { RotationGesture } from './rotationGesture';
 import { TapGesture } from './tapGesture';
 import { NativeGesture } from './nativeGesture';
 import { ManualGesture } from './manualGesture';
+import { HoverGesture } from './hoverGesture';
 export declare const GestureObjects: {
     Tap: () => TapGesture;
     Pan: () => PanGesture;
@@ -19,6 +20,7 @@ export declare const GestureObjects: {
     ForceTouch: () => ForceTouchGesture;
     Native: () => NativeGesture;
     Manual: () => ManualGesture;
+    Hover: () => HoverGesture;
     /**
      * Builds a composed gesture consisting of gestures provided as parameters.
      * The first one that becomes active cancels the rest of gestures.

package/lib/typescript/handlers/gestures/hoverGesture.d.ts

@@ -0,0 +1,32 @@
+import { BaseGestureConfig, ContinousBaseGesture } from './gesture';
+import { GestureUpdateEvent } from '../gestureHandlerCommon';
+export declare type HoverGestureHandlerEventPayload = {
+    x: number;
+    y: number;
+    absoluteX: number;
+    absoluteY: number;
+};
+export declare type HoverGestureChangeEventPayload = {
+    changeX: number;
+    changeY: number;
+};
+export declare enum HoverEffect {
+    NONE = 0,
+    LIFT = 1,
+    HIGHLIGHT = 2
+}
+export interface HoverGestureConfig {
+    hoverEffect?: HoverEffect;
+}
+export declare const hoverGestureHandlerProps: readonly ["hoverEffect"];
+export declare class HoverGesture extends ContinousBaseGesture<HoverGestureHandlerEventPayload, HoverGestureChangeEventPayload> {
+    config: BaseGestureConfig & HoverGestureConfig;
+    constructor();
+    /**
+     * Sets the visual hover effect.
+     * iOS only
+     */
+    effect(effect: HoverEffect): this;
+    onChange(callback: (event: GestureUpdateEvent<HoverGestureHandlerEventPayload & HoverGestureChangeEventPayload>) => void): this;
+}
+export declare type HoverGestureType = InstanceType<typeof HoverGesture>;

package/lib/typescript/index.d.ts

@@ -34,14 +34,18 @@ export type { RotationGestureType as RotationGesture } from './handlers/gestures
 export type { ForceTouchGestureType as ForceTouchGesture } from './handlers/gestures/forceTouchGesture';
 export type { NativeGestureType as NativeGesture } from './handlers/gestures/nativeGesture';
 export type { ManualGestureType as ManualGesture } from './handlers/gestures/manualGesture';
+export type { HoverGestureType as HoverGesture } from './handlers/gestures/hoverGesture';
 export type { ComposedGestureType as ComposedGesture, RaceGestureType as RaceGesture, SimultaneousGestureType as SimultaneousGesture, ExclusiveGestureType as ExclusiveGesture, } from './handlers/gestures/gestureComposition';
 export type { GestureStateManagerType as GestureStateManager } from './handlers/gestures/gestureStateManager';
 export { NativeViewGestureHandler } from './handlers/NativeViewGestureHandler';
 export type { RawButtonProps, BaseButtonProps, RectButtonProps, BorderlessButtonProps, } from './components/GestureButtons';
 export { RawButton, BaseButton, RectButton, BorderlessButton, PureNativeButton, } from './components/GestureButtons';
+export type { TouchableHighlightProps, TouchableOpacityProps, TouchableWithoutFeedbackProps, } from './components/touchables';
 export { TouchableHighlight, TouchableNativeFeedback, TouchableOpacity, TouchableWithoutFeedback, } from './components/touchables';
 export { ScrollView, Switch, TextInput, DrawerLayoutAndroid, FlatList, RefreshControl, } from './components/GestureComponents';
+export { HoverEffect } from './handlers/gestures/hoverGesture';
 export type { GestureHandlerGestureEvent, GestureHandlerStateChangeEvent, GestureHandlerGestureEventNativeEvent, GestureHandlerStateChangeNativeEvent, NativeViewGestureHandlerGestureEvent, NativeViewGestureHandlerStateChangeEvent, TapGestureHandlerGestureEvent, TapGestureHandlerStateChangeEvent, ForceTouchGestureHandlerGestureEvent, ForceTouchGestureHandlerStateChangeEvent, LongPressGestureHandlerGestureEvent, LongPressGestureHandlerStateChangeEvent, PanGestureHandlerGestureEvent, PanGestureHandlerStateChangeEvent, PinchGestureHandlerGestureEvent, PinchGestureHandlerStateChangeEvent, RotationGestureHandlerGestureEvent, RotationGestureHandlerStateChangeEvent, FlingGestureHandlerGestureEvent, FlingGestureHandlerStateChangeEvent, NativeViewGestureHandlerProperties, TapGestureHandlerProperties, LongPressGestureHandlerProperties, PanGestureHandlerProperties, PinchGestureHandlerProperties, RotationGestureHandlerProperties, FlingGestureHandlerProperties, ForceTouchGestureHandlerProperties, RawButtonProperties, BaseButtonProperties, RectButtonProperties, BorderlessButtonProperties, } from './handlers/gestureHandlerTypesCompat';
+export type { SwipeableProps } from './components/Swipeable';
 export { default as Swipeable } from './components/Swipeable';
 export type { DrawerLayoutProps, DrawerPosition, DrawerState, DrawerType, DrawerLockMode, DrawerKeyboardDismissMode, } from './components/DrawerLayout';
 export { default as DrawerLayout } from './components/DrawerLayout';

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

@@ -12,12 +12,6 @@ export default class FlingGestureHandler extends GestureHandler {
     private keyPointer;
     init(ref: number, propsRef: React.RefObject<unknown>): void;
     updateGestureConfig({ enabled, ...props }: Config): void;
-    protected transformNativeEvent(): {
-        x: number;
-        y: number;
-        absoluteX: number;
-        absoluteY: number;
-    };
     private startFling;
     private tryEndFling;
     private endFling;

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

@@ -2,28 +2,27 @@ import { State } from '../../State';
 import { Config, AdaptedEvent, PointerType } from '../interfaces';
 import EventManager from '../tools/EventManager';
 import PointerTracker from '../tools/PointerTracker';
+import { GestureHandlerDelegate } from '../tools/GestureHandlerDelegate';
 export default abstract class GestureHandler {
     private lastSentState;
     protected currentState: State;
     protected shouldCancellWhenOutside: boolean;
     protected hasCustomActivationCriteria: boolean;
     protected enabled: boolean;
-    private ref;
+    private viewRef;
     private propsRef;
     private handlerTag;
     protected config: Config;
-    protected view: HTMLElement;
-    protected eventManagers: EventManager[];
     protected tracker: PointerTracker;
     protected activationIndex: number;
     protected awaiting: boolean;
     protected active: boolean;
     protected shouldResetProgress: boolean;
     protected pointerType: PointerType;
-    constructor();
-    protected init(ref: number, propsRef: React.RefObject<unknown>): void;
-    private setView;
-    private addEventManager;
+    protected delegate: GestureHandlerDelegate<unknown>;
+    constructor(delegate: GestureHandlerDelegate<unknown>);
+    protected init(viewRef: number, propsRef: React.RefObject<unknown>): void;
+    attachEventManager(manager: EventManager<unknown>): void;
     protected onCancel(): void;
     protected onReset(): void;
     protected resetProgress(): void;
@@ -58,32 +57,28 @@ export default abstract class GestureHandler {
     protected onPointerUp(event: AdaptedEvent): void;
     protected onPointerRemove(event: AdaptedEvent): void;
     protected onPointerMove(event: AdaptedEvent): void;
-    protected onPointerOut(event: AdaptedEvent): void;
+    protected onPointerLeave(event: AdaptedEvent): void;
     protected onPointerEnter(event: AdaptedEvent): void;
     protected onPointerCancel(event: AdaptedEvent): void;
     protected onPointerOutOfBounds(event: AdaptedEvent): void;
+    protected onPointerMoveOver(_event: AdaptedEvent): void;
+    protected onPointerMoveOut(_event: AdaptedEvent): void;
     private tryToSendMoveEvent;
     sendTouchEvent(event: AdaptedEvent): void;
     sendEvent: (newState: State, oldState: State) => void;
     private transformEventData;
     private transformTouchEvent;
     private cancelTouches;
-    protected transformNativeEvent(): {};
+    protected transformNativeEvent(): Record<string, unknown>;
     updateGestureConfig({ enabled, ...props }: Config): void;
     protected checkCustomActivationCriteria(criterias: string[]): void;
     private validateHitSlops;
     private checkHitSlop;
-    isPointerInBounds({ x, y }: {
-        x: number;
-        y: number;
-    }): boolean;
     protected resetConfig(): void;
     getTag(): number;
     setTag(tag: number): void;
-    protected getConfig(): Config;
-    getShouldEnableGestureOnSetup(): boolean;
-    getView(): HTMLElement;
-    getEventManagers(): EventManager[];
+    getConfig(): Config;
+    getDelegate(): GestureHandlerDelegate<unknown>;
     getTracker(): PointerTracker;
     getTrackedPointersID(): number[];
     getState(): State;

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

@@ -0,0 +1,10 @@
+import { AdaptedEvent, Config } from '../interfaces';
+import GestureHandler from './GestureHandler';
+export default class HoverGestureHandler extends GestureHandler {
+    init(ref: number, propsRef: React.RefObject<unknown>): void;
+    updateGestureConfig({ enabled, ...props }: Config): void;
+    protected onPointerMoveOver(event: AdaptedEvent): void;
+    protected onPointerMoveOut(event: AdaptedEvent): void;
+    protected onPointerMove(event: AdaptedEvent): void;
+    protected onPointerCancel(event: AdaptedEvent): void;
+}

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

@@ -12,10 +12,6 @@ export default class LongPressGestureHandler extends GestureHandler {
     private activationTimeout;
     init(ref: number, propsRef: React.RefObject<unknown>): void;
     protected transformNativeEvent(): {
-        x: number;
-        y: number;
-        absoluteX: number;
-        absoluteY: number;
         duration: number;
     };
     updateGestureConfig({ enabled, ...props }: Config): void;

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

@@ -14,7 +14,7 @@ export default class NativeViewGestureHandler extends GestureHandler {
     protected onPointerAdd(event: AdaptedEvent): void;
     private newPointerAction;
     protected onPointerMove(event: AdaptedEvent): void;
-    protected onPointerOut(): void;
+    protected onPointerLeave(): void;
     protected onPointerUp(event: AdaptedEvent): void;
     protected onPointerRemove(event: AdaptedEvent): void;
     private onUp;

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

@@ -32,12 +32,8 @@ export default class PanGestureHandler extends GestureHandler {
     protected transformNativeEvent(): {
         translationX: number;
         translationY: number;
-        absoluteX: number;
-        absoluteY: number;
         velocityX: number;
         velocityY: number;
-        x: number;
-        y: number;
     };
     private getTranslationX;
     private getTranslationY;

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

@@ -21,12 +21,6 @@ export default class TapGestureHandler extends GestureHandler {
     init(ref: number, propsRef: React.RefObject<unknown>): void;
     updateGestureConfig({ enabled, ...props }: Config): void;
     protected resetConfig(): void;
-    protected transformNativeEvent(): {
-        x: number;
-        y: number;
-        absoluteX: number;
-        absoluteY: number;
-    };
     private clearTimeouts;
     private startTap;
     private endTap;

package/lib/typescript/web/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { UserSelect } from '../handlers/gestureHandlerCommon';
+import { UserSelect, ActiveCursor } from '../handlers/gestureHandlerCommon';
 import { Directions } from '../Directions';
 import { State } from '../State';
 export interface HitSlop {
@@ -14,7 +14,7 @@ export interface HitSlop {
 export interface Handler {
     handlerTag: number;
 }
-declare type ConfigArgs = number | boolean | HitSlop | UserSelect | Directions | Handler[] | null | undefined;
+declare type ConfigArgs = number | boolean | HitSlop | UserSelect | ActiveCursor | Directions | Handler[] | null | undefined;
 export interface Config extends Record<string, ConfigArgs> {
     enabled?: boolean;
     simultaneousHandlers?: Handler[] | null;
@@ -22,6 +22,7 @@ export interface Config extends Record<string, ConfigArgs> {
     hitSlop?: HitSlop;
     shouldCancelWhenOutside?: boolean;
     userSelect?: UserSelect;
+    activeCursor?: ActiveCursor;
     activateAfterLongPress?: number;
     failOffsetXStart?: number;
     failOffsetYStart?: number;
@@ -120,7 +121,7 @@ export declare enum EventTypes {
     ADDITIONAL_POINTER_UP = 3,
     MOVE = 4,
     ENTER = 5,
-    OUT = 6,
+    LEAVE = 6,
     CANCEL = 7
 }
 export declare enum TouchEventType {

package/lib/typescript/web/tools/EventManager.d.ts

@@ -1,9 +1,9 @@
 import { AdaptedEvent, EventTypes, TouchEventType } from '../interfaces';
-export default abstract class EventManager {
-    protected readonly view: HTMLElement;
+export default abstract class EventManager<T> {
+    protected readonly view: T;
     protected pointersInBounds: number[];
     protected activePointersCounter: number;
-    constructor(view: HTMLElement);
+    constructor(view: T);
     abstract setListeners(): void;
     protected abstract mapEvent(event: Event, eventType: EventTypes, index?: number, touchEventType?: TouchEventType): AdaptedEvent;
     protected onPointerDown(_event: AdaptedEvent): void;
@@ -11,19 +11,23 @@ export default abstract class EventManager {
     protected onPointerUp(_event: AdaptedEvent): void;
     protected onPointerRemove(_event: AdaptedEvent): void;
     protected onPointerMove(_event: AdaptedEvent): void;
-    protected onPointerOut(_event: AdaptedEvent): void;
+    protected onPointerLeave(_event: AdaptedEvent): void;
     protected onPointerEnter(_event: AdaptedEvent): void;
     protected onPointerCancel(_event: AdaptedEvent): void;
     protected onPointerOutOfBounds(_event: AdaptedEvent): void;
+    protected onPointerMoveOver(_event: AdaptedEvent): void;
+    protected onPointerMoveOut(_event: AdaptedEvent): void;
     setOnPointerDown(callback: (event: AdaptedEvent) => void): void;
     setOnPointerAdd(callback: (event: AdaptedEvent) => void): void;
     setOnPointerUp(callback: (event: AdaptedEvent) => void): void;
     setOnPointerRemove(callback: (event: AdaptedEvent) => void): void;
     setOnPointerMove(callback: (event: AdaptedEvent) => void): void;
-    setOnPointerOut(callback: (event: AdaptedEvent) => void): void;
+    setOnPointerLeave(callback: (event: AdaptedEvent) => void): void;
     setOnPointerEnter(callback: (event: AdaptedEvent) => void): void;
     setOnPointerCancel(callback: (event: AdaptedEvent) => void): void;
     setOnPointerOutOfBounds(callback: (event: AdaptedEvent) => void): void;
+    setOnPointerMoveOver(callback: (event: AdaptedEvent) => void): void;
+    setOnPointerMoveOut(callback: (event: AdaptedEvent) => void): void;
     protected markAsInBounds(pointerId: number): void;
     protected markAsOutOfBounds(pointerId: number): void;
     resetManager(): void;

package/lib/typescript/web/tools/GestureHandlerDelegate.d.ts

@@ -0,0 +1,22 @@
+import type GestureHandler from '../handlers/GestureHandler';
+export interface MeasureResult {
+    pageX: number;
+    pageY: number;
+    width: number;
+    height: number;
+}
+export interface GestureHandlerDelegate<T> {
+    getView(): T;
+    init(viewRef: number, handler: GestureHandler): void;
+    isPointerInBounds({ x, y }: {
+        x: number;
+        y: number;
+    }): boolean;
+    measureView(): MeasureResult;
+    reset(): void;
+    onBegin(): void;
+    onActivate(): void;
+    onEnd(): void;
+    onCancel(): void;
+    onFail(): void;
+}

package/lib/typescript/web/tools/GestureHandlerWebDelegate.d.ts

@@ -0,0 +1,21 @@
+import type GestureHandler from '../handlers/GestureHandler';
+import { GestureHandlerDelegate, MeasureResult } from './GestureHandlerDelegate';
+export declare class GestureHandlerWebDelegate implements GestureHandlerDelegate<HTMLElement> {
+    private view;
+    private gestureHandler;
+    private eventManagers;
+    getView(): HTMLElement;
+    init(viewRef: number, handler: GestureHandler): void;
+    isPointerInBounds({ x, y }: {
+        x: number;
+        y: number;
+    }): boolean;
+    measureView(): MeasureResult;
+    reset(): void;
+    tryResetCursor(): void;
+    onBegin(): void;
+    onActivate(): void;
+    onEnd(): void;
+    onCancel(): void;
+    onFail(): void;
+}

package/lib/typescript/web/tools/NodeManager.d.ts

@@ -2,10 +2,10 @@ import { ValueOf } from '../../typeUtils';
 import { Gestures } from '../../RNGestureHandlerModule.web';
 export default abstract class NodeManager {
     private static gestures;
-    static getHandler(tag: number): import("../handlers/NativeViewGestureHandler").default | import("../handlers/PanGestureHandler").default | import("../handlers/TapGestureHandler").default | import("../handlers/LongPressGestureHandler").default | import("../handlers/PinchGestureHandler").default | import("../handlers/RotationGestureHandler").default | import("../handlers/FlingGestureHandler").default | import("../handlers/ManualGestureHandler").default;
+    static getHandler(tag: number): import("../handlers/NativeViewGestureHandler").default | import("../handlers/PanGestureHandler").default | import("../handlers/TapGestureHandler").default | import("../handlers/LongPressGestureHandler").default | import("../handlers/PinchGestureHandler").default | import("../handlers/RotationGestureHandler").default | import("../handlers/FlingGestureHandler").default | import("../handlers/ManualGestureHandler").default | import("../handlers/HoverGestureHandler").default;
     static createGestureHandler(handlerTag: number, handler: InstanceType<ValueOf<typeof Gestures>>): void;
     static dropGestureHandler(handlerTag: number): void;
     static getNodes(): {
-        [x: number]: import("../handlers/NativeViewGestureHandler").default | import("../handlers/PanGestureHandler").default | import("../handlers/TapGestureHandler").default | import("../handlers/LongPressGestureHandler").default | import("../handlers/PinchGestureHandler").default | import("../handlers/RotationGestureHandler").default | import("../handlers/FlingGestureHandler").default | import("../handlers/ManualGestureHandler").default;
+        [x: number]: import("../handlers/NativeViewGestureHandler").default | import("../handlers/PanGestureHandler").default | import("../handlers/TapGestureHandler").default | import("../handlers/LongPressGestureHandler").default | import("../handlers/PinchGestureHandler").default | import("../handlers/RotationGestureHandler").default | import("../handlers/FlingGestureHandler").default | import("../handlers/ManualGestureHandler").default | import("../handlers/HoverGestureHandler").default;
     };
 }

package/lib/typescript/web/tools/PointerEventManager.d.ts

@@ -1,6 +1,6 @@
 import { AdaptedEvent, EventTypes } from '../interfaces';
 import EventManager from './EventManager';
-export default class PointerEventManager extends EventManager {
+export default class PointerEventManager extends EventManager<HTMLElement> {
     private trackedPointers;
     setListeners(): void;
     protected mapEvent(event: PointerEvent, eventType: EventTypes): AdaptedEvent;

package/lib/typescript/web/tools/TouchEventManager.d.ts

@@ -1,6 +1,6 @@
 import { AdaptedEvent, EventTypes, TouchEventType } from '../interfaces';
 import EventManager from './EventManager';
-export default class TouchEventManager extends EventManager {
+export default class TouchEventManager extends EventManager<HTMLElement> {
     setListeners(): void;
     protected mapEvent(event: TouchEvent, eventType: EventTypes, index: number, touchEventType: TouchEventType): AdaptedEvent;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gesture-handler",
-  "version": "2.12.0",
+  "version": "2.13.0",
   "description": "Experimental implementation of a new declarative API for gesture handling in react-native",
   "scripts": {
     "prepare": "bob build && husky install",
@@ -88,7 +88,7 @@
     "@typescript-eslint/parser": "^4.33.0",
     "babel-jest": "^26.6.3",
     "clang-format": "^1.8.0",
-    "eslint": "^7.15.0",
+    "eslint": "^7.32.0",
     "eslint-config-satya164": "^3.1.8",
     "eslint-import-resolver-babel-module": "^5.2.0",
     "eslint-plugin-import": "^2.22.1",

package/src/RNGestureHandlerModule.macos.ts

@@ -23,6 +23,7 @@ import HammerPinchGestureHandler from './web_hammer/PinchGestureHandler';
 import HammerRotationGestureHandler from './web_hammer/RotationGestureHandler';
 import HammerFlingGestureHandler from './web_hammer/FlingGestureHandler';
 import { Config } from './web/interfaces';
+import { GestureHandlerWebDelegate } from './web/tools/GestureHandlerWebDelegate';
 
 export const Gestures = {
   NativeViewGestureHandler,
@@ -65,7 +66,10 @@ export default {
       }
 
       const GestureClass = Gestures[handlerName];
-      NodeManager.createGestureHandler(handlerTag, new GestureClass());
+      NodeManager.createGestureHandler(
+        handlerTag,
+        new GestureClass(new GestureHandlerWebDelegate())
+      );
       InteractionManager.getInstance().configureInteractions(
         NodeManager.getHandler(handlerTag),
         config as unknown as Config

package/src/RNGestureHandlerModule.web.ts

@@ -14,6 +14,7 @@ import RotationGestureHandler from './web/handlers/RotationGestureHandler';
 import FlingGestureHandler from './web/handlers/FlingGestureHandler';
 import NativeViewGestureHandler from './web/handlers/NativeViewGestureHandler';
 import ManualGestureHandler from './web/handlers/ManualGestureHandler';
+import HoverGestureHandler from './web/handlers/HoverGestureHandler';
 
 //Hammer Handlers
 import * as HammerNodeManager from './web_hammer/NodeManager';
@@ -25,6 +26,7 @@ import HammerPinchGestureHandler from './web_hammer/PinchGestureHandler';
 import HammerRotationGestureHandler from './web_hammer/RotationGestureHandler';
 import HammerFlingGestureHandler from './web_hammer/FlingGestureHandler';
 import { Config } from './web/interfaces';
+import { GestureHandlerWebDelegate } from './web/tools/GestureHandlerWebDelegate';
 
 export const Gestures = {
   NativeViewGestureHandler,
@@ -35,6 +37,7 @@ export const Gestures = {
   RotationGestureHandler,
   FlingGestureHandler,
   ManualGestureHandler,
+  HoverGestureHandler,
 };
 
 export const HammerGestures = {
@@ -67,7 +70,10 @@ export default {
       }
 
       const GestureClass = Gestures[handlerName];
-      NodeManager.createGestureHandler(handlerTag, new GestureClass());
+      NodeManager.createGestureHandler(
+        handlerTag,
+        new GestureClass(new GestureHandlerWebDelegate())
+      );
       InteractionManager.getInstance().configureInteractions(
         NodeManager.getHandler(handlerTag),
         config as unknown as Config

package/src/RNGestureHandlerModule.windows.ts

@@ -25,6 +25,7 @@ import HammerPinchGestureHandler from './web_hammer/PinchGestureHandler';
 import HammerRotationGestureHandler from './web_hammer/RotationGestureHandler';
 import HammerFlingGestureHandler from './web_hammer/FlingGestureHandler';
 import { Config } from './web/interfaces';
+import { GestureHandlerWebDelegate } from './web/tools/GestureHandlerWebDelegate';
 
 export const Gestures = {
   NativeViewGestureHandler,
@@ -67,7 +68,10 @@ export default {
       }
 
       const GestureClass = Gestures[handlerName];
-      NodeManager.createGestureHandler(handlerTag, new GestureClass());
+      NodeManager.createGestureHandler(
+        handlerTag,
+        new GestureClass(new GestureHandlerWebDelegate())
+      );
       InteractionManager.getInstance().configureInteractions(
         NodeManager.getHandler(handlerTag),
         config as unknown as Config

package/src/components/DrawerLayout.tsx

@@ -27,6 +27,7 @@ import {
   GestureEvent,
   HandlerStateChangeEvent,
   UserSelect,
+  ActiveCursor,
 } from '../handlers/gestureHandlerCommon';
 import {
   PanGestureHandler,
@@ -165,6 +166,13 @@ export interface DrawerLayoutProps {
    * Values: 'none'|'text'|'auto'
    */
   userSelect?: UserSelect;
+
+  /**
+   * @default 'auto'
+   * Defines which cursor property should be used when gesture activates.
+   * Values: see CSS cursor values
+   */
+  activeCursor?: ActiveCursor;
 }
 
 export type DrawerLayoutState = {
@@ -691,6 +699,7 @@ export default class DrawerLayout extends Component<
       <PanGestureHandler
         // @ts-ignore could be fixed in handler types
         userSelect={this.props.userSelect}
+        activeCursor={this.props.activeCursor}
         ref={this.setPanGestureRef}
         hitSlop={hitSlop}
         activeOffsetX={gestureOrientation * minSwipeDistance!}

package/src/components/touchables/GenericTouchable.tsx

@@ -6,6 +6,7 @@ import {
   StyleProp,
   ViewStyle,
   TouchableWithoutFeedbackProps,
+  Insets,
 } from 'react-native';
 
 import { State } from '../../State';
@@ -33,7 +34,8 @@ export const TOUCHABLE_STATE = {
 
 type TouchableState = typeof TOUCHABLE_STATE[keyof typeof TOUCHABLE_STATE];
 
-export interface GenericTouchableProps extends TouchableWithoutFeedbackProps {
+export interface GenericTouchableProps
+  extends Omit<TouchableWithoutFeedbackProps, 'hitSlop'> {
   // Decided to drop not used fields from RN's implementation.
   // e.g. onBlur and onFocus as well as deprecated props. - TODO: this comment may be unuseful in this moment
 
@@ -48,6 +50,7 @@ export interface GenericTouchableProps extends TouchableWithoutFeedbackProps {
   disallowInterruption?: boolean;
 
   containerStyle?: StyleProp<ViewStyle>;
+  hitSlop?: Insets | number;
 }
 
 interface InternalProps {
@@ -272,9 +275,6 @@ export default class GenericTouchable extends Component<
       onAccessibilityAction: this.props.onAccessibilityAction,
       nativeID: this.props.nativeID,
       onLayout: this.props.onLayout,
-      hitSlop: hitSlop as
-        | Animated.WithAnimatedObject<typeof hitSlop>
-        | undefined,
     };
 
     return (

package/src/components/touchables/TouchableHighlight.tsx

@@ -7,7 +7,7 @@ import GenericTouchable, {
 import {
   StyleSheet,
   View,
-  TouchableHighlightProps,
+  TouchableHighlightProps as RNTouchableHighlightProps,
   ColorValue,
   ViewProps,
 } from 'react-native';
@@ -21,11 +21,14 @@ interface State {
   };
 }
 
+export type TouchableHighlightProps = RNTouchableHighlightProps &
+  GenericTouchableProps;
+
 /**
  * TouchableHighlight follows RN's implementation
  */
 export default class TouchableHighlight extends Component<
-  TouchableHighlightProps & GenericTouchableProps,
+  TouchableHighlightProps,
   State
 > {
   static defaultProps = {
@@ -35,7 +38,7 @@ export default class TouchableHighlight extends Component<
     underlayColor: 'black',
   };
 
-  constructor(props: TouchableHighlightProps & GenericTouchableProps) {
+  constructor(props: TouchableHighlightProps) {
     super(props);
     this.state = {
       extraChildStyle: null,