Fix intercepting detector props (#3952)

## Description

`InterceptingDetectorProps` was missing some types from
`GestureDetectorProps` this PR makes both types extend
`CommonGestureDetectorProps`

## Test plan

`yarn ts-check`

---------

Co-authored-by: Jakub Piasecki <jakub.piasecki@swmansion.com>

Author: akwasniewski

.github/workflows/rngh-api-v3.yml

@@ -17,7 +17,7 @@ jobs:
 
     runs-on: ubuntu-latest
     concurrency:
-      group: jest-${{ github.ref }}
+      group: rngh-api-v3-${{ github.ref }}
       cancel-in-progress: true
 
     steps:

packages/react-native-gesture-handler/jestSetup.js

@@ -1,9 +1,16 @@
-
 jest.mock('./src/RNGestureHandlerModule', () => require('./src/mocks/module'));
-jest.mock('./src/components/GestureButtons', () => require('./src/mocks/gestureButtons'));
-jest.mock('./src/components/Pressable/Pressable', () => require('./src/mocks/Pressable'));
-jest.mock('./src/components/GestureComponents', () => require('./src/mocks/gestureComponents'));
-jest.mock('./src/v3/detectors/HostGestureDetector', () => require('./src/mocks/hostDetector'));
+jest.mock('./src/components/GestureButtons', () =>
+  require('./src/mocks/GestureButtons')
+);
+jest.mock('./src/components/Pressable/Pressable', () =>
+  require('./src/mocks/Pressable')
+);
+jest.mock('./src/components/GestureComponents', () =>
+  require('./src/mocks/gestureComponents')
+);
+jest.mock('./src/v3/detectors/HostGestureDetector', () =>
+  require('./src/mocks/hostDetector')
+);
 
 jest.mock('./lib/commonjs/RNGestureHandlerModule', () =>
   require('./lib/commonjs/mocks/module')

packages/react-native-gesture-handler/src/v3/detectors/VirtualDetector/InterceptingGestureDetector.tsx

@@ -32,6 +32,9 @@ interface VirtualChildrenForNative {
 export function InterceptingGestureDetector<THandlerData, TConfig>({
   gesture,
   children,
+  touchAction,
+  userSelect,
+  enableContextMenu,
 }: InterceptingGestureDetectorProps<THandlerData, TConfig>) {
   useEnsureGestureHandlerRootView();
 
@@ -224,6 +227,9 @@ export function InterceptingGestureDetector<THandlerData, TConfig>({
   return (
     <InterceptingDetectorContext value={contextValue}>
       <NativeDetectorComponent
+        touchAction={touchAction}
+        userSelect={userSelect}
+        enableContextMenu={enableContextMenu}
         pointerEvents={'box-none'}
         // @ts-ignore This is a type mismatch between RNGH types and RN Codegen types
         onGestureHandlerStateChange={jsEventHandler}

packages/react-native-gesture-handler/src/v3/detectors/VirtualDetector/VirtualDetector.tsx

@@ -6,7 +6,7 @@ import {
   useInterceptingDetectorContext,
 } from './useInterceptingDetectorContext';
 import { isComposedGesture } from '../../hooks/utils/relationUtils';
-import { NativeDetectorProps } from '../common';
+import { VirtualDetectorProps } from '../common';
 import { configureRelations } from '../utils';
 import { tagMessage } from '../../../utils';
 import { DetectorCallbacks, VirtualChild } from '../../types';
@@ -24,7 +24,7 @@ function useRequiredInterceptingDetectorContext() {
 }
 
 export function VirtualDetector<THandlerData, TConfig>(
-  props: NativeDetectorProps<THandlerData, TConfig>
+  props: VirtualDetectorProps<THandlerData, TConfig>
 ) {
   // Don't memoize virtual detectors to be able to listen to changes in children
   // TODO: replace with MutationObserver when it rolls out in React Native

packages/react-native-gesture-handler/src/v3/detectors/common.ts

@@ -11,19 +11,29 @@ export enum GestureDetectorType {
   Intercepting,
 }
 
-export interface NativeDetectorProps<THandlerData, TConfig> {
+interface CommonGestureDetectorProps {
   children?: React.ReactNode;
-  gesture: Gesture<THandlerData, TConfig>;
   userSelect?: UserSelect;
   touchAction?: TouchAction;
   enableContextMenu?: boolean;
 }
 
-export interface InterceptingGestureDetectorProps<THandlerData, TConfig> {
-  children?: React.ReactNode;
+export interface NativeDetectorProps<THandlerData, TConfig>
+  extends CommonGestureDetectorProps {
+  gesture: Gesture<THandlerData, TConfig>;
+}
+
+export interface InterceptingGestureDetectorProps<THandlerData, TConfig>
+  extends CommonGestureDetectorProps {
   gesture?: Gesture<THandlerData, TConfig>;
 }
 
+// TODO: Handle CommonGestureDetectorProps inside VirtualGestureDetector
+export interface VirtualDetectorProps<THandlerData, TConfig> {
+  children?: React.ReactNode;
+  gesture: Gesture<THandlerData, TConfig>;
+}
+
 export type GestureDetectorProps<THandlerData, TConfig> =
   | NativeDetectorProps<THandlerData, TConfig>
   | InterceptingGestureDetectorProps<THandlerData, TConfig>