feat(tab-menu): Created a tab-menu component (#136)

* fix(header): Removed refresh token logic

* feat(tab-menu): Created a tab-menu component

* fix(tab-menu): Fixed bugs and small styling issues

* fix(tab-menu): Fixed eslint error

Author: fragsalat

.gitignore

@@ -38,3 +38,5 @@ node_modules
 .idea
 **/*.iml
 styleguide.css
+
+package-lock.json

demo/demo_app.js

@@ -1,6 +1,6 @@
 /* eslint no-console: 'off' */
 import {React, render} from '../src/imports';
-import {WSHeader, WSDropdown, WSNotification, WSDatePicker, WSInlineEdit, WSWeekPicker, WSTilesChart} from '../src/index';
+import {WSHeader, WSDropdown, WSNotification, WSDatePicker, WSInlineEdit, WSWeekPicker, WSTilesChart, WSTabMenu} from '../src/index';
 import {dashboardMockData} from './mockdata';
 import './index.scss';
 
@@ -40,6 +40,7 @@ render(
       ]}
     />
     <div className="container">
+      <WSTabMenu items={[{label: 'This is the name of a long Tab 1', value: 1}, {label: 'Tab 2', value: 2}, {label: 'Another long Tab 3 name', value: 3}]} onChange={value => console.log(value)} />
       <br />
       <WSDatePicker onChange={date => console.log('New Date:', date)} value={Date.now()} />
       <br />

doc/components/tab-menu.md

@@ -0,0 +1,24 @@
+# Tab Menu
+
+## Usage
+A tab menu only requires the items to be specified while a item can consist of a label, value, badge or a disabled flag.
+<ws-tab-menu items.bind="[{label: 'This is my awesome tab 1', value: 1}, {value: 'tab 2'}, {label: 'With badge', value: 3, badge: 54}]"></ws-tab-menu>
+```html
+<ws-tab-menu items="[
+    {label: 'This is my awesome tab 1', value: 1},
+    {value: 'tab 2'},
+    {label: 'With badge', value: 3, badge: 54}
+  ]">
+</ws-tab-menu>
+```
+
+## Value
+<ws-tab-menu value="tab 2" items.bind="[{label: 'This is my awesome tab 1', value: 1}, {value: 'tab 2'}, {label: 'With badge', value: 3, badge: 54}]"></ws-tab-menu>
+```html
+<ws-tab-menu value="tab 2" items="[
+    {label: 'This is my awesome tab 1', value: 1},
+    {value: 'tab 2'},
+    {label: 'With badge', value: 3, badge: 54}
+  ]">
+</ws-tab-menu>
+```