ui: update node v to 20.18.0

frontend/.nvmrc

@@ -0,0 +1 @@
+v20.18.0

frontend/.yarnrc.yml

@@ -4,4 +4,4 @@ enableGlobalCache: true
 
 nodeLinker: pnpm
 
-yarnPath: .yarn/releases/yarn-4.5.0.cjs
+yarnPath: .yarn/releases/yarn-4.5.1.cjs

frontend/package.json

@@ -12,7 +12,6 @@
     "gen:constants": "node ./scripts/constants.js",
     "gen:icons": "node ./scripts/icons.js",
     "gen:colors": "node ./scripts/colors.js",
-    "flow": "flow",
     "gen:static": "yarn gen:icons && yarn gen:colors",
     "test:ci": "jest --maxWorkers=1 --no-cache --coverage",
     "test": "jest --watch",
@@ -29,7 +28,6 @@
     "@medv/finder": "^3.1.0",
     "@sentry/browser": "^5.21.1",
     "@svg-maps/world": "^1.0.1",
-    "@svgr/webpack": "^6.2.1",
     "@wojtekmaj/react-daterange-picker": "^6.0.0",
     "antd": "^5.21.2",
     "chroma-js": "^2.4.2",
@@ -88,7 +86,6 @@
     "@babel/plugin-transform-private-property-in-object": "^7.22.11",
     "@babel/plugin-transform-runtime": "^7.17.12",
     "@babel/preset-env": "^7.23.2",
-    "@babel/preset-flow": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.2",
     "@babel/runtime": "^7.23.2",
@@ -96,6 +93,7 @@
     "@openreplay/sourcemap-uploader": "^3.0.8",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/luxon": "^3.4.2",
+    "@types/node": "^22.7.8",
     "@types/prismjs": "^1",
     "@types/react": "^18.0.9",
     "@types/react-confirm": "^0.2.3",
@@ -111,10 +109,10 @@
     "babel-plugin-recharts": "^2.0.0",
     "babel-plugin-transform-decorators-legacy": "^1.3.5",
     "compression-webpack-plugin": "^10.0.0",
-    "copy-webpack-plugin": "^11.0.0",
+    "copy-webpack-plugin": "^12.0.2",
     "country-data": "0.0.31",
-    "css-loader": "^6.7.1",
+    "css-loader": "^7.1.2",
-    "cssnano": "^5.0.12",
+    "cssnano": "^7.0.6",
     "cypress": "^13.3.0",
     "cypress-image-snapshot": "^4.0.1",
     "dotenv": "^6.2.0",
@@ -127,10 +125,10 @@
     "minio": "^7.1.3",
     "node-gyp": "^9.0.0",
     "postcss": "^8.4.14",
-    "postcss-import": "^14.1.0",
+    "postcss-import": "^16.1.0",
-    "postcss-loader": "^7.0.0",
+    "postcss-loader": "^8.1.1",
-    "postcss-mixins": "^9.0.2",
+    "postcss-mixins": "^11.0.3",
-    "postcss-nesting": "^10.1.6",
+    "postcss-nesting": "^13.0.0",
     "postcss-simple-vars": "^6.0.3",
     "prettier": "^2.6.2",
     "sass": "^1.51.0",
@@ -148,7 +146,7 @@
     "webpack-dev-server": "^5.0.4"
   },
   "engines": {
-    "node": ">=10.14.1"
+    "node": ">=20.18.0"
   },
-  "packageManager": "yarn@4.5.0"
+  "packageManager": "yarn@4.5.1"
 }

frontend/webpack.config.ts

@@ -62,6 +62,8 @@ const config: Configuration = {
               modules: {
                 mode: "local",
                 auto: true,
+                namedExport: false,
+                exportLocalsConvention: 'as-is',
                 localIdentName: "[name]__[local]--[hash:base64:5]",
               }
               // url: {