react-native-gesture-handler 2.25.0 → 2.26.0

package/lib/module/handlers/RotationGestureHandler.js

@@ -1,10 +1,14 @@
+"use strict";
+
 import createHandler from './createHandler';
 import { baseGestureHandlerProps } from './gestureHandlerCommon';
+
 /**
  * @deprecated RotationGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Rotation()` instead.
  */
 
 export const rotationHandlerName = 'RotationGestureHandler';
+
 /**
  * @deprecated RotationGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Rotation()` instead.
  */

package/lib/module/handlers/RotationGestureHandler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RotationGestureHandler.ts"],"names":["createHandler","baseGestureHandlerProps","rotationHandlerName","RotationGestureHandler","name","allowedProps","config"],"mappings":"AACA,OAAOA,aAAP,MAA0B,iBAA1B;AACA,SAEEC,uBAFF,QAGO,wBAHP;AAKA;AACA;AACA;;AAIA,OAAO,MAAMC,mBAAmB,GAAG,wBAA5B;AAEP;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGH,aAAa,CAGjD;AACAI,EAAAA,IAAI,EAAEF,mBADN;AAEAG,EAAAA,YAAY,EAAEJ,uBAFd;AAGAK,EAAAA,MAAM,EAAE;AAHR,CAHiD,CAA5C","sourcesContent":["import { RotationGestureHandlerEventPayload } from './GestureHandlerEventPayload';\nimport createHandler from './createHandler';\nimport {\n  BaseGestureHandlerProps,\n  baseGestureHandlerProps,\n} from './gestureHandlerCommon';\n\n/**\n * @deprecated RotationGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Rotation()` instead.\n */\nexport interface RotationGestureHandlerProps\n  extends BaseGestureHandlerProps<RotationGestureHandlerEventPayload> {}\n\nexport const rotationHandlerName = 'RotationGestureHandler';\n\n/**\n * @deprecated RotationGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Rotation()` instead.\n */\nexport type RotationGestureHandler = typeof RotationGestureHandler;\n\n/**\n * @deprecated RotationGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Rotation()` instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file\nexport const RotationGestureHandler = createHandler<\n  RotationGestureHandlerProps,\n  RotationGestureHandlerEventPayload\n>({\n  name: rotationHandlerName,\n  allowedProps: baseGestureHandlerProps,\n  config: {},\n});\n"]}
+{"version":3,"names":["createHandler","baseGestureHandlerProps","rotationHandlerName","RotationGestureHandler","name","allowedProps","config"],"sourceRoot":"../../../src","sources":["handlers/RotationGestureHandler.ts"],"mappings":";;AACA,OAAOA,aAAa,MAAM,iBAAiB;AAC3C,SAEEC,uBAAuB,QAClB,wBAAwB;;AAE/B;AACA;AACA;;AAIA,OAAO,MAAMC,mBAAmB,GAAG,wBAAwB;;AAE3D;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGH,aAAa,CAGjD;EACAI,IAAI,EAAEF,mBAAmB;EACzBG,YAAY,EAAEJ,uBAAuB;EACrCK,MAAM,EAAE,CAAC;AACX,CAAC,CAAC","ignoreList":[]}

package/lib/module/handlers/TapGestureHandler.js

@@ -1,7 +1,15 @@
+"use strict";
+
 import createHandler from './createHandler';
 import { baseGestureHandlerProps } from './gestureHandlerCommon';
 export const tapGestureHandlerProps = ['maxDurationMs', 'maxDelayMs', 'numberOfTaps', 'maxDeltaX', 'maxDeltaY', 'maxDist', 'minPointers'];
+
+/**
+ * @deprecated TapGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Tap()` instead.
+ */
+
 export const tapHandlerName = 'TapGestureHandler';
+
 /**
  * @deprecated TapGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Tap()` instead.
  */

