chore(deps): update storybook monorepo to v5.3.18

.storybook/main.js

@@ -0,0 +1,10 @@
+module.exports = {
+  stories: ['../**/*.stories.js'],
+  addons: [
+    '@storybook/addon-actions',
+    '@storybook/addon-links',
+    '@storybook/addon-knobs',
+    'storybook-addon-intl',
+    'storybook-styled-components',
+  ],
+}

.storybook/manager.js

@@ -0,0 +1,9 @@
+import { addons } from '@storybook/addons'
+import { themes } from '@storybook/theming'
+
+addons.setConfig({
+  brandTitle: 'Zap',
+  brandUrl: 'https://ln-zap.github.io/zap-desktop',
+  theme: themes.dark,
+  hierarchySeparator: /\./,
+})

.storybook/config.js → .storybook/preview.js

@@ -2,35 +2,34 @@ import React from 'react'
 import { addParameters, addDecorator, configure, setAddon } from '@storybook/react'
 import { withThemes } from 'storybook-styled-components'
 import { withTheme } from 'styled-components'
-import { themes } from '@storybook/theming'
 import chaptersAddon, { setDefaults } from 'react-storybook-addon-chapters'
-import { withConsole } from '@storybook/addon-console'
 import { withKnobs } from '@storybook/addon-knobs'
 import { linkTo } from '@storybook/addon-links'
 import { setIntlConfig, withIntl } from 'storybook-addon-intl'
 import StoryRouter from 'storybook-react-router'
 import { dark, light } from 'themes'
 import { getDefaultLocale, locales } from '@zap/i18n'
 import { BackgroundPrimary, GlobalStyle } from 'components/UI'
+import '@storybook/addon-console'
+
+// Get translations.
+import translations from '@zap/i18n/translation'
 
 const BackgroundPrimaryWithTheme = withTheme(({ theme, ...rest }) => (
   <BackgroundPrimary
     className={theme.name}
-    p={3}
     height="100vh"
+    p={3}
     sx={{
       overflowY: 'auto !important',
     }}
     {...rest}
   />
 ))
 
-// Get translations.
-import translations from '@zap/i18n/translation'
-
 // Set intl configuration
 setIntlConfig({
-  locales: locales,
+  locales,
   defaultLocale: getDefaultLocale(),
   getMessages: locale => translations[locale],
 })
@@ -41,28 +40,15 @@ addDecorator(withIntl)
 // Router
 addDecorator(StoryRouter({}))
 
-// Console.
-addDecorator((storyFn, context) => withConsole()(storyFn)(context))
-
 // Knobs
 addDecorator(withKnobs)
 
-// Options
-addParameters({
-  options: {
-    brandTitle: 'Zap',
-    brandUrl: 'https://ln-zap.github.io/zap-desktop',
-    theme: themes.dark,
-    hierarchySeparator: /\./,
-  },
-})
-
 // Zap Global style.
 addDecorator(story => (
-  <React.Fragment>
+  <>
     <GlobalStyle />
     <BackgroundPrimaryWithTheme>{story()}</BackgroundPrimaryWithTheme>
-  </React.Fragment>
+  </>
 ))
 
 // Zap Themes.
@@ -79,11 +65,3 @@ setDefaults({
     allowPropTablesToggling: true,
   },
 })
-
-// automatically import all files ending in *.stories.js
-const req = require.context('../stories', true, /.stories.js$/)
-function loadStories() {
-  req.keys().forEach(filename => req(filename))
-}
-
-configure(loadStories, module)

package.json

@@ -221,14 +221,14 @@
     "@commitlint/config-conventional": "8.3.4",
     "@ln-zap/eslint-config": "0.3.2",
     "@ln-zap/prettier-config": "0.1.0",
-    "@storybook/addon-actions": "5.2.8",
+    "@storybook/addon-actions": "5.3.18",
     "@storybook/addon-console": "1.2.1",
-    "@storybook/addon-knobs": "5.2.8",
-    "@storybook/addon-links": "5.2.8",
-    "@storybook/addons": "5.2.8",
-    "@storybook/components": "5.2.8",
-    "@storybook/react": "5.2.8",
-    "@storybook/source-loader": "5.2.8",
+    "@storybook/addon-knobs": "5.3.18",
+    "@storybook/addon-links": "5.3.18",
+    "@storybook/addons": "5.3.18",
+    "@storybook/components": "5.3.18",
+    "@storybook/react": "5.3.18",
+    "@storybook/source-loader": "5.3.18",
     "@svgr/cli": "4.3.3",
     "add-asset-html-webpack-plugin": "3.1.3",
     "babel-core": "7.0.0-bridge.0",