Align web events with native (#3707)

## Description

This PR removes `target` field from web events and `pointerInside` from
v3 event types, aligning web events with native behaviour.

## Test plan

`yarn ts-check`

Author: akwasniewski

packages/react-native-gesture-handler/src/v3/types.ts

@@ -1,18 +1,22 @@
 import { Animated, NativeSyntheticEvent } from 'react-native';
-import {
-  GestureEventPayload,
-  GestureTouchEvent,
-  HandlerStateChangeEventPayload,
-} from '../handlers/gestureHandlerCommon';
+import { GestureTouchEvent } from '../handlers/gestureHandlerCommon';
+import { State } from '../State';
 
-export type GestureUpdateEvent<THandlerData> = GestureEventPayload & {
+export interface EventPayload {
+  handlerTag: number;
+  state: State;
+}
+export interface StateChangeEventPayload extends EventPayload {
+  oldState: State;
+}
+
+export type GestureUpdateEvent<THandlerData> = EventPayload & {
   handlerData: THandlerData;
 };
 
-export type GestureStateChangeEvent<THandlerData> =
-  HandlerStateChangeEventPayload & {
-    handlerData: THandlerData;
-  };
+export type GestureStateChangeEvent<THandlerData> = StateChangeEventPayload & {
+  handlerData: THandlerData;
+};
 
 export type GestureHandlerEvent<THandlerData> =
   | UpdateEvent<THandlerData>

packages/react-native-gesture-handler/src/web/handlers/GestureHandler.ts

@@ -445,12 +445,8 @@ export default abstract class GestureHandler implements IGestureHandler {
       nativeEvent: {
         numberOfPointers: this.tracker.trackedPointersCount,
         state: newState,
-        pointerInside: this.delegate.isPointerInBounds(
-          this.tracker.getAbsoluteCoordsAverage()
-        ),
         ...this.transformNativeEvent(),
         handlerTag: this.handlerTag,
-        target: this.viewRef,
         oldState: newState !== oldState ? oldState : undefined,
         pointerType: this.pointerType,
       },
@@ -467,15 +463,11 @@ export default abstract class GestureHandler implements IGestureHandler {
       nativeEvent: {
         state: newState,
         handlerTag: this.handlerTag,
-        pointerType: this.pointerType,
         oldState: oldState,
-        numberOfPointers: this.tracker.trackedPointersCount,
         handlerData: {
-          pointerInside: this.delegate.isPointerInBounds(
-            this.tracker.getAbsoluteCoordsAverage()
-          ),
+          numberOfPointers: this.tracker.trackedPointersCount,
+          pointerType: this.pointerType,
           ...this.transformNativeEvent(),
-          target: this.viewRef,
         },
       },
       timeStamp: Date.now(),
@@ -490,14 +482,10 @@ export default abstract class GestureHandler implements IGestureHandler {
       nativeEvent: {
         state: newState,
         handlerTag: this.handlerTag,
-        pointerType: this.pointerType,
-        numberOfPointers: this.tracker.trackedPointersCount,
         handlerData: {
-          pointerInside: this.delegate.isPointerInBounds(
-            this.tracker.getAbsoluteCoordsAverage()
-          ),
+          pointerType: this.pointerType,
+          numberOfPointers: this.tracker.trackedPointersCount,
           ...this.transformNativeEvent(),
-          target: this.viewRef,
         },
       },
       timeStamp: Date.now(),

packages/react-native-gesture-handler/src/web/handlers/NativeViewGestureHandler.ts

@@ -183,4 +183,12 @@ export default class NativeViewGestureHandler extends GestureHandler {
   public isButton(): boolean {
     return this.buttonRole;
   }
+
+  protected override transformNativeEvent(): Record<string, unknown> {
+    return {
+      pointerInside: this.delegate.isPointerInBounds(
+        this.tracker.getAbsoluteCoordsAverage()
+      ),
+    };
+  }
 }

packages/react-native-gesture-handler/src/web/interfaces.ts

@@ -91,9 +91,7 @@ export interface GestureHandlerNativeEvent
   extends Record<string, NativeEventArgs> {
   numberOfPointers: number;
   state: State;
-  pointerInside: boolean | undefined;
   handlerTag: number;
-  target: number;
   oldState?: State;
   pointerType: PointerType;
 }