@depup/react-native 0.84.1-depup.2 → 0.85.0-depup.0

package/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js

@@ -7,9 +7,10 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<9b111e8265a6b1d86607277dbe91d200>>
+ * @generated SignedSource<<3db8390cde71bdefbc682552931ec739>>
  *
- * This file was sync'd from the facebook/react repository.
+ * This file is no longer sync'd from the facebook/react repository.
+ * The version compatibility check is removed. Use at your own risk.
  */
 
 "use strict";

package/Libraries/Renderer/shims/ReactFabric.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow
- * @generated SignedSource<<16b364e89f43b8a47832b0dfb98af11e>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<cf323fc5ca893bab5669c7d321660412>>
  */
 
 'use strict';

package/Libraries/Renderer/shims/ReactFeatureFlags.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<1dd9e9c3f20e37ae14e485fc6ee3d9e9>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<908f5fb85384725318e261f40e49d9a6>>
  */
 
 'use strict';

package/Libraries/Renderer/shims/ReactNative.js

@@ -7,9 +7,10 @@
  * @noformat
  * @nolint
  * @flow
- * @generated SignedSource<<e2c46705ed927302dbe9332dafba459d>>
+ * @generated SignedSource<<7a063365bcf9d96b1cd8714d309e5b92>>
  *
- * This file was sync'd from the facebook/react repository.
+ * This file is no longer sync'd from the facebook/react repository.
+ * The version compatibility check is removed. Use at your own risk.
  */
 'use strict';
 

