Manual fixes for xplat/js/react-native-github

Summary:
Need to add explicit type annotations in these areas to unblock types-first architecture for Flow. These are locations the codemod could not automatically handle.

I'll call out areas I need a close eye on in the comments.

Reviewed By: panagosg7

Differential Revision: D16659053

fbshipit-source-id: 167dd2abe093019b128676426374c1c62cf71e7f

Libraries/Animated/src/Animated.js

@@ -12,28 +12,31 @@
 
 import Platform from '../../Utilities/Platform';
 
-const AnimatedImplementation = Platform.isTesting
-  ? require('./AnimatedMock')
-  : require('./AnimatedImplementation');
+const AnimatedMock = require('./AnimatedMock');
+const AnimatedImplementation = require('./AnimatedImplementation');
+
+const Animated = ((Platform.isTesting
+  ? AnimatedMock
+  : AnimatedImplementation): typeof AnimatedMock);
 
 module.exports = {
-  get FlatList() {
+  get FlatList(): any {
     return require('./components/AnimatedFlatList');
   },
-  get Image() {
+  get Image(): any {
     return require('./components/AnimatedImage');
   },
-  get ScrollView() {
+  get ScrollView(): any {
     return require('./components/AnimatedScrollView');
   },
-  get SectionList() {
+  get SectionList(): any {
     return require('./components/AnimatedSectionList');
   },
-  get Text() {
+  get Text(): any {
     return require('./components/AnimatedText');
   },
-  get View() {
+  get View(): any {
     return require('./components/AnimatedView');
   },
-  ...AnimatedImplementation,
+  ...Animated,
 };

Libraries/Animated/src/AnimatedMock.js

@@ -110,7 +110,7 @@ const stagger = function(
   return emptyAnimation;
 };
 
-type LoopAnimationConfig = {iterations: number};
+type LoopAnimationConfig = {iterations: number, resetBeforeIteration?: boolean};
 
 const loop = function(
   animation: CompositeAnimation,

Libraries/Animated/src/nodes/AnimatedInterpolation.js

@@ -307,7 +307,9 @@ function checkInfiniteRange(name: string, arr: Array<number>) {
 
 class AnimatedInterpolation extends AnimatedWithChildren {
   // Export for testing.
-  static __createInterpolation = createInterpolation;
+  static __createInterpolation: (
+    config: InterpolationConfigType,
+  ) => (input: number) => number | string = createInterpolation;
 
   _parent: AnimatedNode;
   _config: InterpolationConfigType;
@@ -347,7 +349,7 @@ class AnimatedInterpolation extends AnimatedWithChildren {
     super.__detach();
   }
 
-  __transformDataType(range: Array<any>) {
+  __transformDataType(range: Array<any>): Array<any> {
     return range.map(NativeAnimatedHelper.transformDataType);
   }
 

Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js

@@ -16,6 +16,7 @@ import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
@@ -50,6 +51,6 @@ type NativeProps = $ReadOnly<{|
   size?: WithDefault<'small' | 'large', 'small'>,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('ActivityIndicatorView', {
+export default (codegenNativeComponent<NativeProps>('ActivityIndicatorView', {
   paperComponentName: 'RCTActivityIndicatorView',
-});
+}): NativeComponentType<NativeProps>);

Libraries/Components/Button.js

@@ -128,7 +128,7 @@ type ButtonProps = $ReadOnly<{|
  */
 
 class Button extends React.Component<ButtonProps> {
-  render() {
+  render(): React.Node {
     const {
       accessibilityLabel,
       color,

Libraries/Components/MaskedView/RCTMaskedViewNativeComponent.js

@@ -10,9 +10,12 @@
 
 import type {ViewProps} from '../View/ViewPropTypes';
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('RCTMaskedView');
+export default (codegenNativeComponent<NativeProps>(
+  'RCTMaskedView',
+): NativeComponentType<NativeProps>);

Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js

@@ -15,6 +15,7 @@ import type {ViewProps} from '../View/ViewPropTypes';
 import type {Float, WithDefault} from '../../Types/CodegenTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
@@ -29,4 +30,6 @@ type NativeProps = $ReadOnly<{|
   testID?: WithDefault<string, ''>,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('AndroidProgressBar');
+export default (codegenNativeComponent<NativeProps>(
+  'AndroidProgressBar',
+): NativeComponentType<NativeProps>);

Libraries/Components/ProgressViewIOS/RCTProgressViewNativeComponent.js

@@ -16,6 +16,7 @@ import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
@@ -29,4 +30,6 @@ type NativeProps = $ReadOnly<{|
   trackImage?: ?ImageSource,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('RCTProgressView');
+export default (codegenNativeComponent<NativeProps>(
+  'RCTProgressView',
+): NativeComponentType<NativeProps>);

Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js

@@ -11,6 +11,7 @@
 'use strict';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 import type {
   DirectEventHandler,
@@ -64,4 +65,6 @@ type NativeProps = $ReadOnly<{|
   refreshing: boolean,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('AndroidSwipeRefreshLayout');
+export default (codegenNativeComponent<NativeProps>(
+  'AndroidSwipeRefreshLayout',
+): NativeComponentType<NativeProps>);

Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js

@@ -15,6 +15,7 @@ import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
@@ -43,6 +44,6 @@ type NativeProps = $ReadOnly<{|
   refreshing: boolean,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('PullToRefreshView', {
+export default (codegenNativeComponent<NativeProps>('PullToRefreshView', {
   paperComponentName: 'RCTRefreshControl',
-});
+}): NativeComponentType<NativeProps>);

Libraries/Components/RefreshControl/RefreshControl.js

@@ -13,14 +13,14 @@
 const Platform = require('../../Utilities/Platform');
 const React = require('react');
 
-import AndroidSwipeRefreshLayoutNativeComponent from './AndroidSwipeRefreshLayoutNativeComponent';
-import PullToRefreshViewNativeComponent from './PullToRefreshViewNativeComponent';
 const nullthrows = require('nullthrows');
 
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
+import AndroidSwipeRefreshLayoutNativeComponent from './AndroidSwipeRefreshLayoutNativeComponent';
+import PullToRefreshViewNativeComponent from './PullToRefreshViewNativeComponent';
 
-let RefreshLayoutConsts;
+let RefreshLayoutConsts: any;
 if (Platform.OS === 'android') {
   const AndroidSwipeRefreshLayout = require('../../ReactNative/UIManager').getViewManagerConfig(
     'AndroidSwipeRefreshLayout',
@@ -135,7 +135,7 @@ export type RefreshControlProps = $ReadOnly<{|
  * in the `onRefresh` function otherwise the refresh indicator will stop immediately.
  */
 class RefreshControl extends React.Component<RefreshControlProps> {
-  static SIZE = RefreshLayoutConsts.SIZE;
+  static SIZE: any = RefreshLayoutConsts.SIZE;
 
   _setNativePropsOnRef: ?({refreshing: boolean}) => void;
   _lastNativeRefreshing = false;
@@ -161,7 +161,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
     }
   }
 
-  render() {
+  render(): React.Node {
     const setRef = ref =>
       (this._setNativePropsOnRef = ref ? ref.setNativeProps.bind(ref) : null);
     if (Platform.OS === 'ios') {

Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js

@@ -14,6 +14,7 @@ import type {ViewProps} from '../View/ViewPropTypes';
 import type {WithDefault} from '../../Types/CodegenTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
@@ -22,4 +23,6 @@ type NativeProps = $ReadOnly<{|
   emulateUnlessSupported?: WithDefault<boolean, false>,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('RCTSafeAreaView');
+export default (codegenNativeComponent<NativeProps>(
+  'RCTSafeAreaView',
+): NativeComponentType<NativeProps>);

Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js

@@ -10,6 +10,7 @@
 'use strict';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 import type {ViewProps} from '../View/ViewPropTypes';
 import type {
   BubblingEventHandler,
@@ -37,4 +38,6 @@ type NativeProps = $ReadOnly<{|
   onChange?: ?BubblingEventHandler<OnChangeEvent>,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('RCTSegmentedControl');
+export default (codegenNativeComponent<NativeProps>(
+  'RCTSegmentedControl',
+): NativeComponentType<NativeProps>);

Libraries/Components/Slider/SliderNativeComponent.js

@@ -18,6 +18,7 @@ import type {
 } from '../../Types/CodegenTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ImageSource} from '../../Image/ImageSource';
@@ -53,7 +54,7 @@ type NativeProps = $ReadOnly<{|
   onSlidingComplete?: ?DirectEventHandler<Event, 'paperSlidingComplete'>,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('Slider', {
+export default (codegenNativeComponent<NativeProps>('Slider', {
   interfaceOnly: true,
   paperComponentName: 'RCTSlider',
-});
+}): NativeComponentType<NativeProps>);

Libraries/Components/Switch/SwitchNativeComponent.js

@@ -15,6 +15,7 @@ import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type SwitchChangeEvent = $ReadOnly<{|
   value: boolean,
@@ -39,6 +40,6 @@ type NativeProps = $ReadOnly<{|
   onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('Switch', {
+export default (codegenNativeComponent<NativeProps>('Switch', {
   paperComponentName: 'RCTSwitch',
-});
+}): NativeComponentType<NativeProps>);

Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js

@@ -13,10 +13,13 @@ import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
   backgroundColor?: ?ColorValue,
 |}>;
 
-export default codegenNativeComponent<NativeProps>('RCTInputAccessoryView');
+export default (codegenNativeComponent<NativeProps>(
+  'RCTInputAccessoryView',
+): NativeComponentType<NativeProps>);

Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js

@@ -14,6 +14,7 @@ import type {WithDefault} from '../../Types/CodegenTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
+import {type NativeComponentType} from '../../Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
@@ -22,4 +23,6 @@ type NativeProps = $ReadOnly<{|
 
 // NOTE: This component is not implemented in paper
 // Do not require this file in paper builds
-export default codegenNativeComponent<NativeProps>('UnimplementedNativeView');
+export default (codegenNativeComponent<NativeProps>(
+  'UnimplementedNativeView',
+): NativeComponentType<NativeProps>);

Libraries/Components/View/ReactNativeViewAttributes.js

@@ -12,9 +12,7 @@
 
 const ReactNativeStyleAttributes = require('./ReactNativeStyleAttributes');
 
-const ReactNativeViewAttributes = {};
-
-ReactNativeViewAttributes.UIView = {
+const UIView = {
   pointerEvents: true,
   accessible: true,
   accessibilityActions: true,
@@ -39,8 +37,8 @@ ReactNativeViewAttributes.UIView = {
   style: ReactNativeStyleAttributes,
 };
 
-ReactNativeViewAttributes.RCTView = {
-  ...ReactNativeViewAttributes.UIView,
+const RCTView = {
+  ...UIView,
 
   // This is a special performance property exposed by RCTView and useful for
   // scrolling content when there are many subviews, most of which are offscreen.
@@ -50,4 +48,9 @@ ReactNativeViewAttributes.RCTView = {
   removeClippedSubviews: true,
 };
 
+const ReactNativeViewAttributes = {
+  UIView: UIView,
+  RCTView: RCTView,
+};
+
 module.exports = ReactNativeViewAttributes;

Libraries/Components/View/View.js

@@ -11,6 +11,7 @@
 'use strict';
 
 import type {ViewProps} from './ViewPropTypes';
+import type {ViewNativeComponentType} from './ViewNativeComponent';
 
 export type Props = ViewProps;
 
@@ -21,4 +22,5 @@ export type Props = ViewProps;
  *
  * @see http://facebook.github.io/react-native/docs/view.html
  */
-module.exports = require('./ViewNativeComponent').default;
+module.exports = (require('./ViewNativeComponent')
+  .default: ViewNativeComponentType);

Libraries/Components/View/ViewNativeComponent.js

@@ -18,7 +18,9 @@ const requireNativeComponent = require('../../ReactNative/requireNativeComponent
 
 import type {ViewProps} from './ViewPropTypes';
 
-type ViewNativeComponentType = Class<ReactNative.NativeComponent<ViewProps>>;
+export type ViewNativeComponentType = Class<
+  ReactNative.NativeComponent<ViewProps>,
+>;
 
 let NativeViewComponent;
 let viewConfig;

Libraries/Interaction/InteractionManager.js

@@ -18,7 +18,7 @@ const infoLog = require('../Utilities/infoLog');
 const invariant = require('invariant');
 const keyMirror = require('fbjs/lib/keyMirror');
 
-type Handle = number;
+export type Handle = number;
 import type {Task} from './TaskQueue';
 
 const _emitter = new EventEmitter();