Upgrade Babel to v7.21.4 (#7801)

Co-authored-by: Nrenovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

war/package.json

@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "@babel/cli": "7.21.0",
-    "@babel/core": "7.21.3",
+    "@babel/core": "7.21.4",
     "autoprefixer": "10.4.14",
     "clean-webpack-plugin": "4.0.0",
     "copy-webpack-plugin": "11.0.0",
@@ -48,7 +48,7 @@
     "webpack-remove-empty-scripts": "1.0.1"
   },
   "dependencies": {
-    "@babel/preset-env": "7.20.2",
+    "@babel/preset-env": "7.21.4",
     "babel-loader": "9.1.2",
     "bootstrap": "3.4.1",
     "hotkeys-js": "3.10.2",

war/src/main/js/components/modals/index.js

@@ -55,5 +55,7 @@ export function showModal(contents, options = {}) {
 
   modal.showModal();
 
-  closeButton?.blur();
+  if (closeButton !== null) {
+    closeButton.blur();
+  }
 }

war/src/main/js/components/row-selection-controller/index.js

@@ -44,22 +44,28 @@ rowSelectionControllers.forEach((headerCheckbox) => {
     updateIcon();
   });
 
-  moreOptionsAllButton?.addEventListener("click", () => {
-    tableCheckboxes.forEach((e) => (e.checked = true));
-    updateIcon();
-  });
+  if (moreOptionsAllButton !== null) {
+    moreOptionsAllButton.addEventListener("click", () => {
+      tableCheckboxes.forEach((e) => (e.checked = true));
+      updateIcon();
+    });
+  }
 
-  moreOptionsNoneButton?.addEventListener("click", () => {
-    tableCheckboxes.forEach((e) => (e.checked = false));
-    updateIcon();
-  });
+  if (moreOptionsNoneButton !== null) {
+    moreOptionsNoneButton.addEventListener("click", () => {
+      tableCheckboxes.forEach((e) => (e.checked = false));
+      updateIcon();
+    });
+  }
 
   function updateIcon() {
     headerCheckbox.classList.remove("jenkins-table__checkbox--all");
     headerCheckbox.classList.remove("jenkins-table__checkbox--indeterminate");
-    moreOptionsDropdown?.classList.remove(
-      "jenkins-table__checkbox-dropdown--visible"
-    );
+    if (moreOptionsDropdown !== null) {
+      moreOptionsDropdown.classList.remove(
+        "jenkins-table__checkbox-dropdown--visible"
+      );
+    }
 
     if (allCheckboxesSelected()) {
       headerCheckbox.classList.add("jenkins-table__checkbox--all");
@@ -72,23 +78,26 @@ rowSelectionControllers.forEach((headerCheckbox) => {
   }
 
   document.addEventListener("click", (event) => {
-    if (
-      moreOptionsDropdown?.contains(event.target) ||
-      event.target === moreOptionsButton
-    ) {
-      return;
+    if (moreOptionsDropdown !== null) {
+      if (
+        moreOptionsDropdown.contains(event.target) ||
+        event.target === moreOptionsButton
+      ) {
+        return;
+      }
+      moreOptionsDropdown.classList.remove(
+        "jenkins-table__checkbox-dropdown--visible"
+      );
     }
-
-    moreOptionsDropdown?.classList.remove(
-      "jenkins-table__checkbox-dropdown--visible"
-    );
   });
 
-  moreOptionsButton?.addEventListener("click", () => {
-    moreOptionsDropdown.classList.toggle(
-      "jenkins-table__checkbox-dropdown--visible"
-    );
-  });
+  if (moreOptionsButton !== null) {
+    moreOptionsButton.addEventListener("click", () => {
+      moreOptionsDropdown.classList.toggle(
+        "jenkins-table__checkbox-dropdown--visible"
+      );
+    });
+  }
 
   window.updateTableHeaderCheckbox = updateIcon;
 });

war/src/main/js/filter-build-history.js

@@ -527,13 +527,15 @@ const debouncedFilter = debounce(handleFilter, 300);
 
 document.addEventListener("DOMContentLoaded", function () {
   // Apply correct styling upon filter bar text change, call API after wait
-  pageSearchInput?.addEventListener("input", function () {
-    pageSearchInputContainer.classList.add("jenkins-search--loading");
-    buildHistoryContainer.classList.add("jenkins-pane--loading");
-    noBuildsBanner.style.display = "none";
+  if (pageSearchInput !== null) {
+    pageSearchInput.addEventListener("input", function () {
+      pageSearchInputContainer.classList.add("jenkins-search--loading");
+      buildHistoryContainer.classList.add("jenkins-pane--loading");
+      noBuildsBanner.style.display = "none";
 
-    debouncedFilter();
-  });
+      debouncedFilter();
+    });
+  }
 
   if (isRunAsTest) {
     return;

war/src/main/js/util/keyboard.js

@@ -32,7 +32,9 @@ export default function makeKeyboardNavigable(
           selectedItem = items[0];
         }
 
-        selectedItem?.classList.add(selectedClass);
+        if (selectedItem !== null) {
+          selectedItem.classList.add(selectedClass);
+        }
       } else if (e.key === "ArrowUp") {
         if (selectedItem) {
           selectedItem.classList.remove(selectedClass);
@@ -47,9 +49,13 @@ export default function makeKeyboardNavigable(
           selectedItem = items[items.length - 1];
         }
 
-        selectedItem?.classList.add(selectedClass);
+        if (selectedItem !== null) {
+          selectedItem.classList.add(selectedClass);
+        }
       } else if (e.key === "Enter") {
-        selectedItem?.click();
+        if (selectedItem !== null) {
+          selectedItem.click();
+        }
       }
     }
   });