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

package/Libraries/Animated/nodes/AnimatedValueXY.js

@@ -10,11 +10,16 @@
 
 'use strict';
 
+import type {PlatformConfig} from '../AnimatedPlatformConfig';
+
 const AnimatedValue = require('./AnimatedValue');
 const AnimatedWithChildren = require('./AnimatedWithChildren');
 
 const invariant = require('invariant');
 
+export type AnimatedValueXYConfig = $ReadOnly<{
+  useNativeDriver: boolean,
+}>;
 type ValueXYListenerCallback = (value: {
   x: number,
   y: number,
@@ -47,6 +52,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
       +y: number | AnimatedValue,
       ...
     },
+    config?: ?AnimatedValueXYConfig,
   ) {
     super();
     const value: any = valueIn || {x: 0, y: 0}; // @flowfixme: shouldn't need `: any`
@@ -63,6 +69,9 @@ class AnimatedValueXY extends AnimatedWithChildren {
       this.y = value.y;
     }
     this._listeners = {};
+    if (config && config.useNativeDriver) {
+      this.__makeNative();
+    }
   }
 
   /**
@@ -221,6 +230,24 @@ class AnimatedValueXY extends AnimatedWithChildren {
   getTranslateTransform(): Array<{[key: string]: AnimatedValue, ...}> {
     return [{translateX: this.x}, {translateY: this.y}];
   }
+
+  __attach(): void {
+    this.x.__addChild(this);
+    this.y.__addChild(this);
+    super.__attach();
+  }
+
+  __detach(): void {
+    this.x.__removeChild(this);
+    this.y.__removeChild(this);
+    super.__detach();
+  }
+
+  __makeNative(platformConfig: ?PlatformConfig) {
+    this.x.__makeNative(platformConfig);
+    this.y.__makeNative(platformConfig);
+    super.__makeNative(platformConfig);
+  }
 }
 
 module.exports = AnimatedValueXY;

package/Libraries/Animated/useAnimatedProps.js

@@ -82,6 +82,7 @@ export default function useAnimatedProps<TProps: {...}, TInstance>(
           scheduleUpdate();
         } else if (!node.__isNative) {
           // $FlowIgnore[not-a-function] - Assume it's still a function.
+          // $FlowFixMe[incompatible-use]
           instance.setNativeProps(node.__getAnimatedValue());
         } else {
           throw new Error(

package/Libraries/BatchedBridge/MessageQueue.js

@@ -404,15 +404,22 @@ class MessageQueue {
       this.__spy({type: TO_JS, module, method, args});
     }
     const moduleMethods = this.getCallableModule(module);
-    invariant(
-      !!moduleMethods,
-      `Module ${module} is not a registered callable module (calling ${method}). A frequent cause of the error is that the application entry file path is incorrect.
-      This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.`,
-    );
-    invariant(
-      !!moduleMethods[method],
-      `Method ${method} does not exist on module ${module}`,
-    );
+    if (!moduleMethods) {
+      const callableModuleNames = Object.keys(this._lazyCallableModules);
+      const n = callableModuleNames.length;
+      const callableModuleNameList = callableModuleNames.join(', ');
+      invariant(
+        false,
+        `Failed to call into JavaScript module method ${module}.${method}(). Module has not been registered as callable. Registered callable JavaScript modules (n = ${n}): ${callableModuleNameList}.
+        A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.`,
+      );
+    }
+    if (!moduleMethods[method]) {
+      invariant(
+        false,
+        `Failed to call into JavaScript module method ${module}.${method}(). Module exists, but the method is undefined.`,
+      );
+    }
     moduleMethods[method].apply(moduleMethods, args);
     Systrace.endEvent();
   }

package/Libraries/Blob/FileReader.js

@@ -46,7 +46,6 @@ class FileReader extends (EventTarget(...READER_EVENTS): any) {
   _error: ?Error;
   _result: ?ReaderResult;
   _aborted: boolean = false;
-  _subscriptions: Array<any> = [];
 
   constructor() {
     super();
@@ -59,11 +58,6 @@ class FileReader extends (EventTarget(...READER_EVENTS): any) {
     this._result = null;
   }
 
-  _clearSubscriptions(): void {
-    this._subscriptions.forEach(sub => sub.remove());
-    this._subscriptions = [];
-  }
-
   _setReadyState(newState: ReadyState) {
     this._readyState = newState;
     this.dispatchEvent({type: 'readystatechange'});

package/Libraries/Components/ScrollView/ScrollView.js

@@ -173,8 +173,8 @@ type IOSProps = $ReadOnly<{|
    */
   automaticallyAdjustContentInsets?: ?boolean,
   /**
-   * Controls whether the ScrollView should automatically adjust it's contentInset
-   * and scrollViewInsets when the Keyboard changes it's size. The default value is false.
+   * Controls whether the ScrollView should automatically adjust its `contentInset`
+   * and `scrollViewInsets` when the Keyboard changes its size. The default value is false.
    * @platform ios
    */
   automaticallyAdjustKeyboardInsets?: ?boolean,

