Add RefreshControl to buildTypes and align Flow with TS types (#49564)

Summary:
Pull Request resolved: #49564

Changelog:
[Internal] - Added RefreshControl to buildTypes and aligned Flow with TS types

Reviewed By: huntie

Differential Revision: D69924368

fbshipit-source-id: 1a01ede28f9d0729c483036f8d3f9c9eced58286

Author: coado

packages/react-native/Libraries/Components/RefreshControl/RefreshControl.js

@@ -21,7 +21,7 @@ import React from 'react';
 
 const Platform = require('../../Utilities/Platform').default;
 
-type IOSProps = $ReadOnly<{
+export type RefreshControlPropsIOS = $ReadOnly<{
   /**
    * The color of the refresh indicator.
    */
@@ -36,7 +36,7 @@ type IOSProps = $ReadOnly<{
   title?: ?string,
 }>;
 
-type AndroidProps = $ReadOnly<{
+export type RefreshControlPropsAndroid = $ReadOnly<{
   /**
    * Whether the pull to refresh functionality is enabled.
    */
@@ -55,11 +55,7 @@ type AndroidProps = $ReadOnly<{
   size?: ?('default' | 'large'),
 }>;
 
-export type RefreshControlProps = $ReadOnly<{
-  ...ViewProps,
-  ...IOSProps,
-  ...AndroidProps,
-
+type RefreshControlBaseProps = $ReadOnly<{
   /**
    * Called when the view starts refreshing.
    */
@@ -76,6 +72,13 @@ export type RefreshControlProps = $ReadOnly<{
   progressViewOffset?: ?number,
 }>;
 
+export type RefreshControlProps = $ReadOnly<{
+  ...ViewProps,
+  ...RefreshControlPropsIOS,
+  ...RefreshControlPropsAndroid,
+  ...RefreshControlBaseProps,
+}>;
+
 /**
  * This component is used inside a ScrollView or ListView to add pull to refresh
  * functionality. When the ScrollView is at `scrollY: 0`, swiping down

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

@@ -1692,25 +1692,28 @@ declare export default typeof PullToRefreshViewNativeComponent;
 `;
 
 exports[`public API should not change unintentionally Libraries/Components/RefreshControl/RefreshControl.js 1`] = `
-"type IOSProps = $ReadOnly<{
+"export type RefreshControlPropsIOS = $ReadOnly<{
   tintColor?: ?ColorValue,
   titleColor?: ?ColorValue,
   title?: ?string,
 }>;
-type AndroidProps = $ReadOnly<{
+export type RefreshControlPropsAndroid = $ReadOnly<{
   enabled?: ?boolean,
   colors?: ?$ReadOnlyArray<ColorValue>,
   progressBackgroundColor?: ?ColorValue,
   size?: ?(\\"default\\" | \\"large\\"),
 }>;
-export type RefreshControlProps = $ReadOnly<{
-  ...ViewProps,
-  ...IOSProps,
-  ...AndroidProps,
+type RefreshControlBaseProps = $ReadOnly<{
   onRefresh?: ?() => void | Promise<void>,
   refreshing: boolean,
   progressViewOffset?: ?number,
 }>;
+export type RefreshControlProps = $ReadOnly<{
+  ...ViewProps,
+  ...RefreshControlPropsIOS,
+  ...RefreshControlPropsAndroid,
+  ...RefreshControlBaseProps,
+}>;
 declare class RefreshControl extends React.Component<RefreshControlProps> {
   componentDidMount(): void;
   componentDidUpdate(prevProps: RefreshControlProps): void;

scripts/build/build-types/buildTypes.js

@@ -75,6 +75,7 @@ const ENTRY_POINTS = [
   'packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js',
   'packages/react-native/Libraries/Components/Switch/Switch.js',
   'packages/react-native/Libraries/Components/StatusBar/StatusBar.js',
+  'packages/react-native/Libraries/Components/RefreshControl/RefreshControl.js',
 ];
 
 /**