Update pressable hover props (#34740)

Summary:
This is a mirror of DefinitelyTyped/DefinitelyTyped#62344 . I am updating some typescript types for props that were added with #32405

## Changelog

<!-- Help reviewers and the release process by writing your own changelog entry. For an example, see:
https://reactnative.dev/contributing/changelogs-in-pull-requests
-->

[General] [Fixed] - Fixed missing Pressable hover props in typescript definition

Pull Request resolved: #34740

Test Plan: Added a test case.

Reviewed By: lunaleaps

Differential Revision: D39688606

Pulled By: cortinico

fbshipit-source-id: 98ea5f64e6ac264772466455e6d5ab99a8427d3a

types/__typetests__/index.tsx

@@ -66,6 +66,7 @@ import {
   LogBox,
   MaskedViewIOS,
   Modal,
+  MouseEvent,
   NativeEventEmitter,
   NativeModule, // Not actually exported, not sure why
   NativeModules,
@@ -496,6 +497,12 @@ export class PressableTest extends React.Component<{}> {
     e.isDefaultPrevented();
   };
 
+  onHoverButton = (e: MouseEvent) => {
+    e.persist();
+    e.isPropagationStopped();
+    e.isDefaultPrevented();
+  };
+
   render() {
     return (
       <>
@@ -550,6 +557,15 @@ export class PressableTest extends React.Component<{}> {
             <Text style={{margin: 30}}>Button</Text>
           </View>
         </Pressable>
+        {/* onHoverIn */}
+        <Pressable
+          ref={this.myRef}
+          onHoverIn={this.onHoverButton}
+          style={{backgroundColor: 'blue'}}>
+          <View style={{width: 150, height: 100, backgroundColor: 'red'}}>
+            <Text style={{margin: 30}}>Button</Text>
+          </View>
+        </Pressable>
       </>
     );
   }

types/index.d.ts

@@ -49,6 +49,7 @@
 //                 Zihan Chen <https://github.com/ZihanChen-MSFT>
 //                 Lorenzo Sciandra <https://github.com/kelset>
 //                 Mateusz Wit <https://github.com/MateWW>
+//                 Saad Najmi <https://github.com/saadnajmi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 3.0
 
@@ -579,6 +580,8 @@ export type PointerEvent = NativeSyntheticEvent<NativePointerEvent>;
 export interface GestureResponderEvent
   extends NativeSyntheticEvent<NativeTouchEvent> {}
 
+export interface MouseEvent extends NativeSyntheticEvent<NativeMouseEvent> {}
+
 // See https://reactnative.dev/docs/scrollview#contentoffset
 export interface PointProp {
   x: number;
@@ -606,6 +609,16 @@ export interface PressableAndroidRippleConfig {
 export interface PressableProps
   extends AccessibilityProps,
     Omit<ViewProps, 'children' | 'style' | 'hitSlop'> {
+  /**
+   * Called when the hover is activated to provide visual feedback.
+   */
+  onHoverIn?: null | ((event: MouseEvent) => void) | undefined;
+
+  /**
+   * Called when the hover is deactivated to undo visual feedback.
+   */
+  onHoverOut?: null | ((event: MouseEvent) => void) | undefined;
+
   /**
    * Called when a single tap gesture is detected.
    */
@@ -628,7 +641,7 @@ export interface PressableProps
 
   /**
    * Called after the element loses focus.
-   * @platform windows
+   * @platform macos windows
    */
   onBlur?:
     | null
@@ -637,7 +650,7 @@ export interface PressableProps
 
   /**
    * Called after the element is focused.
-   * @platform windows
+   * @platform macos windows
    */
   onFocus?:
     | null
@@ -659,6 +672,18 @@ export interface PressableProps
    */
   cancelable?: null | boolean | undefined;
 
+  /**
+   * Duration to wait after hover in before calling `onHoverIn`.
+   * @platform macos windows
+   */
+  delayHoverIn?: number | null | undefined;
+
+  /**
+   * Duration to wait after hover out before calling `onHoverOut`.
+   * @platform macos windows
+   */
+  delayHoverOut?: number | null | undefined;
+
   /**
    * Duration (in milliseconds) from `onPressIn` before `onLongPress` is called.
    */