From 6ba089abeab5bdfb99dcd476387bb2083627f2fc Mon Sep 17 00:00:00 2001
From: Ricardo Raphael <rrjoson08@gmail.com>
Date: Sat, 19 Jan 2019 03:46:01 +0800
Subject: [PATCH] chore: update storybook (#1184)

Fixes issue described in https://github.com/storybooks/storybook/issues/3313
---
 package.json                        | 4 ++--
 stories/Calendar.js                 | 4 +++-
 stories/DragAndDrop.js              | 3 ++-
 stories/Timeslots.js                | 3 ++-
 stories/helpers/customComponents.js | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index dc8ff698a..2623eb5db 100644
--- a/package.json
+++ b/package.json
@@ -67,8 +67,8 @@
     "@4c/rollout": "^1.2.0",
     "@babel/cli": "^7.1.0",
     "@babel/core": "^7.1.5",
-    "@storybook/addon-actions": "^3.4.11",
-    "@storybook/react": "3.4.11",
+    "@storybook/addon-actions": "^4.1.7",
+    "@storybook/react": "^4.1.7",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^23.6.0",
diff --git a/stories/Calendar.js b/stories/Calendar.js
index b1f5868ea..772ddcda2 100644
--- a/stories/Calendar.js
+++ b/stories/Calendar.js
@@ -1,4 +1,6 @@
-import { storiesOf, action } from '@storybook/react'
+import { storiesOf } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+
 import moment from 'moment'
 import React from 'react'
 
diff --git a/stories/DragAndDrop.js b/stories/DragAndDrop.js
index 550058186..62445e0d4 100644
--- a/stories/DragAndDrop.js
+++ b/stories/DragAndDrop.js
@@ -1,5 +1,6 @@
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { storiesOf } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
 
 import { events, Calendar, DragAndDropCalendar } from './helpers'
 import customComponents from './helpers/customComponents'
diff --git a/stories/Timeslots.js b/stories/Timeslots.js
index 4d043bc9b..897dd2ae2 100644
--- a/stories/Timeslots.js
+++ b/stories/Timeslots.js
@@ -1,4 +1,5 @@
-import { storiesOf, action } from '@storybook/react'
+import { storiesOf } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
 import moment from 'moment'
 import React from 'react'
 
diff --git a/stories/helpers/customComponents.js b/stories/helpers/customComponents.js
index e7e2050de..8fd424763 100644
--- a/stories/helpers/customComponents.js
+++ b/stories/helpers/customComponents.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
 
 const customComponents = {
   dateCellWrapper: dateCellWrapperProps => {