package/Libraries/Components/TextInput/TextInput.js

@@ -1233,7 +1233,7 @@ function InternalTextInput(props: Props): React.Node {
 
     const style =
       props.multiline === true
-        ? [styles.multilineInput, props.style]
+        ? StyleSheet.flatten([styles.multilineInput, props.style])
         : props.style;
 
     const useOnChangeSync =

package/Libraries/Components/TextInput/TextInput.windows.js

@@ -1324,7 +1324,7 @@ function InternalTextInput(props: Props): React.Node {
 
     const style =
       props.multiline === true
-        ? [styles.multilineInput, props.style]
+        ? StyleSheet.flatten([styles.multilineInput, props.style])
         : props.style;
 
     const useOnChangeSync =

package/Libraries/Core/ReactNativeVersion.js

@@ -13,5 +13,5 @@ exports.version = {
   major: 0,
   minor: 0,
   patch: 0,
-  prerelease: '20220516-2016-4994b8b5d',
+  prerelease: '20220603-2051-11141b8b3',
 };

package/Libraries/Lists/VirtualizeUtils.js

@@ -27,27 +27,36 @@ export function elementsThatOverlapOffsets(
   },
   zoomScale: number = 1,
 ): Array<number> {
-  const out = [];
-  let outLength = 0;
-  for (let ii = 0; ii < itemCount; ii++) {
-    const frame = getFrameMetrics(ii);
-    const trailingOffset = (frame.offset + frame.length) * zoomScale;
-    for (let kk = 0; kk < offsets.length; kk++) {
-      if (out[kk] == null && trailingOffset >= offsets[kk]) {
-        out[kk] = ii;
-        outLength++;
-        if (kk === offsets.length - 1) {
-          invariant(
-            outLength === offsets.length,
-            'bad offsets input, should be in increasing order: %s',
-            JSON.stringify(offsets),
-          );
-          return out;
-        }
+  const result = [];
+  for (let offsetIndex = 0; offsetIndex < offsets.length; offsetIndex++) {
+    const currentOffset = offsets[offsetIndex];
+    let left = 0;
+    let right = itemCount - 1;
+
+    while (left <= right) {
+      // eslint-disable-next-line no-bitwise
+      const mid = left + ((right - left) >>> 1);
+      const frame = getFrameMetrics(mid);
+      const scaledOffsetStart = frame.offset * zoomScale;
+      const scaledOffsetEnd = (frame.offset + frame.length) * zoomScale;
+
+      // We want the first frame that contains the offset, with inclusive bounds. Thus, for the
+      // first frame the scaledOffsetStart is inclusive, while for other frames it is exclusive.
+      if (
+        (mid === 0 && currentOffset < scaledOffsetStart) ||
+        (mid !== 0 && currentOffset <= scaledOffsetStart)
+      ) {
+        right = mid - 1;
+      } else if (currentOffset > scaledOffsetEnd) {
+        left = mid + 1;
+      } else {
+        result[offsetIndex] = mid;
+        break;
       }
     }
   }
-  return out;
+
+  return result;
 }
 
 /**

package/Libraries/Lists/VirtualizedList.js

@@ -1269,6 +1269,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
           refreshControl={
             props.refreshControl == null ? (
               <RefreshControl
+                // $FlowFixMe[incompatible-type]
                 refreshing={props.refreshing}
                 onRefresh={onRefresh}
                 progressViewOffset={props.progressViewOffset}
@@ -1627,8 +1628,8 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       this._hasWarned.perf = true;
     }
 
-    const zoomScale = e.nativeEvent.zoomScale;
-
+    // For invalid negative values (w/ RTL), set this to 1.
+    const zoomScale = e.nativeEvent.zoomScale < 0 ? 1 : e.nativeEvent.zoomScale;
     this._scrollMetrics = {
       contentLength,
       dt,

package/Libraries/Lists/__tests__/VirtualizeUtils-test.js

@@ -65,8 +65,20 @@ describe('elementsThatOverlapOffsets', function () {
       elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii], 1),
     ).toEqual([1, 1, 3]);
   });
+  it('handles frame boundaries', function () {
+    const offsets = [0, 100, 200, 300];
+    function getFrameMetrics(index: number) {
+      return {
+        length: 100,
+        offset: 100 * index,
+      };
+    }
+    expect(
+      elementsThatOverlapOffsets(offsets, 100, getFrameMetrics, 1),
+    ).toEqual([0, 0, 1, 2]);
+  });
   it('handles out of bounds', function () {
-    const offsets = [150, 900];
+    const offsets = [-100, 150, 900];
     const frames = [
       {offset: 0, length: 50},
       {offset: 50, length: 150},
@@ -74,17 +86,6 @@ describe('elementsThatOverlapOffsets', function () {
     ];
     expect(
       elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii], 1),
-    ).toEqual([1]);
-  });
-  it('errors on non-increasing offsets', function () {
-    const offsets = [150, 50];
-    const frames = [
-      {offset: 0, length: 50},
-      {offset: 50, length: 150},
-      {offset: 250, length: 100},
-    ];
-    expect(() => {
-      elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii], 1);
-    }).toThrowErrorMatchingSnapshot();
+    ).toEqual([undefined, 1]);
   });
 });

package/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js

@@ -32,15 +32,18 @@ function LogBoxInspectorCodeFrame(props: Props): React.Node {
   }
 
   function getFileName() {
+    // $FlowFixMe[incompatible-use]
     const matches = /[^/]*$/.exec(codeFrame.fileName);
     if (matches && matches.length > 0) {
       return matches[0];
     }
 
+    // $FlowFixMe[incompatible-use]
     return codeFrame.fileName;
   }
 
   function getLocation() {
+    // $FlowFixMe[incompatible-use]
     const location = codeFrame.location;
     if (location != null) {
       return ` (${location.row}:${

package/Libraries/Performance/PureComponentDebug.js

@@ -61,6 +61,7 @@ class PureComponentDebug<
       }
     }
     for (const key in this.state) {
+      // $FlowFixMe[incompatible-use]
       if (this.state[key] !== (nextState || {})[key]) {
         ret = true;
         console.warn('PureComponentDebug: different state values', tag, key);

package/Libraries/PermissionsAndroid/NativePermissionsAndroid.js

@@ -35,12 +35,16 @@ export type PermissionType =
   | 'android.permission.USE_SIP'
   | 'android.permission.PROCESS_OUTGOING_CALLS'
   | 'android.permission.BODY_SENSORS'
+  | 'android.permission.BODY_SENSORS_BACKGROUND'
   | 'android.permission.SEND_SMS'
   | 'android.permission.RECEIVE_SMS'
   | 'android.permission.READ_SMS'
   | 'android.permission.RECEIVE_WAP_PUSH'
   | 'android.permission.RECEIVE_MMS'
   | 'android.permission.READ_EXTERNAL_STORAGE'
+  | 'android.permission.READ_MEDIA_IMAGES',
+  | 'android.permission.READ_MEDIA_VIDEO',
+  | 'android.permission.READ_MEDIA_AUDIO',
   | 'android.permission.WRITE_EXTERNAL_STORAGE'
   | 'android.permission.BLUETOOTH_CONNECT'
   | 'android.permission.BLUETOOTH_SCAN'
@@ -50,7 +54,9 @@ export type PermissionType =
   | 'android.permission.ACTIVITY_RECOGNITION'
   | 'android.permission.ANSWER_PHONE_CALLS'
   | 'android.permission.READ_PHONE_NUMBERS'
-  | 'android.permission.UWB_RANGING';
+  | 'android.permission.UWB_RANGING'
+  | 'android.permission.POST_NOTIFICATIONS'
+  | 'android.permission.NEARBY_WIFI_DEVICES';
 */
 
 export interface Spec extends TurboModule {

package/Libraries/PermissionsAndroid/PermissionsAndroid.js

@@ -52,12 +52,16 @@ const PERMISSIONS = Object.freeze({
   USE_SIP: 'android.permission.USE_SIP',
   PROCESS_OUTGOING_CALLS: 'android.permission.PROCESS_OUTGOING_CALLS',
   BODY_SENSORS: 'android.permission.BODY_SENSORS',
+  BODY_SENSORS_BACKGROUND: 'android.permission.BODY_SENSORS_BACKGROUND',
   SEND_SMS: 'android.permission.SEND_SMS',
   RECEIVE_SMS: 'android.permission.RECEIVE_SMS',
   READ_SMS: 'android.permission.READ_SMS',
   RECEIVE_WAP_PUSH: 'android.permission.RECEIVE_WAP_PUSH',
   RECEIVE_MMS: 'android.permission.RECEIVE_MMS',
   READ_EXTERNAL_STORAGE: 'android.permission.READ_EXTERNAL_STORAGE',
+  READ_MEDIA_IMAGES: 'android.permission.READ_MEDIA_IMAGES',
+  READ_MEDIA_VIDEO: 'android.permission.READ_MEDIA_VIDEO',
+  READ_MEDIA_AUDIO: 'android.permission.READ_MEDIA_AUDIO',
   WRITE_EXTERNAL_STORAGE: 'android.permission.WRITE_EXTERNAL_STORAGE',
   BLUETOOTH_CONNECT: 'android.permission.BLUETOOTH_CONNECT',
   BLUETOOTH_SCAN: 'android.permission.BLUETOOTH_SCAN',
@@ -68,6 +72,8 @@ const PERMISSIONS = Object.freeze({
   ANSWER_PHONE_CALLS: 'android.permission.ANSWER_PHONE_CALLS',
   READ_PHONE_NUMBERS: 'android.permission.READ_PHONE_NUMBERS',
   UWB_RANGING: 'android.permission.UWB_RANGING',
+  POST_NOTIFICATION: 'android.permission.POST_NOTIFICATIONS',
+  NEARBY_WIFI_DEVICES: 'android.permission.NEARBY_WIFI_DEVICES',
 });
 
 /**
@@ -90,14 +96,20 @@ class PermissionsAndroid {
     BLUETOOTH_CONNECT: string,
     BLUETOOTH_SCAN: string,
     BODY_SENSORS: string,
+    BODY_SENSORS_BACKGROUND: string,
     CALL_PHONE: string,
     CAMERA: string,
     GET_ACCOUNTS: string,
+    NEARBY_WIFI_DEVICES: string,
+    POST_NOTIFICATION: string,
     PROCESS_OUTGOING_CALLS: string,
     READ_CALENDAR: string,
     READ_CALL_LOG: string,
     READ_CONTACTS: string,
     READ_EXTERNAL_STORAGE: string,
+    READ_MEDIA_IMAGES: string,
+    READ_MEDIA_VIDEO: string,
+    READ_MEDIA_AUDIO: string,
     READ_PHONE_NUMBERS: string,
     READ_PHONE_STATE: string,
     READ_SMS: string,

package/Libraries/Pressability/Pressability.js

@@ -935,16 +935,15 @@ const getTouchFromPressEvent = (event: PressEvent) => {
 };
 
 function convertPointerEventToMouseEvent(input: PointerEvent): MouseEvent {
-  const {touchHistory: _, ...synthEvent} = input;
-  const {clientX, clientY, timestamp} = input.nativeEvent;
+  const {clientX, clientY} = input.nativeEvent;
   return {
-    ...synthEvent,
+    ...input,
     nativeEvent: {
       clientX,
       clientY,
       pageX: clientX,
       pageY: clientY,
-      timestamp,
+      timestamp: input.timeStamp,
     },
   };
 }

package/Libraries/Pressability/Pressability.windows.js

@@ -1029,8 +1029,7 @@ const getTouchFromPressEvent = (event: PressEvent) => {
 };
 
 function convertPointerEventToMouseEvent(input: PointerEvent): MouseEvent {
-  const {touchHistory: _, ...synthEvent} = input;
-  const {clientX, clientY, timestamp} = input.nativeEvent;
+  const {clientX, clientY} = input.nativeEvent;
   // [Windows
   const {
     pointerType,
@@ -1047,13 +1046,13 @@ function convertPointerEventToMouseEvent(input: PointerEvent): MouseEvent {
   } = input.nativeEvent;
   // Windows]
   return {
-    ...synthEvent,
+    ...input,
     nativeEvent: {
       clientX,
       clientY,
       pageX: clientX,
       pageY: clientY,
-      timestamp,
+      timestamp: input.timeStamp,
       // [Windows
       target:
         input.nativeEvent.target ??

package/Libraries/ReactNative/ReactNativeFeatureFlags.js

@@ -28,12 +28,24 @@ export type FeatureFlags = {|
    * for its hover callbacks
    */
   shouldPressibilityUseW3CPointerEventsForHover: () => boolean,
+  /**
+   * Enables an experimental flush-queue debouncing in Animated.js.
+   */
+  animatedShouldDebounceQueueFlush: () => boolean,
+  /**
+   * Enables an experimental mega-operation for Animated.js that replaces
+   * many calls to native with a single call into native, to reduce JSI/JNI
+   * traffic.
+   */
+  animatedShouldUseSingleOp: () => boolean,
 |};
 
 const ReactNativeFeatureFlags: FeatureFlags = {
   isLayoutAnimationEnabled: () => true,
   shouldEmitW3CPointerEvents: () => false,
   shouldPressibilityUseW3CPointerEventsForHover: () => false,
+  animatedShouldDebounceQueueFlush: () => false,
+  animatedShouldUseSingleOp: () => false,
 };
 
 module.exports = ReactNativeFeatureFlags;

package/Libraries/StyleSheet/splitLayoutProps.js

@@ -50,10 +50,12 @@ export default function splitLayoutProps(props: ?____ViewStyle_Internal): {
         case 'top':
         case 'transform':
           // $FlowFixMe[cannot-write]
+          // $FlowFixMe[incompatible-use]
           outer[prop] = props[prop];
           break;
         default:
           // $FlowFixMe[cannot-write]
+          // $FlowFixMe[incompatible-use]
           inner[prop] = props[prop];
           break;
       }

package/Libraries/Types/CoreEventTypes.js

@@ -83,17 +83,134 @@ export type TextLayoutEvent = SyntheticEvent<
   |}>,
 >;
 
-export type PointerEvent = ResponderSyntheticEvent<
-  $ReadOnly<{|
-    pointerId: number,
-    pressure: number,
-    pointerType: string,
-    clientX: number,
-    clientY: number,
-    target: ?number,
-    timestamp: number,
-  |}>,
->;
+/**
+ * https://developer.mozilla.org/en-US/docs/Web/API/UIEvent
+ */
+export interface NativeUIEvent {
+  /**
+   * Returns a long with details about the event, depending on the event type.
+   */
+  +detail: number;
+}
+
+/**
+ * https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent
+ */
+export interface NativeMouseEvent extends NativeUIEvent {
+  /**
+   * The X coordinate of the mouse pointer in global (screen) coordinates.
+   */
+  +screenX: number;
+  /**
+   * The Y coordinate of the mouse pointer in global (screen) coordinates.
+   */
+  +screenY: number;
+  /**
+   * The X coordinate of the mouse pointer relative to the whole document.
+   */
+  +pageX: number;
+  /**
+   * The Y coordinate of the mouse pointer relative to the whole document.
+   */
+  +pageY: number;
+  /**
+   * The X coordinate of the mouse pointer in local (DOM content) coordinates.
+   */
+  +clientX: number;
+  /**
+   * The Y coordinate of the mouse pointer in local (DOM content) coordinates.
+   */
+  +clientY: number;
+  /**
+   * Alias for NativeMouseEvent.clientX
+   */
+  +x: number;
+  /**
+   * Alias for NativeMouseEvent.clientY
+   */
+  +y: number;
+  /**
+   * Returns true if the control key was down when the mouse event was fired.
+   */
+  +ctrlKey: boolean;
+  /**
+   * Returns true if the shift key was down when the mouse event was fired.
+   */
+  +shiftKey: boolean;
+  /**
+   * Returns true if the alt key was down when the mouse event was fired.
+   */
+  +altKey: boolean;
+  /**
+   * Returns true if the meta key was down when the mouse event was fired.
+   */
+  +metaKey: boolean;
+  /**
+   * The button number that was pressed (if applicable) when the mouse event was fired.
+   */
+  +button: number;
+  /**
+   * The buttons being depressed (if any) when the mouse event was fired.
+   */
+  +buttons: number;
+  /**
+   * The secondary target for the event, if there is one.
+   */
+  +relatedTarget: null | number | React.ElementRef<HostComponent<mixed>>;
+}
+
+/**
+ * https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent
+ */
+export interface NativePointerEvent extends NativeMouseEvent {
+  /**
+   * A unique identifier for the pointer causing the event.
+   */
+  +pointerId: number;
+  /**
+   * The width (magnitude on the X axis), in CSS pixels, of the contact geometry of the pointer
+   */
+  +width: number;
+  /**
+   * The height (magnitude on the Y axis), in CSS pixels, of the contact geometry of the pointer.
+   */
+  +height: number;
+  /**
+   * The normalized pressure of the pointer input in the range 0 to 1, where 0 and 1 represent
+   * the minimum and maximum pressure the hardware is capable of detecting, respectively.
+   */
+  +pressure: number;
+  /**
+   * The normalized tangential pressure of the pointer input (also known as barrel pressure or
+   * cylinder stress) in the range -1 to 1, where 0 is the neutral position of the control.
+   */
+  +tangentialPressure: number;
+  /**
+   * The plane angle (in degrees, in the range of -90 to 90) between the Y–Z plane and the plane
+   * containing both the pointer (e.g. pen stylus) axis and the Y axis.
+   */
+  +tiltX: number;
+  /**
+   * The plane angle (in degrees, in the range of -90 to 90) between the X–Z plane and the plane
+   * containing both the pointer (e.g. pen stylus) axis and the X axis.
+   */
+  +tiltY: number;
+  /**
+   * The clockwise rotation of the pointer (e.g. pen stylus) around its major axis in degrees,
+   * with a value in the range 0 to 359.
+   */
+  +twist: number;
+  /**
+   * Indicates the device type that caused the event (mouse, pen, touch, etc.)
+   */
+  +pointerType: string;
+  /**
+   * Indicates if the pointer represents the primary pointer of this pointer type.
+   */
+  +isPrimary: boolean;
+}
+
+export type PointerEvent = SyntheticEvent<NativePointerEvent>;
 
 export type PressEvent = ResponderSyntheticEvent<
   $ReadOnly<{|