Updated everything except redux and ava

Author: Debananda

.babelrc

@@ -1,16 +1,13 @@
 {
   "env": {
     "development": {
-      "presets": ["es2015", "stage-0", "react"]
+      "presets": ["@babel/preset-env", "@babel/preset-react"],
+      "plugins": ["@babel/plugin-proposal-class-properties"]
     },
     "build": {
-      "plugins": ["lodash"],
-      "presets": ["es2015", "stage-0", "react"],
-      "ignore": [
-        "**/__tests__/*.js",
-        "**/fake-*"
-      ]
+      "plugins": ["lodash", "@babel/plugin-proposal-class-properties"],
+      "presets": ["@babel/preset-env", "@babel/preset-react"],
+      "ignore": ["**/__tests__/*.js", "**/fake-*"]
     }
-
   }
 }

.storybook/config.js

@@ -1,7 +1,7 @@
-import { configure } from '@kadira/storybook';
+import { configure } from '@storybook/react';
 
 function loadStories() {
-  require('../stories');
+  require('../stories/index.tsx');
 }
 
 configure(loadStories, module);

.storybook/webpack.config.js

@@ -1,41 +1,17 @@
-const failPlugin = require('webpack-fail-plugin');
-const path = require("path");
-const include = path.resolve(__dirname, '../');
-
-// you can use this file to add your custom webpack plugins, loaders and anything you like.
-// This is just the basic way to add addional webpack configurations.
-// For more information refer the docs: https://goo.gl/qPbSyX
-
-// IMPORTANT
-// When you add this file, we won't add the default configurations which is similar
-// to "React Create App". This only has babel loader to load JavaScript.
-
-module.exports = {
-  devtool: 'source-map',
-  entry: './stories/index.tsx',
-  output: {
-    filename: include + '/dist/examples/storybook.js'
-  },
-  plugins: [
-    failPlugin
-  ],
-  resolve: {
-    // Add `.ts` and `.tsx` as a resolvable extension.
-    extensions: ["", ".webpack.js", ".web.js", ".ts", ".tsx", ".js"]
-  },
-  module: {
-    loaders: [
-      { test: /\.tsx?$/,
-        loader: 'babel-loader!ts-loader',
-        exclude: /node_modules/,
-        cacheDirectory: true,
-        include,
+const path = require('path');
+module.exports = (baseConfig, env, config) => {
+  config.module.rules.push({
+    test: /\.(ts|tsx)$/,
+    use: [
+      { loader: 'babel-loader' },
+      {
+        loader: 'awesome-typescript-loader'
+      },
+      {
+        loader: 'react-docgen-typescript-loader'
       }
-    ],
-  },
-  ts: {
-    compilerOptions: {
-      noEmit: false,
-    },
-  },
+    ]
+  });
+  config.resolve.extensions.push('.ts', '.tsx');
+  return config;
 };