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

package/Libraries/ReactNative/AppContainer-dev.js

@@ -8,12 +8,14 @@
  * @format
  */
 
+import type {TouchedViewDataAtPoint} from '../Renderer/shims/ReactNativeTypes';
 import type {
   ReactDevToolsAgent,
   ReactDevToolsGlobalHook,
 } from '../Types/ReactDevToolsTypes';
 import type {Props} from './AppContainer';
 
+import useExternalInspection from '../../src/private/devsupport/devmenu/elementinspector/useExternalInspection';
 import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
 import View from '../Components/View/View';
 import DebuggingOverlay from '../Debugging/DebuggingOverlay';
@@ -40,16 +42,25 @@ if (reactDevToolsHook) {
   );
 }
 
+type ExternalInspection = {
+  externalInspectingEnabled: boolean,
+  +reportToExternalInspection: (viewData: TouchedViewDataAtPoint) => void,
+};
+
 type InspectorDeferredProps = {
   inspectedViewRef: InspectedViewRef,
   onInspectedViewRerenderRequest: () => void,
   reactDevToolsAgent?: ReactDevToolsAgent,
+  devMenuInspectorOpen: boolean,
+  externalInspection: ExternalInspection,
 };
 
 const InspectorDeferred = ({
   inspectedViewRef,
   onInspectedViewRerenderRequest,
   reactDevToolsAgent,
+  devMenuInspectorOpen,
+  externalInspection,
 }: InspectorDeferredProps) => {
   // D39382967 adds a require cycle: InitializeCore -> AppContainer -> Inspector -> InspectorPanel -> ScrollView -> InitializeCore
   // We can't remove it yet, fallback to dynamic require for now. This is the only reason why this logic is in a separate function.
@@ -61,6 +72,8 @@ const InspectorDeferred = ({
       inspectedViewRef={inspectedViewRef}
       onRequestRerenderApp={onInspectedViewRerenderRequest}
       reactDevToolsAgent={reactDevToolsAgent}
+      devMenuInspectorOpen={devMenuInspectorOpen}
+      externalInspection={externalInspection}
     />
   );
 };
@@ -108,6 +121,7 @@ const AppContainer = ({
   const [shouldRenderInspector, setShouldRenderInspector] = useState(false);
   const [reactDevToolsAgent, setReactDevToolsAgent] =
     useState<ReactDevToolsAgent | void>(reactDevToolsHook?.reactDevtoolsAgent);
+  const externalInspection = useExternalInspection();
 
   useEffect(() => {
     let inspectorSubscription = null;
@@ -179,11 +193,14 @@ const AppContainer = ({
           />
         )}
 
-        {shouldRenderInspector && (
+        {(shouldRenderInspector ||
+          externalInspection.externalInspectingEnabled) && (
           <InspectorDeferred
             inspectedViewRef={innerViewRef}
             onInspectedViewRerenderRequest={onInspectedViewRerenderRequest}
             reactDevToolsAgent={reactDevToolsAgent}
+            devMenuInspectorOpen={shouldRenderInspector}
+            externalInspection={externalInspection}
           />
         )}
 

package/Libraries/ReactNative/AppContainer.js

@@ -13,7 +13,7 @@ import type {RootTag} from './RootTag';
 
 import * as React from 'react';
 
-export type Props = $ReadOnly<{
+export type Props = Readonly<{
   children?: React.Node,
   fabric?: boolean,
   rootTag: number | RootTag,

package/Libraries/ReactNative/AppRegistry.flow.js

@@ -29,7 +29,7 @@ export type AppConfig = {
   ...
 };
 export type AppParameters = {
-  initialProps: $ReadOnly<{[string]: unknown, ...}>,
+  initialProps: Readonly<{[string]: unknown, ...}>,
   rootTag: RootTag,
   fabric?: boolean,
 };
@@ -39,7 +39,7 @@ export type Runnable = (
 ) => void;
 export type Runnables = {[appKey: string]: Runnable};
 export type Registry = {
-  sections: $ReadOnlyArray<string>,
+  sections: ReadonlyArray<string>,
   runnables: Runnables,
   ...
 };

package/Libraries/ReactNative/AppRegistryImpl.js

@@ -119,11 +119,11 @@ export function registerSection(
   registerComponent(appKey, component, true);
 }
 
-export function getAppKeys(): $ReadOnlyArray<string> {
+export function getAppKeys(): ReadonlyArray<string> {
   return Object.keys(runnables);
 }
 
-export function getSectionKeys(): $ReadOnlyArray<string> {
+export function getSectionKeys(): ReadonlyArray<string> {
   return Object.keys(sections);
 }
 

package/Libraries/ReactNative/FabricUIManager.js

@@ -154,7 +154,7 @@ export function getFabricUIManager(): ?Spec {
  */
 function createProxyWithCachedProperties(
   implementation: Spec,
-  propertiesToCache: $ReadOnlyArray<string>,
+  propertiesToCache: ReadonlyArray<string>,
 ): Spec {
   const proxy = Object.create(implementation);
   for (const propertyName of propertiesToCache) {

package/Libraries/ReactNative/RendererImplementation.js

@@ -37,11 +37,11 @@ function getPaperRenderer(): ReactNativeType {
   return cachedPaperRenderer;
 }
 
-const getMethod: (<MethodName: $Keys<ReactFabricType>>(
+const getMethod: (<MethodName: keyof ReactFabricType>(
   () => ReactFabricType,
   MethodName,
 ) => ReactFabricType[MethodName]) &
-  (<MethodName: $Keys<ReactNativeType>>(
+  (<MethodName: keyof ReactNativeType>(
     () => ReactNativeType,
     MethodName,
   ) => ReactNativeType[MethodName]) = (getRenderer, methodName) => {
@@ -59,13 +59,13 @@ const getMethod: (<MethodName: $Keys<ReactFabricType>>(
   };
 };
 
-function getFabricMethod<MethodName: $Keys<ReactFabricType>>(
+function getFabricMethod<MethodName: keyof ReactFabricType>(
   methodName: MethodName,
 ): ReactFabricType[MethodName] {
   return getMethod(getFabricRenderer, methodName);
 }
 
-function getPaperMethod<MethodName: $Keys<ReactNativeType>>(
+function getPaperMethod<MethodName: keyof ReactNativeType>(
   methodName: MethodName,
 ): ReactNativeType[MethodName] {
   return getMethod(getPaperRenderer, methodName);

package/Libraries/ReactNative/UIManagerProperties.js

@@ -26,7 +26,7 @@
  * accessed. Once UIManager property accesses for view managers has been fully
  * deprecated, this file will also be removed.
  */
-const UIManagerProperties: $ReadOnlyArray<string> = [
+const UIManagerProperties: ReadonlyArray<string> = [
   'clearJSResponder',
   'configureNextLayoutAnimation',
   'createView',

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

@@ -7,9 +7,10 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<22737380b5e4280ce3563ac009164f56>>
+ * @generated SignedSource<<a389884f917160390547bb8b67479473>>
  *
- * 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/implementations/ReactNativeRenderer-prod.js

@@ -7,9 +7,10 @@
  * @noflow
  * @nolint
  * @preventMunge
- * @generated SignedSource<<232209f5a157745637191195f25907c7>>
+ * @generated SignedSource<<7e40a1e09e8b18f5fde8d400a830ed9a>>
  *
- * 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/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/ReactNativeTypes.windows.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,