Complete remaining deep import migration (#58673)

Summary:
Pull Request resolved: #58673

Migrate remaining React Native consumer deep imports to supported root and secondary entrypoints. Keep Jest preset package-internal type imports on OSS-exported implementation paths while preserving runtime mock behavior.

Changelog: [Internal]

Reviewed By: cipolleschi

Differential Revision: D121588775

fbshipit-source-id: 6f75784647a75b95e8e5e3e706f6299ad97eb146

Author: rubennorte

packages/jest-preset/jest/RefreshControlMock.js

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

packages/jest-preset/jest/__tests__/setup-test.js

@@ -8,7 +8,9 @@
  * @format
  */
 
-import NativeExceptionsManager from 'react-native/Libraries/Core/NativeExceptionsManager';
+const NativeExceptionsManager = jest.requireMock(
+  'react-native/Libraries/Core/NativeExceptionsManager',
+).default;
 
 test('NativeAnimatedHelper is a mock', () => {
   const consoleWarn = jest.spyOn(console, 'warn').mockImplementation(() => {});
@@ -40,3 +42,15 @@ test('NativeExceptionsManager is a mock', () => {
     true,
   );
 });
+
+test('native component mocks work with a partial react-native mock', () => {
+  jest.isolateModules(() => {
+    jest.doMock('react-native', () => ({}));
+
+    expect(() => {
+      jest.requireActual<unknown>('../RefreshControlMock');
+      jest.requireActual<unknown>('../mocks/RefreshControl');
+      jest.requireActual<unknown>('../mocks/ScrollView');
+    }).not.toThrow();
+  });
+});

packages/jest-preset/jest/mockNativeComponent.js

@@ -4,11 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
+ * @flow strict-local
  * @format
  */
 
-import type {HostInstance} from 'react-native/src/private/types/HostInstance';
+import type {HostInstance} from 'react-native';
 
 import * as React from 'react';
 import {createElement} from 'react';

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

@@ -8,6 +8,7 @@
  * @format
  */
 
+// $FlowFixMe[cannot-resolve-module]
 import typeof TNativeAnimatedHelper from 'react-native/src/private/animated/NativeAnimatedHelper';
 
 const NativeAnimatedHelper = jest.requireActual<{

packages/jest-preset/jest/mocks/NativeComponentRegistry.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 strict
+ * @flow strict-local
  * @format
  */
 

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

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

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

@@ -10,6 +10,7 @@
 
 // In tests, we can use the default version without dependency injection.
 
+// $FlowFixMe[cannot-resolve-module]
 import typeof * as TRendererImplementation from 'react-native/Libraries/ReactNative/RendererImplementation';
 
 const {

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

@@ -10,21 +10,22 @@
 
 import typeof * as TmockComponent from '../mockComponent';
 import typeof * as TMockNativeMethods from '../MockNativeMethods';
+import type {ScrollViewProps} from 'react-native';
+import typeof * as TReactNative from 'react-native';
 import typeof {ScrollView as TScrollView} from 'react-native';
-import type {ScrollViewNativeProps} from 'react-native/Libraries/Components/ScrollView/ScrollViewNativeComponentType';
 
 import * as React from 'react';
-import View from 'react-native/Libraries/Components/View/View';
-import requireNativeComponent from 'react-native/Libraries/ReactNative/requireNativeComponent';
+
+const {View, requireNativeComponent} =
+  jest.requireActual<TReactNative>('react-native');
 
 const mockComponent =
   jest.requireActual<TmockComponent>('../mockComponent').default;
 const MockNativeMethods = jest.requireActual<TMockNativeMethods>(
   '../MockNativeMethods',
 ).default;
 
-const RCTScrollView =
-  requireNativeComponent<ScrollViewNativeProps>('RCTScrollView');
+const RCTScrollView = requireNativeComponent<ScrollViewProps>('RCTScrollView');
 
 const BaseComponent = mockComponent(
   'react-native/Libraries/Components/ScrollView/ScrollView',

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

@@ -4,12 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
+ * @flow strict-local
  * @format
  */
 
 import typeof * as TmockNativeComponent from '../mockNativeComponent';
-import type {HostComponent} from 'react-native/src/private/types/HostComponent';
+import type {HostComponent} from 'react-native';
 
 const mockNativeComponent = jest.requireActual<TmockNativeComponent>(
   '../mockNativeComponent',

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

@@ -4,11 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict
+ * @flow strict-local
  * @format
  */
 
-import type {ColorSchemeName} from 'react-native/Libraries/Utilities/NativeAppearance';
+import type {ColorSchemeName} from 'react-native';
 
 const useColorScheme = jest.fn(() => 'light') as JestMockFn<
   [],