@grafana/scenes 5.5.0--canary.828.9973016839.0 → 5.5.0--canary.836.9987320115.0

package/dist/index.js

@@ -188,32 +188,32 @@ class UserActionEvent extends data.BusEventWithPayload {
 }
 UserActionEvent.type = "scene-object-user-action";
 
-var __accessCheck$3 = (obj, member, msg) => {
+var __accessCheck$2 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$3 = (obj, member, getter) => {
-  __accessCheck$3(obj, member, "read from private field");
+var __privateGet$2 = (obj, member, getter) => {
+  __accessCheck$2(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$3 = (obj, member, value) => {
+var __privateAdd$2 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$2 = (obj, member, value, setter) => {
-  __accessCheck$3(obj, member, "write to private field");
+var __privateSet$1 = (obj, member, value, setter) => {
+  __accessCheck$2(obj, member, "write to private field");
   setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var _ref;
 class SceneObjectRef {
   constructor(ref) {
-    __privateAdd$3(this, _ref, void 0);
-    __privateSet$2(this, _ref, ref);
+    __privateAdd$2(this, _ref, void 0);
+    __privateSet$1(this, _ref, ref);
   }
   resolve() {
-    return __privateGet$3(this, _ref);
+    return __privateGet$2(this, _ref);
   }
 }
 _ref = new WeakMap();
@@ -1744,15 +1744,15 @@ function isDataLayer(obj) {
   return "isDataLayer" in obj;
 }
 
-var __accessCheck$2 = (obj, member, msg) => {
+var __accessCheck$1 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$2 = (obj, member, getter) => {
-  __accessCheck$2(obj, member, "read from private field");
+var __privateGet$1 = (obj, member, getter) => {
+  __accessCheck$1(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$2 = (obj, member, value) => {
+var __privateAdd$1 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
@@ -1765,25 +1765,25 @@ class SceneQueryController extends SceneObjectBase {
   constructor() {
     super({ isRunning: false });
     this.isQueryController = true;
-    __privateAdd$2(this, _running, /* @__PURE__ */ new Set());
+    __privateAdd$1(this, _running, /* @__PURE__ */ new Set());
     this.addActivationHandler(() => {
-      return () => __privateGet$2(this, _running).clear();
+      return () => __privateGet$1(this, _running).clear();
     });
   }
   queryStarted(entry) {
-    __privateGet$2(this, _running).add(entry);
+    __privateGet$1(this, _running).add(entry);
     this.changeRunningQueryCount(1);
     if (!this.state.isRunning) {
       this.setState({ isRunning: true });
     }
   }
   queryCompleted(entry) {
-    if (!__privateGet$2(this, _running).has(entry)) {
+    if (!__privateGet$1(this, _running).has(entry)) {
       return;
     }
-    __privateGet$2(this, _running).delete(entry);
+    __privateGet$1(this, _running).delete(entry);
     this.changeRunningQueryCount(-1);
-    if (__privateGet$2(this, _running).size === 0) {
+    if (__privateGet$1(this, _running).size === 0) {
       this.setState({ isRunning: false });
     }
   }
@@ -1793,7 +1793,7 @@ class SceneQueryController extends SceneObjectBase {
   }
   cancelAll() {
     var _a;
-    for (const entry of __privateGet$2(this, _running).values()) {
+    for (const entry of __privateGet$1(this, _running).values()) {
       (_a = entry.cancel) == null ? void 0 : _a.call(entry);
     }
   }
@@ -3082,43 +3082,6 @@ function getEnrichedFiltersRequest(sourceRunner) {
   return null;
 }
 
-var __accessCheck$1 = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet$1 = (obj, member, getter) => {
-  __accessCheck$1(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd$1 = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet$1 = (obj, member, value, setter) => {
-  __accessCheck$1(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _value;
-class SafeSerializableSceneObject {
-  constructor(value) {
-    __privateAdd$1(this, _value, void 0);
-    this.text = "__sceneObject";
-    __privateSet$1(this, _value, value);
-  }
-  toString() {
-    return void 0;
-  }
-  valueOf() {
-    return __privateGet$1(this, _value);
-  }
-  get value() {
-    return this;
-  }
-}
-_value = new WeakMap();
-
 var __defProp$z = Object.defineProperty;
 var __defProps$n = Object.defineProperties;
 var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
@@ -3163,7 +3126,9 @@ class GroupByVariable extends MultiValueVariable {
         return override.values;
       }
       if (this.state.defaultOptions) {
-        return this.state.defaultOptions.concat(dataFromResponse((_c = override == null ? void 0 : override.values) != null ? _c : []));
+        return this.state.defaultOptions.concat(
+          dataFromResponse((_c = override == null ? void 0 : override.values) != null ? _c : [])
+        );
       }
       if (!ds.getTagKeys) {
         return [];
@@ -3171,11 +3136,7 @@ class GroupByVariable extends MultiValueVariable {
       const queries = getQueriesForVariables(this);
       const otherFilters = this.state.baseFilters || [];
       const timeRange = sceneGraph.getTimeRange(this).state.value;
-      const response = await ds.getTagKeys(__spreadValues$z({
-        filters: otherFilters,
-        queries,
-        timeRange
-      }, getEnrichedFiltersRequest(this)));
+      const response = await ds.getTagKeys(__spreadValues$z({ filters: otherFilters, queries, timeRange }, getEnrichedFiltersRequest(this)));
       if (responseHasError(response)) {
         this.setState({ error: response.error.message });
       }
@@ -3225,7 +3186,7 @@ class GroupByVariable extends MultiValueVariable {
     this.setState({ loading: true, error: null });
     return rxjs.from(
       getDataSource(this.state.datasource, {
-        __sceneObject: new SafeSerializableSceneObject(this)
+        __sceneObject: { text: "__sceneObject", value: this }
       })
     ).pipe(
       rxjs.mergeMap((ds) => {
@@ -3821,7 +3782,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
       applyMode: "auto",
       filterExpression: (_b = state.filterExpression) != null ? _b : renderExpression(state.expressionBuilder, state.filters)
     }, state));
-    this._scopedVars = { __sceneObject: new SafeSerializableSceneObject(this) };
+    this._scopedVars = { __sceneObject: { value: this } };
     this._dataSourceSrv = runtime.getDataSourceSrv();
     this._urlSync = new AdHocFiltersVariableUrlSyncHandler(this);
     if (this.state.applyMode === "auto") {
@@ -3892,11 +3853,7 @@ class AdHocFiltersVariable extends SceneObjectBase {
     const otherFilters = this.state.filters.filter((f) => f.key !== currentKey).concat((_c = this.state.baseFilters) != null ? _c : []);
     const timeRange = sceneGraph.getTimeRange(this).state.value;
     const queries = this.state.useQueriesAsFilterForOptions ? getQueriesForVariables(this) : void 0;
-    const response = await ds.getTagKeys(__spreadValues$y({
-      filters: otherFilters,
-      queries,
-      timeRange
-    }, getEnrichedFiltersRequest(this)));
+    const response = await ds.getTagKeys(__spreadValues$y({ filters: otherFilters, queries, timeRange }, getEnrichedFiltersRequest(this)));
     if (responseHasError(response)) {
       this.setState({ error: response.error.message });
     }
@@ -4069,7 +4026,7 @@ class SceneQueryRunner extends SceneObjectBase {
     this._dataLayersMerger = new DataLayersMerger();
     this._variableValueRecorder = new VariableValueRecorder();
     this._results = new rxjs.ReplaySubject(1);
-    this._scopedVars = { __sceneObject: new SafeSerializableSceneObject(this) };
+    this._scopedVars = { __sceneObject: { value: this, text: "__sceneObject" } };
     this._variableDependency = new VariableDependencyConfig(this, {
       statePaths: ["queries", "datasource"],
       onVariableUpdateCompleted: this.onVariableUpdatesCompleted.bind(this),
@@ -5347,15 +5304,15 @@ class VizPanel extends SceneObjectBase {
       this._loadPlugin(this.state.pluginId);
     }
   }
-  async _loadPlugin(pluginId) {
+  async _loadPlugin(pluginId, overwriteOptions, overwriteFieldConfig, isAfterPluginChange) {
     const plugin = loadPanelPluginSync(pluginId);
     if (plugin) {
-      this._pluginLoaded(plugin);
+      this._pluginLoaded(plugin, overwriteOptions, overwriteFieldConfig, isAfterPluginChange);
     } else {
       const { importPanelPlugin } = runtime.getPluginImportUtils();
       try {
         const result = await importPanelPlugin(pluginId);
-        this._pluginLoaded(result);
+        this._pluginLoaded(result, overwriteOptions, overwriteFieldConfig, isAfterPluginChange);
       } catch (err) {
         this._pluginLoaded(getPanelPluginNotFound(pluginId));
         if (err instanceof Error) {
@@ -5371,7 +5328,7 @@ class VizPanel extends SceneObjectBase {
     }
     return panelId;
   }
-  async _pluginLoaded(plugin) {
+  async _pluginLoaded(plugin, overwriteOptions, overwriteFieldConfig, isAfterPluginChange) {
     const { options, fieldConfig, title, pluginVersion, _UNSAFE_customMigrationHandler } = this.state;
     const panel = {
       title,
@@ -5381,6 +5338,12 @@ class VizPanel extends SceneObjectBase {
       type: plugin.meta.id,
       pluginVersion
     };
+    if (overwriteOptions) {
+      panel.options = overwriteOptions;
+    }
+    if (overwriteFieldConfig) {
+      panel.fieldConfig = overwriteFieldConfig;
+    }
     const currentVersion = this._getPluginVersion(plugin);
     _UNSAFE_customMigrationHandler == null ? void 0 : _UNSAFE_customMigrationHandler(panel, plugin);
     if (plugin.onPanelMigration && currentVersion !== this.state.pluginVersion) {
@@ -5390,13 +5353,14 @@ class VizPanel extends SceneObjectBase {
       plugin,
       currentOptions: panel.options,
       currentFieldConfig: panel.fieldConfig,
-      isAfterPluginChange: false
+      isAfterPluginChange: isAfterPluginChange != null ? isAfterPluginChange : false
     });
     this._plugin = plugin;
     this.setState({
       options: withDefaults.options,
       fieldConfig: withDefaults.fieldConfig,
-      pluginVersion: currentVersion
+      pluginVersion: currentVersion,
+      pluginId: plugin.meta.id
     });
     if (plugin.meta.skipDataQuery) {
       const sceneTimeRange = sceneGraph.getTimeRange(this);
@@ -5414,6 +5378,27 @@ class VizPanel extends SceneObjectBase {
     (_a = this._panelContext) != null ? _a : this._panelContext = this.buildPanelContext();
     return this._panelContext;
   }
+  async changePluginType(pluginId, newOptions, newFieldConfig) {
+    var _a, _b;
+    const {
+      options: prevOptions,
+      fieldConfig: prevFieldConfig,
+      pluginId: prevPluginId
+    } = this.state;
+    this._dataWithFieldConfig = void 0;
+    await this._loadPlugin(pluginId, newOptions != null ? newOptions : {}, newFieldConfig, true);
+    const panel = {
+      title: this.state.title,
+      options: this.state.options,
+      fieldConfig: this.state.fieldConfig,
+      id: 1,
+      type: pluginId
+    };
+    const updatedOptions = (_b = (_a = this._plugin) == null ? void 0 : _a.onPanelTypeChanged) == null ? void 0 : _b.call(_a, panel, prevPluginId, prevOptions, prevFieldConfig);
+    if (updatedOptions && !lodash.isEmpty(updatedOptions)) {
+      this.onOptionsChange(updatedOptions, true, true);
+    }
+  }
   clearFieldConfigCache() {
     this._dataWithFieldConfig = void 0;
   }
@@ -5992,7 +5977,7 @@ function executeAnnotationQuery(datasource, timeRange, query, layer) {
     __interval: { text: interval.interval, value: interval.interval },
     __interval_ms: { text: interval.intervalMs.toString(), value: interval.intervalMs },
     __annotation: { text: annotation.name, value: annotation },
-    __sceneObject: new SafeSerializableSceneObject(layer)
+    __sceneObject: { text: "__sceneObject", value: layer }
   };
   const queryRequest = __spreadValues$q(__spreadProps$f(__spreadValues$q({
     startTime: Date.now(),
@@ -6136,9 +6121,7 @@ class AnnotationsDataLayer extends SceneDataLayerBase {
       }, initialState),
       ["query"]
     );
-    this._scopedVars = {
-      __sceneObject: new SafeSerializableSceneObject(this)
-    };
+    this._scopedVars = { __sceneObject: { value: this, text: "__sceneObject" } };
   }
   onEnable() {
     const timeRange = sceneGraph.getTimeRange(this);
@@ -7461,7 +7444,7 @@ class QueryVariable extends MultiValueVariable {
     this.setState({ loading: true, error: null });
     return rxjs.from(
       getDataSource(this.state.datasource, {
-        __sceneObject: new SafeSerializableSceneObject(this)
+        __sceneObject: { text: "__sceneObject", value: this }
       })
     ).pipe(
       rxjs.mergeMap((ds) => {
@@ -7502,7 +7485,7 @@ class QueryVariable extends MultiValueVariable {
   }
   getRequest(target, searchFilter) {
     const scopedVars = {
-      __sceneObject: new SafeSerializableSceneObject(this)
+      __sceneObject: { text: "__sceneObject", value: this }
     };
     if (searchFilter) {
       scopedVars.__searchFilter = { value: searchFilter, text: searchFilter };
@@ -11620,7 +11603,6 @@ exports.PanelBuilders = PanelBuilders;
 exports.PanelOptionsBuilders = PanelOptionsBuilders;
 exports.QueryVariable = QueryVariable;
 exports.RuntimeDataSource = RuntimeDataSource;
-exports.SafeSerializableSceneObject = SafeSerializableSceneObject;
 exports.SceneApp = SceneApp;
 exports.SceneAppPage = SceneAppPage;
 exports.SceneByFrameRepeater = SceneByFrameRepeater;