Merge pull request canonical#14130 from canonical/update-dependencies

Update dependencies

.github/workflows/ceph-docs-links.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install linkchecker
         run: sudo pip install LinkChecker

.github/workflows/core-docs-links.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install linkchecker
         run: sudo pip install LinkChecker

.github/workflows/kubernetes-docs-links.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install linkchecker
         run: sudo pip install LinkChecker

.github/workflows/openstack-charm-deployment-guide-docs-links.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install linkchecker
         run: sudo pip install LinkChecker

.github/workflows/openstack-charm-guide-docs-links.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install linkchecker
         run: sudo pip install LinkChecker

.github/workflows/pr.yaml

@@ -167,7 +167,7 @@ jobs:
         run: dotrun --env SEARCH_API_KEY=fake-key exec coverage run --source=. --module unittest discover tests
 
       - name: Upload coverage to Codecov
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@v4
         with:
           flags: python
 
@@ -191,7 +191,7 @@ jobs:
           yarn test-js --coverage
 
       - name: Upload coverage to Codecov
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@v4
         with:
           flags: javascript
 

.github/workflows/rebase.yaml

@@ -14,7 +14,7 @@ jobs:
       )
     steps:
       - name: Checkout the latest code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           token: ${{ secrets.REBASE_TOKEN }}
           fetch-depth: 0 # otherwise, you will fail to push refs to dest repo

.github/workflows/robotics-docs-links.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install linkchecker
         run: sudo pip install LinkChecker

.github/workflows/server-docs-links.yaml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Install linkchecker
         run: sudo pip install LinkChecker

.stylelintrc

@@ -1,10 +1,15 @@
 {
-  "extends": ["stylelint-config-standard", "stylelint-prettier/recommended"],
-  "plugins": ["stylelint-order", "stylelint-scss"],
-  "ignoreFiles": ["static/sass/prism.scss"],
+  "extends": ["stylelint-config-recommended-scss"],
+  "plugins": ["stylelint-order"],
   "rules": {
-    "order/properties-alphabetical-order": true,
+    "comment-no-empty": null,
     "at-rule-no-unknown": null,
-    "scss/at-rule-no-unknown": true
+    "scss/no-global-function-names": null,
+    "scss/at-extend-no-missing-placeholder": null,
+    "no-invalid-position-at-import-rule": null,
+    "order/properties-alphabetical-order": null,
+    "scss/operator-no-unspaced": null,
+    "scss/operator-no-newline-after": null,
+    "scss/comment-no-empty": null
   }
-}
+}

package.json

