[ReactNative] Rename JSNavigationStack to ReactNavigator, rename scene config

Examples/UIExplorer/ReactNavigator/BreadcrumbNavSample.js

@@ -6,7 +6,7 @@
 'use strict';
 
 var BreadcrumbNavigationBar = require('BreadcrumbNavigationBar');
-var JSNavigationStack = require('JSNavigationStack');
+var ReactNavigator = require('ReactNavigator');
 var React = require('React');
 var StyleSheet = require('StyleSheet');
 var ScrollView = require('ScrollView');
@@ -16,8 +16,6 @@ var Text = require('Text');
 var TouchableBounce = require('TouchableBounce');
 var View = require('View');
 
-
-
 var SAMPLE_TEXT = 'Top Pushes. Middle Replaces. Bottom Pops.';
 
 var _getRandomRoute = function() {
@@ -187,7 +185,7 @@ var BreadcrumbNavSample = React.createClass({
           onPress={this.onTabSelect.bind(this, 0)}
           icon={require('image!madman_tabnav_list')}
           title="One">
-          <JSNavigationStack
+          <ReactNavigator
             debugOverlay={false}
             style={[styles.appContainer]}
             initialRoute={initialRoute}
@@ -204,8 +202,8 @@ var BreadcrumbNavSample = React.createClass({
           onPress={this.onTabSelect.bind(this, 1)}
           icon={require('image!madman_tabnav_create')}
           title="Two">
-          <JSNavigationStack
-            animationConfigRouteMapper={() => JSNavigationStack.AnimationConfigs.FloatFromBottom}
+          <ReactNavigator
+            configureScene={() => ReactNavigator.SceneConfigs.FloatFromBottom}
             debugOverlay={false}
             style={[styles.appContainer]}
             initialRoute={initialRoute}

Examples/UIExplorer/ReactNavigator/JumpingNavSample.js

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-var JSNavigationStack = require('JSNavigationStack');
+var ReactNavigator = require('ReactNavigator');
 var React = require('React');
 var StyleSheet = require('StyleSheet');
 var ScrollView = require('ScrollView');
@@ -132,7 +132,7 @@ var JumpingNavSample = React.createClass({
 
   render: function() {
     return (
-      <JSNavigationStack
+      <ReactNavigator
         debugOverlay={false}
         style={[styles.appContainer]}
         initialRoute={INIT_ROUTE}

Examples/UIExplorer/ReactNavigator/NavigationBarSample.js

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-var JSNavigationStack = require('JSNavigationStack');
+var ReactNavigator = require('ReactNavigator');
 var NavigationBar = require('NavigationBar');
 var React = require('React');
 var StyleSheet = require('StyleSheet');
@@ -70,7 +70,7 @@ var NavigationBarSample = React.createClass({
   render: function() {
     return (
       <View style={styles.appContainer}>
-        <JSNavigationStack
+        <ReactNavigator
           debugOverlay={false}
           style={styles.appContainer}
           initialRoute={newRandomRoute()}

Examples/UIExplorer/ReactNavigator/NestedBreadcrumbNavSample.js

@@ -6,7 +6,7 @@
 'use strict';
 
 var BreadcrumbNavigationBar = require('BreadcrumbNavigationBar');
-var JSNavigationStack = require('JSNavigationStack');
+var ReactNavigator = require('ReactNavigator');
 var React = require('React');
 var ScrollView = require('ScrollView');
 var StyleSheet = require('StyleSheet');
@@ -90,7 +90,7 @@ var SecondDeepRouteMapper = (route, navigator) => (
         <Text style={styles.buttonText}>Push Horizontal</Text>
       </View>
     </TouchableBounce>
-    <JSNavigationStack
+    <ReactNavigator
       style={styles.thirdDeepNavigator}
       initialRoute={{title: '3x Nested Horizontal'}}
       renderScene={ThirdDeepRouteMapper}
@@ -111,7 +111,7 @@ var FirstDeepRouteMapper = (route, navigator) => (
         <Text style={styles.buttonText}>Push Outer Vertical Stack</Text>
       </View>
     </TouchableBounce>
-    <JSNavigationStack
+    <ReactNavigator
       style={styles.secondDeepNavigator}
       initialRoute={{title: '2x Nested Horizontal Nav'}}
       renderScene={SecondDeepRouteMapper}
@@ -132,9 +132,9 @@ var NestedBreadcrumbNavSample = React.createClass({
     var initialRoute = {title: 'Vertical'};
     // No navigation bar.
     return (
-      <JSNavigationStack
+      <ReactNavigator
         style={[styles.appContainer]}
-        animationConfigRouteMapper={() => JSNavigationStack.AnimationConfigs.FloatFromBottom}
+        configureScene={() => ReactNavigator.SceneConfigs.FloatFromBottom}
         initialRoute={initialRoute}
         renderScene={FirstDeepRouteMapper}
       />

Examples/UIExplorer/ReactNavigator/ReactNavigatorExample.js

@@ -4,7 +4,7 @@
 'use strict';
 
 var React = require('React');
-var JSNavigationStack = require('JSNavigationStack');
+var ReactNavigator = require('ReactNavigator');
 var StyleSheet = require('StyleSheet');
 var Text = require('Text');
 var ScrollView = require('ScrollView');
@@ -35,7 +35,7 @@ class NavMenu extends React.Component {
         <TouchableHighlight style={styles.button} onPress={() => {
           this.props.onExampleExit();
         }}>
-          <Text style={styles.buttonText}>Exit JSNavigationStack Example</Text>
+          <Text style={styles.buttonText}>Exit ReactNavigator Example</Text>
         </TouchableHighlight>
       </ScrollView>
     );
@@ -45,7 +45,7 @@ class NavMenu extends React.Component {
 var TabBarExample = React.createClass({
 
   statics: {
-    title: '<JSNavigationStack>',
+    title: '<ReactNavigator>',
     description: 'JS-implemented navigation',
   },
 
@@ -69,11 +69,11 @@ var TabBarExample = React.createClass({
 
   render: function() {
     return (
-      <JSNavigationStack
+      <ReactNavigator
         style={styles.container}
         initialRoute={{ id: 'menu', }}
         renderScene={this.renderScene}
-        animationConfigRouteMapper={(route) => JSNavigationStack.AnimationConfigs.FloatFromBottom}
+        configureScene={(route) => ReactNavigator.SceneConfigs.FloatFromBottom}
       />
     );
   },

Examples/UIExplorer/UIExplorerList.js

@@ -21,7 +21,7 @@ var {
   TouchableHighlight,
   View,
 } = React;
-var JSNavigationStackExample = require('./JSNavigationStack/JSNavigationStackExample');
+var ReactNavigatorExample = require('./ReactNavigator/ReactNavigatorExample');
 
 var createExamplePage = require('./createExamplePage');
 
@@ -33,7 +33,7 @@ var COMPONENTS = [
   require('./ListViewSimpleExample'),
   require('./MapViewExample'),
   require('./NavigatorIOSExample'),
-  JSNavigationStackExample,
+  ReactNavigatorExample,
   require('./PickerExample'),
   require('./ScrollViewExample'),
   require('./SliderIOSExample'),
@@ -146,9 +146,9 @@ class UIExplorerList extends React.Component {
   }
 
   _onPressRow(example) {
-    if (example === JSNavigationStackExample) {
+    if (example === ReactNavigatorExample) {
       this.props.onExternalExampleRequested(
-        JSNavigationStackExample
+        ReactNavigatorExample
       );
       return;
     }