fix(storybook): fix storybook build

Author: Romakita

package.json

@@ -32,6 +32,7 @@
     "prepare": "is-ci || husky install"
   },
   "dependencies": {
+    "@formio/choices.js": "^9.0.1",
     "@types/classnames": "^2.2.11",
     "@types/enzyme": "^3.10.8",
     "@types/react": "^17.0.2",
@@ -40,7 +41,6 @@
     "@types/react-router": "^5.1.11",
     "@types/react-router-dom": "^5.1.7",
     "@types/react-table": "^7.0.28",
-    "@formio/choices.js": "^9.0.1",
     "connected-react-router": "6.9.1",
     "formiojs": "^4.14.13",
     "history": "5.3.0",
@@ -60,47 +60,47 @@
     "@commitlint/config-conventional": "^17.0.3",
     "@swc/core": "^1.2.208",
     "@swc/jest": "^0.2.21",
+    "@testing-library/dom": "^8.14.0",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^14.2.1",
     "@tsed/monorepo-utils": "1.17.8",
     "@types/ejs": "^3.0.5",
     "@types/jest": "27.0.2",
     "@types/lodash": "4.14.168",
     "@types/node": "^18.11.18",
     "@types/prop-types": "15.7.3",
-    "@testing-library/dom": "^8.14.0",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/user-event": "^14.2.1",
     "autoprefixer": "^10.4.7",
-    "cross-env": "7.0.3",
     "babel-eslint": "^10.1.0",
+    "camelcase": "6.3.0",
+    "cross-env": "7.0.3",
     "eslint": "^8.15.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^7.0.0",
     "eslint-plugin-testing-library": "^5.5.1",
     "eslint-plugin-workspaces": "^0.7.0",
+    "fs-extra": "10.1.0",
+    "husky": "^8.0.1",
     "jest": "^28.1.2",
     "jest-environment-jsdom": "^28.1.2",
     "jest-watch-typeahead": "^1.1.0",
+    "lint-staged": "13.0.3",
+    "microbundle": "0.13.0",
     "postcss": "^8.4.14",
     "postcss-flexbugs-fixes": "5.0.2",
-    "postcss-safe-parser": "6.0.0",
+    "postcss-nested": "^5.0.6",
     "postcss-normalize": "10.0.1",
     "postcss-preset-env": "7.7.2",
-    "postcss-nested": "^5.0.6",
-    "fs-extra": "10.1.0",
-    "camelcase": "6.3.0",
-    "rimraf": "^3.0.2",
-    "husky": "^8.0.1",
-    "lint-staged": "13.0.3",
-    "microbundle": "0.13.0",
+    "postcss-safe-parser": "6.0.0",
     "prettier": "^2.6.2",
     "prettier-eslint": "^14.0.3",
+    "rimraf": "^3.0.2",
     "semantic-release": "19.0.3",
     "semantic-release-slack-bot": "3.5.3",
     "typescript": "^4.1.3",

packages/storybook/.eslintignore

@@ -4,7 +4,7 @@ const formioDir = dirname(require.resolve('@tsed/react-formio'))
 const formioContainerDir = dirname(require.resolve('@tsed/react-formio-container'))
 const tailwindDir = dirname(require.resolve('@tsed/tailwind-formio'))
 
-const scanDirs = (dir) => [
+const scanDirs = dir => [
   join(dir, '**/*.stories.mdx'),
   join(dir, '**/*.story.mdx'),
   join(dir, '**/*.story.@(js|jsx|ts|tsx)'),
@@ -33,8 +33,7 @@ module.exports = {
           sourceMap: true
         }
       }
-    }
-  ],
+    }],
   stories: [
     join(rootDir, '**/*.stories.mdx'),
     join(rootDir, '**/*.stories.@(js|jsx|ts|tsx)'),
@@ -48,7 +47,12 @@ module.exports = {
     reactDocgen: 'react-docgen-typescript',
     reactDocgenTypescriptOptions: {
       shouldExtractLiteralValuesFromEnum: true,
-      propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true)
+      propFilter: prop => prop.parent ? !/node_modules/.test(prop.parent.fileName) : true
     }
-  }
+  },
+  babel: options => ({
+    ...options,
+    'plugins': ['@babel/plugin-proposal-class-properties']
+  }),
+  framework: '@storybook/react'
 }

packages/storybook/.eslintrc.js

@@ -16,14 +16,14 @@
   "devDependencies": {
     "@babel/core": "^7.10.2",
     "@sambego/storybook-state": "2.0.1",
-    "@storybook/addon-actions": "6.5.9",
-    "@storybook/addon-docs": "6.5.9",
-    "@storybook/addon-essentials": "6.5.9",
-    "@storybook/addon-links": "6.5.9",
+    "@storybook/addon-actions": "6.5.16",
+    "@storybook/addon-docs": "6.5.16",
+    "@storybook/addon-essentials": "6.5.16",
+    "@storybook/addon-links": "6.5.16",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-viewport": "^6.5.9",
-    "@storybook/addons": "6.5.9",
-    "@storybook/react": "6.5.9",
+    "@storybook/addon-viewport": "6.5.16",
+    "@storybook/addons": "6.5.16",
+    "@storybook/react": "6.5.16",
     "@svgr/webpack": "6.5.1",
     "@tsed/config": "2.0.0",
     "@tsed/tailwind": "2.0.0",
@@ -55,4 +55,4 @@
   },
   "dependencies": {},
   "peerDependencies": {}
-}
+}