@office-iss/react-native-win32 0.84.0 → 0.85.0-preview.1

package/src/private/featureflags/specs/NativeReactNativeFeatureFlags.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<14b4f8916fccd1d255b4a260556d11da>>
+ * @generated SignedSource<<ae363bbd49937178318598ddd93fa421>>
  * @flow strict
  * @noformat
  */
@@ -28,10 +28,10 @@ export interface Spec extends TurboModule {
   +commonTestFlagWithoutNativeImplementation?: () => boolean;
   +cdpInteractionMetricsEnabled?: () => boolean;
   +cxxNativeAnimatedEnabled?: () => boolean;
+  +defaultTextToOverflowHidden?: () => boolean;
   +disableEarlyViewCommandExecution?: () => boolean;
   +disableImageViewPreallocationAndroid?: () => boolean;
   +disableMountItemReorderingAndroid?: () => boolean;
-  +disableOldAndroidAttachmentMetricsWorkarounds?: () => boolean;
   +disableSubviewClippingAndroid?: () => boolean;
   +disableTextLayoutManagerCacheAndroid?: () => boolean;
   +disableViewPreallocationAndroid?: () => boolean;
@@ -48,6 +48,7 @@ export interface Spec extends TurboModule {
   +enableEagerMainQueueModulesOnIOS?: () => boolean;
   +enableEagerRootViewAttachment?: () => boolean;
   +enableExclusivePropsUpdateAndroid?: () => boolean;
+  +enableFabricCommitBranching?: () => boolean;
   +enableFabricLogs?: () => boolean;
   +enableFabricRenderer?: () => boolean;
   +enableFontScaleChangesUpdatingLayout?: () => boolean;
@@ -65,6 +66,7 @@ export interface Spec extends TurboModule {
   +enableLayoutAnimationsOnIOS?: () => boolean;
   +enableMainQueueCoordinatorOnIOS?: () => boolean;
   +enableModuleArgumentNSNullConversionIOS?: () => boolean;
+  +enableMutationObserverByDefault?: () => boolean;
   +enableNativeCSSParsing?: () => boolean;
   +enableNetworkEventReporting?: () => boolean;
   +enablePreparedTextLayout?: () => boolean;
@@ -78,40 +80,40 @@ export interface Spec extends TurboModule {
   +enableViewRecyclingForView?: () => boolean;
   +enableVirtualViewContainerStateExperimental?: () => boolean;
   +enableVirtualViewDebugFeatures?: () => boolean;
-  +enableVirtualViewRenderState?: () => boolean;
-  +enableVirtualViewWindowFocusDetection?: () => boolean;
-  +enableWebPerformanceAPIsByDefault?: () => boolean;
+  +fixFindShadowNodeByTagRaceCondition?: () => boolean;
   +fixMappingOfEventPrioritiesBetweenFabricAndReact?: () => boolean;
   +fixTextClippingAndroid15useBoundsForWidth?: () => boolean;
   +fuseboxAssertSingleHostState?: () => boolean;
   +fuseboxEnabledRelease?: () => boolean;
+  +fuseboxFrameRecordingEnabled?: () => boolean;
   +fuseboxNetworkInspectionEnabled?: () => boolean;
+  +fuseboxScreenshotCaptureEnabled?: () => boolean;
   +hideOffscreenVirtualViewsOnIOS?: () => boolean;
   +overrideBySynchronousMountPropsAtMountingAndroid?: () => boolean;
   +perfIssuesEnabled?: () => boolean;
   +perfMonitorV2Enabled?: () => boolean;
   +preparedTextCacheSize?: () => number;
   +preventShadowTreeCommitExhaustion?: () => boolean;
+  +redBoxV2Android?: () => boolean;
+  +redBoxV2IOS?: () => boolean;
   +shouldPressibilityUseW3CPointerEventsForHover?: () => boolean;
-  +shouldResetClickableWhenRecyclingView?: () => boolean;
-  +shouldResetOnClickListenerWhenRecyclingView?: () => boolean;
-  +shouldSetEnabledBasedOnAccessibilityState?: () => boolean;
-  +shouldSetIsClickableByDefault?: () => boolean;
   +shouldTriggerResponderTransferOnScrollAndroid?: () => boolean;
   +skipActivityIdentityAssertionOnHostPause?: () => boolean;
+  +syncAndroidClipToPaddingWithOverflow?: () => boolean;
   +traceTurboModulePromiseRejectionsOnAndroid?: () => boolean;
   +updateRuntimeShadowNodeReferencesOnCommit?: () => boolean;
+  +updateRuntimeShadowNodeReferencesOnCommitThread?: () => boolean;
   +useAlwaysAvailableJSErrorHandling?: () => boolean;
   +useFabricInterop?: () => boolean;
   +useNativeViewConfigsInBridgelessMode?: () => boolean;
-  +useRawPropsJsiValue?: () => boolean;
-  +useShadowNodeStateOnClone?: () => boolean;
+  +useNestedScrollViewAndroid?: () => boolean;
   +useSharedAnimatedBackend?: () => boolean;
   +useTraitHiddenOnAndroid?: () => boolean;
   +useTurboModuleInterop?: () => boolean;
   +useTurboModules?: () => boolean;
+  +useUnorderedMapInDifferentiator?: () => boolean;
   +viewCullingOutsetRatio?: () => number;
-  +virtualViewHysteresisRatio?: () => number;
+  +viewTransitionEnabled?: () => boolean;
   +virtualViewPrerenderRatio?: () => number;
 }
 

package/src/private/setup/setUpDefaultReactNativeEnvironment.js

@@ -47,4 +47,10 @@ export default function setUpDefaltReactNativeEnvironment(
   ) {
     require('./setUpIntersectionObserver').default();
   }
+
+  if (
+    require('../../../src/private/featureflags/ReactNativeFeatureFlags').enableMutationObserverByDefault()
+  ) {
+    require('./setUpMutationObserver').default();
+  }
 }

package/src/private/specs_DEPRECATED/components/ActivityIndicatorViewNativeComponent.js

@@ -15,7 +15,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type RCTActivityIndicatorViewNativeProps = $ReadOnly<{
+type RCTActivityIndicatorViewNativeProps = Readonly<{
   ...ViewProps,
 
   /**

package/src/private/specs_DEPRECATED/components/AndroidDrawerLayoutNativeComponent.js

@@ -22,15 +22,15 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type DrawerStateEvent = $ReadOnly<{
+type DrawerStateEvent = Readonly<{
   drawerState: Int32,
 }>;
 
-type DrawerSlideEvent = $ReadOnly<{
+type DrawerSlideEvent = Readonly<{
   offset: Float,
 }>;
 
-type AndroidDrawerLayoutNativeProps = $ReadOnly<{
+type AndroidDrawerLayoutNativeProps = Readonly<{
   ...ViewProps,
   /**
    * Determines whether the keyboard gets dismissed in response to a drag.

package/src/private/specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent.js

@@ -13,7 +13,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type AndroidHorizontalScrollContentViewNativeProps = $ReadOnly<{
+type AndroidHorizontalScrollContentViewNativeProps = Readonly<{
   ...ViewProps,
 
   removeClippedSubviews?: ?boolean,

package/src/private/specs_DEPRECATED/components/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -21,7 +21,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type AndroidSwipeRefreshLayoutNativeProps = $ReadOnly<{
+type AndroidSwipeRefreshLayoutNativeProps = Readonly<{
   ...ViewProps,
 
   /**
@@ -31,7 +31,7 @@ type AndroidSwipeRefreshLayoutNativeProps = $ReadOnly<{
   /**
    * The colors (at least one) that will be used to draw the refresh indicator.
    */
-  colors?: ?$ReadOnlyArray<ColorValue>,
+  colors?: ?ReadonlyArray<ColorValue>,
   /**
    * The background color of the refresh indicator.
    */

package/src/private/specs_DEPRECATED/components/AndroidSwitchNativeComponent.js

@@ -21,12 +21,12 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type AndroidSwitchChangeEvent = $ReadOnly<{
+type AndroidSwitchChangeEvent = Readonly<{
   value: boolean,
   target: Int32,
 }>;
 
-type AndroidSwitchNativeProps = $ReadOnly<{
+type AndroidSwitchNativeProps = Readonly<{
   ...ViewProps,
 
   // Props

package/src/private/specs_DEPRECATED/components/DebuggingOverlayNativeComponent.js

@@ -16,7 +16,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type DebuggingOverlayNativeProps = $ReadOnly<{
+type DebuggingOverlayNativeProps = Readonly<{
   ...ViewProps,
 }>;
 export type DebuggingOverlayNativeComponentType =
@@ -38,11 +38,11 @@ export type ElementRectangle = {
 interface NativeCommands {
   +highlightTraceUpdates: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
-    updates: $ReadOnlyArray<TraceUpdate>,
+    updates: ReadonlyArray<TraceUpdate>,
   ) => void;
   +highlightElements: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
-    elements: $ReadOnlyArray<ElementRectangle>,
+    elements: ReadonlyArray<ElementRectangle>,
   ) => void;
   +clearElementsHighlights: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,

package/src/private/specs_DEPRECATED/components/ProgressBarAndroidNativeComponent.js

@@ -18,7 +18,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type AndroidProgressBarNativeProps = $ReadOnly<{
+type AndroidProgressBarNativeProps = Readonly<{
   ...ViewProps,
 
   //Props

package/src/private/specs_DEPRECATED/components/PullToRefreshViewNativeComponent.js

@@ -21,7 +21,7 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type PullToRefreshNativeProps = $ReadOnly<{
+type PullToRefreshNativeProps = Readonly<{
   ...ViewProps,
 
   /**

package/src/private/specs_DEPRECATED/components/RCTInputAccessoryViewNativeComponent.js

@@ -14,7 +14,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type InputAccessoryNativeProps = $ReadOnly<{
+type InputAccessoryNativeProps = Readonly<{
   ...ViewProps,
   backgroundColor?: ?ColorValue,
 }>;

package/src/private/specs_DEPRECATED/components/RCTModalHostViewNativeComponent.js

@@ -18,11 +18,11 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type OrientationChangeEvent = $ReadOnly<{
+type OrientationChangeEvent = Readonly<{
   orientation: 'portrait' | 'landscape',
 }>;
 
-type RCTModalHostViewNativeProps = $ReadOnly<{
+type RCTModalHostViewNativeProps = Readonly<{
   ...ViewProps,
 
   /**
@@ -124,7 +124,7 @@ type RCTModalHostViewNativeProps = $ReadOnly<{
    * See https://reactnative.dev/docs/modal#supportedorientations
    */
   supportedOrientations?: WithDefault<
-    $ReadOnlyArray<
+    ReadonlyArray<
       | 'portrait'
       | 'portrait-upside-down'
       | 'landscape'

package/src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent.js

@@ -13,7 +13,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type RCTSafeAreaViewNativeProps = $ReadOnly<{
+type RCTSafeAreaViewNativeProps = Readonly<{
   ...ViewProps,
 
   // No props

package/src/private/specs_DEPRECATED/components/SwitchNativeComponent.js

@@ -21,12 +21,12 @@ import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNative
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
-type NativeSwitchChangeEvent = $ReadOnly<{
+type NativeSwitchChangeEvent = Readonly<{
   value: boolean,
   target: Int32,
 }>;
 
-type SwitchNativeProps = $ReadOnly<{
+type SwitchNativeProps = Readonly<{
   ...ViewProps,
 
   // Props

package/src/private/specs_DEPRECATED/components/UnimplementedNativeViewNativeComponent.js

@@ -14,7 +14,7 @@ import type {HostComponent} from '../../types/HostComponent';
 
 import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
 
-type UnimplementedNativeViewNativeProps = $ReadOnly<{
+type UnimplementedNativeViewNativeProps = Readonly<{
   ...ViewProps,
   name?: WithDefault<string, ''>,
 }>;

package/src/private/specs_DEPRECATED/modules/NativeImageLoaderIOS.js

@@ -16,7 +16,7 @@ import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboMod
 export interface Spec extends TurboModule {
   +getConstants: () => {};
   // Return [width, height] of image uri
-  +getSize: (uri: string) => Promise<$ReadOnlyArray<number>>;
+  +getSize: (uri: string) => Promise<ReadonlyArray<number>>;
   +getSizeWithHeaders: (
     uri: string,
     headers: Object,

package/src/private/styles/composeStyles.js

@@ -16,7 +16,7 @@
 export default function composeStyles<T, U: T, V: T>(
   style1: ?U,
   style2: ?V,
-): ?(T | $ReadOnlyArray<T>) {
+): ?(T | ReadonlyArray<T>) {
   if (style1 == null) {
     return style2;
   }

package/src/private/utilities/toError.js

@@ -0,0 +1,27 @@
+/**
+ * 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
+ */
+
+/**
+ * Converts an unknown value to an Error instance.
+ * If the value is already an Error, returns it as-is.
+ * Otherwise, creates a new Error with the stringified value as the message.
+ *
+ * This is particularly useful in catch blocks where the caught value
+ * is annotated as `unknown` but needs to be treated as an Error.
+ *
+ * @param value - The unknown value to convert to an Error
+ * @returns An Error instance
+ */
+export default function toError(value: unknown): Error {
+  if (value instanceof Error) {
+    return value;
+  }
+  return new Error(String(value));
+}

package/src/private/utilities/toExtendedError.js

@@ -0,0 +1,30 @@
+/**
+ * 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
+ */
+
+import type {ExtendedError} from '../../../Libraries/Core/ExtendedError';
+
+import toError from './toError';
+
+/**
+ * Converts an unknown value to an ExtendedError instance suitable for LogBox.
+ * Uses the standard toError utility internally and then casts to ExtendedError.
+ *
+ * This is specifically designed for LogBox error reporting which requires
+ * ExtendedError type compatibility.
+ *
+ * @param value - The unknown value to convert to an ExtendedError
+ * @returns An ExtendedError instance
+ */
+export default function toExtendedError(value: unknown): ExtendedError {
+  const error = toError(value);
+  // ExtendedError extends Error, so this cast is safe for the LogBox system
+  // $FlowFixMe[incompatible-type] ExtendedError extends Error, this cast is safe
+  return (error: ExtendedError);
+}

package/src/private/webapis/dom/events/Event.js

@@ -151,7 +151,7 @@ export default class Event {
     return this._type;
   }
 
-  composedPath(): $ReadOnlyArray<EventTarget> {
+  composedPath(): ReadonlyArray<EventTarget> {
     return getComposedPath(this).slice();
   }
 

package/src/private/webapis/dom/events/EventHandlerAttributes.js

@@ -43,7 +43,7 @@
 import type EventTarget from './EventTarget';
 import type {EventCallback} from './EventTarget';
 
-type EventHandler = $ReadOnly<{
+type EventHandler = Readonly<{
   handleEvent: EventCallback,
 }>;
 type EventHandlerAttributeMap = Map<string, EventHandler | null>;
@@ -119,7 +119,7 @@ export function setEventHandlerAttribute(
         setEventHandlerAttributeMap(target, map);
       }
       map.set(type, listener);
-    } catch (e) {
+    } catch {
       // Assigning incorrect listener does not throw in setters.
     }
   }

package/src/private/webapis/dom/events/EventTarget.js

@@ -40,11 +40,11 @@ export type EventHandler = interface {
 };
 export type EventListener = EventCallback | EventHandler;
 
-export type EventListenerOptions = $ReadOnly<{
+export type EventListenerOptions = Readonly<{
   capture?: boolean,
 }>;
 
-export type AddEventListenerOptions = $ReadOnly<{
+export type AddEventListenerOptions = Readonly<{
   ...EventListenerOptions,
   passive?: boolean,
   once?: boolean,
@@ -311,7 +311,7 @@ function dispatch(eventTarget: EventTarget, event: Event): void {
 function getEventPath(
   eventTarget: EventTarget,
   event: Event,
-): $ReadOnlyArray<EventTarget> {
+): ReadonlyArray<EventTarget> {
   const path = [];
   let target: EventTarget | null = eventTarget;
 

package/src/private/webapis/dom/events/internals/EventInternals.js

@@ -43,14 +43,14 @@ export function setCurrentTarget(
   event[CURRENT_TARGET_KEY] = currentTarget;
 }
 
-export function getComposedPath(event: Event): $ReadOnlyArray<EventTarget> {
+export function getComposedPath(event: Event): ReadonlyArray<EventTarget> {
   // $FlowExpectedError[prop-missing]
   return event[COMPOSED_PATH_KEY];
 }
 
 export function setComposedPath(
   event: Event,
-  composedPath: $ReadOnlyArray<EventTarget>,
+  composedPath: ReadonlyArray<EventTarget>,
 ): void {
   // $FlowExpectedError[prop-missing]
   event[COMPOSED_PATH_KEY] = composedPath;

package/src/private/webapis/dom/nodes/ReadOnlyElement.js

@@ -219,7 +219,7 @@ export default class ReadOnlyElement extends ReadOnlyNode {
   }
 }
 
-function getChildElements(node: ReadOnlyNode): $ReadOnlyArray<ReadOnlyElement> {
+function getChildElements(node: ReadOnlyNode): ReadonlyArray<ReadOnlyElement> {
   // $FlowFixMe[incompatible-type]
   return getChildNodes(
     node,

package/src/private/webapis/dom/nodes/ReadOnlyNode.js

@@ -297,7 +297,7 @@ setPlatformObject(ReadOnlyNode);
 export function getChildNodes(
   node: ReadOnlyNode,
   filter?: (node: ReadOnlyNode) => boolean,
-): $ReadOnlyArray<ReadOnlyNode> {
+): ReadonlyArray<ReadOnlyNode> {
   const shadowNode = getNativeNodeReference(node);
 
   if (shadowNode == null) {
@@ -319,7 +319,7 @@ export function getChildNodes(
 
 function getNodeSiblingsAndPosition(
   node: ReadOnlyNode,
-): [$ReadOnlyArray<ReadOnlyNode>, number] {
+): [ReadonlyArray<ReadOnlyNode>, number] {
   const parent = node.parentNode;
   if (parent == null) {
     // This node is the root or it's disconnected.

package/src/private/webapis/dom/nodes/specs/NativeDOM.js

@@ -58,7 +58,7 @@ export interface Spec extends TurboModule {
 
   +getChildNodes: (
     nativeNodeReference: unknown /* NativeNodeReference */,
-  ) => $ReadOnlyArray<unknown> /* $ReadOnlyArray<InstanceHandle> */;
+  ) => ReadonlyArray<unknown> /* $ReadOnlyArray<InstanceHandle> */;
 
   +getElementById?: (
     nativeNodeReference: unknown /* NativeNodeReference */,
@@ -79,24 +79,24 @@ export interface Spec extends TurboModule {
 
   +getBorderWidth: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [topWidth: number, rightWidth: number, bottomWidth: number, leftWidth: number] */;
+  ) => ReadonlyArray<number> /* [topWidth: number, rightWidth: number, bottomWidth: number, leftWidth: number] */;
 
   +getBoundingClientRect: (
     nativeElementReference: unknown /* NativeElementReference */,
     includeTransform: boolean,
-  ) => $ReadOnlyArray<number> /* [x: number, y: number, width: number, height: number] */;
+  ) => ReadonlyArray<number> /* [x: number, y: number, width: number, height: number] */;
 
   +getInnerSize: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [width: number, height: number] */;
+  ) => ReadonlyArray<number> /* [width: number, height: number] */;
 
   +getScrollPosition: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [scrollLeft: number, scrollTop: number] */;
+  ) => ReadonlyArray<number> /* [scrollLeft: number, scrollTop: number] */;
 
   +getScrollSize: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<number> /* [scrollWidth: number, scrollHeight: number] */;
+  ) => ReadonlyArray<number> /* [scrollWidth: number, scrollHeight: number] */;
 
   +getTagName: (
     nativeElementReference: unknown /* NativeElementReference */,
@@ -127,7 +127,7 @@ export interface Spec extends TurboModule {
 
   +getOffset: (
     nativeElementReference: unknown /* NativeElementReference */,
-  ) => $ReadOnlyArray<unknown> /* [offsetParent: ?InstanceHandle, top: number, left: number] */;
+  ) => ReadonlyArray<unknown> /* [offsetParent: ?InstanceHandle, top: number, left: number] */;
 
   /*
    * Special methods to handle the root node.
@@ -199,7 +199,7 @@ export interface RefinedSpec {
    */
   +getChildNodes: (
     nativeNodeReference: NativeNodeReference,
-  ) => $ReadOnlyArray<InstanceHandle>;
+  ) => ReadonlyArray<InstanceHandle>;
 
   /**
    * This is a React Native implementation of `Document.prototype.getElementById`
@@ -247,7 +247,7 @@ export interface RefinedSpec {
    */
   +getBorderWidth: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* topWidth: */ number,
       /* rightWidth: */ number,
@@ -270,7 +270,7 @@ export interface RefinedSpec {
   +getBoundingClientRect: (
     nativeElementReference: NativeElementReference,
     includeTransform: boolean,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* x: */ number,
       /* y: */ number,
@@ -293,7 +293,7 @@ export interface RefinedSpec {
    */
   +getInnerSize: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* width: */ number, /* height: */ number]>;
+  ) => Readonly<[/* width: */ number, /* height: */ number]>;
 
   /**
    * This is a method to access scroll information for a shadow node, to
@@ -308,7 +308,7 @@ export interface RefinedSpec {
    */
   +getScrollPosition: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* scrollLeft: */ number, /* scrollTop: */ number]>;
+  ) => Readonly<[/* scrollLeft: */ number, /* scrollTop: */ number]>;
 
   /**
    *
@@ -324,7 +324,7 @@ export interface RefinedSpec {
    */
   +getScrollSize: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<[/* scrollWidth: */ number, /* scrollHeight: */ number]>;
+  ) => Readonly<[/* scrollWidth: */ number, /* scrollHeight: */ number]>;
 
   /**
    * This is a method to access the normalized tag name of a shadow node, to
@@ -377,7 +377,7 @@ export interface RefinedSpec {
    */
   +getOffset: (
     nativeElementReference: NativeElementReference,
-  ) => $ReadOnly<
+  ) => Readonly<
     [
       /* offsetParent: */ ?InstanceHandle,
       /* top: */ number,

package/src/private/webapis/dom/oldstylecollections/HTMLCollection.js

@@ -35,7 +35,7 @@ export default class HTMLCollection<T> implements Iterable<T>, ArrayLike<T> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<T>) {
+  constructor(elements: ReadonlyArray<T>) {
     for (let i = 0; i < elements.length; i++) {
       REUSABLE_PROPERTY_DESCRIPTOR.value = elements[i];
       Object.defineProperty(this, i, REUSABLE_PROPERTY_DESCRIPTOR);
@@ -82,7 +82,7 @@ setPlatformObject(HTMLCollection);
  * `HTMLCollection.js.flow`, not here.
  */
 export function createHTMLCollection<T>(
-  elements: $ReadOnlyArray<T>,
+  elements: ReadonlyArray<T>,
 ): HTMLCollection<T> {
   return new HTMLCollection(elements);
 }

package/src/private/webapis/dom/oldstylecollections/NodeList.js

@@ -37,7 +37,7 @@ export default class NodeList<T> implements Iterable<T>, ArrayLike<T> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<T>) {
+  constructor(elements: ReadonlyArray<T>) {
     for (let i = 0; i < elements.length; i++) {
       REUSABLE_PROPERTY_DESCRIPTOR.value = elements[i];
       Object.defineProperty(this, i, REUSABLE_PROPERTY_DESCRIPTOR);
@@ -105,6 +105,6 @@ setPlatformObject(NodeList);
  * We can do that because the external definition of `NodeList` lives in
  * `NodeList.js.flow`, not here.
  */
-export function createNodeList<T>(elements: $ReadOnlyArray<T>): NodeList<T> {
+export function createNodeList<T>(elements: ReadonlyArray<T>): NodeList<T> {
   return new NodeList(elements);
 }

package/src/private/webapis/geometry/DOMRectList.js

@@ -29,7 +29,7 @@ export default class DOMRectList implements Iterable<DOMRectReadOnly> {
    * @private This is not defined in the declaration file, so users will not see
    *          the signature of the constructor.
    */
-  constructor(elements: $ReadOnlyArray<DOMRectReadOnly>) {
+  constructor(elements: ReadonlyArray<DOMRectReadOnly>) {
     for (let i = 0; i < elements.length; i++) {
       Object.defineProperty(this, i, {
         value: elements[i],
@@ -73,7 +73,7 @@ setPlatformObject(DOMRectList);
  * `DOMRectList.js.flow`, not here.
  */
 export function createDOMRectList(
-  elements: $ReadOnlyArray<DOMRectReadOnly>,
+  elements: ReadonlyArray<DOMRectReadOnly>,
 ): DOMRectList {
   return new DOMRectList(elements);
 }