feat(design-system,editor-ui): upgrade some of the frontend dev dependencies (#3978)

packages/design-system/.gitignore

@@ -0,0 +1 @@
+storybook-static

packages/design-system/.storybook/main.js

@@ -1,14 +1,25 @@
 const path = require('path');
 
+/**
+ * @type {import('@storybook/core-common').StorybookConfig}
+ */
 module.exports = {
 	stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
 	addons: [
 		'@storybook/addon-links',
 		'@storybook/addon-essentials',
+		{
+			name: '@storybook/addon-postcss',
+			options: {
+				postcssLoaderOptions: {
+					implementation: require('postcss'),
+				},
+			}
+		},
 		'storybook-addon-designs',
 		'storybook-addon-themes',
 	],
-	webpackFinal: async (config, { configType }) => {
+	webpackFinal: async (config) => {
 		config.module.rules.push({
 			test: /\.scss$/,
 			oneOf: [
@@ -37,7 +48,7 @@ module.exports = {
 
 		config.resolve.alias = {
 			...config.resolve.alias,
-			"@/": path.resolve(__dirname, "../src/"),
+			'@/': path.resolve(__dirname, '../src/'),
 		};
 
 		return config;

packages/design-system/package.json

@@ -38,10 +38,11 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/vue-fontawesome": "^2.0.2",
-    "@storybook/addon-actions": "^6.3.6",
-    "@storybook/addon-essentials": "^6.3.6",
-    "@storybook/addon-links": "^6.3.6",
-    "@storybook/vue": "^6.3.6",
+    "@storybook/addon-actions": "^6.5.10",
+    "@storybook/addon-essentials": "^6.5.10",
+    "@storybook/addon-links": "^6.5.10",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/vue": "^6.5.10",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/vue": "^5.8.2",
     "@types/jest": "^27.4.0",
@@ -49,11 +50,7 @@
     "@types/sanitize-html": "^2.6.2",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "@typescript-eslint/parser": "^5.0.0",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-plugin-typescript": "~4.5.6",
-    "@vue/cli-plugin-unit-jest": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
+    "@vue/cli-plugin-babel": "~4.5.19",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
     "@vue/test-utils": "^1.0.3",
@@ -76,7 +73,7 @@
     "prettier": "^2.3.2",
     "sass": "^1.26.5",
     "sass-loader": "^8.0.2",
-    "storybook-addon-designs": "^6.0.1",
+    "storybook-addon-designs": "^6.3.1",
     "storybook-addon-themes": "^6.1.0",
     "trim": ">=0.0.3",
     "typescript": "~4.6.0",
@@ -88,9 +85,9 @@
     "vue-loader": "^15.9.7",
     "vue-property-decorator": "^9.1.2",
     "vue-template-compiler": "~2.6.11",
+    "vue-tsc": "0.34.8",
     "vue-typed-mixins": "^0.2.0",
     "vue2-boring-avatars": "0.3.4",
-    "vue-tsc": "0.34.8",
     "xss": "^1.0.10"
   },
   "dependencies": {

packages/design-system/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+	plugins: {
+		autoprefixer: {},
+	},
+};

packages/editor-ui/package.json

@@ -54,13 +54,12 @@
     "@types/uuid": "^8.3.2",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "@typescript-eslint/parser": "^5.0.0",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-plugin-typescript": "~4.5.6",
-    "@vue/cli-plugin-unit-jest": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/eslint-config-standard": "^5.0.1",
-    "@vue/eslint-config-typescript": "^7.0.0",
+    "@vue/cli-plugin-babel": "~4.5.19",
+    "@vue/cli-plugin-typescript": "~4.5.19",
+    "@vue/cli-plugin-unit-jest": "~4.5.19",
+    "@vue/cli-service": "~4.5.19",
+    "@vue/eslint-config-standard": "^6.1.0",
+    "@vue/eslint-config-typescript": "^11.0.0",
     "@vue/test-utils": "^1.0.3",
     "axios": "^0.21.1",
     "babel-core": "7.0.0-bridge.0",
@@ -79,8 +78,8 @@
     "lodash.debounce": "^4.0.8",
     "lodash.get": "^4.4.2",
     "lodash.set": "^4.3.2",
-    "n8n-workflow": "~0.114.0",
     "monaco-editor-webpack-plugin": "^5.0.0",
+    "n8n-workflow": "~0.114.0",
     "normalize-wheel": "^1.0.1",
     "prismjs": "^1.17.1",
     "quill": "^2.0.0-dev.3",