@grafana/scenes 4.24.2--canary.757.9283024412.0 → 4.24.3--canary.734.9287358327.0

package/dist/index.js

@@ -591,7 +591,7 @@ class UniqueUrlKeyMapper {
   getUniqueKey(key, obj) {
     const objectsWithKey = this.index.get(key);
     if (!objectsWithKey) {
-      throw new Error("Cannot find any scene object that uses the key '" + key + "'");
+      return key;
     }
     const address = objectsWithKey.findIndex((o) => o.sceneObject === obj);
     if (address > 0) {
@@ -2042,7 +2042,11 @@ async function getDataSource(datasource, scopedVars) {
 }
 
 function writeSceneLog(logger, message, ...rest) {
-  if (window.grafanaSceneLogging) {
+  let loggingEnabled = false;
+  if (typeof window !== "undefined") {
+    loggingEnabled = localStorage.getItem("grafana.debug.scenes") === "true";
+  }
+  if (loggingEnabled) {
     console.log(`${logger}: `, message, ...rest);
   }
 }
@@ -5246,6 +5250,9 @@ 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;
@@ -7749,6 +7756,7 @@ class UrlSyncManager {
     this._locationSub = null;
     this._ignoreNextLocationUpdate = false;
     this._onLocationUpdate = (location) => {
+      this._urlParams = new URLSearchParams(location.search);
       if (this._ignoreNextLocationUpdate) {
         this._ignoreNextLocationUpdate = false;
         return;
@@ -7756,9 +7764,8 @@ class UrlSyncManager {
       if (this._lastPath !== location.pathname) {
         return;
       }
-      const urlParams = new URLSearchParams(location.search);
       this._urlKeyMapper.rebuildIndex(this._sceneRoot);
-      syncStateFromUrl(this._sceneRoot, urlParams, this._urlKeyMapper);
+      syncStateFromUrl(this._sceneRoot, this._urlParams, this._urlKeyMapper);
       this._lastPath = location.pathname;
     };
     this._onStateChanged = ({ payload }) => {
@@ -7791,8 +7798,10 @@ 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 = runtime.locationService.getLocation().pathname;
+    this._lastPath = location.pathname;
+    this._urlParams = new URLSearchParams(location.search);
     this._stateSub = root.subscribeToEvent(SceneObjectStateChangedEvent, this._onStateChanged);
     this.syncFrom(this._sceneRoot);
   }
@@ -7822,6 +7831,12 @@ 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);
   }
@@ -7865,7 +7880,7 @@ EmbeddedScene.Component = EmbeddedSceneRenderer;
 function EmbeddedSceneRenderer({ model }) {
   const { body, controls } = model.useState();
   const styles = ui.useStyles2(getStyles$5);
-  return /* @__PURE__ */ React__default["default"].createElement("div", {
+  const inner = /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles.container
   }, controls && /* @__PURE__ */ React__default["default"].createElement("div", {
     className: styles.controls
@@ -7877,6 +7892,7 @@ function EmbeddedSceneRenderer({ model }) {
   }, /* @__PURE__ */ React__default["default"].createElement(body.Component, {
     model: body
   })));
+  return inner;
 }
 const getStyles$5 = (theme) => {
   return {
@@ -10935,6 +10951,174 @@ 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,
@@ -10959,6 +11143,7 @@ exports.ConstantVariable = ConstantVariable;
 exports.CustomVariable = CustomVariable;
 exports.DataSourceVariable = DataSourceVariable;
 exports.EmbeddedScene = EmbeddedScene;
+exports.FieldConfigBuilder = FieldConfigBuilder;
 exports.FieldConfigBuilders = FieldConfigBuilders;
 exports.FieldConfigOverridesBuilder = FieldConfigOverridesBuilder;
 exports.GroupByVariable = GroupByVariable;
@@ -11013,7 +11198,10 @@ 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;