@depup/react-native 0.86.0-depup.49 → 0.87.0-depup.0

package/src/private/animated/NativeAnimatedHelper.js

@@ -32,7 +32,7 @@ import nullthrows from 'nullthrows';
 
 interface NativeAnimatedModuleSpec extends NativeAnimatedTurboModuleSpec {
   // connectAnimatedNodeToShadowNodeFamily is available only in NativeAnimatedNonTurboModule
-  +connectAnimatedNodeToShadowNodeFamily?: (
+  readonly connectAnimatedNodeToShadowNodeFamily?: (
     nodeTag: number,
     // $FlowExpectedError[unclear-type].
     shadowNode: Object,
@@ -56,7 +56,7 @@ const singleOpQueue: Array<unknown> = [];
 const isSingleOpBatching =
   Platform.OS === 'android' &&
   NativeAnimatedModule?.queueAndExecuteBatchedOperations != null &&
-  ReactNativeFeatureFlags.animatedShouldUseSingleOp();
+  !ReactNativeFeatureFlags.cxxNativeAnimatedEnabled();
 let flushQueueImmediate = null;
 
 const eventListenerGetValueCallbacks: {
@@ -71,6 +71,21 @@ let globalEventEmitterAnimationFinishedListener: ?EventSubscription = null;
 const shouldSignalBatch: boolean =
   ReactNativeFeatureFlags.cxxNativeAnimatedEnabled();
 
+// Schedules `API.flushQueue` after the current batch, replacing any pending
+// flush. On device `setImmediate` is a microtask; under jest's fake timers it's
+// a fake-timer entry that only `runAllTimers` drains — not `await` or
+// `advanceTimersByTime` — so the deferred flush wouldn't run before a test's
+// assertions. Flush synchronously in tests instead.
+function scheduleQueueFlush(): void {
+  clearImmediate(flushQueueImmediate);
+  if (process.env.NODE_ENV === 'test') {
+    // TODO: T275950736 - remove this path
+    API.flushQueue();
+  } else {
+    flushQueueImmediate = setImmediate(API.flushQueue);
+  }
+}
+
 function createNativeOperations(): NonNullable<typeof NativeAnimatedModule> {
   const methodNames = [
     'createAnimatedNode', // 1
@@ -98,7 +113,8 @@ function createNativeOperations(): NonNullable<typeof NativeAnimatedModule> {
   if (
     ReactNativeFeatureFlags.cxxNativeAnimatedEnabled() &&
     //eslint-disable-next-line
-    ReactNativeFeatureFlags.useSharedAnimatedBackend()
+    ReactNativeFeatureFlags.useSharedAnimatedBackend() &&
+    NativeAnimatedModule?.connectAnimatedNodeToShadowNodeFamily != null
   ) {
     methodNames.push('connectAnimatedNodeToShadowNodeFamily');
   }
@@ -115,8 +131,7 @@ function createNativeOperations(): NonNullable<typeof NativeAnimatedModule> {
         // details, see `NativeAnimatedModule.queueAndExecuteBatchedOperations`.
         singleOpQueue.push(operationID, ...args);
         if (shouldSignalBatch) {
-          clearImmediate(flushQueueImmediate);
-          flushQueueImmediate = setImmediate(API.flushQueue);
+          scheduleQueueFlush();
         }
       };
     }
@@ -136,8 +151,7 @@ function createNativeOperations(): NonNullable<typeof NativeAnimatedModule> {
         } else if (shouldSignalBatch) {
           // $FlowExpectedError[incompatible-call] - Dynamism.
           queue.push(() => method(...args));
-          clearImmediate(flushQueueImmediate);
-          flushQueueImmediate = setImmediate(API.flushQueue);
+          scheduleQueueFlush();
         } else {
           // $FlowExpectedError[incompatible-call] - Dynamism.
           method(...args);
@@ -188,13 +202,7 @@ const API = {
   disableQueue(): void {
     invariant(NativeAnimatedModule, 'Native animated module is not available');
 
-    if (ReactNativeFeatureFlags.animatedShouldDebounceQueueFlush()) {
-      const prevImmediate = flushQueueImmediate;
-      clearImmediate(prevImmediate);
-      flushQueueImmediate = setImmediate(API.flushQueue);
-    } else {
-      API.flushQueue();
-    }
+    scheduleQueueFlush();
   },
   disconnectAnimatedNodeFromView(nodeTag: number, viewTag: number): void {
     NativeOperations.disconnectAnimatedNodeFromView(nodeTag, viewTag);
@@ -298,10 +306,7 @@ const API = {
 
     waitingForQueuedOperations.add(id);
     queueOperations = true;
-    if (
-      ReactNativeFeatureFlags.animatedShouldDebounceQueueFlush() &&
-      flushQueueImmediate
-    ) {
+    if (flushQueueImmediate) {
       clearImmediate(flushQueueImmediate);
     }
   },
@@ -405,17 +410,35 @@ function assertNativeAnimatedModule(): void {
 
 let _warnedMissingNativeAnimated = false;
 
+// Whether the native driver should be forced on for every animation, overriding
+// the config (including an explicit `useNativeDriver: false`). This is only safe
+// when the shared animated backend is enabled — that backend is what makes every
+// prop drivable natively. Forcing native without it would break animations of
+// props the legacy native driver doesn't support.
+function isNativeDriverForced(): boolean {
+  return (
+    ReactNativeFeatureFlags.animatedForceNativeDriver() &&
+    ReactNativeFeatureFlags.cxxNativeAnimatedEnabled() &&
+    // eslint-disable-next-line
+    ReactNativeFeatureFlags.useSharedAnimatedBackend()
+  );
+}
+
 function shouldUseNativeDriver(
   config: Readonly<{...AnimationConfig, ...}> | EventConfig<unknown>,
 ): boolean {
-  if (config.useNativeDriver == null) {
+  const forceNativeDriver = isNativeDriverForced();
+
+  if (config.useNativeDriver == null && !forceNativeDriver) {
     console.warn(
       'Animated: `useNativeDriver` was not specified. This is a required ' +
         'option and must be explicitly set to `true` or `false`',
     );
   }
 
-  if (config.useNativeDriver === true && !NativeAnimatedModule) {
+  const useNativeDriver = forceNativeDriver || config.useNativeDriver === true;
+
+  if (useNativeDriver === true && !NativeAnimatedModule) {
     if (process.env.NODE_ENV !== 'test') {
       if (!_warnedMissingNativeAnimated) {
         console.warn(
@@ -431,7 +454,7 @@ function shouldUseNativeDriver(
     return false;
   }
 
-  return config.useNativeDriver || false;
+  return useNativeDriver;
 }
 
 function transformDataType(value: number | string): number | string {
@@ -457,6 +480,7 @@ export default {
   assertNativeAnimatedModule,
   generateNewAnimationId,
   generateNewNodeTag,
+  isNativeDriverForced,
   // $FlowExpectedError[unsafe-getters-setters] - unsafe getter lint suppression
   // $FlowExpectedError[missing-type-arg] - unsafe getter lint suppression
   get nativeEventEmitter(): NativeEventEmitter {

package/src/private/assets/AssetRegistry.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+export type AssetDestPathResolver = 'android' | 'generic';
+
+export type PackagerAsset = Readonly<{
+  __packager_asset: boolean,
+  fileSystemLocation: string,
+  httpServerLocation: string,
+  width: ?number,
+  height: ?number,
+  scales: Array<number>,
+  hash: string,
+  name: string,
+  type: string,
+  resolver?: AssetDestPathResolver,
+  ...
+}>;
+
+const assets: Array<PackagerAsset> = [];
+
+/**
+ * Runtime registry that maps asset IDs generated in a Metro bundle to asset
+ * metadata. It backs `<Image>`, `Image.resolveAssetSource()`, and any code
+ * that resolves `require('./img.png')` on native.
+ *
+ * Most apps do not use this directly — assets are handled through `<Image>`.
+ */
+export const AssetRegistry = {
+  /**
+   * Register an asset. Returns the asset ID.
+   */
+  registerAsset(asset: PackagerAsset): number {
+    // `push` returns the new length, so the first asset gets id 1 (not 0),
+    // keeping ids truthy.
+    return assets.push(asset);
+  },
+
+  /**
+   * Retrieve a registered asset by ID.
+   */
+  getAssetByID(assetId: number): PackagerAsset {
+    return assets[assetId - 1];
+  },
+};

package/src/private/{specs_DEPRECATED/components → components/activityindicator/specs}/ActivityIndicatorViewNativeComponent.js

@@ -8,12 +8,12 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
-import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
+import type {WithDefault} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 
 type RCTActivityIndicatorViewNativeProps = Readonly<{
   ...ViewProps,

package/src/private/{specs_DEPRECATED/components → components/debuggingoverlay/specs}/DebuggingOverlayNativeComponent.js

@@ -8,12 +8,12 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ProcessedColorValue} from '../../../../Libraries/StyleSheet/processColor';
-import type {HostComponent} from '../../types/HostComponent';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ProcessedColorValue} from '../../../../../Libraries/StyleSheet/processColor';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from '../../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
 type DebuggingOverlayNativeProps = Readonly<{
@@ -36,15 +36,15 @@ export type ElementRectangle = {
 };
 
 interface NativeCommands {
-  +highlightTraceUpdates: (
+  readonly highlightTraceUpdates: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
     updates: ReadonlyArray<TraceUpdate>,
   ) => void;
-  +highlightElements: (
+  readonly highlightElements: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
     elements: ReadonlyArray<ElementRectangle>,
   ) => void;
-  +clearElementsHighlights: (
+  readonly clearElementsHighlights: (
     viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
   ) => void;
 }

package/src/private/{specs_DEPRECATED/components → components/drawerlayoutandroid/specs}/AndroidDrawerLayoutNativeComponent.js

@@ -8,18 +8,18 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
   Float,
   Int32,
   WithDefault,
-} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from '../../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
 type DrawerStateEvent = Readonly<{
@@ -111,8 +111,8 @@ type AndroidDrawerLayoutNativeProps = Readonly<{
 type NativeType = HostComponent<AndroidDrawerLayoutNativeProps>;
 
 interface NativeCommands {
-  +openDrawer: (viewRef: React.ElementRef<NativeType>) => void;
-  +closeDrawer: (viewRef: React.ElementRef<NativeType>) => void;
+  readonly openDrawer: (viewRef: React.ElementRef<NativeType>) => void;
+  readonly closeDrawer: (viewRef: React.ElementRef<NativeType>) => void;
 }
 
 export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({

package/src/private/{specs_DEPRECATED/components → components/inputaccessoryview/specs}/RCTInputAccessoryViewNativeComponent.js

@@ -8,11 +8,11 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
-import type {HostComponent} from '../../types/HostComponent';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 
 type InputAccessoryNativeProps = Readonly<{
   ...ViewProps,

package/src/private/{specs_DEPRECATED/components → components/modal/specs}/RCTModalHostViewNativeComponent.js

@@ -8,15 +8,15 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
 import type {
   DirectEventHandler,
   Int32,
   WithDefault,
-} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 
 type OrientationChangeEvent = Readonly<{
   orientation: 'portrait' | 'landscape',
@@ -107,11 +107,6 @@ type RCTModalHostViewNativeProps = Readonly<{
    */
   visible?: WithDefault<boolean, false>,
 
-  /**
-   * Deprecated. Use the `animationType` prop instead.
-   */
-  animated?: WithDefault<boolean, false>,
-
   /**
    * Controls whether the modal can be dismissed by swiping down on iOS.
    * This requires you to implement the `onRequestClose` prop to handle the dismissal.

package/src/private/{specs_DEPRECATED/components → components/progressbarandroid/specs}/ProgressBarAndroidNativeComponent.js

@@ -8,15 +8,15 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   Double,
   WithDefault,
-} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 
 type AndroidProgressBarNativeProps = Readonly<{
   ...ViewProps,

package/src/private/{specs_DEPRECATED/components → components/refreshcontrol/specs}/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -8,17 +8,17 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
   Float,
   WithDefault,
-} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from '../../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
 type AndroidSwipeRefreshLayoutNativeProps = Readonly<{
@@ -59,7 +59,7 @@ type AndroidSwipeRefreshLayoutNativeProps = Readonly<{
 type NativeType = HostComponent<AndroidSwipeRefreshLayoutNativeProps>;
 
 interface NativeCommands {
-  +setNativeRefreshing: (
+  readonly setNativeRefreshing: (
     viewRef: React.ElementRef<NativeType>,
     value: boolean,
   ) => void;

package/src/private/{specs_DEPRECATED/components → components/refreshcontrol/specs}/PullToRefreshViewNativeComponent.js

@@ -8,17 +8,17 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   DirectEventHandler,
   Float,
   WithDefault,
-} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from '../../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
 type PullToRefreshNativeProps = Readonly<{
@@ -55,7 +55,7 @@ type PullToRefreshNativeProps = Readonly<{
 type ComponentType = HostComponent<PullToRefreshNativeProps>;
 
 interface NativeCommands {
-  +setNativeRefreshing: (
+  readonly setNativeRefreshing: (
     viewRef: React.ElementRef<ComponentType>,
     refreshing: boolean,
   ) => void;

package/src/private/components/safeareaview/SafeAreaView_INTERNAL_DO_NOT_USE.js

@@ -19,10 +19,10 @@ const exported: component(
   ref?: React.RefSetter<React.ElementRef<typeof View>>,
   ...ViewProps
 ) = Platform.select({
-  ios: require('../../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
+  ios: require('../../../../src/private/components/safeareaview/specs/RCTSafeAreaViewNativeComponent')
     .default,
   android: UIManager.hasViewManagerConfig('RCTSafeAreaView')
-    ? require('../../../../src/private/specs_DEPRECATED/components/RCTSafeAreaViewNativeComponent')
+    ? require('../../../../src/private/components/safeareaview/specs/RCTSafeAreaViewNativeComponent')
         .default
     : View,
   default: View,

package/src/private/{specs_DEPRECATED/components → components/safeareaview/specs}/RCTSafeAreaViewNativeComponent.js

@@ -8,10 +8,10 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../types/HostComponent';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 
 type RCTSafeAreaViewNativeProps = Readonly<{
   ...ViewProps,

package/src/private/components/scrollview/HScrollViewNativeComponents.js

@@ -16,7 +16,7 @@ import AndroidHorizontalScrollViewNativeComponent from '../../../../Libraries/Co
 import ScrollContentViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollContentViewNativeComponent';
 import ScrollViewNativeComponent from '../../../../Libraries/Components/ScrollView/ScrollViewNativeComponent';
 import Platform from '../../../../Libraries/Utilities/Platform';
-import AndroidHorizontalScrollContentViewNativeComponent from '../../specs_DEPRECATED/components/AndroidHorizontalScrollContentViewNativeComponent';
+import AndroidHorizontalScrollContentViewNativeComponent from '../../components/scrollview/specs/AndroidHorizontalScrollContentViewNativeComponent';
 
 export const HScrollViewNativeComponent: HostComponent<ScrollViewNativeProps> =
   Platform.OS === 'android'

package/src/private/{specs_DEPRECATED/components → components/scrollview/specs}/AndroidHorizontalScrollContentViewNativeComponent.js

@@ -8,10 +8,10 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {HostComponent} from '../../types/HostComponent';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 
 type AndroidHorizontalScrollContentViewNativeProps = Readonly<{
   ...ViewProps,

package/src/private/{specs_DEPRECATED/components → components/switch/specs}/AndroidSwitchNativeComponent.js

@@ -8,17 +8,17 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   BubblingEventHandler,
   Int32,
   WithDefault,
-} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from '../../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
 type AndroidSwitchChangeEvent = Readonly<{
@@ -47,7 +47,7 @@ type AndroidSwitchNativeProps = Readonly<{
 type NativeType = HostComponent<AndroidSwitchNativeProps>;
 
 interface NativeCommands {
-  +setNativeValue: (
+  readonly setNativeValue: (
     viewRef: React.ElementRef<NativeType>,
     value: boolean,
   ) => void;

package/src/private/{specs_DEPRECATED/components → components/switch/specs}/SwitchNativeComponent.js

@@ -8,17 +8,17 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {
   BubblingEventHandler,
   Int32,
   WithDefault,
-} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from '../../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 import * as React from 'react';
 
 type NativeSwitchChangeEvent = Readonly<{
@@ -48,7 +48,10 @@ type SwitchNativeProps = Readonly<{
 type ComponentType = HostComponent<SwitchNativeProps>;
 
 interface NativeCommands {
-  +setValue: (viewRef: React.ElementRef<ComponentType>, value: boolean) => void;
+  readonly setValue: (
+    viewRef: React.ElementRef<ComponentType>,
+    value: boolean,
+  ) => void;
 }
 
 export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({

package/src/private/{specs_DEPRECATED/components → components/unimplementedview/specs}/UnimplementedNativeViewNativeComponent.js

@@ -8,11 +8,11 @@
  * @format
  */
 
-import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
-import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
-import type {HostComponent} from '../../types/HostComponent';
+import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
+import type {WithDefault} from '../../../../../Libraries/Types/CodegenTypes';
+import type {HostComponent} from '../../../types/HostComponent';
 
-import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 
 type UnimplementedNativeViewNativeProps = Readonly<{
   ...ViewProps,

package/src/private/components/virtualcollection/Virtual.js

@@ -19,13 +19,13 @@ export interface Item {}
  * An interface for a collection of items, without requiring that each item be
  * eagerly (or lazily) allocated.
  */
-export interface VirtualCollection<+T extends Item> {
+export interface VirtualCollection<out T extends Item> {
   /**
    * The number of items in the collection. This can either be a numeric scalar
    * or a getter function that is computed on access. However, it should remain
    * constant for the lifetime of this object.
    */
-  +size: number;
+  readonly size: number;
 
   /**
    * If an item exists at the supplied index, this should return a consistent
@@ -40,9 +40,9 @@ export interface VirtualCollection<+T extends Item> {
  * use, this is not recommended for larger arrays because each element of an
  * array is eagerly allocated.
  */
-export class VirtualArray<+T extends Item> implements VirtualCollection<T> {
-  +size: number;
-  +at: (index: number) => T;
+export class VirtualArray<out T extends Item> implements VirtualCollection<T> {
+  readonly size: number;
+  readonly at: (index: number) => T;
 
   constructor(input: Readonly<$ArrayLike<T>>) {
     const array = [...input];

package/src/private/components/virtualcollection/VirtualCollectionView.js

@@ -17,7 +17,6 @@ import {
   VirtualViewMode,
   createHiddenVirtualView,
 } from '../virtualview/VirtualView';
-import FlingItemOverlay from './debug/FlingItemOverlay';
 import * as React from 'react';
 import {useCallback, useMemo, useState} from 'react';
 
@@ -40,7 +39,7 @@ export type VirtualCollectionGenerator = Readonly<{
 }>;
 
 export type VirtualCollectionViewComponent<TLayoutProps extends {...}> =
-  component<+TItem extends Item>(
+  component<out TItem extends Item>(
     children: (item: TItem, key: string) => React.Node,
     items: VirtualCollection<TItem>,
     itemToKey?: (TItem) => string,
@@ -87,7 +86,7 @@ export function createVirtualCollectionView<TLayoutProps extends {...}>(
   VirtualLayout: VirtualCollectionLayoutComponent<TLayoutProps>,
   {initial, next}: VirtualCollectionGenerator,
 ): VirtualCollectionViewComponent<TLayoutProps> {
-  component VirtualCollectionView<+TItem extends Item>(
+  component VirtualCollectionView<out TItem extends Item>(
     children: (item: TItem, key: string) => React.Node,
     items: VirtualCollection<TItem>,
     itemToKey: TItem => string = defaultItemToKey,
@@ -108,9 +107,6 @@ export function createVirtualCollectionView<TLayoutProps extends {...}>(
               key={key}
               nativeID={key}
               removeClippedSubviews={removeClippedSubviews}>
-              {FlingItemOverlay == null ? null : (
-                <FlingItemOverlay nativeID={key} />
-              )}
               {children(item, key)}
             </VirtualView>
           );