feat: deps update (#81)

.storybook/main.js

@@ -1,24 +1,26 @@
+const path = require("path");
+const toPath = (_path) => path.join(process.cwd(), _path);
+
 module.exports = {
+  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: ["@storybook/addon-essentials"],
+  framework: "@storybook/react",
   core: {
     builder: "webpack5",
   },
-  stories: ["../src/**/*.stories.@(js|mdx)"],
-  addons: ["@storybook/addon-docs/preset", "@storybook/addon-actions/register", "@storybook/addon-docs/register"],
-  webpackFinal: async (config) => {
-    // looks like storybook having trouble with emotion as for now => manually configuration webpack
-
-    // re-apply babel configuration as available in package.json (storybook doesn't pick it)
-    config.module.rules[0].use[0].loader = require.resolve("babel-loader");
-    config.module.rules[0].use[0].options.presets = [
-      require.resolve("@babel/preset-env", {
-        targets: {
-          node: "current",
+  webpackFinal: (config) => {
+    return {
+      ...config,
+      // https://github.com/storybookjs/storybook/issues/13277#issuecomment-751747964
+      resolve: {
+        ...config.resolve,
+        alias: {
+          ...config.resolve.alias,
+          "@emotion/core": toPath("node_modules/@emotion/react"),
+          "@emotion/styled": toPath("node_modules/@emotion/styled"),
+          "emotion-theming": toPath("node_modules/@emotion/react"),
         },
-      }),
-      require.resolve("@babel/preset-typescript"),
-      require.resolve("@babel/preset-react"),
-      require.resolve("@emotion/babel-preset-css-prop"),
-    ];
-    return config;
+      },
+    };
   },
 };

.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

jest.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  coverageDirectory: "coverage",
+  setupFilesAfterEnv: ["<rootDir>/jest.setup.ts"],
+};

jest.setup.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";