[web] Update dependencies (2023-11-14)

web/package.json

@@ -25,91 +25,87 @@
     "node": ">=18"
   },
   "devDependencies": {
-    "@babel/core": "^7.5.4",
-    "@babel/eslint-parser": "^7.13.14",
-    "@babel/preset-env": "^7.5.4",
-    "@babel/preset-react": "^7.0.0",
-    "@cspell/dict-css": "^4.0.5",
+    "@babel/core": "^7.23.3",
+    "@babel/eslint-parser": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@cspell/dict-css": "^4.0.12",
     "@cspell/dict-en-common-misspellings": "^1.0.2",
-    "@cspell/dict-fullstack": "^3.1.4",
-    "@cspell/dict-html": "^4.0.3",
+    "@cspell/dict-fullstack": "^3.1.5",
+    "@cspell/dict-html": "^4.0.5",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
-    "@testing-library/jest-dom": "^6.1.3",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.1.1",
-    "@types/jest": "^29.2.3",
-    "@typescript-eslint/eslint-plugin": "^6.7.4",
-    "@typescript-eslint/parser": "^6.7.4",
-    "ajv": "^8.11.2",
-    "babel-jest": "^29.3.1",
-    "babel-loader": "^9.1.0",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.1.0",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/jest": "^29.5.8",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
+    "ajv": "^8.12.0",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.1.3",
     "compression-webpack-plugin": "^10.0.0",
     "copy-webpack-plugin": "^11.0.0",
-    "cspell": "^7.3.7",
+    "cspell": "^8.0.0",
     "css-loader": "^6.5.0",
     "css-minimizer-webpack-plugin": "^5.0.0",
-    "eslint": "^8.28.0",
-    "eslint-config-standard": "^17.0.0",
+    "eslint": "^8.53.0",
+    "eslint-config-standard": "^17.1.0",
     "eslint-config-standard-jsx": "^11.0.0",
     "eslint-config-standard-react": "^13.0.0",
     "eslint-plugin-agama-i18n": "^0.1.0",
     "eslint-plugin-flowtype": "^8.0.3",
     "eslint-plugin-i18next": "^6.0.3",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-n": "^16.1.0",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-n": "^16.3.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.21.2",
-    "eslint-plugin-react-hooks": "^4.1.2",
-    "eslint-webpack-plugin": "^4.0.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-webpack-plugin": "^4.0.1",
     "html-minimizer-webpack-plugin": "^4.4.0",
     "htmlparser": "^1.7.7",
     "identity-obj-proxy": "^3.0.0",
     "jed": "^1.1.1",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-transform-stub": "^2.0.0",
-    "jsdoc": "^4.0.0",
-    "mini-css-extract-plugin": "^2.5.3",
+    "jsdoc": "^4.0.2",
+    "mini-css-extract-plugin": "^2.7.6",
     "po2json": "^1.0.0-alpha",
-    "qunit": "^2.9.3",
+    "qunit": "^2.20.0",
     "react-refresh": "^0.14.0",
-    "sass": "^1.35.2",
-    "sass-loader": "^13.2.0",
-    "sizzle": "^2.3.3",
-    "stdio": "^2.1.0",
+    "sass": "^1.69.5",
+    "sass-loader": "^13.3.2",
     "string-replace-loader": "^3.0.0",
-    "stylelint": "^15.2.0",
+    "stylelint": "^15.11.0",
     "stylelint-config-standard": "^34.0.0",
-    "stylelint-config-standard-scss": "^11.0.0",
-    "stylelint-webpack-plugin": "^4.1.0",
-    "terser-webpack-plugin": "^5.1.4",
+    "stylelint-config-standard-scss": "^11.1.0",
+    "stylelint-webpack-plugin": "^4.1.1",
+    "terser-webpack-plugin": "^5.3.9",
     "ts-jest": "^29.0.3",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
-    "typedoc": "^0.25.1",
-    "typedoc-plugin-missing-exports": "^2.0.0",
+    "typedoc": "^0.25.3",
+    "typedoc-plugin-missing-exports": "^2.1.0",
     "typescript": "^5.2.2",
-    "webpack": "^5.54.0",
-    "webpack-cli": "^5.0.0",
-    "webpack-dev-server": "^4.11.1"
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
   },
   "dependencies": {
-    "@icons-pack/react-simple-icons": "^9.0.1",
-    "@material-symbols/svg-400": "^0.13.0",
+    "@icons-pack/react-simple-icons": "^9.1.0",
+    "@material-symbols/svg-400": "^0.14.0",
     "@patternfly/patternfly": "^5.1.0",
-    "@patternfly/react-core": "^5.1.0",
-    "@patternfly/react-table": "^5.1.0",
-    "core-js": "^3.21.1",
-    "fast-sort": "^3.2.1",
-    "ipaddr.js": "^2.0.1",
+    "@patternfly/react-core": "^5.1.1",
+    "@patternfly/react-table": "^5.1.1",
+    "fast-sort": "^3.4.0",
+    "ipaddr.js": "^2.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.3.0",
     "react-teleporter": "^3.1.0",
-    "regenerator-runtime": "^0.14.0",
-    "sprintf-js": "^1.1.2",
+    "sprintf-js": "^1.1.3",
     "xbytes": "^1.8.0"
   },
   "overrides": {

web/src/components/core/FileViewer.test.jsx

@@ -101,7 +101,7 @@ describe("FileViewer", () => {
       plainRender(<FileViewer file={file_name} title={title} />);
       const dialog = await screen.findByRole("dialog");
 
-      within(dialog).getByText(/cannot read the file/i);
+      await within(dialog).findByText(/cannot read the file/i);
     });
   });
 
