react-native-windows 0.65.9 → 0.65.10

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "react-native-windows",
   "entries": [
     {
-      "date": "Mon, 29 Nov 2021 16:12:07 GMT",
+      "date": "Mon, 17 Jan 2022 16:11:10 GMT",
+      "tag": "react-native-windows_v0.65.10",
+      "version": "0.65.10",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Fork HoverState.js to allow hover events on Pressable",
+            "author": "saadnajmi2@gmail.com",
+            "commit": "5e51350579884c5db479729185f232df77a7e992",
+            "package": "react-native-windows"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 29 Nov 2021 16:12:25 GMT",
       "tag": "react-native-windows_v0.65.9",
       "version": "0.65.9",
       "comments": {

package/CHANGELOG.md

@@ -1,18 +1,26 @@
 # Change Log - react-native-windows
 
-This log was last generated on Mon, 29 Nov 2021 16:12:07 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Jan 2022 16:11:10 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## 0.65.9
+## 0.65.10
 
-Mon, 29 Nov 2021 16:12:07 GMT
+Mon, 17 Jan 2022 16:11:10 GMT
 
 ### Patches
 
-- [0.65] Make ADK dependency optional in dependency script (jthysell@microsoft.com)
-- Fix C# Module Event invocation (vmorozov@microsoft.com)
+- Fork HoverState.js to allow hover events on Pressable (saadnajmi2@gmail.com)
 
+## 0.65.9
+
+Mon, 29 Nov 2021 16:12:25 GMT
+
+### Patches
+
+- [0.65] Make ADK dependency optional in dependency script (jthysell@microsoft.com)
+- Fix C# Module Event invocation (vmorozov@microsoft.com)
+
 ## 0.65.8
 
 Mon, 15 Nov 2021 16:09:31 GMT

package/Libraries/Components/Pressable/Pressable.windows.js

@@ -25,6 +25,7 @@ import usePressability from '../../Pressability/usePressability';
 import {normalizeRect, type RectOrSize} from '../../StyleSheet/Rect';
 import type {
   LayoutEvent,
+  MouseEvent,
   PressEvent,
   // [Windows
   BlurEvent,
@@ -71,6 +72,16 @@ type Props = $ReadOnly<{|
    */
   children: React.Node | ((state: StateCallbackType) => React.Node),
 
+  /**
+   * Duration to wait after hover in before calling `onHoverIn`.
+   */
+  delayHoverIn?: ?number,
+
+  /**
+   * Duration to wait after hover out before calling `onHoverOut`.
+   */
+  delayHoverOut?: ?number,
+
   /**
    * Duration (in milliseconds) from `onPressIn` before `onLongPress` is called.
    */
@@ -97,6 +108,16 @@ type Props = $ReadOnly<{|
    */
   onLayout?: ?(event: LayoutEvent) => mixed,
 
+  /**
+   * Called when the hover is activated to provide visual feedback.
+   */
+  onHoverIn?: ?(event: MouseEvent) => mixed,
+
+  /**
+   * Called when the hover is deactivated to undo visual feedback.
+   */
+  onHoverOut?: ?(event: MouseEvent) => mixed,
+
   /**
    * Called when a long-tap gesture is detected.
    */
@@ -180,9 +201,13 @@ function Pressable(props: Props, forwardedRef): React.Node {
     android_ripple,
     cancelable,
     children,
+    delayHoverIn,
+    delayHoverOut,
     delayLongPress,
     disabled,
     focusable,
+    onHoverIn,
+    onHoverOut,
     onLongPress,
     onPress,
     onPressIn,
@@ -246,8 +271,12 @@ function Pressable(props: Props, forwardedRef): React.Node {
       hitSlop,
       pressRectOffset: pressRetentionOffset,
       android_disableSound,
+      delayHoverIn,
+      delayHoverOut,
       delayLongPress,
       delayPressIn: unstable_pressDelay,
+      onHoverIn,
+      onHoverOut,
       onLongPress,
       onPress,
       onPressIn(event: PressEvent): void {
@@ -280,9 +309,13 @@ function Pressable(props: Props, forwardedRef): React.Node {
       android_disableSound,
       android_rippleConfig,
       cancelable,
+      delayHoverIn,
+      delayHoverOut,
       delayLongPress,
       disabled,
       hitSlop,
+      onHoverIn,
+      onHoverOut,
       onLongPress,
       onPress,
       onPressIn,

package/Libraries/Pressability/HoverState.js

@@ -49,6 +49,10 @@ if (Platform.OS === 'web') {
     document.addEventListener('touchmove', disableHover, true);
     document.addEventListener('mousemove', enableHover, true);
   }
+  // [Windows
+} else if (Platform.OS === 'windows') {
+  isEnabled = true;
+  // Windows]
 }
 
 export function isHoverEnabled(): boolean {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-windows",
-  "version": "0.65.9",
+  "version": "0.65.10",
   "license": "MIT",
   "repository": {
     "type": "git",