@grafana/scenes 5.3.9--canary.824.9873640037.0 → 5.3.9--canary.827.9887483180.0

package/dist/index.js

@@ -891,6 +891,9 @@ function getTimeRange(sceneObject) {
 class SceneVariableValueChangedEvent extends data.BusEventWithPayload {
 }
 SceneVariableValueChangedEvent.type = "scene-variable-changed-value";
+class SceneVariableOptionsRefreshEvent extends data.BusEventWithPayload {
+}
+SceneVariableOptionsRefreshEvent.type = "scene-variable-options-refresh";
 function isCustomVariableValue(value) {
   return typeof value === "object" && "formatter" in value;
 }
@@ -2699,6 +2702,9 @@ class MultiValueVariable extends SceneObjectBase {
     }
     return options;
   }
+  refreshOptions() {
+    this.publishEvent(new SceneVariableOptionsRefreshEvent(this), true);
+  }
 }
 function findOptionMatchingCurrent(currentValue, currentText, options) {
   let textMatch;
@@ -3082,18 +3088,6 @@ function getEnrichedFiltersRequest(sourceRunner) {
   return null;
 }
 
-const handler = {
-  get(target, prop) {
-    if (prop === "__proxiedObject") {
-      return target;
-    }
-    return "_r";
-  }
-};
-function proxifyScopedVarSceneObject(target) {
-  return new Proxy(target, handler);
-}
-
 var __defProp$z = Object.defineProperty;
 var __defProps$n = Object.defineProperties;
 var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
@@ -3138,7 +3132,9 @@ class GroupByVariable extends MultiValueVariable {
         return override.values;
       }
       if (this.state.defaultOptions) {
-        return this.state.defaultOptions.concat(dataFromResponse((_c = override == null ? void 0 : override.values) != null ? _c : []));
+        return this.state.defaultOptions.concat(
+          dataFromResponse((_c = override == null ? void 0 : override.values) != null ? _c : [])
+        );
       }
       if (!ds.getTagKeys) {
         return [];
@@ -3146,11 +3142,7 @@ class GroupByVariable extends MultiValueVariable {
       const queries = getQueriesForVariables(this);
       const otherFilters = this.state.baseFilters || [];
       const timeRange = sceneGraph.getTimeRange(this).state.value;
-      const response = await ds.getTagKeys(__spreadValues$z({
-        filters: otherFilters,
-        queries,
-        timeRange
-      }, getEnrichedFiltersRequest(this)));
+      const response = await ds.getTagKeys(__spreadValues$z({ filters: otherFilters, queries, timeRange }, getEnrichedFiltersRequest(this)));
       if (responseHasError(response)) {
         this.setState({ error: response.error.message });
       }
@@ -3199,7 +3191,7 @@ class GroupByVariable extends MultiValueVariable {
     this.setState({ loading: true, error: null });
     return rxjs.from(
       getDataSource(this.state.datasource, {
-        __sceneObject: { text: "__sceneObject", value: proxifyScopedVarSceneObject(this) }
+        __sceneObject: { text: "__sceneObject", value: this }
       })
     ).pipe(
       rxjs.mergeMap((ds) => {
@@ -3325,7 +3317,7 @@ function LoadingIndicator(props) {
 }
 
 function ControlsLabel(props) {
-  const styles = ui.useStyles2(getStyles$9);
+  const styles = ui.useStyles2(getStyles$a);
   const theme = ui.useTheme2();
   const isVertical = props.layout === "vertical";
   const loadingIndicator = Boolean(props.isLoading) ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -3388,7 +3380,7 @@ function ControlsLabel(props) {
   }
   return labelElement;
 }
-const getStyles$9 = (theme) => ({
+const getStyles$a = (theme) => ({
   horizontalLabel: css.css({
     background: theme.isDark ? theme.colors.background.primary : theme.colors.background.secondary,
     display: `flex`,
@@ -3487,7 +3479,7 @@ function keyLabelToOption(key, label) {
 const filterNoOp = () => true;
 function AdHocFilterRenderer({ filter, model }) {
   var _a, _b;
-  const styles = ui.useStyles2(getStyles$8);
+  const styles = ui.useStyles2(getStyles$9);
   const [keys, setKeys] = React.useState([]);
   const [values, setValues] = React.useState([]);
   const [isKeysLoading, setIsKeysLoading] = React.useState(false);
@@ -3631,7 +3623,7 @@ function AdHocFilterRenderer({ filter, model }) {
     onClick: () => model._removeFilter(filter)
   }));
 }
-const getStyles$8 = (theme) => ({
+const getStyles$9 = (theme) => ({
   field: css.css({
     marginBottom: 0
   }),
@@ -3799,7 +3791,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
       applyMode: "auto",
       filterExpression: (_b = state.filterExpression) != null ? _b : renderExpression(state.expressionBuilder, state.filters)
     }, state));
-    this._scopedVars = { __sceneObject: { value: proxifyScopedVarSceneObject(this) } };
+    this._scopedVars = { __sceneObject: { value: this } };
     this._dataSourceSrv = runtime.getDataSourceSrv();
     this._urlSync = new AdHocFiltersVariableUrlSyncHandler(this);
     if (this.state.applyMode === "auto") {
@@ -3870,11 +3862,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
     const otherFilters = this.state.filters.filter((f) => f.key !== currentKey).concat((_c = this.state.baseFilters) != null ? _c : []);
     const timeRange = sceneGraph.getTimeRange(this).state.value;
     const queries = this.state.useQueriesAsFilterForOptions ? getQueriesForVariables(this) : void 0;
-    const response = await ds.getTagKeys(__spreadValues$y({
-      filters: otherFilters,
-      queries,
-      timeRange
-    }, getEnrichedFiltersRequest(this)));
+    const response = await ds.getTagKeys(__spreadValues$y({ filters: otherFilters, queries, timeRange }, getEnrichedFiltersRequest(this)));
     if (responseHasError(response)) {
       this.setState({ error: response.error.message });
     }
@@ -3934,7 +3922,7 @@ function renderExpression(builder, filters) {
 }
 function AdHocFiltersVariableRenderer({ model }) {
   const { filters, readOnly, addFilterButtonText } = model.useState();
-  const styles = ui.useStyles2(getStyles$7);
+  const styles = ui.useStyles2(getStyles$8);
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles.wrapper
   }, filters.map((filter, index) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, {
@@ -3948,7 +3936,7 @@ function AdHocFiltersVariableRenderer({ model }) {
     addFilterButtonText
   }));
 }
-const getStyles$7 = (theme) => ({
+const getStyles$8 = (theme) => ({
   wrapper: css.css({
     display: "flex",
     flexWrap: "wrap",
@@ -4047,7 +4035,7 @@ class SceneQueryRunner extends SceneObjectBase {
     this._dataLayersMerger = new DataLayersMerger();
     this._variableValueRecorder = new VariableValueRecorder();
     this._results = new rxjs.ReplaySubject(1);
-    this._scopedVars = { __sceneObject: { value: proxifyScopedVarSceneObject(this), text: "__sceneObject" } };
+    this._scopedVars = { __sceneObject: { value: this, text: "__sceneObject" } };
     this._variableDependency = new VariableDependencyConfig(this, {
       statePaths: ["queries", "datasource"],
       onVariableUpdateCompleted: this.onVariableUpdatesCompleted.bind(this),
@@ -5950,7 +5938,7 @@ function executeAnnotationQuery(datasource, timeRange, query, layer) {
     __interval: { text: interval.interval, value: interval.interval },
     __interval_ms: { text: interval.intervalMs.toString(), value: interval.intervalMs },
     __annotation: { text: annotation.name, value: annotation },
-    __sceneObject: { text: "__sceneObject", value: proxifyScopedVarSceneObject(layer) }
+    __sceneObject: { text: "__sceneObject", value: layer }
   };
   const queryRequest = __spreadValues$q(__spreadProps$f(__spreadValues$q({
     startTime: Date.now(),
@@ -6094,9 +6082,7 @@ class AnnotationsDataLayer extends SceneDataLayerBase {
       }, initialState),
       ["query"]
     );
-    this._scopedVars = {
-      __sceneObject: { value: proxifyScopedVarSceneObject(this), text: "__sceneObject" }
-    };
+    this._scopedVars = { __sceneObject: { value: this, text: "__sceneObject" } };
   }
   onEnable() {
     const timeRange = sceneGraph.getTimeRange(this);
@@ -6620,6 +6606,9 @@ class SceneVariableSet extends SceneObjectBase {
       this._subs.add(
         this.subscribeToEvent(SceneVariableValueChangedEvent, (event) => this._handleVariableValueChanged(event.payload))
       );
+      this._subs.add(
+        this.subscribeToEvent(SceneVariableOptionsRefreshEvent, (event) => this._handleVariableOptionsUpdate(event.payload))
+      );
       this._subs.add(
         timeRange.subscribeToState(() => {
           this._refreshTimeRangeBasedVariables();
@@ -6761,6 +6750,10 @@ class SceneVariableSet extends SceneObjectBase {
     console.error("SceneVariableSet updateAndValidate error", err);
     writeVariableTraceLog(variable, "updateAndValidate error", err);
   }
+  _handleVariableOptionsUpdate(variable) {
+    this._variablesToUpdate.add(variable);
+    this._updateNextBatch();
+  }
   _handleVariableValueChanged(variableThatChanged) {
     this._variablesThatHaveChanged.add(variableThatChanged);
     this._addDependentVariablesToUpdateQueue(variableThatChanged);
@@ -7419,7 +7412,7 @@ class QueryVariable extends MultiValueVariable {
     this.setState({ loading: true, error: null });
     return rxjs.from(
       getDataSource(this.state.datasource, {
-        __sceneObject: { text: "__sceneObject", value: proxifyScopedVarSceneObject(this) }
+        __sceneObject: { text: "__sceneObject", value: this }
       })
     ).pipe(
       rxjs.mergeMap((ds) => {
@@ -7460,7 +7453,7 @@ class QueryVariable extends MultiValueVariable {
   }
   getRequest(target, searchFilter) {
     const scopedVars = {
-      __sceneObject: { text: "__sceneObject", value: proxifyScopedVarSceneObject(this) }
+      __sceneObject: { text: "__sceneObject", value: this }
     };
     if (searchFilter) {
       scopedVars.__searchFilter = { value: searchFilter, text: searchFilter };
@@ -8052,7 +8045,7 @@ class EmbeddedScene extends SceneObjectBase {
 EmbeddedScene.Component = EmbeddedSceneRenderer;
 function EmbeddedSceneRenderer({ model }) {
   const { body, controls } = model.useState();
-  const styles = ui.useStyles2(getStyles$6);
+  const styles = ui.useStyles2(getStyles$7);
   return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles.container
   }, controls && /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -8066,7 +8059,7 @@ function EmbeddedSceneRenderer({ model }) {
     model: body
   })));
 }
-const getStyles$6 = (theme) => {
+const getStyles$7 = (theme) => {
   return {
     container: css.css({
       flexGrow: 1,
@@ -8207,7 +8200,7 @@ const LazyLoader = React__default["default"].forwardRef(
   (_a, ref) => {
     var _b = _a, { children, onLoad, onChange, className } = _b, rest = __objRest$1(_b, ["children", "onLoad", "onChange", "className"]);
     const id = useUniqueId();
-    const style = useStyle();
+    const { hideEmpty } = ui.useStyles2(getStyles$6);
     const [loaded, setLoaded] = React.useState(false);
     const [isInView, setIsInView] = React.useState(false);
     const innerRef = React.useRef(null);
@@ -8233,19 +8226,22 @@ const LazyLoader = React__default["default"].forwardRef(
         }
       };
     });
+    const classes = `${loaded ? hideEmpty : ""} ${className}`;
     return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$b({
       id,
       ref: innerRef,
-      className: `${loaded ? style : ""} ${className}`
+      className: classes
     }, rest), loaded && (typeof children === "function" ? children({ isInView }) : children));
   }
 );
-function useStyle() {
-  return css.css({
-    "&:empty": {
-      display: "none"
-    }
-  });
+function getStyles$6() {
+  return {
+    hideEmpty: css.css({
+      "&:empty": {
+        display: "none"
+      }
+    })
+  };
 }
 LazyLoader.displayName = "LazyLoader";
 LazyLoader.callbacks = {};
@@ -11604,6 +11600,7 @@ exports.SceneTimeRangeTransformerBase = SceneTimeRangeTransformerBase;
 exports.SceneTimeZoneOverride = SceneTimeZoneOverride;
 exports.SceneToolbarButton = SceneToolbarButton;
 exports.SceneToolbarInput = SceneToolbarInput;
+exports.SceneVariableOptionsRefreshEvent = SceneVariableOptionsRefreshEvent;
 exports.SceneVariableSet = SceneVariableSet;
 exports.SceneVariableValueChangedEvent = SceneVariableValueChangedEvent;
 exports.SplitLayout = SplitLayout;