react-native-gesture-handler 2.27.1 → 2.28.0

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

@@ -10,3 +10,4 @@ export default class LeastSquareSolver {
     solve(degree: number): PolynomialFit | null;
 }
 export {};
+//# sourceMappingURL=LeastSquareSolver.d.ts.map

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

@@ -10,3 +10,4 @@ export default abstract class NodeManager {
         [x: number]: 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/NativeViewGestureHandler").default | import("../handlers/ManualGestureHandler").default | import("../handlers/HoverGestureHandler").default;
     };
 }
+//# sourceMappingURL=NodeManager.d.ts.map

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

@@ -17,3 +17,4 @@ export default class PointerEventManager extends EventManager<HTMLElement> {
     protected mapEvent(event: PointerEvent, eventType: EventTypes): AdaptedEvent;
     resetManager(): void;
 }
+//# sourceMappingURL=PointerEventManager.d.ts.map

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

@@ -48,3 +48,4 @@ export default class PointerTracker {
     get trackedPointersIDs(): number[];
     get trackedPointers(): Map<number, TrackerElement>;
 }
+//# sourceMappingURL=PointerTracker.d.ts.map

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

@@ -13,3 +13,4 @@ export default class Vector {
     computeSimilarity(vector: Vector): number;
     isSimilar(vector: Vector, threshold: number): boolean;
 }
+//# sourceMappingURL=Vector.d.ts.map

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

@@ -11,3 +11,4 @@ export default class VelocityTracker {
     get velocity(): [number, number];
     reset(): void;
 }
+//# sourceMappingURL=VelocityTracker.d.ts.map

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

@@ -9,3 +9,4 @@ export default class WheelEventManager extends EventManager<HTMLElement> {
     protected mapEvent(event: WheelEvent): AdaptedEvent;
     resetManager(): void;
 }
+//# sourceMappingURL=WheelEventManager.d.ts.map

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

@@ -12,3 +12,4 @@ export declare function tryExtractStylusData(event: PointerEvent): StylusData |
 export declare const RNSVGElements: Set<string>;
 export declare function isRNSVGElement(viewRef: SVGRef | GestureHandlerRef): boolean;
 export declare function isRNSVGNode(node: any): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/web_hammer/DiscreteGestureHandler.d.ts

@@ -18,3 +18,4 @@ declare abstract class DiscreteGestureHandler extends GestureHandler {
     };
 }
 export default DiscreteGestureHandler;
+//# sourceMappingURL=DiscreteGestureHandler.d.ts.map

package/lib/typescript/web_hammer/DraggingGestureHandler.d.ts

@@ -13,3 +13,4 @@ declare abstract class DraggingGestureHandler extends GestureHandler {
     };
 }
 export default DraggingGestureHandler;
+//# sourceMappingURL=DraggingGestureHandler.d.ts.map

package/lib/typescript/web_hammer/Errors.d.ts

@@ -1,3 +1,4 @@
 export declare class GesturePropError extends Error {
     constructor(name: string, value: unknown, expectedType: string);
 }
+//# sourceMappingURL=Errors.d.ts.map

package/lib/typescript/web_hammer/FlingGestureHandler.d.ts

@@ -41,3 +41,4 @@ declare class FlingGestureHandler extends DraggingGestureHandler {
     }>;
 }
 export default FlingGestureHandler;
+//# sourceMappingURL=FlingGestureHandler.d.ts.map

package/lib/typescript/web_hammer/GestureHandler.d.ts

@@ -143,3 +143,4 @@ declare abstract class GestureHandler {
     ensureConfig(config: Config): Required<Config>;
 }
 export default GestureHandler;
+//# sourceMappingURL=GestureHandler.d.ts.map

package/lib/typescript/web_hammer/IndiscreteGestureHandler.d.ts

@@ -38,3 +38,4 @@ declare abstract class IndiscreteGestureHandler extends GestureHandler {
     };
 }
 export default IndiscreteGestureHandler;
+//# sourceMappingURL=IndiscreteGestureHandler.d.ts.map

package/lib/typescript/web_hammer/LongPressGestureHandler.d.ts

@@ -36,3 +36,4 @@ declare class LongPressGestureHandler extends PressGestureHandler {
     getState(type: keyof typeof HammerInputNames): 1 | 4 | 5;
 }
 export default LongPressGestureHandler;
