Update storybook and all other dependencies

.storybook/main.js

@@ -17,15 +17,9 @@ module.exports = {
     '@storybook/addon-links',
   ],
 
-  babel: async (options) => ({
-    ...options,
-    plugins: [
-      // i: The `loose` option fixes output warnings of storybook
-      ['@babel/plugin-proposal-class-properties', { loose: true }],
-      ['@babel/plugin-proposal-private-methods', { loose: true }],
-      ['@babel/plugin-proposal-private-property-in-object', { loose: true }],
-    ],
-  }),
+  core: {
+    builder: 'webpack5',
+  },
 
   typescript: {
     reactDocgen: 'react-docgen-typescript',

.storybook/preview.tsx

@@ -8,11 +8,12 @@ import {
   useColorMode,
   useColorModeValue,
 } from '@chakra-ui/react'
-import { theme } from '@easyfeedback/theme'
 import { StoryContext } from '@storybook/react'
 import * as React from 'react'
 import { FaMoon, FaSun } from 'react-icons/fa'
 
+import { theme } from '../packages/theme'
+
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
 }

babel.config.js

@@ -24,7 +24,10 @@ module.exports = function (api) {
 
   const plugins = [
     '@chakra-ui/babel-plugin',
+    // i: The `loose` option fixes output warnings of storybook
     ['@babel/plugin-proposal-class-properties', { loose: true }],
+    ['@babel/plugin-proposal-private-methods', { loose: true }],
+    ['@babel/plugin-proposal-private-property-in-object', { loose: true }],
   ]
 
   return {

package.json

@@ -25,12 +25,14 @@
     "build": "lerna run build --parallel --no-private --ignore @easyfeedback/test-utils",
     "prebuild:storybook": "rimraf docs-build",
     "build:storybook": "build-storybook -o docs-build -s .storybook/public",
+    "predev": "yarn build",
     "dev": "start-storybook -p 6006 -s .storybook/public",
     "start": "yarn dev",
     "clean": "lerna clean --yes && rimraf coverage dist node_modules && yarn install",
     "clean-dist": "lerna exec --parallel -- rimraf dist",
     "format": "prettier --write '**/*.{js,jsx,ts,tsx,json,md,yaml,yml}' --ignore-path ./config/.prettierignore",
     "lint": "lerna run lint --parallel",
+    "pretest": "yarn clean-dist",
     "test": "jest --env=jsdom --passWithNoTests",
     "test:ci": "jest --runInBand",
     "test:ci:cov": "yarn test:ci --coverage",
@@ -60,7 +62,7 @@
     "@babel/cli": "^7.14.5",
     "@babel/core": "^7.14.6",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/preset-env": "^7.14.5",
+    "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
     "@babel/runtime": "^7.14.6",
@@ -70,19 +72,21 @@
     "@changesets/cli": "^2.16.0",
     "@fontsource/lato": "^4.4.5",
     "@manypkg/cli": "^0.18.0",
-    "@storybook/addon-a11y": "^6.2.9",
-    "@storybook/addon-essentials": "^6.2.9",
-    "@storybook/addon-links": "^6.2.9",
-    "@storybook/node-logger": "^6.2.9",
+    "@storybook/addon-a11y": "^6.3.0",
+    "@storybook/addon-essentials": "^6.3.0",
+    "@storybook/addon-links": "^6.3.0",
+    "@storybook/builder-webpack5": "^6.3.0",
+    "@storybook/manager-webpack5": "^6.3.0",
+    "@storybook/node-logger": "^6.3.0",
     "@storybook/preset-create-react-app": "^3.1.7",
-    "@storybook/react": "^6.2.9",
+    "@storybook/react": "^6.3.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@types/jest": "^26.0.23",
     "@types/node": "^15.12.4",
     "@types/react": "^17.0.11",
     "@types/react-dom": "^17.0.8",
-    "@typescript-eslint/eslint-plugin": "^4.27.0",
-    "@typescript-eslint/parser": "^4.27.0",
+    "@typescript-eslint/eslint-plugin": "^4.28.0",
+    "@typescript-eslint/parser": "^4.28.0",
     "babel-loader": "^8.2.2",
     "concurrently": "^6.2.0",
     "cross-env": "^7.0.3",
@@ -93,8 +97,8 @@
     "husky": "^6.0.0",
     "import-sort": "^6.0.0",
     "import-sort-parser-typescript": "^6.0.0",
-    "jest": "^27.0.4",
-    "jest-environment-jsdom": "^27.0.3",
+    "jest": "^27.0.5",
+    "jest-environment-jsdom": "^27.0.5",
     "jest-watch-typeahead": "^0.6.4",
     "lerna": "^4.0.0",
     "lint-staged": "^11.0.0",
@@ -107,7 +111,8 @@
     "ts-jest": "^27.0.3",
     "ts-node": "^10.0.0",
     "tslib": "^2.3.0",
-    "typescript": "~4.2.4"
+    "typescript": "~4.2.4",
+    "webpack": "^5.40.0"
   },
   "importSort": {
     ".js, .jsx, .es6, .es": {

packages/buttons/package.json

@@ -47,7 +47,7 @@
   },
   "devDependencies": {
     "@chakra-ui/react": "^1.6.4",
-    "@easyfeedback/test-utils": "^1.1.7",
+    "@easyfeedback/test-utils": "^1.1.9",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "framer-motion": "^4.1.17",

packages/cards/package.json

@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "@chakra-ui/react": "^1.6.4",
-    "@easyfeedback/test-utils": "^1.1.7",
+    "@easyfeedback/test-utils": "^1.1.9",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "framer-motion": "^4.1.17",

packages/navigations/package.json

@@ -47,7 +47,7 @@
   },
   "devDependencies": {
     "@chakra-ui/react": "^1.6.4",
-    "@easyfeedback/test-utils": "^1.1.7",
+    "@easyfeedback/test-utils": "^1.1.9",
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
     "framer-motion": "^4.1.17",

packages/switches/package.json

@@ -42,7 +42,7 @@
     "test:watch": "yarn test --watch -u"
   },
   "dependencies": {
-    "@easyfeedback/test-utils": "^1.1.7",
+    "@easyfeedback/test-utils": "^1.1.9",
     "@easyfeedback/utils": "^1.0.7",
     "react-icons": "^4.2.0"
   },

packages/utils/package.json

@@ -45,7 +45,7 @@
     "test:watch": "yarn test --watch -u"
   },
   "devDependencies": {
-    "@easyfeedback/test-utils": "^1.1.7",
+    "@easyfeedback/test-utils": "^1.1.9",
     "react": "^17.0.2"
   },
   "peerDependencies": {