react-native-gesture-handler 3.0.0-beta.3 → 3.0.0-beta.5

package/lib/module/v3/components/Touchable/Touchable.js

@@ -3,34 +3,84 @@
 import React, { useCallback, useRef } from 'react';
 import { Platform } from 'react-native';
 import GestureHandlerButton from '../../../components/GestureHandlerButton';
-import createNativeWrapper from '../../createNativeWrapper';
+import { NativeDetector } from '../../detectors/NativeDetector';
+import { useNativeGesture } from '../../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-const TouchableButton = createNativeWrapper(GestureHandlerButton, {
-  shouldCancelWhenOutside: true,
-  shouldActivateOnStart: false
-});
 const isAndroid = Platform.OS === 'android';
 const TRANSPARENT_RIPPLE = {
   rippleColor: 'transparent'
 };
+const DEFAULT_IN_DURATION_MS = 50;
+const DEFAULT_OUT_DURATION_MS = 100;
+var PointerState = /*#__PURE__*/function (PointerState) {
+  PointerState[PointerState["UNKNOWN"] = 0] = "UNKNOWN";
+  PointerState[PointerState["INSIDE"] = 1] = "INSIDE";
+  PointerState[PointerState["OUTSIDE"] = 2] = "OUTSIDE";
+  return PointerState;
+}(PointerState || {}); // Clamp user-supplied durations to finite, non-negative milliseconds.
+// Negative, NaN, or Infinity values would produce invalid CSS transitions
+// on web and negative setTimeout delays in branch 3 of the press-out path.
+function sanitizeDuration(value) {
+  return Number.isFinite(value) && value >= 0 ? value : 0;
+}
+function resolveAnimationDuration(value) {
+  if (value === undefined) {
+    return {
+      tapAnimationInDuration: DEFAULT_IN_DURATION_MS,
+      tapAnimationOutDuration: DEFAULT_OUT_DURATION_MS,
+      longPressAnimationOutDuration: DEFAULT_OUT_DURATION_MS,
+      hoverAnimationInDuration: DEFAULT_IN_DURATION_MS,
+      hoverAnimationOutDuration: DEFAULT_OUT_DURATION_MS
+    };
+  }
+  if (typeof value === 'number') {
+    const sanitized = sanitizeDuration(value);
+    return {
+      tapAnimationInDuration: sanitized,
+      tapAnimationOutDuration: sanitized,
+      longPressAnimationOutDuration: sanitized,
+      hoverAnimationInDuration: sanitized,
+      hoverAnimationOutDuration: sanitized
+    };
+  }
+
+  // The union guarantees variant 2 supplies top-level `in`/`out`, variant 3
+  // supplies both category objects — so per-category fallback to base is
+  // always defined for well-typed input; the 0 fallbacks here are unreachable.
+  const baseIn = 'in' in value ? value.in : 0;
+  const baseOut = 'out' in value ? value.out : 0;
+  const tapOut = value.tap?.out ?? baseOut;
+  return {
+    tapAnimationInDuration: sanitizeDuration(value.tap?.in ?? baseIn),
+    tapAnimationOutDuration: sanitizeDuration(tapOut),
+    longPressAnimationOutDuration: sanitizeDuration(value.longPress?.out ?? tapOut),
+    hoverAnimationInDuration: sanitizeDuration(value.hover?.in ?? baseIn),
+    hoverAnimationOutDuration: sanitizeDuration(value.hover?.out ?? baseOut)
+  };
+}
 export const Touchable = props => {
   const {
-    underlayColor = 'black',
+    underlayColor = 'transparent',
     defaultUnderlayOpacity = 0,
+    activeUnderlayOpacity = 0.105,
     defaultOpacity = 1,
+    animationDuration,
     androidRipple,
     delayLongPress = 600,
     onLongPress,
     onPress,
     onPressIn,
     onPressOut,
-    onActiveStateChange,
     children,
     disabled = false,
+    cancelOnLeave = true,
     ref,
     ...rest
   } = props;
+  const resolvedDurations = resolveAnimationDuration(animationDuration);
+  const resolvedDelayLongPress = sanitizeDuration(delayLongPress);
   const shouldUseNativeRipple = isAndroid && androidRipple !== undefined;
+  const pointerState = useRef(PointerState.UNKNOWN);
   const longPressDetected = useRef(false);
   const longPressTimeout = useRef(undefined);
   const wrappedLongPress = useCallback(() => {
@@ -40,55 +90,92 @@ export const Touchable = props => {
   const startLongPressTimer = useCallback(() => {
     longPressDetected.current = false;
     if (onLongPress && !longPressTimeout.current) {
-      longPressTimeout.current = setTimeout(wrappedLongPress, delayLongPress);
+      longPressTimeout.current = setTimeout(wrappedLongPress, resolvedDelayLongPress);
     }
-  }, [onLongPress, delayLongPress, wrappedLongPress]);
+  }, [onLongPress, resolvedDelayLongPress, wrappedLongPress]);
   const onBegin = useCallback(e => {
     if (!e.pointerInside) {
+      pointerState.current = PointerState.OUTSIDE;
       return;
     }
     onPressIn?.(e);
     startLongPressTimer();
+    pointerState.current = PointerState.INSIDE;
   }, [startLongPressTimer, onPressIn]);
   const onActivate = useCallback(e => {
-    onActiveStateChange?.(true);
     if (!e.pointerInside && longPressTimeout.current !== undefined) {
       clearTimeout(longPressTimeout.current);
       longPressTimeout.current = undefined;
     }
-  }, [onActiveStateChange]);
-  const onDeactivate = useCallback(e => {
-    onActiveStateChange?.(false);
-    if (!e.canceled && !longPressDetected.current) {
-      onPress?.(e.pointerInside);
-    }
-  }, [onActiveStateChange, onPress]);
+  }, []);
   const onFinalize = useCallback(e => {
-    onPressOut?.(e);
+    if (pointerState.current === PointerState.INSIDE) {
+      onPressOut?.(e);
+    }
+    if (!e.canceled && !longPressDetected.current && e.pointerInside) {
+      onPress?.(e);
+    }
+    pointerState.current = PointerState.UNKNOWN;
     if (longPressTimeout.current !== undefined) {
       clearTimeout(longPressTimeout.current);
       longPressTimeout.current = undefined;
     }
-  }, [onPressOut]);
+  }, [onPressOut, onPress]);
+  const onUpdate = useCallback(e => {
+    if (pointerState.current === PointerState.UNKNOWN) {
+      return;
+    }
+    if (e.pointerInside) {
+      if (pointerState.current === PointerState.OUTSIDE) {
+        onPressIn?.(e);
+      }
+      pointerState.current = PointerState.INSIDE;
+    } else {
+      if (pointerState.current === PointerState.INSIDE) {
+        onPressOut?.(e);
+        if (longPressTimeout.current !== undefined) {
+          clearTimeout(longPressTimeout.current);
+          longPressTimeout.current = undefined;
+        }
+      }
+      pointerState.current = PointerState.OUTSIDE;
+    }
+  }, [onPressIn, onPressOut]);
+  const nativeGesture = useNativeGesture({
+    onBegin,
+    onActivate,
+    onFinalize,
+    onUpdate,
+    hitSlop: props.hitSlop,
+    testID: props.testID,
+    enabled: !disabled,
+    shouldCancelWhenOutside: cancelOnLeave,
+    disableReanimated: true,
+    shouldActivateOnStart: false,
+    disallowInterruption: true,
+    yieldsToContinuousGestures: true
+  });
   const rippleProps = shouldUseNativeRipple ? {
     rippleColor: androidRipple?.color,
     rippleRadius: androidRipple?.radius,
     borderless: androidRipple?.borderless,
     foreground: androidRipple?.foreground
   } : TRANSPARENT_RIPPLE;