+//# sourceMappingURL=LongPressGestureHandler.d.ts.map

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

@@ -5,3 +5,4 @@ declare class NativeViewGestureHandler extends PressGestureHandler {
     onRawEvent(ev: HammerInputExt): void;
 }
 export default NativeViewGestureHandler;
+//# sourceMappingURL=NativeViewGestureHandler.d.ts.map

package/lib/typescript/web_hammer/NodeManager.d.ts

@@ -5,3 +5,4 @@ export declare function dropGestureHandler(handlerTag: number): void;
 export declare function getNodes(): {
     [x: number]: any;
 };
+//# sourceMappingURL=NodeManager.d.ts.map

package/lib/typescript/web_hammer/PanGestureHandler.d.ts

@@ -54,3 +54,4 @@ declare class PanGestureHandler extends DraggingGestureHandler {
     };
 }
 export default PanGestureHandler;
+//# sourceMappingURL=PanGestureHandler.d.ts.map

package/lib/typescript/web_hammer/PinchGestureHandler.d.ts

@@ -11,3 +11,4 @@ declare class PinchGestureHandler extends IndiscreteGestureHandler {
     };
 }
 export default PinchGestureHandler;
+//# sourceMappingURL=PinchGestureHandler.d.ts.map

package/lib/typescript/web_hammer/PressGestureHandler.d.ts

@@ -81,3 +81,4 @@ declare class PressGestureHandler extends DiscreteGestureHandler {
     }>;
 }
 export default PressGestureHandler;
+//# sourceMappingURL=PressGestureHandler.d.ts.map

package/lib/typescript/web_hammer/RotationGestureHandler.d.ts

@@ -11,3 +11,4 @@ declare class RotationGestureHandler extends IndiscreteGestureHandler {
     };
 }
 export default RotationGestureHandler;
+//# sourceMappingURL=RotationGestureHandler.d.ts.map

package/lib/typescript/web_hammer/TapGestureHandler.d.ts

@@ -55,3 +55,4 @@ declare class TapGestureHandler extends DiscreteGestureHandler {
     onWaitingEnded(_gesture: any): void;
 }
 export default TapGestureHandler;
+//# sourceMappingURL=TapGestureHandler.d.ts.map

package/lib/typescript/web_hammer/constants.d.ts

@@ -37,3 +37,4 @@ export declare const HammerDirectionNames: {
     4: string;
     2: string;
 };
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/web_hammer/utils.d.ts

@@ -7,3 +7,4 @@ export declare const VEC_LEN_SQ: ({ x, y }?: {
 }) => number;
 export declare const TEST_MAX_IF_NOT_NAN: (value: number, max: number) => boolean;
 export declare function fireAfterInterval(method: () => void, interval?: number | boolean): number | null;
