@grafana/scenes 4.24.2--canary.755.9271425573.0 → 4.24.2--canary.757.9280867929.0

package/dist/index.js

@@ -591,7 +591,7 @@ class UniqueUrlKeyMapper {
   getUniqueKey(key, obj) {
     const objectsWithKey = this.index.get(key);
     if (!objectsWithKey) {
-      return key;
+      throw new Error("Cannot find any scene object that uses the key '" + key + "'");
     }
     const address = objectsWithKey.findIndex((o) => o.sceneObject === obj);
     if (address > 0) {
@@ -2042,11 +2042,7 @@ async function getDataSource(datasource, scopedVars) {
 }
 
 function writeSceneLog(logger, message, ...rest) {
-  let loggingEnabled = false;
-  if (typeof window !== "undefined") {
-    loggingEnabled = localStorage.getItem("grafana.debug.scenes") === "true";
-  }
-  if (loggingEnabled) {
+  if (window.grafanaSceneLogging) {
     console.log(`${logger}: `, message, ...rest);
   }
 }
@@ -2663,6 +2659,14 @@ class MultiValueVariable extends SceneObjectBase {
   }
   updateValueGivenNewOptions(options) {
     const { value: currentValue, text: currentText } = this.state;
+    const stateUpdate = this.getStateUpdateGivenNewOptions(options, currentValue, currentText);
+    this.interceptStateUpdateAfterValidation(stateUpdate);
+    this.setStateHelper(stateUpdate);
+    if (stateUpdate.value !== currentValue || stateUpdate.text !== currentText || this.hasAllValue()) {
+      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
+    }
+  }
+  getStateUpdateGivenNewOptions(options, currentValue, currentText) {
     const stateUpdate = {
       options,
       loading: false,
@@ -2680,7 +2684,20 @@ class MultiValueVariable extends SceneObjectBase {
         stateUpdate.value = "";
         stateUpdate.text = "";
       }
-    } else if (this.hasAllValue()) ; else if (this.state.isMulti) {
+      return stateUpdate;
+    }
+    if (this.hasAllValue()) {
+      if (!this.state.includeAll) {
+        stateUpdate.value = options[0].value;
+        stateUpdate.text = options[0].label;
+        if (this.state.isMulti) {
+          stateUpdate.value = [stateUpdate.value];
+          stateUpdate.text = [stateUpdate.text];
+        }
+      }
+      return stateUpdate;
+    }
+    if (this.state.isMulti) {
       const currentValues = Array.isArray(currentValue) ? currentValue : [currentValue];
       const validValues = currentValues.filter((v) => options.find((o) => o.value === v));
       const validTexts = validValues.map((v) => options.find((o) => o.value === v).label);
@@ -2696,26 +2713,22 @@ class MultiValueVariable extends SceneObjectBase {
           stateUpdate.text = validTexts;
         }
       }
+      return stateUpdate;
+    }
+    let matchingOption = findOptionMatchingCurrent(currentValue, currentText, options);
+    if (matchingOption) {
+      stateUpdate.text = matchingOption.label;
+      stateUpdate.value = matchingOption.value;
     } else {
-      let matchingOption = findOptionMatchingCurrent(currentValue, currentText, options);
-      if (matchingOption) {
-        stateUpdate.text = matchingOption.label;
-        stateUpdate.value = matchingOption.value;
+      if (this.state.defaultToAll) {
+        stateUpdate.value = ALL_VARIABLE_VALUE;
+        stateUpdate.text = ALL_VARIABLE_TEXT;
       } else {
-        if (this.state.defaultToAll) {
-          stateUpdate.value = ALL_VARIABLE_VALUE;
-          stateUpdate.text = ALL_VARIABLE_TEXT;
-        } else {
-          stateUpdate.value = options[0].value;
-          stateUpdate.text = options[0].label;
-        }
+        stateUpdate.value = options[0].value;
+        stateUpdate.text = options[0].label;
       }
     }
-    this.interceptStateUpdateAfterValidation(stateUpdate);
-    this.setStateHelper(stateUpdate);
-    if (stateUpdate.value !== currentValue || stateUpdate.text !== currentText || this.hasAllValue()) {
-      this.publishEvent(new SceneVariableValueChangedEvent(this), true);
-    }
+    return stateUpdate;
   }
   interceptStateUpdateAfterValidation(stateUpdate) {
     const isAllValueFix = stateUpdate.value === ALL_VARIABLE_VALUE && this.state.text === ALL_VARIABLE_TEXT;
@@ -5233,9 +5246,6 @@ class VizPanel extends SceneObjectBase {
     (_a = this._panelContext) != null ? _a : this._panelContext = this.buildPanelContext();
     return this._panelContext;
   }
-  clearFieldConfigCache() {
-    this._dataWithFieldConfig = void 0;
-  }
   applyFieldConfig(rawData) {
     var _a, _b, _c, _d;
     const plugin = this._plugin;
@@ -7739,7 +7749,6 @@ class UrlSyncManager {
     this._locationSub = null;
     this._ignoreNextLocationUpdate = false;
     this._onLocationUpdate = (location) => {
-      this._urlParams = new URLSearchParams(location.search);
       if (this._ignoreNextLocationUpdate) {
         this._ignoreNextLocationUpdate = false;
         return;
@@ -7747,8 +7756,9 @@ class UrlSyncManager {
       if (this._lastPath !== location.pathname) {
         return;
       }
+      const urlParams = new URLSearchParams(location.search);
       this._urlKeyMapper.rebuildIndex(this._sceneRoot);
-      syncStateFromUrl(this._sceneRoot, this._urlParams, this._urlKeyMapper);
+      syncStateFromUrl(this._sceneRoot, urlParams, this._urlKeyMapper);
       this._lastPath = location.pathname;
     };
     this._onStateChanged = ({ payload }) => {
@@ -7781,10 +7791,8 @@ class UrlSyncManager {
       writeSceneLog("UrlSyncManager", "Unregister previous scene state subscription", this._sceneRoot.state.key);
       this._stateSub.unsubscribe();
     }
-    const location = runtime.locationService.getLocation();
     this._sceneRoot = root;
-    this._lastPath = location.pathname;
-    this._urlParams = new URLSearchParams(location.search);
+    this._lastPath = runtime.locationService.getLocation().pathname;
     this._stateSub = root.subscribeToEvent(SceneObjectStateChangedEvent, this._onStateChanged);
     this.syncFrom(this._sceneRoot);
   }
@@ -7814,12 +7822,6 @@ class UrlSyncManager {
     this._urlKeyMapper.rebuildIndex(this._sceneRoot);
     syncStateFromUrl(sceneObj, urlParams, this._urlKeyMapper);
   }
-  syncNewObj(obj) {
-    if (!this._urlParams) {
-      throw new Error("UrlSyncManager not initialized");
-    }
-    syncStateFromUrl(obj, this._urlParams, this._urlKeyMapper);
-  }
   getUrlState(root) {
     return getUrlState(root);
   }
@@ -7863,7 +7865,7 @@ EmbeddedScene.Component = EmbeddedSceneRenderer;
 function EmbeddedSceneRenderer({ model }) {
   const { body, controls } = model.useState();
   const styles = ui.useStyles2(getStyles$5);
-  const inner = /* @__PURE__ */ React__default["default"].createElement("div", {
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles.container
   }, controls && /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles.controls
@@ -7875,7 +7877,6 @@ function EmbeddedSceneRenderer({ model }) {
   }, /* @__PURE__ */ React__default["default"].createElement(body.Component, {
     model: body
   })));
-  return inner;
 }
 const getStyles$5 = (theme) => {
   return {
@@ -8334,7 +8335,9 @@ const _SceneGridLayout = class extends SceneObjectBase {
       let newParent = this.findGridItemSceneParent(gridLayout, indexOfUpdatedItem - 1);
       let newChildren = this.state.children;
       if (sceneChild instanceof SceneGridRow && newParent instanceof SceneGridRow) {
-        this._loadOldLayout = true;
+        if (!this.isRowDropValid(gridLayout, updatedItem, indexOfUpdatedItem)) {
+          this._loadOldLayout = true;
+        }
         newParent = this;
       }
       if (newParent !== sceneChild.parent) {
@@ -8430,6 +8433,18 @@ const _SceneGridLayout = class extends SceneObjectBase {
     }
     return this;
   }
+  isRowDropValid(gridLayout, updatedItem, indexOfUpdatedItem) {
+    if (gridLayout[gridLayout.length - 1].i === updatedItem.i) {
+      return true;
+    }
+    const nextSceneChild = this.getSceneLayoutChild(gridLayout[indexOfUpdatedItem + 1].i);
+    if (nextSceneChild instanceof SceneGridRow) {
+      return true;
+    } else if (nextSceneChild.parent instanceof _SceneGridLayout) {
+      return true;
+    }
+    return false;
+  }
   moveChildTo(child, target) {
     const currentParent = child.parent;
     let rootChildren = this.state.children;
@@ -10920,174 +10935,6 @@ const PanelBuilders = {
   }
 };
 
-class VizConfigBuilder {
-  constructor(pluginId, pluginVersion, defaultOptions, defaultFieldConfig) {
-    this._pluginId = pluginId;
-    this._pluginVersion = pluginVersion;
-    this._fieldConfigBuilder = new FieldConfigBuilder(defaultFieldConfig);
-    this._panelOptionsBuilder = new PanelOptionsBuilder(defaultOptions);
-  }
-  setColor(color) {
-    this._fieldConfigBuilder.setColor(color);
-    return this;
-  }
-  setDecimals(decimals) {
-    this._fieldConfigBuilder.setDecimals(decimals);
-    return this;
-  }
-  setDisplayName(displayName) {
-    this._fieldConfigBuilder.setDisplayName(displayName);
-    return this;
-  }
-  setFilterable(filterable) {
-    this._fieldConfigBuilder.setFilterable(filterable);
-    return this;
-  }
-  setLinks(links) {
-    this._fieldConfigBuilder.setLinks(links);
-    return this;
-  }
-  setMappings(mappings) {
-    this._fieldConfigBuilder.setMappings(mappings);
-    return this;
-  }
-  setMax(max) {
-    this._fieldConfigBuilder.setMax(max);
-    return this;
-  }
-  setMin(min) {
-    this._fieldConfigBuilder.setMin(min);
-    return this;
-  }
-  setNoValue(noValue) {
-    this._fieldConfigBuilder.setNoValue(noValue);
-    return this;
-  }
-  setThresholds(thresholds) {
-    this._fieldConfigBuilder.setThresholds(thresholds);
-    return this;
-  }
-  setUnit(unit) {
-    this._fieldConfigBuilder.setUnit(unit);
-    return this;
-  }
-  setCustomFieldConfig(id, value) {
-    this._fieldConfigBuilder.setCustomFieldConfig(id, value);
-    return this;
-  }
-  setOverrides(builder) {
-    this._fieldConfigBuilder.setOverrides(builder);
-    return this;
-  }
-  setOption(id, value) {
-    this._panelOptionsBuilder.setOption(id, value);
-    return this;
-  }
-  build() {
-    return {
-      pluginId: this._pluginId,
-      pluginVersion: this._pluginVersion,
-      options: this._panelOptionsBuilder.build(),
-      fieldConfig: this._fieldConfigBuilder.build()
-    };
-  }
-}
-
-const VizConfigBuilders = {
-  barchart() {
-    return new VizConfigBuilder(
-      "barchart",
-      "10.0.0",
-      () => BarChartPanelCfg_types_gen.defaultOptions,
-      () => BarChartPanelCfg_types_gen.defaultFieldConfig
-    );
-  },
-  bargauge() {
-    return new VizConfigBuilder("bargauge", "10.0.0", () => BarGaugePanelCfg_types_gen.defaultOptions);
-  },
-  datagrid() {
-    return new VizConfigBuilder("datagrid", "10.0.0", () => DatagridPanelCfg_types_gen.defaultOptions);
-  },
-  flamegraph() {
-    return new VizConfigBuilder("flamegraph", "10.0.0");
-  },
-  gauge() {
-    return new VizConfigBuilder("gauge", "10.0.0", () => GaugePanelCfg_types_gen.defaultOptions);
-  },
-  geomap() {
-    return new VizConfigBuilder("geomap", "10.0.0", () => GeomapPanelCfg_types_gen.defaultOptions);
-  },
-  heatmap() {
-    return new VizConfigBuilder("heatmap", "10.0.0", () => HeatmapPanelCfg_types_gen.defaultOptions);
-  },
-  histogram() {
-    return new VizConfigBuilder(
-      "histogram",
-      "10.0.0",
-      () => HistogramPanelCfg_types_gen.defaultOptions,
-      () => HistogramPanelCfg_types_gen.defaultFieldConfig
-    );
-  },
-  logs() {
-    return new VizConfigBuilder("logs", "10.0.0");
-  },
-  news() {
-    return new VizConfigBuilder("news", "10.0.0", () => NewsPanelCfg_types_gen.defaultOptions);
-  },
-  nodegraph() {
-    return new VizConfigBuilder("nodeGraph", "10.0.0");
-  },
-  piechart() {
-    return new VizConfigBuilder(
-      "piechart",
-      "10.0.0",
-      () => PieChartPanelCfg_types_gen.defaultOptions
-    );
-  },
-  stat() {
-    return new VizConfigBuilder("stat", "10.0.0", () => StatPanelCfg_types_gen.defaultOptions);
-  },
-  statetimeline() {
-    return new VizConfigBuilder(
-      "state-timeline",
-      "10.0.0",
-      () => StateTimelinePanelCfg_types_gen.defaultOptions,
-      () => StateTimelinePanelCfg_types_gen.defaultFieldConfig
-    );
-  },
-  statushistory() {
-    return new VizConfigBuilder(
-      "status-history",
-      "10.0.0",
-      () => StatusHistoryPanelCfg_types_gen.defaultOptions,
-      () => StatusHistoryPanelCfg_types_gen.defaultFieldConfig
-    );
-  },
-  table() {
-    return new VizConfigBuilder("table", "10.0.0", () => TablePanelCfg_types_gen.defaultOptions);
-  },
-  text() {
-    return new VizConfigBuilder("text", "10.0.0", () => TextPanelCfg_types_gen.defaultOptions);
-  },
-  timeseries() {
-    return new VizConfigBuilder("timeseries", "10.0.0");
-  },
-  trend() {
-    return new VizConfigBuilder("trend", "10.0.0");
-  },
-  traces() {
-    return new VizConfigBuilder("traces", "10.0.0");
-  },
-  xychart() {
-    return new VizConfigBuilder(
-      "xychart",
-      "10.0.0",
-      () => XYChartPanelCfg_types_gen.defaultOptions,
-      () => XYChartPanelCfg_types_gen.defaultFieldConfig
-    );
-  }
-};
-
 const sceneUtils = {
   getUrlWithAppState,
   registerRuntimePanelPlugin,
@@ -11112,7 +10959,6 @@ exports.ConstantVariable = ConstantVariable;
 exports.CustomVariable = CustomVariable;
 exports.DataSourceVariable = DataSourceVariable;
 exports.EmbeddedScene = EmbeddedScene;
-exports.FieldConfigBuilder = FieldConfigBuilder;
 exports.FieldConfigBuilders = FieldConfigBuilders;
 exports.FieldConfigOverridesBuilder = FieldConfigOverridesBuilder;
 exports.GroupByVariable = GroupByVariable;
@@ -11167,10 +11013,7 @@ exports.UrlSyncManager = UrlSyncManager;
 exports.UserActionEvent = UserActionEvent;
 exports.VariableDependencyConfig = VariableDependencyConfig;
 exports.VariableValueControl = VariableValueControl;
-exports.VariableValueSelectWrapper = VariableValueSelectWrapper;
 exports.VariableValueSelectors = VariableValueSelectors;
-exports.VizConfigBuilder = VizConfigBuilder;
-exports.VizConfigBuilders = VizConfigBuilders;
 exports.VizPanel = VizPanel;
 exports.VizPanelBuilder = VizPanelBuilder;
 exports.VizPanelMenu = VizPanelMenu;