renamte to Options

README.md

@@ -33,14 +33,14 @@ v2 is written in Test Driven Development. We have a test for every feature inclu
 
 ## v2 Roadmap
 
-### Current Priorities 
+### Current Priorities
 
 1) buttons in Android
 2) showOverlay in iOS
 3) showOverlay in Android
 4) async commands
-5) currentTab 
-6) change navigationOptions to be nested
+5) currentTab
+6) change Options to be nested
 7) topTabs in both platforms, with API implications
 
 ### Top API
@@ -129,7 +129,7 @@ v2 is written in Test Driven Development. We have a test for every feature inclu
 | sideMenuVisible          |        [Contribute](/docs/docs/CONTRIBUTING.md)   | [Contribute](/docs/docs/CONTRIBUTING.md) |
 
 
-## v1 vs v2 Feature Comparison  
+## v1 vs v2 Feature Comparison
 v2 currently supports most of react-native-navigation’s basic functionality but it is still behind v1.
 Here is the full comparison of features between v1 and v2 (will be updated regularly):
 ### Top Level API
@@ -203,5 +203,5 @@ Note:  v1 properties with names beginning with 'navBar' are replaced in v2 with
 | customTransition(shared element)       |     :x:  |     WIP @bogobogo     | [Contribute](/docs/docs/CONTRIBUTING.md)|
 | splitViewScreen       |     :x:  |    [Contribute](/docs/docs/CONTRIBUTING.md)      | [Contribute](/docs/docs/CONTRIBUTING.md)|
 
-Element transitions, adding buttons and styles are not yet implemented. [Contribute](/docs/docs/CONTRIBUTING.md)  
+Element transitions, adding buttons and styles are not yet implemented. [Contribute](/docs/docs/CONTRIBUTING.md)
 

docs/docs/Container.md

