@grafana/scenes 0.17.2 → 0.18.0

package/dist/index.js

@@ -75,8 +75,8 @@ function renderSceneComponentWithRouteProps(sceneObject, routeProps) {
 }
 
 var __defProp$q = Object.defineProperty;
-var __defProps$f = Object.defineProperties;
-var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
 var __hasOwnProp$r = Object.prototype.hasOwnProperty;
 var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
@@ -92,13 +92,13 @@ var __spreadValues$q = (a, b) => {
     }
   return a;
 };
-var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
 const runtimePanelPlugins = /* @__PURE__ */ new Map();
 function registerRuntimePanelPlugin({ pluginId, plugin }) {
   if (runtimePanelPlugins.has(pluginId)) {
     throw new Error(`A runtime panel plugin with id ${pluginId} has already been registered`);
   }
-  plugin.meta = __spreadProps$f(__spreadValues$q({}, plugin.meta), {
+  plugin.meta = __spreadProps$e(__spreadValues$q({}, plugin.meta), {
     id: pluginId,
     name: pluginId,
     module: "runtime plugin",
@@ -126,6 +126,51 @@ function loadPanelPluginSync(pluginId) {
   return (_a = getPanelPluginFromCache(pluginId)) != null ? _a : runtimePanelPlugins.get(pluginId);
 }
 
+class RuntimeDataSource extends data.DataSourceApi {
+  constructor(pluginId, uid) {
+    super({
+      name: "RuntimeDataSource-" + pluginId,
+      uid,
+      type: pluginId,
+      id: 1,
+      readOnly: true,
+      jsonData: {},
+      access: "direct",
+      meta: {
+        id: pluginId,
+        name: "RuntimeDataSource-" + pluginId,
+        type: data.PluginType.datasource,
+        info: {
+          author: {
+            name: ""
+          },
+          description: "",
+          links: [],
+          logos: {
+            large: "",
+            small: ""
+          },
+          screenshots: [],
+          updated: "",
+          version: ""
+        },
+        module: "",
+        baseUrl: ""
+      }
+    });
+  }
+  testDatasource() {
+    return Promise.resolve({});
+  }
+}
+const runtimeDataSources = /* @__PURE__ */ new Map();
+function registerRuntimeDataSource({ dataSource }) {
+  if (runtimeDataSources.has(dataSource.uid)) {
+    throw new Error(`A runtime data source with uid ${dataSource.uid} has already been registered`);
+  }
+  runtimeDataSources.set(dataSource.uid, dataSource);
+}
+
 function isSceneObject(obj) {
   return obj.useState !== void 0;
 }
@@ -153,8 +198,8 @@ function lookupVariable(name, sceneObject) {
 }
 
 var __defProp$p = Object.defineProperty;
-var __defProps$e = Object.defineProperties;
-var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
 var __hasOwnProp$q = Object.prototype.hasOwnProperty;
 var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
@@ -170,7 +215,7 @@ var __spreadValues$p = (a, b) => {
     }
   return a;
 };
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -195,7 +240,7 @@ function SceneComponentWrapperWithoutMemo(_a) {
   if (!activated) {
     return null;
   }
-  return /* @__PURE__ */ React__default["default"].createElement(Component, __spreadProps$e(__spreadValues$p({}, otherProps), {
+  return /* @__PURE__ */ React__default["default"].createElement(Component, __spreadProps$d(__spreadValues$p({}, otherProps), {
     model
   }));
 }
@@ -1086,8 +1131,8 @@ function collectAllVariables(sceneObject, record = {}) {
 }
 
 var __defProp$k = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
 var __hasOwnProp$l = Object.prototype.hasOwnProperty;
 var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
@@ -1103,7 +1148,7 @@ var __spreadValues$k = (a, b) => {
     }
   return a;
 };
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 function getTemplateProxyForField(field, frame, frames) {
   return new Proxy(
     {},
@@ -1119,7 +1164,7 @@ function getTemplateProxyForField(field, frame, frames) {
           if (!field.labels) {
             return "";
           }
-          return __spreadProps$d(__spreadValues$k({}, field.labels), {
+          return __spreadProps$c(__spreadValues$k({}, field.labels), {
             __values: Object.values(field.labels).sort().join(", "),
             toString: () => {
               return data.formatLabels(field.labels, "", true);
@@ -1596,8 +1641,8 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 var __defProp$j = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
 var __hasOwnProp$k = Object.prototype.hasOwnProperty;
 var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
@@ -1613,10 +1658,10 @@ var __spreadValues$j = (a, b) => {
     }
   return a;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 class SceneTimeZoneOverride extends SceneObjectBase {
   constructor(state) {
-    super(__spreadProps$c(__spreadValues$j({}, state), {
+    super(__spreadProps$b(__spreadValues$j({}, state), {
       timeZone: state.timeZone,
       from: "now-6h",
       to: "now",
@@ -1665,6 +1710,12 @@ class SceneTimeZoneOverride extends SceneObjectBase {
 }
 
 async function getDataSource(datasource, scopedVars) {
+  if (datasource == null ? void 0 : datasource.uid) {
+    const runtimeDataSource = runtimeDataSources.get(datasource.uid);
+    if (runtimeDataSource) {
+      return runtimeDataSource;
+    }
+  }
   if (datasource && datasource.query) {
     return datasource;
   }
@@ -1736,8 +1787,8 @@ class VariableValueRecorder {
 }
 
 var __defProp$i = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
 var __hasOwnProp$j = Object.prototype.hasOwnProperty;
 var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
@@ -1753,7 +1804,7 @@ var __spreadValues$i = (a, b) => {
     }
   return a;
 };
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 let counter = 100;
 function getNextRequestId() {
   return "SQR" + counter++;
@@ -1865,7 +1916,7 @@ class SceneQueryRunner extends SceneObjectBase {
     var _a;
     (_a = this._querySub) == null ? void 0 : _a.unsubscribe();
     this.setState({
-      data: __spreadProps$b(__spreadValues$i({}, this.state.data), { state: schema.LoadingState.Done })
+      data: __spreadProps$a(__spreadValues$i({}, this.state.data), { state: schema.LoadingState.Done })
     });
   }
   async runWithTimeRange(timeRange) {
@@ -1898,7 +1949,8 @@ class SceneQueryRunner extends SceneObjectBase {
       targets: lodash.cloneDeep(queries),
       maxDataPoints: this.getMaxDataPoints(),
       scopedVars: sceneObjectScopedVar,
-      startTime: Date.now()
+      startTime: Date.now(),
+      liveStreaming: this.state.liveStreaming
     };
     try {
       const datasource = (_b = this.state.datasource) != null ? _b : findFirstDatasource(request.targets);
@@ -1936,8 +1988,8 @@ function findFirstDatasource(targets) {
 }
 
 var __defProp$h = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
 var __hasOwnProp$i = Object.prototype.hasOwnProperty;
 var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
@@ -1953,7 +2005,7 @@ var __spreadValues$h = (a, b) => {
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 class SceneDataTransformer extends SceneObjectBase {
   constructor(state) {
     super(state);
@@ -2021,7 +2073,7 @@ class SceneDataTransformer extends SceneObjectBase {
         return sceneGraph.interpolate(this, value, (_a = data$1.request) == null ? void 0 : _a.scopedVars);
       }
     };
-    this._transformSub = data.transformDataFrame(transformations, data$1.series, ctx).pipe(rxjs.map((series) => __spreadProps$a(__spreadValues$h({}, data$1), { series }))).subscribe((data2) => this.setState({ data: data2 }));
+    this._transformSub = data.transformDataFrame(transformations, data$1.series, ctx).pipe(rxjs.map((series) => __spreadProps$9(__spreadValues$h({}, data$1), { series }))).subscribe((data2) => this.setState({ data: data2 }));
   }
 }
 
@@ -2299,8 +2351,8 @@ function writeVariableTraceLog(variable, message, err) {
 }
 
 var __defProp$g = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
 var __hasOwnProp$h = Object.prototype.hasOwnProperty;
 var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
@@ -2316,10 +2368,10 @@ var __spreadValues$g = (a, b) => {
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 class ConstantVariable extends SceneObjectBase {
   constructor(initialState) {
-    super(__spreadProps$9(__spreadValues$g({
+    super(__spreadProps$8(__spreadValues$g({
       type: "constant",
       value: "",
       name: ""
@@ -2726,8 +2778,8 @@ const hasCustomVariableSupport = (datasource) => {
 };
 
 var __defProp$d = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
 var __hasOwnProp$e = Object.prototype.hasOwnProperty;
 var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
@@ -2743,7 +2795,7 @@ var __spreadValues$d = (a, b) => {
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 class StandardQueryRunner {
   constructor(datasource, _runRequest = runtime.getRunRequest()) {
     this.datasource = datasource;
@@ -2780,7 +2832,7 @@ class LegacyQueryRunner {
       return getEmptyMetricFindValueObservable();
     }
     return rxjs.from(
-      this.datasource.metricFindQuery(variable.state.query, __spreadProps$8(__spreadValues$d({}, request), {
+      this.datasource.metricFindQuery(variable.state.query, __spreadProps$7(__spreadValues$d({}, request), {
         variable: {
           name: variable.state.name,
           type: variable.state.type
@@ -3653,8 +3705,8 @@ function getChromeStatusMessage(data, pluginLoadingError) {
 }
 
 var __defProp$9 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
 var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
@@ -3670,7 +3722,7 @@ var __spreadValues$9 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 const displayOverrideRef = "hideSeriesFrom";
 const isHideSeriesOverride = data.isSystemOverrideWithRef(displayOverrideRef);
 function seriesVisibilityConfigFactory(label, mode, fieldConfig, data) {
@@ -3680,13 +3732,13 @@ function seriesVisibilityConfigFactory(label, mode, fieldConfig, data) {
   if (currentIndex < 0) {
     if (mode === ui.SeriesVisibilityChangeMode.ToggleSelection) {
       const override3 = createOverride$1([displayName, ...getNamesOfHiddenFields(overrides, data)]);
-      return __spreadProps$7(__spreadValues$9({}, fieldConfig), {
+      return __spreadProps$6(__spreadValues$9({}, fieldConfig), {
         overrides: [...fieldConfig.overrides, override3]
       });
     }
     const displayNames = getDisplayNames(data, displayName);
     const override2 = createOverride$1(displayNames);
-    return __spreadProps$7(__spreadValues$9({}, fieldConfig), {
+    return __spreadProps$6(__spreadValues$9({}, fieldConfig), {
       overrides: [...fieldConfig.overrides, override2]
     });
   }
@@ -3699,22 +3751,22 @@ function seriesVisibilityConfigFactory(label, mode, fieldConfig, data) {
       existing = existing.filter((el) => nameOfHiddenFields.indexOf(el) < 0);
     }
     if (existing[0] === displayName && existing.length === 1) {
-      return __spreadProps$7(__spreadValues$9({}, fieldConfig), {
+      return __spreadProps$6(__spreadValues$9({}, fieldConfig), {
         overrides: overridesCopy
       });
     }
     const override2 = createOverride$1([displayName, ...nameOfHiddenFields]);
-    return __spreadProps$7(__spreadValues$9({}, fieldConfig), {
+    return __spreadProps$6(__spreadValues$9({}, fieldConfig), {
       overrides: [...overridesCopy, override2]
     });
   }
   const override = createExtendedOverride(current, displayName);
   if (allFieldsAreExcluded(override, data)) {
-    return __spreadProps$7(__spreadValues$9({}, fieldConfig), {
+    return __spreadProps$6(__spreadValues$9({}, fieldConfig), {
       overrides: overridesCopy
     });
   }
-  return __spreadProps$7(__spreadValues$9({}, fieldConfig), {
+  return __spreadProps$6(__spreadValues$9({}, fieldConfig), {
     overrides: [...overridesCopy, override]
   });
 }
@@ -3739,7 +3791,7 @@ function createOverride$1(names, mode = data.ByNamesMatcherMode.exclude, propert
       }
     },
     properties: [
-      __spreadProps$7(__spreadValues$9({}, property), {
+      __spreadProps$6(__spreadValues$9({}, property), {
         value: {
           viz: true,
           legend: false,
@@ -3812,8 +3864,8 @@ const getNamesOfHiddenFields = (overrides, data$1) => {
 };
 
 var __defProp$8 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
 var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
 var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
@@ -3829,14 +3881,14 @@ var __spreadValues$8 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 const changeSeriesColorConfigFactory = (label, color, fieldConfig) => {
   const { overrides } = fieldConfig;
   const currentIndex = fieldConfig.overrides.findIndex((override) => {
     return override.matcher.id === data.FieldMatcherID.byName && override.matcher.options === label;
   });
   if (currentIndex < 0) {
-    return __spreadProps$6(__spreadValues$8({}, fieldConfig), {
+    return __spreadProps$5(__spreadValues$8({}, fieldConfig), {
       overrides: [...fieldConfig.overrides, createOverride(label, color)]
     });
   }
@@ -3844,19 +3896,19 @@ const changeSeriesColorConfigFactory = (label, color, fieldConfig) => {
   const existing = overridesCopy[currentIndex];
   const propertyIndex = existing.properties.findIndex((p) => p.id === "color");
   if (propertyIndex < 0) {
-    overridesCopy[currentIndex] = __spreadProps$6(__spreadValues$8({}, existing), {
+    overridesCopy[currentIndex] = __spreadProps$5(__spreadValues$8({}, existing), {
       properties: [...existing.properties, createProperty(color)]
     });
-    return __spreadProps$6(__spreadValues$8({}, fieldConfig), {
+    return __spreadProps$5(__spreadValues$8({}, fieldConfig), {
       overrides: overridesCopy
     });
   }
   const propertiesCopy = Array.from(existing.properties);
   propertiesCopy[propertyIndex] = createProperty(color);
-  overridesCopy[currentIndex] = __spreadProps$6(__spreadValues$8({}, existing), {
+  overridesCopy[currentIndex] = __spreadProps$5(__spreadValues$8({}, existing), {
     properties: propertiesCopy
   });
-  return __spreadProps$6(__spreadValues$8({}, fieldConfig), {
+  return __spreadProps$5(__spreadValues$8({}, fieldConfig), {
     overrides: overridesCopy
   });
 };
@@ -3880,8 +3932,8 @@ const createProperty = (color) => {
 };
 
 var __defProp$7 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
 var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
 var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
@@ -3897,7 +3949,7 @@ var __spreadValues$7 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 class VizPanel extends SceneObjectBase {
   constructor(state) {
     super(__spreadValues$7({
@@ -3966,8 +4018,8 @@ class VizPanel extends SceneObjectBase {
         sortDesc = !sortDesc;
         sortBy = sortKey;
       }
-      this.onOptionsChange(__spreadProps$5(__spreadValues$7({}, this.state.options), {
-        legend: __spreadProps$5(__spreadValues$7({}, legendOptions), { sortBy, sortDesc })
+      this.onOptionsChange(__spreadProps$4(__spreadValues$7({}, this.state.options), {
+        legend: __spreadProps$4(__spreadValues$7({}, legendOptions), { sortBy, sortDesc })
       }));
     };
     this._panelContext = {
@@ -4049,7 +4101,7 @@ class VizPanel extends SceneObjectBase {
     if (rawData.structureRev == null && newFrames && prevFrames && !data.compareArrayValues(newFrames, prevFrames, data.compareDataFrameStructures)) {
       this._structureRev++;
     }
-    this._dataWithFieldConfig = __spreadProps$5(__spreadValues$7({}, rawData), {
+    this._dataWithFieldConfig = __spreadProps$4(__spreadValues$7({}, rawData), {
       structureRev: this._structureRev,
       series: data.applyFieldOverrides({
         data: newFrames,
@@ -4267,8 +4319,8 @@ function SceneTimePickerRenderer({ model }) {
 }
 
 var __defProp$6 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
 var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
 var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
@@ -4284,12 +4336,12 @@ var __spreadValues$6 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 const DEFAULT_INTERVALS = ["5s", "10s", "30s", "1m", "5m", "15m", "30m", "1h", "2h", "1d"];
 class SceneRefreshPicker extends SceneObjectBase {
   constructor(state) {
     var _a;
-    super(__spreadProps$4(__spreadValues$6({
+    super(__spreadProps$3(__spreadValues$6({
       refresh: ""
     }, state), {
       intervals: (_a = state.intervals) != null ? _a : DEFAULT_INTERVALS
@@ -4531,8 +4583,6 @@ const GRID_CELL_VMARGIN = 8;
 const GRID_COLUMN_COUNT = 24;
 
 var __defProp$5 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
 var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
 var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
@@ -4548,7 +4598,6 @@ var __spreadValues$5 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -4567,39 +4616,42 @@ function useUniqueId() {
   (_a = idRefLazy.current) != null ? _a : idRefLazy.current = lodash.uniqueId();
   return idRefLazy.current;
 }
-function LazyLoader(_a) {
-  var _b = _a, { children, width, height, onLoad, onChange, style } = _b, rest = __objRest(_b, ["children", "width", "height", "onLoad", "onChange", "style"]);
-  const id = useUniqueId();
-  const [loaded, setLoaded] = React.useState(false);
-  const [isInView, setIsInView] = React.useState(false);
-  const wrapperRef = React.useRef(null);
-  reactUse.useEffectOnce(() => {
-    LazyLoader.addCallback(id, (entry) => {
-      if (!loaded && entry.isIntersecting) {
-        setLoaded(true);
-        onLoad == null ? void 0 : onLoad();
-      }
-      setIsInView(entry.isIntersecting);
-      onChange == null ? void 0 : onChange(entry.isIntersecting);
-    });
-    const wrapperEl = wrapperRef.current;
-    if (wrapperEl) {
-      LazyLoader.observer.observe(wrapperEl);
-    }
-    return () => {
-      delete LazyLoader.callbacks[id];
-      wrapperEl && LazyLoader.observer.unobserve(wrapperEl);
-      if (Object.keys(LazyLoader.callbacks).length === 0) {
-        LazyLoader.observer.disconnect();
+const LazyLoader = React__default["default"].forwardRef(
+  (_a, ref) => {
+    var _b = _a, { children, onLoad, onChange } = _b, rest = __objRest(_b, ["children", "onLoad", "onChange"]);
+    const id = useUniqueId();
+    const [loaded, setLoaded] = React.useState(false);
+    const [isInView, setIsInView] = React.useState(false);
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    reactUse.useEffectOnce(() => {
+      LazyLoader.addCallback(id, (entry) => {
+        if (!loaded && entry.isIntersecting) {
+          setLoaded(true);
+          onLoad == null ? void 0 : onLoad();
+        }
+        setIsInView(entry.isIntersecting);
+        onChange == null ? void 0 : onChange(entry.isIntersecting);
+      });
+      const wrapperEl = innerRef.current;
+      if (wrapperEl) {
+        LazyLoader.observer.observe(wrapperEl);
       }
-    };
-  });
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$5({
-    id,
-    ref: wrapperRef,
-    style: __spreadProps$3(__spreadValues$5({}, style), { width, height })
-  }, rest), loaded && (typeof children === "function" ? children({ isInView }) : children));
-}
+      return () => {
+        delete LazyLoader.callbacks[id];
+        wrapperEl && LazyLoader.observer.unobserve(wrapperEl);
+        if (Object.keys(LazyLoader.callbacks).length === 0) {
+          LazyLoader.observer.disconnect();
+        }
+      };
+    });
+    return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues$5({
+      id,
+      ref: innerRef
+    }, rest), loaded && (typeof children === "function" ? children({ isInView }) : children));
+  }
+);
+LazyLoader.displayName = "LazyLoader";
 LazyLoader.callbacks = {};
 LazyLoader.addCallback = (id, c) => LazyLoader.callbacks[id] = c;
 LazyLoader.observer = new IntersectionObserver(
@@ -4612,10 +4664,7 @@ LazyLoader.observer = new IntersectionObserver(
 );
 
 function SceneGridLayoutRenderer({ model }) {
-  const { children, isLazy } = model.useState();
-  const LazyWrapper = isLazy ? LazyLoader : ({ style, children: children2 }) => /* @__PURE__ */ React__default["default"].createElement("div", {
-    style
-  }, children2);
+  const { children, isLazy, isDraggable } = model.useState();
   validateChildrenSize(children);
   return /* @__PURE__ */ React__default["default"].createElement(AutoSizer__default["default"], {
     disableHeight: true
@@ -4624,12 +4673,11 @@ function SceneGridLayoutRenderer({ model }) {
       return null;
     }
     const layout = model.buildGridLayout(width);
-    const cellWidth = (width - (GRID_COLUMN_COUNT - 1) * GRID_CELL_VMARGIN) / GRID_COLUMN_COUNT;
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       style: { width: `${width}px`, height: "100%" }
     }, /* @__PURE__ */ React__default["default"].createElement(ReactGridLayout__default["default"], {
       width,
-      isDraggable: width > 768,
+      isDraggable: isDraggable && width > 768,
       isResizable: false,
       containerPadding: [0, 0],
       useCSSTransforms: false,
@@ -4644,21 +4692,18 @@ function SceneGridLayoutRenderer({ model }) {
       onLayoutChange: model.onLayoutChange,
       isBounded: false
     }, layout.map((gridItem) => {
-      var _a, _b;
       const sceneChild = model.getSceneLayoutChild(gridItem.i);
-      const pixelWidth = cellToPixelSize((_a = sceneChild.state.width) != null ? _a : 0, cellWidth, GRID_CELL_VMARGIN);
-      const pixelHeight = cellToPixelSize((_b = sceneChild.state.height) != null ? _b : 0, GRID_CELL_HEIGHT, GRID_CELL_VMARGIN);
-      return /* @__PURE__ */ React__default["default"].createElement("div", {
-        style: { display: "flex" },
+      return isLazy ? /* @__PURE__ */ React__default["default"].createElement(LazyLoader, {
         key: sceneChild.state.key
-      }, /* @__PURE__ */ React__default["default"].createElement(LazyWrapper, {
-        width: pixelWidth,
-        height: pixelHeight,
-        style: { display: "flex" }
       }, /* @__PURE__ */ React__default["default"].createElement(sceneChild.Component, {
         model: sceneChild,
         key: sceneChild.state.key
-      })));
+      })) : /* @__PURE__ */ React__default["default"].createElement("div", {
+        key: sceneChild.state.key
+      }, /* @__PURE__ */ React__default["default"].createElement(sceneChild.Component, {
+        model: sceneChild,
+        key: sceneChild.state.key
+      }));
     })));
   });
 }
@@ -4669,9 +4714,6 @@ function validateChildrenSize(children) {
     throw new Error("All children must have a size specified");
   }
 }
-function cellToPixelSize(sizeInCells, sizeOfCellInPx, margin = 0) {
-  return Math.max(Math.round(sizeInCells * (sizeOfCellInPx + margin) - margin), 0);
-}
 
 function SceneDragHandle({ className, dragClass }) {
   return /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -4737,8 +4779,10 @@ class SceneGridRow extends SceneObjectBase {
     return { rowc: this.state.isCollapsed ? "1" : "0" };
   }
   updateFromUrl(values) {
-    const isCollapsed = values.rowc === "1";
-    if (isCollapsed !== this.state.isCollapsed) {
+    if (values.rowc == null) {
+      return;
+    }
+    if (values.rowc !== this.getUrlState().rowc) {
       this.onCollapseToggle();
     }
   }
@@ -6088,7 +6132,8 @@ const PanelBuilders = {
 
 const sceneUtils = {
   getUrlWithAppState,
-  registerRuntimePanelPlugin
+  registerRuntimePanelPlugin,
+  registerRuntimeDataSource
 };
 
 exports.ConstantVariable = ConstantVariable;
@@ -6098,6 +6143,7 @@ exports.EmbeddedScene = EmbeddedScene;
 exports.NestedScene = NestedScene;
 exports.PanelBuilders = PanelBuilders;
 exports.QueryVariable = QueryVariable;
+exports.RuntimeDataSource = RuntimeDataSource;
 exports.SceneApp = SceneApp;
 exports.SceneAppPage = SceneAppPage;
 exports.SceneByFrameRepeater = SceneByFrameRepeater;
@@ -6135,6 +6181,7 @@ exports.formatRegistry = formatRegistry;
 exports.getUrlSyncManager = getUrlSyncManager;
 exports.isCustomVariableValue = isCustomVariableValue;
 exports.isSceneObject = isSceneObject;
+exports.registerRuntimeDataSource = registerRuntimeDataSource;
 exports.sceneGraph = sceneGraph;
 exports.sceneUtils = sceneUtils;
 //# sourceMappingURL=index.js.map