Merge branch 'master' into renovate/major-eslint-monorepo

Author: mirogaudi

pom.xml

@@ -47,7 +47,7 @@
         <spring-boot.version>3.5.4</spring-boot.version>
         <spring-cloud.version>2025.0.0</spring-cloud.version>
 
-        <jolokia-support-spring.version>2.2.9</jolokia-support-spring.version>
+        <jolokia-support-spring.version>2.3.0</jolokia-support-spring.version>
 
         <checkstyle.version>10.26.1</checkstyle.version>
         <findbugs-jsr305.version>3.0.2</findbugs-jsr305.version>

spring-boot-admin-server-ui/README.md

@@ -2,11 +2,11 @@ spring-boot-admin-server-ui
 ================================
 
 ### Building this module
-The jar **can be build with Maven** with the maven-exec-plugin. To do this node.js and npm must be installed on your machine and be on your `$PATH`.
+The jar **can be built with Maven** with the maven-exec-plugin. To do this node.js and npm must be installed on your machine and be on your `$PATH`.
 If you don't want to use the maven exec run the following commands:
 
 ### Running Spring Boot Admin Server for development
-To develop the ui on an running server the best to do is
+To develop the ui on a running server the best to do is
 
 1. Running the ui build in watch mode so the resources get updated:
 ```shell
@@ -23,7 +23,7 @@ Or just start the [spring-boot-admin-sample-servlet](../spring-boot-admin-sample
 project using the `dev` profile. You also might want to use the `insecure` profile so you don't need to login.
 
 If you are using hierarchical projects (like the samples here), you have to point "Working directory" in your run config to the Project you are running.
-In IDEA you can simply use "$MODULE_DIR$".
+In IntelliJ IDEA you can simply use "$MODULE_DIR$".
 
 ### Build
 ```shell

spring-boot-admin-server-ui/package-lock.json

@@ -67,9 +67,9 @@
   "devDependencies": {
     "@storybook/addon-actions": "9.0.8",
     "@storybook/addon-essentials": "8.6.14",
-    "@storybook/addon-links": "9.1.0",
+    "@storybook/addon-links": "9.1.1",
     "@storybook/addon-mdx-gfm": "^8.0.0",
-    "@storybook/vue3": "9.1.0",
+    "@storybook/vue3": "9.1.1",
     "@storybook/vue3-vite": "^9.0.0",
     "@testing-library/jest-dom": "6.6.4",
     "@testing-library/user-event": "14.6.1",
@@ -87,7 +87,7 @@
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^10.0.0",
     "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-storybook": "9.1.0",
+    "eslint-plugin-storybook": "9.1.1",
     "eslint-plugin-vue": "^10.0.0",
     "happy-dom": "^14.12.3",
     "jsdom": "^26.0.0",
@@ -97,7 +97,7 @@
     "prettier": "^3.0.3",
     "rollup-plugin-visualizer": "6.0.3",
     "sass": "^1.57.1",
-    "storybook": "9.1.0",
+    "storybook": "9.1.1",
     "storybook-vue3-router": "^6.0.0",
     "tailwindcss": "3.4.17",
     "ts-node-dev": "^2.0.0",

spring-boot-admin-server-ui/package.json

@@ -173,18 +173,27 @@ export default {
     },
   },
   watch: {
-    chartData: 'drawChart',
-    hovered(newVal) {
-      if (newVal) {
-        this.hover
-          .attr('opacity', 1)
-          .attr('d', `M${this.x(newVal)},${this.height} ${this.x(newVal)},0`);
-      } else {
-        this.hover.attr('opacity', 0);
-      }
+    chartData: {
+      handler: 'drawChart',
+      deep: true,
+    },
+    hovered: {
+      handler(newVal) {
+        if (newVal) {
+          this.hover
+            .attr('opacity', 1)
+            .attr('d', `M${this.x(newVal)},${this.height} ${this.x(newVal)},0`);
+        } else {
+          this.hover.attr('opacity', 0);
+        }
+      },
+      immediate: true,
     },
-    brushSelection(newVal) {
-      this.$emit('selected', newVal);
+    brushSelection: {
+      handler(newVal) {
+        this.$emit('selected', newVal);
+      },
+      immediate: true,
     },
   },
   mounted() {
@@ -317,7 +326,6 @@ export default {
               Math.floor(x.invert(event.selection[0]) / interval) * interval;
             const ceil =
               Math.ceil(x.invert(event.selection[1]) / interval) * interval;
-            d3.select(this).call(event.target.move, [floor, ceil].map(x));
             this.brushSelection = [floor, ceil];
           }
         })
@@ -358,10 +366,12 @@ export default {
   height: 200px;
   width: 100%;
 }
+
 .exchange-chart__hover {
   stroke: #b5b5b5;
   stroke-width: 1px;
 }
+
 .exchange-chart__tooltip {
   position: absolute;
   background: #000;
@@ -371,41 +381,51 @@ export default {
   padding: 0.825em;
   width: 200px;
 }
+
 .exchange-chart__tooltip table th,
 .exchange-chart__tooltip table td {
   border: none;
   color: #b5b5b5;
   padding: 0.25em 0.75em;
 }
+
 .exchange-chart__tooltip table td {
   text-align: right;
 }
+
 .exchange-chart__tooltip--left {
   left: 5px;
 }
+
 .exchange-chart__tooltip--right {
   right: 5px;
 }
+
 .exchange-chart .selection {
   stroke: none;
   fill: rgba(0, 0, 0, 0.2);
   fill-opacity: 1;
 }
+
 .exchange-chart__axis-y .domain {
   stroke: none;
 }
+
 .exchange-chart__axis-y .tick:not(:first-of-type) line {
   stroke-dasharray: 2, 2;
   stroke: #b5b5b5;
 }
+
 .exchange-chart__area--totalSuccess {
   fill: #48c78e;
   opacity: 0.8;
 }
+
 .exchange-chart__area--totalClientErrors {
   fill: #ffe08a;
   opacity: 0.8;
 }
+
 .exchange-chart__area--totalServerErrors {
   fill: #f14668;
   opacity: 0.8;