FIX NavigationTypeDefinition import and some eslint errors

NavigationAbstractPanResponder.js

@@ -15,9 +15,9 @@ const PanResponder = require('react-native').PanResponder;
 
 const invariant = require('fbjs/lib/invariant');
 
-import type  {
+import type {
   NavigationPanPanHandlers,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 const EmptyPanHandlers = {
   onMoveShouldSetPanResponder: null,

NavigationAnimatedValueSubscription.js

@@ -27,9 +27,9 @@
  */
 'use strict';
 
-import type  {
-  NavigationAnimatedValue
-} from 'NavigationTypeDefinition';
+import type {
+  NavigationAnimatedValue,
+} from './NavigationTypeDefinition';
 
 class NavigationAnimatedValueSubscription {
   _value: NavigationAnimatedValue;

NavigationAnimatedView.js

@@ -27,7 +27,7 @@ import type {
   NavigationParentState,
   NavigationScene,
   NavigationSceneRenderer,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 type Props = {
   applyAnimation: NavigationAnimationSetter,
@@ -44,7 +44,7 @@ type State = {
   scenes: Array<NavigationScene>,
 };
 
-const {PropTypes} = React;
+const { PropTypes } = React;
 
 function applyDefaultAnimation(
   position: NavigationAnimatedValue,

NavigationCard.js

@@ -45,13 +45,13 @@ const ReactComponentWithPureRenderMixin = require('react-addons-pure-render-mixi
 const StyleSheet = require('react-native').StyleSheet;
 const View = require('react-native').View;
 
-import type  {
+import type {
   NavigationPanPanHandlers,
   NavigationSceneRenderer,
   NavigationSceneRendererProps,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
-type SceneViewProps =  {
+type SceneViewProps = {
   sceneRenderer: NavigationSceneRenderer,
   sceneRendererProps: NavigationSceneRendererProps,
 };
@@ -64,7 +64,7 @@ type Props = NavigationSceneRendererProps & {
   style: any,
 };
 
-const {PropTypes} = React;
+const { PropTypes } = React;
 
 class SceneView extends React.Component<any, SceneViewProps, any> {
 

NavigationCardStack.js

@@ -44,18 +44,18 @@ const StyleSheet = require('react-native').StyleSheet;
 
 const emptyFunction = require('fbjs/lib/emptyFunction');
 
-const {PropTypes} = React;
-const {Directions} = NavigationCardStackPanResponder;
+const { PropTypes } = React;
+const { Directions } = NavigationCardStackPanResponder;
 
 import type {
   NavigationParentState,
   NavigationSceneRenderer,
   NavigationSceneRendererProps,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 import type {
   NavigationGestureDirection,
-} from 'NavigationCardStackPanResponder';
+} from './NavigationCardStackPanResponder';
 
 type Props = {
   direction: NavigationGestureDirection,
@@ -140,7 +140,7 @@ class NavigationCardStack extends React.Component<DefaultProps, Props, void> {
     return (
       <NavigationCard
         {...props}
-        key={'card_' + props.scene.key}
+        key={`card_ ${props.scene.key}`}
         panHandlers={panHandlers}
         renderScene={this.props.renderScene}
         style={style}

NavigationCardStackPanResponder.js

@@ -20,7 +20,7 @@ const clamp = require('clamp');
 import type {
   NavigationPanPanHandlers,
   NavigationSceneRendererProps,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 /**
  * The duration of the card animation in milliseconds.
@@ -69,7 +69,7 @@ const Actions = {
   // The gesture to navigate backward.
   // This is done by swiping from the left to the right or from the top to the
   // bottom.
-  BACK: {type: 'back'},
+  BACK: { type: 'back' },
 };
 
 /**

NavigationCardStackStyleInterpolator.js

@@ -32,9 +32,9 @@
  */
 'use strict';
 
-import type  {
+import type {
   NavigationSceneRendererProps,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 /**
  * Utility that builds the style for the card in the cards stack.

NavigationFindReducer.js

@@ -19,8 +19,8 @@
 
 import type {
   NavigationState,
-  NavigationReducer
-} from 'NavigationTypeDefinition';
+  NavigationReducer,
+} from './NavigationTypeDefinition';
 
 function NavigationFindReducer(
   reducers: Array<NavigationReducer>,

NavigationHeader.js

@@ -48,11 +48,11 @@ const {
   View,
 } = ReactNative;
 
-import type  {
+import type {
   NavigationSceneRenderer,
   NavigationSceneRendererProps,
   NavigationStyleInterpolator,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 type DefaultProps = {
   renderLeftComponent: NavigationSceneRenderer,

NavigationHeaderBackButton.js

@@ -39,7 +39,7 @@ const NavigationHeaderBackButton = (props: Props) => (
 );
 
 NavigationHeaderBackButton.propTypes = {
-  onNavigate: React.PropTypes.func.isRequired
+  onNavigate: React.PropTypes.func.isRequired,
 };
 
 const styles = StyleSheet.create({
@@ -53,8 +53,8 @@ const styles = StyleSheet.create({
     height: 24,
     width: 24,
     margin: Platform.OS === 'ios' ? 10 : 16,
-    resizeMode: 'contain'
-  }
+    resizeMode: 'contain',
+  },
 });
 
 module.exports = NavigationContainer.create(NavigationHeaderBackButton);

NavigationHeaderStyleInterpolator.js

@@ -33,9 +33,9 @@
 'use strict';
 
 
-import type  {
+import type {
   NavigationSceneRendererProps,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 /**
  * Utility that builds the style for the navigation header.
@@ -49,42 +49,42 @@ import type  {
  */
 
 function forLeft(props: NavigationSceneRendererProps): Object {
-  const {position, scene} = props;
-  const {index} = scene;
+  const { position, scene } = props;
+  const { index } = scene;
   return {
     opacity: position.interpolate({
-      inputRange: [ index - 1, index, index + 1 ],
-      outputRange: [ 0, 1, 0 ],
+      inputRange: [index - 1, index, index + 1],
+      outputRange: [0, 1, 0],
     }),
   };
 }
 
 function forCenter(props: NavigationSceneRendererProps): Object {
-  const {position, scene} = props;
-  const {index} = scene;
+  const { position, scene } = props;
+  const { index } = scene;
   return {
-    opacity:position.interpolate({
-      inputRange: [ index - 1, index, index + 1 ],
-      outputRange: [ 0, 1, 0 ],
+    opacity: position.interpolate({
+      inputRange: [index - 1, index, index + 1],
+      outputRange: [0, 1, 0],
     }),
     transform: [
       {
         translateX: position.interpolate({
-          inputRange: [ index - 1, index + 1 ],
-          outputRange: [ 200, -200 ],
+          inputRange: [index - 1, index + 1],
+          outputRange: [200, -200],
         }),
-      }
+      },
     ],
   };
 }
 
 function forRight(props: NavigationSceneRendererProps): Object {
-  const {position, scene} = props;
-  const {index} = scene;
+  const { position, scene } = props;
+  const { index } = scene;
   return {
     opacity: position.interpolate({
-      inputRange: [ index - 1, index, index + 1 ],
-      outputRange: [ 0, 1, 0 ],
+      inputRange: [index - 1, index, index + 1],
+      outputRange: [0, 1, 0],
     }),
   };
 }

NavigationHeaderTitle.js

@@ -45,8 +45,8 @@ type Props = {
 }
 
 const NavigationHeaderTitle = ({ children, style, textStyle, viewProps }: Props) => (
-  <View style={[ styles.title, style ]} {...viewProps}>
-    <Text style={[ styles.titleText, textStyle ]}>{children}</Text>
+  <View style={[styles.title, style]} {...viewProps}>
+    <Text style={[styles.titleText, textStyle]}>{children}</Text>
   </View>
 );
 
@@ -55,22 +55,22 @@ const styles = StyleSheet.create({
     flex: 1,
     flexDirection: 'row',
     alignItems: 'center',
-    marginHorizontal: 16
+    marginHorizontal: 16,
   },
 
   titleText: {
     flex: 1,
     fontSize: 18,
     fontWeight: '500',
     color: 'rgba(0, 0, 0, .9)',
-    textAlign: Platform.OS === 'ios' ? 'center' : 'left'
-  }
+    textAlign: Platform.OS === 'ios' ? 'center' : 'left',
+  },
 });
 
 NavigationHeaderTitle.propTypes = {
   children: React.PropTypes.string.isRequired,
   style: View.propTypes.style,
-  textStyle: Text.propTypes.style
+  textStyle: Text.propTypes.style,
 };
 
 module.exports = NavigationHeaderTitle;

NavigationLegacyNavigator.js

@@ -37,25 +37,25 @@ const NavigationAnimatedValueSubscription = require('./NavigationAnimatedValueSu
 const NavigationAnimatedView = require('./NavigationAnimatedView');
 const NavigationCard = require('./NavigationCard');
 const NavigationCardStackStyleInterpolator = require('./NavigationCardStackStyleInterpolator');
-const NavigationContext = require('./NavigationContext');
 const NavigationLegacyNavigatorRouteStack = require('./NavigationLegacyNavigatorRouteStack');
 const NavigationCardStackPanResponder = require('./NavigationCardStackPanResponder');
 const NavigationPagerPanResponder = require('./NavigationPagerPanResponder');
 const NavigationPagerStyleInterpolator = require('./NavigationPagerStyleInterpolator');
 const NavigatorBreadcrumbNavigationBar = require('./NavigatorBreadcrumbNavigationBar');
 const NavigatorNavigationBar = require('./NavigatorNavigationBar');
 const NavigatorSceneConfigs = require('./NavigatorSceneConfigs');
+const NavigationContext = require('./NavigationContext');
 const React = require('react');
 const ReactComponentWithPureRenderMixin = require('react-addons-pure-render-mixin');
 
-import type  {
+import type {
   NavigationActionCaller,
   NavigationAnimatedValue,
   NavigationAnimationSetter,
   NavigationParentState,
   NavigationSceneRenderer,
   NavigationSceneRendererProps,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 type Props = {
   configureScene: any,
@@ -262,7 +262,7 @@ class NavigationLegacyNavigator extends React.Component<any, Props, State> {
       this._onPositionChange,
     );
 
-    const {navigationBar, navigationBarNavigator} = this.props;
+    const { navigationBar, navigationBarNavigator } = this.props;
     if (!navigationBar) {
       return null;
     }
@@ -279,12 +279,12 @@ class NavigationLegacyNavigator extends React.Component<any, Props, State> {
   }
 
   _renderCard(props: NavigationSceneRendererProps): ReactElement {
-    const {scene} = props;
-    const {configureScene} = this.props;
+    const { scene } = props;
+    const { configureScene } = this.props;
 
     // Default getters for style and pan responders.
     let styleGetter = NavigationCardStackStyleInterpolator.forHorizontal;
-    let panResponderGetter =  NavigationCardStackPanResponder.forHorizontal;
+    let panResponderGetter = NavigationCardStackPanResponder.forHorizontal;
 
     if (configureScene) {
       const route = RouteStack.getRouteByNavigationState(scene.navigationState);
@@ -326,7 +326,7 @@ class NavigationLegacyNavigator extends React.Component<any, Props, State> {
   }
 
   _renderScene(props: NavigationSceneRendererProps): ReactElement {
-    const {navigationState} = props.scene;
+    const { navigationState } = props.scene;
     const route = RouteStack.getRouteByNavigationState(navigationState);
     return this.props.renderScene(route, this);
   }
@@ -351,7 +351,7 @@ class NavigationLegacyNavigator extends React.Component<any, Props, State> {
 
   _onNavigationBarRef(navigationBarRef: any): void {
     this._navigationBarRef = navigationBarRef;
-    const {navigationBar} = this.props;
+    const { navigationBar } = this.props;
     if (navigationBar && typeof navigationBar.ref === 'function') {
       navigationBar.ref(navigationBarRef);
     }

NavigationLegacyNavigatorRouteStack.js

@@ -16,7 +16,7 @@ const invariant = require('fbjs/lib/invariant');
 import type {
   NavigationState,
   NavigationParentState,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 type IterationCallback = (route: any, index: number, key: string) => void;
 

NavigationPagerPanResponder.js

@@ -21,12 +21,11 @@ const clamp = require('clamp');
 import type {
   NavigationPanPanHandlers,
   NavigationSceneRendererProps,
-} from 'NavigationTypeDefinition';
+} from './NavigationTypeDefinition';
 
 import type {
   NavigationGestureDirection,
-} from 'NavigationCardStackPanResponder';
-
+} from './NavigationCardStackPanResponder';
 
 
 /**
@@ -44,8 +43,8 @@ const {
  * Primitive gesture actions.
  */
 const Actions = {
-  JUMP_BACK: {type: 'jump_back'},
-  JUMP_FORWARD: {type: 'jump_forward'},
+  JUMP_BACK: { type: 'jump_back' },
+  JUMP_FORWARD: { type: 'jump_forward' },
 };
 
 /**