@grafana/scenes 6.42.3--canary.1294.18971111328.0 → 6.43.0--canary.1278.18972704866.0

package/dist/index.js

@@ -3585,23 +3585,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);
@@ -3949,6 +3955,7 @@ function VizPanelRenderer({ model }) {
     hoverHeaderOffset,
     menu,
     headerActions,
+    subHeader,
     titleItems,
     seriesLimit,
     seriesLimitShowAll,
@@ -4013,6 +4020,20 @@ function VizPanelRenderer({ model }) {
   if (dataObject && dataObject.setContainerWidth) {
     dataObject.setContainerWidth(Math.round(width));
   }
+  let subHeaderElement = [];
+  if (subHeader) {
+    if (Array.isArray(subHeader)) {
+      subHeaderElement = subHeaderElement.concat(
+        subHeader.map((subHeaderItem) => {
+          return /* @__PURE__ */ React__default.default.createElement(subHeaderItem.Component, { model: subHeaderItem, key: `${subHeaderItem.state.key}` });
+        })
+      );
+    } else if (isSceneObject(subHeader)) {
+      subHeaderElement.push(/* @__PURE__ */ React__default.default.createElement(subHeader.Component, { model: subHeader }));
+    } else {
+      subHeaderElement.push(subHeader);
+    }
+  }
   let titleItemsElement = [];
   if (titleItems) {
     if (Array.isArray(titleItems)) {
@@ -4086,8 +4107,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,
@@ -4109,6 +4129,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);
@@ -8118,25 +8139,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);
@@ -12282,98 +12306,6 @@ IntervalVariable.Component = ({ model }) => {
   );
 };
 
-class ExperimentalIntervalVariable extends SceneObjectBase {
-  constructor(initialState) {
-    super({
-      type: "interval",
-      value: "",
-      intervals: ["1m", "10m", "30m", "1h", "6h", "12h", "1d", "7d", "14d", "30d"],
-      name: "",
-      autoStepCount: 30,
-      autoMinInterval: "10s",
-      autoEnabled: false,
-      refresh: schema.VariableRefresh.onTimeRangeChanged,
-      ...initialState
-    });
-    this._onChange = (value) => {
-      this.setState({ value: value.value });
-      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
-    };
-    this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: () => [this.getKey()] });
-  }
-  getKey() {
-    return `var-${this.state.name}`;
-  }
-  getUrlState() {
-    return { [this.getKey()]: this.state.value };
-  }
-  updateFromUrl(values) {
-    const update = {};
-    const val = values[this.getKey()];
-    if (typeof val === "string") {
-      if (val.startsWith("$__auto_interval_")) {
-        update.value = AUTO_VARIABLE_VALUE;
-      } else {
-        update.value = val;
-      }
-    }
-    this.setState(update);
-  }
-  getOptionsForSelect() {
-    const { value: currentValue, intervals, autoEnabled } = this.state;
-    let options = intervals.map((interval) => ({ value: interval, label: interval }));
-    if (autoEnabled) {
-      options = [{ value: AUTO_VARIABLE_VALUE, label: AUTO_VARIABLE_TEXT }, ...options];
-    }
-    if (currentValue && !options.some((option) => option.value === currentValue)) {
-      options.push({ value: currentValue, label: currentValue });
-    }
-    return options;
-  }
-  getValue() {
-    const { value, autoStepCount, autoMinInterval } = this.state;
-    if (value === AUTO_VARIABLE_VALUE) {
-      return this.getAutoRefreshInteval(autoStepCount, autoMinInterval);
-    }
-    return value;
-  }
-  getAutoRefreshInteval(autoStepCount, minRefreshInterval) {
-    const timeRange = sceneGraph.getTimeRange(this).state.value;
-    const intervalObject = data.rangeUtil.calculateInterval(timeRange, autoStepCount, minRefreshInterval);
-    return intervalObject.interval;
-  }
-  validateAndUpdate() {
-    const { value, intervals } = this.state;
-    let shouldPublish = false;
-    if (value === AUTO_VARIABLE_VALUE) {
-      shouldPublish = true;
-    } else if (!value && intervals.length > 0) {
-      const firstOption = intervals[0];
-      this.setState({ value: firstOption });
-      shouldPublish = true;
-    }
-    if (shouldPublish) {
-      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
-    }
-    return rxjs.of({});
-  }
-}
-ExperimentalIntervalVariable.Component = ({ model }) => {
-  const { key, value } = model.useState();
-  return /* @__PURE__ */ React__default.default.createElement(
-    ui.Combobox,
-    {
-      id: key,
-      placeholder: i18n.t("grafana-scenes.variables.interval-variable.placeholder-select-value", "Select value"),
-      value,
-      options: model.getOptionsForSelect(),
-      onChange: model._onChange,
-      width: "auto",
-      minWidth: 32
-    }
-  );
-};
-
 var __typeError = (msg) => {
   throw TypeError(msg);
 };
@@ -16193,7 +16125,6 @@ exports.CustomVariable = CustomVariable;
 exports.DataProviderProxy = DataProviderProxy;
 exports.DataSourceVariable = DataSourceVariable;
 exports.EmbeddedScene = EmbeddedScene;
-exports.ExperimentalIntervalVariable = ExperimentalIntervalVariable;
 exports.FieldConfigBuilder = FieldConfigBuilder;
 exports.FieldConfigBuilders = FieldConfigBuilders;
 exports.FieldConfigOverridesBuilder = FieldConfigOverridesBuilder;