fixed cyclic dependency

Author: akwasniewski

packages/react-native-gesture-handler/src/handlers/GestureHandlerEventPayload.ts

@@ -1,4 +1,4 @@
-import { StylusData } from '../web/interfaces';
+import { StylusData } from './gestureHandlerCommon';
 
 export type FlingGestureHandlerEventPayload = {
   x: number;

packages/react-native-gesture-handler/src/handlers/gestureHandlerCommon.ts

@@ -165,6 +165,14 @@ export type GestureTouchEvent = {
   pointerType: PointerType;
 };
 
+export interface StylusData {
+  tiltX: number;
+  tiltY: number;
+  azimuthAngle: number;
+  altitudeAngle: number;
+  pressure: number;
+}
+
 export type GestureUpdateEvent<GestureEventPayloadT = Record<string, unknown>> =
   GestureEventPayload & GestureEventPayloadT;
 

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

@@ -1,7 +1,8 @@
 import { State } from '../../State';
-import { AdaptedEvent, StylusData } from '../interfaces';
+import { AdaptedEvent } from '../interfaces';
 import GestureHandlerOrchestrator from '../tools/GestureHandlerOrchestrator';
 import GestureHandler from './GestureHandler';
+import { StylusData } from '../../handlers/gestureHandlerCommon';
 
 export default class HoverGestureHandler extends GestureHandler {
   private stylusData: StylusData | undefined;

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

@@ -1,6 +1,7 @@
 import { State } from '../../State';
 import { DEFAULT_TOUCH_SLOP } from '../constants';
-import { AdaptedEvent, Config, StylusData, WheelDevice } from '../interfaces';
+import { AdaptedEvent, Config, WheelDevice } from '../interfaces';
+import { StylusData } from '../../handlers/gestureHandlerCommon';
 
 import GestureHandler from './GestureHandler';
 

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

@@ -3,6 +3,7 @@ import {
   ActiveCursor,
   MouseButton,
   TouchAction,
+  StylusData,
 } from '../handlers/gestureHandlerCommon';
 import { Directions } from '../Directions';
 import { PointerType } from '../PointerType';
@@ -107,14 +108,6 @@ export interface PropsRef {
   onGestureHandlerTouchEvent?: (e: any) => void;
 }
 
-export interface StylusData {
-  tiltX: number;
-  tiltY: number;
-  azimuthAngle: number;
-  altitudeAngle: number;
-  pressure: number;
-}
-
 export interface AdaptedEvent {
   x: number;
   y: number;

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

@@ -1,10 +1,6 @@
 import { PointerType } from '../PointerType';
-import type {
-  GestureHandlerRef,
-  Point,
-  StylusData,
-  SVGRef,
-} from './interfaces';
+import type { GestureHandlerRef, Point, SVGRef } from './interfaces';
+import { StylusData } from '../handlers/gestureHandlerCommon';
 
 export function isPointerInBounds(view: HTMLElement, { x, y }: Point): boolean {
   const rect: DOMRect = view.getBoundingClientRect();