[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

@@ -148,7 +148,7 @@ 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/ });
  });
 });
 

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/components/product/ProductPage.test.jsx

@@ -180,7 +180,7 @@ describe("when the services are busy", () => {
  installerRender(<ProductPage />);
 
  const selectButton = await screen.findByRole("button", { name: "Change product" });
- const registerButton = screen.getByRole("button", { name: "Register" });
+ const registerButton = await screen.findByRole("button", { name: "Register" });
 
  expect(selectButton).toHaveAttribute("disabled");
  expect(registerButton).toHaveAttribute("disabled");

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";