+//# sourceMappingURL=utils.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gesture-handler",
-  "version": "2.27.1",
+  "version": "2.28.0",
   "description": "Declarative API exposing native platform touch and gesture system to React Native",
   "scripts": {
     "test": "jest",
@@ -46,6 +46,7 @@
     "android/svg",
     "android/nosvg",
     "apple/",
+    "scripts/",
     "Swipeable/",
     "ReanimatedSwipeable/",
     "jest-utils/",
@@ -78,7 +79,7 @@
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@babel/preset-typescript": "^7.12.7",
-    "@react-native/babel-preset": "0.80.0",
+    "@react-native/babel-preset": "0.81.0-rc.5",
     "@testing-library/react-native": "^12.5.1",
     "@types/hoist-non-react-statics": "^3.3.1",
     "@types/invariant": "^2.2.37",
@@ -101,7 +102,7 @@
     "madge": "^6.1.0",
     "prettier": "3.3.3",
     "react": "19.1.0",
-    "react-native": "0.80.0",
+    "react-native": "0.81.0-rc.5",
     "react-native-builder-bob": "^0.39.0",
     "react-native-reanimated": "^3.18.0",
     "react-test-renderer": "19.1.0",

package/scripts/gesture_handler_utils.rb

@@ -0,0 +1,25 @@
+def try_to_parse_react_native_package_json(node_modules_dir)
+    react_native_package_json_path = File.join(node_modules_dir, 'react-native/package.json')
+
+    if !File.exist?(react_native_package_json_path)
+        return nil
+    end
+
+    return JSON.parse(File.read(react_native_package_json_path))
+end
+
+def get_react_native_minor_version()
+    react_native_node_modules_dir = File.join(File.dirname(`cd "#{Pod::Config.instance.installation_root.to_s}" && node --print "require.resolve('react-native/package.json')"`), '..')
+    react_native_json = try_to_parse_react_native_package_json(react_native_node_modules_dir)
+
+    if react_native_json == nil
+        node_modules_dir = ENV["REACT_NATIVE_NODE_MODULES_DIR"]
+        react_native_json = try_to_parse_react_native_package_json(node_modules_dir)
+    end
+
+    if react_native_json == nil
+        raise '[react-native-gesture-handler] Unable to recognize your `react-native` version. Please set environmental variable with `react-native` location: `export REACT_NATIVE_NODE_MODULES_DIR="<path to react-native>" && pod install`.'
+    end
+
+    return react_native_json['version'].split('.')[1].to_i
+end

package/src/components/GestureButtonsProps.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import {
   AccessibilityProps,
   ColorValue,
+  LayoutChangeEvent,
   StyleProp,
   ViewStyle,
 } from 'react-native';
@@ -56,26 +57,35 @@ export interface RawButtonProps
    */
   style?: StyleProp<ViewStyle>;
 
+  /**
+   * Invoked on mount and layout changes.
+   */
+  onLayout?: (event: LayoutChangeEvent) => void;
+
   /**
    * Used for testing-library compatibility, not passed to the native component.
+   * @deprecated test-only props are deprecated and will be removed in the future.
    */
   // eslint-disable-next-line @typescript-eslint/ban-types
   testOnly_onPress?: Function | null;
 
   /**
    * Used for testing-library compatibility, not passed to the native component.
+   * @deprecated test-only props are deprecated and will be removed in the future.
    */
   // eslint-disable-next-line @typescript-eslint/ban-types
   testOnly_onPressIn?: Function | null;
 
   /**
    * Used for testing-library compatibility, not passed to the native component.
+   * @deprecated test-only props are deprecated and will be removed in the future.
    */
   // eslint-disable-next-line @typescript-eslint/ban-types
   testOnly_onPressOut?: Function | null;
 
   /**
    * Used for testing-library compatibility, not passed to the native component.
+   * @deprecated test-only props are deprecated and will be removed in the future.
    */
   // eslint-disable-next-line @typescript-eslint/ban-types
   testOnly_onLongPress?: Function | null;

package/src/components/Pressable/Pressable.tsx

@@ -1,6 +1,6 @@
 import React, {
   useCallback,
-  useLayoutEffect,
+  useEffect,
   useMemo,
   useRef,
   useState,
@@ -14,9 +14,9 @@ import {
 } from './PressableProps';
 import {
   Insets,
+  LayoutChangeEvent,
   Platform,
   StyleProp,
-  View,
   ViewStyle,
   processColor,
 } from 'react-native';
@@ -35,10 +35,8 @@ import {
   RelationPropName,
   RelationPropType,
 } from '../utils';
-import {
-  getConfiguredStateMachine,
-  StateMachineEvent,
-} from './stateDefinitions';
+import { getStatesConfig, StateMachineEvent } from './stateDefinitions';
+import { PressableStateMachine } from './StateMachine';
 
 const DEFAULT_LONG_PRESS_DURATION = 500;
 const IS_TEST_ENV = isTestEnv();
@@ -47,7 +45,6 @@ let IS_FABRIC: null | boolean = null;
 
 const Pressable = (props: PressableProps) => {
   const {
-    ref,
     testOnly_pressed,
     hitSlop,
     pressRetentionOffset,
@@ -61,6 +58,7 @@ const Pressable = (props: PressableProps) => {
     onPressIn,
     onPressOut,
     onLongPress,
+    onLayout,
     style,
     children,
     android_disableSound,
@@ -70,7 +68,6 @@ const Pressable = (props: PressableProps) => {
     simultaneousWithExternalGesture,
     requireExternalGestureToFail,
     blocksExternalGesture,
-    dimensionsAfterResize,
     ...remainingProps
   } = props;
 
@@ -80,9 +77,6 @@ const Pressable = (props: PressableProps) => {
     blocksExternalGesture,
   };
 
-  // used only if `ref` is undefined
-  const fallbackRef = useRef<View>(null);
-
   const [pressedState, setPressedState] = useState(testOnly_pressed ?? false);
 
   const longPressTimeoutRef = useRef<number | null>(null);
@@ -110,21 +104,6 @@ const Pressable = (props: PressableProps) => {
     normalizedPressRetentionOffset
   );
 
-  useLayoutEffect(() => {
-    if (dimensionsAfterResize) {
-      dimensions.current = dimensionsAfterResize;
-    } else {
-      requestAnimationFrame(() => {
-        (ref ?? fallbackRef).current?.measure((_x, _y, width, height) => {
-          dimensions.current = {
-            width,
-            height,
-          };
-        });
-      });
-    }
-  }, [dimensionsAfterResize, ref]);
-
   const cancelLongPress = useCallback(() => {
     if (longPressTimeoutRef.current) {
       clearTimeout(longPressTimeoutRef.current);
@@ -222,10 +201,12 @@ const Pressable = (props: PressableProps) => {
     [handleFinalize, innerHandlePressIn, onPress, onPressOut]
   );
 
-  const stateMachine = useMemo(
-    () => getConfiguredStateMachine(handlePressIn, handlePressOut),
-    [handlePressIn, handlePressOut]
-  );
+  const stateMachine = useMemo(() => new PressableStateMachine(), []);
+
+  useEffect(() => {
+    const configuration = getStatesConfig(handlePressIn, handlePressOut);
+    stateMachine.setStates(configuration);
+  }, [handlePressIn, handlePressOut, stateMachine]);
 
   const hoverInTimeout = useRef<number | null>(null);
   const hoverOutTimeout = useRef<number | null>(null);
@@ -376,11 +357,19 @@ const Pressable = (props: PressableProps) => {
       : processColor(unprocessedRippleColor);
   }, [android_ripple]);
 
+  const setDimensions = useCallback(
+    (event: LayoutChangeEvent) => {
+      onLayout?.(event);
+      dimensions.current = event.nativeEvent.layout;
+    },
+    [onLayout]
+  );
+
   return (
     <GestureDetector gesture={gesture}>
       <NativeButton
         {...remainingProps}
-        ref={ref ?? fallbackRef}
+        onLayout={setDimensions}
         accessible={accessible !== false}
         hitSlop={appliedHitSlop}
         enabled={isPressableEnabled}

package/src/components/Pressable/PressableProps.tsx

@@ -66,7 +66,7 @@ export interface PressableProps
   /**
    * A reference to the pressable element.
    */
-  ref?: React.RefObject<View>;
+  ref?: React.Ref<View>;
 
   /**
    * Either children or a render prop that receives a boolean reflecting whether
@@ -168,9 +168,7 @@ export interface PressableProps
   blocksExternalGesture?: RelationPropType;
 
   /**
-   * Defines the dimensions of the Pressable after it's been resized.
-   * This property does not affect Pressable's physical appearance.
-   * Required when the Pressable is resized **and** uses pressRetentionOffset.
+   * @deprecated This property is no longer used, and will be removed in the future.
    */
   dimensionsAfterResize?: PressableDimensions;
 }

package/src/components/Pressable/StateMachine.tsx

@@ -1,27 +1,35 @@
 import { PressableEvent } from './PressableProps';
 
-interface StateDefinition {
+export interface StateDefinition {
   eventName: string;
   callback?: (event: PressableEvent) => void;
 }
 
 class PressableStateMachine {
-  private states: StateDefinition[];
+  private states: StateDefinition[] | null;
   private currentStepIndex: number;
   private eventPayload: PressableEvent | null;
 
-  constructor(steps: StateDefinition[]) {
-    this.states = steps;
+  constructor() {
+    this.states = null;
     this.currentStepIndex = 0;
     this.eventPayload = null;
   }
 
+  public setStates(states: StateDefinition[]) {
+    this.states = states;
+  }
+
   public reset() {
     this.currentStepIndex = 0;
     this.eventPayload = null;
   }
 
   public handleEvent(eventName: string, eventPayload?: PressableEvent) {
+    if (!this.states) {
+      return;
+    }
+
     const step = this.states[this.currentStepIndex];
     this.eventPayload = eventPayload || this.eventPayload;
 

package/src/components/Pressable/stateDefinitions.ts

@@ -1,6 +1,6 @@
 import { Platform } from 'react-native';
 import { PressableEvent } from './PressableProps';
-import { PressableStateMachine } from './StateMachine';
+import { StateDefinition } from './StateMachine';
 
 export enum StateMachineEvent {
   NATIVE_BEGIN = 'nativeBegin',
@@ -9,11 +9,11 @@ export enum StateMachineEvent {
   LONG_PRESS_TOUCHES_DOWN = 'longPressTouchesDown',
 }
 
-function getAndroidStateMachine(
+function getAndroidStatesConfig(
   handlePressIn: (event: PressableEvent) => void,
   handlePressOut: (event: PressableEvent) => void
 ) {
-  return new PressableStateMachine([
+  return [
     {
       eventName: StateMachineEvent.NATIVE_BEGIN,
     },
@@ -25,14 +25,14 @@ function getAndroidStateMachine(
       eventName: StateMachineEvent.FINALIZE,
       callback: handlePressOut,
     },
-  ]);
+  ];
 }
 
-function getIosStateMachine(
+function getIosStatesConfig(
   handlePressIn: (event: PressableEvent) => void,
   handlePressOut: (event: PressableEvent) => void
 ) {
-  return new PressableStateMachine([
+  return [
     {
       eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
     },
@@ -44,14 +44,14 @@ function getIosStateMachine(
       eventName: StateMachineEvent.FINALIZE,
       callback: handlePressOut,
     },
-  ]);
+  ];
 }
 
-function getWebStateMachine(
+function getWebStatesConfig(
   handlePressIn: (event: PressableEvent) => void,
   handlePressOut: (event: PressableEvent) => void
 ) {
-  return new PressableStateMachine([
+  return [
     {
       eventName: StateMachineEvent.NATIVE_BEGIN,
     },
@@ -66,14 +66,14 @@ function getWebStateMachine(
       eventName: StateMachineEvent.FINALIZE,
       callback: handlePressOut,
     },
-  ]);
+  ];
 }
 
-function getMacosStateMachine(
+function getMacosStatesConfig(
   handlePressIn: (event: PressableEvent) => void,
   handlePressOut: (event: PressableEvent) => void
 ) {
-  return new PressableStateMachine([
+  return [
     {
       eventName: StateMachineEvent.LONG_PRESS_TOUCHES_DOWN,
     },
@@ -88,14 +88,14 @@ function getMacosStateMachine(
       eventName: StateMachineEvent.FINALIZE,
       callback: handlePressOut,
     },
-  ]);
+  ];
 }
 
-function getUniversalStateMachine(
+function getUniversalStatesConfig(
   handlePressIn: (event: PressableEvent) => void,
   handlePressOut: (event: PressableEvent) => void
 ) {
-  return new PressableStateMachine([
+  return [
     {
       eventName: StateMachineEvent.FINALIZE,
       callback: (event: PressableEvent) => {
@@ -103,23 +103,23 @@ function getUniversalStateMachine(
         handlePressOut(event);
       },
     },
-  ]);
+  ];
 }
 
-export function getConfiguredStateMachine(
+export function getStatesConfig(
   handlePressIn: (event: PressableEvent) => void,
   handlePressOut: (event: PressableEvent) => void
-) {
+): StateDefinition[] {
   if (Platform.OS === 'android') {
-    return getAndroidStateMachine(handlePressIn, handlePressOut);
+    return getAndroidStatesConfig(handlePressIn, handlePressOut);
   } else if (Platform.OS === 'ios') {
-    return getIosStateMachine(handlePressIn, handlePressOut);
+    return getIosStatesConfig(handlePressIn, handlePressOut);
   } else if (Platform.OS === 'web') {
-    return getWebStateMachine(handlePressIn, handlePressOut);
+    return getWebStatesConfig(handlePressIn, handlePressOut);
   } else if (Platform.OS === 'macos') {
-    return getMacosStateMachine(handlePressIn, handlePressOut);
+    return getMacosStatesConfig(handlePressIn, handlePressOut);
   } else {
     // Unknown platform - using minimal universal setup.
-    return getUniversalStateMachine(handlePressIn, handlePressOut);
+    return getUniversalStatesConfig(handlePressIn, handlePressOut);
   }
 }