Remove deep imports from the Jest preset (#58602)

Summary:

Use the React Native root and supported secondary entry points for public APIs used by the Jest preset. Resolve implementation modules through package-relative paths so the preset does not depend on unsupported package subpaths.

Changelog: [Internal]

Differential Revision: D120717568

Author: rubennorte

jest.config.js

@@ -32,6 +32,8 @@ module.exports = {
       '<rootDir>/packages/react-native/src/react-private-interface.js',
     '^react-native/setup-env$':
       '<rootDir>/packages/react-native/src/setup-env.js',
+    '^react-native/unstable-internals-do-not-use$':
+      '<rootDir>/packages/react-native/src/unstable-internals-do-not-use.js',
   },
   setupFiles: ['./packages/jest-preset/jest/local-setup.js'],
   fakeTimers: {

packages/jest-preset/jest/mocks/ActivityIndicator.js

@@ -9,7 +9,7 @@
  */
 
 import typeof * as TmockComponent from '../mockComponent';
-import typeof TActivityIndicator from 'react-native/Libraries/Components/ActivityIndicator/ActivityIndicator';
+import typeof {ActivityIndicator as TActivityIndicator} from 'react-native';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;

packages/jest-preset/jest/mocks/Image.js

@@ -9,7 +9,7 @@
  */
 
 import typeof * as TmockComponent from '../mockComponent';
-import typeof TImage from 'react-native/Libraries/Image/Image';
+import typeof {Image as TImage} from 'react-native';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;

packages/jest-preset/jest/mocks/Modal.js

@@ -9,7 +9,7 @@
  */
 
 import typeof * as TmockComponent from '../mockComponent';
-import type {ModalProps} from 'react-native/Libraries/Modal/Modal';
+import type {ModalProps} from 'react-native';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;

packages/jest-preset/jest/mocks/RefreshControl.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import type {RefreshControlProps} from 'react-native/Libraries/Components/RefreshControl/RefreshControl';
+import type {RefreshControlProps} from 'react-native';
 import type {HostComponent} from 'react-native/src/private/types/HostComponent';
 
 import * as React from 'react';

packages/jest-preset/jest/mocks/ScrollView.js

@@ -10,7 +10,7 @@
 
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
-import typeof TScrollView from 'react-native/Libraries/Components/ScrollView/ScrollView';
+import typeof {ScrollView as TScrollView} from 'react-native';
 import type {ScrollViewNativeProps} from 'react-native/Libraries/Components/ScrollView/ScrollViewNativeComponentType';
 
 import * as React from 'react';

packages/jest-preset/jest/mocks/Text.js

@@ -10,7 +10,7 @@
 
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
-import typeof TText from 'react-native/Libraries/Text/Text';
+import typeof {Text as TText} from 'react-native';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;

packages/jest-preset/jest/mocks/TextInput.js

@@ -10,7 +10,7 @@
 
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
-import typeof TTextInput from 'react-native/Libraries/Components/TextInput/TextInput';
+import typeof {TextInput as TTextInput} from 'react-native';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;

packages/jest-preset/jest/mocks/View.js

@@ -10,7 +10,7 @@
 
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
-import typeof TView from 'react-native/Libraries/Components/View/View';
+import typeof {View as TView} from 'react-native';
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;

packages/jest-preset/jest/mocks/ViewNativeComponent.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {ViewProps} from 'react-native';
 
 import * as React from 'react';
 import {createElement} from 'react';