Merge pull request #170 from UgnisSoftware/UGN-353-v2

refactor UGN-353: Upgrade to react v18

Author: masiulis

.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

.storybook/main.ts

@@ -1,27 +1,13 @@
-const path = require("path")
-
-const toPath = (_path: string) => path.join(process.cwd(), _path)
-
-module.exports = {
-  stories: ["../src/**/stories/*.stories.tsx"],
-  webpackFinal: async (config: any) => {
-    config.module.rules.push({
-      test: /\.mjs$/,
-      include: /node_modules/,
-      type: "javascript/auto",
-    })
-    return {
-      ...config,
-      devtool: "inline-source-map",
-      resolve: {
-        ...config.resolve,
-        alias: {
-          ...config.resolve.alias,
-          "@emotion/core": toPath("node_modules/@emotion/react"),
-          "emotion-theming": toPath("node_modules/@emotion/react"),
-        },
-      },
-    }
+import type { StorybookConfig } from "@storybook/react-webpack5"
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions"],
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
   },
-  staticDirs: ["../src/stories/static"],
 }
+export default config

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from "@storybook/react"
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+}
+
+export default preview