@grafana/scenes 6.9.1 → 6.9.2--canary.1109.14625976750.0

package/dist/index.js

@@ -10,6 +10,7 @@ var rxjs = require('rxjs');
 var uuid = require('uuid');
 var lodash = require('lodash');
 var schema = require('@grafana/schema');
+var moment = require('moment-timezone');
 var ui = require('@grafana/ui');
 var e2eSelectors = require('@grafana/e2e-selectors');
 var css = require('@emotion/css');
@@ -38,6 +39,7 @@ var XYChartPanelCfg_types_gen = require('@grafana/schema/dist/esm/raw/composable
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var moment__default = /*#__PURE__*/_interopDefaultCompat(moment);
 var uFuzzy__default = /*#__PURE__*/_interopDefaultCompat(uFuzzy);
 var ReactGridLayout__default = /*#__PURE__*/_interopDefaultCompat(ReactGridLayout);
 
@@ -461,29 +463,18 @@ function useSceneObjectState(model, options) {
   return model.state;
 }
 function forEachChild(state, callback) {
-  if (state.$behaviors) {
-    state.$behaviors.forEach((behavior) => {
-      if (behavior instanceof SceneObjectBase) {
-        callback(behavior);
-      }
-    });
-  }
-  Object.keys(state).forEach((key) => {
-    if (key === "$behaviors") {
-      return;
-    }
-    const propValue = state[key];
+  for (const propValue of Object.values(state)) {
     if (propValue instanceof SceneObjectBase) {
       callback(propValue);
     }
     if (Array.isArray(propValue)) {
-      propValue.forEach((child) => {
+      for (const child of propValue) {
         if (child instanceof SceneObjectBase) {
           callback(child);
         }
-      });
+      }
     }
-  });
+  }
 }
 
 function cloneSceneObject(sceneObject, withState) {
@@ -996,12 +987,14 @@ function isValid$1(value, roundUp, timeZone) {
   return parsed.isValid();
 }
 
+const BROWSER = "browser";
+
 class SceneTimeRange extends SceneObjectBase {
   constructor(state = {}) {
     var _a;
     const from = state.from && isValid$1(state.from) ? state.from : "now-6h";
     const to = state.to && isValid$1(state.to) ? state.to : "now";
-    const timeZone = state.timeZone;
+    const timeZone = getValidTimeZone(state.timeZone);
     const value = evaluateTimeRange(
       from,
       to,
@@ -1043,7 +1036,8 @@ class SceneTimeRange extends SceneObjectBase {
     };
     this.onTimeZoneChange = (timeZone) => {
       this._urlSync.performBrowserHistoryAction(() => {
-        this.setState({ timeZone });
+        var _a;
+        this.setState({ timeZone: (_a = getValidTimeZone(timeZone)) != null ? _a : BROWSER });
       });
     };
     this.onRefresh = () => {
@@ -1130,11 +1124,11 @@ class SceneTimeRange extends SceneObjectBase {
     return Math.ceil(intervalMs / percent);
   }
   getTimeZone() {
-    if (this.state.timeZone) {
+    if (this.state.timeZone && getValidTimeZone(this.state.timeZone)) {
       return this.state.timeZone;
     }
     const timeZoneSource = this.getTimeZoneSource();
-    if (timeZoneSource !== this) {
+    if (timeZoneSource !== this && getValidTimeZone(timeZoneSource.state.timeZone)) {
       return timeZoneSource.state.timeZone;
     }
     return data.getTimeZone();
@@ -1200,6 +1194,19 @@ function getTimeWindow(time, timeWindow) {
     to: data.toUtc(valueTime + timeWindowMs / 2).toISOString()
   };
 }
+function getValidTimeZone(timeZone) {
+  if (timeZone === void 0) {
+    return;
+  }
+  if (timeZone === BROWSER) {
+    return timeZone;
+  }
+  if (moment__default.default.tz.zone(timeZone)) {
+    return timeZone;
+  }
+  console.warn(`Invalid timeZone "${timeZone}" provided.`);
+  return;
+}
 
 const EmptyDataNode = new SceneDataNode();
 const DefaultTimeRange = new SceneTimeRange();
@@ -9614,31 +9621,31 @@ class SceneVariableSet extends SceneObjectBase {
     if (!this.parent) {
       return;
     }
-    const nodeQueue = [this.parent];
-    const hasChanged = this._variablesThatHaveChanged.has(variable);
-    while (nodeQueue.length > 0) {
-      const node = nodeQueue.shift();
-      let variableThatChanged = variable;
-      if (this === node) {
-        continue;
-      }
-      if (!node.isActive) {
-        continue;
-      }
-      if (node.state.$variables && node.state.$variables !== this) {
-        const localVar = node.state.$variables.getByName(variable.state.name);
-        if (localVar == null ? void 0 : localVar.isAncestorLoading) {
-          variableThatChanged = localVar;
-        } else if (localVar) {
-          return;
-        }
-      }
-      if (node.variableDependency) {
-        node.variableDependency.variableUpdateCompleted(variableThatChanged, hasChanged);
+    this._traverseSceneAndNotify(this.parent, variable, this._variablesThatHaveChanged.has(variable));
+    this._variablesThatHaveChanged.delete(variable);
+  }
+  /**
+   * Recursivly walk the full scene object graph and notify all objects with dependencies that include any of changed variables
+   */
+  _traverseSceneAndNotify(sceneObject, variable, hasChanged) {
+    if (this === sceneObject) {
+      return;
+    }
+    if (!sceneObject.isActive) {
+      return;
+    }
+    if (sceneObject.state.$variables && sceneObject.state.$variables !== this) {
+      const localVar = sceneObject.state.$variables.getByName(variable.state.name);
+      if (localVar == null ? void 0 : localVar.isAncestorLoading) {
+        variable = localVar;
+      } else if (localVar) {
+        return;
       }
-      node.forEachChild((child) => nodeQueue.push(child));
     }
-    this._variablesThatHaveChanged.delete(variable);
+    if (sceneObject.variableDependency) {
+      sceneObject.variableDependency.variableUpdateCompleted(variable, hasChanged);
+    }
+    sceneObject.forEachChild((child) => this._traverseSceneAndNotify(child, variable, hasChanged));
   }
   /**
    * Return true if variable is waiting to update or currently updating.