tweak

src/components/NormalizedRNGHPressable.tsx

@@ -1,16 +1,17 @@
 import React from 'react'
 import {
   GestureResponderEvent,
+  MeasureOnSuccessCallback,
   NativeMouseEvent,
   NativeSyntheticEvent,
   PressableProps,
-  View,
 } from 'react-native'
 import {Pressable as BSPressable} from 'react-native-gesture-handler'
 import {PressableEvent} from 'react-native-gesture-handler/lib/typescript/components/Pressable/PressableProps'
 
 function pressableEventToGestureResponderEvent(
   event: PressableEvent,
+  target: NormalizedRNGHPressable,
 ): GestureResponderEvent {
   return {
     nativeEvent: {
@@ -20,8 +21,10 @@ function pressableEventToGestureResponderEvent(
       identifier: event.nativeEvent.identifier.toString(),
       target: event.nativeEvent.target.toString(),
     },
-    target: null,
+    // @ts-expect-error
-    currentTarget: null,
+    target: target,
+    // @ts-expect-error
+    currentTarget: target,
     preventDefault() {},
     stopPropagation() {},
     cancelable: false,
@@ -43,11 +46,14 @@ function pressableEventToGestureResponderEvent(
 
 function pressableEventToMouseEvent(
   event: PressableEvent,
+  target: NormalizedRNGHPressable,
 ): MouseEvent & NativeSyntheticEvent<NativeMouseEvent> {
   return {
     ...event.nativeEvent,
-    target: null,
+    // @ts-expect-error
-    currentTarget: null,
+    target: target,
+    // @ts-expect-error
+    currentTarget: target,
     preventDefault() {},
     stopPropagation() {},
     cancelable: false,
@@ -59,60 +65,64 @@ function pressableEventToMouseEvent(
   }
 }
 
-export const NormalizedRNGHPressable = React.forwardRef<View, PressableProps>(
+export class NormalizedRNGHPressable extends React.Component<PressableProps> {
-  function NormalizedPressable(
+  static displayName = 'Pressable'
-    {
-      onPress,
-      onLongPress,
-      onPressIn,
-      onPressOut,
-      onHoverIn,
-      onHoverOut,
-      onFocus: _onFocus,
-      ...rest
-    },
-    _ref,
-  ) {
-    const onNormalizedPress = (event: PressableEvent) => {
-      if (!onPress) return
-      onPress(pressableEventToGestureResponderEvent(event))
-    }
 
-    const onNormalizedLongPress = (event: PressableEvent) => {
+  measure = (_: MeasureOnSuccessCallback) => {}
-      if (!onLongPress) return
-      onLongPress(pressableEventToGestureResponderEvent(event))
-    }
 
-    const onNormalizedPressIn = (event: PressableEvent) => {
+  measureLayout = (_: number) => {}
-      if (!onPressIn) return
-      onPressIn(pressableEventToGestureResponderEvent(event))
-    }
 
-    const onNormalizedPressOut = (event: PressableEvent) => {
+  measureInWindow = (
-      if (!onPressOut) return
+    _: (x: number, y: number, width: number, height: number) => void,
-      onPressOut(pressableEventToGestureResponderEvent(event))
+  ) => {}
-    }
 
-    const onNormalizedHoverIn = (event: PressableEvent) => {
+  setNativeProps = (_: PressableProps) => {}
-      if (!onHoverIn) return
-      onHoverIn(pressableEventToMouseEvent(event))
-    }
 
-    const onNormalizedHoverOut = (event: PressableEvent) => {
+  focus = () => {}
-      if (!onHoverOut) return
-      onHoverOut(pressableEventToMouseEvent(event))
-    }
 
+  blur = () => {}
+
+  onPress = (event: PressableEvent) => {
+    if (!this.props.onPress) return
+    this.props.onPress(pressableEventToGestureResponderEvent(event, this))
+  }
+
+  onLongPress = (event: PressableEvent) => {
+    if (!this.props.onLongPress) return
+    this.props.onLongPress(pressableEventToGestureResponderEvent(event, this))
+  }
+
+  onPressIn = (event: PressableEvent) => {
+    if (!this.props.onPressIn) return
+    this.props.onPressIn(pressableEventToGestureResponderEvent(event, this))
+  }
+
+  onPressOut = (event: PressableEvent) => {
+    if (!this.props.onPressOut) return
+    this.props.onPressOut(pressableEventToGestureResponderEvent(event, this))
+  }
+
+  onHoverIn = (event: PressableEvent) => {
+    if (!this.props.onHoverIn) return
+    this.props.onHoverIn(pressableEventToMouseEvent(event, this))
+  }
+
+  onHoverOut = (event: PressableEvent) => {
+    if (!this.props.onHoverOut) return
+    this.props.onHoverOut(pressableEventToMouseEvent(event, this))
+  }
+
+  render() {
     return (
       <BSPressable
-        onPress={onNormalizedPress}
+        {...this.props}
-        onLongPress={onNormalizedLongPress}
+        onPress={this.onPress}
-        onPressIn={onNormalizedPressIn}
+        onLongPress={this.onLongPress}
-        onPressOut={onNormalizedPressOut}
+        onPressIn={this.onPressIn}
-        onHoverIn={onNormalizedHoverIn}
+        onPressOut={this.onPressOut}
-        onHoverOut={onNormalizedHoverOut}
+        onHoverIn={this.onHoverIn}
-        {...rest}
+        onHoverOut={this.onHoverOut}
       />
     )
-  },
+  }
-)
+}