chore: upgrade storybook (#1308)

* Update Storybook to Storybook, as well as updated config and addon registration.

* Completely override the Storybook webpack 'rules' configuration

.storybook/addons.js

@@ -0,0 +1 @@
+import '@storybook/addon-actions/register'

.storybook/webpack.config.js

@@ -1,19 +1,15 @@
-const { rules, loaders, plugins, stats } = require('webpack-atoms')
+const { rules } = require('webpack-atoms')
 
 const browsers = ['last 2 versions', 'ie >= 10']
 
-module.exports = function(config) {
-  return {
-    ...config,
-    module: {
-      rules: [
-        rules.js(),
-        rules.fonts(),
-        rules.images(),
-        rules.css(),
-        rules.less({ browsers }),
-      ],
-    },
-    plugins: [...config.plugins],
-  }
+module.exports = function({ config }) {
+  config.module.rules = [
+    rules.js(),
+    rules.fonts(),
+    rules.images(),
+    rules.css(),
+    rules.less({ browsers }),
+  ]
+
+  return config
 }

package.json

@@ -68,8 +68,8 @@
     "@4c/rollout": "^1.2.0",
     "@babel/cli": "^7.1.0",
     "@babel/core": "^7.1.5",
-    "@storybook/addon-actions": "^4.1.7",
-    "@storybook/react": "^4.1.7",
+    "@storybook/addon-actions": "^5.0.11",
+    "@storybook/react": "^5.0.11",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",

src/addons/dragAndDrop/withDragAndDrop.js

@@ -73,6 +73,7 @@ export default function withDragAndDrop(Calendar) {
       onEventResize: PropTypes.func,
       onDragStart: PropTypes.func,
       onDragOver: PropTypes.func,
+      onDropFromOutside: PropTypes.func,
 
       draggableAccessor: accessor,
       resizableAccessor: accessor,
@@ -81,6 +82,7 @@ export default function withDragAndDrop(Calendar) {
       resizable: PropTypes.bool,
       components: PropTypes.object,
       step: PropTypes.number,
+      elementProps: PropTypes.object,
     }
 
     static defaultProps = {

stories/DragAndDrop.js

@@ -5,7 +5,7 @@ import { action } from '@storybook/addon-actions'
 import { events, Calendar, DragAndDropCalendar } from './helpers'
 import customComponents from './helpers/customComponents'
 
-storiesOf('Drag and Drop')
+storiesOf('Drag and Drop', module)
   .add('draggable and resizable', () => {
     return (
       <DragAndDropCalendar

stories/Durations.js

@@ -4,7 +4,7 @@ import moment from 'moment'
 
 import { Calendar, DragableCalendar } from './helpers'
 
-storiesOf('Event Durations')
+storiesOf('Event Durations', module)
   .add('Daylight savings starts', () => {
     return (
       <DragableCalendar

stories/Layout.js

@@ -5,7 +5,7 @@ import moment from 'moment'
 import { events, Calendar, DragAndDropCalendar } from './helpers'
 import createEvents from './helpers/createEvents'
 
-storiesOf('Layout Issues')
+storiesOf('Layout Issues', module)
   .add('event layout', () => {
     return (
       <Calendar

stories/Resources.js

@@ -4,6 +4,6 @@ import { storiesOf } from '@storybook/react'
 import { DragableCalendar } from './helpers'
 import resources from './helpers/resourceEvents'
 
-storiesOf('Resources').add('demo', () => (
+storiesOf('Resources', module).add('demo', () => (
   <DragableCalendar events={resources.events} resources={resources.list} />
 ))