@grafana/scenes 0.25.0 → 0.26.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.26.0 (Tue Aug 29 2023)
+
+#### 🚀 Enhancement
+
+- sceneUtils: cloneSceneObjectState [#297](https://github.com/grafana/scenes/pull/297) ([@torkelo](https://github.com/torkelo))
+
+#### Authors: 1
+
+- Torkel Ödegaard ([@torkelo](https://github.com/torkelo))
+
+---
+
 # v0.25.0 (Tue Aug 22 2023)
 
 #### 🚀 Enhancement

package/dist/esm/core/sceneGraph/utils.js

@@ -17,7 +17,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 function cloneSceneObject(sceneObject, withState) {
-  const clonedState = __spreadValues({}, sceneObject.state);
+  const clonedState = cloneSceneObjectState(sceneObject.state, withState);
+  return new sceneObject.constructor(clonedState);
+}
+function cloneSceneObjectState(sceneState, withState) {
+  const clonedState = __spreadValues({}, sceneState);
   for (const key in clonedState) {
     const propValue = clonedState[key];
     if (propValue instanceof SceneObjectBase) {
@@ -36,7 +40,7 @@ function cloneSceneObject(sceneObject, withState) {
     }
   }
   Object.assign(clonedState, withState);
-  return new sceneObject.constructor(clonedState);
+  return clonedState;
 }
 function getClosest(sceneObject, extract) {
   let curSceneObject = sceneObject;
@@ -48,5 +52,5 @@ function getClosest(sceneObject, extract) {
   return extracted;
 }
 
-export { cloneSceneObject, getClosest };
+export { cloneSceneObject, cloneSceneObjectState, getClosest };
 //# sourceMappingURL=utils.js.map

package/dist/esm/core/sceneGraph/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/core/sceneGraph/utils.ts"],"sourcesContent":["import { SceneObject, SceneObjectState } from '../types';\n\nimport { SceneObjectBase } from '../SceneObjectBase';\n\n/**\n * Will create new SceneItem with shalled cloned state, but all states items of type SceneObject are deep cloned\n */\nexport function cloneSceneObject<T extends SceneObjectBase<TState>, TState extends SceneObjectState>(\n  sceneObject: SceneObjectBase<TState>,\n  withState?: Partial<TState>\n): T {\n  const clonedState = { ...sceneObject.state };\n\n  // Clone any SceneItems in state\n  for (const key in clonedState) {\n    const propValue = clonedState[key];\n    if (propValue instanceof SceneObjectBase) {\n      clonedState[key] = propValue.clone();\n    }\n\n    // Clone scene objects in arrays\n    if (Array.isArray(propValue)) {\n      const newArray: any = [];\n      for (const child of propValue) {\n        if (child instanceof SceneObjectBase) {\n          newArray.push(child.clone());\n        } else {\n          newArray.push(child);\n        }\n      }\n      clonedState[key] = newArray;\n    }\n  }\n\n  Object.assign(clonedState, withState);\n\n  return new (sceneObject.constructor as any)(clonedState);\n}\n\n/** Walks up the scene graph, returning the first non-undefined result of `extract` */\nexport function getClosest<T>(sceneObject: SceneObject, extract: (s: SceneObject) => T | undefined): T | undefined {\n  let curSceneObject: SceneObject | undefined = sceneObject;\n  let extracted: T | undefined = undefined;\n\n  while (curSceneObject && !extracted) {\n    extracted = extract(curSceneObject);\n    curSceneObject = curSceneObject.parent;\n  }\n\n  return extracted;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAOgB,SAAA,gBAAA,CACd,aACA,SACG,EAAA;AACH,EAAM,MAAA,WAAA,GAAc,mBAAK,WAAY,CAAA,KAAA,CAAA,CAAA;AAGrC,EAAA,KAAA,MAAW,OAAO,WAAa,EAAA;AAC7B,IAAA,MAAM,YAAY,WAAY,CAAA,GAAA,CAAA,CAAA;AAC9B,IAAA,IAAI,qBAAqB,eAAiB,EAAA;AACxC,MAAY,WAAA,CAAA,GAAA,CAAA,GAAO,UAAU,KAAM,EAAA,CAAA;AAAA,KACrC;AAGA,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,SAAS,CAAG,EAAA;AAC5B,MAAA,MAAM,WAAgB,EAAC,CAAA;AACvB,MAAA,KAAA,MAAW,SAAS,SAAW,EAAA;AAC7B,QAAA,IAAI,iBAAiB,eAAiB,EAAA;AACpC,UAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAO,CAAA,CAAA;AAAA,SACtB,MAAA;AACL,UAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,SACrB;AAAA,OACF;AACA,MAAA,WAAA,CAAY,GAAO,CAAA,GAAA,QAAA,CAAA;AAAA,KACrB;AAAA,GACF;AAEA,EAAO,MAAA,CAAA,MAAA,CAAO,aAAa,SAAS,CAAA,CAAA;AAEpC,EAAO,OAAA,IAAK,WAAY,CAAA,WAAA,CAAoB,WAAW,CAAA,CAAA;AACzD,CAAA;AAGgB,SAAA,UAAA,CAAc,aAA0B,OAA2D,EAAA;AACjH,EAAA,IAAI,cAA0C,GAAA,WAAA,CAAA;AAC9C,EAAA,IAAI,SAA2B,GAAA,KAAA,CAAA,CAAA;AAE/B,EAAO,OAAA,cAAA,IAAkB,CAAC,SAAW,EAAA;AACnC,IAAA,SAAA,GAAY,QAAQ,cAAc,CAAA,CAAA;AAClC,IAAA,cAAA,GAAiB,cAAe,CAAA,MAAA,CAAA;AAAA,GAClC;AAEA,EAAO,OAAA,SAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/core/sceneGraph/utils.ts"],"sourcesContent":["import { SceneObject, SceneObjectState } from '../types';\n\nimport { SceneObjectBase } from '../SceneObjectBase';\n\n/**\n * Will create new SceneItem with shalled cloned state, but all states items of type SceneObject are deep cloned\n */\nexport function cloneSceneObject<T extends SceneObjectBase<TState>, TState extends SceneObjectState>(\n  sceneObject: SceneObjectBase<TState>,\n  withState?: Partial<TState>\n): T {\n  const clonedState = cloneSceneObjectState(sceneObject.state, withState);\n  return new (sceneObject.constructor as any)(clonedState);\n}\n\nexport function cloneSceneObjectState<TState extends SceneObjectState>(\n  sceneState: TState,\n  withState?: Partial<TState>\n): TState {\n  const clonedState = { ...sceneState };\n\n  // Clone any SceneItems in state\n  for (const key in clonedState) {\n    const propValue = clonedState[key];\n    if (propValue instanceof SceneObjectBase) {\n      clonedState[key] = propValue.clone();\n    }\n\n    // Clone scene objects in arrays\n    if (Array.isArray(propValue)) {\n      const newArray: any = [];\n      for (const child of propValue) {\n        if (child instanceof SceneObjectBase) {\n          newArray.push(child.clone());\n        } else {\n          newArray.push(child);\n        }\n      }\n      clonedState[key] = newArray;\n    }\n  }\n\n  Object.assign(clonedState, withState);\n\n  return clonedState;\n}\n\n/** Walks up the scene graph, returning the first non-undefined result of `extract` */\nexport function getClosest<T>(sceneObject: SceneObject, extract: (s: SceneObject) => T | undefined): T | undefined {\n  let curSceneObject: SceneObject | undefined = sceneObject;\n  let extracted: T | undefined = undefined;\n\n  while (curSceneObject && !extracted) {\n    extracted = extract(curSceneObject);\n    curSceneObject = curSceneObject.parent;\n  }\n\n  return extracted;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAOgB,SAAA,gBAAA,CACd,aACA,SACG,EAAA;AACH,EAAA,MAAM,WAAc,GAAA,qBAAA,CAAsB,WAAY,CAAA,KAAA,EAAO,SAAS,CAAA,CAAA;AACtE,EAAO,OAAA,IAAK,WAAY,CAAA,WAAA,CAAoB,WAAW,CAAA,CAAA;AACzD,CAAA;AAEgB,SAAA,qBAAA,CACd,YACA,SACQ,EAAA;AACR,EAAA,MAAM,cAAc,cAAK,CAAA,EAAA,EAAA,UAAA,CAAA,CAAA;AAGzB,EAAA,KAAA,MAAW,OAAO,WAAa,EAAA;AAC7B,IAAA,MAAM,YAAY,WAAY,CAAA,GAAA,CAAA,CAAA;AAC9B,IAAA,IAAI,qBAAqB,eAAiB,EAAA;AACxC,MAAY,WAAA,CAAA,GAAA,CAAA,GAAO,UAAU,KAAM,EAAA,CAAA;AAAA,KACrC;AAGA,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,SAAS,CAAG,EAAA;AAC5B,MAAA,MAAM,WAAgB,EAAC,CAAA;AACvB,MAAA,KAAA,MAAW,SAAS,SAAW,EAAA;AAC7B,QAAA,IAAI,iBAAiB,eAAiB,EAAA;AACpC,UAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAO,CAAA,CAAA;AAAA,SACtB,MAAA;AACL,UAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,SACrB;AAAA,OACF;AACA,MAAA,WAAA,CAAY,GAAO,CAAA,GAAA,QAAA,CAAA;AAAA,KACrB;AAAA,GACF;AAEA,EAAO,MAAA,CAAA,MAAA,CAAO,aAAa,SAAS,CAAA,CAAA;AAEpC,EAAO,OAAA,WAAA,CAAA;AACT,CAAA;AAGgB,SAAA,UAAA,CAAc,aAA0B,OAA2D,EAAA;AACjH,EAAA,IAAI,cAA0C,GAAA,WAAA,CAAA;AAC9C,EAAA,IAAI,SAA2B,GAAA,KAAA,CAAA,CAAA;AAE/B,EAAO,OAAA,cAAA,IAAkB,CAAC,SAAW,EAAA;AACnC,IAAA,SAAA,GAAY,QAAQ,cAAc,CAAA,CAAA;AAClC,IAAA,cAAA,GAAiB,cAAe,CAAA,MAAA,CAAA;AAAA,GAClC;AAEA,EAAO,OAAA,SAAA,CAAA;AACT;;;;"}

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 import { getUrlWithAppState } from './components/SceneApp/utils.js';
 import { registerRuntimePanelPlugin } from './components/VizPanel/registerRuntimePanelPlugin.js';
+import { cloneSceneObjectState } from './core/sceneGraph/utils.js';
 import { registerRuntimeDataSource } from './querying/RuntimeDataSource.js';
 export { RuntimeDataSource, registerRuntimeDataSource } from './querying/RuntimeDataSource.js';
 export { isSceneObject } from './core/types.js';
@@ -49,7 +50,8 @@ export { PanelBuilders } from './core/PanelBuilders/index.js';
 const sceneUtils = {
   getUrlWithAppState,
   registerRuntimePanelPlugin,
-  registerRuntimeDataSource
+  registerRuntimeDataSource,
+  cloneSceneObjectState
 };
 
 export { sceneUtils };

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { getUrlWithAppState } from './components/SceneApp/utils';\nimport { registerRuntimePanelPlugin } from './components/VizPanel/registerRuntimePanelPlugin';\nimport { registerRuntimeDataSource } from './querying/RuntimeDataSource';\n\nexport * from './core/types';\nexport * from './core/events';\nexport { sceneGraph } from './core/sceneGraph';\nexport * as behaviors from './behaviors';\n\nexport { SceneObjectBase } from './core/SceneObjectBase';\nexport { SceneDataNode } from './core/SceneDataNode';\nexport { SceneTimeRange } from './core/SceneTimeRange';\nexport { SceneTimeZoneOverride } from './core/SceneTimeZoneOverride';\n\nexport { SceneQueryRunner, type QueryRunnerState } from './querying/SceneQueryRunner';\nexport { SceneDataTransformer } from './querying/SceneDataTransformer';\nexport { registerRuntimeDataSource, RuntimeDataSource } from './querying/RuntimeDataSource';\n\nexport * from './variables/types';\nexport { VariableDependencyConfig } from './variables/VariableDependencyConfig';\nexport { formatRegistry, type FormatVariable } from './variables/interpolation/formatRegistry';\nexport { VariableValueSelectors } from './variables/components/VariableValueSelectors';\nexport { SceneVariableSet } from './variables/sets/SceneVariableSet';\nexport { ConstantVariable } from './variables/variants/ConstantVariable';\nexport { CustomVariable } from './variables/variants/CustomVariable';\nexport { DataSourceVariable } from './variables/variants/DataSourceVariable';\nexport { QueryVariable } from './variables/variants/query/QueryVariable';\nexport { TestVariable } from './variables/variants/TestVariable';\nexport { TextBoxVariable } from './variables/variants/TextBoxVariable';\n\nexport { type UrlSyncManagerLike as UrlSyncManager, getUrlSyncManager } from './services/UrlSyncManager';\nexport { SceneObjectUrlSyncConfig } from './services/SceneObjectUrlSyncConfig';\n\nexport { EmbeddedScene, type EmbeddedSceneState } from './components/EmbeddedScene';\nexport { VizPanel, type VizPanelState } from './components/VizPanel/VizPanel';\nexport { VizPanelMenu } from './components/VizPanel/VizPanelMenu';\nexport { NestedScene } from './components/NestedScene';\nexport { SceneCanvasText } from './components/SceneCanvasText';\nexport { SceneToolbarButton, SceneToolbarInput } from './components/SceneToolbarButton';\nexport { SceneTimePicker } from './components/SceneTimePicker';\nexport { SceneRefreshPicker } from './components/SceneRefreshPicker';\nexport { SceneByFrameRepeater } from './components/SceneByFrameRepeater';\nexport { SceneControlsSpacer } from './components/SceneControlsSpacer';\nexport { SceneFlexLayout, SceneFlexItem, type SceneFlexItemState } from './components/layout/SceneFlexLayout';\nexport { SceneGridLayout } from './components/layout/grid/SceneGridLayout';\nexport { SceneGridItem } from './components/layout/grid/SceneGridItem';\nexport { SceneGridRow } from './components/layout/grid/SceneGridRow';\nexport { SplitLayout } from './components/layout/split/SplitLayout';\nexport {\n  type SceneAppPageLike,\n  type SceneRouteMatch,\n  type SceneAppPageState,\n  type SceneAppDrilldownView,\n  type SceneAppRoute,\n} from './components/SceneApp/types';\nexport { SceneApp } from './components/SceneApp/SceneApp';\nexport { SceneAppPage } from './components/SceneApp/SceneAppPage';\nexport { SceneReactObject } from './components/SceneReactObject';\nexport { PanelBuilders } from './core/PanelBuilders';\n\nexport const sceneUtils = {\n  getUrlWithAppState,\n  registerRuntimePanelPlugin,\n  registerRuntimeDataSource,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DO,MAAM,UAAa,GAAA;AAAA,EACxB,kBAAA;AAAA,EACA,0BAAA;AAAA,EACA,yBAAA;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { getUrlWithAppState } from './components/SceneApp/utils';\nimport { registerRuntimePanelPlugin } from './components/VizPanel/registerRuntimePanelPlugin';\nimport { cloneSceneObjectState } from './core/sceneGraph/utils';\nimport { registerRuntimeDataSource } from './querying/RuntimeDataSource';\n\nexport * from './core/types';\nexport * from './core/events';\nexport { sceneGraph } from './core/sceneGraph';\nexport * as behaviors from './behaviors';\n\nexport { SceneObjectBase } from './core/SceneObjectBase';\nexport { SceneDataNode } from './core/SceneDataNode';\nexport { SceneTimeRange } from './core/SceneTimeRange';\nexport { SceneTimeZoneOverride } from './core/SceneTimeZoneOverride';\n\nexport { SceneQueryRunner, type QueryRunnerState } from './querying/SceneQueryRunner';\nexport { SceneDataTransformer } from './querying/SceneDataTransformer';\nexport { registerRuntimeDataSource, RuntimeDataSource } from './querying/RuntimeDataSource';\n\nexport * from './variables/types';\nexport { VariableDependencyConfig } from './variables/VariableDependencyConfig';\nexport { formatRegistry, type FormatVariable } from './variables/interpolation/formatRegistry';\nexport { VariableValueSelectors } from './variables/components/VariableValueSelectors';\nexport { SceneVariableSet } from './variables/sets/SceneVariableSet';\nexport { ConstantVariable } from './variables/variants/ConstantVariable';\nexport { CustomVariable } from './variables/variants/CustomVariable';\nexport { DataSourceVariable } from './variables/variants/DataSourceVariable';\nexport { QueryVariable } from './variables/variants/query/QueryVariable';\nexport { TestVariable } from './variables/variants/TestVariable';\nexport { TextBoxVariable } from './variables/variants/TextBoxVariable';\n\nexport { type UrlSyncManagerLike as UrlSyncManager, getUrlSyncManager } from './services/UrlSyncManager';\nexport { SceneObjectUrlSyncConfig } from './services/SceneObjectUrlSyncConfig';\n\nexport { EmbeddedScene, type EmbeddedSceneState } from './components/EmbeddedScene';\nexport { VizPanel, type VizPanelState } from './components/VizPanel/VizPanel';\nexport { VizPanelMenu } from './components/VizPanel/VizPanelMenu';\nexport { NestedScene } from './components/NestedScene';\nexport { SceneCanvasText } from './components/SceneCanvasText';\nexport { SceneToolbarButton, SceneToolbarInput } from './components/SceneToolbarButton';\nexport { SceneTimePicker } from './components/SceneTimePicker';\nexport { SceneRefreshPicker } from './components/SceneRefreshPicker';\nexport { SceneByFrameRepeater } from './components/SceneByFrameRepeater';\nexport { SceneControlsSpacer } from './components/SceneControlsSpacer';\nexport { SceneFlexLayout, SceneFlexItem, type SceneFlexItemState } from './components/layout/SceneFlexLayout';\nexport { SceneGridLayout } from './components/layout/grid/SceneGridLayout';\nexport { SceneGridItem } from './components/layout/grid/SceneGridItem';\nexport { SceneGridRow } from './components/layout/grid/SceneGridRow';\nexport { SplitLayout } from './components/layout/split/SplitLayout';\nexport {\n  type SceneAppPageLike,\n  type SceneRouteMatch,\n  type SceneAppPageState,\n  type SceneAppDrilldownView,\n  type SceneAppRoute,\n} from './components/SceneApp/types';\nexport { SceneApp } from './components/SceneApp/SceneApp';\nexport { SceneAppPage } from './components/SceneApp/SceneAppPage';\nexport { SceneReactObject } from './components/SceneReactObject';\nexport { PanelBuilders } from './core/PanelBuilders';\n\nexport const sceneUtils = {\n  getUrlWithAppState,\n  registerRuntimePanelPlugin,\n  registerRuntimeDataSource,\n  cloneSceneObjectState,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DO,MAAM,UAAa,GAAA;AAAA,EACxB,kBAAA;AAAA,EACA,0BAAA;AAAA,EACA,yBAAA;AAAA,EACA,qBAAA;AACF;;;;"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { BusEventWithPayload, PanelData, BusEvent, BusEventType, BusEventHandler, TimeRange, DataTransformContext, DataFrame, PanelPlugin, DataQuery, DataSourceApi, ScopedVars, EventBus, EventFilterOptions, DataTransformerConfig, Registry, RegistryItem, DataSourceRef as DataSourceRef$1, VariableRefresh, VariableSort, PanelMenuItem, FieldConfigSource, AbsoluteTimeRange, InterpolateFunction, IconName as IconName$1, FieldConfig, FieldType, FieldValueMatcherConfig } from '@grafana/data';
+import { BusEventWithPayload, PanelData, BusEvent, BusEventType, BusEventHandler, TimeRange, DataTransformContext, DataFrame, PanelPlugin, EventBus, DataQuery, DataSourceApi, ScopedVars, EventFilterOptions, DataTransformerConfig, Registry, RegistryItem, DataSourceRef as DataSourceRef$1, VariableRefresh, VariableSort, PanelMenuItem, FieldConfigSource, AbsoluteTimeRange, InterpolateFunction, IconName as IconName$1, FieldConfig, FieldType, FieldValueMatcherConfig } from '@grafana/data';
 import React$1, { CSSProperties, ComponentType } from 'react';
 import { Observable, Unsubscribable, MonoTypeOperatorFunction, Subscription } from 'rxjs';
 import { VariableType, VariableHide, TimeZone, DashboardCursorSync, DataSourceRef, DataQuery as DataQuery$1, MatcherConfig, TableFieldOptions } from '@grafana/schema';
@@ -261,75 +261,6 @@ interface RuntimePanelPluginOptions {
  */
 declare function registerRuntimePanelPlugin({ pluginId, plugin }: RuntimePanelPluginOptions): void;
 
-declare abstract class RuntimeDataSource<TQuery extends DataQuery = DataQuery> extends DataSourceApi<TQuery> {
-    constructor(pluginId: string, uid: string);
-    testDatasource(): Promise<any>;
-}
-interface RuntimeDataSourceOptions {
-    dataSource: RuntimeDataSource;
-}
-/**
- * Provides a way to register runtime panel plugins.
- * Please use a pluginId that is unlikely to collide with other plugins.
- */
-declare function registerRuntimeDataSource({ dataSource }: RuntimeDataSourceOptions): void;
-
-interface SceneObjectStateChangedPayload<TState extends SceneObjectState = SceneObjectState> {
-    prevState: TState;
-    newState: TState;
-    partialUpdate: Partial<TState>;
-    changedObject: SceneObject<TState>;
-}
-declare class SceneObjectStateChangedEvent extends BusEventWithPayload<SceneObjectStateChangedPayload> {
-    static readonly type = "scene-object-state-change";
-}
-
-/**
- * Will walk the scene object graph up to the root looking for the first variable with the specified name
- */
-declare function lookupVariable(name: string, sceneObject: SceneObject): SceneVariable | null;
-
-/**
- * Will walk up the scene object graph to the closest $timeRange scene object
- */
-declare function getTimeRange(sceneObject: SceneObject): SceneTimeRangeLike;
-
-/**
- * Get the closest node with variables
- */
-declare function getVariables(sceneObject: SceneObject): SceneVariables;
-/**
- * Will walk up the scene object graph to the closest $data scene object
- */
-declare function getData(sceneObject: SceneObject): SceneDataProvider;
-/**
- * Will walk up the scene object graph to the closest $layout scene object
- */
-declare function getLayout(scene: SceneObject): SceneLayout;
-/**
- * Interpolates the given string using the current scene object as context.   *
- */
-declare function interpolate(sceneObject: SceneObject, value: string | undefined | null, scopedVars?: ScopedVars, format?: string | VariableCustomFormatterFn): string;
-/**
- * Checks if the variable is currently loading or waiting to update
- */
-declare function hasVariableDependencyInLoadingState(sceneObject: SceneObject): boolean;
-/**
- * This will search the full scene graph, starting with the scene node passed in, then walking up the parent chain. *
- */
-declare function findObject(scene: SceneObject, check: (obj: SceneObject) => boolean): SceneObject | null;
-
-declare const sceneGraph: {
-    getVariables: typeof getVariables;
-    getData: typeof getData;
-    getTimeRange: typeof getTimeRange;
-    getLayout: typeof getLayout;
-    interpolate: typeof interpolate;
-    lookupVariable: typeof lookupVariable;
-    hasVariableDependencyInLoadingState: typeof hasVariableDependencyInLoadingState;
-    findObject: typeof findObject;
-};
-
 declare abstract class SceneObjectBase<TState extends SceneObjectState = SceneObjectState> implements SceneObject<TState> {
     private _isActive;
     private _state;
@@ -403,6 +334,77 @@ declare abstract class SceneObjectBase<TState extends SceneObjectState = SceneOb
     forEachChild(callback: (child: SceneObjectBase) => void): void;
 }
 
+declare function cloneSceneObjectState<TState extends SceneObjectState>(sceneState: TState, withState?: Partial<TState>): TState;
+
+declare abstract class RuntimeDataSource<TQuery extends DataQuery = DataQuery> extends DataSourceApi<TQuery> {
+    constructor(pluginId: string, uid: string);
+    testDatasource(): Promise<any>;
+}
+interface RuntimeDataSourceOptions {
+    dataSource: RuntimeDataSource;
+}
+/**
+ * Provides a way to register runtime panel plugins.
+ * Please use a pluginId that is unlikely to collide with other plugins.
+ */
+declare function registerRuntimeDataSource({ dataSource }: RuntimeDataSourceOptions): void;
+
+interface SceneObjectStateChangedPayload<TState extends SceneObjectState = SceneObjectState> {
+    prevState: TState;
+    newState: TState;
+    partialUpdate: Partial<TState>;
+    changedObject: SceneObject<TState>;
+}
+declare class SceneObjectStateChangedEvent extends BusEventWithPayload<SceneObjectStateChangedPayload> {
+    static readonly type = "scene-object-state-change";
+}
+
+/**
+ * Will walk the scene object graph up to the root looking for the first variable with the specified name
+ */
+declare function lookupVariable(name: string, sceneObject: SceneObject): SceneVariable | null;
+
+/**
+ * Will walk up the scene object graph to the closest $timeRange scene object
+ */
+declare function getTimeRange(sceneObject: SceneObject): SceneTimeRangeLike;
+
+/**
+ * Get the closest node with variables
+ */
+declare function getVariables(sceneObject: SceneObject): SceneVariables;
+/**
+ * Will walk up the scene object graph to the closest $data scene object
+ */
+declare function getData(sceneObject: SceneObject): SceneDataProvider;
+/**
+ * Will walk up the scene object graph to the closest $layout scene object
+ */
+declare function getLayout(scene: SceneObject): SceneLayout;
+/**
+ * Interpolates the given string using the current scene object as context.   *
+ */
+declare function interpolate(sceneObject: SceneObject, value: string | undefined | null, scopedVars?: ScopedVars, format?: string | VariableCustomFormatterFn): string;
+/**
+ * Checks if the variable is currently loading or waiting to update
+ */
+declare function hasVariableDependencyInLoadingState(sceneObject: SceneObject): boolean;
+/**
+ * This will search the full scene graph, starting with the scene node passed in, then walking up the parent chain. *
+ */
+declare function findObject(scene: SceneObject, check: (obj: SceneObject) => boolean): SceneObject | null;
+
+declare const sceneGraph: {
+    getVariables: typeof getVariables;
+    getData: typeof getData;
+    getTimeRange: typeof getTimeRange;
+    getLayout: typeof getLayout;
+    interpolate: typeof interpolate;
+    lookupVariable: typeof lookupVariable;
+    hasVariableDependencyInLoadingState: typeof hasVariableDependencyInLoadingState;
+    findObject: typeof findObject;
+};
+
 interface VariableDependencyConfigOptions<TState extends SceneObjectState> {
     /**
      * State paths to scan / extract variable dependencies from. Leave empty to scan all paths.
@@ -1474,6 +1476,7 @@ declare const sceneUtils: {
     getUrlWithAppState: typeof getUrlWithAppState;
     registerRuntimePanelPlugin: typeof registerRuntimePanelPlugin;
     registerRuntimeDataSource: typeof registerRuntimeDataSource;
+    cloneSceneObjectState: typeof cloneSceneObjectState;
 };
 
 export { CancelActivationHandler, ConstantVariable, CustomFormatterVariable, CustomTransformOperator, CustomVariable, CustomVariableValue, DataSourceVariable, DeepPartial, EmbeddedScene, EmbeddedSceneState, FormatVariable, InterpolationFormatParameter, NestedScene, PanelBuilders, QueryRunnerState, QueryVariable, RuntimeDataSource, SceneActivationHandler, SceneApp, SceneAppDrilldownView, SceneAppPage, SceneAppPageLike, SceneAppPageState, SceneAppRoute, SceneByFrameRepeater, SceneCanvasText, SceneComponent, SceneComponentProps, SceneControlsSpacer, SceneDataNode, SceneDataProvider, SceneDataState, SceneDataTransformer, SceneDeactivationHandler, SceneFlexItem, SceneFlexItemState, SceneFlexLayout, SceneGridItem, SceneGridLayout, SceneGridRow, SceneLayout, SceneLayoutChildOptions, SceneLayoutState, SceneObject, SceneObjectBase, SceneObjectRef, SceneObjectState, SceneObjectStateChangedEvent, SceneObjectStateChangedPayload, SceneObjectUrlSyncConfig, SceneObjectUrlSyncHandler, SceneObjectUrlValue, SceneObjectUrlValues, SceneObjectWithUrlSync, SceneQueryRunner, SceneReactObject, SceneRefreshPicker, SceneRouteMatch, SceneStateChangedHandler, SceneStatelessBehavior, SceneTimePicker, SceneTimeRange, SceneTimeRangeLike, SceneTimeRangeState, SceneTimeZoneOverride, SceneToolbarButton, SceneToolbarInput, SceneVariable, SceneVariableDependencyConfigLike, SceneVariableSet, SceneVariableSetState, SceneVariableState, SceneVariableValueChangedEvent, SceneVariables, SplitLayout, TestVariable, TextBoxVariable, UrlSyncManagerLike as UrlSyncManager, ValidateAndUpdateResult, VariableCustomFormatterFn, VariableDependencyConfig, VariableValue, VariableValueOption, VariableValueSelectors, VariableValueSingle, VizPanel, VizPanelMenu, VizPanelState, index as behaviors, formatRegistry, getUrlSyncManager, isCustomVariableValue, isSceneObject, registerRuntimeDataSource, sceneGraph, sceneUtils };

package/dist/index.js

@@ -6,9 +6,9 @@ var React = require('react');
 var reactRouterDom = require('react-router-dom');
 var data = require('@grafana/data');
 var runtime = require('@grafana/runtime');
-var schema = require('@grafana/schema');
 var rxjs = require('rxjs');
 var uuid = require('uuid');
+var schema = require('@grafana/schema');
 var lodash = require('lodash');
 var e2eSelectors = require('@grafana/e2e-selectors');
 var ui = require('@grafana/ui');
@@ -125,77 +125,6 @@ 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;
-}
-
-class SceneObjectStateChangedEvent extends data.BusEventWithPayload {
-}
-SceneObjectStateChangedEvent.type = "scene-object-state-change";
-
-function lookupVariable(name, sceneObject) {
-  const variables = sceneObject.state.$variables;
-  if (!variables) {
-    if (sceneObject.parent) {
-      return lookupVariable(name, sceneObject.parent);
-    } else {
-      return null;
-    }
-  }
-  const found = variables.getByName(name);
-  if (found) {
-    return found;
-  } else if (sceneObject.parent) {
-    return lookupVariable(name, sceneObject.parent);
-  }
-  return null;
-}
-
 var __defProp$q = Object.defineProperty;
 var __defProps$e = Object.defineProperties;
 var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
@@ -248,6 +177,10 @@ function EmptyRenderer(_) {
   return null;
 }
 
+class SceneObjectStateChangedEvent extends data.BusEventWithPayload {
+}
+SceneObjectStateChangedEvent.type = "scene-object-state-change";
+
 var __defProp$p = Object.defineProperty;
 var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
 var __hasOwnProp$s = Object.prototype.hasOwnProperty;
@@ -264,54 +197,6 @@ var __spreadValues$p = (a, b) => {
     }
   return a;
 };
-function cloneSceneObject(sceneObject, withState) {
-  const clonedState = __spreadValues$p({}, sceneObject.state);
-  for (const key in clonedState) {
-    const propValue = clonedState[key];
-    if (propValue instanceof SceneObjectBase) {
-      clonedState[key] = propValue.clone();
-    }
-    if (Array.isArray(propValue)) {
-      const newArray = [];
-      for (const child of propValue) {
-        if (child instanceof SceneObjectBase) {
-          newArray.push(child.clone());
-        } else {
-          newArray.push(child);
-        }
-      }
-      clonedState[key] = newArray;
-    }
-  }
-  Object.assign(clonedState, withState);
-  return new sceneObject.constructor(clonedState);
-}
-function getClosest(sceneObject, extract) {
-  let curSceneObject = sceneObject;
-  let extracted = void 0;
-  while (curSceneObject && !extracted) {
-    extracted = extract(curSceneObject);
-    curSceneObject = curSceneObject.parent;
-  }
-  return extracted;
-}
-
-var __defProp$o = Object.defineProperty;
-var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
-var __hasOwnProp$r = Object.prototype.hasOwnProperty;
-var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$o = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$r.call(b, prop))
-      __defNormalProp$o(a, prop, b[prop]);
-  if (__getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(b)) {
-      if (__propIsEnum$r.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
-    }
-  return a;
-};
 class SceneObjectBase {
   constructor(state) {
     this._isActive = false;
@@ -368,7 +253,7 @@ class SceneObjectBase {
   }
   setState(update) {
     const prevState = this._state;
-    const newState = __spreadValues$o(__spreadValues$o({}, this._state), update);
+    const newState = __spreadValues$p(__spreadValues$p({}, this._state), update);
     this._state = Object.freeze(newState);
     this._setParent();
     this.publishEvent(
@@ -488,6 +373,125 @@ function useSceneObjectState(model) {
   return model.state;
 }
 
+var __defProp$o = Object.defineProperty;
+var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
+var __hasOwnProp$r = Object.prototype.hasOwnProperty;
+var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$o = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$r.call(b, prop))
+      __defNormalProp$o(a, prop, b[prop]);
+  if (__getOwnPropSymbols$r)
+    for (var prop of __getOwnPropSymbols$r(b)) {
+      if (__propIsEnum$r.call(b, prop))
+        __defNormalProp$o(a, prop, b[prop]);
+    }
+  return a;
+};
+function cloneSceneObject(sceneObject, withState) {
+  const clonedState = cloneSceneObjectState(sceneObject.state, withState);
+  return new sceneObject.constructor(clonedState);
+}
+function cloneSceneObjectState(sceneState, withState) {
+  const clonedState = __spreadValues$o({}, sceneState);
+  for (const key in clonedState) {
+    const propValue = clonedState[key];
+    if (propValue instanceof SceneObjectBase) {
+      clonedState[key] = propValue.clone();
+    }
+    if (Array.isArray(propValue)) {
+      const newArray = [];
+      for (const child of propValue) {
+        if (child instanceof SceneObjectBase) {
+          newArray.push(child.clone());
+        } else {
+          newArray.push(child);
+        }
+      }
+      clonedState[key] = newArray;
+    }
+  }
+  Object.assign(clonedState, withState);
+  return clonedState;
+}
+function getClosest(sceneObject, extract) {
+  let curSceneObject = sceneObject;
+  let extracted = void 0;
+  while (curSceneObject && !extracted) {
+    extracted = extract(curSceneObject);
+    curSceneObject = curSceneObject.parent;
+  }
+  return extracted;
+}
+
+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;
+}
+
+function lookupVariable(name, sceneObject) {
+  const variables = sceneObject.state.$variables;
+  if (!variables) {
+    if (sceneObject.parent) {
+      return lookupVariable(name, sceneObject.parent);
+    } else {
+      return null;
+    }
+  }
+  const found = variables.getByName(name);
+  if (found) {
+    return found;
+  } else if (sceneObject.parent) {
+    return lookupVariable(name, sceneObject.parent);
+  }
+  return null;
+}
+
 var __defProp$n = Object.defineProperty;
 var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
 var __hasOwnProp$q = Object.prototype.hasOwnProperty;
@@ -6578,7 +6582,8 @@ const PanelBuilders = {
 const sceneUtils = {
   getUrlWithAppState,
   registerRuntimePanelPlugin,
-  registerRuntimeDataSource
+  registerRuntimeDataSource,
+  cloneSceneObjectState
 };
 
 exports.ConstantVariable = ConstantVariable;