Merge pull request #577 from thebuilder/chore/upgrade-deps

Author: thebuilder

.storybook/main.js

@@ -11,14 +11,6 @@ module.exports = {
     '@storybook/addon-controls',
     '@storybook/addon-actions',
     '@storybook/addon-viewport',
-    {
-      name: '@storybook/addon-postcss',
-      options: {
-        postcssLoaderOptions: {
-          implementation: require('postcss'),
-        },
-      },
-    },
   ],
   core: {
     builder: '@storybook/builder-vite',
@@ -28,10 +20,6 @@ module.exports = {
    * @param config {import('vite').UserConfig}
    */
   async viteFinal(config) {
-    // The build fails to correctly minify the `ansi-to-html` module with esbuild, so we fallback to Terser.
-    // It's a package used by "Storybook" for the Webpreview, so it's interesting why it fails.
-    if (config.build) config.build.minify = 'terser';
-
     if (config.optimizeDeps) {
       config.optimizeDeps.include = [
         ...config.optimizeDeps.include,

package.json

@@ -122,48 +122,47 @@
     "react": "^15.0.0 || ^16.0.0 || ^17.0.0|| ^18.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.2",
-    "@babel/preset-env": "^7.18.2",
+    "@babel/core": "^7.18.9",
+    "@babel/preset-env": "^7.18.9",
     "@size-limit/preset-small-lib": "^7.0.8",
-    "@storybook/addon-actions": "6.5.5",
-    "@storybook/addon-controls": "6.5.5",
-    "@storybook/addon-docs": "6.5.5",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addon-viewport": "6.5.5",
-    "@storybook/addons": "6.5.5",
-    "@storybook/builder-vite": "^0.1.35",
-    "@storybook/react": "6.5.5",
-    "@storybook/theming": "6.5.5",
+    "@storybook/addon-actions": "6.5.9",
+    "@storybook/addon-controls": "6.5.9",
+    "@storybook/addon-docs": "6.5.9",
+    "@storybook/addon-viewport": "6.5.9",
+    "@storybook/addons": "6.5.9",
+    "@storybook/builder-vite": "^0.2.0",
+    "@storybook/react": "6.5.9",
+    "@storybook/theming": "6.5.9",
     "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.2.0",
+    "@testing-library/react": "^13.3.0",
     "@types/jest": "^27.5.1",
-    "@types/react": "^18.0.9",
-    "@types/react-dom": "^18.0.5",
-    "@typescript-eslint/eslint-plugin": "^5.26.0",
-    "@typescript-eslint/parser": "^5.26.0",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "@typescript-eslint/eslint-plugin": "^5.30.7",
+    "@typescript-eslint/parser": "^5.30.7",
     "autoprefixer": "^10.4.7",
-    "eslint": "^8.16.0",
+    "eslint": "^8.20.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.30.0",
-    "eslint-plugin-react-hooks": "^4.5.0",
-    "framer-motion": "^6.3.4",
-    "intersection-observer": "^0.12.0",
-    "jsdom": "^19.0.0",
-    "lint-staged": "^12.4.2",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "framer-motion": "^6.5.1",
+    "intersection-observer": "^0.12.2",
+    "jsdom": "^20.0.0",
+    "lint-staged": "^13.0.3",
     "microbundle": "^0.15.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.14",
-    "prettier": "^2.6.2",
-    "prettier-plugin-pkg": "^0.13.2",
-    "prettier-plugin-tailwindcss": "^0.1.11",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "simple-git-hooks": "^2.7.0",
+    "prettier": "^2.7.1",
+    "prettier-plugin-pkg": "^0.16.0",
+    "prettier-plugin-tailwindcss": "^0.1.12",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "simple-git-hooks": "^2.8.0",
     "size-limit": "^7.0.8",
-    "tailwindcss": "^3.0.24",
-    "typescript": "^4.7.2",
-    "vite": "^2.9.9",
-    "vitest": "^0.12.9"
+    "tailwindcss": "^3.1.6",
+    "typescript": "^4.7.4",
+    "vite": "^3.0.2",
+    "vitest": "^0.18.1"
   }
 }

tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "module": "esnext",
-    "target": "es5",
+    "target": "ESNext",
     "lib": ["es6", "es7", "esnext", "dom"],
     "types": ["vitest/globals", "@types/jest"],
     "jsx": "react",