react-native-windows 0.0.0-canary.511 → 0.0.0-canary.514

package/Directory.Build.props

@@ -19,8 +19,8 @@
     <FollyVersion>2021.06.28.00</FollyVersion>
     <FollyCommitHash>f434460f8a98e85f3ddb75390ddd1cc330c8f658</FollyCommitHash>
     <!-- When bumping the fmt version, be sure to bump the git hash of that version's commit too. -->
-    <FmtVersion>7.1.3</FmtVersion>
-    <FmtCommitHash>7bdf0628b1276379886c7f6dda2cef2b3b374f0b</FmtCommitHash>
+    <FmtVersion>8.0.0</FmtVersion>
+    <FmtCommitHash>9e8b86fd2d9806672cc73133d21780dd182bfd24</FmtCommitHash>
   </PropertyGroup>
 
   <PropertyGroup Label="Configuration">

package/Libraries/Animated/createAnimatedComponent.js

@@ -55,6 +55,7 @@ function createAnimatedComponent<Props: {+[string]: mixed, ...}, Instance>(
     _prevComponent: any;
     _propsAnimated: AnimatedProps;
     _eventDetachers: Array<Function> = [];
+    _initialAnimatedProps: Object;
 
     // Only to be used in this file, and only in Fabric.
     _animatedComponentId: string = `${animatedComponentNextId++}:animatedComponent`;
@@ -200,11 +201,17 @@ function createAnimatedComponent<Props: {+[string]: mixed, ...}, Instance>(
     });
 
     render() {
-      const {style = {}, ...props} = this._propsAnimated.__getValue() || {};
+      const animatedProps =
+        this._propsAnimated.__getValue(this._initialAnimatedProps) || {};
+      const {style = {}, ...props} = animatedProps;
       const {style: passthruStyle = {}, ...passthruProps} =
         this.props.passthroughAnimatedPropExplicitValues || {};
       const mergedStyle = {...style, ...passthruStyle};
 
+      if (!this._initialAnimatedProps) {
+        this._initialAnimatedProps = animatedProps;
+      }
+
       // Force `collapsable` to be false so that native view is not flattened.
       // Flattened views cannot be accurately referenced by a native driver.
       return (

package/Libraries/Animated/nodes/AnimatedProps.js

@@ -36,18 +36,31 @@ class AnimatedProps extends AnimatedNode {
     this._callback = callback;
   }
 
-  __getValue(): Object {
+  __getValue(initialProps: ?Object): Object {
     const props: {[string]: any | ((...args: any) => void)} = {};
     for (const key in this._props) {
       const value = this._props[key];
       if (value instanceof AnimatedNode) {
-        props[key] = value.__getValue();
+        // During initial render we want to use the initial value of both natively and non-natively
+        // driven nodes. On subsequent renders, we cannot use the value of natively driven nodes
+        // as they may not be up to date, so we use the initial value to ensure that values of
+        // native animated nodes do not impact rerenders.
+        if (value instanceof AnimatedStyle) {
+          props[key] = value.__getValue(
+            initialProps ? initialProps.style : null,
+          );
+        } else if (!initialProps || !value.__isNative) {
+          props[key] = value.__getValue();
+        } else if (initialProps.hasOwnProperty(key)) {
+          props[key] = initialProps[key];
+        }
       } else if (value instanceof AnimatedEvent) {
         props[key] = value.__getHandler();
       } else {
         props[key] = value;
       }
     }
+
     return props;
   }
 

package/Libraries/Animated/nodes/AnimatedStyle.js

@@ -34,15 +34,23 @@ class AnimatedStyle extends AnimatedWithChildren {
   }
 
   // Recursively get values for nested styles (like iOS's shadowOffset)
-  _walkStyleAndGetValues(style: any) {
+  _walkStyleAndGetValues(style: any, initialStyle: ?Object) {
     const updatedStyle: {[string]: any | {...}} = {};
     for (const key in style) {
       const value = style[key];
       if (value instanceof AnimatedNode) {
-        updatedStyle[key] = value.__getValue();
+        // During initial render we want to use the initial value of both natively and non-natively
+        // driven nodes. On subsequent renders, we cannot use the value of natively driven nodes
+        // as they may not be up to date, so we use the initial value to ensure that values of
+        // native animated nodes do not impact rerenders.
+        if (!initialStyle || !value.__isNative) {
+          updatedStyle[key] = value.__getValue();
+        } else if (initialStyle.hasOwnProperty(key)) {
+          updatedStyle[key] = initialStyle[key];
+        }
       } else if (value && !Array.isArray(value) && typeof value === 'object') {
         // Support animating nested values (for example: shadowOffset.height)
-        updatedStyle[key] = this._walkStyleAndGetValues(value);
+        updatedStyle[key] = this._walkStyleAndGetValues(value, initialStyle);
       } else {
         updatedStyle[key] = value;
       }
@@ -50,8 +58,8 @@ class AnimatedStyle extends AnimatedWithChildren {
     return updatedStyle;
   }
 
-  __getValue(): Object {
-    return this._walkStyleAndGetValues(this._style);
+  __getValue(initialStyle: ?Object): Object {
+    return this._walkStyleAndGetValues(this._style, initialStyle);
   }
 
   // Recursively get animated values for nested styles (like iOS's shadowOffset)

package/Libraries/Core/ReactNativeVersion.js

@@ -13,5 +13,5 @@ exports.version = {
   major: 0,
   minor: 0,
   patch: 0,
-  prerelease: '20220603-2051-11141b8b3',
+  prerelease: '20220608-2049-77e6bff62',
 };

package/Libraries/Lists/VirtualizedList.js

@@ -42,6 +42,8 @@ const FillRateHelper = require('./FillRateHelper');
 const ViewabilityHelper = require('./ViewabilityHelper');
 const invariant = require('invariant');
 
+const ON_END_REACHED_EPSILON = 0.001;
+
 type Item = any;
 
 export type Separators = {
@@ -218,7 +220,8 @@ type OptionalProps = {|
    * How far from the end (in units of visible length of the list) the bottom edge of the
    * list must be from the end of the content to trigger the `onEndReached` callback.
    * Thus a value of 0.5 will trigger `onEndReached` when the end of the content is
-   * within half the visible length of the list.
+   * within half the visible length of the list. A value of 0 will not trigger until scrolling
+   * to the very end of the list.
    */
   onEndReachedThreshold?: ?number,
   /**
@@ -1516,13 +1519,22 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     const {data, getItemCount, onEndReached, onEndReachedThreshold} =
       this.props;
     const {contentLength, visibleLength, offset} = this._scrollMetrics;
-    const distanceFromEnd = contentLength - visibleLength - offset;
+    let distanceFromEnd = contentLength - visibleLength - offset;
+
+    // Especially when oERT is zero it's necessary to 'floor' very small distanceFromEnd values to be 0
+    // since debouncing causes us to not fire this event for every single "pixel" we scroll and can thus
+    // be at the "end" of the list with a distanceFromEnd approximating 0 but not quite there.
+    if (distanceFromEnd < ON_END_REACHED_EPSILON) {
+      distanceFromEnd = 0;
+    }
+
+    // TODO: T121172172 Look into why we're "defaulting" to a threshold of 2 when oERT is not present
     const threshold =
       onEndReachedThreshold != null ? onEndReachedThreshold * visibleLength : 2;
     if (
       onEndReached &&
       this.state.last === getItemCount(data) - 1 &&
-      distanceFromEnd < threshold &&
+      distanceFromEnd <= threshold &&
       this._scrollMetrics.contentLength !== this._sentEndForContentLength
     ) {
       // Only call onEndReached once for a given content length

package/Libraries/NativeComponent/BaseViewConfig.ios.js

@@ -125,6 +125,18 @@ const bubblingEventTypes = {
       skipBubbling: true,
     },
   },
+  topPointerOver: {
+    phasedRegistrationNames: {
+      captured: 'onPointerOverCapture',
+      bubbled: 'onPointerOver',
+    },
+  },
+  topPointerOut: {
+    phasedRegistrationNames: {
+      captured: 'onPointerOutCapture',
+      bubbled: 'onPointerOut',
+    },
+  },
 };
 
 const directEventTypes = {
@@ -315,6 +327,8 @@ const validAttributesForEventProps = ConditionallyIgnoredEventHandlers({
   onPointerEnter2: true,
   onPointerMove2: true,
   onPointerLeave2: true,
+  onPointerOver: true,
+  onPointerOut: true,
 });
 
 /**

package/Libraries/NativeComponent/BaseViewConfig.windows.js

@@ -125,6 +125,18 @@ const bubblingEventTypes = {
       skipBubbling: true,
     },
   },
+  topPointerOver: {
+    phasedRegistrationNames: {
+      captured: 'onPointerOverCapture',
+      bubbled: 'onPointerOver',
+    },
+  },
+  topPointerOut: {
+    phasedRegistrationNames: {
+      captured: 'onPointerOutCapture',
+      bubbled: 'onPointerOut',
+    },
+  },
 };
 
 const directEventTypes = {
@@ -315,6 +327,8 @@ const validAttributesForEventProps = ConditionallyIgnoredEventHandlers({
   onPointerEnter2: true,
   onPointerMove2: true,
   onPointerLeave2: true,
+  onPointerOver: true,
+  onPointerOut: true,
 });
 
 /**

package/Libraries/PermissionsAndroid/NativePermissionsAndroid.js

@@ -32,6 +32,8 @@ export type PermissionType =
   | 'android.permission.READ_CALL_LOG'
   | 'android.permission.WRITE_CALL_LOG'
   | 'com.android.voicemail.permission.ADD_VOICEMAIL'
+  | 'com.android.voicemail.permission.READ_VOICEMAIL'
+  | 'com.android.voicemail.permission.WRITE_VOICEMAIL'
   | 'android.permission.USE_SIP'
   | 'android.permission.PROCESS_OUTGOING_CALLS'
   | 'android.permission.BODY_SENSORS'

package/Libraries/PermissionsAndroid/PermissionsAndroid.js

@@ -49,6 +49,8 @@ const PERMISSIONS = Object.freeze({
   READ_CALL_LOG: 'android.permission.READ_CALL_LOG',
   WRITE_CALL_LOG: 'android.permission.WRITE_CALL_LOG',
   ADD_VOICEMAIL: 'com.android.voicemail.permission.ADD_VOICEMAIL',
+  READ_VOICEMAIL: 'com.android.voicemail.permission.READ_VOICEMAIL',
+  WRITE_VOICEMAIL: 'com.android.voicemail.permission.WRITE_VOICEMAIL',
   USE_SIP: 'android.permission.USE_SIP',
   PROCESS_OUTGOING_CALLS: 'android.permission.PROCESS_OUTGOING_CALLS',
   BODY_SENSORS: 'android.permission.BODY_SENSORS',
@@ -91,6 +93,8 @@ class PermissionsAndroid {
     ACCESS_MEDIA_LOCATION: string,
     ACTIVITY_RECOGNITION: string,
     ADD_VOICEMAIL: string,
+    READ_VOICEMAIL: string,
+    WRITE_VOICEMAIL: string,
     ANSWER_PHONE_CALLS: string,
     BLUETOOTH_ADVERTISE: string,
     BLUETOOTH_CONNECT: string,