Update JS dependencies (#20423)

- Update all JS dependencies minus vue ones
- Remove workaround for case-insensitive attribute selector
- Add new linter rules and fix issues
- Tested SVG display and swagger

.eslintrc.yaml

@@ -447,9 +447,11 @@ rules:
   unicorn/prefer-date-now: [2]
   unicorn/prefer-default-parameters: [0]
   unicorn/prefer-event-key: [2]
+  unicorn/prefer-event-target: [2]
   unicorn/prefer-export-from: [2]
   unicorn/prefer-includes: [2]
   unicorn/prefer-json-parse-buffer: [0]
+  unicorn/prefer-logical-operator-over-ternary: [2]
   unicorn/prefer-math-trunc: [2]
   unicorn/prefer-modern-dom-apis: [0]
   unicorn/prefer-modern-math-apis: [2]

package.json

@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@claviska/jquery-minicolors": "2.3.6",
-    "@primer/octicons": "17.2.0",
+    "@primer/octicons": "17.3.0",
     "add-asset-webpack-plugin": "2.0.1",
     "css-loader": "6.7.1",
     "dropzone": "6.0.0-beta.2",
@@ -19,16 +19,16 @@
     "font-awesome": "4.7.0",
     "jquery": "3.6.0",
     "jquery.are-you-sure": "1.9.0",
-    "less": "4.1.2",
+    "less": "4.1.3",
     "less-loader": "11.0.0",
     "license-checker-webpack-plugin": "0.2.1",
-    "mermaid": "9.1.2",
+    "mermaid": "9.1.3",
-    "mini-css-extract-plugin": "2.6.0",
+    "mini-css-extract-plugin": "2.6.1",
     "monaco-editor": "0.33.0",
     "monaco-editor-webpack-plugin": "7.0.1",
-    "pretty-ms": "7.0.1",
+    "pretty-ms": "8.0.0",
     "sortablejs": "1.15.0",
-    "swagger-ui-dist": "4.11.1",
+    "swagger-ui-dist": "4.13.0",
     "tippy.js": "6.3.7",
     "tributejs": "5.1.3",
     "uint8-to-base64": "0.2.0",
@@ -37,28 +37,28 @@
     "vue-calendar-heatmap": "0.8.4",
     "vue-loader": "15.9.8",
     "vue-template-compiler": "2.6.14",
-    "webpack": "5.72.1",
+    "webpack": "5.73.0",
-    "webpack-cli": "4.9.2",
+    "webpack-cli": "4.10.0",
     "workbox-routing": "6.5.3",
     "workbox-strategies": "6.5.3",
     "worker-loader": "3.0.8",
     "wrap-ansi": "8.0.1"
   },
   "devDependencies": {
-    "@happy-dom/jest-environment": "4.0.1",
+    "@happy-dom/jest-environment": "6.0.4",
     "@stoplight/spectral-cli": "6.4.1",
-    "eslint": "8.15.0",
+    "eslint": "8.20.0",
     "eslint-plugin-import": "2.26.0",
     "eslint-plugin-jquery": "1.5.1",
-    "eslint-plugin-unicorn": "42.0.0",
+    "eslint-plugin-unicorn": "43.0.2",
-    "eslint-plugin-vue": "9.0.1",
+    "eslint-plugin-vue": "9.2.0",
-    "jest": "28.1.0",
+    "jest": "28.1.3",
-    "jest-extended": "2.0.0",
+    "jest-extended": "3.0.1",
     "postcss-less": "6.0.0",
-    "stylelint": "14.8.2",
+    "stylelint": "14.9.1",
-    "stylelint-config-standard": "25.0.0",
+    "stylelint-config-standard": "26.0.0",
     "svgo": "2.8.0",
-    "updates": "13.0.5"
+    "updates": "13.1.2"
   },
   "browserslist": [
     "defaults",

web_src/less/_base.less

@@ -326,7 +326,7 @@ a.commit-statuses-trigger {
 .ui.action.input:not([class*="left action"]) > .ui.dropdown.selection {
   min-width: 10em;
 
-  &:not(:focus):not(:hover) {
+  &:not(:focus,:hover) {
     border-right-color: transparent;
   }
 }
@@ -1205,7 +1205,7 @@ a.ui.card:hover,
 
   &.pagination.menu {
     @media @mediaSm {
-      .item:not(.active):not(.navigation),
+      .item:not(.active,.navigation),
       .item.navigation span.navigation_label {
         display: none;
       }

web_src/less/_repository.less

@@ -494,7 +494,10 @@
           object-fit: contain;
         }
 
-        /* also see misc.css for one more related rule */
+        img[src$='.svg' i] {
+          max-height: 600px !important;
+          max-width: 600px !important;
+        }
       }
 
       .plain-text {

web_src/less/misc.css

@@ -1,5 +0,0 @@
-/* can not have this selector in less because of https://github.com/less/less.js/issues/3027 */
-.view-raw img[src$='.svg' i] {
-  max-height: 600px !important;
-  max-width: 600px !important;
-}

web_src/less/themes/theme-arc-green.less

@@ -185,7 +185,7 @@ a.ui.basic.green.label:hover {
   color: #fff !important;
 }
 
-.ui.divider:not(.vertical):not(.horizontal) {
+.ui.divider:not(.vertical,.horizontal) {
   border-bottom-color: var(--color-secondary);
   border-top-color: transparent;
 }

webpack.config.js

@@ -50,7 +50,6 @@ export default {
       fileURLToPath(new URL('web_src/js/index.js', import.meta.url)),
       fileURLToPath(new URL('node_modules/easymde/dist/easymde.min.css', import.meta.url)),
       fileURLToPath(new URL('web_src/fomantic/build/semantic.css', import.meta.url)),
-      fileURLToPath(new URL('web_src/less/misc.css', import.meta.url)),
       fileURLToPath(new URL('web_src/less/index.less', import.meta.url)),
     ],
     swagger: [