package/Libraries/Renderer/shims/ReactNativeTypes.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict
- * @generated SignedSource<<989e6e2e860dc2af7ba983849111bda8>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<c0e57723772ea5f1aa8c3c897ac3c216>>
  */
 
 import type {

package/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<67d18226984338ab9301147ce0a7d414>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<1f7876c0dc0b05685a730513dc410236>>
  */
 
 'use strict';

package/Libraries/Renderer/shims/createReactNativeComponentClass.js

@@ -7,9 +7,7 @@
  * @noformat
  * @nolint
  * @flow strict-local
- * @generated SignedSource<<556d1487de0b9e4a09cbc67dd130a884>>
- *
- * This file was sync'd from the facebook/react repository.
+ * @generated SignedSource<<52163887de05f1cff05388145cf85b3b>>
  */
 
 'use strict';

package/Libraries/StyleSheet/PointPropType.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-export type PointProp = $ReadOnly<{
+export type PointProp = Readonly<{
   x: number,
   y: number,
   ...

package/Libraries/StyleSheet/Rect.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-export type Rect = $ReadOnly<{
+export type Rect = Readonly<{
   bottom?: ?number,
   left?: ?number,
   right?: ?number,

package/Libraries/StyleSheet/StyleSheet.d.ts

@@ -127,9 +127,4 @@ export namespace StyleSheet {
    * styles.
    */
   export const absoluteFill: AbsoluteFillStyle;
-
-  /**
-   * @deprecated Use `StyleSheet.absoluteFill`.
-   */
-  export const absoluteFillObject: AbsoluteFillStyle;
 }

package/Libraries/StyleSheet/StyleSheet.js

@@ -118,7 +118,7 @@ export type DangerouslyImpreciseStyleProp =
  * This will correctly give you the type 'absolute' | 'relative'
  */
 export type TypeForStyleKey<
-  +key: $Keys<____DangerouslyImpreciseStyle_Internal>,
+  +key: keyof ____DangerouslyImpreciseStyle_Internal,
 > = ____DangerouslyImpreciseStyle_Internal[key];
 
 /**

package/Libraries/StyleSheet/StyleSheet.js.flow

@@ -119,7 +119,7 @@ export type DangerouslyImpreciseStyleProp =
  * This will correctly give you the type 'absolute' | 'relative'
  */
 export type TypeForStyleKey<
-  +key: $Keys<____DangerouslyImpreciseStyle_Internal>,
+  +key: keyof ____DangerouslyImpreciseStyle_Internal,
 > = ____DangerouslyImpreciseStyle_Internal[key];
 
 /**

package/Libraries/StyleSheet/StyleSheetExports.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.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -13,16 +13,10 @@
 import type {____Styles_Internal} from './StyleSheetTypes';
 
 import composeStyles from '../../src/private/styles/composeStyles';
+import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
 import flatten from './flattenStyle';
 
-const ReactNativeStyleAttributes =
-  require('../Components/View/ReactNativeStyleAttributes').default;
-const PixelRatio = require('../Utilities/PixelRatio').default;
-
-let hairlineWidth: number = PixelRatio.roundToNearestPixel(0.4);
-if (hairlineWidth === 0) {
-  hairlineWidth = 1 / PixelRatio.get();
-}
+let _hairlineWidth: ?number;
 
 const absoluteFill = {
   position: 'absolute',
@@ -95,7 +89,18 @@ export default {
    *
    * A line with hairline width may not be visible if your simulator is downscaled.
    */
-  hairlineWidth,
+  // $FlowFixMe[unsafe-getters-setters] - Lazily import dependencies.
+  get hairlineWidth(): number {
+    if (_hairlineWidth == null) {
+      const PixelRatio = require('../Utilities/PixelRatio').default;
+
+      _hairlineWidth = PixelRatio.roundToNearestPixel(0.4);
+      if (_hairlineWidth === 0) {
+        _hairlineWidth = 1 / PixelRatio.get();
+      }
+    }
+    return _hairlineWidth;
+  },
 
   /**
    * A very common pattern is to create overlays with position absolute and zero positioning,
@@ -104,20 +109,6 @@ export default {
    */
   absoluteFill,
 
-  /**
-   * Sometimes you may want `absoluteFill` but with a couple tweaks - `absoluteFillObject` can be
-   * used to create a customized entry in a `StyleSheet`, e.g.:
-   *
-   *   const styles = StyleSheet.create({
-   *     wrapper: {
-   *       ...StyleSheet.absoluteFillObject,
-   *       top: 10,
-   *       backgroundColor: 'transparent',
-   *     },
-   *   });
-   */
-  absoluteFillObject: absoluteFill,
-
   /**
    * Combines two styles such that `style2` will override any styles in `style1`.
    * If either style is falsy, the other one is returned without allocating an
@@ -188,7 +179,7 @@ export default {
    * An identity function for creating style sheets.
    */
   // $FlowFixMe[unsupported-variance-annotation]
-  create<+S: ____Styles_Internal>(obj: S): $ReadOnly<S> {
+  create<+S: ____Styles_Internal>(obj: S): Readonly<S> {
     // TODO: This should return S as the return type. But first,
     // we need to codemod all the callsites that are typing this
     // return value as a number (even though it was opaque).

package/Libraries/StyleSheet/StyleSheetExports.js.flow

@@ -13,7 +13,7 @@ import type {____Styles_Internal} from './StyleSheetTypes';
 import composeStyles from '../../src/private/styles/composeStyles';
 import flattenStyle from './flattenStyle';
 
-type AbsoluteFillStyle = $ReadOnly<{
+type AbsoluteFillStyle = Readonly<{
   position: 'absolute',
   left: 0,
   right: 0,
@@ -47,11 +47,6 @@ declare export const hairlineWidth: number;
  */
 declare export const absoluteFill: AbsoluteFillStyle;
 
-/**
- * @deprecated Use `StyleSheet.absoluteFill`.
- */
-declare export const absoluteFillObject: AbsoluteFillStyle;
-
 /**
  * Combines two styles such that style2 will override any styles in style1.
  * If either style is falsy, the other one is returned without allocating
@@ -102,4 +97,4 @@ declare export const setStyleAttributePreprocessor: (
 // $FlowFixMe[unsupported-variance-annotation]
 declare export const create: <+S: ____Styles_Internal>(
   obj: S & ____Styles_Internal,
-) => $ReadOnly<S>;
+) => Readonly<S>;

package/Libraries/StyleSheet/StyleSheetTypes.js

@@ -26,7 +26,7 @@ export type {____TransformStyle_Internal};
 
 declare export opaque type NativeColorValue;
 export type ____ColorValue_Internal = null | string | number | NativeColorValue;
-export type ColorArrayValue = null | $ReadOnlyArray<____ColorValue_Internal>;
+export type ColorArrayValue = null | ReadonlyArray<____ColorValue_Internal>;
 export type PointValue = {
   x: number,
   y: number,
@@ -55,7 +55,7 @@ export type CursorValue = 'auto' | 'pointer';
  * These properties are a subset of our styles that are consumed by the layout
  * algorithm and affect the positioning and sizing of views.
  */
-type ____LayoutStyle_Internal = $ReadOnly<{
+type ____LayoutStyle_Internal = Readonly<{
   /** `display` sets the display type of this component.
    *
    *  It works similarly to `display` in CSS, but only support 'flex' and 'none'.
@@ -675,7 +675,7 @@ type ____LayoutStyle_Internal = $ReadOnly<{
  * To add a drop shadow to a view use the [`elevation` property](docs/viewstyleproptypes.html#elevation) (Android 5.0+).
  * To customize the color use the [`shadowColor` property](docs/shadow-props.html#shadowColor) (Android 9.0+).
  */
-export type ____ShadowStyle_InternalCore = $ReadOnly<{
+export type ____ShadowStyle_InternalCore = Readonly<{
   /**
    * Sets the drop shadow color
    * @platform ios
@@ -685,7 +685,7 @@ export type ____ShadowStyle_InternalCore = $ReadOnly<{
    * Sets the drop shadow offset
    * @platform ios
    */
-  shadowOffset?: $ReadOnly<{
+  shadowOffset?: Readonly<{
     width?: number,
     height?: number,
   }>,
@@ -701,7 +701,7 @@ export type ____ShadowStyle_InternalCore = $ReadOnly<{
   shadowRadius?: number,
 }>;
 
-export type ____ShadowStyle_Internal = $ReadOnly<{
+export type ____ShadowStyle_Internal = Readonly<{
   ...____ShadowStyle_InternalCore,
   ...____ShadowStyle_InternalOverrides,
 }>;
@@ -729,9 +729,9 @@ type LinearGradientValue = {
   type: 'linear-gradient',
   // Angle or direction enums
   direction?: string,
-  colorStops: $ReadOnlyArray<{
+  colorStops: ReadonlyArray<{
     color: ____ColorValue_Internal,
-    positions?: $ReadOnlyArray<string>,
+    positions?: ReadonlyArray<string>,
   }>,
 };
 
@@ -771,9 +771,9 @@ type RadialGradientValue = {
   shape: RadialGradientShape,
   size: RadialGradientSize,
   position: RadialGradientPosition,
-  colorStops: $ReadOnlyArray<{
+  colorStops: ReadonlyArray<{
     color: ____ColorValue_Internal,
-    positions?: $ReadOnlyArray<string>,
+    positions?: ReadonlyArray<string>,
   }>,
 };
 
@@ -843,7 +843,7 @@ type ____BlendMode_Internal =
   | 'color'
   | 'luminosity';
 
-export type ____ViewStyle_InternalBase = $ReadOnly<{
+export type ____ViewStyle_InternalBase = Readonly<{
   backfaceVisibility?: 'visible' | 'hidden',
   backgroundColor?: ____ColorValue_Internal,
   borderColor?: ____ColorValue_Internal,
@@ -886,28 +886,26 @@ export type ____ViewStyle_InternalBase = $ReadOnly<{
   elevation?: number,
   pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only',
   cursor?: CursorValue,
-  boxShadow?: $ReadOnlyArray<BoxShadowValue> | string,
-  filter?: $ReadOnlyArray<FilterFunction> | string,
+  boxShadow?: ReadonlyArray<BoxShadowValue> | string,
+  filter?: ReadonlyArray<FilterFunction> | string,
   mixBlendMode?: ____BlendMode_Internal,
-  experimental_backgroundImage?: $ReadOnlyArray<BackgroundImageValue> | string,
-  experimental_backgroundSize?: $ReadOnlyArray<BackgroundSizeValue> | string,
+  experimental_backgroundImage?: ReadonlyArray<BackgroundImageValue> | string,
+  experimental_backgroundSize?: ReadonlyArray<BackgroundSizeValue> | string,
   experimental_backgroundPosition?:
-    | $ReadOnlyArray<BackgroundPositionValue>
-    | string,
-  experimental_backgroundRepeat?:
-    | $ReadOnlyArray<BackgroundRepeatValue>
+    | ReadonlyArray<BackgroundPositionValue>
     | string,
+  experimental_backgroundRepeat?: ReadonlyArray<BackgroundRepeatValue> | string,
   isolation?: 'auto' | 'isolate',
 }>;
 
-export type ____ViewStyle_InternalCore = $ReadOnly<{
+export type ____ViewStyle_InternalCore = Readonly<{
   ...$Exact<____LayoutStyle_Internal>,
   ...$Exact<____ShadowStyle_Internal>,
   ...$Exact<____TransformStyle_Internal>,
   ...____ViewStyle_InternalBase,
 }>;
 
-export type ____ViewStyle_Internal = $ReadOnly<{
+export type ____ViewStyle_Internal = Readonly<{
   ...____ViewStyle_InternalCore,
   ...____ViewStyle_InternalOverrides,
 }>;
@@ -997,16 +995,16 @@ export type ____FontVariant_Internal =
   | 'stylistic-twenty';
 
 export type ____FontVariantArray_Internal =
-  $ReadOnlyArray<____FontVariant_Internal>;
+  ReadonlyArray<____FontVariant_Internal>;
 
-type ____TextStyle_InternalBase = $ReadOnly<{
+type ____TextStyle_InternalBase = Readonly<{
   color?: ____ColorValue_Internal,
   fontFamily?: string,
   fontSize?: number,
   fontStyle?: 'normal' | 'italic',
   fontWeight?: ____FontWeight_Internal,
   fontVariant?: ____FontVariantArray_Internal | string,
-  textShadowOffset?: $ReadOnly<{
+  textShadowOffset?: Readonly<{
     width: number,
     height: number,
   }>,
@@ -1030,17 +1028,17 @@ type ____TextStyle_InternalBase = $ReadOnly<{
   writingDirection?: 'auto' | 'ltr' | 'rtl',
 }>;
 
-export type ____TextStyle_InternalCore = $ReadOnly<{
+export type ____TextStyle_InternalCore = Readonly<{
   ...$Exact<____ViewStyle_Internal>,
   ...____TextStyle_InternalBase,
 }>;
 
-export type ____TextStyle_Internal = $ReadOnly<{
+export type ____TextStyle_Internal = Readonly<{
   ...____TextStyle_InternalCore,
   ...____TextStyle_InternalOverrides,
 }>;
 
-export type ____ImageStyle_InternalCore = $ReadOnly<{
+export type ____ImageStyle_InternalCore = Readonly<{
   ...$Exact<____ViewStyle_Internal>,
   resizeMode?: ImageResizeMode,
   objectFit?: 'cover' | 'contain' | 'fill' | 'scale-down' | 'none',
@@ -1049,12 +1047,12 @@ export type ____ImageStyle_InternalCore = $ReadOnly<{
   overflow?: 'visible' | 'hidden',
 }>;
 
-export type ____ImageStyle_Internal = $ReadOnly<{
+export type ____ImageStyle_Internal = Readonly<{
   ...____ImageStyle_InternalCore,
   ...____ImageStyle_InternalOverrides,
 }>;
 
-export type ____DangerouslyImpreciseStyle_InternalCore = $ReadOnly<{
+export type ____DangerouslyImpreciseStyle_InternalCore = Readonly<{
   ...$Exact<____TextStyle_Internal>,
   resizeMode?: ImageResizeMode,
   objectFit?: 'cover' | 'contain' | 'fill' | 'scale-down' | 'none',
@@ -1062,7 +1060,7 @@ export type ____DangerouslyImpreciseStyle_InternalCore = $ReadOnly<{
   overlayColor?: ColorValue,
 }>;
 
-export type ____DangerouslyImpreciseStyle_Internal = $ReadOnly<{
+export type ____DangerouslyImpreciseStyle_Internal = Readonly<{
   ...____DangerouslyImpreciseStyle_InternalCore,
   ...____DangerouslyImpreciseStyle_InternalOverrides,
   ...
@@ -1074,7 +1072,7 @@ export type StyleProp<+T> =
   | T
   | false
   | ''
-  | $ReadOnlyArray<StyleProp<T>>;
+  | ReadonlyArray<StyleProp<T>>;
 
 export type ____DangerouslyImpreciseStyleProp_Internal = StyleProp<
   Partial<____DangerouslyImpreciseStyle_Internal>,
@@ -1084,13 +1082,13 @@ export type ____DangerouslyImpreciseAnimatedStyleProp_Internal =
   WithAnimatedValue<StyleProp<Partial<____DangerouslyImpreciseStyle_Internal>>>;
 
 export type ____ViewStyleProp_Internal = StyleProp<
-  $ReadOnly<Partial<____ViewStyle_Internal>>,
+  Readonly<Partial<____ViewStyle_Internal>>,
 >;
 export type ____TextStyleProp_Internal = StyleProp<
-  $ReadOnly<Partial<____TextStyle_Internal>>,
+  Readonly<Partial<____TextStyle_Internal>>,
 >;
 export type ____ImageStyleProp_Internal = StyleProp<
-  $ReadOnly<Partial<____ImageStyle_Internal>>,
+  Readonly<Partial<____ImageStyle_Internal>>,
 >;
 
 export type ____Styles_Internal = {
@@ -1105,12 +1103,12 @@ export type ____Styles_Internal = {
 type FlattenDepthLimiter = [void, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
 type ____FlattenStyleProp_Helper<
   +TStyleProp: StyleProp<unknown>,
-  Depth: $Values<FlattenDepthLimiter> = 9,
+  Depth: Values<FlattenDepthLimiter> = 9,
 > = Depth extends 0
   ? empty
   : TStyleProp extends null | void | false | ''
     ? empty // When TStyleProp is an array, recurse with decremented Depth
-    : TStyleProp extends $ReadOnlyArray<infer V>
+    : TStyleProp extends ReadonlyArray<infer V>
       ? ____FlattenStyleProp_Helper<
           V,
           Depth extends number ? FlattenDepthLimiter[Depth] : 0,

package/Libraries/StyleSheet/private/_StyleSheetTypesOverrides.js

@@ -8,8 +8,8 @@
  * @format
  */
 
-export type ____DangerouslyImpreciseStyle_InternalOverrides = $ReadOnly<{}>;
-export type ____ImageStyle_InternalOverrides = $ReadOnly<{}>;
-export type ____ShadowStyle_InternalOverrides = $ReadOnly<{}>;
-export type ____TextStyle_InternalOverrides = $ReadOnly<{}>;
-export type ____ViewStyle_InternalOverrides = $ReadOnly<{}>;
+export type ____DangerouslyImpreciseStyle_InternalOverrides = Readonly<{}>;
+export type ____ImageStyle_InternalOverrides = Readonly<{}>;
+export type ____ShadowStyle_InternalOverrides = Readonly<{}>;
+export type ____TextStyle_InternalOverrides = Readonly<{}>;
+export type ____ViewStyle_InternalOverrides = Readonly<{}>;

package/Libraries/StyleSheet/private/_TransformStyle.js

@@ -13,23 +13,23 @@ import type AnimatedNode from '../../Animated/nodes/AnimatedNode';
 // Helper types to enforce that a single key is used in a transform object
 // after generating a TypeScript definition file from the Flow types.
 // $FlowExpectedError[unclear-type]
-type KeysOfUnion<T> = T extends any ? $Keys<T> : empty;
+type KeysOfUnion<T> = T extends any ? keyof T : empty;
 // $FlowExpectedError[unclear-type]
 type ValueOfUnion<T, K> = T extends any
-  ? K extends $Keys<T>
+  ? K extends keyof T
     ? T[K]
     : empty
   : empty;
 type MergeUnion<T> = {
   [K in KeysOfUnion<T>]?: ValueOfUnion<T, K>,
 };
-type MaximumOneOf<T: {...}> = $Values<{
+type MaximumOneOf<T: {...}> = Values<{
   [K in keyof T]: $Exact<{
     [P in keyof T]?: P extends K ? T[P] : empty,
   }>,
 }>;
 
-export type ____TransformStyle_Internal = $ReadOnly<{
+export type ____TransformStyle_Internal = Readonly<{
   /**
    * `transform` accepts an array of transformation objects. Each object specifies
    * the property that will be transformed as the key, and the value to use in the
@@ -47,8 +47,8 @@ export type ____TransformStyle_Internal = $ReadOnly<{
    * `transform([{ skewX: '45deg' }])`
    */
   transform?:
-    | $ReadOnlyArray<
-        $ReadOnly<
+    | ReadonlyArray<
+        Readonly<
           MaximumOneOf<
             MergeUnion<
               | {+perspective: number | AnimatedNode}
@@ -73,7 +73,7 @@ export type ____TransformStyle_Internal = $ReadOnly<{
               | {+skewY: string | AnimatedNode}
               // TODO: what is the actual type it expects?
               | {
-                  +matrix: $ReadOnlyArray<number | AnimatedNode> | AnimatedNode,
+                  +matrix: ReadonlyArray<number | AnimatedNode> | AnimatedNode,
                 },
             >,
           >,

package/Libraries/StyleSheet/processBackgroundImage.js

@@ -37,7 +37,7 @@ type LinearGradientDirection =
 type LinearGradientBackgroundImage = {
   type: 'linear-gradient',
   direction: LinearGradientDirection,
-  colorStops: $ReadOnlyArray<{
+  colorStops: ReadonlyArray<{
     color: ColorStopColor,
     position: ColorStopPosition,
   }>,
@@ -57,7 +57,7 @@ type RadialGradientBackgroundImage = {
   shape: RadialGradientShape,
   size: RadialGradientSize,
   position: RadialGradientPosition,
-  colorStops: $ReadOnlyArray<{
+  colorStops: ReadonlyArray<{
     color: ColorStopColor,
     position: ColorStopPosition,
   }>,
@@ -73,9 +73,9 @@ type ParsedBackgroundImageValue =
   | RadialGradientBackgroundImage;
 
 export default function processBackgroundImage(
-  backgroundImage: ?($ReadOnlyArray<BackgroundImageValue> | string),
-): $ReadOnlyArray<ParsedBackgroundImageValue> {
-  let result: $ReadOnlyArray<ParsedBackgroundImageValue> = [];
+  backgroundImage: ?(ReadonlyArray<BackgroundImageValue> | string),
+): ReadonlyArray<ParsedBackgroundImageValue> {
+  let result: ReadonlyArray<ParsedBackgroundImageValue> = [];
   if (backgroundImage == null) {
     return result;
   }
@@ -183,7 +183,7 @@ export default function processBackgroundImage(
   return result;
 }
 
-function processColorStops(bgImage: BackgroundImageValue): $ReadOnlyArray<{
+function processColorStops(bgImage: BackgroundImageValue): ReadonlyArray<{
   color: ColorStopColor,
   position: ColorStopPosition,
 }> | null {
@@ -249,7 +249,7 @@ function processColorStops(bgImage: BackgroundImageValue): $ReadOnlyArray<{
 
 function parseBackgroundImageCSSString(
   cssString: string,
-): $ReadOnlyArray<ParsedBackgroundImageValue> {
+): ReadonlyArray<ParsedBackgroundImageValue> {
   const gradients = [];
   const bgImageStrings = splitGradients(cssString);
 

package/Libraries/StyleSheet/processBackgroundPosition.js

@@ -12,9 +12,9 @@
 import type {BackgroundPositionValue} from './StyleSheetTypes';
 
 export default function processBackgroundPosition(
-  backgroundPosition: ?($ReadOnlyArray<BackgroundPositionValue> | string),
-): $ReadOnlyArray<BackgroundPositionValue> {
-  let result: $ReadOnlyArray<BackgroundPositionValue> = [];
+  backgroundPosition: ?(ReadonlyArray<BackgroundPositionValue> | string),
+): ReadonlyArray<BackgroundPositionValue> {
+  let result: ReadonlyArray<BackgroundPositionValue> = [];
 
   if (backgroundPosition == null) {
     return [];
@@ -33,7 +33,7 @@ export default function processBackgroundPosition(
 // https://www.w3.org/TR/css-backgrounds-3/#typedef-bg-position
 const parseBackgroundPositionCSSString = (
   backgroundPosition: string,
-): $ReadOnlyArray<BackgroundPositionValue> => {
+): ReadonlyArray<BackgroundPositionValue> => {
   const result: Array<BackgroundPositionValue> = [];
   const positions = backgroundPosition.split(',').map(s => s.trim());
 

package/Libraries/StyleSheet/processBackgroundRepeat.js

@@ -27,9 +27,9 @@ function isBackgroundRepeatKeyword(
 }
 
 export default function processBackgroundRepeat(
-  backgroundRepeat: ?($ReadOnlyArray<BackgroundRepeatValue> | string),
-): $ReadOnlyArray<BackgroundRepeatValue> {
-  let result: $ReadOnlyArray<BackgroundRepeatValue> = [];
+  backgroundRepeat: ?(ReadonlyArray<BackgroundRepeatValue> | string),
+): ReadonlyArray<BackgroundRepeatValue> {
+  let result: ReadonlyArray<BackgroundRepeatValue> = [];
   if (backgroundRepeat == null) {
     return [];
   }
@@ -50,7 +50,7 @@ export default function processBackgroundRepeat(
 // https://www.w3.org/TR/css-backgrounds-3/#typedef-repeat-style
 function parseBackgroundRepeatCSSString(
   backgroundRepeat: string,
-): $ReadOnlyArray<BackgroundRepeatValue> {
+): ReadonlyArray<BackgroundRepeatValue> {
   const result: Array<BackgroundRepeatValue> = [];
   const bgRepeatArray = backgroundRepeat.split(',').map(s => s.trim());
 

package/Libraries/StyleSheet/processBackgroundSize.js

@@ -13,9 +13,9 @@
 import type {BackgroundSizeValue} from './StyleSheetTypes';
 
 export default function processBackgroundSize(
-  backgroundSize: ?($ReadOnlyArray<BackgroundSizeValue> | string),
-): $ReadOnlyArray<BackgroundSizeValue> {
-  let result: $ReadOnlyArray<BackgroundSizeValue> = [];
+  backgroundSize: ?(ReadonlyArray<BackgroundSizeValue> | string),
+): ReadonlyArray<BackgroundSizeValue> {
+  let result: ReadonlyArray<BackgroundSizeValue> = [];
 
   if (backgroundSize == null) {
     // If the size is invalid, return an empty array and do not apply any background size. Same as web.
@@ -34,7 +34,7 @@ export default function processBackgroundSize(
 // <bg-size> = [ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain
 function parseBackgroundSizeCSSString(
   backgroundSize: string,
-): $ReadOnlyArray<BackgroundSizeValue> {
+): ReadonlyArray<BackgroundSizeValue> {
   const result: Array<BackgroundSizeValue> = [];
   const sizes = backgroundSize.split(',').map(s => s.trim());