feat(ui): menu component

docs/src/structure.ts

@@ -344,6 +344,15 @@ export const structure = [
           },
         ],
       },
+      {
+        type: 'tabs',
+        name: 'Menu',
+        icon: 'menu.svg',
+        source: [
+          'Menu',
+          'MenuItem',
+        ],
+      },
       {
         type: 'group',
         name: 'Forms',

scripts/build/compile-ts.sh

@@ -4,4 +4,4 @@
 # because it should not contain module aliases
 
 env=${1}
-tscpaths -p ./tsconfig.${env}.json -s ./src/framework -o ./dist/tsc-out/framework
+tsc -p ./tsconfig.${env}.json

src/framework/ui/divider/divider.component.tsx

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import React from 'react';
+import {
+  View,
+  ViewProps,
+} from 'react-native';
+import {
+  styled,
+  StyledComponentProps,
+} from '@kitten/theme';
+
+export type DividerProps = StyledComponentProps & ViewProps;
+export type DividerElement = React.ReactElement<DividerProps>;
+
+class DividerComponent extends React.Component<DividerProps> {
+
+  static styledComponentName: string = 'Divider';
+
+  public render(): DividerElement {
+    const { style, themedStyle, ...restProps } = this.props;
+
+    return (
+      <View
+        {...restProps}
+        style={[themedStyle, style]}
+      />
+    );
+  }
+}
+
+export const Divider = styled<DividerProps>(DividerComponent);

src/framework/ui/index.ts

@@ -72,6 +72,22 @@ export {
   ListItemProps,
   ListItemElement,
 } from './list/listItem.component';
+export {
+  Menu,
+  MenuProps,
+  MenuElement,
+} from './menu/menu.component';
+export {
+  MenuItem,
+  MenuItemProps,
+  MenuItemElement,
+  MenuItemType,
+} from './menu/menuItem.component';
+export {
+  SubMenu,
+  SubMenuElement,
+  SubMenuProps,
+} from './menu/subMenu.component';
 export {
   Modal,
   ModalProps,
@@ -103,6 +119,11 @@ export {
   RadioGroupProps,
   RadioGroupElement,
 } from './radioGroup/radioGroup.component';
+export {
+  Divider,
+  DividerElement,
+  DividerProps,
+} from './divider/divider.component';
 export {
   Spinner,
   SpinnerProps,

src/framework/ui/list/listItem.component.tsx

@@ -375,7 +375,6 @@ export class ListItemComponent extends React.Component<ListItemProps> {
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
-    justifyContent: 'center',
     alignItems: 'center',
   },
   contentContainer: {