react-native-gesture-handler 2.28.0 → 2.30.0-20251030-c99169d35

package/lib/typescript/components/ReanimatedSwipeable/ReanimatedSwipeable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReanimatedSwipeable.d.ts","sourceRoot":"","sources":["../../../../src/components/ReanimatedSwipeable/ReanimatedSwipeable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,YAAY,EAAE,MAAM,OAAO,CAAC;AAahF,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAkB,MAAM,GAAG,CAAC;AAqBrE,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,gCAqiBvC,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"ReanimatedSwipeable.d.ts","sourceRoot":"","sources":["../../../../src/components/ReanimatedSwipeable/ReanimatedSwipeable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEb,MAAM,OAAO,CAAC;AAaf,OAAO,EACL,cAAc,EACd,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAqBpC,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,gCAwiBvC,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC"}

package/lib/typescript/handlers/gestures/GestureDetector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/handlers/gestures/GestureDetector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAsCxD,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,OAAO,EAAE,eAAe,GAAG,WAAW,CAAC;IACvC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAgG1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/handlers/gestures/GestureDetector/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAuCxD,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,OAAO,EAAE,eAAe,GAAG,WAAW,CAAC;IACvC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAgG1D,CAAC"}

package/lib/typescript/handlers/gestures/GestureDetector/useAnimatedGesture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimatedGesture.d.ts","sourceRoot":"","sources":["../../../../../src/handlers/gestures/GestureDetector/useAnimatedGesture.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgF/C,wBAAgB,kBAAkB,CAChC,eAAe,EAAE,oBAAoB,EACrC,YAAY,EAAE,OAAO,QA6GtB"}
+{"version":3,"file":"useAnimatedGesture.d.ts","sourceRoot":"","sources":["../../../../../src/handlers/gestures/GestureDetector/useAnimatedGesture.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgF/C,wBAAgB,kBAAkB,CAChC,eAAe,EAAE,oBAAoB,EACrC,YAAY,EAAE,OAAO,QAgHtB"}

package/lib/typescript/handlers/gestures/GestureDetector/utils.d.ts

@@ -1,10 +1,10 @@
-import { GestureType } from '../gesture';
+import { GestureRef, GestureType } from '../gesture';
 import { WebEventHandler } from './types';
 export declare const ALLOWED_PROPS: string[];
 export declare function extractGestureRelations(gesture: GestureType): {
-    waitFor: number[];
-    simultaneousHandlers: number[];
-    blocksHandlers: number[];
+    waitFor: GestureRef[];
+    simultaneousHandlers: GestureRef[];
+    blocksHandlers: GestureRef[];
 };
 export declare function checkGestureCallbacksForWorklets(gesture: GestureType): void;
 export declare function validateDetectorChildren(ref: any): void;

package/lib/typescript/handlers/gestures/GestureDetector/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/handlers/gestures/GestureDetector/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2B,WAAW,EAAE,MAAM,YAAY,CAAC;AAqBlE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,aAAa,UAUzB,CAAC;AAoBF,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,WAAW;;;;EAY3D;AAED,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,WAAW,QAsCpE;AAGD,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,GAAG,QA+ChD;AAED,wBAAgB,cAAc,eAO7B;AAED,wBAAgB,mBAAmB,+CAWlC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/handlers/gestures/GestureDetector/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAe,WAAW,EAAE,MAAM,YAAY,CAAC;AAqBlE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,aAAa,UAUzB,CAAC;AAsBF,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,WAAW;;;;EAgB3D;AAED,wBAAgB,gCAAgC,CAAC,OAAO,EAAE,WAAW,QAsCpE;AAGD,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,GAAG,QA+ChD;AAED,wBAAgB,cAAc,eAO7B;AAED,wBAAgB,mBAAmB,+CAWlC"}

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

@@ -12,7 +12,7 @@ export declare class FlingGesture extends BaseGesture<FlingGestureHandlerEventPa
     /**
      * Expressed allowed direction of movement.
      * Expected values are exported as constants in the Directions object.
-     * Arguments can be combined using `|` operator. Default value is set to `MouseButton.LEFT`.
+     * Arguments can be combined using `|` operator. Default value is set to `Directions.RIGHT`.
      * @param direction
      * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/fling-gesture/#directionvalue-directions
      */

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

@@ -3,6 +3,8 @@ export interface GestureStateManagerType {
     activate: () => void;
     fail: () => void;
     end: () => void;
+    /** @internal */
+    handlerTag: number;
 }
 declare function create(handlerTag: number): GestureStateManagerType;
 export declare const GestureStateManager: {

package/lib/typescript/handlers/gestures/gestureStateManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gestureStateManager.d.ts","sourceRoot":"","sources":["../../../../src/handlers/gestures/gestureStateManager.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,GAAG,EAAE,MAAM,IAAI,CAAC;CACjB;AAWD,iBAAS,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,uBAAuB,CA+C3D;AAED,eAAO,MAAM,mBAAmB;;CAE/B,CAAC"}
+{"version":3,"file":"gestureStateManager.d.ts","sourceRoot":"","sources":["../../../../src/handlers/gestures/gestureStateManager.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,gBAAgB;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAWD,iBAAS,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,uBAAuB,CAiD3D;AAED,eAAO,MAAM,mBAAmB;;CAE/B,CAAC"}

package/lib/typescript/handlers/gestures/gestureStateManager.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gestureStateManager.web.d.ts","sourceRoot":"","sources":["../../../../src/handlers/gestures/gestureStateManager.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,mBAAmB;uBACX,MAAM,GAAG,uBAAuB;CAmBpD,CAAC"}
+{"version":3,"file":"gestureStateManager.web.d.ts","sourceRoot":"","sources":["../../../../src/handlers/gestures/gestureStateManager.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,mBAAmB;uBACX,MAAM,GAAG,uBAAuB;CAqBpD,CAAC"}

package/lib/typescript/specs/RNGestureHandlerRootViewNativeComponent.d.ts

@@ -1,6 +1,7 @@
 import type { ViewProps } from 'react-native';
-interface NativeProps extends ViewProps {
+export interface RootViewNativeProps extends ViewProps {
+    unstable_forceActive?: boolean;
 }
-declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<RootViewNativeProps>;
 export default _default;
 //# sourceMappingURL=RNGestureHandlerRootViewNativeComponent.d.ts.map

package/lib/typescript/specs/RNGestureHandlerRootViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RNGestureHandlerRootViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/specs/RNGestureHandlerRootViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,UAAU,WAAY,SAAQ,SAAS;CAAG;;AAE1C,wBAA+E"}
+{"version":3,"file":"RNGestureHandlerRootViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/specs/RNGestureHandlerRootViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;;AAED,wBAEE"}

package/lib/typescript/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const useIsomorphicLayoutEffect: typeof React.useEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/lib/typescript/useIsomorphicLayoutEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../src/useIsomorphicLayoutEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,eAAO,MAAM,yBAAyB,wBAC4B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gesture-handler",
-  "version": "2.28.0",
+  "version": "2.30.0-20251030-c99169d35",
   "description": "Declarative API exposing native platform touch and gesture system to React Native",
   "scripts": {
     "test": "jest",
@@ -79,12 +79,12 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@babel/preset-typescript": "^7.12.7",
-    "@react-native/babel-preset": "0.81.0-rc.5",
+    "@react-native/babel-preset": "0.82.0",
     "@testing-library/react-native": "^12.5.1",
     "@types/hoist-non-react-statics": "^3.3.1",
     "@types/invariant": "^2.2.37",
     "@types/jest": "^27.0.3",
-    "@types/react": "^19.1.0",
+    "@types/react": "^19.1.1",
     "@types/react-test-renderer": "^19.1.0",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
@@ -101,11 +101,11 @@
     "lint-staged": "^12.3.2",
     "madge": "^6.1.0",
     "prettier": "3.3.3",
-    "react": "19.1.0",
-    "react-native": "0.81.0-rc.5",
-    "react-native-builder-bob": "^0.39.0",
+    "react": "19.1.1",
+    "react-native": "0.82.0",
+    "react-native-builder-bob": "^0.40.13",
     "react-native-reanimated": "^3.18.0",
-    "react-test-renderer": "19.1.0",
+    "react-test-renderer": "19.1.1",
     "typescript": "~5.8.3"
   },
   "peerDependencies": {

package/src/components/GestureHandlerRootView.android.tsx

@@ -1,12 +1,13 @@
 import * as React from 'react';
 import { PropsWithChildren } from 'react';
-import { ViewProps, StyleSheet } from 'react-native';
+import { StyleSheet } from 'react-native';
 import { maybeInitializeFabric } from '../init';
 import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+import type { RootViewNativeProps } from '../specs/RNGestureHandlerRootViewNativeComponent';
 import GestureHandlerRootViewNativeComponent from '../specs/RNGestureHandlerRootViewNativeComponent';
 
 export interface GestureHandlerRootViewProps
-  extends PropsWithChildren<ViewProps> {}
+  extends PropsWithChildren<RootViewNativeProps> {}
 
 export default function GestureHandlerRootView({
   style,

package/src/components/GestureHandlerRootView.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { PropsWithChildren } from 'react';
-import { View, ViewProps, StyleSheet } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import { maybeInitializeFabric } from '../init';
 import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+import type { RootViewNativeProps } from '../specs/RNGestureHandlerRootViewNativeComponent';
 
 export interface GestureHandlerRootViewProps
-  extends PropsWithChildren<ViewProps> {}
+  extends PropsWithChildren<RootViewNativeProps> {}
 
 export default function GestureHandlerRootView({
   style,

package/src/components/Pressable/Pressable.tsx

@@ -270,9 +270,13 @@ const Pressable = (props: PressableProps) => {
           stateMachine.reset();
           handlePressOut(pressableEvent, false);
         })
-        .onFinalize(() => {
+        .onFinalize((_event, success) => {
           if (Platform.OS === 'web') {
-            stateMachine.handleEvent(StateMachineEvent.FINALIZE);
+            if (success) {
+              stateMachine.handleEvent(StateMachineEvent.FINALIZE);
+            } else {
+              stateMachine.handleEvent(StateMachineEvent.CANCEL);
+            }
             handleFinalize();
           }
         }),
@@ -301,12 +305,19 @@ const Pressable = (props: PressableProps) => {
             stateMachine.handleEvent(StateMachineEvent.NATIVE_START);
           }
         })
-        .onFinalize(() => {
+        .onFinalize((_event, success) => {
           if (Platform.OS !== 'web') {
             // On Web we use LongPress().onFinalize() instead of Native().onFinalize(),
             // as Native cancels on mouse move, and LongPress does not.
-            stateMachine.handleEvent(StateMachineEvent.FINALIZE);
-            handleFinalize();
+            if (success) {
+              stateMachine.handleEvent(StateMachineEvent.FINALIZE);
+            } else {
+              stateMachine.handleEvent(StateMachineEvent.CANCEL);
+            }
+
+            if (Platform.OS !== 'ios') {
+              handleFinalize();
+            }
           }
         }),
     [stateMachine, handlePressOut, handleFinalize]

package/src/components/Pressable/stateDefinitions.ts

@@ -7,6 +7,7 @@ export enum StateMachineEvent {
   NATIVE_START = 'nativeStart',
   FINALIZE = 'finalize',
   LONG_PRESS_TOUCHES_DOWN = 'longPressTouchesDown',
+  CANCEL = 'cancel',
 }
 
 function getAndroidStatesConfig(

package/src/components/ReanimatedSwipeable/ReanimatedSwipeable.tsx

@@ -1,4 +1,10 @@
-import { useMemo, useCallback, useImperativeHandle, ForwardedRef } from 'react';
+import {
+  useMemo,
+  useCallback,
+  useImperativeHandle,
+  ForwardedRef,
+  useState,
+} from 'react';
 import { LayoutChangeEvent, View, I18nManager, StyleSheet } from 'react-native';
 import Animated, {
   useSharedValue,
@@ -11,7 +17,11 @@ import Animated, {
   runOnUI,
   useAnimatedStyle,
 } from 'react-native-reanimated';
-import { SwipeableProps, SwipeableMethods, SwipeDirection } from '.';
+import {
+  SwipeableProps,
+  SwipeableMethods,
+  SwipeDirection,
+} from './ReanimatedSwipeableProps';
 import { Gesture } from '../..';
 import {
   GestureStateChangeEvent,
@@ -78,6 +88,7 @@ const Swipeable = (props: SwipeableProps) => {
     ]
   );
 
+  const [shouldEnableTap, setShouldEnableTap] = useState(false);
   const rowState = useSharedValue<number>(0);
 
   const userDrag = useSharedValue<number>(0);
@@ -251,6 +262,8 @@ const Swipeable = (props: SwipeableProps) => {
       dispatchImmediateEvents(frozenRowState, toValue);
 
       rowState.value = Math.sign(toValue);
+
+      runOnJS(setShouldEnableTap)(rowState.value !== 0);
     },
     [
       rowState,
@@ -468,6 +481,7 @@ const Swipeable = (props: SwipeableProps) => {
   const tapGesture = useMemo(() => {
     const tap = Gesture.Tap()
       .shouldCancelWhenOutside(true)
+      .enabled(shouldEnableTap)
       .onStart(() => {
         if (rowState.value !== 0) {
           close();
@@ -481,9 +495,8 @@ const Swipeable = (props: SwipeableProps) => {
         relation as RelationPropType
       );
     });
-
     return tap;
-  }, [close, relationProps, rowState]);
+  }, [close, relationProps, rowState, shouldEnableTap]);
 
   const panGesture = useMemo(() => {
     const pan = Gesture.Pan()

package/src/handlers/gestures/GestureDetector/index.tsx

@@ -1,11 +1,5 @@
 /* eslint-disable react/no-unused-prop-types */
-import React, {
-  useContext,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-} from 'react';
+import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import { Platform } from 'react-native';
 import findNodeHandle from '../../../findNodeHandle';
 import { GestureType } from '../gesture';
@@ -24,6 +18,7 @@ import { Wrap, AnimatedWrap } from './Wrap';
 import { useDetectorUpdater } from './useDetectorUpdater';
 import { useViewRefHandler } from './useViewRefHandler';
 import { useMountReactions } from './useMountReactions';
+import { useIsomorphicLayoutEffect } from '../../../useIsomorphicLayoutEffect';
 
 function propagateDetectorConfig(
   props: GestureDetectorProps,
@@ -149,7 +144,7 @@ export const GestureDetector = (props: GestureDetectorProps) => {
 
   useAnimatedGesture(preparedGesture, needsToRebuildReanimatedEvent);
 
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     const viewTag = findNodeHandle(state.viewRef) as number;
     preparedGesture.isMounted = true;
 

package/src/handlers/gestures/GestureDetector/useAnimatedGesture.ts

@@ -163,7 +163,10 @@ export function useAnimatedGesture(
           runWorklet(CALLBACK_TYPE.FINALIZE, gesture, event, false);
         }
       } else if (isTouchEvent(event)) {
-        if (!stateControllers[i]) {
+        if (
+          !stateControllers[i] ||
+          stateControllers[i].handlerTag !== event.handlerTag
+        ) {
           stateControllers[i] = GestureStateManager.create(event.handlerTag);
         }
 

package/src/handlers/gestures/GestureDetector/utils.ts

@@ -49,22 +49,28 @@ function convertToHandlerTag(ref: GestureRef): number {
 }
 
 function extractValidHandlerTags(interactionGroup: GestureRef[] | undefined) {
-  return (
-    interactionGroup?.map(convertToHandlerTag)?.filter((tag) => tag > 0) ?? []
+  return Array.from(
+    new Set(
+      interactionGroup?.map(convertToHandlerTag)?.filter((tag) => tag > 0) ?? []
+    )
   );
 }
 
 export function extractGestureRelations(gesture: GestureType) {
-  const requireToFail = extractValidHandlerTags(gesture.config.requireToFail);
-  const simultaneousWith = extractValidHandlerTags(
+  gesture.config.requireToFail = extractValidHandlerTags(
+    gesture.config.requireToFail
+  );
+  gesture.config.simultaneousWith = extractValidHandlerTags(
     gesture.config.simultaneousWith
   );
-  const blocksHandlers = extractValidHandlerTags(gesture.config.blocksHandlers);
+  gesture.config.blocksHandlers = extractValidHandlerTags(
+    gesture.config.blocksHandlers
+  );
 
   return {
-    waitFor: requireToFail,
-    simultaneousHandlers: simultaneousWith,
-    blocksHandlers: blocksHandlers,
+    waitFor: gesture.config.requireToFail,
+    simultaneousHandlers: gesture.config.simultaneousWith,
+    blocksHandlers: gesture.config.blocksHandlers,
   };
 }
 

package/src/handlers/gestures/flingGesture.ts

@@ -23,7 +23,7 @@ export class FlingGesture extends BaseGesture<FlingGestureHandlerEventPayload> {
   /**
    * Expressed allowed direction of movement.
    * Expected values are exported as constants in the Directions object.
-   * Arguments can be combined using `|` operator. Default value is set to `MouseButton.LEFT`.
+   * Arguments can be combined using `|` operator. Default value is set to `Directions.RIGHT`.
    * @param direction
    * @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/fling-gesture/#directionvalue-directions
    */

package/src/handlers/gestures/gestureStateManager.ts

@@ -7,6 +7,8 @@ export interface GestureStateManagerType {
   activate: () => void;
   fail: () => void;
   end: () => void;
+  /** @internal */
+  handlerTag: number;
 }
 
 const warningMessage = tagMessage(
@@ -21,6 +23,8 @@ const setGestureState = Reanimated?.setGestureState;
 function create(handlerTag: number): GestureStateManagerType {
   'worklet';
   return {
+    handlerTag,
+
     begin: () => {
       'worklet';
       if (REANIMATED_AVAILABLE) {

package/src/handlers/gestures/gestureStateManager.web.ts

@@ -4,6 +4,8 @@ import { GestureStateManagerType } from './gestureStateManager';
 export const GestureStateManager = {
   create(handlerTag: number): GestureStateManagerType {
     return {
+      handlerTag,
+
       begin: () => {
         NodeManager.getHandler(handlerTag).begin();
       },

package/src/specs/RNGestureHandlerRootViewNativeComponent.ts

@@ -1,6 +1,10 @@
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps } from 'react-native';
 
-interface NativeProps extends ViewProps {}
+export interface RootViewNativeProps extends ViewProps {
+  unstable_forceActive?: boolean;
+}
 
-export default codegenNativeComponent<NativeProps>('RNGestureHandlerRootView');
+export default codegenNativeComponent<RootViewNativeProps>(
+  'RNGestureHandlerRootView'
+);

package/src/useIsomorphicLayoutEffect.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+// code below is modified version of the code found in:
+// https://github.com/reduxjs/react-redux/blob/7e2fdd4ee2021e4282e12ba9fc722f09124e30cd/src/utils/useIsomorphicLayoutEffect.ts#L36
+// React currently throws a warning when using useLayoutEffect on the server.
+// To get around it, we can conditionally useEffect on the server (no-op) and
+
+// useLayoutEffect in the browser.
+const isDOM = !!(
+  typeof window !== 'undefined' &&
+  typeof window.document !== 'undefined' &&
+  typeof window.document.createElement !== 'undefined'
+);
+
+// Under React Native, we know that we always want to use useLayoutEffect
+const isReactNative =
+  typeof navigator !== 'undefined' && navigator.product === 'ReactNative';
+
+export const useIsomorphicLayoutEffect =
+  isDOM || isReactNative ? React.useLayoutEffect : React.useEffect;

package/lib/commonjs/handlers/NativeViewGestureHandler.ts

@@ -1,59 +0,0 @@
-import type { NativeViewGestureHandlerPayload } from './GestureHandlerEventPayload';
-import createHandler from './createHandler';
-import {
-  BaseGestureHandlerProps,
-  baseGestureHandlerProps,
-} from './gestureHandlerCommon';
-
-export const nativeViewGestureHandlerProps = [
-  'shouldActivateOnStart',
-  'disallowInterruption',
-] as const;
-
-export interface NativeViewGestureConfig {
-  /**
-   * Android only.
-   *
-   * Determines whether the handler should check for an existing touch event on
-   * instantiation.
-   */
-  shouldActivateOnStart?: boolean;
-
-  /**
-   * When `true`, cancels all other gesture handlers when this
-   * `NativeViewGestureHandler` receives an `ACTIVE` state event.
-   */
-  disallowInterruption?: boolean;
-}
-
-/**
- * @deprecated NativeViewGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Native()` instead.
- */
-export interface NativeViewGestureHandlerProps
-  extends BaseGestureHandlerProps<NativeViewGestureHandlerPayload>,
-    NativeViewGestureConfig {}
-
-export const nativeViewProps = [
-  ...baseGestureHandlerProps,
-  ...nativeViewGestureHandlerProps,
-] as const;
-
-export const nativeViewHandlerName = 'NativeViewGestureHandler';
-
-/**
- * @deprecated NativeViewGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Native()` instead.
- */
-export type NativeViewGestureHandler = typeof NativeViewGestureHandler;
-
-/**
- * @deprecated NativeViewGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Native()` instead.
- */
-// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file
-export const NativeViewGestureHandler = createHandler<
-  NativeViewGestureHandlerProps,
-  NativeViewGestureHandlerPayload
->({
-  name: nativeViewHandlerName,
-  allowedProps: nativeViewProps,
-  config: {},
-});

package/lib/commonjs/handlers/gestures/nativeGesture.ts

@@ -1,33 +0,0 @@
-import { BaseGestureConfig, BaseGesture } from './gesture';
-import { NativeViewGestureConfig } from '../NativeViewGestureHandler';
-import type { NativeViewGestureHandlerPayload } from '../GestureHandlerEventPayload';
-
-export class NativeGesture extends BaseGesture<NativeViewGestureHandlerPayload> {
-  public config: BaseGestureConfig & NativeViewGestureConfig = {};
-
-  constructor() {
-    super();
-
-    this.handlerName = 'NativeViewGestureHandler';
-  }
-
-  /**
-   * When true, underlying handler will activate unconditionally when in `BEGAN` or `UNDETERMINED` state.
-   * @param value
-   */
-  shouldActivateOnStart(value: boolean) {
-    this.config.shouldActivateOnStart = value;
-    return this;
-  }
-
-  /**
-   * When true, cancels all other gesture handlers when this `NativeViewGestureHandler` receives an `ACTIVE` state event.
-   * @param value
-   */
-  disallowInterruption(value: boolean) {
-    this.config.disallowInterruption = value;
-    return this;
-  }
-}
-
-export type NativeGestureType = InstanceType<typeof NativeGesture>;

package/lib/commonjs/specs/NativeRNGestureHandlerModule.ts

@@ -1,26 +0,0 @@
-import { TurboModuleRegistry, TurboModule } from 'react-native';
-import { Double } from 'react-native/Libraries/Types/CodegenTypes';
-
-export interface Spec extends TurboModule {
-  handleSetJSResponder: (tag: Double, blockNativeResponder: boolean) => void;
-  handleClearJSResponder: () => void;
-  createGestureHandler: (
-    handlerName: string,
-    handlerTag: Double,
-    // Record<> is not supported by codegen
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    config: Object
-  ) => void;
-  attachGestureHandler: (
-    handlerTag: Double,
-    newView: Double,
-    actionType: Double
-  ) => void;
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  updateGestureHandler: (handlerTag: Double, newConfig: Object) => void;
-  dropGestureHandler: (handlerTag: Double) => void;
-  install: () => boolean;
-  flushOperations: () => void;
-}
-
-export default TurboModuleRegistry.getEnforcing<Spec>('RNGestureHandlerModule');

package/lib/commonjs/web_hammer/NativeViewGestureHandler.ts

@@ -1,47 +0,0 @@
-import DiscreteGestureHandler from './DiscreteGestureHandler';
-import { HammerInputExt } from './GestureHandler';
-import * as NodeManager from './NodeManager';
-import PressGestureHandler from './PressGestureHandler';
-import { TEST_MIN_IF_NOT_NAN, VEC_LEN_SQ } from './utils';
-
-class NativeViewGestureHandler extends PressGestureHandler {
-  get isNative() {
-    return true;
-  }
-
-  onRawEvent(ev: HammerInputExt) {
-    super.onRawEvent(ev);
-    if (!ev.isFinal) {
-      // if (this.ref instanceof ScrollView) {
-      if (TEST_MIN_IF_NOT_NAN(VEC_LEN_SQ({ x: ev.deltaX, y: ev.deltaY }), 10)) {
-        // @ts-ignore FIXME(TS) config type
-        if (this.config.disallowInterruption) {
-          const gestures = Object.values(NodeManager.getNodes()).filter(
-            (gesture) => {
-              const { handlerTag, view, isGestureRunning } = gesture;
-              return (
-                // Check if this gesture isn't self
-                handlerTag !== this.handlerTag &&
-                // Ensure the gesture needs to be cancelled
-                isGestureRunning &&
-                // ScrollView can cancel discrete gestures like taps and presses
-                gesture instanceof DiscreteGestureHandler &&
-                // Ensure a view exists and is a child of the current view
-                view &&
-                // @ts-ignore FIXME(TS) view type
-                this.view.contains(view)
-              );
-            }
-          );
-          // Cancel all of the gestures that passed the filter
-          for (const gesture of gestures) {
-            // TODO: Bacon: Send some cached event.
-            gesture.forceInvalidate(ev);
-          }
-        }
-      }
-    }
-  }
-}
-
-export default NativeViewGestureHandler;