Updating from master

.babelrc

@@ -1,10 +1,23 @@
 {
+  "plugins": [
+    ["@babel/plugin-transform-runtime",      {
+      "corejs": false,
+      "helpers": true,
+      "regenerator": true,
+      "useESModules": false
+    }],
+    "@babel/plugin-proposal-class-properties"
+  ],
   "env": {
     "production": {
-      "presets": ["es2015", "react", "stage-1"]
+      "presets": ["@babel/preset-env", "@babel/preset-react"]
     },
     "development": {
-      "presets": ["es2015", "react", "stage-1"],
+      "presets": ["@babel/preset-env", "@babel/preset-react"],
+      "plugins": ["styled-jsx/babel"]
+    },
+    "test": {
+      "presets": ["@babel/preset-env", "@babel/preset-react"],
       "plugins": ["styled-jsx/babel"]
     }
   }

.circleci/config.yml

@@ -17,6 +17,8 @@ jobs:
 
       - run: yarn install
 
+      - run: yarn test
+
       - save_cache:
           paths:
             - node_modules

.eslintrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+  "extends": "airbnb",
+  "plugins": [
+    "react"
+  ],
+  "parser": "babel-eslint",
+  "rules": {
+  }
+};

.npmignore

@@ -0,0 +1,4 @@
+src
+config
+.babelrc
+.eslintrc

.storybook/addons.js

@@ -1,2 +1,3 @@
 import '@storybook/addon-actions/register';
 import '@storybook/addon-links/register';
+import '@storybook/addon-notes/register';

.storybook/config.js

@@ -1,9 +1,23 @@
-import { configure } from '@storybook/react';
+import { configure, addDecorator } from '@storybook/react';
+import { withInfo } from '@storybook/addon-info';
+import { withNotes } from '@storybook/addon-notes';
+
+addDecorator(withNotes);
+addDecorator(withInfo);
+
+configure(loadStories, module);
+function loadStoriesDynamically() {
+  req.keys().sort().forEach(filename => req(filename));
+
+}
 
-// automatically import all files ending in *.stories.js
-const req = require.context('../stories', true, /.stories.js$/);
 function loadStories() {
-  req.keys().forEach(filename => req(filename));
+  require('../src/stories/1.index.stories.jsx')
+  require('../src/stories/2.createAccount.stories.jsx')
+  require('../src/stories/3.sendTx.stories.jsx')
+  require('../src/stories/4.txHistory.stories.jsx')
+  require('../src/stories/5.wallet.stories.jsx')
+  require('../src/stories/6.nodeInfo.stories.jsx')
 }
 
 configure(loadStories, module);

.storybook/webpack.config.js

@@ -0,0 +1,25 @@
+const path = require("path");
+
+//see https://storybook.js.org/configurations/custom-webpack-config/#full-control-mode--default
+// Export a function. Accept the base config as the only param.
+module.exports = (storybookBaseConfig, configType) => {
+  // configType has a value of 'DEVELOPMENT' or 'PRODUCTION'
+  // You can change the configuration based on that.
+  // 'PRODUCTION' is used when building the static version of storybook.
+
+  // Make whatever fine-grained changes you need
+  storybookBaseConfig.module.rules.push({
+    test: /\.scss$/,
+    loaders: ["style-loader", "css-loader", "sass-loader"],
+    include: path.resolve(__dirname, "../")
+  });
+
+  storybookBaseConfig.module.rules.push({
+    test: /\.js$/,
+    exclude: /node_modules/,
+    use: ['babel-loader', 'eslint-loader']
+  })
+
+  // Return the altered config
+  return storybookBaseConfig;
+};

README.md

@@ -1,7 +1,16 @@
+[![CircleCI](https://circleci.com/gh/PhilippLgh/ethereum-react-components.svg?style=shield)](https://circleci.com/gh/PhilippLgh/ethereum-react-components)
+
 # Ethereum React Components
 A components library which is used in multiple projects.
 Contains frequently used Ethereum components to display and handle addresses, transactions...
 
-For a detailed documentation check out [the generated storyboard](https://philipplgh.github.io/ethereum-react-components/docs)
+For a detailed documentation check out [the generated storybook](https://philipplgh.github.io/ethereum-react-components/docs)
 
 
+# Installation
+```
+git clone https://github.com/PhilippLgh/ethereum-react-components.git
+cd ethereum-react-components
+yarn
+yarn storybook
+```

__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

__mocks__/styleMock.js

@@ -0,0 +1,3 @@
+// see https://jestjs.io/docs/en/webpack.html
+
+module.exports = {};

__tests__/Snapshot.js

@@ -0,0 +1,3 @@
+import initStoryshots from '@storybook/addon-storyshots'
+
+initStoryshots()