@@ -114,7 +114,7 @@ describe("FileViewer", () => {
       plainRender(<FileViewer file={file_name} title={title} />);
       const dialog = await screen.findByRole("dialog");
 
-      within(dialog).getByText(/read error/i);
+      await within(dialog).findByText(/read error/i);
     });
   });
 });

web/src/components/core/PageOptions.test.jsx

@@ -20,7 +20,7 @@
  */
 
 import React from "react";
-import { screen } from "@testing-library/react";
+import { screen, waitForElementToBeRemoved } from "@testing-library/react";
 import { plainRender } from "~/test-utils";
 import { PageOptions } from "~/components/core";
 
@@ -50,8 +50,11 @@ it("shows and hides the component content on user request", async () => {
   screen.getByRole("menuitem", { name: "A dummy action" });
 
   await user.click(toggler);
-
-  expect(screen.queryByRole("menuitem", { name: "A dummy action" })).toBeNull();
+  await waitForElementToBeRemoved(screen.queryByRole("menuitem", { name: "A dummy action" }));
+  // NOTE: the above is the same than:
+  // await waitFor(() => {
+  //   expect(screen.queryByRole("menuitem", { name: "A dummy action" })).toBeNull();
+  // });
 });
 
 it("hides the component content when user clicks on one of its actions", async () => {
@@ -97,5 +100,5 @@ it('closes the component  when user clicks outside', async () => {
   await user.click(sibling);
 
   // Ensure the dropdown is closed
-  expect(screen.queryByRole("menuitem", { name: "Option 2" })).toBeNull();
+  await waitForElementToBeRemoved(() => screen.queryByRole("menuitem", { name: "Option 2" }));
 });

web/src/components/core/Sidebar.test.jsx

@@ -143,15 +143,11 @@ describe("if there are issues", () => {
   it("includes a notification mark", async () => {
     installerRender(withNotificationProvider(<Sidebar />));
     const link = await screen.findByLabelText(/Show/i);
-    within(link).getByRole("status", { name: /New issues/ });
+    await within(link).findByRole("status", { name: /New issues/ });
   });
 });
 
 describe("if there are not issues", () => {
-  beforeEach(() => {
-    hasIssues = false;
-  });
-
   it("does not include a notification mark", async () => {
     installerRender(withNotificationProvider(<Sidebar />));
     const link = await screen.findByLabelText(/Show/i);

web/src/components/network/NetworkPage.test.jsx

@@ -68,14 +68,14 @@ describe("NetworkPage", () => {
   it("renders section for wired connections", async () => {
     installerRender(<NetworkPage />);
     const section = await screen.findByRole("region", { name: "Wired networks" });
-    within(section).getByText("Wired 1");
+    await within(section).findByText("Wired 1");
     within(section).getByText("192.168.122.20/24");
   });
 
   it("renders section for WiFi connections", async () => {
     installerRender(<NetworkPage />);
     const section = await screen.findByRole("region", { name: "WiFi networks" });
-    within(section).getByText("WiFi 1");
+    await within(section).findByText("WiFi 1");
     within(section).getByText("192.168.69.200/24");
   });
 
@@ -88,7 +88,7 @@ describe("NetworkPage", () => {
       installerRender(<NetworkPage />);
 
       const section = await screen.findByRole("region", { name: "Wired networks" });
-      within(section).getByText("No wired connections found");
+      await within(section).findByText("No wired connections found");
     });
   });
 
@@ -101,7 +101,7 @@ describe("NetworkPage", () => {
       installerRender(<NetworkPage />);
 
       const section = await screen.findByRole("region", { name: "WiFi networks" });
-      within(section).getByText("No WiFi connections found");
+      await within(section).findByText("No WiFi connections found");
     });
 
     describe("and WiFi scan is supported", () => {
@@ -113,15 +113,15 @@ describe("NetworkPage", () => {
         installerRender(<NetworkPage />);
 
         const section = await screen.findByRole("region", { name: "WiFi networks" });
-        within(section).getByRole("button", { name: "Connect to a Wi-Fi network" });
+        await within(section).findByRole("button", { name: "Connect to a Wi-Fi network" });
       });
 
       it("opens the WiFi selector dialog when user clicks for scanning WiFi networks", async () => {
         const { user } = installerRender(<NetworkPage />);
         const link = await screen.findByRole("button", { name: "Connect to a Wi-Fi network" });
         await user.click(link);
         const wifiDialog = await screen.findByRole("dialog");
-        within(wifiDialog).getByText("Connect to a Wi-Fi network");
+        await within(wifiDialog).findByText("Connect to a Wi-Fi network");
       });
     });
 

web/src/index.js

@@ -21,8 +21,6 @@
 
 import React from "react";
 import { createRoot } from "react-dom/client";
-import "core-js/stable";
-import "regenerator-runtime/runtime";
 
 import { HashRouter, Routes, Route } from "react-router-dom";
 import { AgamaProviders } from "~/context/agama";

web/src/setupTests.js

@@ -3,5 +3,3 @@
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
 import "@testing-library/jest-dom";
-import "core-js/stable";
-import "regenerator-runtime/runtime";