react-native-windows 0.84.0 → 0.85.0-preview.1

package/Libraries/Components/TextInput/TextInput.js

@@ -120,7 +120,7 @@ export type {
   TextInputSubmitEditingEvent,
 };
 
-type TextInputStateType = $ReadOnly<{
+type TextInputStateType = Readonly<{
   /**
    * @deprecated Use currentlyFocusedInput
    * Returns the ID of the currently focused text field, if one exists
@@ -472,9 +472,13 @@ function InternalTextInput(props: TextInputProps): React.Node {
           getNativeRef(): ?TextInputInstance {
             return inputRef.current;
           },
-          // TODO: Fix this returning true on null === null, when no input is focused
           isFocused(): boolean {
-            return TextInputState.currentlyFocusedInput() === inputRef.current;
+            const currentlyFocusedInput =
+              TextInputState.currentlyFocusedInput();
+            return (
+              currentlyFocusedInput != null &&
+              currentlyFocusedInput === inputRef.current
+            );
           },
           setSelection(start: number, end: number): void {
             if (inputRef.current != null) {
@@ -965,7 +969,7 @@ TextInput.State = {
   focusTextInput: TextInputState.focusTextInput,
 };
 
-export type TextInputComponentStatics = $ReadOnly<{
+export type TextInputComponentStatics = Readonly<{
   State: TextInputStateType,
 }>;
 

package/Libraries/Components/TextInput/TextInput.windows.js

@@ -136,7 +136,7 @@ export type {
   TextInputWindowsProps, // [Windows]
 };
 
-type TextInputStateType = $ReadOnly<{
+type TextInputStateType = Readonly<{
   /**
    * @deprecated Use currentlyFocusedInput
    * Returns the ID of the currently focused text field, if one exists
@@ -500,12 +500,11 @@ function InternalTextInput(props: TextInputProps): React.Node {
           getNativeRef(): ?TextInputInstance {
             return inputRef.current;
           },
-          // TODO: Fix this returning true on null === null, when no input is focused
           isFocused(): boolean {
             const currentlyFocusedInput =
               TextInputState.currentlyFocusedInput();
             return (
-              currentlyFocusedInput !== null &&
+              currentlyFocusedInput != null &&
               currentlyFocusedInput === inputRef.current
             );
           },
@@ -1142,7 +1141,7 @@ TextInput.State = {
   focusTextInput: TextInputState.focusTextInput,
 };
 
-export type TextInputComponentStatics = $ReadOnly<{
+export type TextInputComponentStatics = Readonly<{
   State: TextInputStateType,
 }>;
 

package/Libraries/Components/TextInput/WindowsTextInputNativeComponent.js

@@ -24,6 +24,7 @@ import type {TextInputNativeCommands} from './TextInputNativeCommands';
 
 import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
+import {colorAttribute} from '../View/ReactNativeStyleAttributes';
 
 export type KeyboardType =
   // Cross Platform
@@ -63,7 +64,7 @@ export type ReturnKeyType =
 
 export type SubmitBehavior = 'submit' | 'blurAndSubmit' | 'newline';
 
-export type NativeProps = $ReadOnly<{
+export type NativeProps = Readonly<{
   // This allows us to inherit everything from ViewProps except for style (see below)
   // This must be commented for Fabric codegen to work.
   ...Omit<ViewProps, 'style'>,
@@ -339,13 +340,13 @@ export type NativeProps = $ReadOnly<{
    * Callback that is called when the text input is blurred.
    * `target` is the reactTag of the element
    */
-  onBlur?: ?BubblingEventHandler<$ReadOnly<{target: Int32}>>,
+  onBlur?: ?BubblingEventHandler<Readonly<{target: Int32}>>,
 
   /**
    * Callback that is called when the text input is focused.
    * `target` is the reactTag of the element
    */
-  onFocus?: ?BubblingEventHandler<$ReadOnly<{target: Int32}>>,
+  onFocus?: ?BubblingEventHandler<Readonly<{target: Int32}>>,
 
   /**
    * Callback that is called when the text input's text changes.
@@ -353,7 +354,7 @@ export type NativeProps = $ReadOnly<{
    * TODO: differentiate between onChange and onChangeText
    */
   onChange?: ?BubblingEventHandler<
-    $ReadOnly<{target: Int32, eventCount: Int32, text: string}>,
+    Readonly<{target: Int32, eventCount: Int32, text: string}>,
   >,
 
   /**
@@ -362,7 +363,7 @@ export type NativeProps = $ReadOnly<{
    * TODO: differentiate between onChange and onChangeText
    */
   onChangeText?: ?BubblingEventHandler<
-    $ReadOnly<{target: Int32, eventCount: Int32, text: string}>,
+    Readonly<{target: Int32, eventCount: Int32, text: string}>,
   >,
 
   /**
@@ -373,18 +374,16 @@ export type NativeProps = $ReadOnly<{
    * Only called for multiline text inputs.
    */
   onContentSizeChange?: ?DirectEventHandler<
-    $ReadOnly<{
+    Readonly<{
       target: Int32,
-      contentSize: $ReadOnly<{width: Double, height: Double}>,
+      contentSize: Readonly<{width: Double, height: Double}>,
     }>,
   >,
 
   /**
    * Callback that is called when text input ends.
    */
-  onEndEditing?: ?BubblingEventHandler<
-    $ReadOnly<{target: Int32, text: string}>,
-  >,
+  onEndEditing?: ?BubblingEventHandler<Readonly<{target: Int32, text: string}>>,
 
   /**
    * Callback that is called when the text input selection is changed.
@@ -392,9 +391,9 @@ export type NativeProps = $ReadOnly<{
    * `{ nativeEvent: { selection: { start, end } } }`.
    */
   onSelectionChange?: ?DirectEventHandler<
-    $ReadOnly<{
+    Readonly<{
       target: Int32,
-      selection: $ReadOnly<{start: Double, end: Double}>,
+      selection: Readonly<{start: Double, end: Double}>,
     }>,
   >,
 
@@ -403,7 +402,7 @@ export type NativeProps = $ReadOnly<{
    * Invalid if `multiline={true}` is specified.
    */
   onSubmitEditing?: ?BubblingEventHandler<
-    $ReadOnly<{target: Int32, text: string}>,
+    Readonly<{target: Int32, text: string}>,
   >,
 
   /**
@@ -413,7 +412,7 @@ export type NativeProps = $ReadOnly<{
    * the typed-in character otherwise including `' '` for space.
    * Fires before `onChange` callbacks.
    */
-  onKeyPress?: ?BubblingEventHandler<$ReadOnly<{target: Int32, key: string}>>,
+  onKeyPress?: ?BubblingEventHandler<Readonly<{target: Int32, key: string}>>,
 
   /**
    * Invoked on content scroll with `{ nativeEvent: { contentOffset: { x, y } } }`.
@@ -421,28 +420,28 @@ export type NativeProps = $ReadOnly<{
    * is not provided for performance reasons.
    */
   onScroll?: ?DirectEventHandler<
-    $ReadOnly<{
+    Readonly<{
       target: Int32,
       responderIgnoreScroll: boolean,
-      contentInset: $ReadOnly<{
+      contentInset: Readonly<{
         top: Double, // always 0 on Android
         bottom: Double, // always 0 on Android
         left: Double, // always 0 on Android
         right: Double, // always 0 on Android
       }>,
-      contentOffset: $ReadOnly<{
+      contentOffset: Readonly<{
         x: Double,
         y: Double,
       }>,
-      contentSize: $ReadOnly<{
+      contentSize: Readonly<{
         width: Double, // always 0 on Android
         height: Double, // always 0 on Android
       }>,
-      layoutMeasurement: $ReadOnly<{
+      layoutMeasurement: Readonly<{
         width: Double,
         height: Double,
       }>,
-      velocity: $ReadOnly<{
+      velocity: Readonly<{
         x: Double, // always 0 on Android
         y: Double, // always 0 on Android
       }>,
@@ -479,7 +478,7 @@ export type NativeProps = $ReadOnly<{
    * The start and end of the text input's selection. Set start and end to
    * the same value to position the cursor.
    */
-  selection?: ?$ReadOnly<{
+  selection?: ?Readonly<{
     start: Int32,
     end?: ?Int32,
   }>,
@@ -582,7 +581,7 @@ export type NativeProps = $ReadOnly<{
   textShadowRadius?: ?Float,
   textDecorationLine?: ?string,
   fontStyle?: ?string,
-  textShadowOffset?: ?$ReadOnly<{width?: ?Double, height?: ?Double}>,
+  textShadowOffset?: ?Readonly<{width?: ?Double, height?: ?Double}>,
   lineHeight?: ?Float,
   textTransform?: ?string,
   color?: ?Int32,
@@ -696,41 +695,33 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     placeholder: true,
     inlineImagePadding: true,
     contextMenuHidden: true,
-    textShadowColor: {
-      process: require('../../StyleSheet/processColor').default,
-    },
+    textShadowColor: colorAttribute,
     maxLength: true,
     selectTextOnFocus: true,
     textShadowRadius: true,
-    underlineColorAndroid: {
-      process: require('../../StyleSheet/processColor').default,
-    },
+    underlineColorAndroid: colorAttribute,
     textDecorationLine: true,
     submitBehavior: true,
     textAlignVertical: true,
     fontStyle: true,
     textShadowOffset: true,
-    selectionColor: {process: require('../../StyleSheet/processColor').default},
-    selectionHandleColor: {
-      process: require('../../StyleSheet/processColor').default,
-    },
-    placeholderTextColor: {
-      process: require('../../StyleSheet/processColor').default,
-    },
+    selectionColor: colorAttribute,
+    selectionHandleColor: colorAttribute,
+    placeholderTextColor: colorAttribute,
     importantForAutofill: true,
     lineHeight: true,
     textTransform: true,
     returnKeyType: true,
     keyboardType: true,
     multiline: true,
-    color: {process: require('../../StyleSheet/processColor').default},
+    color: colorAttribute,
     autoComplete: true,
     numberOfLines: true,
     letterSpacing: true,
     returnKeyLabel: true,
     fontSize: true,
     onKeyPress: true,
-    cursorColor: {process: require('../../StyleSheet/processColor').default},
+    cursorColor: colorAttribute,
     text: true,
     showSoftInputOnFocus: true,
     textAlign: true,
@@ -752,22 +743,16 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     editable: true,
     fontVariant: true,
     borderBottomRightRadius: true,
-    borderBottomColor: {
-      process: require('../../StyleSheet/processColor').default,
-    },
+    borderBottomColor: colorAttribute,
     borderRadius: true,
-    borderRightColor: {
-      process: require('../../StyleSheet/processColor').default,
-    },
-    borderColor: {process: require('../../StyleSheet/processColor').default},
+    borderRightColor: colorAttribute,
+    borderColor: colorAttribute,
     borderTopRightRadius: true,
     borderStyle: true,
     borderBottomLeftRadius: true,
-    borderLeftColor: {
-      process: require('../../StyleSheet/processColor').default,
-    },
+    borderLeftColor: colorAttribute,
     borderTopLeftRadius: true,
-    borderTopColor: {process: require('../../StyleSheet/processColor').default},
+    borderTopColor: colorAttribute,
     clearTextOnFocus: true, // [Windows]
     clearTextOnSubmit: true, // [Windows]
     scrollEnabled: true, // [Windows]

package/Libraries/Components/Touchable/PooledClass.js

@@ -105,7 +105,7 @@ const addPoolingTo = function <T>(
   pooler: Pooler,
 ): Class<T> & {
   getPooled(
-    ...args: $ReadOnlyArray<unknown>
+    ...args: ReadonlyArray<unknown>
   ): /* arguments of the constructor */ T,
   release(instance: unknown): void,
   ...

package/Libraries/Components/Touchable/Touchable.js

@@ -25,7 +25,7 @@ import Position from './Position';
 import * as React from 'react';
 
 const extractSingleTouch = (nativeEvent: {
-  +changedTouches: $ReadOnlyArray<GestureResponderEvent['nativeEvent']>,
+  +changedTouches: ReadonlyArray<GestureResponderEvent['nativeEvent']>,
   +force?: number,
   +identifier: number,
   +locationX: number,
@@ -34,7 +34,7 @@ const extractSingleTouch = (nativeEvent: {
   +pageY: number,
   +target: ?number,
   +timestamp: number,
-  +touches: $ReadOnlyArray<GestureResponderEvent['nativeEvent']>,
+  +touches: ReadonlyArray<GestureResponderEvent['nativeEvent']>,
 }) => {
   const touches = nativeEvent.touches;
   const changedTouches = nativeEvent.changedTouches;

package/Libraries/Components/Touchable/Touchable.windows.js

@@ -27,7 +27,7 @@ import * as React from 'react';
 const extractSingleTouch = (nativeEvent: {
   +altKey: ?boolean,
   +button: ?number,
-  +changedTouches: $ReadOnlyArray<GestureResponderEvent['nativeEvent']>,
+  +changedTouches: ReadonlyArray<GestureResponderEvent['nativeEvent']>,
   +ctrlKey: ?boolean,
   +force?: number,
   +identifier: number,
@@ -39,7 +39,7 @@ const extractSingleTouch = (nativeEvent: {
   +shiftKey: ?boolean,
   +target: ?number,
   +timestamp: number,
-  +touches: $ReadOnlyArray<GestureResponderEvent['nativeEvent']>,
+  +touches: ReadonlyArray<GestureResponderEvent['nativeEvent']>,
 }) => {
   const touches = nativeEvent.touches;
   const changedTouches = nativeEvent.changedTouches;

package/Libraries/Components/Touchable/TouchableBounce.js

@@ -19,7 +19,7 @@ import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import Platform from '../../Utilities/Platform';
 import * as React from 'react';
 
-type TouchableBounceProps = $ReadOnly<{
+type TouchableBounceProps = Readonly<{
   ...React.ElementConfig<TouchableWithoutFeedback>,
 
   onPressAnimationComplete?: ?() => void,
@@ -31,7 +31,7 @@ type TouchableBounceProps = $ReadOnly<{
   hostRef: React.RefSetter<React.ElementRef<typeof Animated.View>>,
 }>;
 
-type TouchableBounceState = $ReadOnly<{
+type TouchableBounceState = Readonly<{
   pressability: Pressability,
   scale: Animated.Value,
 }>;
@@ -226,10 +226,10 @@ export default (function TouchableBounceWrapper({
   ...props
 }: {
   ref: React.RefSetter<unknown>,
-  ...$ReadOnly<Omit<TouchableBounceProps, 'hostRef'>>,
+  ...Readonly<Omit<TouchableBounceProps, 'hostRef'>>,
 }) {
   return <TouchableBounce {...props} hostRef={hostRef} />;
 } as component(
   ref?: React.RefSetter<unknown>,
-  ...props: $ReadOnly<Omit<TouchableBounceProps, 'hostRef'>>
+  ...props: Readonly<Omit<TouchableBounceProps, 'hostRef'>>
 ));

package/Libraries/Components/Touchable/TouchableBounce.windows.js

@@ -19,7 +19,7 @@ import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import Platform from '../../Utilities/Platform';
 import * as React from 'react';
 
-type TouchableBounceProps = $ReadOnly<{
+type TouchableBounceProps = Readonly<{
   ...React.ElementConfig<TouchableWithoutFeedback>,
 
   onPressAnimationComplete?: ?() => void,
@@ -31,7 +31,7 @@ type TouchableBounceProps = $ReadOnly<{
   hostRef: React.RefSetter<React.ElementRef<typeof Animated.View>>,
 }>;
 
-type TouchableBounceState = $ReadOnly<{
+type TouchableBounceState = Readonly<{
   pressability: Pressability,
   scale: Animated.Value,
 }>;
@@ -233,10 +233,10 @@ export default (function TouchableBounceWrapper({
   ...props
 }: {
   ref: React.RefSetter<unknown>,
-  ...$ReadOnly<Omit<TouchableBounceProps, 'hostRef'>>,
+  ...Readonly<Omit<TouchableBounceProps, 'hostRef'>>,
 }) {
   return <TouchableBounce {...props} hostRef={hostRef} />;
 } as component(
   ref?: React.RefSetter<unknown>,
-  ...props: $ReadOnly<Omit<TouchableBounceProps, 'hostRef'>>
+  ...props: Readonly<Omit<TouchableBounceProps, 'hostRef'>>
 ));

package/Libraries/Components/Touchable/TouchableHighlight.js

@@ -22,7 +22,7 @@ import Platform from '../../Utilities/Platform';
 import * as React from 'react';
 import {cloneElement} from 'react';
 
-type AndroidProps = $ReadOnly<{
+type AndroidProps = Readonly<{
   nextFocusDown?: ?number,
   nextFocusForward?: ?number,
   nextFocusLeft?: ?number,
@@ -30,14 +30,14 @@ type AndroidProps = $ReadOnly<{
   nextFocusUp?: ?number,
 }>;
 
-type IOSProps = $ReadOnly<{
+type IOSProps = Readonly<{
   /**
    * @deprecated Use `focusable` instead
    */
   hasTVPreferredFocus?: ?boolean,
 }>;
 
-type TouchableHighlightBaseProps = $ReadOnly<{
+type TouchableHighlightBaseProps = Readonly<{
   /**
    * Determines what the opacity of the wrapped view should be when touch is active.
    */
@@ -63,19 +63,19 @@ type TouchableHighlightBaseProps = $ReadOnly<{
   hostRef?: React.RefSetter<React.ElementRef<typeof View>>,
 }>;
 
-export type TouchableHighlightProps = $ReadOnly<{
+export type TouchableHighlightProps = Readonly<{
   ...TouchableWithoutFeedbackProps,
   ...AndroidProps,
   ...IOSProps,
   ...TouchableHighlightBaseProps,
 }>;
 
-type ExtraStyles = $ReadOnly<{
+type ExtraStyles = Readonly<{
   child: ViewStyleProp,
   underlay: ViewStyleProp,
 }>;
 
-type TouchableHighlightState = $ReadOnly<{
+type TouchableHighlightState = Readonly<{
   pressability: Pressability,
   extraStyles: ?ExtraStyles,
 }>;
@@ -412,13 +412,13 @@ class TouchableHighlightImpl extends React.Component<
 
 const TouchableHighlight: component(
   ref?: React.RefSetter<React.ElementRef<typeof View>>,
-  ...props: $ReadOnly<Omit<TouchableHighlightProps, 'hostRef'>>
+  ...props: Readonly<Omit<TouchableHighlightProps, 'hostRef'>>
 ) = ({
   ref: hostRef,
   ...props
 }: {
   ref?: React.RefSetter<React.ElementRef<typeof View>>,
-  ...$ReadOnly<Omit<TouchableHighlightProps, 'hostRef'>>,
+  ...Readonly<Omit<TouchableHighlightProps, 'hostRef'>>,
 }) => <TouchableHighlightImpl {...props} hostRef={hostRef} />;
 
 TouchableHighlight.displayName = 'TouchableHighlight';

package/Libraries/Components/Touchable/TouchableHighlight.windows.js

@@ -22,7 +22,7 @@ import Platform from '../../Utilities/Platform';
 import * as React from 'react';
 import {cloneElement} from 'react';
 
-type AndroidProps = $ReadOnly<{
+type AndroidProps = Readonly<{
   nextFocusDown?: ?number,
   nextFocusForward?: ?number,
   nextFocusLeft?: ?number,
@@ -30,7 +30,7 @@ type AndroidProps = $ReadOnly<{
   nextFocusUp?: ?number,
 }>;
 
-type IOSProps = $ReadOnly<{
+type IOSProps = Readonly<{
   /**
    * @deprecated Use `focusable` instead
    */
@@ -38,7 +38,7 @@ type IOSProps = $ReadOnly<{
 }>;
 
 // [Windows
-type WindowProps = $ReadOnly<{
+type WindowProps = Readonly<{
   onAccessibilityTap?: ?() => void,
   //onMouseEnter: ?() => void,
   //onMouseLeave: ?() => void,
@@ -46,7 +46,7 @@ type WindowProps = $ReadOnly<{
 }>;
 // Windows]
 
-type TouchableHighlightBaseProps = $ReadOnly<{
+type TouchableHighlightBaseProps = Readonly<{
   /**
    * Determines what the opacity of the wrapped view should be when touch is active.
    */
@@ -72,7 +72,7 @@ type TouchableHighlightBaseProps = $ReadOnly<{
   hostRef?: React.RefSetter<React.ElementRef<typeof View>>,
 }>;
 
-export type TouchableHighlightProps = $ReadOnly<{
+export type TouchableHighlightProps = Readonly<{
   ...TouchableWithoutFeedbackProps,
   ...AndroidProps,
   ...IOSProps,
@@ -80,12 +80,12 @@ export type TouchableHighlightProps = $ReadOnly<{
   ...TouchableHighlightBaseProps,
 }>;
 
-type ExtraStyles = $ReadOnly<{
+type ExtraStyles = Readonly<{
   child: ViewStyleProp,
   underlay: ViewStyleProp,
 }>;
 
-type TouchableHighlightState = $ReadOnly<{
+type TouchableHighlightState = Readonly<{
   pressability: Pressability,
   extraStyles: ?ExtraStyles,
 }>;
@@ -437,13 +437,13 @@ class TouchableHighlightImpl extends React.Component<
 
 const TouchableHighlight: component(
   ref?: React.RefSetter<React.ElementRef<typeof View>>,
-  ...props: $ReadOnly<Omit<TouchableHighlightProps, 'hostRef'>>
+  ...props: Readonly<Omit<TouchableHighlightProps, 'hostRef'>>
 ) = ({
   ref: hostRef,
   ...props
 }: {
   ref?: React.RefSetter<React.ElementRef<typeof View>>,
-  ...$ReadOnly<Omit<TouchableHighlightProps, 'hostRef'>>,
+  ...Readonly<Omit<TouchableHighlightProps, 'hostRef'>>,
 }) => <TouchableHighlightImpl {...props} hostRef={hostRef} />;
 
 TouchableHighlight.displayName = 'TouchableHighlight';

package/Libraries/Components/Touchable/TouchableNativeFeedback.js

@@ -69,7 +69,7 @@ type TouchableNativeFeedbackTVProps = {
   nextFocusUp?: ?number,
 };
 
-export type TouchableNativeFeedbackProps = $ReadOnly<{
+export type TouchableNativeFeedbackProps = Readonly<{
   ...TouchableWithoutFeedbackProps,
   ...TouchableNativeFeedbackTVProps,
   /**
@@ -87,14 +87,14 @@ export type TouchableNativeFeedbackProps = $ReadOnly<{
    *         type is available on Android API level 21+
    */
   background?: ?(
-    | $ReadOnly<{
+    | Readonly<{
         type: 'ThemeAttrAndroid',
         attribute:
           | 'selectableItemBackground'
           | 'selectableItemBackgroundBorderless',
         rippleRadius: ?number,
       }>
-    | $ReadOnly<{
+    | Readonly<{
         type: 'RippleAndroid',
         color: ?number,
         borderless: boolean,
@@ -114,7 +114,7 @@ export type TouchableNativeFeedbackProps = $ReadOnly<{
   useForeground?: ?boolean,
 }>;
 
-type TouchableNativeFeedbackState = $ReadOnly<{
+type TouchableNativeFeedbackState = Readonly<{
   pressability: Pressability,
 }>;
 
@@ -138,7 +138,7 @@ class TouchableNativeFeedback extends React.Component<
    *
    * @param rippleRadius The radius of ripple effect
    */
-  static SelectableBackground: (rippleRadius?: ?number) => $ReadOnly<{
+  static SelectableBackground: (rippleRadius?: ?number) => Readonly<{
     attribute: 'selectableItemBackground',
     type: 'ThemeAttrAndroid',
     rippleRadius: ?number,
@@ -155,7 +155,7 @@ class TouchableNativeFeedback extends React.Component<
    *
    * @param rippleRadius The radius of ripple effect
    */
-  static SelectableBackgroundBorderless: (rippleRadius?: ?number) => $ReadOnly<{
+  static SelectableBackgroundBorderless: (rippleRadius?: ?number) => Readonly<{
     attribute: 'selectableItemBackgroundBorderless',
     type: 'ThemeAttrAndroid',
     rippleRadius: ?number,
@@ -180,7 +180,7 @@ class TouchableNativeFeedback extends React.Component<
     color: string,
     borderless: boolean,
     rippleRadius?: ?number,
-  ) => $ReadOnly<{
+  ) => Readonly<{
     borderless: boolean,
     color: ?number,
     rippleRadius: ?number,

package/Libraries/Components/Touchable/TouchableNativeFeedback.windows.js

@@ -69,7 +69,7 @@ type TouchableNativeFeedbackTVProps = {
   nextFocusUp?: ?number,
 };
 
-export type TouchableNativeFeedbackProps = $ReadOnly<{
+export type TouchableNativeFeedbackProps = Readonly<{
   ...TouchableWithoutFeedbackProps,
   ...TouchableNativeFeedbackTVProps,
   /**
@@ -87,14 +87,14 @@ export type TouchableNativeFeedbackProps = $ReadOnly<{
    *         type is available on Android API level 21+
    */
   background?: ?(
-    | $ReadOnly<{
+    | Readonly<{
         type: 'ThemeAttrAndroid',
         attribute:
           | 'selectableItemBackground'
           | 'selectableItemBackgroundBorderless',
         rippleRadius: ?number,
       }>
-    | $ReadOnly<{
+    | Readonly<{
         type: 'RippleAndroid',
         color: ?number,
         borderless: boolean,
@@ -114,7 +114,7 @@ export type TouchableNativeFeedbackProps = $ReadOnly<{
   useForeground?: ?boolean,
 }>;
 
-type TouchableNativeFeedbackState = $ReadOnly<{
+type TouchableNativeFeedbackState = Readonly<{
   pressability: Pressability,
 }>;
 
@@ -138,7 +138,7 @@ class TouchableNativeFeedback extends React.Component<
    *
    * @param rippleRadius The radius of ripple effect
    */
-  static SelectableBackground: (rippleRadius?: ?number) => $ReadOnly<{
+  static SelectableBackground: (rippleRadius?: ?number) => Readonly<{
     attribute: 'selectableItemBackground',
     type: 'ThemeAttrAndroid',
     rippleRadius: ?number,
@@ -155,7 +155,7 @@ class TouchableNativeFeedback extends React.Component<
    *
    * @param rippleRadius The radius of ripple effect
    */
-  static SelectableBackgroundBorderless: (rippleRadius?: ?number) => $ReadOnly<{
+  static SelectableBackgroundBorderless: (rippleRadius?: ?number) => Readonly<{
     attribute: 'selectableItemBackgroundBorderless',
     type: 'ThemeAttrAndroid',
     rippleRadius: ?number,
@@ -180,7 +180,7 @@ class TouchableNativeFeedback extends React.Component<
     color: string,
     borderless: boolean,
     rippleRadius?: ?number,
-  ) => $ReadOnly<{
+  ) => Readonly<{
     borderless: boolean,
     color: ?number,
     rippleRadius: ?number,