Merge branch 'v3.35' into release/v3.35.2

Author: happyRip

config/webpack.dll.babel.js

@@ -60,6 +60,12 @@ export default {
   },
   module: {
     rules: [
+      {
+        test: /\.m?js$/,
+        resolve: {
+          fullySpecified: false,
+        },
+      },
       {
         test: /\.(woff|woff2|ttf|eot|jpg|jpeg|png|svg)$/i,
         use: [

package.json

@@ -6,26 +6,26 @@
   "repository": "https://github.com/TheThingsNetwork/lorawan-stack.git",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@babel/cli": "^7.28.3",
-    "@babel/core": "^7.28.5",
-    "@babel/eslint-parser": "^7.28.5",
+    "@babel/cli": "^7.28.6",
+    "@babel/core": "^7.28.6",
+    "@babel/eslint-parser": "^7.28.6",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.28.0",
+    "@babel/plugin-proposal-decorators": "^7.28.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/plugin-transform-runtime": "^7.28.5",
-    "@babel/plugin-transform-spread": "^7.27.1",
+    "@babel/plugin-transform-spread": "^7.28.6",
     "@babel/plugin-transform-strict-mode": "^7.27.1",
-    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-env": "^7.28.6",
     "@babel/preset-react": "^7.28.5",
-    "@babel/register": "^7.28.3",
-    "@babel/runtime-corejs2": "^7.28.4",
-    "@inquirer/prompts": "^8.1.0",
+    "@babel/register": "^7.28.6",
+    "@babel/runtime-corejs2": "^7.28.6",
+    "@inquirer/prompts": "^8.2.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
+    "@storybook/addon-actions": "9.0.8",
     "@storybook/addon-designs": "8.2.1",
     "@storybook/addon-essentials": "8.6.14",
     "@storybook/addon-mdx-gfm": "8.6.14",
-    "@storybook/addon-actions": "9.0.8",
-    "@storybook/cli": "10.1.9",
+    "@storybook/cli": "10.1.11",
     "@storybook/react": "8.6.14",
     "@storybook/react-webpack5": "8.6.14",
     "@testing-library/cypress": "^10.1.0",
@@ -38,7 +38,7 @@
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^13.0.1",
     "css-loader": "^6.10.0",
-    "cypress": "15.8.0",
+    "cypress": "15.8.2",
     "cypress-browser-permissions": "^1.1.0",
     "cypress-file-upload": "^5.0.8",
     "cypress-log-to-output": "^1.1.2",
@@ -69,30 +69,30 @@
     "pg": "^8.16.3",
     "prettier": "3.7.4",
     "react-refresh": "^0.18.0",
+    "storybook": "^8.6.15",
     "stylelint": "^16.26.1",
     "stylelint-stylus": "^1.0.0",
-    "storybook": "^8.6.15",
     "stylus": "^0.64.0",
     "stylus-loader": "^8.1.2",
     "wait-on": "^9.0.3",
-    "webpack": "^5.104.0",
+    "webpack": "^5.104.1",
     "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.2",
+    "webpack-dev-server": "^5.2.3",
     "webpack-shell-plugin": "https://github.com/cdeutsch/webpack-shell-plugin.git#bee537d",
     "yargs": "^17.7.2"
   },
   "dependencies": {
-    "@tabler/icons-react": "^3.36.0",
-    "@formatjs/intl-datetimeformat": "^6.18.2",
-    "@formatjs/intl-displaynames": "^6.8.13",
-    "@formatjs/intl-listformat": "^7.7.13",
-    "@formatjs/intl-locale": "^4.2.13",
-    "@formatjs/intl-numberformat": "^8.15.6",
-    "@formatjs/intl-pluralrules": "^5.4.6",
-    "@formatjs/intl-relativetimeformat": "^11.4.13",
+    "@formatjs/intl-datetimeformat": "^7.1.2",
+    "@formatjs/intl-displaynames": "^7.1.2",
+    "@formatjs/intl-listformat": "^8.1.2",
+    "@formatjs/intl-locale": "^5.1.2",
+    "@formatjs/intl-numberformat": "^9.1.2",
+    "@formatjs/intl-pluralrules": "^6.1.2",
+    "@formatjs/intl-relativetimeformat": "^12.1.2",
     "@reduxjs/toolkit": "^2.11.2",
     "@sentry/integrations": "^7.114.0",
-    "@sentry/react": "^10.31.0",
+    "@sentry/react": "^10.33.0",
+    "@tabler/icons-react": "^3.36.1",
     "@tippyjs/react": "^4.2.6",
     "apexcharts": "^5.3.6",
     "autobind-decorator": "^2.4.0",
@@ -107,7 +107,7 @@
     "history": "^5.3.0",
     "jsqr": "^1.4.0",
     "leaflet": "^1.9.4",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "md5": "^2.3.0",
     "prop-types": "^15.8.1",
     "query-string": "^9.3.1",
@@ -125,7 +125,7 @@
     "react-remove-scroll": "^2.7.2",
     "react-router-dom": "^6.14.1",
     "react-select": "^5.10.2",
-    "react-string-replace": "^1.1.1",
+    "react-string-replace": "^2.0.1",
     "react-switch": "^7.1.0",
     "react-text-mask": "^5.5.0",
     "react-toastify": "^9.1.3",

pkg/webui/lib/components/with-locale.js

@@ -106,14 +106,18 @@ const WithLocale = ({ children }) => {
         if (!window.Intl.Locale) {
           log('Polyfilling Intl.Locale')
           await import(
-            /* webpackChunkName: "locale-display-names" */ '@formatjs/intl-locale/polyfill'
+            /* webpackChunkName: "locale-display-names" */
+            // eslint-disable-next-line import/extensions -- package exports require explicit .js
+            '@formatjs/intl-locale/polyfill.js'
           )
         }
 
         if (!window.Intl.DisplayNames) {
           log('Polyfilling Intl.DisplayNames')
           await import(
-            /* webpackChunkName: "locale-display-names" */ '@formatjs/intl-displaynames/polyfill'
+            /* webpackChunkName: "locale-display-names" */
+            // eslint-disable-next-line import/extensions -- package exports require explicit .js
+            '@formatjs/intl-displaynames/polyfill.js'
           )
           // Instead of using dynamic imports that would cause all possible locales to be bundled
           // we only load the ones we want to support which as of now are English and Japanese.
@@ -129,35 +133,45 @@ const WithLocale = ({ children }) => {
         if (!window.Intl.ListFormat) {
           log('Polyfilling Intl.ListFormat')
           await import(
-            /* webpackChunkName: "locale-list-format" */ '@formatjs/intl-listformat/polyfill'
+            /* webpackChunkName: "locale-list-format" */
+            // eslint-disable-next-line import/extensions -- package exports require explicit .js
+            '@formatjs/intl-listformat/polyfill.js'
           )
         }
 
         if (!window.Intl.PluralRules) {
           log('Polyfilling Intl.PluralRules')
           await import(
-            /* webpackChunkName: "locale-plural-rules" */ '@formatjs/intl-pluralrules/polyfill'
+            /* webpackChunkName: "locale-plural-rules" */
+            // eslint-disable-next-line import/extensions -- package exports require explicit .js
+            '@formatjs/intl-pluralrules/polyfill.js'
           )
         }
 
         if (!window.Intl.NumberFormat) {
           log('Polyfilling Intl.NumberFormat')
           await import(
-            /* webpackChunkName: "locale-number-format" */ '@formatjs/intl-numberformat/polyfill'
+            /* webpackChunkName: "locale-number-format" */
+            // eslint-disable-next-line import/extensions -- package exports require explicit .js
+            '@formatjs/intl-numberformat/polyfill.js'
           )
         }
 
         if (!window.Intl.RelativeTimeFormat) {
           log('Polyfilling Intl.RelativeTimeFormat')
           await import(
-            /* webpackChunkName: "locale-date-time-format" */ '@formatjs/intl-relativetimeformat/polyfill'
+            /* webpackChunkName: "locale-date-time-format" */
+            // eslint-disable-next-line import/extensions -- package exports require explicit .js
+            '@formatjs/intl-relativetimeformat/polyfill.js'
           )
         }
 
         if (!window.Intl.DateTimeFormat) {
           log('Polyfilling Intl.DateTimeFormat')
           await import(
-            /* webpackChunkName: "locale-date-time-format" */ '@formatjs/intl-datetimeformat/polyfill'
+            /* webpackChunkName: "locale-date-time-format" */
+            // eslint-disable-next-line import/extensions -- package exports require explicit .js
+            '@formatjs/intl-datetimeformat/polyfill.js'
           )
         }
 
@@ -250,7 +264,11 @@ const LocaleLoader = ({ children }) => {
       if (window.Intl.DateTimeFormat.polyfilled) {
         log(`Polyfilling DateTimeFormat for language ${language}`)
         promises.push(
-          import(/* webpackChunkName: "locale" */ '@formatjs/intl-datetimeformat/add-all-tz'),
+          import(
+            /* webpackChunkName: "locale" */
+            // eslint-disable-next-line import/extensions -- package exports require explicit .js
+            '@formatjs/intl-datetimeformat/add-all-tz.js'
+          ),
         )
         switch (language) {
           case 'ja':