-  return /*#__PURE__*/_jsx(TouchableButton, {
-    ...rest,
-    ...rippleProps,
-    ref: ref ?? null,
-    enabled: !disabled,
-    onBegin: onBegin,
-    onActivate: onActivate,
-    onDeactivate: onDeactivate,
-    onFinalize: onFinalize,
-    defaultOpacity: defaultOpacity,
-    defaultUnderlayOpacity: defaultUnderlayOpacity,
-    underlayColor: underlayColor,
-    children: children
+  return /*#__PURE__*/_jsx(NativeDetector, {
+    gesture: nativeGesture,
+    children: /*#__PURE__*/_jsx(GestureHandlerButton, {
+      ...rest,
+      ...rippleProps,
+      ...resolvedDurations,
+      ref: ref ?? null,
+      enabled: !disabled,
+      defaultOpacity: defaultOpacity,
+      defaultUnderlayOpacity: defaultUnderlayOpacity,
+      activeUnderlayOpacity: activeUnderlayOpacity,
+      underlayColor: underlayColor,
+      longPressDuration: resolvedDelayLongPress,
+      children: children
+    })
   });
 };
 //# sourceMappingURL=Touchable.js.map

package/lib/module/v3/components/Touchable/Touchable.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","Platform","GestureHandlerButton","createNativeWrapper","jsx","_jsx","TouchableButton","shouldCancelWhenOutside","shouldActivateOnStart","isAndroid","OS","TRANSPARENT_RIPPLE","rippleColor","Touchable","props","underlayColor","defaultUnderlayOpacity","defaultOpacity","androidRipple","delayLongPress","onLongPress","onPress","onPressIn","onPressOut","onActiveStateChange","children","disabled","ref","rest","shouldUseNativeRipple","undefined","longPressDetected","longPressTimeout","wrappedLongPress","current","startLongPressTimer","setTimeout","onBegin","e","pointerInside","onActivate","clearTimeout","onDeactivate","canceled","onFinalize","rippleProps","color","rippleRadius","radius","borderless","foreground","enabled"],"sourceRoot":"../../../../../src","sources":["v3/components/Touchable/Touchable.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,QAAQ,QAAQ,cAAc;AAGvC,OAAOC,oBAAoB,MAAM,0CAA0C;AAC3E,OAAOC,mBAAmB,MAAM,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO5D,MAAMC,eAAe,GAAGH,mBAAmB,CAGzCD,oBAAoB,EAAE;EACtBK,uBAAuB,EAAE,IAAI;EAC7BC,qBAAqB,EAAE;AACzB,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGR,QAAQ,CAACS,EAAE,KAAK,SAAS;AAC3C,MAAMC,kBAAkB,GAAG;EAAEC,WAAW,EAAE;AAAuB,CAAC;AAElE,OAAO,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAM;IACJC,aAAa,GAAG,OAAO;IACvBC,sBAAsB,GAAG,CAAC;IAC1BC,cAAc,GAAG,CAAC;IAClBC,aAAa;IACbC,cAAc,GAAG,GAAG;IACpBC,WAAW;IACXC,OAAO;IACPC,SAAS;IACTC,UAAU;IACVC,mBAAmB;IACnBC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,GAAG;IACH,GAAGC;EACL,CAAC,GAAGd,KAAK;EAET,MAAMe,qBAAqB,GAAGpB,SAAS,IAAIS,aAAa,KAAKY,SAAS;EAEtE,MAAMC,iBAAiB,GAAG/B,MAAM,CAAC,KAAK,CAAC;EACvC,MAAMgC,gBAAgB,GAAGhC,MAAM,CAC7B8B,SACF,CAAC;EAED,MAAMG,gBAAgB,GAAGlC,WAAW,CAAC,MAAM;IACzCgC,iBAAiB,CAACG,OAAO,GAAG,IAAI;IAChCd,WAAW,GAAG,CAAC;EACjB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMe,mBAAmB,GAAGpC,WAAW,CAAC,MAAM;IAC5CgC,iBAAiB,CAACG,OAAO,GAAG,KAAK;IAEjC,IAAId,WAAW,IAAI,CAACY,gBAAgB,CAACE,OAAO,EAAE;MAC5CF,gBAAgB,CAACE,OAAO,GAAGE,UAAU,CAACH,gBAAgB,EAAEd,cAAc,CAAC;IACzE;EACF,CAAC,EAAE,CAACC,WAAW,EAAED,cAAc,EAAEc,gBAAgB,CAAC,CAAC;EAEnD,MAAMI,OAAO,GAAGtC,WAAW,CACxBuC,CAAoB,IAAK;IACxB,IAAI,CAACA,CAAC,CAACC,aAAa,EAAE;MACpB;IACF;IAEAjB,SAAS,GAAGgB,CAAC,CAAC;IACdH,mBAAmB,CAAC,CAAC;EACvB,CAAC,EACD,CAACA,mBAAmB,EAAEb,SAAS,CACjC,CAAC;EAED,MAAMkB,UAAU,GAAGzC,WAAW,CAC3BuC,CAAoB,IAAK;IACxBd,mBAAmB,GAAG,IAAI,CAAC;IAE3B,IAAI,CAACc,CAAC,CAACC,aAAa,IAAIP,gBAAgB,CAACE,OAAO,KAAKJ,SAAS,EAAE;MAC9DW,YAAY,CAACT,gBAAgB,CAACE,OAAO,CAAC;MACtCF,gBAAgB,CAACE,OAAO,GAAGJ,SAAS;IACtC;EACF,CAAC,EACD,CAACN,mBAAmB,CACtB,CAAC;EAED,MAAMkB,YAAY,GAAG3C,WAAW,CAC7BuC,CAAuB,IAAK;IAC3Bd,mBAAmB,GAAG,KAAK,CAAC;IAE5B,IAAI,CAACc,CAAC,CAACK,QAAQ,IAAI,CAACZ,iBAAiB,CAACG,OAAO,EAAE;MAC7Cb,OAAO,GAAGiB,CAAC,CAACC,aAAa,CAAC;IAC5B;EACF,CAAC,EACD,CAACf,mBAAmB,EAAEH,OAAO,CAC/B,CAAC;EAED,MAAMuB,UAAU,GAAG7C,WAAW,CAC3BuC,CAAuB,IAAK;IAC3Bf,UAAU,GAAGe,CAAC,CAAC;IAEf,IAAIN,gBAAgB,CAACE,OAAO,KAAKJ,SAAS,EAAE;MAC1CW,YAAY,CAACT,gBAAgB,CAACE,OAAO,CAAC;MACtCF,gBAAgB,CAACE,OAAO,GAAGJ,SAAS;IACtC;EACF,CAAC,EACD,CAACP,UAAU,CACb,CAAC;EAED,MAAMsB,WAAW,GAAGhB,qBAAqB,GACrC;IACEjB,WAAW,EAAEM,aAAa,EAAE4B,KAAK;IACjCC,YAAY,EAAE7B,aAAa,EAAE8B,MAAM;IACnCC,UAAU,EAAE/B,aAAa,EAAE+B,UAAU;IACrCC,UAAU,EAAEhC,aAAa,EAAEgC;EAC7B,CAAC,GACDvC,kBAAkB;EAEtB,oBACEN,IAAA,CAACC,eAAe;IAAA,GACVsB,IAAI;IAAA,GACJiB,WAAW;IACflB,GAAG,EAAEA,GAAG,IAAI,IAAK;IACjBwB,OAAO,EAAE,CAACzB,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBG,UAAU,EAAEA,UAAW;IACvBE,YAAY,EAAEA,YAAa;IAC3BE,UAAU,EAAEA,UAAW;IACvB3B,cAAc,EAAEA,cAAe;IAC/BD,sBAAsB,EAAEA,sBAAuB;IAC/CD,aAAa,EAAEA,aAAc;IAAAU,QAAA,EAC5BA;EAAQ,CACM,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","Platform","GestureHandlerButton","NativeDetector","useNativeGesture","jsx","_jsx","isAndroid","OS","TRANSPARENT_RIPPLE","rippleColor","DEFAULT_IN_DURATION_MS","DEFAULT_OUT_DURATION_MS","PointerState","sanitizeDuration","value","Number","isFinite","resolveAnimationDuration","undefined","tapAnimationInDuration","tapAnimationOutDuration","longPressAnimationOutDuration","hoverAnimationInDuration","hoverAnimationOutDuration","sanitized","baseIn","in","baseOut","out","tapOut","tap","longPress","hover","Touchable","props","underlayColor","defaultUnderlayOpacity","activeUnderlayOpacity","defaultOpacity","animationDuration","androidRipple","delayLongPress","onLongPress","onPress","onPressIn","onPressOut","children","disabled","cancelOnLeave","ref","rest","resolvedDurations","resolvedDelayLongPress","shouldUseNativeRipple","pointerState","UNKNOWN","longPressDetected","longPressTimeout","wrappedLongPress","current","startLongPressTimer","setTimeout","onBegin","e","pointerInside","OUTSIDE","INSIDE","onActivate","clearTimeout","onFinalize","canceled","onUpdate","nativeGesture","hitSlop","testID","enabled","shouldCancelWhenOutside","disableReanimated","shouldActivateOnStart","disallowInterruption","yieldsToContinuousGestures","rippleProps","color","rippleRadius","radius","borderless","foreground","gesture","longPressDuration"],"sourceRoot":"../../../../../src","sources":["v3/components/Touchable/Touchable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v3/detectors/HostGestureDetector.web.js

@@ -5,8 +5,124 @@ import { View } from 'react-native';
 import { ActionType } from '../../ActionType';
 import RNGestureHandlerModule from '../../RNGestureHandlerModule.web';
 import { tagMessage } from '../../utils';
+import NodeManager from '../../web/tools/NodeManager';
+import { useNativeGestureRole } from './useNativeGestureRole';
+
+// Bundles all per-instance state passed to the standalone helpers below. Holding everything in
+// one stable object keeps the helpers pure (no closures over component-render-scoped values),
+// which means the useEffects don't need them in their deps lists.
 import { jsx as _jsx } from "react/jsx-runtime";
-const EMPTY_HANDLERS = new Set();
+// Invoked from `NodeManager.observeHandler` once the handler is known to exist. Branches on
+// handler kind + actionType to pick the right binding flow. May be called multiple times for
+// the same tag (handler re-registration), so each branch must be idempotent.
+function attachReadyHandler(refs, tag, actionType, virtualViewTag) {
+  const handler = RNGestureHandlerModule.getGestureHandlerNode(tag);
+  if (actionType === ActionType.NATIVE_DETECTOR && handler.shouldAttachGestureToChildView()) {
+    refs.nativeHandlers.add(tag);
+    if (refs.viewRef.current != null && refs.viewRef.current.childElementCount > 0) {
+      tryAttachNativeHandlersToChildView(refs);
+    }
+    return;
+  }
+  if (actionType === ActionType.VIRTUAL_DETECTOR) {
+    const child = virtualViewTag != null ? refs.virtualChildren.get(virtualViewTag) : undefined;
+    if (child == null || child.viewRef.current == null) {
+      return;
+    }
+    if (!refs.attachedHandlers.has(tag)) {
+      RNGestureHandlerModule.attachGestureHandler(tag, child.viewRef.current, actionType, refs.propsRef);
+      refs.attachedHandlers.add(tag);
+    }
+    RNGestureHandlerModule.updateGestureHandlerConfig(tag, {
+      userSelect: child.userSelect,
+      touchAction: child.touchAction,
+      enableContextMenu: child.enableContextMenu
+    });
+    return;
+  }
+  if (refs.viewRef.current == null) {
+    return;
+  }
+  if (!refs.attachedHandlers.has(tag)) {
+    RNGestureHandlerModule.attachGestureHandler(tag, refs.viewRef.current, actionType, refs.propsRef);
+    refs.attachedHandlers.add(tag);
+  }
+  RNGestureHandlerModule.updateGestureHandlerConfig(tag, {
+    userSelect: refs.propsRef.current.userSelect,
+    touchAction: refs.propsRef.current.touchAction,
+    enableContextMenu: refs.propsRef.current.enableContextMenu
+  });
+}
+function tryAttachNativeHandlersToChildView(refs) {
+  if (refs.nativeHandlers.size === 0) {
+    return;
+  }
+  const view = refs.viewRef.current;
+  if (view == null) {
+    return;
+  }
+  if (view.childElementCount > 1) {
+    throw new Error(tagMessage('Cannot have more than one child view when native gesture handlers are attached to the detector'));
+  }
+  const target = view.firstElementChild;
+  if (target == null) {
+    return;
+  }
+  for (const tag of refs.nativeHandlers) {
+    // A tag may be in `nativeHandlers` from an earlier ready callback but the underlying
+    // handler may have been dropped since. Skip — a re-registration fires the observation again.
+    if (!NodeManager.hasHandler(tag)) {
+      continue;
+    }
+    if (refs.attachedHandlers.has(tag)) {
+      continue;
+    }
+    RNGestureHandlerModule.attachGestureHandler(tag, target, ActionType.NATIVE_DETECTOR, refs.propsRef);
+    refs.attachedHandlers.add(tag);
+    RNGestureHandlerModule.updateGestureHandlerConfig(tag, {
+      userSelect: refs.propsRef.current.userSelect,
+      touchAction: refs.propsRef.current.touchAction,
+      enableContextMenu: refs.propsRef.current.enableContextMenu
+    });
+  }
+}
+
+// Reconcile `subscribedSet` against `currentTags`: observe new tags, cancel observation and
+// detach for tags no longer present. The ready callback set up here is responsible for actually
+// binding the handler once it exists.
+function syncSubscriptions(refs, currentTags, subscribedSet, actionType, virtualViewTag) {
+  const toUnsubscribe = new Set(subscribedSet);
+  for (const tag of currentTags) {
+    toUnsubscribe.delete(tag);
+    if (subscribedSet.has(tag)) {
+      continue;
+    }
+    NodeManager.observeHandler(tag, refs.owner, () => {
+      attachReadyHandler(refs, tag, actionType, virtualViewTag);
+    });
+    subscribedSet.add(tag);
+  }
+  for (const tag of toUnsubscribe) {
+    NodeManager.cancelObservation(tag, refs.owner);
+    if (refs.attachedHandlers.has(tag)) {
+      RNGestureHandlerModule.detachGestureHandler(tag);
+      refs.attachedHandlers.delete(tag);
+    }
+    subscribedSet.delete(tag);
+    refs.nativeHandlers.delete(tag);
+  }
+}
+function teardown(refs) {
+  NodeManager.cancelAllObservationsForOwner(refs.owner);
+  for (const tag of refs.attachedHandlers) {
+    RNGestureHandlerModule.detachGestureHandler(tag);
+  }
+  refs.attachedHandlers.clear();
+  refs.subscribedHandlers.clear();
+  refs.nativeHandlers.clear();
+  refs.subscribedVirtualHandlers.clear();
+  refs.virtualChildren.clear();
+}
 const HostGestureDetector = props => {
   const {
     handlerTags,
@@ -15,41 +131,36 @@ const HostGestureDetector = props => {
   const handlerTagsSet = useMemo(() => new Set(handlerTags), [...handlerTags]);
   const viewRef = useRef(null);
   const propsRef = useRef(props);
-  const attachedHandlers = useRef(new Set());
-  const attachedNativeHandlers = useRef(new Set());
-  const attachedVirtualHandlers = useRef(new Map());
-  const detachHandlers = (currentHandlerTags, attachedHandlerTags) => {
-    const oldHandlerTags = attachedHandlerTags.difference(currentHandlerTags);
-    oldHandlerTags.forEach(tag => {
-      RNGestureHandlerModule.detachGestureHandler(tag);
-      attachedHandlerTags.delete(tag);
-    });
-  };
-  const attachHandlers = (viewRef, propsRef, currentHandlerTags, attachedHandlerTags, actionType) => {
-    const newHandlerTags = currentHandlerTags.difference(attachedHandlerTags);
-    newHandlerTags.forEach(tag => {
-      if (RNGestureHandlerModule.getGestureHandlerNode(tag).shouldAttachGestureToChildView() && actionType === ActionType.NATIVE_DETECTOR) {
-        if (viewRef.current.childElementCount > 1) {
-          throw new Error(tagMessage('Cannot have more than one child view when native gesture handlers are attached to the detector'));
-        }
-        RNGestureHandlerModule.attachGestureHandler(tag, viewRef.current.firstChild, actionType, propsRef);
-        attachedNativeHandlers.current.add(tag);
-      } else {
-        RNGestureHandlerModule.attachGestureHandler(tag, viewRef.current, actionType, propsRef);
-      }
-      attachedHandlerTags.add(tag);
-      RNGestureHandlerModule.updateGestureHandlerConfig(tag, {
-        userSelect: props.userSelect,
-        touchAction: props.touchAction,
-        enableContextMenu: props.enableContextMenu
-      });
-    });
-  };
+
+  // Stable per-instance state
+  const refsRef = useRef(null);
+  if (refsRef.current === null) {
+    refsRef.current = {
+      owner: {},
+      viewRef,
+      propsRef,
+      subscribedHandlers: new Set(),
+      attachedHandlers: new Set(),
+      nativeHandlers: new Set(),
+      subscribedVirtualHandlers: new Map(),
+      virtualChildren: new Map()
+    };
+  }
+  const refs = refsRef.current;
+  useNativeGestureRole(viewRef, children);
+
+  // Keep propsRef in sync and re-apply detector-level DOM props to top-level attached handlers
+  // when they change. Virtual children get their own (potentially different) DOM props applied
+  // in the virtualChildren effect below, so we only touch top-level subscribers here.
   useEffect(() => {
     const shouldUpdateDOMProps = propsRef.current.userSelect !== props.userSelect || propsRef.current.touchAction !== props.touchAction || propsRef.current.enableContextMenu !== props.enableContextMenu;
     propsRef.current = props;
     if (shouldUpdateDOMProps) {
-      for (const tag of attachedHandlers.current) {
+      // attachedHandlers ⊆ subscribedHandlers ⋃ subscribedVirtualHandlers, we want to ignore the
+      // handlers attached by the virtual detectors not to overwrite their DOM props.
+      const claimedByVirtual = Array.from(refs.subscribedVirtualHandlers.values()).reduce((acc, current) => acc.union(current), new Set());
+      const handlersToUpdate = refs.subscribedHandlers.intersection(refs.attachedHandlers).difference(claimedByVirtual);
+      for (const tag of handlersToUpdate) {
         RNGestureHandlerModule.updateGestureHandlerConfig(tag, {
           userSelect: props.userSelect,
           touchAction: props.touchAction,
@@ -57,46 +168,56 @@ const HostGestureDetector = props => {
         });
       }
     }
-  }, [props]);
+  }, [props, refs]);
   useEffect(() => {
-    detachHandlers(handlerTagsSet, attachedHandlers.current);
-    attachHandlers(viewRef, propsRef, handlerTagsSet, attachedHandlers.current, ActionType.NATIVE_DETECTOR);
-    return () => {
-      detachHandlers(EMPTY_HANDLERS, attachedHandlers.current);
-      attachedVirtualHandlers?.current.forEach(childHandlerTags => {
-        detachHandlers(EMPTY_HANDLERS, childHandlerTags);
-      });
-    };
-  }, [handlerTagsSet, viewRef]);
+    syncSubscriptions(refs, handlerTagsSet, refs.subscribedHandlers, ActionType.NATIVE_DETECTOR);
+  }, [handlerTagsSet, refs]);
   useEffect(() => {
-    const virtualChildrenToDetach = new Set(attachedVirtualHandlers.current.keys());
+    // Refresh the snapshot used by the ready callback so re-fires read current child props.
+    refs.virtualChildren.clear();
     props.virtualChildren?.forEach(child => {
-      virtualChildrenToDetach.delete(child.viewTag);
+      refs.virtualChildren.set(child.viewTag, child);
     });
-    virtualChildrenToDetach.forEach(tag => {
-      detachHandlers(EMPTY_HANDLERS, attachedVirtualHandlers.current.get(tag));
+    const virtualChildrenToDetach = new Set(refs.subscribedVirtualHandlers.keys());
+    props.virtualChildren?.forEach(child => {
+      virtualChildrenToDetach.delete(child.viewTag);
     });
+    for (const viewTag of virtualChildrenToDetach) {
+      const tags = refs.subscribedVirtualHandlers.get(viewTag);
+      if (tags != null) {
+        syncSubscriptions(refs, [], tags, ActionType.VIRTUAL_DETECTOR, viewTag);
+      }
+      refs.subscribedVirtualHandlers.delete(viewTag);
+    }
     props.virtualChildren?.forEach(child => {
       if (child.viewRef.current == null) {
         // We must check whether viewRef is  not null as otherwise we get an error when intercepting gesture detector
         // switches its component based on whether animated/reanimated events should run.
         return;
       }
-      if (!attachedVirtualHandlers.current.has(child.viewTag)) {
-        attachedVirtualHandlers.current.set(child.viewTag, new Set());
+      let subs = refs.subscribedVirtualHandlers.get(child.viewTag);
+      if (subs == null) {
+        subs = new Set();
+        refs.subscribedVirtualHandlers.set(child.viewTag, subs);
+      }
+      syncSubscriptions(refs, child.handlerTags, subs, ActionType.VIRTUAL_DETECTOR, child.viewTag);
+      // Re-apply per-child DOM props on every run. Already-attached tags need this when only
+      // the child's props change; tags attached via a sync-fired observer already had it
+      // applied in `attachReadyHandler`, so this is a no-op for them.
+      for (const tag of subs) {
+        if (refs.attachedHandlers.has(tag)) {
+          RNGestureHandlerModule.updateGestureHandlerConfig(tag, {
+            userSelect: child.userSelect,
+            touchAction: child.touchAction,
+            enableContextMenu: child.enableContextMenu
+          });
+        }
       }
-      const currentHandlerTags = new Set(child.handlerTags);
-      detachHandlers(currentHandlerTags, attachedVirtualHandlers.current.get(child.viewTag));
-      attachHandlers(child.viewRef, propsRef, currentHandlerTags, attachedVirtualHandlers.current.get(child.viewTag), ActionType.VIRTUAL_DETECTOR);
-      currentHandlerTags.forEach(tag => {
-        RNGestureHandlerModule.updateGestureHandlerConfig(tag, {
-          userSelect: child.userSelect,
-          touchAction: child.touchAction,
-          enableContextMenu: child.enableContextMenu
-        });
-      });
     });
-  }, [props.virtualChildren]);
+  }, [props.virtualChildren, refs]);
+  useEffect(() => {
+    return () => teardown(refs);
+  }, [refs]);
   return /*#__PURE__*/_jsx(View, {
     style: {
       display: 'contents'

package/lib/module/v3/detectors/HostGestureDetector.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useRef","View","ActionType","RNGestureHandlerModule","tagMessage","jsx","_jsx","EMPTY_HANDLERS","Set","HostGestureDetector","props","handlerTags","children","handlerTagsSet","viewRef","propsRef","attachedHandlers","attachedNativeHandlers","attachedVirtualHandlers","Map","detachHandlers","currentHandlerTags","attachedHandlerTags","oldHandlerTags","difference","forEach","tag","detachGestureHandler","delete","attachHandlers","actionType","newHandlerTags","getGestureHandlerNode","shouldAttachGestureToChildView","NATIVE_DETECTOR","current","childElementCount","Error","attachGestureHandler","firstChild","add","updateGestureHandlerConfig","userSelect","touchAction","enableContextMenu","shouldUpdateDOMProps","childHandlerTags","virtualChildrenToDetach","keys","virtualChildren","child","viewTag","get","has","set","VIRTUAL_DETECTOR","style","display","ref"],"sourceRoot":"../../../../src","sources":["v3/detectors/HostGestureDetector.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useRef","View","ActionType","RNGestureHandlerModule","tagMessage","NodeManager","useNativeGestureRole","jsx","_jsx","attachReadyHandler","refs","tag","actionType","virtualViewTag","handler","getGestureHandlerNode","NATIVE_DETECTOR","shouldAttachGestureToChildView","nativeHandlers","add","viewRef","current","childElementCount","tryAttachNativeHandlersToChildView","VIRTUAL_DETECTOR","child","virtualChildren","get","undefined","attachedHandlers","has","attachGestureHandler","propsRef","updateGestureHandlerConfig","userSelect","touchAction","enableContextMenu","size","view","Error","target","firstElementChild","hasHandler","syncSubscriptions","currentTags","subscribedSet","toUnsubscribe","Set","delete","observeHandler","owner","cancelObservation","detachGestureHandler","teardown","cancelAllObservationsForOwner","clear","subscribedHandlers","subscribedVirtualHandlers","HostGestureDetector","props","handlerTags","children","handlerTagsSet","refsRef","Map","shouldUpdateDOMProps","claimedByVirtual","Array","from","values","reduce","acc","union","handlersToUpdate","intersection","difference","forEach","set","viewTag","virtualChildrenToDetach","keys","tags","subs","style","display","ref"],"sourceRoot":"../../../../src","sources":["v3/detectors/HostGestureDetector.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/v3/detectors/NativeDetector.js

@@ -6,7 +6,8 @@ import { isComposedGesture } from '../hooks/utils/relationUtils';
 import { AnimatedNativeDetector, nativeDetectorStyles } from './common';
 import HostGestureDetector from './HostGestureDetector';
 import { ReanimatedNativeDetector } from './ReanimatedNativeDetector';
-import { configureRelations, ensureNativeDetectorComponent } from './utils';
+import { useGestureRelationsUpdater } from './useGestureRelationsUpdater';
+import { ensureNativeDetectorComponent } from './utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function NativeDetector({
   gesture,
@@ -17,7 +18,7 @@ export function NativeDetector({
 }) {
   const NativeDetectorComponent = gesture.config.dispatchesAnimatedEvents ? AnimatedNativeDetector : gesture.config.shouldUseReanimatedDetector ? ReanimatedNativeDetector : HostGestureDetector;
   ensureNativeDetectorComponent(NativeDetectorComponent);
-  configureRelations(gesture);
+  useGestureRelationsUpdater(gesture);
   const handlerTags = useMemo(() => {
     return isComposedGesture(gesture) ? gesture.handlerTags : [gesture.handlerTag];
   }, [gesture]);

package/lib/module/v3/detectors/NativeDetector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Platform","isComposedGesture","AnimatedNativeDetector","nativeDetectorStyles","HostGestureDetector","ReanimatedNativeDetector","configureRelations","ensureNativeDetectorComponent","jsx","_jsx","NativeDetector","gesture","children","touchAction","userSelect","enableContextMenu","NativeDetectorComponent","config","dispatchesAnimatedEvents","shouldUseReanimatedDetector","handlerTags","handlerTag","reanimatedHandlers","OS","onGestureHandlerReanimatedEvent","detectorCallbacks","reanimatedEventHandler","onGestureHandlerReanimatedStateChange","onGestureHandlerReanimatedTouchEvent","pointerEvents","onGestureHandlerStateChange","jsEventHandler","onGestureHandlerEvent","onGestureHandlerTouchEvent","onGestureHandlerAnimatedEvent","animatedEventHandler","moduleId","globalThis","_RNGH_MODULE_ID","style","detector"],"sourceRoot":"../../../../src","sources":["v3/detectors/NativeDetector.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,iBAAiB,QAAQ,8BAA8B;AAEhE,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,UAAU;AACvE,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,kBAAkB,EAAEC,6BAA6B,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5E,OAAO,SAASC,cAAcA,CAI5B;EACAC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,UAAU;EACVC;AACgE,CAAC,EAAE;EACnE,MAAMC,uBAAuB,GAAGL,OAAO,CAACM,MAAM,CAACC,wBAAwB,GACnEhB,sBAAsB,GACtBS,OAAO,CAACM,MAAM,CAACE,2BAA2B,GACxCd,wBAAwB,GACxBD,mBAAmB;EAEzBG,6BAA6B,CAACS,uBAAuB,CAAC;EACtDV,kBAAkB,CAACK,OAAO,CAAC;EAE3B,MAAMS,WAAW,GAAGrB,OAAO,CAAC,MAAM;IAChC,OAAOE,iBAAiB,CAACU,OAAO,CAAC,GAC7BA,OAAO,CAACS,WAAW,GACnB,CAACT,OAAO,CAACU,UAAU,CAAC;EAC1B,CAAC,EAAE,CAACV,OAAO,CAAC,CAAC;;EAEb;EACA;EACA;EACA;EACA;EACA;EACA,MAAMW,kBAAkB,GACtBtB,QAAQ,CAACuB,EAAE,KAAK,KAAK,GACjB;IACEC,+BAA+B,EAC7Bb,OAAO,CAACc,iBAAiB,CAACC,sBAAsB;IAClDC,qCAAqC,EACnChB,OAAO,CAACc,iBAAiB,CAACC,sBAAsB;IAClDE,oCAAoC,EAClCjB,OAAO,CAACc,iBAAiB,CAACC;EAC9B,CAAC,GACD;IACEF,+BAA+B,EAC7Bb,OAAO,CAACc,iBAAiB,CAACC;EAC9B,CAAC;EAEP,oBACEjB,IAAA,CAACO,uBAAuB;IACtBH,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,iBAAiB,EAAEA,iBAAkB;IACrCc,aAAa,EAAE;IACf;IAAA;IACAC,2BAA2B,EAAEnB,OAAO,CAACc,iBAAiB,CAACM;IACvD;IAAA;IACAC,qBAAqB,EAAErB,OAAO,CAACc,iBAAiB,CAACM;IACjD;IAAA;IACAE,0BAA0B,EAAEtB,OAAO,CAACc,iBAAiB,CAACM;IACtD;IAAA;IACAJ,qCAAqC,EACnCL,kBAAkB,CAACK;IAErB;IAAA;IACAH,+BAA+B,EAC7BF,kBAAkB,CAACE;IAErB;IAAA;IACAI,oCAAoC,EAClCN,kBAAkB,CAACM;IAErB;IAAA;IACAM,6BAA6B,EAC3BvB,OAAO,CAACc,iBAAiB,CAACU,oBAC3B;IACDC,QAAQ,EAAEC,UAAU,CAACC,eAAgB;IACrClB,WAAW,EAAEA,WAAY;IACzBmB,KAAK,EAAEpC,oBAAoB,CAACqC,QAAS;IAAA5B,QAAA,EACpCA;EAAQ,CACc,CAAC;AAE9B","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Platform","isComposedGesture","AnimatedNativeDetector","nativeDetectorStyles","HostGestureDetector","ReanimatedNativeDetector","useGestureRelationsUpdater","ensureNativeDetectorComponent","jsx","_jsx","NativeDetector","gesture","children","touchAction","userSelect","enableContextMenu","NativeDetectorComponent","config","dispatchesAnimatedEvents","shouldUseReanimatedDetector","handlerTags","handlerTag","reanimatedHandlers","OS","onGestureHandlerReanimatedEvent","detectorCallbacks","reanimatedEventHandler","onGestureHandlerReanimatedStateChange","onGestureHandlerReanimatedTouchEvent","pointerEvents","onGestureHandlerStateChange","jsEventHandler","onGestureHandlerEvent","onGestureHandlerTouchEvent","onGestureHandlerAnimatedEvent","animatedEventHandler","moduleId","globalThis","_RNGH_MODULE_ID","style","detector"],"sourceRoot":"../../../../src","sources":["v3/detectors/NativeDetector.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,iBAAiB,QAAQ,8BAA8B;AAEhE,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,UAAU;AACvE,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,0BAA0B,QAAQ,8BAA8B;AACzE,SAASC,6BAA6B,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,SAASC,cAAcA,CAI5B;EACAC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,UAAU;EACVC;AACgE,CAAC,EAAE;EACnE,MAAMC,uBAAuB,GAAGL,OAAO,CAACM,MAAM,CAACC,wBAAwB,GACnEhB,sBAAsB,GACtBS,OAAO,CAACM,MAAM,CAACE,2BAA2B,GACxCd,wBAAwB,GACxBD,mBAAmB;EAEzBG,6BAA6B,CAACS,uBAAuB,CAAC;EACtDV,0BAA0B,CAACK,OAAO,CAAC;EAEnC,MAAMS,WAAW,GAAGrB,OAAO,CAAC,MAAM;IAChC,OAAOE,iBAAiB,CAACU,OAAO,CAAC,GAC7BA,OAAO,CAACS,WAAW,GACnB,CAACT,OAAO,CAACU,UAAU,CAAC;EAC1B,CAAC,EAAE,CAACV,OAAO,CAAC,CAAC;;EAEb;EACA;EACA;EACA;EACA;EACA;EACA,MAAMW,kBAAkB,GACtBtB,QAAQ,CAACuB,EAAE,KAAK,KAAK,GACjB;IACEC,+BAA+B,EAC7Bb,OAAO,CAACc,iBAAiB,CAACC,sBAAsB;IAClDC,qCAAqC,EACnChB,OAAO,CAACc,iBAAiB,CAACC,sBAAsB;IAClDE,oCAAoC,EAClCjB,OAAO,CAACc,iBAAiB,CAACC;EAC9B,CAAC,GACD;IACEF,+BAA+B,EAC7Bb,OAAO,CAACc,iBAAiB,CAACC;EAC9B,CAAC;EAEP,oBACEjB,IAAA,CAACO,uBAAuB;IACtBH,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,iBAAiB,EAAEA,iBAAkB;IACrCc,aAAa,EAAE;IACf;IAAA;IACAC,2BAA2B,EAAEnB,OAAO,CAACc,iBAAiB,CAACM;IACvD;IAAA;IACAC,qBAAqB,EAAErB,OAAO,CAACc,iBAAiB,CAACM;IACjD;IAAA;IACAE,0BAA0B,EAAEtB,OAAO,CAACc,iBAAiB,CAACM;IACtD;IAAA;IACAJ,qCAAqC,EACnCL,kBAAkB,CAACK;IAErB;IAAA;IACAH,+BAA+B,EAC7BF,kBAAkB,CAACE;IAErB;IAAA;IACAI,oCAAoC,EAClCN,kBAAkB,CAACM;IAErB;IAAA;IACAM,6BAA6B,EAC3BvB,OAAO,CAACc,iBAAiB,CAACU,oBAC3B;IACDC,QAAQ,EAAEC,UAAU,CAACC,eAAgB;IACrClB,WAAW,EAAEA,WAAY;IACzBmB,KAAK,EAAEpC,oBAAoB,CAACqC,QAAS;IAAA5B,QAAA,EACpCA;EAAQ,CACc,CAAC;AAE9B","ignoreList":[]}

package/lib/module/v3/detectors/VirtualDetector/InterceptingGestureDetector.js

@@ -9,7 +9,8 @@ import { AnimatedNativeDetector, nativeDetectorStyles } from '../common';
 import HostGestureDetector from '../HostGestureDetector';
 import { ReanimatedNativeDetector } from '../ReanimatedNativeDetector';
 import { useEnsureGestureHandlerRootView } from '../useEnsureGestureHandlerRootView';
-import { configureRelations, ensureNativeDetectorComponent } from '../utils';
+import { useGestureRelationsUpdater } from '../useGestureRelationsUpdater';
+import { ensureNativeDetectorComponent } from '../utils';
 import { InterceptingDetectorContext, InterceptingDetectorMode } from './useInterceptingDetectorContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function InterceptingGestureDetector({
@@ -104,9 +105,7 @@ export function InterceptingGestureDetector({
   const reanimatedEvents = useMemo(() => getHandlers('reanimatedEventHandler'), [getHandlers]);
   const reanimatedEventHandler = Reanimated?.useComposedEventHandler(reanimatedEvents);
   ensureNativeDetectorComponent(NativeDetectorComponent);
-  if (gesture) {
-    configureRelations(gesture);
-  }
+  useGestureRelationsUpdater(gesture);
   const handlerTags = useMemo(() => {
     if (gesture) {
       return isComposedGesture(gesture) ? gesture.handlerTags : [gesture.handlerTag];