react-native-windows 0.80.1 → 0.81.0-preview.4

package/Libraries/Text/TextAncestor.js

@@ -8,15 +8,9 @@
  * @format
  */
 
-'use strict';
+// Compatibility module for ReactStrictDOMTextAncestorContext.native.js.flow (react-strict-dom)
+// TODO(huntie): Delete after we've fixed this cross-repo reference
 
-const React = require('react');
+import TextAncestorContext from './TextAncestorContext';
 
-/**
- * Whether the current element is the descendant of a <Text> element.
- */
-const TextAncestorContext: React.Context<boolean> = React.createContext(false);
-if (__DEV__) {
-  TextAncestorContext.displayName = 'TextAncestorContext';
-}
 export default TextAncestorContext;

package/Libraries/Text/TextAncestorContext.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+'use strict';
+
+import * as React from 'react';
+import {createContext} from 'react';
+
+/**
+ * Whether the current element is the descendant of a <Text> element.
+ */
+const TextAncestorContext: React.Context<boolean> = createContext(false);
+if (__DEV__) {
+  TextAncestorContext.displayName = 'TextAncestorContext';
+}
+export default TextAncestorContext;

package/Libraries/Text/TextNativeComponent.js

@@ -67,6 +67,8 @@ const virtualTextViewConfig = {
 
 export const NativeText: HostComponent<NativeTextProps> =
   (createReactNativeComponentClass('RCTText', () =>
+    /* $FlowFixMe[incompatible-call] Natural Inference rollout. See
+     * https://fburl.com/workplace/6291gfvu */
     createViewConfig(textViewConfig),
   ): any);
 
@@ -74,5 +76,7 @@ export const NativeVirtualText: HostComponent<NativeTextProps> =
   !global.RN$Bridgeless && !UIManager.hasViewManagerConfig('RCTVirtualText')
     ? NativeText
     : (createReactNativeComponentClass('RCTVirtualText', () =>
+        /* $FlowFixMe[incompatible-call] Natural Inference rollout. See
+         * https://fburl.com/workplace/6291gfvu */
         createViewConfig(virtualTextViewConfig),
       ): any);

package/Libraries/Text/TextProps.js

@@ -12,10 +12,7 @@
 
 import type {
   AccessibilityActionEvent,
-  AccessibilityActionInfo,
   AccessibilityProps,
-  AccessibilityRole,
-  AccessibilityState,
   Role,
 } from '../Components/View/ViewAccessibility';
 import type {ColorValue, TextStyleProp} from '../StyleSheet/StyleSheet';
@@ -35,7 +32,7 @@ export type PressRetentionOffset = $ReadOnly<{
   right: number,
 }>;
 
-type PointerEventProps = $ReadOnly<{
+type TextPointerEventProps = $ReadOnly<{
   onPointerEnter?: (event: PointerEvent) => void,
   onPointerLeave?: (event: PointerEvent) => void,
   onPointerMove?: (event: PointerEvent) => void,
@@ -272,7 +269,7 @@ type TextBaseProps = $ReadOnly<{
  * @see https://reactnative.dev/docs/text#reference
  */
 export type TextProps = $ReadOnly<{
-  ...PointerEventProps,
+  ...TextPointerEventProps,
   ...TextPropsIOS,
   ...TextPropsAndroid,
   ...TextBaseProps,

package/Libraries/Text/TextProps.windows.js

@@ -12,10 +12,7 @@
 
 import type {
   AccessibilityActionEvent,
-  AccessibilityActionInfo,
   AccessibilityProps,
-  AccessibilityRole,
-  AccessibilityState,
   Role,
 } from '../Components/View/ViewAccessibility';
 import type {ColorValue, TextStyleProp} from '../StyleSheet/StyleSheet';
@@ -35,7 +32,7 @@ export type PressRetentionOffset = $ReadOnly<{
   right: number,
 }>;
 
-type PointerEventProps = $ReadOnly<{
+type TextPointerEventProps = $ReadOnly<{
   onPointerEnter?: (event: PointerEvent) => void,
   onPointerLeave?: (event: PointerEvent) => void,
   onPointerMove?: (event: PointerEvent) => void,
@@ -129,7 +126,6 @@ type TextBaseProps = $ReadOnly<{
   accessibilityLevel?: ?number, // Windows
   accessibilityPosInSet?: ?number, // Windows
   accessibilitySetSize?: ?number, // Windows
-
   /**
    * Whether fonts should scale to respect Text Size accessibility settings.
    * The default is `true`.
@@ -283,7 +279,7 @@ type TextBaseProps = $ReadOnly<{
  * @see https://reactnative.dev/docs/text#reference
  */
 export type TextProps = $ReadOnly<{
-  ...PointerEventProps,
+  ...TextPointerEventProps,
   ...TextPropsIOS,
   ...TextPropsAndroid,
   ...TextBaseProps,

package/Libraries/TurboModule/samples/NativeSampleTurboModule.js

@@ -10,4 +10,5 @@
 
 export * from '../../../src/private/specs_DEPRECATED/modules/NativeSampleTurboModule';
 import NativeSampleTurboModule from '../../../src/private/specs_DEPRECATED/modules/NativeSampleTurboModule';
+
 export default NativeSampleTurboModule;

package/Libraries/Types/CodegenTypes.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 'use strict';

package/Libraries/Types/CodegenTypesNamespace.js

@@ -4,11 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // This module exists to fit CodegenTypes into a namespace under Flow
 
 import * as CodegenTypes from './CodegenTypes';
+
 export type {CodegenTypes};

package/Libraries/Types/CoreEventTypes.d.ts

@@ -248,6 +248,10 @@ export interface TargetedEvent {
   target: number;
 }
 
+export type BlurEvent = NativeSyntheticEvent<TargetedEvent>;
+
+export type FocusEvent = NativeSyntheticEvent<TargetedEvent>;
+
 export interface PointerEvents {
   onPointerEnter?: ((event: PointerEvent) => void) | undefined;
   onPointerEnterCapture?: ((event: PointerEvent) => void) | undefined;

package/Libraries/Types/ReactDevToolsTypes.js

@@ -6,7 +6,6 @@
  *
  * @flow strict-local
  * @format
- * @oncall react_native
  */
 
 import type {HostInstance} from '../../src/private/types/HostInstance';

package/Libraries/Utilities/Appearance.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {EventSubscription} from '../vendor/emitter/EventEmitter';

package/Libraries/Utilities/BackHandler.js.flow

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/DevLoadingView.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import processColor from '../StyleSheet/processColor';

package/Libraries/Utilities/DeviceInfo.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 export type {DeviceInfoConstants} from './NativeDeviceInfo';

package/Libraries/Utilities/Dimensions.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 
 import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';

package/Libraries/Utilities/HMRClient.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 import type {ExtendedError} from '../Core/ExtendedError';
@@ -23,6 +23,7 @@ const prettyFormat = require('pretty-format');
 const pendingEntryPoints = [];
 let hmrClient = null;
 let hmrUnavailableReason: string | null = null;
+let hmrOrigin: string | null = null;
 let currentCompileErrorMessage: string | null = null;
 let didConnect: boolean = false;
 let pendingLogs: Array<[LogLevel, $ReadOnlyArray<mixed>]> = [];
@@ -100,7 +101,14 @@ const HMRClient: HMRClientNativeInterface = {
   },
 
   registerBundle(requestUrl: string) {
-    invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    invariant(
+      hmrOrigin != null && hmrClient != null,
+      'Expected HMRClient.setup() call at startup.',
+    );
+    // only process registerBundle calls from the same origin
+    if (!requestUrl.startsWith(hmrOrigin)) {
+      return;
+    }
     pendingEntryPoints.push(requestUrl);
     registerBundleEntryPoints(hmrClient);
   },
@@ -162,8 +170,10 @@ const HMRClient: HMRClientNativeInterface = {
 
     const serverScheme = scheme;
 
-    const client = new MetroHMRClient(`${serverScheme}://${serverHost}/hot`);
+    const origin = `${serverScheme}://${serverHost}`;
+    const client = new MetroHMRClient(`${origin}/hot`);
 
+    hmrOrigin = origin;
     hmrClient = client;
 
     const {fullBundleUrl} = getDevServer();

package/Libraries/Utilities/HMRClientProdShim.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/NativeAppearance.js

@@ -10,4 +10,5 @@
 
 export type * from '../../src/private/specs_DEPRECATED/modules/NativeAppearance';
 import NativeAppearance from '../../src/private/specs_DEPRECATED/modules/NativeAppearance';
+
 export default NativeAppearance;

package/Libraries/Utilities/NativeDevLoadingView.js

@@ -10,4 +10,5 @@
 
 export * from '../../src/private/specs_DEPRECATED/modules/NativeDevLoadingView';
 import NativeDevLoadingView from '../../src/private/specs_DEPRECATED/modules/NativeDevLoadingView';
+
 export default NativeDevLoadingView;

package/Libraries/Utilities/NativeDeviceInfo.js

@@ -9,5 +9,4 @@
  */
 
 export * from '../../src/private/specs_DEPRECATED/modules/NativeDeviceInfo';
-import NativeDeviceInfo from '../../src/private/specs_DEPRECATED/modules/NativeDeviceInfo';
-export default NativeDeviceInfo;
+export {default} from '../../src/private/specs_DEPRECATED/modules/NativeDeviceInfo';

package/Libraries/Utilities/NativePlatformConstantsAndroid.js

@@ -10,4 +10,5 @@
 
 export * from '../../src/private/specs_DEPRECATED/modules/NativePlatformConstantsAndroid';
 import NativePlatformConstantsAndroid from '../../src/private/specs_DEPRECATED/modules/NativePlatformConstantsAndroid';
+
 export default NativePlatformConstantsAndroid;

package/Libraries/Utilities/NativePlatformConstantsIOS.js

@@ -10,4 +10,5 @@
 
 export * from '../../src/private/specs_DEPRECATED/modules/NativePlatformConstantsIOS';
 import NativePlatformConstantsIOS from '../../src/private/specs_DEPRECATED/modules/NativePlatformConstantsIOS';
+
 export default NativePlatformConstantsIOS;

package/Libraries/Utilities/NativePlatformConstantsWin.js

@@ -8,4 +8,5 @@
 
 export * from '../../src/private/specs_DEPRECATED/modules/NativePlatformConstantsWindows';
 import NativePlatformConstantsWin from '../../src/private/specs_DEPRECATED/modules/NativePlatformConstantsWindows';
+
 export default NativePlatformConstantsWin;

package/Libraries/Utilities/PerformanceLoggerContext.js

@@ -12,7 +12,7 @@ import type {IPerformanceLogger} from './createPerformanceLogger';
 
 import GlobalPerformanceLogger from './GlobalPerformanceLogger';
 import * as React from 'react';
-import {useContext} from 'react';
+import {createContext, useContext} from 'react';
 
 /**
  * This is a React Context that provides a scoped instance of IPerformanceLogger.
@@ -21,7 +21,7 @@ import {useContext} from 'react';
  * See React docs about using Context: https://react.dev/docs/context.html
  */
 const PerformanceLoggerContext: React.Context<IPerformanceLogger> =
-  React.createContext(GlobalPerformanceLogger);
+  createContext(GlobalPerformanceLogger);
 if (__DEV__) {
   PerformanceLoggerContext.displayName = 'PerformanceLoggerContext';
 }

package/Libraries/Utilities/PixelRatio.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/Platform.android.js

@@ -4,14 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
-import type {
-  Platform as PlatformType,
-  PlatformSelectSpec,
-} from './PlatformTypes';
+import type {PlatformSelectSpec, PlatformType} from './PlatformTypes';
 
 import NativePlatformConstantsAndroid from './NativePlatformConstantsAndroid';
 

package/Libraries/Utilities/Platform.ios.js

@@ -4,14 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
-import type {
-  Platform as PlatformType,
-  PlatformSelectSpec,
-} from './PlatformTypes';
+import type {PlatformSelectSpec, PlatformType} from './PlatformTypes';
 
 import NativePlatformConstantsIOS from './NativePlatformConstantsIOS';
 

package/Libraries/Utilities/Platform.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 // NOTE: This file supports backwards compatibility of subpath (deep) imports

package/Libraries/Utilities/Platform.js.flow

@@ -8,6 +8,6 @@
  * @format
  */
 
-import type {Platform} from './PlatformTypes';
+import type {PlatformType} from './PlatformTypes';
 
-declare export default Platform;
+declare export default PlatformType;

package/Libraries/Utilities/Platform.windows.js

@@ -2,14 +2,11 @@
  * Copyright (c) Microsoft Corporation.
  * Licensed under the MIT License.
  *
- * @format
  * @flow strict
+ * @format
  */
 
-import type {
-  Platform as PlatformType,
-  PlatformSelectSpec,
-} from './PlatformTypes';
+import type {PlatformSelectSpec, PlatformType} from './PlatformTypes';
 
 import NativePlatformConstantsWin from './NativePlatformConstantsWin';
 

package/Libraries/Utilities/PlatformTypes.js

@@ -17,7 +17,7 @@ export type PlatformOSType =
   | 'native';
 
 type OptionalPlatformSelectSpec<T> = {
-  [_key in PlatformOSType]?: T,
+  [key in PlatformOSType]?: T, // eslint-disable-line no-unused-vars
 };
 
 export type PlatformSelectSpec<T> =
@@ -178,7 +178,7 @@ type WebPlatform = {
   select: <T>(spec: PlatformSelectSpec<T>) => T,
 };
 
-export type Platform =
+export type PlatformType =
   | IOSPlatform
   | AndroidPlatform
   | WindowsPlatform

package/Libraries/Utilities/RCTLog.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/SceneTracker.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/binaryToBase64.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 'use strict';

package/Libraries/Utilities/codegenNativeCommands.js

@@ -4,17 +4,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 
 const {dispatchCommand} = require('../ReactNative/RendererProxy');
 
-type Options<T = string> = $ReadOnly<{
+type NativeCommandsOptions<T = string> = $ReadOnly<{
   supportedCommands: $ReadOnlyArray<T>,
 }>;
 
-function codegenNativeCommands<T: interface {}>(options: Options<$Keys<T>>): T {
+function codegenNativeCommands<T: interface {}>(
+  options: NativeCommandsOptions<$Keys<T>>,
+): T {
   const commandObj: {[$Keys<T>]: (...$ReadOnlyArray<mixed>) => void} = {};
 
   options.supportedCommands.forEach(command => {

package/Libraries/Utilities/codegenNativeComponent.js

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict-local
+ * @format
  */
 
 // TODO: move this file to shims/ReactNative (requires React update and sync)
@@ -16,14 +16,14 @@ import requireNativeComponent from '../../Libraries/ReactNative/requireNativeCom
 import UIManager from '../ReactNative/UIManager';
 
 // TODO: import from CodegenSchema once workspaces are enabled
-type Options = $ReadOnly<{
+type NativeComponentOptions = $ReadOnly<{
   interfaceOnly?: boolean,
   paperComponentName?: string,
   paperComponentNameDeprecated?: string,
   excludedPlatforms?: $ReadOnlyArray<'iOS' | 'android'>,
 }>;
 
-export type NativeComponentType<T> = HostComponent<T>;
+export type NativeComponentType<T: {...}> = HostComponent<T>;
 
 // If this function runs then that means the view configs were not
 // generated at build time using `GenerateViewConfigJs.js`. Thus
@@ -33,7 +33,7 @@ export type NativeComponentType<T> = HostComponent<T>;
 // from a file suffixed with NativeComponent.js.
 function codegenNativeComponent<Props: {...}>(
   componentName: string,
-  options?: Options,
+  options?: NativeComponentOptions,
 ): NativeComponentType<Props> {
   if (global.RN$Bridgeless === true && __DEV__) {
     console.warn(