Merge pull request #2 from etchteam/fix/storybook-v7

Storybook v7 support

.eslintrc.js

@@ -3,18 +3,16 @@ module.exports = {
     "browser": true,
     "es2021": true
   },
-  "extends": "plugin:react/recommended",
+  "extends": ["plugin:react/recommended", "plugin:storybook/recommended"],
   "parserOptions": {
     "ecmaFeatures": {
       "jsx": true
     },
     "ecmaVersion": 12,
     "sourceType": "module"
   },
-  "plugins": [
-    "react"
-  ],
+  "plugins": ["react"],
   "rules": {
     "react/display-name": false
   }
-};
+};

.storybook/main.js

@@ -1,11 +1,11 @@
 module.exports = {
-  "stories": [
-    "../stories/**/*.stories.mdx",
-    "../stories/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "../src/preset"
-  ]
-}
+  "stories": ["../stories/**/*.stories.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"],
+  "addons": ["@storybook/addon-links", "@storybook/addon-essentials", "../src/preset"],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {}
+  },
+  docs: {
+    autodocs: true
+  }
+};

.storybook/preview.js

@@ -1,18 +1,15 @@
-import { addDecorator } from '@storybook/react';
 import withMarker from '../src/with-marker';
 
-addDecorator(withMarker);
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
+const preview = {
+  parameters: {
+    marker: {
+      destination: '60f162459a86003bf9d741b3',
+      mode: 'advanced'
+    }
   },
-  marker: {
-    destination: '60f162459a86003bf9d741b3',
-    mode: 'advanced'
-  }
-}
+  decorators: [
+    withMarker,
+  ],
+};
+
+export default preview;