@grafana/scenes 4.12.1 → 4.12.3--canary.648.8818501335.0

package/dist/index.js

@@ -3717,11 +3717,7 @@ class SceneQueryRunner extends SceneObjectBase {
         })
       );
     }
-    this._subs.add(
-      timeRange.subscribeToState(() => {
-        this.runWithTimeRange(timeRange);
-      })
-    );
+    this.subscribeToTimeRangeChanges(timeRange);
     if (this.shouldRunQueriesOnActivate()) {
       this.runQueries();
     }
@@ -3825,6 +3821,7 @@ class SceneQueryRunner extends SceneObjectBase {
     return true;
   }
   _onDeactivate() {
+    var _a;
     if (this._querySub) {
       this._querySub.unsubscribe();
       this._querySub = void 0;
@@ -3833,6 +3830,9 @@ class SceneQueryRunner extends SceneObjectBase {
       this._dataLayersSub.unsubscribe();
       this._dataLayersSub = void 0;
     }
+    (_a = this._timeSub) == null ? void 0 : _a.unsubscribe();
+    this._timeSub = void 0;
+    this._timeSubRange = void 0;
     this._adhocFiltersVar = void 0;
     this._groupByVar = void 0;
     this._variableValueRecorder.recordCurrentDependencyValuesForSceneObject(this);
@@ -3856,8 +3856,21 @@ class SceneQueryRunner extends SceneObjectBase {
   isDataReadyToDisplay() {
     return Boolean(this.state._hasFetchedData);
   }
+  subscribeToTimeRangeChanges(timeRange) {
+    if (this._timeSubRange === timeRange) {
+      return;
+    }
+    if (this._timeSub) {
+      this._timeSub.unsubscribe();
+    }
+    this._timeSubRange = timeRange;
+    this._timeSub = timeRange.subscribeToState(() => {
+      this.runWithTimeRange(timeRange);
+    });
+  }
   runQueries() {
     const timeRange = sceneGraph.getTimeRange(this);
+    this.subscribeToTimeRangeChanges(timeRange);
     this.runWithTimeRange(timeRange);
   }
   getMaxDataPoints() {
@@ -6012,7 +6025,8 @@ function VariableValueSelectWrapper({ variable, layout, showAlways }) {
   }
   if (layout === "vertical") {
     return /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: verticalContainer
+      className: verticalContainer,
+      "data-testid": e2eSelectors.selectors.pages.Dashboard.SubMenu.submenuItem
     }, /* @__PURE__ */ React__default["default"].createElement(VariableLabel, {
       variable,
       layout
@@ -6021,7 +6035,8 @@ function VariableValueSelectWrapper({ variable, layout, showAlways }) {
     }));
   }
   return /* @__PURE__ */ React__default["default"].createElement("div", {
-    className: containerStyle
+    className: containerStyle,
+    "data-testid": e2eSelectors.selectors.pages.Dashboard.SubMenu.submenuItem
   }, /* @__PURE__ */ React__default["default"].createElement(VariableLabel, {
     variable
   }), /* @__PURE__ */ React__default["default"].createElement(variable.Component, {
@@ -6356,6 +6371,7 @@ function VariableValueSelect({ model }) {
     tabSelectsValue: false,
     onInputChange,
     options: model.getOptionsForSelect(),
+    "data-testid": e2eSelectors.selectors.pages.Dashboard.SubMenu.submenuItemValueDropDownValueLinkTexts(`${value}`),
     onChange: (newValue) => {
       model.changeValueTo(newValue.value, newValue.label);
     }
@@ -6392,6 +6408,7 @@ function VariableValueSelectMulti({ model }) {
     onBlur: () => {
       model.changeValueTo(uncommittedValue);
     },
+    "data-testid": e2eSelectors.selectors.pages.Dashboard.SubMenu.submenuItemValueDropDownValueLinkTexts(`${uncommittedValue}`),
     onChange: (newValue, action) => {
       if (action.action === "clear" && noValueOnClear) {
         model.changeValueTo([]);
@@ -7589,31 +7606,30 @@ function VizPanelMenuRenderer({ model }) {
     }
   }, []);
   const renderItems = (items2) => {
-    return items2.map(
-      (item) => {
-        switch (item.type) {
-          case "divider":
-            return /* @__PURE__ */ React__default["default"].createElement(ui.Menu.Divider, {
-              key: item.text
-            });
-          case "group":
-            return /* @__PURE__ */ React__default["default"].createElement(ui.Menu.Group, {
-              key: item.text,
-              label: item.text
-            }, item.subMenu ? renderItems(item.subMenu) : void 0);
-          default:
-            return /* @__PURE__ */ React__default["default"].createElement(ui.Menu.Item, {
-              key: item.text,
-              label: item.text,
-              icon: item.iconClassName,
-              childItems: item.subMenu ? renderItems(item.subMenu) : void 0,
-              url: item.href,
-              onClick: item.onClick,
-              shortcut: item.shortcut
-            });
-        }
+    return items2.map((item) => {
+      switch (item.type) {
+        case "divider":
+          return /* @__PURE__ */ React__default["default"].createElement(ui.Menu.Divider, {
+            key: item.text
+          });
+        case "group":
+          return /* @__PURE__ */ React__default["default"].createElement(ui.Menu.Group, {
+            key: item.text,
+            label: item.text
+          }, item.subMenu ? renderItems(item.subMenu) : void 0);
+        default:
+          return /* @__PURE__ */ React__default["default"].createElement(ui.Menu.Item, {
+            key: item.text,
+            label: item.text,
+            icon: item.iconClassName,
+            childItems: item.subMenu ? renderItems(item.subMenu) : void 0,
+            url: item.href,
+            onClick: item.onClick,
+            shortcut: item.shortcut,
+            testId: e2eSelectors.selectors.components.Panels.Panel.menuItems(item.text)
+          });
       }
-    );
+    });
   };
   return /* @__PURE__ */ React__default["default"].createElement(ui.Menu, {
     ref
@@ -8237,7 +8253,8 @@ function SceneGridRowRenderer({ model }) {
   }, /* @__PURE__ */ React__default["default"].createElement("button", {
     onClick: model.onCollapseToggle,
     className: styles.rowTitleButton,
-    "aria-label": isCollapsed ? "Expand row" : "Collapse row"
+    "aria-label": isCollapsed ? "Expand row" : "Collapse row",
+    "data-testid": e2eSelectors.selectors.components.DashboardRow.title(sceneGraph.interpolate(model, title, void 0, "text"))
   }, isCollapsible && /* @__PURE__ */ React__default["default"].createElement(ui.Icon, {
     name: isCollapsed ? "angle-right" : "angle-down"
   }), /* @__PURE__ */ React__default["default"].createElement("span", {