package/lib/module/handlers/TapGestureHandler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TapGestureHandler.ts"],"names":["createHandler","baseGestureHandlerProps","tapGestureHandlerProps","tapHandlerName","TapGestureHandler","name","allowedProps","config","shouldCancelWhenOutside"],"mappings":"AACA,OAAOA,aAAP,MAA0B,iBAA1B;AACA,SAEEC,uBAFF,QAGO,wBAHP;AAKA,OAAO,MAAMC,sBAAsB,GAAG,CACpC,eADoC,EAEpC,YAFoC,EAGpC,cAHoC,EAIpC,WAJoC,EAKpC,WALoC,EAMpC,SANoC,EAOpC,aAPoC,CAA/B;AAoEP,OAAO,MAAMC,cAAc,GAAG,mBAAvB;AAEP;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGJ,aAAa,CAG5C;AACAK,EAAAA,IAAI,EAAEF,cADN;AAEAG,EAAAA,YAAY,EAAE,CACZ,GAAGL,uBADS,EAEZ,GAAGC,sBAFS,CAFd;AAMAK,EAAAA,MAAM,EAAE;AACNC,IAAAA,uBAAuB,EAAE;AADnB;AANR,CAH4C,CAAvC","sourcesContent":["import type { TapGestureHandlerEventPayload } from './GestureHandlerEventPayload';\nimport createHandler from './createHandler';\nimport {\n  BaseGestureHandlerProps,\n  baseGestureHandlerProps,\n} from './gestureHandlerCommon';\n\nexport const tapGestureHandlerProps = [\n  'maxDurationMs',\n  'maxDelayMs',\n  'numberOfTaps',\n  'maxDeltaX',\n  'maxDeltaY',\n  'maxDist',\n  'minPointers',\n] as const;\n\nexport interface TapGestureConfig {\n  /**\n   * Minimum number of pointers (fingers) required to be placed before the\n   * handler activates. Should be a positive integer.\n   * The default value is 1.\n   */\n  minPointers?: number;\n\n  /**\n   * Maximum time, expressed in milliseconds, that defines how fast a finger\n   * must be released after a touch. The default value is 500.\n   */\n  maxDurationMs?: number;\n\n  /**\n   * Maximum time, expressed in milliseconds, that can pass before the next tap\n   * if many taps are required. The default value is 500.\n   */\n  maxDelayMs?: number;\n\n  /**\n   * Number of tap gestures required to activate the handler. The default value\n   * is 1.\n   */\n  numberOfTaps?: number;\n\n  /**\n   * Maximum distance, expressed in points, that defines how far the finger is\n   * allowed to travel along the X axis during a tap gesture. If the finger\n   * travels further than the defined distance along the X axis and the handler\n   * hasn't yet activated, it will fail to recognize the gesture.\n   */\n  maxDeltaX?: number;\n\n  /**\n   * Maximum distance, expressed in points, that defines how far the finger is\n   * allowed to travel along the Y axis during a tap gesture. If the finger\n   * travels further than the defined distance along the Y axis and the handler\n   * hasn't yet activated, it will fail to recognize the gesture.\n   */\n  maxDeltaY?: number;\n\n  /**\n   * Maximum distance, expressed in points, that defines how far the finger is\n   * allowed to travel during a tap gesture. If the finger travels further than\n   * the defined distance and the handler hasn't yet\n   * activated, it will fail to recognize the gesture.\n   */\n  maxDist?: number;\n}\n\n/**\n * @deprecated TapGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Tap()` instead.\n */\nexport interface TapGestureHandlerProps\n  extends BaseGestureHandlerProps<TapGestureHandlerEventPayload>,\n    TapGestureConfig {}\n\nexport const tapHandlerName = 'TapGestureHandler';\n\n/**\n * @deprecated TapGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Tap()` instead.\n */\nexport type TapGestureHandler = typeof TapGestureHandler;\n\n/**\n * @deprecated TapGestureHandler will be removed in the future version of Gesture Handler. Use `Gesture.Tap()` instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-redeclare -- backward compatibility; see description on the top of gestureHandlerCommon.ts file\nexport const TapGestureHandler = createHandler<\n  TapGestureHandlerProps,\n  TapGestureHandlerEventPayload\n>({\n  name: tapHandlerName,\n  allowedProps: [\n    ...baseGestureHandlerProps,\n    ...tapGestureHandlerProps,\n  ] as const,\n  config: {\n    shouldCancelWhenOutside: true,\n  },\n});\n"]}
+{"version":3,"names":["createHandler","baseGestureHandlerProps","tapGestureHandlerProps","tapHandlerName","TapGestureHandler","name","allowedProps","config","shouldCancelWhenOutside"],"sourceRoot":"../../../src","sources":["handlers/TapGestureHandler.ts"],"mappings":";;AACA,OAAOA,aAAa,MAAM,iBAAiB;AAC3C,SAEEC,uBAAuB,QAClB,wBAAwB;AAE/B,OAAO,MAAMC,sBAAsB,GAAG,CACpC,eAAe,EACf,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,CACL;;AAqDV;AACA;AACA;;AAKA,OAAO,MAAMC,cAAc,GAAG,mBAAmB;;AAEjD;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGJ,aAAa,CAG5C;EACAK,IAAI,EAAEF,cAAc;EACpBG,YAAY,EAAE,CACZ,GAAGL,uBAAuB,EAC1B,GAAGC,sBAAsB,CACjB;EACVK,MAAM,EAAE;IACNC,uBAAuB,EAAE;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/handlers/createHandler.js

@@ -1,6 +1,4 @@
-var _UIManagerAny$getView;
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+"use strict";
 
 import * as React from 'react';
 import { Platform, UIManager, DeviceEventEmitter } from 'react-native';
@@ -17,6 +15,7 @@ import { PressabilityDebugView } from './PressabilityDebugView';
 import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
 import { ghQueueMicrotask } from '../ghQueueMicrotask';
 import { MountRegistry } from '../mountRegistry';
+import { jsx as _jsx } from "react/jsx-runtime";
 const UIManagerAny = UIManager;
 customDirectEventTypes.topGestureHandlerEvent = {
   registrationName: 'onGestureHandlerEvent'
@@ -45,63 +44,60 @@ const customGHEventsConfig = {
   // Without this piece of code below, you'll get the following JS error:
   // Unsupported top level event type "topOnGestureHandlerEvent" dispatched
   ...(isFabric() && Platform.OS === 'android' && customGHEventsConfigFabricAndroid)
-}; // Add gesture specific events to genericDirectEventTypes object exported from UIManager
+};
+
+// Add gesture specific events to genericDirectEventTypes object exported from UIManager
 // native module.
 // Once new event types are registered with react it is possible to dispatch these
 // events to all kind of native views.
-
-UIManagerAny.genericDirectEventTypes = { ...UIManagerAny.genericDirectEventTypes,
+UIManagerAny.genericDirectEventTypes = {
+  ...UIManagerAny.genericDirectEventTypes,
   ...customGHEventsConfig
 };
-const UIManagerConstants = (_UIManagerAny$getView = UIManagerAny.getViewManagerConfig) === null || _UIManagerAny$getView === void 0 ? void 0 : _UIManagerAny$getView.call(UIManagerAny, 'getConstants');
-
+const UIManagerConstants = UIManagerAny.getViewManagerConfig?.('getConstants');
 if (UIManagerConstants) {
-  UIManagerConstants.genericDirectEventTypes = { ...UIManagerConstants.genericDirectEventTypes,
+  UIManagerConstants.genericDirectEventTypes = {
+    ...UIManagerConstants.genericDirectEventTypes,
     ...customGHEventsConfig
   };
-} // Wrap JS responder calls and notify gesture handler manager
-
+}
 
+// Wrap JS responder calls and notify gesture handler manager
 const {
-  setJSResponder: oldSetJSResponder = () => {// no-op
+  setJSResponder: oldSetJSResponder = () => {
+    // no-op
   },
-  clearJSResponder: oldClearJSResponder = () => {// no-op
+  clearJSResponder: oldClearJSResponder = () => {
+    // no-op
   }
 } = UIManagerAny;
-
 UIManagerAny.setJSResponder = (tag, blockNativeResponder) => {
   RNGestureHandlerModule.handleSetJSResponder(tag, blockNativeResponder);
   oldSetJSResponder(tag, blockNativeResponder);
 };
-
 UIManagerAny.clearJSResponder = () => {
   RNGestureHandlerModule.handleClearJSResponder();
   oldClearJSResponder();
 };
-
 let allowTouches = true;
-const DEV_ON_ANDROID = __DEV__ && Platform.OS === 'android'; // Toggled inspector blocks touch events in order to allow inspecting on Android
+const DEV_ON_ANDROID = __DEV__ && Platform.OS === 'android';
+// Toggled inspector blocks touch events in order to allow inspecting on Android
 // This needs to be a global variable in order to set initial state for `allowTouches` property in Handler component
-
 if (DEV_ON_ANDROID) {
   DeviceEventEmitter.addListener('toggleElementInspector', () => {
     allowTouches = !allowTouches;
   });
 }
-
 function hasUnresolvedRefs(props) {
   // TODO(TS) - add type for extract arg
   const extract = refs => {
     if (!Array.isArray(refs)) {
       return refs && refs.current === null;
     }
-
     return refs.some(r => r && r.current === null);
   };
-
   return extract(props['simultaneousHandlers']) || extract(props['waitFor']);
 }
-
 const stateToPropMappings = {
   [State.UNDETERMINED]: undefined,
   [State.BEGAN]: 'onBegan',
@@ -110,8 +106,12 @@ const stateToPropMappings = {
   [State.ACTIVE]: 'onActivated',
   [State.END]: 'onEnded'
 };
-const UNRESOLVED_REFS_RETRY_LIMIT = 1; // TODO(TS) - make sure that BaseGestureHandlerProps doesn't need other generic parameter to work with custom properties.
 
+// TODO(TS) fix event types
+
+const UNRESOLVED_REFS_RETRY_LIMIT = 1;
+
+// TODO(TS) - make sure that BaseGestureHandlerProps doesn't need other generic parameter to work with custom properties.
 export default function createHandler({
   name,
   allowedProps = [],
@@ -120,154 +120,27 @@ export default function createHandler({
   customNativeProps = []
 }) {
   class Handler extends React.Component {
+    static displayName = name;
+    static contextType = GestureHandlerRootViewContext;
+    handlerTag = -1;
     constructor(props) {
       super(props);
-
-      _defineProperty(this, "handlerTag", -1);
-
-      _defineProperty(this, "config", void 0);
-
-      _defineProperty(this, "propsRef", void 0);
-
-      _defineProperty(this, "isMountedRef", void 0);
-
-      _defineProperty(this, "viewNode", void 0);
-
-      _defineProperty(this, "viewTag", void 0);
-
-      _defineProperty(this, "inspectorToggleListener", void 0);
-
-      _defineProperty(this, "onGestureHandlerEvent", event => {
-        if (event.nativeEvent.handlerTag === this.handlerTag) {
-          if (typeof this.props.onGestureEvent === 'function') {
-            var _this$props$onGesture, _this$props;
-
-            (_this$props$onGesture = (_this$props = this.props).onGestureEvent) === null || _this$props$onGesture === void 0 ? void 0 : _this$props$onGesture.call(_this$props, event);
-          }
-        } else {
-          var _this$props$onGesture2, _this$props2;
-
-          (_this$props$onGesture2 = (_this$props2 = this.props).onGestureHandlerEvent) === null || _this$props$onGesture2 === void 0 ? void 0 : _this$props$onGesture2.call(_this$props2, event);
-        }
-      });
-
-      _defineProperty(this, "onGestureHandlerStateChange", event => {
-        if (event.nativeEvent.handlerTag === this.handlerTag) {
-          if (typeof this.props.onHandlerStateChange === 'function') {
-            var _this$props$onHandler, _this$props3;
-
-            (_this$props$onHandler = (_this$props3 = this.props).onHandlerStateChange) === null || _this$props$onHandler === void 0 ? void 0 : _this$props$onHandler.call(_this$props3, event);
-          }
-
-          const state = event.nativeEvent.state;
-          const stateEventName = stateToPropMappings[state];
-          const eventHandler = stateEventName && this.props[stateEventName];
-
-          if (eventHandler && typeof eventHandler === 'function') {
-            eventHandler(event);
-          }
-        } else {
-          var _this$props$onGesture3, _this$props4;
-
-          (_this$props$onGesture3 = (_this$props4 = this.props).onGestureHandlerStateChange) === null || _this$props$onGesture3 === void 0 ? void 0 : _this$props$onGesture3.call(_this$props4, event);
-        }
-      });
-
-      _defineProperty(this, "refHandler", node => {
-        var _props;
-
-        this.viewNode = node;
-        const child = React.Children.only(this.props.children); // @ts-ignore Since React 19 ref is accessible as standard prop
-        // https://react.dev/blog/2024/04/25/react-19-upgrade-guide#deprecated-element-ref
-
-        const ref = isReact19() ? (_props = child.props) === null || _props === void 0 ? void 0 : _props.ref : child === null || child === void 0 ? void 0 : child.ref;
-
-        if (!ref) {
-          return;
-        }
-
-        if (typeof ref === 'function') {
-          ref(node);
-        } else {
-          ref.current = node;
-        }
-      });
-
-      _defineProperty(this, "createGestureHandler", newConfig => {
-        this.handlerTag = getNextHandlerTag();
-        this.config = newConfig;
-        RNGestureHandlerModule.createGestureHandler(name, this.handlerTag, newConfig);
-      });
-
-      _defineProperty(this, "attachGestureHandler", newViewTag => {
-        this.viewTag = newViewTag;
-
-        if (Platform.OS === 'web') {
-          // Typecast due to dynamic resolution, attachGestureHandler should have web version signature in this branch
-          RNGestureHandlerModule.attachGestureHandler(this.handlerTag, newViewTag, ActionType.JS_FUNCTION_OLD_API, // ignored on web
-          this.propsRef);
-        } else {
-          registerOldGestureHandler(this.handlerTag, {
-            onGestureEvent: this.onGestureHandlerEvent,
-            onGestureStateChange: this.onGestureHandlerStateChange
-          });
-
-          const actionType = (() => {
-            var _this$props5, _this$props6;
-
-            const onGestureEvent = (_this$props5 = this.props) === null || _this$props5 === void 0 ? void 0 : _this$props5.onGestureEvent;
-            const isGestureHandlerWorklet = onGestureEvent && ('current' in onGestureEvent || 'workletEventHandler' in onGestureEvent);
-            const onHandlerStateChange = (_this$props6 = this.props) === null || _this$props6 === void 0 ? void 0 : _this$props6.onHandlerStateChange;
-            const isStateChangeHandlerWorklet = onHandlerStateChange && ('current' in onHandlerStateChange || 'workletEventHandler' in onHandlerStateChange);
-            const isReanimatedHandler = isGestureHandlerWorklet || isStateChangeHandlerWorklet;
-
-            if (isReanimatedHandler) {
-              // Reanimated worklet
-              return ActionType.REANIMATED_WORKLET;
-            } else if (onGestureEvent && '__isNative' in onGestureEvent) {
-              // Animated.event with useNativeDriver: true
-              return ActionType.NATIVE_ANIMATED_EVENT;
-            } else {
-              // JS callback or Animated.event with useNativeDriver: false
-              return ActionType.JS_FUNCTION_OLD_API;
-            }
-          })();
-
-          RNGestureHandlerModule.attachGestureHandler(this.handlerTag, newViewTag, actionType);
-        }
-
-        scheduleFlushOperations();
-        ghQueueMicrotask(() => {
-          MountRegistry.gestureHandlerWillMount(this);
-        });
-      });
-
-      _defineProperty(this, "updateGestureHandler", newConfig => {
-        this.config = newConfig;
-        RNGestureHandlerModule.updateGestureHandler(this.handlerTag, newConfig);
-        scheduleFlushOperations();
-      });
-
       this.config = {};
       this.propsRef = /*#__PURE__*/React.createRef();
       this.isMountedRef = /*#__PURE__*/React.createRef();
       this.state = {
         allowTouches
       };
