react-native-tvos 0.84.0-0rc5 → 0.85.0-0

package/Libraries/ActionSheetIOS/ActionSheetIOS.js

@@ -16,7 +16,7 @@ import RCTActionSheetManager from './NativeActionSheetManager';
 const processColor = require('../StyleSheet/processColor').default;
 const invariant = require('invariant');
 
-export type ActionSheetIOSOptions = $ReadOnly<{
+export type ActionSheetIOSOptions = Readonly<{
   title?: ?string,
   message?: ?string,
   options: Array<string>,
@@ -30,7 +30,7 @@ export type ActionSheetIOSOptions = $ReadOnly<{
   disabledButtonIndices?: Array<number>,
 }>;
 
-export type ShareActionSheetIOSOptions = $ReadOnly<{
+export type ShareActionSheetIOSOptions = Readonly<{
   message?: ?string,
   url?: ?string,
   subject?: ?string,
@@ -42,7 +42,7 @@ export type ShareActionSheetIOSOptions = $ReadOnly<{
   userInterfaceStyle?: ?string,
 }>;
 
-export type ShareActionSheetError = $ReadOnly<{
+export type ShareActionSheetError = Readonly<{
   domain: string,
   code: string,
   userInfo?: ?Object,

package/Libraries/Animated/Animated.d.ts

@@ -77,6 +77,13 @@ export namespace Animated {
     readonly useNativeDriver: boolean;
   };
 
+  type AnimatedColorInputValue =
+    | RgbaValue
+    | RgbaAnimatedValue
+    | ColorValue
+    | null
+    | undefined;
+
   class AnimatedColor extends AnimatedWithChildren {
     r: AnimatedValue;
     g: AnimatedValue;
@@ -84,7 +91,7 @@ export namespace Animated {
     a: AnimatedValue;
 
     constructor(
-      valueIn?: RgbaValue | RgbaAnimatedValue | ColorValue | null,
+      valueIn?: AnimatedColorInputValue,
       config?: AnimatedConfig | null,
     );
     nativeColor: unknown; // Unsure what to do here

package/Libraries/Animated/AnimatedEvent.js

@@ -33,7 +33,7 @@ export type EventConfig<T> = {
 export function attachNativeEventImpl(
   viewRef: any,
   eventName: string,
-  argMapping: $ReadOnlyArray<?Mapping>,
+  argMapping: ReadonlyArray<?Mapping>,
   platformConfig: ?PlatformConfig,
 ): {detach: () => void} {
   // Find animated values in `argMapping` and create an array representing their
@@ -93,7 +93,7 @@ export function attachNativeEventImpl(
   };
 }
 
-function validateMapping(argMapping: $ReadOnlyArray<?Mapping>, args: any) {
+function validateMapping(argMapping: ReadonlyArray<?Mapping>, args: any) {
   const validate = (recMapping: ?Mapping, recEvt: any, key: string) => {
     if (recMapping instanceof AnimatedValue) {
       invariant(
@@ -146,13 +146,13 @@ function validateMapping(argMapping: $ReadOnlyArray<?Mapping>, args: any) {
 }
 
 export class AnimatedEvent {
-  _argMapping: $ReadOnlyArray<?Mapping>;
+  _argMapping: ReadonlyArray<?Mapping>;
   _listeners: Array<Function> = [];
   _attachedEvent: ?{detach: () => void, ...};
   __isNative: boolean;
   __platformConfig: ?PlatformConfig;
 
-  constructor(argMapping: $ReadOnlyArray<?Mapping>, config: EventConfig<any>) {
+  constructor(argMapping: ReadonlyArray<?Mapping>, config: EventConfig<any>) {
     this._argMapping = argMapping;
 
     if (config == null) {

package/Libraries/Animated/AnimatedImplementation.js

@@ -89,7 +89,7 @@ const diffClampImpl = function (
 
 const _combineCallbacks = function (
   callback: ?EndCallback,
-  config: $ReadOnly<{...AnimationConfig, ...}>,
+  config: Readonly<{...AnimationConfig, ...}>,
 ) {
   if (callback && config.onComplete) {
     return (...args: Array<EndResult>) => {
@@ -543,7 +543,7 @@ function unforkEventImpl(
 }
 
 const eventImpl = function <T>(
-  argMapping: $ReadOnlyArray<?Mapping>,
+  argMapping: ReadonlyArray<?Mapping>,
   config: EventConfig<T>,
 ): any {
   const animatedEvent = new AnimatedEvent(argMapping, config);

package/Libraries/Animated/animations/Animation.js

@@ -24,7 +24,7 @@ export type EndResult = {
 };
 export type EndCallback = (result: EndResult) => void;
 
-export type AnimationConfig = $ReadOnly<{
+export type AnimationConfig = Readonly<{
   isInteraction?: boolean,
   useNativeDriver: boolean,
   platformConfig?: PlatformConfig,
@@ -98,7 +98,7 @@ export default class Animation {
     this.__active = false;
   }
 
-  __getNativeAnimationConfig(): $ReadOnly<{
+  __getNativeAnimationConfig(): Readonly<{
     platformConfig: ?PlatformConfig,
     ...
   }> {
@@ -168,7 +168,7 @@ export default class Animation {
       );
 
       return true;
-    } catch (e) {
+    } catch (e: unknown) {
       throw e;
     } finally {
       NativeAnimatedHelper.API.unsetWaitingForIdentifier(

package/Libraries/Animated/animations/DecayAnimation.js

@@ -14,11 +14,11 @@ import type {AnimationConfig, EndCallback} from './Animation';
 
 import Animation from './Animation';
 
-export type DecayAnimationConfig = $ReadOnly<{
+export type DecayAnimationConfig = Readonly<{
   ...AnimationConfig,
   velocity:
     | number
-    | $ReadOnly<{
+    | Readonly<{
         x: number,
         y: number,
         ...
@@ -27,7 +27,7 @@ export type DecayAnimationConfig = $ReadOnly<{
   ...
 }>;
 
-export type DecayAnimationConfigSingle = $ReadOnly<{
+export type DecayAnimationConfigSingle = Readonly<{
   ...AnimationConfig,
   velocity: number,
   deceleration?: number,
@@ -52,7 +52,7 @@ export default class DecayAnimation extends Animation {
     this._platformConfig = config.platformConfig;
   }
 
-  __getNativeAnimationConfig(): $ReadOnly<{
+  __getNativeAnimationConfig(): Readonly<{
     deceleration: number,
     iterations: number,
     platformConfig: ?PlatformConfig,

package/Libraries/Animated/animations/SpringAnimation.js

@@ -19,7 +19,7 @@ import * as SpringConfig from '../SpringConfig';
 import Animation from './Animation';
 import invariant from 'invariant';
 
-export type SpringAnimationConfig = $ReadOnly<{
+export type SpringAnimationConfig = Readonly<{
   ...AnimationConfig,
   toValue:
     | number
@@ -44,7 +44,7 @@ export type SpringAnimationConfig = $ReadOnly<{
   restSpeedThreshold?: number,
   velocity?:
     | number
-    | $ReadOnly<{
+    | Readonly<{
         x: number,
         y: number,
         ...
@@ -60,7 +60,7 @@ export type SpringAnimationConfig = $ReadOnly<{
   ...
 }>;
 
-export type SpringAnimationConfigSingle = $ReadOnly<{
+export type SpringAnimationConfigSingle = Readonly<{
   ...AnimationConfig,
   toValue: number,
   overshootClamping?: boolean,
@@ -78,7 +78,7 @@ export type SpringAnimationConfigSingle = $ReadOnly<{
   ...
 }>;
 
-opaque type SpringAnimationInternalState = $ReadOnly<{
+opaque type SpringAnimationInternalState = Readonly<{
   lastPosition: number,
   lastVelocity: number,
   lastTime: number,
@@ -168,7 +168,7 @@ export default class SpringAnimation extends Animation {
     invariant(this._mass > 0, 'Mass value must be greater than 0');
   }
 
-  __getNativeAnimationConfig(): $ReadOnly<{
+  __getNativeAnimationConfig(): Readonly<{
     damping: number,
     initialVelocity: number,
     iterations: number,

package/Libraries/Animated/animations/TimingAnimation.js

@@ -18,12 +18,12 @@ import type {AnimationConfig, EndCallback} from './Animation';
 import AnimatedColor from '../nodes/AnimatedColor';
 import Animation from './Animation';
 
-export type TimingAnimationConfig = $ReadOnly<{
+export type TimingAnimationConfig = Readonly<{
   ...AnimationConfig,
   toValue:
     | number
     | AnimatedValue
-    | $ReadOnly<{
+    | Readonly<{
         x: number,
         y: number,
         ...
@@ -38,7 +38,7 @@ export type TimingAnimationConfig = $ReadOnly<{
   ...
 }>;
 
-export type TimingAnimationConfigSingle = $ReadOnly<{
+export type TimingAnimationConfigSingle = Readonly<{
   ...AnimationConfig,
   toValue: number,
   easing?: (value: number) => number,
@@ -80,9 +80,9 @@ export default class TimingAnimation extends Animation {
     this._platformConfig = config.platformConfig;
   }
 
-  __getNativeAnimationConfig(): $ReadOnly<{
+  __getNativeAnimationConfig(): Readonly<{
     type: 'frames',
-    frames: $ReadOnlyArray<number>,
+    frames: ReadonlyArray<number>,
     toValue: number,
     iterations: number,
     platformConfig: ?PlatformConfig,

package/Libraries/Animated/createAnimatedComponent.js

@@ -29,7 +29,7 @@ import {useMemo} from 'react';
 
 type Nullable = void | null;
 type Primitive = string | number | boolean | symbol | void;
-type Builtin = (...$ReadOnlyArray<empty>) => unknown | Date | Error | RegExp;
+type Builtin = (...ReadonlyArray<empty>) => unknown | Date | Error | RegExp;
 
 export type WithAnimatedValue<+T> = T extends Builtin | Nullable
   ? T
@@ -48,8 +48,8 @@ export type WithAnimatedValue<+T> = T extends Builtin | Nullable
         | AnimatedInterpolation<number>
         | AnimatedInterpolation<string>
         | AnimatedInterpolation<NativeColorValue>
-    : T extends $ReadOnlyArray<infer P>
-      ? $ReadOnlyArray<WithAnimatedValue<P>>
+    : T extends ReadonlyArray<infer P>
+      ? ReadonlyArray<WithAnimatedValue<P>>
       : T extends {...}
         ? {+[K in keyof T]: WithAnimatedValue<T[K]>}
         : T;
@@ -61,13 +61,13 @@ type NonAnimatedProps =
   | 'testID'
   | 'disabled'
   | 'accessibilityLabel';
-type PassThroughProps = $ReadOnly<{
+type PassThroughProps = Readonly<{
   passthroughAnimatedPropExplicitValues?: ViewProps | null,
 }>;
 
-type LooseOmit<O: interface {}, K: $Keys<$FlowFixMe>> = Pick<
+type LooseOmit<O: interface {}, K: keyof $FlowFixMe> = Pick<
   O,
-  Exclude<$Keys<O>, K>,
+  Exclude<keyof O, K>,
 >;
 
 export type AnimatedProps<Props: {...}> = LooseOmit<
@@ -99,7 +99,7 @@ export default function createAnimatedComponent<
 >(
   Component: TInstance,
 ): AnimatedComponentType<
-  $ReadOnly<React.ElementConfig<TInstance>>,
+  Readonly<React.ElementConfig<TInstance>>,
   React.ElementRef<TInstance>,
 > {
   return unstable_createAnimatedComponentWithAllowlist(Component, null);

package/Libraries/Animated/nodes/AnimatedColor.js

@@ -22,7 +22,7 @@ import {processColorObject} from '../../StyleSheet/PlatformColorValueTypes';
 import AnimatedValue, {flushValue} from './AnimatedValue';
 import AnimatedWithChildren from './AnimatedWithChildren';
 
-export type AnimatedColorConfig = $ReadOnly<{
+export type AnimatedColorConfig = Readonly<{
   ...AnimatedNodeConfig,
   useNativeDriver: boolean,
 }>;
@@ -112,7 +112,7 @@ function isRgbaAnimatedValue(value: any): boolean {
 
 export function getRgbaValueAndNativeColor(
   value: RgbaValue | ColorValue,
-): $ReadOnly<{
+): Readonly<{
   rgbaValue: RgbaValue,
   nativeColor?: NativeColorValue,
 }> {

package/Libraries/Animated/nodes/AnimatedInterpolation.js

@@ -34,10 +34,10 @@ export type InterpolationConfigSupportedOutputType =
 
 export type InterpolationConfigType<
   OutputT: InterpolationConfigSupportedOutputType,
-> = $ReadOnly<{
+> = Readonly<{
   ...AnimatedNodeConfig,
-  inputRange: $ReadOnlyArray<number>,
-  outputRange: $ReadOnlyArray<OutputT>,
+  inputRange: ReadonlyArray<number>,
+  outputRange: ReadonlyArray<OutputT>,
   easing?: (input: number) => number,
   extrapolate?: ExtrapolateType,
   extrapolateLeft?: ExtrapolateType,
@@ -51,7 +51,7 @@ export type InterpolationConfigType<
 function createNumericInterpolation(
   config: InterpolationConfigType<number>,
 ): (input: number) => number {
-  const outputRange: $ReadOnlyArray<number> = (config.outputRange: any);
+  const outputRange: ReadonlyArray<number> = (config.outputRange: any);
   const inputRange = config.inputRange;
 
   const easing = config.easing || Easing.linear;
@@ -187,7 +187,7 @@ function mapStringToNumericComponents(
   input: string,
 ):
   | {isColor: true, components: [number, number, number, number]}
-  | {isColor: false, components: $ReadOnlyArray<number | string>} {
+  | {isColor: false, components: ReadonlyArray<number | string>} {
   let normalizedColor = normalizeColor(input);
   invariant(
     normalizedColor == null || typeof normalizedColor !== 'object',
@@ -262,7 +262,7 @@ function createStringInterpolation(
     );
   }
 
-  const numericComponents: $ReadOnlyArray<$ReadOnlyArray<number>> =
+  const numericComponents: ReadonlyArray<ReadonlyArray<number>> =
     outputRange.map(output =>
       isColor
         ? // $FlowFixMe[incompatible-type]
@@ -297,7 +297,7 @@ function createStringInterpolation(
   }
 }
 
-function findRange(input: number, inputRange: $ReadOnlyArray<number>) {
+function findRange(input: number, inputRange: ReadonlyArray<number>) {
   let i;
   for (i = 1; i < inputRange.length - 1; ++i) {
     if (inputRange[i] >= input) {
@@ -308,8 +308,8 @@ function findRange(input: number, inputRange: $ReadOnlyArray<number>) {
 }
 
 function checkValidRanges<OutputT: InterpolationConfigSupportedOutputType>(
-  inputRange: $ReadOnlyArray<number>,
-  outputRange: $ReadOnlyArray<OutputT>,
+  inputRange: ReadonlyArray<number>,
+  outputRange: ReadonlyArray<OutputT>,
 ) {
   checkInfiniteRange('outputRange', outputRange);
   checkInfiniteRange('inputRange', inputRange);
@@ -325,7 +325,7 @@ function checkValidRanges<OutputT: InterpolationConfigSupportedOutputType>(
   );
 }
 
-function checkValidInputRange(arr: $ReadOnlyArray<number>) {
+function checkValidInputRange(arr: ReadonlyArray<number>) {
   invariant(arr.length >= 2, 'inputRange must have at least 2 elements');
   const message =
     'inputRange must be monotonically non-decreasing ' + String(arr);
@@ -336,7 +336,7 @@ function checkValidInputRange(arr: $ReadOnlyArray<number>) {
 
 function checkInfiniteRange<OutputT: InterpolationConfigSupportedOutputType>(
   name: string,
-  arr: $ReadOnlyArray<OutputT>,
+  arr: ReadonlyArray<OutputT>,
 ) {
   invariant(arr.length >= 2, name + ' must have at least 2 elements');
   invariant(
@@ -428,7 +428,7 @@ export default class AnimatedInterpolation<
     let outputType = null;
     if (typeof outputRange[0] === 'string') {
       // $FlowFixMe[incompatible-type]
-      outputRange = ((outputRange: $ReadOnlyArray<string>).map(value => {
+      outputRange = ((outputRange: ReadonlyArray<string>).map(value => {
         const processedColor = processColor(value);
         if (typeof processedColor === 'number') {
           outputType = 'color';

package/Libraries/Animated/nodes/AnimatedNode.js

@@ -15,7 +15,7 @@ import invariant from 'invariant';
 
 type ValueListenerCallback = (state: {value: number, ...}) => unknown;
 
-export type AnimatedNodeConfig = $ReadOnly<{
+export type AnimatedNodeConfig = Readonly<{
   debugID?: string,
   unstable_disableBatchingForNativeCreate?: boolean,
 }>;
@@ -34,7 +34,7 @@ export default class AnimatedNode {
   _platformConfig: ?PlatformConfig = undefined;
 
   constructor(
-    config?: ?$ReadOnly<{
+    config?: ?Readonly<{
       ...AnimatedNodeConfig,
       ...
     }>,
@@ -61,7 +61,7 @@ export default class AnimatedNode {
   }
   __addChild(child: AnimatedNode) {}
   __removeChild(child: AnimatedNode) {}
-  __getChildren(): $ReadOnlyArray<AnimatedNode> {
+  __getChildren(): ReadonlyArray<AnimatedNode> {
     return [];
   }
 

package/Libraries/Animated/nodes/AnimatedObject.js

@@ -23,7 +23,7 @@ export function isPlainObject(
   value: unknown,
   /* $FlowFixMe[incompatible-type-guard] - Flow does not know that the prototype
      and ReactElement checks preserve the type refinement of `value`. */
-): value is $ReadOnly<{[string]: unknown}> {
+): value is Readonly<{[string]: unknown}> {
   const proto =
     value !== null && typeof value === 'object'
       ? Object.getPrototypeOf(value)
@@ -87,7 +87,7 @@ function mapAnimatedNodes(value: any, fn: any => any, depth: number = 0): any {
 }
 
 export default class AnimatedObject extends AnimatedWithChildren {
-  _nodes: $ReadOnlyArray<AnimatedNode>;
+  _nodes: ReadonlyArray<AnimatedNode>;
   _value: unknown;
 
   /**
@@ -106,7 +106,7 @@ export default class AnimatedObject extends AnimatedWithChildren {
    * Should only be called by `AnimatedObject.from`.
    */
   constructor(
-    nodes: $ReadOnlyArray<AnimatedNode>,
+    nodes: ReadonlyArray<AnimatedNode>,
     value: unknown,
     config?: ?AnimatedNodeConfig,
   ) {

package/Libraries/Animated/nodes/AnimatedProps.js

@@ -24,7 +24,7 @@ import AnimatedObject from './AnimatedObject';
 import AnimatedStyle from './AnimatedStyle';
 import invariant from 'invariant';
 
-export type AnimatedPropsAllowlist = $ReadOnly<{
+export type AnimatedPropsAllowlist = Readonly<{
   style?: ?AnimatedStyleAllowlist,
   [key: string]: true | AnimatedStyleAllowlist,
 }>;
@@ -38,7 +38,7 @@ type TargetViewInstance = React.ElementRef<React.ElementType>;
 function createAnimatedProps(
   inputProps: {[string]: unknown},
   allowlist: ?AnimatedPropsAllowlist,
-): [$ReadOnlyArray<string>, $ReadOnlyArray<AnimatedNode>, {[string]: unknown}] {
+): [ReadonlyArray<string>, ReadonlyArray<AnimatedNode>, {[string]: unknown}] {
   const nodeKeys: Array<string> = [];
   const nodes: Array<AnimatedNode> = [];
   const props: {[string]: unknown} = {};
@@ -96,8 +96,8 @@ function createAnimatedProps(
 
 export default class AnimatedProps extends AnimatedNode {
   _callback: () => void;
-  _nodeKeys: $ReadOnlyArray<string>;
-  _nodes: $ReadOnlyArray<AnimatedNode>;
+  _nodeKeys: ReadonlyArray<string>;
+  _nodes: ReadonlyArray<AnimatedNode>;
   _props: {[string]: unknown};
   _target: ?TargetView = null;
   _rootTag: ?RootTag = undefined;
@@ -179,7 +179,7 @@ export default class AnimatedProps extends AnimatedNode {
     return props;
   }
 
-  __getNativeAnimatedEventTuples(): $ReadOnlyArray<[string, AnimatedEvent]> {
+  __getNativeAnimatedEventTuples(): ReadonlyArray<[string, AnimatedEvent]> {
     const tuples = [];
 
     const keys = Object.keys(this._props);
@@ -358,6 +358,6 @@ export default class AnimatedProps extends AnimatedNode {
 // this shim when they do.
 // $FlowFixMe[method-unbinding]
 const _hasOwnProp = Object.prototype.hasOwnProperty;
-const hasOwn: (obj: $ReadOnly<{...}>, prop: string) => boolean =
+const hasOwn: (obj: Readonly<{...}>, prop: string) => boolean =
   // $FlowFixMe[method-unbinding]
   Object.hasOwn ?? ((obj, prop) => _hasOwnProp.call(obj, prop));

package/Libraries/Animated/nodes/AnimatedStyle.js

@@ -19,7 +19,7 @@ import AnimatedObject from './AnimatedObject';
 import AnimatedTransform from './AnimatedTransform';
 import AnimatedWithChildren from './AnimatedWithChildren';
 
-export type AnimatedStyleAllowlist = $ReadOnly<{[string]: true}>;
+export type AnimatedStyleAllowlist = Readonly<{[string]: true}>;
 
 type FlatStyle = {[string]: unknown};
 type FlatStyleForWeb<TStyle: FlatStyle> = [unknown, TStyle];
@@ -28,7 +28,7 @@ function createAnimatedStyle(
   flatStyle: FlatStyle,
   allowlist: ?AnimatedStyleAllowlist,
   keepUnanimatedValues: boolean,
-): [$ReadOnlyArray<string>, $ReadOnlyArray<AnimatedNode>, {[string]: unknown}] {
+): [ReadonlyArray<string>, ReadonlyArray<AnimatedNode>, {[string]: unknown}] {
   const nodeKeys: Array<string> = [];
   const nodes: Array<AnimatedNode> = [];
   const style: {[string]: unknown} = {};
@@ -83,8 +83,8 @@ function createAnimatedStyle(
 
 export default class AnimatedStyle extends AnimatedWithChildren {
   _originalStyleForWeb: ?unknown;
-  _nodeKeys: $ReadOnlyArray<string>;
-  _nodes: $ReadOnlyArray<AnimatedNode>;
+  _nodeKeys: ReadonlyArray<string>;
+  _nodes: ReadonlyArray<AnimatedNode>;
   _style: {[string]: unknown};
 
   /**
@@ -113,8 +113,8 @@ export default class AnimatedStyle extends AnimatedWithChildren {
   }
 
   constructor(
-    nodeKeys: $ReadOnlyArray<string>,
-    nodes: $ReadOnlyArray<AnimatedNode>,
+    nodeKeys: ReadonlyArray<string>,
+    nodes: ReadonlyArray<AnimatedNode>,
     style: {[string]: unknown},
     originalStyleForWeb: ?unknown,
     config?: ?AnimatedNodeConfig,
@@ -253,6 +253,6 @@ export default class AnimatedStyle extends AnimatedWithChildren {
 // this shim when they do.
 // $FlowFixMe[method-unbinding]
 const _hasOwnProp = Object.prototype.hasOwnProperty;
-const hasOwn: (obj: $ReadOnly<{...}>, prop: string) => boolean =
+const hasOwn: (obj: Readonly<{...}>, prop: string) => boolean =
   // $FlowFixMe[method-unbinding]
   Object.hasOwn ?? ((obj, prop) => _hasOwnProp.call(obj, prop));

package/Libraries/Animated/nodes/AnimatedTransform.js

@@ -23,12 +23,12 @@ type Transform<T = AnimatedNode> = {
     | number
     | string
     | T
-    | $ReadOnlyArray<number | string | T>
+    | ReadonlyArray<number | string | T>
     | {[string]: number | string | T},
 };
 
 function flatAnimatedNodes(
-  transforms: $ReadOnlyArray<Transform<>>,
+  transforms: ReadonlyArray<Transform<>>,
 ): Array<AnimatedNode> {
   const nodes = [];
   for (let ii = 0, length = transforms.length; ii < length; ii++) {
@@ -47,15 +47,15 @@ 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<>>;
+  _transforms: ReadonlyArray<Transform<>>;
 
   /**
    * Creates an `AnimatedTransform` if `transforms` contains `AnimatedNode`
    * instances. Otherwise, returns `null`.
    */
-  static from(transforms: $ReadOnlyArray<Transform<>>): ?AnimatedTransform {
+  static from(transforms: ReadonlyArray<Transform<>>): ?AnimatedTransform {
     const nodes = flatAnimatedNodes(
       // NOTE: This check should not be necessary, but the types are not
       // enforced as of this writing. This check should be hoisted to
@@ -69,8 +69,8 @@ export default class AnimatedTransform extends AnimatedWithChildren {
   }
 
   constructor(
-    nodes: $ReadOnlyArray<AnimatedNode>,
-    transforms: $ReadOnlyArray<Transform<>>,
+    nodes: ReadonlyArray<AnimatedNode>,
+    transforms: ReadonlyArray<Transform<>>,
     config?: ?AnimatedNodeConfig,
   ) {
     super(config);
@@ -87,15 +87,15 @@ export default class AnimatedTransform extends AnimatedWithChildren {
     super.__makeNative(platformConfig);
   }
 
-  __getValue(): $ReadOnlyArray<Transform<any>> {
+  __getValue(): ReadonlyArray<Transform<any>> {
     return mapTransforms(this._transforms, animatedNode =>
       animatedNode.__getValue(),
     );
   }
 
   __getValueWithStaticTransforms(
-    staticTransforms: $ReadOnlyArray<Object>,
-  ): $ReadOnlyArray<Object> {
+    staticTransforms: ReadonlyArray<Object>,
+  ): ReadonlyArray<Object> {
     const values = [];
     mapTransforms(this._transforms, node => {
       values.push(node.__getValue());
@@ -105,7 +105,7 @@ export default class AnimatedTransform extends AnimatedWithChildren {
     return mapTransforms(staticTransforms, () => values.shift());
   }
 
-  __getAnimatedValue(): $ReadOnlyArray<Transform<any>> {
+  __getAnimatedValue(): ReadonlyArray<Transform<any>> {
     return mapTransforms(this._transforms, animatedNode =>
       animatedNode.__getAnimatedValue(),
     );
@@ -169,9 +169,9 @@ export default class AnimatedTransform extends AnimatedWithChildren {
 }
 
 function mapTransforms<T>(
-  transforms: $ReadOnlyArray<Transform<>>,
+  transforms: ReadonlyArray<Transform<>>,
   mapFunction: AnimatedNode => T,
-): $ReadOnlyArray<Transform<T>> {
+): ReadonlyArray<Transform<T>> {
   return transforms.map(transform => {
     const result: Transform<T> = {};
     // There should be exactly one property in `transform`.

package/Libraries/Animated/nodes/AnimatedValue.js

@@ -24,7 +24,7 @@ import NativeAnimatedHelper from '../../../src/private/animated/NativeAnimatedHe
 import AnimatedInterpolation from './AnimatedInterpolation';
 import AnimatedWithChildren from './AnimatedWithChildren';
 
-export type AnimatedValueConfig = $ReadOnly<{
+export type AnimatedValueConfig = Readonly<{
   ...AnimatedNodeConfig,
   useNativeDriver: boolean,
 }>;

package/Libraries/Animated/nodes/AnimatedValueXY.js

@@ -17,7 +17,7 @@ import AnimatedValue from './AnimatedValue';
 import AnimatedWithChildren from './AnimatedWithChildren';
 import invariant from 'invariant';
 
-export type AnimatedValueXYConfig = $ReadOnly<{
+export type AnimatedValueXYConfig = Readonly<{
   ...AnimatedNodeConfig,
   useNativeDriver: boolean,
 }>;

package/Libraries/Animated/nodes/AnimatedWithChildren.js

@@ -65,7 +65,7 @@ export default class AnimatedWithChildren extends AnimatedNode {
     }
   }
 
-  __getChildren(): $ReadOnlyArray<AnimatedNode> {
+  __getChildren(): ReadonlyArray<AnimatedNode> {
     return this._children;
   }