@grafana/scenes 6.40.0--canary.1277.18545717336.0 → 6.40.0--canary.1278.18558414211.0

package/dist/index.js

@@ -3902,23 +3902,29 @@ class GroupByVariable extends MultiValueVariable {
     });
     return applicableValues;
   }
-  async _verifyApplicability() {
+  async getGroupByApplicabilityForQueries(value, queries) {
     const ds = await getDataSource(this.state.datasource, {
       __sceneObject: wrapInSafeSerializableSceneObject(this)
     });
     if (!ds.getDrilldownsApplicability) {
       return;
     }
-    const queries = getQueriesForVariables(this);
     const timeRange = sceneGraph.getTimeRange(this).state.value;
-    const value = this.state.value;
-    const response = await ds.getDrilldownsApplicability({
+    return await ds.getDrilldownsApplicability({
       groupByKeys: Array.isArray(value) ? value.map((v) => String(v)) : value ? [String(value)] : [],
       queries,
       timeRange,
       scopes: sceneGraph.getScopes(this),
       ...getEnrichedFiltersRequest(this)
     });
+  }
+  async _verifyApplicability() {
+    const queries = getQueriesForVariables(this);
+    const value = this.state.value;
+    const response = await this.getGroupByApplicabilityForQueries(value, queries);
+    if (!response) {
+      return;
+    }
     if (!lodash.isEqual(response, this.state.keysApplicability)) {
       this.setState({ keysApplicability: response != null ? response : void 0 });
       this.publishEvent(new SceneVariableValueChangedEvent(this), true);
@@ -6562,25 +6568,28 @@ class AdHocFiltersVariable extends SceneObjectBase {
       });
     }
   }
-  async _verifyApplicability() {
-    var _a, _b, _c;
-    const filters = [...this.state.filters, ...(_a = this.state.originFilters) != null ? _a : []];
+  async getFiltersApplicabilityForQueries(filters, queries) {
     const ds = await this._dataSourceSrv.get(this.state.datasource, this._scopedVars);
     if (!ds || !ds.getDrilldownsApplicability) {
       return;
     }
-    if (!filters) {
-      return;
-    }
     const timeRange = sceneGraph.getTimeRange(this).state.value;
-    const queries = this.state.useQueriesAsFilterForOptions ? getQueriesForVariables(this) : void 0;
-    const response = await ds.getDrilldownsApplicability({
+    return await ds.getDrilldownsApplicability({
       filters,
       queries,
       timeRange,
       scopes: sceneGraph.getScopes(this),
       ...getEnrichedFiltersRequest(this)
     });
+  }
+  async _verifyApplicability() {
+    var _a, _b, _c;
+    const filters = [...this.state.filters, ...(_a = this.state.originFilters) != null ? _a : []];
+    const queries = this.state.useQueriesAsFilterForOptions ? getQueriesForVariables(this) : void 0;
+    const response = await this.getFiltersApplicabilityForQueries(filters, queries != null ? queries : []);
+    if (!response) {
+      return;
+    }
     const responseMap = /* @__PURE__ */ new Map();
     response.forEach((filter) => {
       responseMap.set(`${filter.key}${filter.origin ? `-${filter.origin}` : ""}`, filter);
@@ -8827,6 +8836,7 @@ function VizPanelRenderer({ model }) {
     hoverHeaderOffset,
     menu,
     headerActions,
+    subHeaderContent,
     titleItems,
     seriesLimit,
     seriesLimitShowAll,
@@ -8874,6 +8884,20 @@ function VizPanelRenderer({ model }) {
   if (dataObject && dataObject.setContainerWidth) {
     dataObject.setContainerWidth(Math.round(width));
   }
+  let subHeaderElement = [];
+  if (subHeaderContent) {
+    if (Array.isArray(subHeaderContent)) {
+      subHeaderElement = subHeaderElement.concat(
+        subHeaderContent.map((subHeaderItem) => {
+          return /* @__PURE__ */ React__default.default.createElement(subHeaderItem.Component, { model: subHeaderItem, key: `${subHeaderItem.state.key}` });
+        })
+      );
+    } else if (isSceneObject(subHeaderContent)) {
+      subHeaderElement.push(/* @__PURE__ */ React__default.default.createElement(subHeaderContent.Component, { model: subHeaderContent }));
+    } else {
+      subHeaderElement.push(subHeaderContent);
+    }
+  }
   let titleItemsElement = [];
   if (titleItems) {
     if (Array.isArray(titleItems)) {
@@ -8947,8 +8971,7 @@ function VizPanelRenderer({ model }) {
   const isReadyToRender = dataObject.isDataReadyToDisplay ? dataObject.isDataReadyToDisplay() : true;
   const context = model.getPanelContext();
   const panelId = model.getLegacyPanelId();
-  return /* @__PURE__ */ React__default.default.createElement("div", { className: relativeWrapper }, /* @__PURE__ */ React__default.default.createElement("div", { ref, className: absoluteWrapper, "data-viz-panel-key": model.state.key }, width > 0 && height > 0 && // @ts-expect-error showMenuAlways remove when updating to @grafana/ui@12 fixed in https://github.com/grafana/grafana/pull/103553
-  /* @__PURE__ */ React__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: relativeWrapper }, /* @__PURE__ */ React__default.default.createElement("div", { ref, className: absoluteWrapper, "data-viz-panel-key": model.state.key }, width > 0 && height > 0 && /* @__PURE__ */ React__default.default.createElement(
     ui.PanelChrome,
     {
       title: titleInterpolated,
@@ -8970,6 +8993,7 @@ function VizPanelRenderer({ model }) {
       onFocus: setPanelAttention,
       onMouseEnter: setPanelAttention,
       onMouseMove: debouncedMouseMove,
+      subHeaderContent: subHeaderElement.length ? subHeaderElement : void 0,
       onDragStart: (e) => {
         var _a2;
         (_a2 = dragHooks.onDragStart) == null ? void 0 : _a2.call(dragHooks, e, model);
@@ -13146,15 +13170,9 @@ const DEFAULT_COMPARE_OPTIONS = [
   { label: "Month before", value: "1M" }
 ];
 class SceneTimeRangeCompare extends SceneObjectBase {
-  constructor(state = {}) {
-    super({
-      key: state.key || "compareWith",
-      compareOptions: DEFAULT_COMPARE_OPTIONS,
-      ...state
-    });
-    this._urlSync = new SceneObjectUrlSyncConfig(this, {
-      keys: () => [this.state.key || "compareWith"]
-    });
+  constructor(state) {
+    super({ compareOptions: DEFAULT_COMPARE_OPTIONS, ...state });
+    this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: ["compareWith"] });
     this._onActivate = () => {
       const sceneTimeRange = sceneGraph.getTimeRange(this);
       this.setState({ compareOptions: this.getCompareOptions(sceneTimeRange.state.value) });
@@ -13241,22 +13259,25 @@ class SceneTimeRangeCompare extends SceneObjectBase {
     return void 0;
   }
   getUrlState() {
-    const key = this.state.key || "compareWith";
-    return { [key]: this.state.compareWith };
+    return {
+      compareWith: this.state.compareWith
+    };
   }
   updateFromUrl(values) {
-    const key = this.state.key || "compareWith";
-    if (values[key] === PREVIOUS_PERIOD_VALUE) {
-      this.setState({ compareWith: PREVIOUS_PERIOD_VALUE });
+    if (!values.compareWith) {
       return;
     }
-    const compareWith = parseUrlParam(values[key]);
+    const compareWith = parseUrlParam(values.compareWith);
     if (compareWith) {
       const compareOptions = this.getCompareOptions(sceneGraph.getTimeRange(this).state.value);
       if (compareOptions.find(({ value }) => value === compareWith)) {
-        this.setState({ compareWith });
+        this.setState({
+          compareWith
+        });
       } else {
-        this.setState({ compareWith: PREVIOUS_PERIOD_VALUE });
+        this.setState({
+          compareWith: "__previousPeriod"
+        });
       }
     }
   }
@@ -15533,6 +15554,7 @@ exports.dataLayers = index;
 exports.escapeUrlPipeDelimiters = escapeUrlPipeDelimiters;
 exports.formatRegistry = formatRegistry;
 exports.getExploreURL = getExploreURL;
+exports.getNonApplicablePillStyles = getNonApplicablePillStyles;
 exports.isCustomVariableValue = isCustomVariableValue;
 exports.isDataLayer = isDataLayer;
 exports.isDataRequestEnricher = isDataRequestEnricher;