-
       if (props.id) {
         if (handlerIDToTag[props.id] !== undefined) {
           throw new Error(`Handler with ID "${props.id}" already registered`);
         }
-
         handlerIDToTag[props.id] = this.handlerTag;
       }
     }
-
     componentDidMount() {
       const props = this.props;
       this.isMountedRef.current = true;
-
       if (DEV_ON_ANDROID) {
         this.inspectorToggleListener = DeviceEventEmitter.addListener('toggleElementInspector', () => {
           this.setState(_ => ({
@@ -276,7 +149,6 @@ export default function createHandler({
           this.update(UNRESOLVED_REFS_RETRY_LIMIT);
         });
       }
-
       if (hasUnresolvedRefs(props)) {
         // If there are unresolved refs (e.g. ".current" has not yet been set)
         // passed as `simultaneousHandlers` or `waitFor`, we enqueue a call to
@@ -288,93 +160,163 @@ export default function createHandler({
           this.update(UNRESOLVED_REFS_RETRY_LIMIT);
         });
       }
-
       this.createGestureHandler(filterConfig(transformProps ? transformProps(this.props) : this.props, [...allowedProps, ...customNativeProps], config));
-
       if (!this.viewNode) {
         throw new Error(`[Gesture Handler] Failed to obtain view for ${Handler.displayName}. Note that old API doesn't support functional components.`);
       }
-
       this.attachGestureHandler(findNodeHandle(this.viewNode)); // TODO(TS) - check if this can be null
     }
-
     componentDidUpdate() {
       const viewTag = findNodeHandle(this.viewNode);
-
       if (this.viewTag !== viewTag) {
         this.attachGestureHandler(viewTag); // TODO(TS) - check interaction between _viewTag & findNodeHandle
       }
-
       this.update(UNRESOLVED_REFS_RETRY_LIMIT);
     }
-
     componentWillUnmount() {
-      var _this$inspectorToggle;
-
-      (_this$inspectorToggle = this.inspectorToggleListener) === null || _this$inspectorToggle === void 0 ? void 0 : _this$inspectorToggle.remove();
+      this.inspectorToggleListener?.remove();
       this.isMountedRef.current = false;
-
       if (Platform.OS !== 'web') {
         unregisterOldGestureHandler(this.handlerTag);
       }
-
       RNGestureHandlerModule.dropGestureHandler(this.handlerTag);
-      scheduleFlushOperations(); // We can't use this.props.id directly due to TS generic type narrowing bug, see https://github.com/microsoft/TypeScript/issues/13995 for more context
-
+      scheduleFlushOperations();
+      // We can't use this.props.id directly due to TS generic type narrowing bug, see https://github.com/microsoft/TypeScript/issues/13995 for more context
       const handlerID = this.props.id;
-
       if (handlerID) {
         // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
         delete handlerIDToTag[handlerID];
       }
-
       MountRegistry.gestureHandlerWillUnmount(this);
     }
+    onGestureHandlerEvent = event => {
+      if (event.nativeEvent.handlerTag === this.handlerTag) {
+        if (typeof this.props.onGestureEvent === 'function') {
+          this.props.onGestureEvent?.(event);
+        }
+      } else {
+        this.props.onGestureHandlerEvent?.(event);
+      }
+    };
 
+    // TODO(TS) - make sure this is right type for event
+    onGestureHandlerStateChange = event => {
+      if (event.nativeEvent.handlerTag === this.handlerTag) {
+        if (typeof this.props.onHandlerStateChange === 'function') {
+          this.props.onHandlerStateChange?.(event);
+        }
+        const state = event.nativeEvent.state;
+        const stateEventName = stateToPropMappings[state];
+        const eventHandler = stateEventName && this.props[stateEventName];
+        if (eventHandler && typeof eventHandler === 'function') {
+          eventHandler(event);
+        }
+      } else {
+        this.props.onGestureHandlerStateChange?.(event);
+      }
+    };
+    refHandler = node => {
+      this.viewNode = node;
+      const child = React.Children.only(this.props.children);
+      // @ts-ignore Since React 19 ref is accessible as standard prop
+      // https://react.dev/blog/2024/04/25/react-19-upgrade-guide#deprecated-element-ref
+      const ref = isReact19() ? child.props?.ref : child?.ref;
+      if (!ref) {
+        return;
+      }
+      if (typeof ref === 'function') {
+        ref(node);
+      } else {
+        ref.current = node;
+      }
+    };
+    createGestureHandler = newConfig => {
+      this.handlerTag = getNextHandlerTag();
+      this.config = newConfig;
+      RNGestureHandlerModule.createGestureHandler(name, this.handlerTag, newConfig);
+    };
+    attachGestureHandler = newViewTag => {
+      this.viewTag = newViewTag;
+      if (Platform.OS === 'web') {
+        // Typecast due to dynamic resolution, attachGestureHandler should have web version signature in this branch
+        RNGestureHandlerModule.attachGestureHandler(this.handlerTag, newViewTag, ActionType.JS_FUNCTION_OLD_API,
+        // ignored on web
+        this.propsRef);
+      } else {
+        registerOldGestureHandler(this.handlerTag, {
+          onGestureEvent: this.onGestureHandlerEvent,
+          onGestureStateChange: this.onGestureHandlerStateChange
+        });
+        const actionType = (() => {
+          const onGestureEvent = this.props?.onGestureEvent;
+          const isGestureHandlerWorklet = onGestureEvent && ('current' in onGestureEvent || 'workletEventHandler' in onGestureEvent);
+          const onHandlerStateChange = this.props?.onHandlerStateChange;
+          const isStateChangeHandlerWorklet = onHandlerStateChange && ('current' in onHandlerStateChange || 'workletEventHandler' in onHandlerStateChange);
+          const isReanimatedHandler = isGestureHandlerWorklet || isStateChangeHandlerWorklet;
+          if (isReanimatedHandler) {
+            // Reanimated worklet
+            return ActionType.REANIMATED_WORKLET;
+          } else if (onGestureEvent && '__isNative' in onGestureEvent) {
+            // Animated.event with useNativeDriver: true
+            return ActionType.NATIVE_ANIMATED_EVENT;
+          } else {
+            // JS callback or Animated.event with useNativeDriver: false
+            return ActionType.JS_FUNCTION_OLD_API;
+          }
+        })();
+        RNGestureHandlerModule.attachGestureHandler(this.handlerTag, newViewTag, actionType);
+      }
+      scheduleFlushOperations();
+      ghQueueMicrotask(() => {
+        MountRegistry.gestureHandlerWillMount(this);
+      });
+    };
+    updateGestureHandler = newConfig => {
+      this.config = newConfig;
+      RNGestureHandlerModule.updateGestureHandler(this.handlerTag, newConfig);
+      scheduleFlushOperations();
+    };
     update(remainingTries) {
       if (!this.isMountedRef.current) {
         return;
       }
+      const props = this.props;
 
-      const props = this.props; // When ref is set via a function i.e. `ref={(r) => refObject.current = r}` instead of
+      // When ref is set via a function i.e. `ref={(r) => refObject.current = r}` instead of
       // `ref={refObject}` it's possible that it won't be resolved in time. Seems like trying
       // again is easy enough fix.
-
       if (hasUnresolvedRefs(props) && remainingTries > 0) {
         ghQueueMicrotask(() => {
           this.update(remainingTries - 1);
         });
       } else {
         const newConfig = filterConfig(transformProps ? transformProps(this.props) : this.props, [...allowedProps, ...customNativeProps], config);
-
         if (!deepEqual(this.config, newConfig)) {
           this.updateGestureHandler(newConfig);
         }
       }
     }
 
+    // eslint-disable-next-line @eslint-react/no-unused-class-component-members
     setNativeProps(updates) {
-      const mergedProps = { ...this.props,
+      const mergedProps = {
+        ...this.props,
         ...updates
       };
       const newConfig = filterConfig(transformProps ? transformProps(mergedProps) : mergedProps, [...allowedProps, ...customNativeProps], config);
       this.updateGestureHandler(newConfig);
     }
-
     render() {
-      var _this$props$testID;
-
       if (__DEV__ && !this.context && !isTestEnv() && Platform.OS !== 'web') {
         throw new Error(name + ' must be used as a descendant of GestureHandlerRootView. Otherwise the gestures will not be recognized. See https://docs.swmansion.com/react-native-gesture-handler/docs/installation for more details.');
       }
-
-      let gestureEventHandler = this.onGestureHandlerEvent; // Another instance of https://github.com/microsoft/TypeScript/issues/13995
+      let gestureEventHandler = this.onGestureHandlerEvent;
+      // Another instance of https://github.com/microsoft/TypeScript/issues/13995
 
       const {
         onGestureEvent,
         onGestureHandlerEvent
       } = this.props;
-
       if (onGestureEvent && typeof onGestureEvent !== 'function') {
         // If it's not a method it should be an native Animated.event
         // object. We set it directly as the handler for the view
@@ -382,21 +324,19 @@ export default function createHandler({
         if (onGestureHandlerEvent) {
           throw new Error('Nesting touch handlers with native animated driver is not supported yet');
         }
-
         gestureEventHandler = onGestureEvent;
       } else {
         if (onGestureHandlerEvent && typeof onGestureHandlerEvent !== 'function') {
           throw new Error('Nesting touch handlers with native animated driver is not supported yet');
         }
       }
-
-      let gestureStateEventHandler = this.onGestureHandlerStateChange; // Another instance of https://github.com/microsoft/TypeScript/issues/13995
+      let gestureStateEventHandler = this.onGestureHandlerStateChange;
+      // Another instance of https://github.com/microsoft/TypeScript/issues/13995
 
       const {
         onHandlerStateChange,
         onGestureHandlerStateChange
       } = this.props;
-
       if (onHandlerStateChange && typeof onHandlerStateChange !== 'function') {
         // If it's not a method it should be an native Animated.event
         // object. We set it directly as the handler for the view
@@ -404,38 +344,31 @@ export default function createHandler({
         if (onGestureHandlerStateChange) {
           throw new Error('Nesting touch handlers with native animated driver is not supported yet');
         }
-
         gestureStateEventHandler = onHandlerStateChange;
       } else {
         if (onGestureHandlerStateChange && typeof onGestureHandlerStateChange !== 'function') {
           throw new Error('Nesting touch handlers with native animated driver is not supported yet');
         }
       }
-
       const events = {
         onGestureHandlerEvent: this.state.allowTouches ? gestureEventHandler : undefined,
         onGestureHandlerStateChange: this.state.allowTouches ? gestureStateEventHandler : undefined
       };
       this.propsRef.current = events;
       let child = null;
-
       try {
         child = React.Children.only(this.props.children);
       } catch (e) {
         throw new Error(tagMessage(`${name} got more than one view as a child. If you want the gesture to work on multiple views, wrap them with a common parent and attach the gesture to that view.`));
       }
-
       let grandChildren = child.props.children;
-
       if (__DEV__ && child.type && (child.type === 'RNGestureHandlerButton' || child.type.name === 'View' || child.type.displayName === 'View')) {
         grandChildren = React.Children.toArray(grandChildren);
-        grandChildren.push( /*#__PURE__*/React.createElement(PressabilityDebugView, {
-          key: "pressabilityDebugView",
+        grandChildren.push(/*#__PURE__*/_jsx(PressabilityDebugView, {
           color: "mediumspringgreen",
           hitSlop: child.props.hitSlop
-        }));
+        }, "pressabilityDebugView"));
       }
-
       return /*#__PURE__*/React.cloneElement(child, {
         ref: this.refHandler,
         collapsable: false,
@@ -444,17 +377,11 @@ export default function createHandler({
           handlerTag: this.handlerTag,
           enabled: this.props.enabled
         } : {}),
-        testID: (_this$props$testID = this.props.testID) !== null && _this$props$testID !== void 0 ? _this$props$testID : child.props.testID,
+        testID: this.props.testID ?? child.props.testID,
         ...events
       }, grandChildren);
     }
-
   }
-
-  _defineProperty(Handler, "displayName", name);
-
-  _defineProperty(Handler, "contextType", GestureHandlerRootViewContext);
-
   return Handler;
 }
 //# sourceMappingURL=createHandler.js.map