Upgrade storybook to v3 (#3558)

package.json

@@ -111,7 +111,8 @@
     "websocket.js": "^0.1.7"
   },
   "devDependencies": {
-    "@kadira/storybook": "^2.35.3",
+    "@storybook/addon-actions": "^3.0.0",
+    "@storybook/react": "^3.0.0",
     "babel-eslint": "^7.2.3",
     "chai": "^4.0.1",
     "chai-enzyme": "^0.7.1",

storybook/config.js

-import { configure, setAddon } from '@kadira/storybook';
+import { configure } from '@storybook/react';
 import React from 'react';
-import { storiesOf, action } from '@kadira/storybook';
 import { addLocaleData } from 'react-intl';
 import en from 'react-intl/locale-data/en';
 import '../app/javascript/styles/application.scss';

storybook/stories/autosuggest_textarea.story.js

 import React from 'react';
 import { List } from 'immutable';
-import { action, storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
 import AutosuggestTextarea from 'mastodon/components/autosuggest_textarea';
 
 const props = {

storybook/stories/button.story.js

 import React from 'react';
-import { action, storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
 import Button from 'mastodon/components/button';
 
 storiesOf('Button', module)

storybook/stories/character_counter.story.js

 import React from 'react';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
 import CharacterCounter from 'mastodon/features/compose/components/character_counter';
 
 storiesOf('CharacterCounter', module)

storybook/stories/loading_indicator.story.js

 import React from 'react';
 import { IntlProvider } from 'react-intl';
-import { storiesOf } from '@kadira/storybook';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
 import en from 'mastodon/locales/en.json';
 import LoadingIndicator from 'mastodon/components/loading_indicator';
 

storybook/webpack.config.js

@@ -2,7 +2,7 @@ const path = require('path');
 
 module.exports = {
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.(jpg|jpeg|png|gif|svg|eot|ttf|woff|woff2)$/i,
         loader: 'url-loader',
@@ -14,10 +14,8 @@ module.exports = {
     ],
   },
   resolve: {
-    modulesDirectories: [
-      path.resolve(__dirname, '..', 'storybook'),
-      path.resolve(__dirname, '..', 'app', 'javascript'),
-      path.resolve(__dirname, '..', 'node_modules'),
-    ],
+    alias: {
+      mastodon: path.resolve(__dirname, '..', 'app', 'javascript', 'mastodon'),
+    },
   },
 };