Use public imports in Codegen fixtures (#58572)

Summary:
Pull Request resolved: #58572

Migrate Codegen and compatibility fixtures from React Native deep imports to the public `react-native` entry point. Reference codegen-only types through the exported `CodegenTypes` namespace.

Changelog: [Internal]

Reviewed By: christophpurrer

Differential Revision: D120537584

Author: rubennorte

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/ArrayPropsNativeComponent.js

@@ -8,41 +8,38 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
-import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {
+  CodegenTypes,
+  ColorValue,
   DimensionValue,
   EdgeInsetsValue,
+  HostComponent,
+  ImageSource,
   PointValue,
-} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
-import type {
-  Float,
-  Int32,
-  UnsafeMixed,
-  WithDefault,
-} from 'react-native/Libraries/Types/CodegenTypes';
+  ViewProps,
+} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type NativeProps = Readonly<{
   ...ViewProps,
 
   // Props
   names?: ReadonlyArray<string>,
   disableds?: ReadonlyArray<boolean>,
-  progress?: ReadonlyArray<Int32>,
-  radii?: ReadonlyArray<Float>,
+  progress?: ReadonlyArray<CodegenTypes.Int32>,
+  radii?: ReadonlyArray<CodegenTypes.Float>,
   colors?: ReadonlyArray<ColorValue>,
   srcs?: ReadonlyArray<ImageSource>,
   points?: ReadonlyArray<PointValue>,
   edgeInsets?: ReadonlyArray<EdgeInsetsValue>,
   dimensions?: ReadonlyArray<DimensionValue>,
-  sizes?: WithDefault<ReadonlyArray<'small' | 'large'>, 'small'>,
+  sizes?: CodegenTypes.WithDefault<ReadonlyArray<'small' | 'large'>, 'small'>,
   object?: ReadonlyArray<Readonly<{prop: string}>>,
-  arrayOfObjects?: ReadonlyArray<Readonly<{prop1: Float, prop2: Int32}>>,
-  arrayOfMixed?: ReadonlyArray<UnsafeMixed>,
+  arrayOfObjects?: ReadonlyArray<
+    Readonly<{prop1: CodegenTypes.Float, prop2: CodegenTypes.Int32}>,
+  >,
+  arrayOfMixed?: ReadonlyArray<CodegenTypes.UnsafeMixed>,
 }>;
 
 export default codegenNativeComponent<NativeProps>(

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/BooleanPropNativeComponent.js

@@ -8,18 +8,16 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {WithDefault} from 'react-native/Libraries/Types/CodegenTypes';
+import type {CodegenTypes, HostComponent, ViewProps} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type NativeProps = Readonly<{
   ...ViewProps,
 
   // Props
-  disabled?: WithDefault<boolean, false>,
-  disabledNullable?: WithDefault<boolean, null>,
+  disabled?: CodegenTypes.WithDefault<boolean, false>,
+  disabledNullable?: CodegenTypes.WithDefault<boolean, null>,
 }>;
 
 export default codegenNativeComponent<NativeProps>(

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/ColorPropNativeComponent.js

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

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/DimensionPropNativeComponent.js

@@ -8,11 +8,9 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {DimensionValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
+import type {DimensionValue, HostComponent, ViewProps} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type NativeProps = Readonly<{
   ...ViewProps,

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/EdgeInsetsPropNativeComponent.js

@@ -8,10 +8,9 @@
  * @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 codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type NativeProps = Readonly<{
   ...ViewProps,

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/EnumPropNativeComponent.js

@@ -8,18 +8,19 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {WithDefault} from 'react-native/Libraries/Types/CodegenTypes';
+import type {CodegenTypes, HostComponent, ViewProps} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type NativeProps = Readonly<{
   ...ViewProps,
 
   // Props
-  alignment?: WithDefault<'top' | 'center' | 'bottom-right', 'center'>,
-  intervals?: WithDefault<0 | 15 | 30 | 60, 0>,
+  alignment?: CodegenTypes.WithDefault<
+    'top' | 'center' | 'bottom-right',
+    'center',
+  >,
+  intervals?: CodegenTypes.WithDefault<0 | 15 | 30 | 60, 0>,
 }>;
 
 export default codegenNativeComponent<NativeProps>(

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/EventNestedObjectPropsNativeComponent.js

@@ -8,21 +8,15 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {
-  BubblingEventHandler,
-  Int32,
-  WithDefault,
-} from 'react-native/Libraries/Types/CodegenTypes';
+import type {CodegenTypes, HostComponent, ViewProps} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type OnChangeEvent = Readonly<{
   location: {
     source: {url: string, ...},
-    x: Int32,
-    y: Int32,
+    x: CodegenTypes.Int32,
+    y: CodegenTypes.Int32,
     arrayOfObjects: ReadonlyArray<{value: Readonly<{str: string}>}>,
     ...
   },
@@ -32,10 +26,10 @@ type NativeProps = Readonly<{
   ...ViewProps,
 
   // Props
-  disabled?: WithDefault<boolean, false>,
+  disabled?: CodegenTypes.WithDefault<boolean, false>,
 
   // Events
-  onChange?: ?BubblingEventHandler<OnChangeEvent>,
+  onChange?: ?CodegenTypes.BubblingEventHandler<OnChangeEvent>,
 }>;
 
 export default codegenNativeComponent<NativeProps>(

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/EventPropsNativeComponent.js

@@ -8,23 +8,15 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {
-  BubblingEventHandler,
-  DirectEventHandler,
-  Float,
-  Int32,
-  WithDefault,
-} from 'react-native/Libraries/Types/CodegenTypes';
+import type {CodegenTypes, HostComponent, ViewProps} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type OnChangeEvent = Readonly<{
   value: boolean,
   source?: string,
-  progress: ?Int32,
-  scale?: ?Float,
+  progress: ?CodegenTypes.Int32,
+  scale?: ?CodegenTypes.Float,
 }>;
 
 type OnEventDirect = Readonly<{
@@ -39,21 +31,24 @@ type NativeProps = Readonly<{
   ...ViewProps,
 
   // Props
-  disabled?: WithDefault<boolean, false>,
+  disabled?: CodegenTypes.WithDefault<boolean, false>,
 
   // Events
-  onChange?: ?BubblingEventHandler<OnChangeEvent, 'paperDirectName'>,
-  onEventDirect?: ?DirectEventHandler<OnEventDirect>,
-  onEventDirectWithPaperName?: ?DirectEventHandler<
+  onChange?: ?CodegenTypes.BubblingEventHandler<
+    OnChangeEvent,
+    'paperDirectName',
+  >,
+  onEventDirect?: ?CodegenTypes.DirectEventHandler<OnEventDirect>,
+  onEventDirectWithPaperName?: ?CodegenTypes.DirectEventHandler<
     OnEventDirect,
     'paperDirectName',
   >,
-  onOrientationChange?: ?DirectEventHandler<
+  onOrientationChange?: ?CodegenTypes.DirectEventHandler<
     OnOrientationChangeEvent,
     'paperBubblingName',
   >,
-  onEnd?: ?BubblingEventHandler<null>,
-  onEventBubblingWithPaperName?: ?BubblingEventHandler<
+  onEnd?: ?CodegenTypes.BubblingEventHandler<null>,
+  onEventBubblingWithPaperName?: ?CodegenTypes.BubblingEventHandler<
     null,
     'paperBubblingName',
   >,

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/FloatPropsNativeComponent.js

@@ -8,26 +8,21 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {
-  Float,
-  WithDefault,
-} from 'react-native/Libraries/Types/CodegenTypes';
+import type {CodegenTypes, HostComponent, ViewProps} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type NativeProps = Readonly<{
   ...ViewProps,
 
   // Props
-  blurRadius: Float,
-  blurRadius2?: WithDefault<Float, 0.001>,
-  blurRadius3?: WithDefault<Float, 2.1>,
-  blurRadius4?: WithDefault<Float, 0>,
-  blurRadius5?: WithDefault<Float, 1>,
-  blurRadius6?: WithDefault<Float, -0.0>,
-  blurRadiusNullable?: WithDefault<Float, null>,
+  blurRadius: CodegenTypes.Float,
+  blurRadius2?: CodegenTypes.WithDefault<CodegenTypes.Float, 0.001>,
+  blurRadius3?: CodegenTypes.WithDefault<CodegenTypes.Float, 2.1>,
+  blurRadius4?: CodegenTypes.WithDefault<CodegenTypes.Float, 0>,
+  blurRadius5?: CodegenTypes.WithDefault<CodegenTypes.Float, 1>,
+  blurRadius6?: CodegenTypes.WithDefault<CodegenTypes.Float, -0.0>,
+  blurRadiusNullable?: CodegenTypes.WithDefault<CodegenTypes.Float, null>,
 }>;
 
 export default codegenNativeComponent<NativeProps>(

packages/react-native-codegen/e2e/deep_imports/__test_fixtures__/components/ImagePropNativeComponent.js

@@ -8,11 +8,9 @@
  * @format
  */
 
-import type {HostComponent} from 'react-native';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
+import type {HostComponent, ImageSource, ViewProps} from 'react-native';
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 
 type NativeProps = Readonly<{
   ...ViewProps,