@@ -35,12 +35,12 @@
   "license": "LGPL v3",
   "devDependencies": {
     "@babel/core": "^7.24.9",
-    "@babel/plugin-proposal-class-properties": "7.14.5",
-    "@babel/plugin-syntax-jsx": "7.16.7",
-    "@babel/plugin-transform-runtime": "7.16.7",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/plugin-syntax-jsx": "7.24.7",
+    "@babel/plugin-transform-runtime": "7.24.7",
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "7.16.7",
+    "@babel/preset-typescript": "7.24.7",
     "@cfaester/enzyme-adapter-react-18": "0.8.0",
     "@eslint/js": "^9.7.0",
     "@playwright/test": "^1.40.0",
@@ -53,35 +53,35 @@
     "@types/enzyme": "3.10.18",
     "@types/eslint__js": "^8.42.3",
     "@types/jest": "29.5.12",
-    "@types/lodash": "4.14.175",
+    "@types/lodash": "4.17.7",
     "@types/node": "^20.9.3",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
     "@types/react-google-recaptcha": "^2.1.9",
-    "@typescript-eslint/eslint-plugin": "7.17.0",
-    "@typescript-eslint/parser": "7.17.0",
-    "axe-core": "4.3.5",
+    "@typescript-eslint/eslint-plugin": "8.0.0",
+    "@typescript-eslint/parser": "8.0.0",
+    "axe-core": "4.10.0",
     "babel-jest": "^29.7.0",
-    "babel-loader": "8.2.3",
+    "babel-loader": "9.1.3",
     "concurrently": "8.2.0",
     "csstype": "3.0.8",
     "enzyme": "3.11.0",
     "eslint": "^9.7.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-react": "7.35.0",
-    "fishery": "1.4.0",
-    "full-icu": "1.4.0",
+    "fishery": "2.2.2",
+    "full-icu": "1.5.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-fetch-mock": "3.0.3",
-    "prettier": "2.2.1",
-    "stylelint": "13.13.1",
-    "stylelint-config-prettier": "8.0.2",
-    "stylelint-config-standard": "20.0.0",
-    "stylelint-order": "4.1.0",
-    "stylelint-prettier": "1.2.0",
+    "prettier": "3.3.3",
+    "stylelint": "16.8.1",
+    "stylelint-config-prettier": "9.0.5",
+    "stylelint-config-recommended-scss": "14.0.0",
+    "stylelint-order": "6.0.4",
+    "stylelint-prettier": "5.0.2",
     "stylelint-scss": "3.21.0",
-    "typescript-eslint": "^7.17.0",
+    "typescript-eslint": "^8.0.0",
     "watch-cli": "0.2.3"
   },
   "dependencies": {
@@ -90,14 +90,14 @@
     "@canonical/global-nav": "3.6.4",
     "@canonical/latest-news": "1.5.0",
     "@canonical/react-components": "^0.59.1",
-    "@reduxjs/toolkit": "1.7.1",
+    "@reduxjs/toolkit": "2.2.7",
     "@sentry/react": "^8.19.0",
     "@sentry/tracing": "^7.114.0",
     "@stripe/react-stripe-js": "2.7.3",
     "@stripe/stripe-js": "4.1.0",
     "@tanstack/react-query": "^5.51.11",
     "@tanstack/react-query-devtools": "^5.51.11",
-    "autoprefixer": "10.4.1",
+    "autoprefixer": "10.4.19",
     "date-fns": "2.28.0",
     "date-fns-tz": "1.3.4",
     "dotenv": "^16.3.1",
@@ -106,26 +106,26 @@
     "flickity": "^3.0.0",
     "formik": "2.4.6",
     "globals": "^15.8.0",
-    "intl-tel-input": "23.3.2",
-    "postcss": "8.4.31",
-    "postcss-cli": "8.3.1",
+    "intl-tel-input": "23.7.4",
+    "postcss": "8.4.40",
+    "postcss-cli": "11.0.0",
     "prop-types": "15.8.1",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
     "react-google-recaptcha": "3.1.0",
     "react-router-dom": "^6.24.1",
-    "react-useportal": "1.0.16",
+    "react-useportal": "1.0.19",
     "sass": "1.45.2",
     "smartquotes": "2.3.2",
-    "typescript": "5.4.5",
+    "typescript": "5.5.4",
     "url-polyfill": "1.1.12",
-    "url-search-params-polyfill": "8.1.1",
+    "url-search-params-polyfill": "8.2.5",
     "vanilla-framework": "4.14.0",
-    "yup": "0.32.11"
+    "yup": "1.4.0"
   },
   "resolutions": {
     "lodash": "4.17.21",
-    "minimatch": "3.0.5"
+    "minimatch": "3.1.2"
   },
   "jest": {
     "testEnvironment": "jsdom",

static/js/src/accordion.js

@@ -46,7 +46,7 @@ function setupAccordion(accordionContainer) {
   // Finds any open panels within the container and closes them.
   function closeAllPanels() {
     var openPanels = accordionContainer.querySelectorAll(
-      "[aria-expanded=true]"
+      "[aria-expanded=true]",
     );
 
     for (var i = 0, l = openPanels.length; i < l; i++) {
@@ -59,7 +59,7 @@ function setupAccordion(accordionContainer) {
   accordionContainer.addEventListener("click", function (event) {
     var target = event.target;
     var multipleAccordionsOpen = accordionContainer.getAttribute(
-      "data-multiple-expanded"
+      "data-multiple-expanded",
     );
 
     if (target.closest) {

static/js/src/activate.js

@@ -118,27 +118,27 @@ activation_key.addEventListener("keyup", validateKey);
   toggleModal(
     document.querySelector("#modal"),
     document.querySelector("[aria-controls=modal]"),
-    true
+    true,
   );
 })();
 
 // buying for input
 const shouldCreateAccount = document.querySelector(
-  "#create-purchase-account-form"
+  "#create-purchase-account-form",
 );
 if (shouldCreateAccount) {
   const organisationContainer = document.querySelector(
-    ".js-organisation-container"
+    ".js-organisation-container",
   );
   const radioMyself = organisationContainer.querySelector(".radio-myself");
   const radioOrganisation = organisationContainer.querySelector(
-    ".radio-organisation"
+    ".radio-organisation",
   );
   const organisationNameContainer = organisationContainer.querySelector(
-    ".js-organisation-name-container"
+    ".js-organisation-name-container",
   );
   const organisationNameInput = organisationNameContainer.querySelector(
-    'input[name="activate-organisation-name"]'
+    'input[name="activate-organisation-name"]',
   );
   radioOrganisation.addEventListener("change", function (e) {
     if (e.target.checked) {
@@ -155,19 +155,20 @@ if (shouldCreateAccount) {
   });
 
   const createPurchaseAccountForm = document.getElementById(
-    "create-purchase-account-form"
+    "create-purchase-account-form",
   );
 
   createPurchaseAccountForm.addEventListener("submit", function (event) {
     event.preventDefault();
     const selectedOption = document.querySelector(
-      'input[name="activate-buy-for"]:checked'
+      'input[name="activate-buy-for"]:checked',
     );
-    let accountName = document.querySelector('input[name="activate-name"]')
-      .value;
+    let accountName = document.querySelector(
+      'input[name="activate-name"]',
+    ).value;
     if (selectedOption.value == "organisation") {
       accountName = document.querySelector(
-        'input[name="activate-organisation-name"]'
+        'input[name="activate-organisation-name"]',
       ).value;
     }