react-native-windows 0.81.1 → 0.82.0-preview.1

package/Libraries/Animated/nodes/AnimatedProps.js

@@ -92,11 +92,11 @@ function createAnimatedProps(
 }
 
 export default class AnimatedProps extends AnimatedNode {
-  #callback: () => void;
-  #nodeKeys: $ReadOnlyArray<string>;
-  #nodes: $ReadOnlyArray<AnimatedNode>;
-  #props: {[string]: mixed};
-  #target: ?TargetView = null;
+  _callback: () => void;
+  _nodeKeys: $ReadOnlyArray<string>;
+  _nodes: $ReadOnlyArray<AnimatedNode>;
+  _props: {[string]: mixed};
+  _target: ?TargetView = null;
 
   constructor(
     inputProps: {[string]: mixed},
@@ -106,19 +106,19 @@ export default class AnimatedProps extends AnimatedNode {
   ) {
     super(config);
     const [nodeKeys, nodes, props] = createAnimatedProps(inputProps, allowlist);
-    this.#nodeKeys = nodeKeys;
-    this.#nodes = nodes;
-    this.#props = props;
-    this.#callback = callback;
+    this._nodeKeys = nodeKeys;
+    this._nodes = nodes;
+    this._props = props;
+    this._callback = callback;
   }
 
   __getValue(): Object {
     const props: {[string]: mixed} = {};
 
-    const keys = Object.keys(this.#props);
+    const keys = Object.keys(this._props);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
       const key = keys[ii];
-      const value = this.#props[key];
+      const value = this._props[key];
 
       if (value instanceof AnimatedNode) {
         props[key] = value.__getValue();
@@ -143,7 +143,7 @@ export default class AnimatedProps extends AnimatedNode {
     const keys = Object.keys(staticProps);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
       const key = keys[ii];
-      const maybeNode = this.#props[key];
+      const maybeNode = this._props[key];
 
       if (key === 'style') {
         const staticStyle = staticProps.style;
@@ -176,10 +176,10 @@ export default class AnimatedProps extends AnimatedNode {
   __getNativeAnimatedEventTuples(): $ReadOnlyArray<[string, AnimatedEvent]> {
     const tuples = [];
 
-    const keys = Object.keys(this.#props);
+    const keys = Object.keys(this._props);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
       const key = keys[ii];
-      const value = this.#props[key];
+      const value = this._props[key];
 
       if (value instanceof AnimatedEvent && value.__isNative) {
         tuples.push([key, value]);
@@ -192,8 +192,8 @@ export default class AnimatedProps extends AnimatedNode {
   __getAnimatedValue(): Object {
     const props: {[string]: mixed} = {};
 
-    const nodeKeys = this.#nodeKeys;
-    const nodes = this.#nodes;
+    const nodeKeys = this._nodeKeys;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const key = nodeKeys[ii];
       const node = nodes[ii];
@@ -204,7 +204,7 @@ export default class AnimatedProps extends AnimatedNode {
   }
 
   __attach(): void {
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__addChild(this);
@@ -213,12 +213,12 @@ export default class AnimatedProps extends AnimatedNode {
   }
 
   __detach(): void {
-    if (this.__isNative && this.#target != null) {
-      this.#disconnectAnimatedView(this.#target);
+    if (this.__isNative && this._target != null) {
+      this.#disconnectAnimatedView(this._target);
     }
-    this.#target = null;
+    this._target = null;
 
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__removeChild(this);
@@ -228,11 +228,11 @@ export default class AnimatedProps extends AnimatedNode {
   }
 
   update(): void {
-    this.#callback();
+    this._callback();
   }
 
   __makeNative(platformConfig: ?PlatformConfig): void {
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__makeNative(platformConfig);
@@ -246,19 +246,19 @@ export default class AnimatedProps extends AnimatedNode {
       // where it will be needed to traverse the graph of attached values.
       super.__setPlatformConfig(platformConfig);
 
-      if (this.#target != null) {
-        this.#connectAnimatedView(this.#target);
+      if (this._target != null) {
+        this.#connectAnimatedView(this._target);
       }
     }
   }
 
   setNativeView(instance: TargetViewInstance): void {
-    if (this.#target?.instance === instance) {
+    if (this._target?.instance === instance) {
       return;
     }
-    this.#target = {instance, connectedViewTag: null};
+    this._target = {instance, connectedViewTag: null};
     if (this.__isNative) {
-      this.#connectAnimatedView(this.#target);
+      this.#connectAnimatedView(this._target);
     }
   }
 
@@ -306,8 +306,8 @@ export default class AnimatedProps extends AnimatedNode {
     const platformConfig = this.__getPlatformConfig();
     const propsConfig: {[string]: number} = {};
 
-    const nodeKeys = this.#nodeKeys;
-    const nodes = this.#nodes;
+    const nodeKeys = this._nodeKeys;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const key = nodeKeys[ii];
       const node = nodes[ii];
@@ -325,8 +325,8 @@ export default class AnimatedProps extends AnimatedNode {
 
 // Supported versions of JSC do not implement the newer Object.hasOwn. Remove
 // this shim when they do.
-// $FlowIgnore[method-unbinding]
+// $FlowFixMe[method-unbinding]
 const _hasOwnProp = Object.prototype.hasOwnProperty;
 const hasOwn: (obj: $ReadOnly<{...}>, prop: string) => boolean =
-  // $FlowIgnore[method-unbinding]
+  // $FlowFixMe[method-unbinding]
   Object.hasOwn ?? ((obj, prop) => _hasOwnProp.call(obj, prop));

package/Libraries/Animated/nodes/AnimatedStyle.js

@@ -43,7 +43,7 @@ function createAnimatedStyle(
       if (value != null && key === 'transform') {
         node = ReactNativeFeatureFlags.shouldUseAnimatedObjectForTransform()
           ? AnimatedObject.from(value)
-          : // $FlowFixMe[incompatible-call] - `value` is mixed.
+          : // $FlowFixMe[incompatible-type] - `value` is mixed.
             AnimatedTransform.from(value);
       } else if (value instanceof AnimatedNode) {
         node = value;
@@ -82,10 +82,10 @@ function createAnimatedStyle(
 }
 
 export default class AnimatedStyle extends AnimatedWithChildren {
-  #originalStyleForWeb: ?mixed;
-  #nodeKeys: $ReadOnlyArray<string>;
-  #nodes: $ReadOnlyArray<AnimatedNode>;
-  #style: {[string]: mixed};
+  _originalStyleForWeb: ?mixed;
+  _nodeKeys: $ReadOnlyArray<string>;
+  _nodes: $ReadOnlyArray<AnimatedNode>;
+  _style: {[string]: mixed};
 
   /**
    * Creates an `AnimatedStyle` if `value` contains `AnimatedNode` instances.
@@ -102,6 +102,8 @@ export default class AnimatedStyle extends AnimatedWithChildren {
     const [nodeKeys, nodes, style] = createAnimatedStyle(
       flatStyle,
       allowlist,
+      /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+       * roll out. See https://fburl.com/workplace/4oq3zi07. */
       Platform.OS !== 'web',
     );
     if (nodes.length === 0) {
@@ -118,12 +120,12 @@ export default class AnimatedStyle extends AnimatedWithChildren {
     config?: ?AnimatedNodeConfig,
   ) {
     super(config);
-    this.#nodeKeys = nodeKeys;
-    this.#nodes = nodes;
-    this.#style = style;
+    this._nodeKeys = nodeKeys;
+    this._nodes = nodes;
+    this._style = style;
 
     if ((Platform.OS as string) === 'web') {
-      // $FlowIgnore[cannot-write] - Intentional shadowing.
+      // $FlowFixMe[cannot-write] - Intentional shadowing.
       this.__getValueForStyle = resultStyle => [
         originalStyleForWeb,
         resultStyle,
@@ -134,10 +136,10 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   __getValue(): FlatStyleForWeb<FlatStyle> | FlatStyle {
     const style: {[string]: mixed} = {};
 
-    const keys = Object.keys(this.#style);
+    const keys = Object.keys(this._style);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
       const key = keys[ii];
-      const value = this.#style[key];
+      const value = this._style[key];
 
       if (value instanceof AnimatedNode) {
         style[key] = value.__getValue();
@@ -166,7 +168,7 @@ export default class AnimatedStyle extends AnimatedWithChildren {
     const keys = Object.keys(style);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
       const key = keys[ii];
-      const maybeNode = this.#style[key];
+      const maybeNode = this._style[key];
 
       if (key === 'transform' && maybeNode instanceof AnimatedTransform) {
         style[key] = maybeNode.__getValueWithStaticTransforms(
@@ -185,8 +187,8 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   __getAnimatedValue(): Object {
     const style: {[string]: mixed} = {};
 
-    const nodeKeys = this.#nodeKeys;
-    const nodes = this.#nodes;
+    const nodeKeys = this._nodeKeys;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const key = nodeKeys[ii];
       const node = nodes[ii];
@@ -197,7 +199,7 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   }
 
   __attach(): void {
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__addChild(this);
@@ -206,7 +208,7 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   }
 
   __detach(): void {
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__removeChild(this);
@@ -215,7 +217,7 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   }
 
   __makeNative(platformConfig: ?PlatformConfig) {
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__makeNative(platformConfig);
@@ -227,8 +229,8 @@ export default class AnimatedStyle extends AnimatedWithChildren {
     const platformConfig = this.__getPlatformConfig();
     const styleConfig: {[string]: ?number} = {};
 
-    const nodeKeys = this.#nodeKeys;
-    const nodes = this.#nodes;
+    const nodeKeys = this._nodeKeys;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const key = nodeKeys[ii];
       const node = nodes[ii];
@@ -249,8 +251,8 @@ export default class AnimatedStyle extends AnimatedWithChildren {
 
 // Supported versions of JSC do not implement the newer Object.hasOwn. Remove
 // this shim when they do.
-// $FlowIgnore[method-unbinding]
+// $FlowFixMe[method-unbinding]
 const _hasOwnProp = Object.prototype.hasOwnProperty;
 const hasOwn: (obj: $ReadOnly<{...}>, prop: string) => boolean =
-  // $FlowIgnore[method-unbinding]
+  // $FlowFixMe[method-unbinding]
   Object.hasOwn ?? ((obj, prop) => _hasOwnProp.call(obj, prop));

package/Libraries/Animated/nodes/AnimatedTransform.js

@@ -47,7 +47,7 @@ function flatAnimatedNodes(
 export default class AnimatedTransform extends AnimatedWithChildren {
   // NOTE: For potentially historical reasons, some operations only operate on
   // the first level of AnimatedNode instances. This optimizes that bevavior.
-  #nodes: $ReadOnlyArray<AnimatedNode>;
+  _nodes: $ReadOnlyArray<AnimatedNode>;
 
   _transforms: $ReadOnlyArray<Transform<>>;
 
@@ -74,12 +74,12 @@ export default class AnimatedTransform extends AnimatedWithChildren {
     config?: ?AnimatedNodeConfig,
   ) {
     super(config);
-    this.#nodes = nodes;
+    this._nodes = nodes;
     this._transforms = transforms;
   }
 
   __makeNative(platformConfig: ?PlatformConfig) {
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__makeNative(platformConfig);
@@ -112,7 +112,7 @@ export default class AnimatedTransform extends AnimatedWithChildren {
   }
 
   __attach(): void {
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__addChild(this);
@@ -121,7 +121,7 @@ export default class AnimatedTransform extends AnimatedWithChildren {
   }
 
   __detach(): void {
-    const nodes = this.#nodes;
+    const nodes = this._nodes;
     for (let ii = 0, length = nodes.length; ii < length; ii++) {
       const node = nodes[ii];
       node.__removeChild(this);
@@ -148,7 +148,7 @@ export default class AnimatedTransform extends AnimatedWithChildren {
           transformsConfig.push({
             type: 'static',
             property: key,
-            /* $FlowFixMe[incompatible-call] - `value` can be an array or an
+            /* $FlowFixMe[incompatible-type] - `value` can be an array or an
                object. This is not currently handled by `transformDataType`.
                Migrating to `TransformObject` might solve this. */
             value: NativeAnimatedHelper.transformDataType(value),

package/Libraries/Animated/nodes/AnimatedValue.js

@@ -85,8 +85,8 @@ function _executeAsAnimatedBatch(id: string, operation: () => void) {
  * See https://reactnative.dev/docs/animatedvalue
  */
 export default class AnimatedValue extends AnimatedWithChildren {
-  #listenerCount: number;
-  #updateSubscription: ?EventSubscription;
+  _listenerCount: number;
+  _updateSubscription: ?EventSubscription;
 
   _value: number;
   _startingValue: number;
@@ -100,8 +100,8 @@ export default class AnimatedValue extends AnimatedWithChildren {
       throw new Error('AnimatedValue: Attempting to set value to undefined');
     }
 
-    this.#listenerCount = 0;
-    this.#updateSubscription = null;
+    this._listenerCount = 0;
+    this._updateSubscription = null;
 
     this._startingValue = this._value = value;
     this._offset = 0;
@@ -127,38 +127,38 @@ export default class AnimatedValue extends AnimatedWithChildren {
 
   __makeNative(platformConfig: ?PlatformConfig): void {
     super.__makeNative(platformConfig);
-    if (this.#listenerCount > 0) {
-      this.#ensureUpdateSubscriptionExists();
+    if (this._listenerCount > 0) {
+      this.__ensureUpdateSubscriptionExists();
     }
   }
 
   addListener(callback: (value: any) => mixed): string {
     const id = super.addListener(callback);
-    this.#listenerCount++;
+    this._listenerCount++;
     if (this.__isNative) {
-      this.#ensureUpdateSubscriptionExists();
+      this.__ensureUpdateSubscriptionExists();
     }
     return id;
   }
 
   removeListener(id: string): void {
     super.removeListener(id);
-    this.#listenerCount--;
-    if (this.__isNative && this.#listenerCount === 0) {
-      this.#updateSubscription?.remove();
+    this._listenerCount--;
+    if (this.__isNative && this._listenerCount === 0) {
+      this._updateSubscription?.remove();
     }
   }
 
   removeAllListeners(): void {
     super.removeAllListeners();
-    this.#listenerCount = 0;
+    this._listenerCount = 0;
     if (this.__isNative) {
-      this.#updateSubscription?.remove();
+      this._updateSubscription?.remove();
     }
   }
 
-  #ensureUpdateSubscriptionExists(): void {
-    if (this.#updateSubscription != null) {
+  __ensureUpdateSubscriptionExists(): void {
+    if (this._updateSubscription != null) {
       return;
     }
     const nativeTag = this.__getNativeTag();
@@ -173,13 +173,13 @@ export default class AnimatedValue extends AnimatedWithChildren {
         },
       );
 
-    this.#updateSubscription = {
+    this._updateSubscription = {
       remove: () => {
         // Only this function assigns to `this.#updateSubscription`.
-        if (this.#updateSubscription == null) {
+        if (this._updateSubscription == null) {
           return;
         }
-        this.#updateSubscription = null;
+        this._updateSubscription = null;
         subscription.remove();
         NativeAnimatedAPI.stopListeningToAnimatedNodeValue(nativeTag);
       },

package/Libraries/AppState/AppState.js

@@ -97,7 +97,7 @@ class AppStateImpl {
         // It's possible that the state will have changed here & listeners need to be notified
         if (!eventUpdated && this.currentState !== appStateData.app_state) {
           this.currentState = appStateData.app_state;
-          // $FlowFixMe[incompatible-call]
+          // $FlowFixMe[incompatible-type]
           emitter.emit('appStateDidChange', appStateData);
         }
       }, logError);
@@ -120,23 +120,27 @@ class AppStateImpl {
     }
     switch (type) {
       case 'change':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
+        // $FlowFixMe[invalid-tuple-arity] Flow cannot refine handler based on the event type
         const changeHandler: AppStateStatus => void = handler;
         return emitter.addListener('appStateDidChange', appStateData => {
           changeHandler(appStateData.app_state);
         });
       case 'memoryWarning':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
+        // $FlowFixMe[invalid-tuple-arity] Flow cannot refine handler based on the event type
         const memoryWarningHandler: () => void = handler;
         return emitter.addListener('memoryWarning', memoryWarningHandler);
       case 'blur':
       case 'focus':
-        // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
+        // $FlowFixMe[invalid-tuple-arity] Flow cannot refine handler based on the event type
         const focusOrBlurHandler: () => void = handler;
         return emitter.addListener('appStateFocusChange', hasFocus => {
+          /* $FlowFixMe[invalid-compare] Error discovered during Constant
+           * Condition roll out. See https://fburl.com/workplace/4oq3zi07. */
           if (type === 'blur' && !hasFocus) {
             focusOrBlurHandler();
           }
+          /* $FlowFixMe[invalid-compare] Error discovered during Constant
+           * Condition roll out. See https://fburl.com/workplace/4oq3zi07. */
           if (type === 'focus' && hasFocus) {
             focusOrBlurHandler();
           }

package/Libraries/BatchedBridge/MessageQueue.js

@@ -162,6 +162,8 @@ class MessageQueue {
 
   getCallableModule(name: string): {...} | null {
     const getValue = this._lazyCallableModules[name];
+    /* $FlowFixMe[constant-condition] Error discovered during Constant
+     * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
     return getValue ? getValue() : null;
   }
 
@@ -466,6 +468,8 @@ class MessageQueue {
       const profileName = debug
         ? '<callback for ' + module + '.' + method + '>'
         : cbID;
+      /* $FlowFixMe[constant-condition] Error discovered during Constant
+       * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
       if (callback && this.__spy) {
         this.__spy({type: TO_JS, module: null, method: profileName, args});
       }

package/Libraries/BatchedBridge/NativeModules.js

@@ -173,7 +173,7 @@ function updateErrorWithErrorData(
 ): ExtendedError {
   /* $FlowFixMe[class-object-subtyping] added when improving typing for this
    * parameters */
-  // $FlowFixMe[incompatible-return]
+  // $FlowFixMe[incompatible-type]
   // $FlowFixMe[unsafe-object-assign]
   return Object.assign(error, errorData || {});
 }

package/Libraries/Blob/BlobManager.js

@@ -86,7 +86,7 @@ class BlobManager {
     });
     const size = items.reduce((acc, curr) => {
       if (curr.type === 'string') {
-        /* $FlowFixMe[incompatible-call] Natural Inference rollout. See
+        /* $FlowFixMe[incompatible-type] Natural Inference rollout. See
          * https://fburl.com/workplace/6291gfvu */
         return acc + global.unescape(encodeURI(curr.data)).length;
       } else {

package/Libraries/Blob/URLSearchParams.js

@@ -18,6 +18,8 @@ export class URLSearchParams {
   }
 
   constructor(params?: Record<string, string> | string | [string, string][]) {
+    /* $FlowFixMe[invalid-compare] Error discovered during Constant Condition
+     * roll out. See https://fburl.com/workplace/5whu3i34. */
     if (params === null) {
       return;
     }

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.js

@@ -396,13 +396,13 @@ const AccessibilityInfo = {
    */
   addEventListener<K: $Keys<AccessibilityEventDefinitions>>(
     eventName: K,
-    // $FlowIssue[incompatible-type] - Flow bug with unions and generics (T128099423)
+    // $FlowFixMe[incompatible-type] - Flow bug with unions and generics (T128099423)
     handler: (...AccessibilityEventDefinitions[K]) => void,
   ): EventSubscription {
     const deviceEventName = EventNames.get(eventName);
     return deviceEventName == null
       ? {remove(): void {}}
-      : // $FlowFixMe[incompatible-call]
+      : // $FlowFixMe[incompatible-type]
         RCTDeviceEventEmitter.addListener(deviceEventName, handler);
   },
 

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windows.js

@@ -407,13 +407,13 @@ const AccessibilityInfo = {
    */
   addEventListener<K: $Keys<AccessibilityEventDefinitions>>(
     eventName: K,
-    // $FlowIssue[incompatible-type] - Flow bug with unions and generics (T128099423)
+    // $FlowFixMe[incompatible-type] - Flow bug with unions and generics (T128099423)
     handler: (...AccessibilityEventDefinitions[K]) => void,
   ): EventSubscription {
     const deviceEventName = EventNames.get(eventName);
     return deviceEventName == null
       ? {remove(): void {}}
-      : // $FlowFixMe[incompatible-call]
+      : // $FlowFixMe[incompatible-type]
         RCTDeviceEventEmitter.addListener(deviceEventName, handler);
   },
 

package/Libraries/Components/Button.js

@@ -386,7 +386,7 @@ const Button: component(
       touchSoundDisabled={touchSoundDisabled}
       // $FlowFixMe[incompatible-exact]
       // $FlowFixMe[prop-missing]
-      // $FlowFixMe[incompatible-type-arg]
+      // $FlowFixMe[incompatible-type]
       ref={ref}>
       <View style={buttonStyles}>
         <Text style={textStyles} disabled={disabled}>

package/Libraries/Components/Button.windows.js

@@ -460,7 +460,7 @@ const Button: component(
         }}
         // $FlowFixMe[incompatible-exact]
         // $FlowFixMe[prop-missing]
-        // $FlowFixMe[incompatible-type-arg]
+        // $FlowFixMe[incompatible-type]
         ref={ref}>
         <View
           style={

package/Libraries/Components/Flyout/FlyoutNativeComponent.js

@@ -5,7 +5,7 @@
  * @format
  */
 
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {ViewProps} from '../View/ViewPropTypes';
 import type {HostComponent} from '../../../src/private/types/HostComponent';
 import type {
   DirectEventHandler,
@@ -44,7 +44,7 @@ type NativeProps = $ReadOnly<{
 }>;
 
 type NativeType = HostComponent<NativeProps>;
-
+// $FlowFixMe[nonpolymorphic-type-arg]
 export default (codegenNativeComponent<NativeProps>('RCTFlyout', {
   interfaceOnly: true,
 }): NativeType);

package/Libraries/Components/Glyph/GlyphNativeComponent.js

@@ -25,7 +25,7 @@ type NativeProps = $ReadOnly<{|
 |}>;
 
 type NativeType = HostComponent<NativeProps>;
-
+// $FlowFixMe[nonpolymorphic-type-arg]
 export default (codegenNativeComponent<NativeProps>('PLYIcon', {
   interfaceOnly: true,
 }): NativeType);

package/Libraries/Components/Popup/PopupNativeComponent.js

@@ -43,6 +43,7 @@ type NativeProps = $ReadOnly<{|
 
 type NativeType = HostComponent<NativeProps>;
 
+// $FlowFixMe[nonpolymorphic-type-arg]
 export default (codegenNativeComponent<NativeProps>('RCTPopup', {
   interfaceOnly: true,
 }): NativeType);

package/Libraries/Components/Pressable/Pressable.d.ts

@@ -120,6 +120,14 @@ export interface PressableProps
    */
   disabled?: null | boolean | undefined;
 
+  //[ Windows
+  /**
+   * When the pressable is pressed it will take focus
+   * Default value: true
+   */
+  focusOnPress?: null | boolean | undefined;
+  // Windows]
+
   /**
    * Additional distance outside of this view in which a press is detected.
    */

package/Libraries/Components/Pressable/Pressable.js

@@ -116,6 +116,12 @@ type PressableBaseProps = $ReadOnly<{
    */
   onPressOut?: ?(event: GestureResponderEvent) => mixed,
 
+  /**
+   * Whether to prevent any other native components from becoming responder
+   * while this pressable is responder.
+   */
+  blockNativeResponder?: ?boolean,
+
   /**
    * Either view styles or a function that receives a boolean reflecting whether
    * the component is currently pressed and returns view styles.
@@ -183,6 +189,7 @@ function Pressable({
     'aria-expanded': ariaExpanded,
     'aria-label': ariaLabel,
     'aria-selected': ariaSelected,
+    blockNativeResponder,
     cancelable,
     children,
     delayHoverIn,
@@ -236,7 +243,7 @@ function Pressable({
   };
 
   const accessibilityLiveRegion =
-    ariaLive === 'off' ? 'none' : ariaLive ?? props.accessibilityLiveRegion;
+    ariaLive === 'off' ? 'none' : (ariaLive ?? props.accessibilityLiveRegion);
 
   const accessibilityLabel = ariaLabel ?? props.accessibilityLabel;
   const restPropsWithDefaults: React.ElementConfig<typeof View> = {
@@ -294,10 +301,12 @@ function Pressable({
           onPressOut(event);
         }
       },
+      blockNativeResponder,
     }),
     [
       android_disableSound,
       android_rippleConfig,
+      blockNativeResponder,
       cancelable,
       delayHoverIn,
       delayHoverOut,