Migrate already root exported deep imports in rn-tester. (#50958)

Summary:
Pull Request resolved: #50958

In rn-tester package there are many react-native deep imports which will be deprecated in the future. It is a starter for migrating rn-tester to using root imports instead. Only deep imports that are already root exported are changed. This diff avoids using `CodegenTypes` as it causes build errors and will be resolved in next stages.

Besides import changes, `PointerEvent` type is now also exported from the root.

Changelog:
[Internal]

Reviewed By: huntie

Differential Revision: D73656526

fbshipit-source-id: 5814a3d9c6a04b1236581dbbe291cd109e2c71c0

Author: coado

packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap

@@ -9244,6 +9244,7 @@ export type {
   LayoutChangeEvent,
   LayoutRectangle,
   MouseEvent,
+  PointerEvent,
   NativeMouseEvent,
   NativePointerEvent,
   NativeScrollEvent,

packages/react-native/index.js.flow

@@ -411,6 +411,7 @@ export type {
   LayoutChangeEvent,
   LayoutRectangle,
   MouseEvent,
+  PointerEvent,
   NativeMouseEvent,
   NativePointerEvent,
   NativeScrollEvent,

packages/rn-tester/IntegrationTests/ImageCachePolicyTest.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {ImageURISource} from 'react-native/Libraries/Image/ImageSource';
+import type {ImageURISource} from 'react-native';
 
 import * as React from 'react';
 import {useEffect, useState} from 'react';

packages/rn-tester/IntegrationTests/LayoutEventsTest.js

@@ -10,11 +10,8 @@
 
 'use strict';
 
+import type {LayoutChangeEvent, LayoutRectangle} from 'react-native';
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
-import type {
-  LayoutChangeEvent,
-  LayoutRectangle,
-} from 'react-native/Libraries/Types/CoreEventTypes';
 
 const React = require('react');
 const ReactNative = require('react-native');

packages/rn-tester/NativeComponentExample/js/MyLegacyViewNativeComponent.js

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

packages/rn-tester/NativeComponentExample/js/MyNativeViewNativeComponent.js

@@ -8,8 +8,7 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent, ViewProps} from 'react-native';
 import type {
   BubblingEventHandler,
   Double,
@@ -18,8 +17,7 @@ import type {
 } from 'react-native/Libraries/Types/CodegenTypes';
 
 import * as React from 'react';
-import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeCommands, codegenNativeComponent} from 'react-native';
 
 type Event = $ReadOnly<{
   values: $ReadOnlyArray<Int32>,

packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.js

@@ -8,7 +8,7 @@
  * @format
  */
 
-import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import type {TurboModule} from 'react-native';
 import type {EventEmitter} from 'react-native/Libraries/Types/CodegenTypes';
 
 import {TurboModuleRegistry} from 'react-native';

packages/rn-tester/NativeModuleExample/NativeScreenshotManager.js

@@ -8,10 +8,10 @@
  * @format
  */
 
-import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+import type {TurboModule} from 'react-native';
 import type {UnsafeObject} from 'react-native/Libraries/Types/CodegenTypes';
 
-import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+import {TurboModuleRegistry} from 'react-native';
 
 export type ScreenshotManagerOptions = UnsafeObject;
 

packages/rn-tester/RCTTest/RCTSnapshotNativeComponent.js

@@ -10,9 +10,11 @@
 
 'use strict';
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {NativeSyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
+import type {
+  HostComponent,
+  NativeSyntheticEvent,
+  ViewProps,
+} from 'react-native';
 
 const {requireNativeComponent} = require('react-native');
 

packages/rn-tester/ReportFullyDrawnView/ReportFullyDrawnViewNativeComponent.js

@@ -9,9 +9,9 @@
  */
 
 import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {ViewProps} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type NativeProps = $ReadOnly<{
   ...ViewProps,