@office-iss/react-native-win32 0.84.0 → 0.85.0-preview.1

package/Libraries/Utilities/codegenNativeComponent.js

@@ -16,11 +16,11 @@ import requireNativeComponent from '../../Libraries/ReactNative/requireNativeCom
 import UIManager from '../ReactNative/UIManager';
 
 // TODO: import from CodegenSchema once workspaces are enabled
-type NativeComponentOptions = $ReadOnly<{
+type NativeComponentOptions = Readonly<{
   interfaceOnly?: boolean,
   paperComponentName?: string,
   paperComponentNameDeprecated?: string,
-  excludedPlatforms?: $ReadOnlyArray<'iOS' | 'android'>,
+  excludedPlatforms?: ReadonlyArray<'iOS' | 'android'>,
 }>;
 
 export type NativeComponentType<T: {...}> = HostComponent<T>;

package/Libraries/Utilities/logError.js

@@ -15,7 +15,7 @@
  * `console.error` as a failure callback - it's not properly bound.  If passes an
  * `Error` object, it will print the message and stack.
  */
-const logError = function (...args: $ReadOnlyArray<unknown>) {
+const logError = function (...args: ReadonlyArray<unknown>) {
   if (args.length === 1 && args[0] instanceof Error) {
     const err = args[0];
     console.error('Error: "' + err.message + '".  Stack:\n' + err.stack);

package/Libraries/Utilities/stringifySafe.js

@@ -84,7 +84,7 @@ export function createStringifySafeWithLimits(limits: {
     } else if (typeof arg === 'function') {
       try {
         return arg.toString();
-      } catch (e) {
+      } catch {
         return '[function unknown]';
       }
     } else if (arg instanceof Error) {
@@ -98,12 +98,12 @@ export function createStringifySafeWithLimits(limits: {
           return '["' + typeof arg + '" failed to stringify]';
         }
         return ret;
-      } catch (e) {
+      } catch {
         if (typeof arg.toString === 'function') {
           try {
             // $FlowFixMe[incompatible-use] : toString shouldn't take any arguments in general.
             return arg.toString();
-          } catch (E) {}
+          } catch {}
         }
       }
     }

package/Libraries/Utilities/useMergeRefs.js

@@ -22,11 +22,11 @@ import {useCallback} from 'react';
  * lead to problems with the given refs being invoked more times than desired.
  */
 export default function useMergeRefs<Instance>(
-  ...refs: $ReadOnlyArray<?React.RefSetter<Instance>>
+  ...refs: ReadonlyArray<?React.RefSetter<Instance>>
 ): React.RefSetter<Instance> {
   const refEffect = useCallback(
     (current: Instance) => {
-      const cleanups: $ReadOnlyArray<void | (() => void)> = refs.map(ref => {
+      const cleanups: ReadonlyArray<void | (() => void)> = refs.map(ref => {
         if (ref == null) {
           return undefined;
         } else {

package/Libraries/vendor/core/ErrorUtils.js

@@ -10,22 +10,22 @@
 
 // From @react-native/js-polyfills
 type ErrorHandler = (error: unknown, isFatal: boolean) => void;
-type Fn<Args: $ReadOnlyArray<unknown>, Return> = (...Args) => Return;
+type Fn<Args: ReadonlyArray<unknown>, Return> = (...Args) => Return;
 export type ErrorUtils = {
-  applyWithGuard<TArgs: $ReadOnlyArray<unknown>, TOut>(
+  applyWithGuard<TArgs: ReadonlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
     context?: unknown,
     args?: ?TArgs,
     unused_onError?: null,
     unused_name?: ?string,
   ): ?TOut,
-  applyWithGuardIfNeeded<TArgs: $ReadOnlyArray<unknown>, TOut>(
+  applyWithGuardIfNeeded<TArgs: ReadonlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
     context?: unknown,
     args?: ?TArgs,
   ): ?TOut,
   getGlobalHandler(): ErrorHandler,
-  guard<TArgs: $ReadOnlyArray<unknown>, TOut>(
+  guard<TArgs: ReadonlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
     name?: ?string,
     context?: unknown,

package/Libraries/vendor/emitter/EventEmitter.js

@@ -16,22 +16,22 @@ export interface EventSubscription {
 }
 
 export interface IEventEmitter<
-  TEventToArgsMap: $ReadOnly<Record<string, $ReadOnlyArray<UnsafeEventObject>>>,
+  TEventToArgsMap: Readonly<Record<string, ReadonlyArray<UnsafeEventObject>>>,
 > {
-  addListener<TEvent: $Keys<TEventToArgsMap>>(
+  addListener<TEvent: keyof TEventToArgsMap>(
     eventType: TEvent,
     listener: (...args: TEventToArgsMap[TEvent]) => unknown,
     context?: unknown,
   ): EventSubscription;
 
-  emit<TEvent: $Keys<TEventToArgsMap>>(
+  emit<TEvent: keyof TEventToArgsMap>(
     eventType: TEvent,
     ...args: TEventToArgsMap[TEvent]
   ): void;
 
-  removeAllListeners<TEvent: $Keys<TEventToArgsMap>>(eventType?: ?TEvent): void;
+  removeAllListeners<TEvent: keyof TEventToArgsMap>(eventType?: ?TEvent): void;
 
-  listenerCount<TEvent: $Keys<TEventToArgsMap>>(eventType: TEvent): number;
+  listenerCount<TEvent: keyof TEventToArgsMap>(eventType: TEvent): number;
 }
 
 interface Registration<TArgs> {
@@ -41,7 +41,7 @@ interface Registration<TArgs> {
 }
 
 type Registry<
-  TEventToArgsMap: $ReadOnly<Record<string, $ReadOnlyArray<UnsafeEventObject>>>,
+  TEventToArgsMap: Readonly<Record<string, ReadonlyArray<UnsafeEventObject>>>,
 > = {
   [K in keyof TEventToArgsMap]: Set<Registration<TEventToArgsMap[K]>>,
 };
@@ -67,9 +67,9 @@ type Registry<
  *
  */
 export default class EventEmitter<
-  TEventToArgsMap: $ReadOnly<
-    Record<string, $ReadOnlyArray<UnsafeEventObject>>,
-  > = $ReadOnly<Record<string, $ReadOnlyArray<UnsafeEventObject>>>,
+  TEventToArgsMap: Readonly<
+    Record<string, ReadonlyArray<UnsafeEventObject>>,
+  > = Readonly<Record<string, ReadonlyArray<UnsafeEventObject>>>,
 > implements IEventEmitter<TEventToArgsMap>
 {
   #registry: Registry<TEventToArgsMap>;
@@ -83,7 +83,7 @@ export default class EventEmitter<
    * Registers a listener that is called when the supplied event is emitted.
    * Returns a subscription that has a `remove` method to undo registration.
    */
-  addListener<TEvent: $Keys<TEventToArgsMap>>(
+  addListener<TEvent: keyof TEventToArgsMap>(
     eventType: TEvent,
     listener: (...args: TEventToArgsMap[TEvent]) => unknown,
     context: unknown,
@@ -95,7 +95,7 @@ export default class EventEmitter<
     }
     const registrations = allocate<
       TEventToArgsMap,
-      $Keys<TEventToArgsMap>,
+      keyof TEventToArgsMap,
       TEventToArgsMap[TEvent],
     >(this.#registry, eventType);
     const registration: Registration<TEventToArgsMap[TEvent]> = {
@@ -116,7 +116,7 @@ export default class EventEmitter<
    * If a listener modifies the listeners registered for the same event, those
    * changes will not be reflected in the current invocation of `emit`.
    */
-  emit<TEvent: $Keys<TEventToArgsMap>>(
+  emit<TEvent: keyof TEventToArgsMap>(
     eventType: TEvent,
     ...args: TEventToArgsMap[TEvent]
   ): void {
@@ -126,7 +126,6 @@ export default class EventEmitter<
       // Copy `registrations` to take a snapshot when we invoke `emit`, in case
       // registrations are added or removed when listeners are invoked.
       for (const registration of Array.from(registrations)) {
-        // $FlowFixMe[incompatible-type]
         registration.listener.apply(registration.context, args);
       }
     }
@@ -135,9 +134,7 @@ export default class EventEmitter<
   /**
    * Removes all registered listeners.
    */
-  removeAllListeners<TEvent: $Keys<TEventToArgsMap>>(
-    eventType?: ?TEvent,
-  ): void {
+  removeAllListeners<TEvent: keyof TEventToArgsMap>(eventType?: ?TEvent): void {
     if (eventType == null) {
       // $FlowFixMe[incompatible-type]
       this.#registry = {};
@@ -149,7 +146,7 @@ export default class EventEmitter<
   /**
    * Returns the number of registered listeners for the supplied event.
    */
-  listenerCount<TEvent: $Keys<TEventToArgsMap>>(eventType: TEvent): number {
+  listenerCount<TEvent: keyof TEventToArgsMap>(eventType: TEvent): number {
     const registrations: ?Set<Registration<TEventToArgsMap[TEvent]>> =
       this.#registry[eventType];
     return registrations == null ? 0 : registrations.size;
@@ -157,9 +154,8 @@ export default class EventEmitter<
 }
 
 function allocate<
-  TEventToArgsMap: $ReadOnly<Record<string, $ReadOnlyArray<UnsafeEventObject>>>,
-  TEvent: $Keys<TEventToArgsMap>,
-  TEventArgs: TEventToArgsMap[TEvent],
+  TEventToArgsMap: Readonly<Record<string, ReadonlyArray<UnsafeEventObject>>>,
+  TEvent: keyof TEventToArgsMap,
 >(
   registry: Registry<TEventToArgsMap>,
   eventType: TEvent,

package/flow/bom.js.flow

@@ -32,31 +32,31 @@ declare interface ConsoleTask {
 // $FlowExpectedError[libdef-override] Flow core definitions are incomplete.
 declare var console: {
   // Logging
-  log(...data: $ReadOnlyArray<unknown>): void,
-  trace(...data: $ReadOnlyArray<unknown>): void,
-  debug(...data: $ReadOnlyArray<unknown>): void,
-  info(...data: $ReadOnlyArray<unknown>): void,
-  warn(...data: $ReadOnlyArray<unknown>): void,
-  error(...data: $ReadOnlyArray<unknown>): void,
+  log(...data: ReadonlyArray<unknown>): void,
+  trace(...data: ReadonlyArray<unknown>): void,
+  debug(...data: ReadonlyArray<unknown>): void,
+  info(...data: ReadonlyArray<unknown>): void,
+  warn(...data: ReadonlyArray<unknown>): void,
+  error(...data: ReadonlyArray<unknown>): void,
 
   // Grouping
-  group(...data: $ReadOnlyArray<unknown>): void,
-  groupCollapsed(...data: $ReadOnlyArray<unknown>): void,
+  group(...data: ReadonlyArray<unknown>): void,
+  groupCollapsed(...data: ReadonlyArray<unknown>): void,
   groupEnd(): void,
 
   // Printing
   table(
     tabularData:
-      | $ReadOnly<{[key: string]: unknown, ...}>
-      | $ReadOnlyArray<$ReadOnly<{[key: string]: unknown, ...}>>
-      | $ReadOnlyArray<$ReadOnlyArray<unknown>>,
+      | Readonly<{[key: string]: unknown, ...}>
+      | ReadonlyArray<Readonly<{[key: string]: unknown, ...}>>
+      | ReadonlyArray<ReadonlyArray<unknown>>,
   ): void,
-  dir(...data: $ReadOnlyArray<unknown>): void,
-  dirxml(...data: $ReadOnlyArray<unknown>): void,
+  dir(...data: ReadonlyArray<unknown>): void,
+  dirxml(...data: ReadonlyArray<unknown>): void,
   clear(): void,
 
   // Utilities
-  assert(condition: unknown, ...data: $ReadOnlyArray<unknown>): void,
+  assert(condition: unknown, ...data: ReadonlyArray<unknown>): void,
 
   // Profiling
   profile(name?: string): void,
@@ -172,7 +172,7 @@ declare class TaskAttributionTiming extends PerformanceEntry {
 
 // https://w3c.github.io/longtasks/#sec-PerformanceLongTaskTiming
 declare class PerformanceLongTaskTiming extends PerformanceEntry {
-  attribution: $ReadOnlyArray<TaskAttributionTiming>;
+  attribution: ReadonlyArray<TaskAttributionTiming>;
 }
 
 // https://www.w3.org/TR/user-timing/#extensions-performance-interface
@@ -609,12 +609,13 @@ declare class AbortController {
 }
 
 declare class AbortSignal extends EventTarget {
-  abort(reason?: $FlowFixMe): AbortSignal;
+  static abort(reason?: $FlowFixMe): AbortSignal;
+  static any(signals: Iterable<AbortSignal>): AbortSignal;
   +aborted: boolean;
   onabort: (event: Event) => unknown;
   +reason: $FlowFixMe;
   throwIfAborted(): void;
-  timeout(time: number): AbortSignal;
+  static timeout(time: number): AbortSignal;
 }
 
 declare function fetch(

package/flow/dom.js.flow

@@ -58,7 +58,7 @@ declare type FilePropertyBag = {
 };
 declare class File extends Blob {
   constructor(
-    fileBits: $ReadOnlyArray<string | BufferDataSource | Blob>,
+    fileBits: ReadonlyArray<string | BufferDataSource | Blob>,
     filename: string,
     options?: FilePropertyBag,
   ): void;
@@ -1216,7 +1216,7 @@ type ClipboardItemOptions = {
 };
 
 declare class ClipboardItem {
-  +types: $ReadOnlyArray<string>;
+  +types: ReadonlyArray<string>;
   getType(type: string): Promise<Blob>;
   constructor(
     items: {[type: string]: ClipboardItemData},
@@ -1315,7 +1315,7 @@ declare class Node extends EventTarget {
   normalize(): void;
   removeChild<T: Node>(oldChild: T): T;
   replaceChild<T: Node>(newChild: Node, oldChild: T): T;
-  replaceChildren(...nodes: $ReadOnlyArray<Node | string>): void;
+  replaceChildren(...nodes: ReadonlyArray<Node | string>): void;
   static ATTRIBUTE_NODE: number;
   static CDATA_SECTION_NODE: number;
   static COMMENT_NODE: number;
@@ -3797,7 +3797,7 @@ declare class CanvasRenderingContext2D {
     y: number,
     w: number,
     h: number,
-    radii?: number | DOMPointInit | $ReadOnlyArray<number | DOMPointInit>,
+    radii?: number | DOMPointInit | ReadonlyArray<number | DOMPointInit>,
   ): void;
   strokeRect(x: number, y: number, w: number, h: number): void;
 
@@ -5948,12 +5948,19 @@ declare class Comment extends CharacterData {
   text: string;
 }
 
+interface StringLike {
+  toString(): string;
+}
+
 declare class URL {
   static canParse(url: string, base?: string): boolean;
   static createObjectURL(blob: Blob): string;
   static createObjectURL(mediaSource: MediaSource): string;
   static revokeObjectURL(url: string): void;
-  constructor(url: string, base?: string | URL): void;
+  constructor(
+    url: string | URL | StringLike,
+    base?: string | URL | StringLike,
+  ): void;
   hash: string;
   host: string;
   hostname: string;

package/flow/global.js

@@ -24,7 +24,7 @@ declare var global: {
     +env: {
       +NODE_ENV: 'development' | 'production',
     },
-    +argv?: $ReadOnlyArray<string>,
+    +argv?: ReadonlyArray<string>,
   },
 
   // setUpPerformance

package/index.js

@@ -42,6 +42,9 @@ module.exports = {
     return require('./Libraries/Components/DrawerAndroid/DrawerLayoutAndroid')
       .default;
   },
+  get EventEmitter() {
+    return require('./Libraries/vendor/emitter/EventEmitter').default;
+  },
   get FlatList() {
     return require('./Libraries/Lists/FlatList').default;
   },
@@ -338,6 +341,12 @@ module.exports = {
   get useAnimatedValue() {
     return require('./Libraries/Animated/useAnimatedValue').default;
   },
+  get useAnimatedValueXY() {
+    return require('./Libraries/Animated/useAnimatedValueXY').default;
+  },
+  get useAnimatedColor() {
+    return require('./Libraries/Animated/useAnimatedColor').default;
+  },
   get useColorScheme() {
     return require('./Libraries/Utilities/useColorScheme').default;
   },

package/index.win32.js

@@ -42,6 +42,9 @@ module.exports = {
     return require('./Libraries/Components/DrawerAndroid/DrawerLayoutAndroid')
       .default;
   },
+  get EventEmitter() {
+    return require('./Libraries/vendor/emitter/EventEmitter').default;
+  },
   get FlatList() {
     return require('./Libraries/Lists/FlatList').default;
   },
@@ -341,6 +344,12 @@ module.exports = {
   get useAnimatedValue() {
     return require('./Libraries/Animated/useAnimatedValue').default;
   },
+  get useAnimatedValueXY() {
+    return require('./Libraries/Animated/useAnimatedValueXY').default;
+  },
+  get useAnimatedColor() {
+    return require('./Libraries/Animated/useAnimatedColor').default;
+  },
   get useColorScheme() {
     return require('./Libraries/Utilities/useColorScheme').default;
   },

package/index.win32.js.flow

@@ -324,7 +324,6 @@ export * as NativeComponentRegistry from './Libraries/NativeComponent/NativeComp
 export {default as NativeDialogManagerAndroid} from './Libraries/NativeModules/specs/NativeDialogManagerAndroid';
 
 export type {
-  EventSubscription,
   EmitterSubscription,
   NativeEventSubscription,
 } from './Libraries/EventEmitter/NativeEventEmitter';
@@ -412,6 +411,8 @@ export * as TurboModuleRegistry from './Libraries/TurboModule/TurboModuleRegistr
 export {default as UIManager} from './Libraries/ReactNative/UIManager';
 export {unstable_batchedUpdates} from './Libraries/ReactNative/RendererProxy';
 export {default as useAnimatedValue} from './Libraries/Animated/useAnimatedValue';
+export {default as useAnimatedValueXY} from './Libraries/Animated/useAnimatedValueXY';
+export {default as useAnimatedColor} from './Libraries/Animated/useAnimatedColor';
 export type {
   PressabilityConfig,
   EventHandlers as PressabilityEventHandlers,
@@ -467,6 +468,12 @@ export type {
   PublicTextInstance,
 } from './Libraries/ReactPrivate/ReactNativePrivateInterface';
 
+export type {
+  EventSubscription,
+  IEventEmitter,
+} from './Libraries/vendor/emitter/EventEmitter';
+export {default as EventEmitter} from './Libraries/vendor/emitter/EventEmitter';
+
 export {
   default as unstable_VirtualView,
   VirtualViewMode,

package/jest/RefreshControlMock.js

@@ -10,10 +10,10 @@
 
 'use strict';
 
-import type {HostComponent} from '../src/private/types/HostComponent';
+import type {HostComponent} from 'react-native/src/private/types/HostComponent';
 
-import requireNativeComponent from '../Libraries/ReactNative/requireNativeComponent';
 import * as React from 'react';
+import requireNativeComponent from 'react-native/Libraries/ReactNative/requireNativeComponent';
 
 const RCTRefreshControl: HostComponent<{}> = requireNativeComponent<{}>(
   'RCTRefreshControl',

package/jest/assetFileTransformer.js

@@ -16,6 +16,13 @@ const createCacheKeyFunction =
   require('@jest/create-cache-key-function').default;
 const path = require('path');
 
+// NOTE: This file used to be at `react-native/jest/assetFileTransformer.js`
+// To keep the mock `testUri` paths the same, we create a fake path that outputs the same relative path as before
+const basePath = path.resolve(
+  require.resolve('react-native/package.json'),
+  '../jest/',
+);
+
 module.exports = {
   // Mocks asset requires to return the filename. Makes it possible to test that
   // the correct images are loaded for components. Essentially
@@ -24,9 +31,7 @@ module.exports = {
   process: (_, filename) => ({
     code: `module.exports = {
       testUri:
-        ${JSON.stringify(
-          path.relative(__dirname, filename).replace(/\\/g, '/'),
-        )}
+        ${JSON.stringify(path.relative(basePath, filename).replace(/\\/g, '/'))}
     };`,
   }),
   getCacheKey: createCacheKeyFunction([__filename]),

package/jest/mockComponent.js

@@ -11,7 +11,7 @@
 import * as React from 'react';
 import {createElement} from 'react';
 
-type Modulish<T> = T | $ReadOnly<{default: T}>;
+type Modulish<T> = T | Readonly<{default: T}>;
 type ModuleDefault<T> = T['default'];
 
 type TComponentType = React.ComponentType<{...}>;
@@ -27,9 +27,8 @@ export default function mockComponent<
   moduleName: string,
   instanceMethods: ?interface {},
   isESModule: TIsESModule,
-): TIsESModule extends true
-  ? // $FlowFixMe[incompatible-use]
-    ModuleDefault<TComponentModule & typeof instanceMethods>
+): TIsESModule extends true // $FlowFixMe[incompatible-use]
+  ? ModuleDefault<TComponentModule & typeof instanceMethods>
   : TComponentModule & typeof instanceMethods {
   const RealComponent: TComponentType = isESModule
     ? // $FlowFixMe[prop-missing]

package/jest/mockNativeComponent.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import type {HostInstance} from '../src/private/types/HostInstance';
+import type {HostInstance} from 'react-native/src/private/types/HostInstance';
 
 import * as React from 'react';
 import {createElement} from 'react';

package/jest/mocks/ActivityIndicator.js

@@ -8,14 +8,14 @@
  * @format
  */
 
-import typeof TActivityIndicator from '../../Libraries/Components/ActivityIndicator/ActivityIndicator';
 import typeof * as TmockComponent from '../mockComponent';
+import typeof TActivityIndicator from 'react-native/Libraries/Components/ActivityIndicator/ActivityIndicator';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
 
 const ActivityIndicator = mockComponent(
-  '../Libraries/Components/ActivityIndicator/ActivityIndicator',
+  'react-native/Libraries/Components/ActivityIndicator/ActivityIndicator',
   null, // instanceMethods
   true, // isESModule
 ) as TActivityIndicator;

package/jest/mocks/Image.js

@@ -8,14 +8,14 @@
  * @format
  */
 
-import typeof TImage from '../../Libraries/Image/Image';
 import typeof * as TmockComponent from '../mockComponent';
+import typeof TImage from 'react-native/Libraries/Image/Image';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
 
 const Image = mockComponent(
-  '../Libraries/Image/Image',
+  'react-native/Libraries/Image/Image',
   null, // instanceMethods
   true, // isESModule
 ) as TImage;

package/jest/mocks/Modal.js

@@ -8,8 +8,8 @@
  * @format
  */
 
-import type {ModalProps} from '../../Libraries/Modal/Modal';
 import typeof * as TmockComponent from '../mockComponent';
+import type {ModalProps} from 'react-native/Libraries/Modal/Modal';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
@@ -17,7 +17,7 @@ const mockComponent =
 type TModal = component(...ModalProps);
 
 const BaseComponent = mockComponent(
-  '../Libraries/Modal/Modal',
+  'react-native/Libraries/Modal/Modal',
   null, // instanceMethods
   true, // isESModule
 ) as TModal;

package/jest/mocks/RefreshControl.js

@@ -8,11 +8,11 @@
  * @format
  */
 
-import type {RefreshControlProps} from '../../Libraries/Components/RefreshControl/RefreshControl';
-import type {HostComponent} from '../../src/private/types/HostComponent';
+import type {RefreshControlProps} from 'react-native/Libraries/Components/RefreshControl/RefreshControl';
+import type {HostComponent} from 'react-native/src/private/types/HostComponent';
 
-import requireNativeComponent from '../../Libraries/ReactNative/requireNativeComponent';
 import * as React from 'react';
+import requireNativeComponent from 'react-native/Libraries/ReactNative/requireNativeComponent';
 
 const RCTRefreshControl: HostComponent<{}> = requireNativeComponent<{}>(
   'RCTRefreshControl',

package/jest/mocks/RendererProxy.js

@@ -10,7 +10,7 @@
 
 // In tests, we can use the default version without dependency injection.
 
-import typeof * as TRendererImplementation from '../../Libraries/ReactNative/RendererImplementation';
+import typeof * as TRendererImplementation from 'react-native/Libraries/ReactNative/RendererImplementation';
 
 const {
   dispatchCommand,
@@ -26,7 +26,7 @@ const {
   unmountComponentAtNodeAndRemoveContainer,
   unstable_batchedUpdates,
 } = jest.requireActual<TRendererImplementation>(
-  '../../Libraries/ReactNative/RendererImplementation',
+  'react-native/Libraries/ReactNative/RendererImplementation',
 ) as TRendererImplementation;
 
 export {

package/jest/mocks/ScrollView.js

@@ -8,14 +8,14 @@
  * @format
  */
 
-import typeof TScrollView from '../../Libraries/Components/ScrollView/ScrollView';
-import type {ScrollViewNativeProps} from '../../Libraries/Components/ScrollView/ScrollViewNativeComponentType';
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
+import typeof TScrollView from 'react-native/Libraries/Components/ScrollView/ScrollView';
+import type {ScrollViewNativeProps} from 'react-native/Libraries/Components/ScrollView/ScrollViewNativeComponentType';
 
-import View from '../../Libraries/Components/View/View';
-import requireNativeComponent from '../../Libraries/ReactNative/requireNativeComponent';
 import * as React from 'react';
+import View from 'react-native/Libraries/Components/View/View';
+import requireNativeComponent from 'react-native/Libraries/ReactNative/requireNativeComponent';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
@@ -27,7 +27,7 @@ const RCTScrollView =
   requireNativeComponent<ScrollViewNativeProps>('RCTScrollView');
 
 const BaseComponent = mockComponent(
-  '../Libraries/Components/ScrollView/ScrollView',
+  'react-native/Libraries/Components/ScrollView/ScrollView',
   {
     ...MockNativeMethods,
     getScrollResponder: jest.fn(),

package/jest/mocks/Text.js

@@ -8,9 +8,9 @@
  * @format
  */
 
-import typeof TText from '../../Libraries/Text/Text';
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
+import typeof TText from 'react-native/Libraries/Text/Text';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
@@ -19,7 +19,7 @@ const MockNativeMethods = jest.requireActual<TMockNativeMethods>(
 ).default;
 
 const Text = mockComponent(
-  '../Libraries/Text/Text',
+  'react-native/Libraries/Text/Text',
   MockNativeMethods, // instanceMethods
   true, // isESModule
 ) as TText;

package/jest/mocks/TextInput.js

@@ -8,9 +8,9 @@
  * @format
  */
 
-import typeof TTextInput from '../../Libraries/Components/TextInput/TextInput';
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
+import typeof TTextInput from 'react-native/Libraries/Components/TextInput/TextInput';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
@@ -19,7 +19,7 @@ const MockNativeMethods = jest.requireActual<TMockNativeMethods>(
 ).default;
 
 const TextInput = mockComponent(
-  '../Libraries/Components/TextInput/TextInput',
+  'react-native/Libraries/Components/TextInput/TextInput',
   {
     ...MockNativeMethods,
     isFocused: jest.fn(),