@grafana/scenes 4.24.4--canary.716.9299472214.0 → 4.24.4--canary.734.9299631410.0

package/dist/index.js

@@ -2046,7 +2046,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);
   }
 }
@@ -4601,12 +4605,6 @@ function VizPanelRenderer({ model }) {
     description
   } = model.useState();
   const [ref, { width, height }] = reactUse.useMeasure();
-  const appEvents = React.useMemo(() => runtime.getAppEvents(), []);
-  const setPanelAttention = React.useCallback(
-    () => appEvents.publish(new data.SetPanelAttentionEvent({ panelId: model.state.key })),
-    [model.state.key, appEvents]
-  );
-  const debouncedMouseMove = React.useMemo(() => lodash.debounce(setPanelAttention, 100), [setPanelAttention]);
   const plugin = model.getPlugin();
   const { dragClass, dragClassCancel } = getDragClasses(model);
   const dataObject = sceneGraph.getData(model);
@@ -4720,9 +4718,7 @@ function VizPanelRenderer({ model }) {
     dragClassCancel,
     padding: plugin.noPadding ? "none" : "md",
     menu: panelMenu,
-    onCancelQuery: model.onCancelQuery,
-    onFocus: () => setPanelAttention(),
-    onMouseMove: () => debouncedMouseMove()
+    onCancelQuery: model.onCancelQuery
   }, (innerWidth, innerHeight) => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(ui.ErrorBoundaryAlert, {
     dependencies: [plugin, data$1]
   }, /* @__PURE__ */ React__default["default"].createElement(data.PluginContextProvider, {
@@ -4745,7 +4741,7 @@ function VizPanelRenderer({ model }) {
     onOptionsChange: model.onOptionsChange,
     onFieldConfigChange: model.onFieldConfigChange,
     onChangeTimeRange: model.onTimeRangeChange,
-    eventBus: appEvents
+    eventBus: runtime.getAppEvents()
   }))))))));
 }
 function getDragClasses(panel) {
@@ -5272,6 +5268,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;
@@ -7775,6 +7774,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;
@@ -7782,9 +7782,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 }) => {
@@ -7817,8 +7816,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);
   }
@@ -7891,7 +7892,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
@@ -7903,6 +7904,7 @@ function EmbeddedSceneRenderer({ model }) {
   }, /* @__PURE__ */ React__default["default"].createElement(body.Component, {
     model: body
   })));
+  return inner;
 }
 const getStyles$5 = (theme) => {
   return {
@@ -10961,6 +10963,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,
@@ -10985,6 +11155,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;
@@ -11039,7 +11210,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;