import action from @storybook/addon-actions

server/zanata-frontend/src/app/components/Button/Button.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import { Button, ButtonToolbar, ButtonGroup,
   DropdownButton, MenuItem, Table, Well } from 'react-bootstrap'
 

server/zanata-frontend/src/app/components/Dropdown/Dropdown.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import {storiesOf, action} from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import {DropdownButton, MenuItem, Table, Label, Well} from 'react-bootstrap'
 
 storiesOf('Dropdown', module)

server/zanata-frontend/src/app/components/Pagination/Pagination.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import { Pagination, Well } from 'react-bootstrap'
 
 storiesOf('Pagination', module)

server/zanata-frontend/src/app/components/RejectionsForm/RejectionsForm.story.js

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { storiesOf } from '@storybook/react'
 import { Button } from 'react-bootstrap'
 import { Icon, TextInput } from '../../components'
 import RejectionsForm from '.'

server/zanata-frontend/src/app/components/Tabs/Tabs.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import { Tabs, Tab, Row, Col, Nav, NavItem, Well } from 'react-bootstrap'
 
 storiesOf('Tabs', module)

server/zanata-frontend/src/app/components/TextInput/TextInput.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import { TextInput } from '../'
 import { Well } from 'react-bootstrap'
 

server/zanata-frontend/src/app/components/TriCheckbox/TriCheckbox.story.js

@@ -2,7 +2,8 @@
 import React from 'react'
 import { Component } from 'react'
 import * as PropTypes from 'prop-types'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import RealTriCheckbox from '.'
 import TriCheckboxGroup from './TriCheckboxGroup'
 import { Table, Col, Well } from 'react-bootstrap'

server/zanata-frontend/src/app/editor/components/ActivitySelectList/ActivitySelectList.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import ActivitySelectList from '.'
 
 /*

server/zanata-frontend/src/app/editor/components/Button/Button.story.js

@@ -1,7 +1,8 @@
 // @ts-nocheck
 import React from 'react'
 import cx from 'classnames'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import { withInfo } from '@storybook/addon-info'
 import { host } from 'storybook-host'
 import { withKnobs, text, boolean, select } from '@storybook/addon-knobs'

server/zanata-frontend/src/app/editor/components/CommentBox/CommentBox.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import CommentBox from '.'
 
 /*

server/zanata-frontend/src/app/editor/components/ConcurrentModal/Concurrent.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import {storiesOf, action} from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import { Alert, Button, Image } from 'react-bootstrap'
 import { Icon } from '../../../components'
 import ConcurrentModal from '.'

server/zanata-frontend/src/app/editor/components/EditorSearchInput/EditorSearchInput.story.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import * as PropTypes from 'prop-types'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import { EditorSearchInput as RealEditorSearchInput } from '.'
 
 // Simple wrapper component to handle text updates for the story

server/zanata-frontend/src/app/editor/components/GlossaryTerm/GlossaryTerm.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import GlossaryTerm from '.'
 import { Table } from 'react-bootstrap'
 

server/zanata-frontend/src/app/editor/components/LanguageSelectList/LanguageSelectList.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import LanguageSelectList from '.'
 
 /*

server/zanata-frontend/src/app/editor/components/ProgressBar/ProgressBar.story.js

@@ -1,6 +1,6 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { storiesOf } from '@storybook/react'
 import ProgressBar from '.'
 
 const counts = {

server/zanata-frontend/src/app/editor/components/SelectButton/SelectButton.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import SelectButton from '.'
 
 /*

server/zanata-frontend/src/app/editor/components/SelectButtonList/SelectButtonList.story.js

@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import SelectButtonList from '.'
 
 const items = [

server/zanata-frontend/src/app/editor/components/SettingOption/SettingOption.story.js

@@ -1,7 +1,8 @@
 // @ts-nocheck
 import React from 'react'
 import * as PropTypes from 'prop-types'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import RealSettingOption from '.'
 
 class SettingOption extends React.Component {

server/zanata-frontend/src/app/editor/components/SettingsOptions/SettingsOptions.story.js

@@ -1,7 +1,8 @@
 // @ts-nocheck
 import React from 'react'
 import * as PropTypes from 'prop-types'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import RealSettingsOptions from '.'
 
 class SettingsOptions extends React.Component {

server/zanata-frontend/src/scripts/codemods/story.template.js

@@ -1,5 +1,6 @@
 import React from 'react'
-import { storiesOf, action } from '@storybook/react'
+import { action } from '@storybook/addon-actions'
+import { storiesOf } from '@storybook/react'
 import COMPONENT_NAME_HERE from '.'
 
 /*