merge develop into master

.eslintignore

@@ -0,0 +1,7 @@
+.idea/
+*.css
+*.opts
+*.scss
+*.snap
+*.svg
+node_modules/**

.eslintrc

@@ -0,0 +1,146 @@
+env:
+    browser: true
+    node: true
+    es6: true
+    jest: true
+
+globals:
+    $: true
+
+parser: 'babel-eslint'
+
+#extends: 'react-app'
+
+plugins:
+    - ie11
+    - jsx-a11y
+    - loosely-restrict-imports
+    - react
+
+rules:
+    #brace-style: 2
+    camelcase: 2
+    comma-dangle: [2, 'never']
+    comma-spacing: 2
+    comma-style: [2, 'last']
+    #compat/compat: 2
+    default-case: 2
+    dot-notation: 2
+    eol-last: 2
+    #eqeqeq: 2
+    guard-for-in: 2
+    handle-callback-err: 2
+    ie11/no-collection-args: 2
+    ie11/no-for-in-const: 2
+    ie11/no-weak-collections: 2
+    #indent: [2, 4, {"SwitchCase": 1}]
+    jsx-a11y/accessible-emoji: 2
+    jsx-a11y/alt-text: 2
+    #jsx-a11y/anchor-has-content: 2
+    #jsx-a11y/anchor-is-valid: 2
+    jsx-a11y/aria-activedescendant-has-tabindex: 2
+    jsx-a11y/aria-props: 2
+    jsx-a11y/aria-proptypes: 2
+    #jsx-a11y/aria-role: 2
+    jsx-a11y/aria-unsupported-elements: 2
+    #jsx-a11y/click-events-have-key-events: 2
+    jsx-a11y/heading-has-content: 2
+    jsx-a11y/html-has-lang: 2
+    jsx-a11y/iframe-has-title: 2
+    jsx-a11y/img-redundant-alt: 2
+    #jsx-a11y/interactive-supports-focus: 2
+    jsx-a11y/label-has-for: [2, {'allowChildren': true, 'required': {'every': [ 'id' ]}}]
+    jsx-a11y/media-has-caption: 2
+    jsx-a11y/mouse-events-have-key-events: 2
+    jsx-a11y/no-access-key: 2
+    jsx-a11y/no-autofocus: 2
+    jsx-a11y/no-distracting-elements: 2
+    jsx-a11y/no-interactive-element-to-noninteractive-role: 2
+    #jsx-a11y/no-noninteractive-element-interactions: 2
+    #jsx-a11y/no-noninteractive-element-to-interactive-role: [2, { ul: ['tablist', 'menu']}]
+    jsx-a11y/no-noninteractive-tabindex: 2
+    #jsx-a11y/no-onchange: 2
+    jsx-a11y/no-redundant-roles: 2
+    #jsx-a11y/no-static-element-interactions: 2
+    jsx-a11y/role-has-required-aria-props: 2
+    #jsx-a11y/role-supports-aria-props: 2
+    jsx-a11y/scope: 2
+    jsx-a11y/tabindex-no-positive: 2
+    jsx-quotes: [ 2, prefer-single ]
+    key-spacing: 2
+    keyword-spacing: [2, { 'before': true }]
+    loosely-restrict-imports/loosely-restrict-imports: [2, '.jsx']
+    new-cap: 2
+    no-cond-assign: 2
+    #no-console: 2
+    no-constant-condition: 2
+    no-control-regex: 2
+    no-debugger: 2
+    no-dupe-args: 2
+    no-dupe-keys: 2
+    no-duplicate-case: 2
+    no-empty-character-class: 2
+    #no-empty: 2
+    no-ex-assign: 2
+    no-extra-bind: 2
+    no-extra-boolean-cast: 0
+    no-extra-parens: 0
+    no-extra-semi: 2
+    no-fallthrough: 2
+    no-floating-decimal: 2
+    no-func-assign: 2
+    no-inner-declarations: 2
+    no-invalid-regexp: 2
+    no-irregular-whitespace: 2
+    no-loop-func: 2
+    no-mixed-spaces-and-tabs: 2
+    no-multi-spaces: 2
+    no-negated-in-lhs: 2
+    #no-nested-ternary: 2
+    no-obj-calls: 2
+    no-regex-spaces: 2
+    #no-shadow: 2
+    no-spaced-func: 2
+    #no-sparse-arrays: 2
+    no-trailing-spaces: 2
+    no-undef: 2
+    #no-undefined: 2
+    no-underscore-dangle: 0
+    no-unreachable: 2
+    #no-unused-vars: [2, { ignoreRestSiblings: true }]
+    quote-props: [2, 'as-needed', { 'keywords': true, 'unnecessary': false }]
+    quotes: [2, 'single']
+    #radix: 2
+    react/display-name: 2
+    react/jsx-boolean-value: 2
+    react/jsx-closing-bracket-location: [2, 'after-props']
+    react/jsx-equals-spacing: [2, 'never']
+    react/jsx-indent: 2
+    react/jsx-indent-props: 2
+    react/jsx-max-props-per-line:  [2, { "maximum": 2 }]
+    react/jsx-no-undef: 2
+    react/jsx-tag-spacing: [2, { "beforeSelfClosing": "always" }]
+    #react/jsx-sort-props: 2
+    react/jsx-uses-react: 2
+    react/jsx-uses-vars: 2
+    react/jsx-wrap-multilines: 2
+    react/no-did-mount-set-state: 2
+    react/no-did-update-set-state: 2
+    #react/no-multi-comp: 2
+    react/no-unknown-property: 2
+    #react/prop-types: 2
+    #react/react-in-jsx-scope: 2
+    react/self-closing-comp: 2
+    react/sort-prop-types: [2, { 'callbacksLast' : true, 'ignoreCase' : true, 'requiredFirst' : true, } ]
+    semi-spacing: 2
+    semi: 2
+    #sort-imports: [2, { 'ignoreCase': true, 'ignoreMemberSort': false, 'memberSyntaxSortOrder': ['none', 'single', 'multiple', 'all'] }]
+    space-before-blocks: 2
+    space-before-function-paren: [2, 'never']
+    space-infix-ops: 2
+    spaced-comment: [0, 'always', { exceptions: ['-']}]
+    strict: [2, 'global']
+    #use-isnan: 2
+    #valid-jsdoc: [2, { prefer: { 'return': 'returns'}}]
+    #valid-typeof: 2
+    wrap-iife: [2, 'any']

.npmignore

@@ -0,0 +1,5 @@
+/node-modules
+/scripts
+/src
+/config
+/ci-scripts

.travis.yml

@@ -8,11 +8,14 @@ branches:
   only:
   - develop
   - "/^feature\\/.*$/"
+  - "/^fix\\/.*$/"
 jobs:
   include:
-    - stage: "Fundamental-react build"
+    - stage: "Fundamental-react: Lint"
+      script: npm run lint
+    - stage: "Fundamental-react: Test"
       name: "Unit tests"
-      script: "./ci-scripts/unit-tests.sh"
+      script: npm run test:coverage
 notifications:
   email:
     on_failure: always

README.md

@@ -1,16 +1,21 @@
-# Fundamental-react
-React.JS components for [SAP Fiori Fundamentals](https://github.com/SAP/fundamental)
 
-- [Playground](https://sap.github.io/fundamental-react/)
-- [npm package fundamental-react](https://www.npmjs.com/package/fundamental-react)
-- [![Build Status](https://travis-ci.org/SAP/fundamental-react.svg?branch=develop)](https://travis-ci.org/SAP/fundamental-react)
-- [GitHub repo of Angular implementation of SAP Fiori Fundamentals](https://github.com/SAP/fundamental-ngx)
-- [GitHub repo of Vue implementation of SAP Fiori Fundamentals](https://github.com/SAP/fundamental-vue)
+Fundamental-react is a set of [React.JS](https://reactjs.org/) components implementation of [SAP Fiori Fundamentals library](https://sap.github.io/fundamental/).
+
+**[Component Documentation](https://sap.github.io/fundamental-react/)**
+
+## Current Version
+
+```
+0.0.8-beta
+```
+
+## Build Status
+[![Build Status](https://travis-ci.org/SAP/fundamental-react.svg?branch=develop)](https://travis-ci.org/SAP/fundamental-react)
 
 ## Description
 
-Fundamental-react is a set of [React](https://reactjs.org/) components implementation of [SAP Fiori Fundamentals library](https://sap.github.io/fundamental/). SAP Fiori Fundamentals library is a Design System and HTML/CSS Component Library used to build modern Product User Experiences with the SAP look and feel. This will allow you to stay/use React for your application and get SAP look and feel.
-Fundamental-react is an open source library and it is open for contribution as long as you follow certain [rules/guidelines](./CONTRIBUTING.md).
+Fundamental-react is a set of [React.JS](https://reactjs.org/) components implementation of [SAP Fiori Fundamentals library](https://sap.github.io/fundamental/). SAP Fiori Fundamentals library is a Design System and HTML/CSS Component Library used to build modern Product User Experiences with the SAP look and feel. This will allow you to stay/use React for your application and get SAP look and feel.
+
 
 ## Requirements
 
@@ -19,53 +24,73 @@ https://www.npmjs.com/get-npm
 
 Some prior knowledge of React is required for using this library.
 
-## Available Scripts (Associated with Create React App)
+# Getting started
+
+## Install
+
+To download and use this library, you first need to install the node package manager - [npm](https://www.npmjs.com/get-npm).
+
+1. Install Fiori Fundamentals:
+
+`npm install --save fiori-fundamentals`
+
+2. Install Fundamental-react:
+
+`npm install --save fundamental-react`
+
+[npm package for fundamental-react](https://www.npmjs.com/package/fundamental-react)
+
+3. Include the Fiori Fundamentals CSS in your React application. In your App.css or App.scss file include the following lines:
+
+```
+$fd-icons-path: "~fiori-fundamentals/scss/icons/";
+$fd-fonts-path: "~fiori-fundamentals/scss/fonts/";
+@import '../node_modules/fiori-fundamentals/scss/all.scss';
+```
+
+You can now use the [Component Documentation](https://sap.github.io/fundamental-react/) to browse the components currently available with Fundamental Vue.  To use a Fundamental-react component, paste the desired code snippet from the Component Documentation and configure it as necessarry:
+
+
+    ...
+    <Button compact>Compact</Button>
+
+    <Icon glyph="cart" size="l" />
+    ...
+
+
+## Available Scripts 
 
-#### `npm start`
+`npm start`
 
 Runs the app in the development mode.<br>
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
 
 The page will automatically reload on changes.<br>
 Lint errors are shown in the console.
 
-#### `npm test`
+`npm test`
 
 Launches the test runner in the interactive watch mode.
 
-#### `npm test -- --coverage`
+`npm test -- --coverage`
 
 Launches the test runner and display code coverage report.
 
-#### `npm test -- --coverage --watch`
+`npm test -- --coverage --watch`
 
 Launches the test runner and display code coverage report and interactive watch mode.
 
-#### `npm run build`
+`npm run build`
 
 Builds the app for production to the `build` folder.
 
-## Download and Installation
-
-#### 1. Download Fiori Fundamentals:
-
-`npm install --save fiori-fundamentals`
-
-#### 2. Include the Fiori Fundamentals CSS in your React application. In your App.css or App.scss file include the following lines:
-
-```
-$fd-icons-path: "~fiori-fundamentals/scss/icons/";
-$fd-fonts-path: "~fiori-fundamentals/scss/fonts/";
-@import '../node_modules/fiori-fundamentals/scss/all.scss';
-```
-
 ## Known Issues
 
-Click [here](https://github.com/SAP/fundamental-react/issues) to view the current issues.
+There are no known major issues.
 
 ## How to obtain support
 
-If you encounter an issue, you can [create a ticket](https://github.com/SAP/fundamental-react/issues)
+If you encounter an issue, you can [create a ticket](https://github.com/SAP/fundamental-react/issues/new)
 
 ## Contributing
 
@@ -75,3 +100,8 @@ If you want to contribute, please check the [CONTRIBUTING.md](./CONTRIBUTING.md)
 
 Copyright (c) 2018 SAP SE or an SAP affiliate company. All rights reserved.
 This file is licensed under the Apache Software License, v. 2 except as noted otherwise in the [LICENSE file](https://github.com/SAP/fundamental-react/blob/master/LICENSE.txt)
+
+## Similar Projects
+- [GitHub repo of Angular implementation of SAP Fiori Fundamentals](https://github.com/SAP/fundamental-ngx)
+- [GitHub repo of Vue implementation of SAP Fiori Fundamentals](https://github.com/SAP/fundamental-vue)
+