renamed container to component

lib/src/commands/Commands.test.js

@@ -1,4 +1,3 @@
-const SimpleLayouts = require('./SimpleLayouts');
 const LayoutTreeParser = require('./LayoutTreeParser');
 const LayoutTreeCrawler = require('./LayoutTreeCrawler');
 const Store = require('../containers/Store');

lib/src/commands/Examples.js

@@ -0,0 +1,108 @@
+const passProps = {
+  strProp: 'string prop',
+  numProp: 12345,
+  objProp: { inner: { foo: 'bar' } },
+  fnProp: () => 'Hello from a function'
+};
+
+const topBarOptions = {
+  topBar: {
+    title: 'Hello1'
+  }
+};
+
+const singleComponent = {
+  component: {
+    name: 'myReactComponent'
+  }
+};
+
+const stackOfComponentsWithTopBar = {
+  stack: [
+    {
+      component: {
+        name: 'myReactComponent1'
+      }
+    },
+
+    {
+      component: {
+        name: 'myReactComponent2',
+        options: topBarOptions // optional
+      }
+    }
+  ]
+};
+
+const bottomTabs = {
+  bottomTabs: [
+    stackOfComponentsWithTopBar,
+    stackOfComponentsWithTopBar,
+    {
+      component: {
+        name: 'myReactComponent1'
+      }
+    }
+  ]
+};
+
+const sideMenu = {
+  sideMenu: {
+    left: singleComponent,
+    center: stackOfComponentsWithTopBar,
+    right: singleComponent
+  }
+};
+
+const topTabs = {
+  topTabs: [
+    singleComponent,
+    singleComponent,
+    singleComponent,
+    singleComponent,
+    stackOfComponentsWithTopBar
+  ],
+  options: topBarOptions
+};
+
+const complexLayout = {
+  sideMenu: {
+    left: singleComponent,
+    center: {
+      bottomTabs: [
+        stackOfComponentsWithTopBar,
+        stackOfComponentsWithTopBar,
+        {
+          stack: [
+            {
+              topTabs: [
+                {
+                  topTabs: [
+                    singleComponent,
+                    singleComponent,
+                    singleComponent,
+                    singleComponent,
+                    stackOfComponentsWithTopBar
+                  ],
+                  options: topBarOptions
+                },
+                stackOfComponentsWithTopBar,
+                stackOfComponentsWithTopBar
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  }
+};
+
+module.exports = {
+  passProps,
+  topBarOptions,
+  singleComponent,
+  bottomTabs,
+  sideMenu,
+  topTabs,
+  complexLayout
+};

lib/src/commands/LayoutTreeParser.test.js

@@ -1,4 +1,3 @@
-const SimpleLayouts = require('./SimpleLayouts');
 const LayoutTreeParser = require('./LayoutTreeParser');
 
 describe('LayoutTreeParser', () => {

lib/src/commands/LayoutTypes.js

@@ -1,12 +1,11 @@
 module.exports = {
-  Container: 'Container',
-  ContainerStack: 'ContainerStack',
+  Component: 'Component',
+  ComponentStack: 'ComponentStack',
   BottomTabs: 'BottomTabs',
   SideMenuRoot: 'SideMenuRoot',
   SideMenuCenter: 'SideMenuCenter',
   SideMenuLeft: 'SideMenuLeft',
   SideMenuRight: 'SideMenuRight',
-  CustomDialog: 'CustomDialog',
   TopTabs: 'TopTabs',
   TopTab: 'TopTab'
 };

lib/src/commands/SimpleLayouts.js

@@ -1,138 +0,0 @@
-const singleScreenApp = {
-  container: {
-    name: 'com.example.MyScreen'
-  }
-};
-
-const passProps = {
-  strProp: 'string prop',
-  numProp: 12345,
-  objProp: { inner: { foo: 'bar' } },
-  fnProp: () => 'Hello from a function'
-};
-
-const singleScreenWithAditionalParams = {
-  container: {
-    name: 'com.example.MyScreen',
-    passProps,
-    style: {},
-    buttons: {}
-  }
-};
-
-const tabBasedApp = {
-  bottomTabs: [
-    {
-      container: {
-        name: 'com.example.ATab'
-      }
-    },
-    {
-      container: {
-        name: 'com.example.SecondTab'
-      }
-    },
-    {
-      container: {
-        name: 'com.example.ATab'
-      }
-    }
-  ]
-};
-
-const singleWithSideMenu = {
-  container: {
-    name: 'com.example.MyScreen'
-  },
-  sideMenu: {
-    left: {
-      container: {
-        name: 'com.example.SideMenu'
-      }
-    }
-  }
-};
-
-const singleWithRightSideMenu = {
-  container: {
-    name: 'com.example.MyScreen'
-  },
-  sideMenu: {
-    right: {
-      container: {
-        name: 'com.example.SideMenu'
-      }
-    }
-  }
-};
-
-const singleWithBothMenus = {
-  container: {
-    name: 'com.example.MyScreen'
-  },
-  sideMenu: {
-    left: {
-      container: {
-        name: 'com.example.Menu1'
-      }
-    },
-    right: {
-      container: {
-        name: 'com.example.Menu2'
-      }
-    }
-  }
-};
-
-const tabBasedWithBothSideMenus = {
-  bottomTabs: [
-    {
-      container: {
-        name: 'com.example.FirstTab'
-      }
-    },
-    {
-      container: {
-        name: 'com.example.SecondTab'
-      }
-    }
-  ],
-  sideMenu: {
-    left: {
-      container: {
-        name: 'com.example.Menu1'
-      }
-    },
-    right: {
-      container: {
-        name: 'com.example.Menu2'
-      }
-    }
-  }
-};
-
-const singleScreenWithTopTabs = {
-  topTabs: [
-    {
-      name: 'navigation.playground.TextScreen'
-    },
-    {
-      name: 'navigation.playground.TextScreen'
-    },
-    {
-      name: 'navigation.playground.TextScreen'
-    }
-  ]
-};
-
-module.exports = {
-  singleScreenApp,
-  passProps,
-  singleScreenWithAditionalParams,
-  tabBasedApp,
-  singleWithSideMenu,
-  singleWithRightSideMenu,
-  singleWithBothMenus,
-  tabBasedWithBothSideMenus,
-  singleScreenWithTopTabs
-};