@@ -7,5 +7,5 @@
 | name | <code>string</code> | The container's registered name |
 | topTabs | [<code>Array.&lt;Container&gt;</code>](#Container) |  |
 | passProps | <code>object</code> | props |
-| navigationOptions | <a href="https://wix.github.io/react-native-navigation/v2/#/docs/NavigationOptions">NavigationOptions</a> |  |
+| options | <a href="https://wix.github.io/react-native-navigation/v2/#/docs/Options">Options</a> |  |
 

lib/src/commands/LayoutTreeCrawler.js

@@ -33,7 +33,7 @@ class LayoutTreeCrawler {
 
   _applyStaticOptions(node) {
     const clazz = this.store.getOriginalContainerClassForName(node.data.name) || {};
-    const staticOptions = _.cloneDeep(clazz.navigationOptions) || {};
+    const staticOptions = _.cloneDeep(clazz.options) || {};
     const passedOptions = node.data.options || {};
     node.data.options = _.merge({}, staticOptions, passedOptions);
   }

lib/src/commands/LayoutTreeCrawler.test.js

@@ -70,7 +70,7 @@ describe('LayoutTreeCrawler', () => {
       opt: 'exists only in static'
     };
     const MyContainer = class {
-      static get navigationOptions() {
+      static get options() {
         return theStyle;
       }
     };

lib/src/commands/OptionsProcessor.test.js

@@ -97,11 +97,11 @@ describe('navigation options', () => {
     options.someKeyColor = 'rgb(255, 0, 255)';
     options.topBar = { textColor: 'red' };
     options.topBar.innerMostObj = { anotherColor: 'yellow' };
-    const navigationOptionsObj = new Options(options);
+    const optionsObj = new Options(options);
 
-    OptionsProcessor.processOptions(navigationOptionsObj);
+    OptionsProcessor.processOptions(optionsObj);
 
-    expect(navigationOptionsObj.topBar.textColor).toEqual(0xffff0000);
+    expect(optionsObj.topBar.textColor).toEqual(0xffff0000);
   });
 
   it('undefined value return undefined ', () => {

playground/src/containers/BackHandlerScreen.js

@@ -4,7 +4,7 @@ const { Component } = require('react');
 const { View, Text, Button, BackHandler } = require('react-native');
 
 class BackHandlerScreen extends Component {
-  static get navigationOptions() {
+  static get options() {
     return {
       topBar: {
         title: 'Back Handler',

playground/src/containers/CustomTransitionDestination.js

@@ -10,7 +10,7 @@ class CustomTransitionDestination extends Component {
     this.push = this.push.bind(this);
   }
 
-  static get navigationOptions() {
+  static get options() {
     return {
       backButtonTransition: 'custom',
       topBar: {
@@ -57,7 +57,7 @@ class CustomTransitionDestination extends Component {
           <Text style={styles.p}>{`Lorem ipsum dolor sit amet, consectetur adipiscing elit,
            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
-           nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
+           nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
            in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
           cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum`}
           </Text>

playground/src/containers/CustomTransitionOrigin.js

@@ -8,7 +8,7 @@ class CustomTransitionOrigin extends Component {
     super(props);
     this.onClickNavigationIcon = this.onClickNavigationIcon.bind(this);
   }
-  static get navigationOptions() {
+  static get options() {
     return {
       topBar: {
         textFontFamily: 'HelveticaNeue-Italic',

playground/src/containers/ModalScreen.js

@@ -9,7 +9,7 @@ const Navigation = require('react-native-navigation');
 const testIDs = require('../testIDs');
 
 class ModalScreen extends Component {
-  static get navigationOptions() {
+  static get options() {
     return {
       orientation: ['portrait']
     };

playground/src/containers/OptionsScreen.js

@@ -11,7 +11,7 @@ const BUTTON_TWO = 'buttonTwo';
 const BUTTON_LEFT = 'buttonLeft';
 
 class OptionsScreen extends Component {
-  static get navigationOptions() {
+  static get options() {
     return {
       topBar: {
         title: 'Static Title',

playground/src/containers/ScrollViewScreen.js

@@ -7,7 +7,7 @@ const Navigation = require('react-native-navigation');
 const testIDs = require('../testIDs');
 
 class ScrollViewScreen extends Component {
-  static get navigationOptions() {
+  static get options() {
     return {
       topBar: {
         translucent: false

playground/src/containers/TextScreen.js

@@ -9,7 +9,7 @@ const testIDs = require('../testIDs');
 let globalFirstContainerID;
 
 class TextScreen extends Component {
-  static get navigationOptions() {
+  static get options() {
     return {
       bottomTabs: {
         testID: testIDs.BOTTOM_TABS_ELEMENT

playground/src/containers/TopTabOptionsScreen.js

@@ -5,7 +5,7 @@ const { View, Text, Button } = require('react-native');
 const Navigation = require('react-native-navigation');
 
 class TopTabOptionsScreen extends PureComponent {
-  static get navigationOptions() {
+  static get options() {
     return {
       topBar: {
         title: 'Tab 1',

playground/src/containers/TopTabScreen.js

@@ -4,7 +4,7 @@ const { View, Text } = require('react-native');
 const Navigation = require('react-native-navigation');
 
 class TopTabScreen extends PureComponent {
-  static get navigationOptions() {
+  static get options() {
     return {
       topBar: {
         textColor: 'black',

playground/src/containers/WelcomeScreen.js

@@ -7,7 +7,7 @@ const testIDs = require('../testIDs');
 const Navigation = require('react-native-navigation');
 
 class WelcomeScreen extends Component {
-  static get navigationOptions() {
+  static get options() {
     return {
       topBar: {
         largeTitle: false
@@ -54,7 +54,7 @@ class WelcomeScreen extends Component {
               text: 'This is tab 1',
               myFunction: () => 'Hello from a function!'
             },
-            navigationOptions: {
+            options: {
               bottomTab: {
                 title: 'Tab 1',
                 testID: testIDs.FIRST_TAB_BAR_BUTTON
@@ -68,7 +68,7 @@ class WelcomeScreen extends Component {
             passProps: {
               text: 'This is tab 2'
             },
-            navigationOptions: {
+            options: {
               bottomTab: {
                 title: 'Tab 2',
                 testID: testIDs.SECOND_TAB_BAR_BUTTON
@@ -168,7 +168,7 @@ class WelcomeScreen extends Component {
             title: 'Tab 1',
             text: 'This is top tab 1'
           },
-          navigationOptions: {
+          options: {
             topTab: {
               title: 'Tab 1'
             }
@@ -180,7 +180,7 @@ class WelcomeScreen extends Component {
             title: 'Tab 2',
             text: 'This is top tab 2'
           },
-          navigationOptions: {
+          options: {
             topTab: {
               title: 'Tab 2',
               titleFontFamily: 'Dosis-Regular'
@@ -193,14 +193,14 @@ class WelcomeScreen extends Component {
             title: 'Tab 3',
             text: 'This is top tab 3'
           },
-          navigationOptions: {
+          options: {
             topTab: {
               title: 'Tab 3'
             }
           }
         }
       ],
-      navigationOptions: {
+      options: {
         topTabs: {
           selectedTabColor: '#12766b',
           unselectedTabColor: 'red',