Fix for tooltip issue

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 ## Entries
 
+## v2.1.10
+
+- Fix for filtering triggered composites in tooltips [[[#368](https://github.com/grafana/grafana-polystat-panel/issues/368)]]
+- Remove deprecated ArrayVector usage (G11 compatibility)
+
 ## v2.1.9
 
 - NEW: Option to display timestamp of metric inside polygon, available in Global Configuration Section

package.json

@@ -1,6 +1,6 @@
 {
   "name": "grafana-polystat-panel",
-  "version": "2.1.9",
+  "version": "2.1.10",
   "description": "Grafana Polystat Panel",
   "scripts": {
     "build": "webpack -c ./.config/webpack/webpack.config.ts --env production",
@@ -34,7 +34,7 @@
     "@babel/helper-validator-option": "7.18.6",
     "@braintree/sanitize-url": "^7.0.1",
     "@grafana/eslint-config": "^7.0.0",
-    "@grafana/plugin-e2e": "^1.0.1",
+    "@grafana/plugin-e2e": "1.2.0",
     "@grafana/tsconfig": "^1.3.0-rc1",
     "@playwright/test": "^1.42.1",
     "@swc/core": "^1.3.90",

src/components/tooltips/Tooltip.tsx

@@ -103,19 +103,26 @@ export const Tooltip = ({
     }
     return triggered;
   };
+
   const filterTriggered = (items: PolystatModel) => {
     const triggerCount = getTriggeredCount(items);
+    // clone model
+    const compositeWithTriggeredItemsOnly = Object.assign({}, items);
+    // start with no triggered members
+    compositeWithTriggeredItemsOnly.members = [];
     if (triggerCount > 0) {
       for (let i = 0; i < items.members.length; i++) {
-        if (items.members[i].thresholdLevel === 0) {
-          items.members.splice(i, 1);
+        // non-OK (state 0) members will be appended to the cloned model
+        if (items.members[i].thresholdLevel !== 0) {
+          compositeWithTriggeredItemsOnly.members.push(items.members[i]);
         }
       }
-      return items;
+      return compositeWithTriggeredItemsOnly;
     } else {
       return null;
     }
   };
+
   const getCompositeMetrics = (data: PolystatModel | null) => {
     let dataToSort = data;
     if (dataToSort && data && displayMode === 'triggered') {

src/data/deframer.ts

@@ -1,4 +1,4 @@
-import { DataFrame, Field, FieldType, FieldConfig, ArrayVector, Labels } from '@grafana/data';
+import { DataFrame, Field, FieldType, FieldConfig } from '@grafana/data';
 
 // Inserts a "Time" field into each dataframe if it is missing
 // the value of the timestamp is "now"
@@ -32,7 +32,7 @@ export function InsertTime(data: DataFrame[]): DataFrame[] {
               newFrame.fields.push({
                 ...copiedField,
                 labels: flattenLabels(frame, rowNum),
-                values: new ArrayVector([getValueOfField(copiedField, rowNum)]),
+                values: [getValueOfField(copiedField, rowNum)] as any,
               });
             }
           }
@@ -47,7 +47,7 @@ export function InsertTime(data: DataFrame[]): DataFrame[] {
       }
     }
     if (!hasTimestamp) {
-      const z = new ArrayVector();
+      const z = [] as any;
       z.add(timeToInsert);
       const fc: FieldConfig = {};
       const timeField: Field = {