@grafana/scenes 6.7.0 → 6.8.1

package/dist/index.js

@@ -2749,8 +2749,8 @@ function toSelectableValue$2(value, label) {
     label: label != null ? label : String(value)
   };
 }
-function VariableValueSelect({ model }) {
-  const { value, text, key, options, includeAll, isReadOnly, allowCustomValue = true } = model.useState();
+function VariableValueSelect({ model, state }) {
+  const { value, text, key, options, includeAll, isReadOnly, allowCustomValue = true } = state;
   const [inputValue, setInputValue] = React.useState("");
   const [hasCustomValue, setHasCustomValue] = React.useState(false);
   const selectValue = toSelectableValue$2(value, String(text));
@@ -2804,7 +2804,10 @@ function VariableValueSelect({ model }) {
     }
   );
 }
-function VariableValueSelectMulti({ model }) {
+function VariableValueSelectMulti({
+  model,
+  state
+}) {
   const {
     value,
     options,
@@ -2814,7 +2817,7 @@ function VariableValueSelectMulti({ model }) {
     includeAll,
     isReadOnly,
     allowCustomValue = true
-  } = model.useState();
+  } = state;
   const arrayValue = React.useMemo(() => lodash.isArray(value) ? value : [value], [value]);
   const [uncommittedValue, setUncommittedValue] = React.useState(arrayValue);
   const [inputValue, setInputValue] = React.useState("");
@@ -2922,11 +2925,12 @@ const getOptionStyles = (theme) => ({
     marginRight: theme.spacing(2)
   })
 });
-function renderSelectForVariable(model) {
-  if (model.state.isMulti) {
-    return /* @__PURE__ */ React__default.default.createElement(VariableValueSelectMulti, { model });
+function MultiOrSingleValueSelect({ model }) {
+  const state = model.useState();
+  if (state.isMulti) {
+    return /* @__PURE__ */ React__default.default.createElement(VariableValueSelectMulti, { model, state });
   } else {
-    return /* @__PURE__ */ React__default.default.createElement(VariableValueSelect, { model });
+    return /* @__PURE__ */ React__default.default.createElement(VariableValueSelect, { model, state });
   }
 }
 
@@ -6325,8 +6329,26 @@ class ConstantVariable extends SceneObjectBase {
       ...initialState,
       skipUrlSync: true
     });
+    this._variableDependency = new VariableDependencyConfig(this, {
+      statePaths: ["value"]
+    });
+    this._prevValue = "";
+  }
+  /**
+   * This function is called on when SceneVariableSet is activated or when a dependency changes.
+   */
+  validateAndUpdate() {
+    const newValue = this.getValue();
+    if (this._prevValue !== newValue) {
+      this._prevValue = newValue;
+      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
+    }
+    return rxjs.of({});
   }
   getValue() {
+    if (typeof this.state.value === "string") {
+      return sceneGraph.interpolate(this, this.state.value);
+    }
     return this.state.value;
   }
 }
@@ -6948,7 +6970,7 @@ class QueryVariable extends MultiValueVariable {
   }
 }
 QueryVariable.Component = ({ model }) => {
-  return renderSelectForVariable(model);
+  return /* @__PURE__ */ React__default.default.createElement(MultiOrSingleValueSelect, { model });
 };
 function containsSearchFilter(query) {
   const str = safeStringifyValue(query);
@@ -9682,7 +9704,7 @@ class CustomVariable extends MultiValueVariable {
   }
 }
 CustomVariable.Component = ({ model }) => {
-  return renderSelectForVariable(model);
+  return /* @__PURE__ */ React__default.default.createElement(MultiOrSingleValueSelect, { model });
 };
 
 class DataSourceVariable extends MultiValueVariable {
@@ -9730,7 +9752,7 @@ class DataSourceVariable extends MultiValueVariable {
   }
 }
 DataSourceVariable.Component = ({ model }) => {
-  return renderSelectForVariable(model);
+  return /* @__PURE__ */ React__default.default.createElement(MultiOrSingleValueSelect, { model });
 };
 function isValid(source, regex) {
   if (!regex) {
@@ -9887,7 +9909,7 @@ class TestVariable extends MultiValueVariable {
   }
 }
 TestVariable.Component = ({ model }) => {
-  return renderSelectForVariable(model);
+  return /* @__PURE__ */ React__default.default.createElement(MultiOrSingleValueSelect, { model });
 };
 
 function VariableValueInput({ model }) {
@@ -13867,6 +13889,7 @@ exports.GroupByVariable = GroupByVariable;
 exports.IntervalVariable = IntervalVariable;
 exports.LazyLoader = LazyLoader;
 exports.LocalValueVariable = LocalValueVariable;
+exports.MultiOrSingleValueSelect = MultiOrSingleValueSelect;
 exports.MultiValueVariable = MultiValueVariable;
 exports.NestedScene = NestedScene;
 exports.NewSceneObjectAddedEvent = NewSceneObjectAddedEvent;
@@ -13940,7 +13963,6 @@ exports.isFiltersRequestEnricher = isFiltersRequestEnricher;
 exports.isSceneObject = isSceneObject;
 exports.registerQueryWithController = registerQueryWithController;
 exports.registerRuntimeDataSource = registerRuntimeDataSource;
-exports.renderSelectForVariable = renderSelectForVariable;
 exports.sceneGraph = sceneGraph;
 exports.sceneUtils = sceneUtils;
 exports.useSceneApp = useSceneApp;