@grafana/scenes 5.38.0--canary.1028.12889195833.0 → 5.38.0--canary.1030.12908050920.0

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import * as _grafana_data from '@grafana/data';
-import { BusEventWithPayload, EventBus, BusEvent, BusEventType, BusEventHandler, PanelMenuItem, FieldConfigSource, PanelModel, PanelPlugin, AbsoluteTimeRange, PanelData, InterpolateFunction, TimeRange, DataQueryRequest, DataSourceGetTagKeysOptions, DataSourceGetTagValuesOptions, DataTransformContext, DataFrame, UrlQueryMap, DataQuery as DataQuery$1, DataSourceApi, Registry, RegistryItem, ScopedVars, AdHocVariableFilter, SelectableValue, MetricFindValue, GetTagResponse, VariableRefresh as VariableRefresh$1, VariableSort, EventFilterOptions, AnnotationEvent, AnnotationQuery, DataTransformerConfig, IconName as IconName$1, PageLayoutType, FieldConfig, FieldType, FieldValueMatcherConfig, ScopedVar, RawTimeRange } from '@grafana/data';
+import { BusEventWithPayload, PanelData, BusEvent, BusEventType, BusEventHandler, TimeRange, DataQueryRequest, DataSourceGetTagKeysOptions, DataSourceGetTagValuesOptions, DataTransformContext, DataFrame, UrlQueryMap, PanelPlugin, EventBus, DataQuery as DataQuery$1, DataSourceApi, Registry, RegistryItem, ScopedVars, AdHocVariableFilter, SelectableValue, MetricFindValue, GetTagResponse, VariableRefresh as VariableRefresh$1, VariableSort, EventFilterOptions, AnnotationEvent, AnnotationQuery, DataTransformerConfig, PanelMenuItem, FieldConfigSource, PanelModel, AbsoluteTimeRange, InterpolateFunction, IconName as IconName$1, PageLayoutType, FieldConfig, FieldType, FieldValueMatcherConfig, ScopedVar, RawTimeRange } from '@grafana/data';
 import * as React$1 from 'react';
 import React__default, { CSSProperties, ComponentType } from 'react';
 import * as rxjs from 'rxjs';
-import { Observable, Subscription, Unsubscribable, MonoTypeOperatorFunction, ReplaySubject } from 'rxjs';
+import { Observable, Unsubscribable, MonoTypeOperatorFunction, Subscription, ReplaySubject } from 'rxjs';
 import * as _grafana_schema from '@grafana/schema';
 import { VariableType, VariableHide, TimeZone, DataTopic, DataQuery, DataSourceRef, VariableRefresh, LoadingState, DashboardCursorSync, MatcherConfig, TableFieldOptions } from '@grafana/schema';
-import { PanelContext, IconName } from '@grafana/ui';
 import { LocationService, VariableInterpolation } from '@grafana/runtime';
 import { Location } from 'history';
+import { PanelContext, IconName } from '@grafana/ui';
 import ReactGridLayout from 'react-grid-layout';
 import { RouteComponentProps } from 'react-router-dom';
 import { Options, FieldConfig as FieldConfig$1 } from '@grafana/schema/dist/esm/raw/composable/barchart/panelcfg/x/BarChartPanelCfg_types.gen';
@@ -134,277 +134,6 @@ declare class SceneObjectRef<T> {
     resolve(): T;
 }
 
-declare abstract class SceneObjectBase<TState extends SceneObjectState = SceneObjectState> implements SceneObject<TState> {
-    private _isActive;
-    private _state;
-    private _activationHandlers;
-    private _deactivationHandlers;
-    private _ref?;
-    protected _events?: EventBus;
-    protected _parent?: SceneObject;
-    protected _subs: Subscription;
-    protected _refCount: number;
-    protected _renderBeforeActivation: boolean;
-    protected _variableDependency: SceneVariableDependencyConfigLike | undefined;
-    protected _urlSync: SceneObjectUrlSyncHandler | undefined;
-    constructor(state: TState);
-    /** Current state */
-    get state(): TState;
-    /** True if currently being active (ie displayed for visual objects) */
-    get isActive(): boolean;
-    get renderBeforeActivation(): boolean;
-    /** Returns the parent, undefined for root object */
-    get parent(): SceneObject | undefined;
-    /** Returns variable dependency config */
-    get variableDependency(): SceneVariableDependencyConfigLike | undefined;
-    /** Returns url sync config */
-    get urlSync(): SceneObjectUrlSyncHandler | undefined;
-    /**
-     * Used in render functions when rendering a SceneObject.
-     * Wraps the component in an EditWrapper that handles edit mode
-     */
-    get Component(): SceneComponent<this>;
-    private _setParent;
-    /**
-     * Sometimes you want to move one instance to another parent.
-     * This is a way to do that without getting the console warning.
-     */
-    clearParent(): void;
-    /**
-     * Subscribe to the scene state subject
-     **/
-    subscribeToState(handler: SceneStateChangedHandler<TState>): Unsubscribable;
-    /**
-     * Subscribe to the scene event
-     **/
-    subscribeToEvent<T extends BusEvent>(eventType: BusEventType<T>, handler: BusEventHandler<T>): Unsubscribable;
-    setState(update: Partial<TState>): void;
-    /**
-     * This handles activation and deactivation of $data, $timeRange and $variables when they change
-     * during the active phase of the scene object.
-     */
-    private _handleActivationOfChangedStateProps;
-    private _handleChangedStateActivation;
-    private _handleChangedBehaviors;
-    publishEvent(event: BusEvent, bubble?: boolean): void;
-    getRoot(): SceneObject;
-    private _internalActivate;
-    private _activateBehavior;
-    /**
-     * This is primarily called from SceneComponentWrapper when the SceneObject's Component is mounted.
-     * But in some scenarios this can also be called directly from another scene object. When called manually from another scene object
-     * make sure to call the returned function when the source scene object is deactivated.
-     */
-    activate(): CancelActivationHandler;
-    /**
-     * Called by the SceneComponentWrapper when the react component is unmounted.
-     * Don't override this, instead use addActivationHandler. The activation handler can return a deactivation handler.
-     */
-    private _internalDeactivate;
-    /**
-     * Utility hook to get and subscribe to state
-     */
-    useState(): TState;
-    /** Force a re-render, should only be needed when variable values change */
-    forceRender(): void;
-    /**
-     * Will create new SceneObject with shallow-cloned state, but all state items of type SceneObject are deep cloned
-     */
-    clone(withState?: Partial<TState>): this;
-    /**
-     * Allows external code to register code that is executed on activate and deactivate. This allow you
-     * to wire up scene objects that need to respond to state changes in other objects from the outside.
-     **/
-    addActivationHandler(handler: SceneActivationHandler): void;
-    /**
-     * Loop through state and call callback for each direct child scene object.
-     * Checks 1 level deep properties and arrays. So a scene object hidden in a nested plain object will not be detected.
-     */
-    forEachChild(callback: (child: SceneObjectBase) => void): void;
-    /** Returns a SceneObjectRef that will resolve to this object */
-    getRef(): SceneObjectRef<this>;
-}
-/**
- * This hook is always returning model.state instead of a useState that remembers the last state emitted on the subject
- * The reason for this is so that if the model instance change this function will always return the latest state.
- */
-declare function useSceneObjectState<TState extends SceneObjectState>(model: SceneObject<TState>, options?: UseStateHookOptions): TState;
-
-declare function VizPanelRenderer({ model }: SceneComponentProps<VizPanel>): React__default.JSX.Element;
-
-interface VizPanelMenuState extends SceneObjectState {
-    items?: PanelMenuItem[];
-}
-declare class VizPanelMenu extends SceneObjectBase<VizPanelMenuState> {
-    static Component: typeof VizPanelMenuRenderer;
-    addItem(item: PanelMenuItem): void;
-    setItems(items: PanelMenuItem[]): void;
-}
-declare function VizPanelMenuRenderer({ model }: SceneComponentProps<VizPanelMenu>): React__default.JSX.Element;
-
-interface VariableDependencyConfigOptions<TState extends SceneObjectState> {
-    /**
-     * State paths to scan / extract variable dependencies from. Leave empty to scan all paths.
-     */
-    statePaths?: Array<keyof TState | '*'>;
-    /**
-     * Explicit list of variable names to depend on. Leave empty to scan state for dependencies.
-     */
-    variableNames?: string[];
-    /**
-     * Optional way to customize how to handle when a dependent variable changes
-     * If not specified the default behavior is to trigger a re-render
-     */
-    onReferencedVariableValueChanged?: (variable: SceneVariable) => void;
-    /**
-     * Two scenarios trigger this callback to be called.
-     * 1. When any direct dependency changed value
-     * 2. In case hasDependencyInLoadingState was called and returned true we really care about any variable update. So in this scenario this callback is called
-     *    after any variable update completes. This is to cover scenarios where an object is waiting for indirect dependencies to complete.
-     */
-    onVariableUpdateCompleted?: () => void;
-    /**
-     * Optional way to subscribe to all variable value changes, even to variables that are not dependencies.
-     */
-    onAnyVariableChanged?: (variable: SceneVariable) => void;
-    /**
-     * Handle time macros.
-     */
-    handleTimeMacros?: boolean;
-}
-declare class VariableDependencyConfig<TState extends SceneObjectState> implements SceneVariableDependencyConfigLike {
-    private _sceneObject;
-    private _options;
-    private _state;
-    private _dependencies;
-    private _statePaths?;
-    private _isWaitingForVariables;
-    scanCount: number;
-    constructor(_sceneObject: SceneObject<TState>, _options: VariableDependencyConfigOptions<TState>);
-    /**
-     * Used to check for dependency on a specific variable
-     */
-    hasDependencyOn(name: string): boolean;
-    /**
-     * This is called whenever any set of variables have new values. It is up to this implementation to check if it's relevant given the current dependencies.
-     */
-    variableUpdateCompleted(variable: SceneVariable, hasChanged: boolean): void;
-    hasDependencyInLoadingState(): boolean;
-    getNames(): Set<string>;
-    /**
-     * Update variableNames
-     */
-    setVariableNames(varNames: string[]): void;
-    setPaths(paths: Array<keyof TState | '*'>): void;
-    private scanStateForDependencies;
-    private extractVariablesFrom;
-    private handleTimeMacros;
-}
-
-interface VizPanelState<TOptions = {}, TFieldConfig = {}> extends SceneObjectState {
-    /**
-     * This is usually a plugin id that references a core plugin or an external plugin. But this can also reference a
-     * runtime registered PanelPlugin registered via function registerScenePanelPlugin.
-     */
-    pluginId: string;
-    title: string;
-    description?: string;
-    options: DeepPartial<TOptions>;
-    fieldConfig: FieldConfigSource<DeepPartial<TFieldConfig>>;
-    pluginVersion?: string;
-    displayMode?: 'default' | 'transparent';
-    /**
-     * Only shows header on hover, absolutly positioned above the panel.
-     */
-    hoverHeader?: boolean;
-    /**
-     * Offset hoverHeader position on the y axis
-     */
-    hoverHeaderOffset?: number;
-    /**
-     * Only shows vizPanelMenu on hover if false, otherwise the menu is always visible in the header
-     */
-    showMenuAlways?: boolean;
-    /**
-     * Defines a menu in the top right of the panel. The menu object is only activated when the dropdown menu itself is shown.
-     * So the best way to add dynamic menu actions and links is by adding them in a behavior attached to the menu.
-     */
-    menu?: VizPanelMenu;
-    /**
-     * Defines a menu that renders panel link.
-     **/
-    titleItems?: React.ReactNode | SceneObject | SceneObject[];
-    seriesLimit?: number;
-    seriesLimitShowAll?: boolean;
-    /**
-     * Add action to the top right panel header
-     */
-    headerActions?: React.ReactNode | SceneObject | SceneObject[];
-    /**
-     * Mainly for advanced use cases that need custom handling of PanelContext callbacks.
-     */
-    extendPanelContext?: (vizPanel: VizPanel, context: PanelContext) => void;
-    /**
-     * Sets panel chrome collapsed state
-     */
-    collapsible?: boolean;
-    collapsed?: boolean;
-    /**
-     * @internal
-     * Only for use from core to handle migration from old angular panels
-     **/
-    _UNSAFE_customMigrationHandler?: (panel: PanelModel, plugin: PanelPlugin) => void;
-    /** Internal */
-    _pluginLoadError?: string;
-    /** Internal */
-    _pluginInstanceState?: any;
-    _renderCounter?: number;
-}
-declare class VizPanel<TOptions = {}, TFieldConfig extends {} = {}> extends SceneObjectBase<VizPanelState<TOptions, TFieldConfig>> {
-    static Component: typeof VizPanelRenderer;
-    protected _variableDependency: VariableDependencyConfig<VizPanelState<TOptions, TFieldConfig>>;
-    protected _panelContext?: PanelContext;
-    private _plugin?;
-    private _prevData?;
-    private _dataWithFieldConfig?;
-    private _structureRev;
-    constructor(state: Partial<VizPanelState<TOptions, TFieldConfig>>);
-    private _onActivate;
-    forceRender(): void;
-    private _loadPlugin;
-    getLegacyPanelId(): number;
-    private _pluginLoaded;
-    private _getPluginVersion;
-    getPlugin(): PanelPlugin | undefined;
-    getPanelContext(): PanelContext;
-    onTimeRangeChange: (timeRange: AbsoluteTimeRange) => void;
-    getTimeRange: (data?: PanelData) => _grafana_data.TimeRange;
-    changePluginType(pluginId: string, newOptions?: DeepPartial<{}>, newFieldConfig?: FieldConfigSource): Promise<void>;
-    onTitleChange: (title: string) => void;
-    onDescriptionChange: (description: string) => void;
-    onDisplayModeChange: (displayMode: 'default' | 'transparent') => void;
-    onToggleCollapse: (collapsed: boolean) => void;
-    onOptionsChange: (optionsUpdate: DeepPartial<TOptions>, replace?: boolean, isAfterPluginChange?: boolean) => void;
-    onFieldConfigChange: (fieldConfigUpdate: FieldConfigSource<DeepPartial<TFieldConfig>>, replace?: boolean) => void;
-    interpolate: InterpolateFunction;
-    getDescription: () => string;
-    clearFieldConfigCache(): void;
-    /**
-     * Called from the react render path to apply the field config to the data provided by the data provider
-     */
-    applyFieldConfig(rawData?: PanelData): PanelData;
-    onCancelQuery: () => void;
-    onStatusMessageClick: () => void;
-    /**
-     * Panel context functions
-     */
-    private _onSeriesColorChange;
-    private _onSeriesVisibilityChange;
-    private _onInstanceStateChange;
-    private _onToggleLegendSort;
-    private buildPanelContext;
-}
-
 interface SceneObjectState {
     key?: string;
     $timeRange?: SceneTimeRangeLike;
@@ -502,9 +231,6 @@ interface SceneLayout<T extends SceneLayoutState = SceneLayoutState> extends Sce
     isDraggable(): boolean;
     getDragClass?(): string;
     getDragClassCancel?(): string;
-    getDragHooks?(): {
-        onDragStart?: (e: React__default.PointerEvent, panel: VizPanel) => void;
-    };
 }
 interface SceneTimeRangeState extends SceneObjectState {
     from: string;
@@ -598,55 +324,151 @@ interface SceneStatelessBehavior<T extends SceneObject = any> {
 type ControlsLayout = 'horizontal' | 'vertical';
 interface UseStateHookOptions {
     /**
-     * For some edge cases other scene objects want to subscribe to scene object state for objects
-     * that are not active, or whose main React Component can be un-mounted. Set this to true
-     * to keep the scene object active even if the React component is unmounted.
-     *
-     * Normally you would not need this but this can be useful in some edge cases.
-     *
-     * @experimental
+     * For some edge cases other scene objects want to subscribe to scene object state for objects
+     * that are not active, or whose main React Component can be un-mounted. Set this to true
+     * to keep the scene object active even if the React component is unmounted.
+     *
+     * Normally you would not need this but this can be useful in some edge cases.
+     *
+     * @experimental
+     */
+    shouldActivateOrKeepAlive?: boolean;
+}
+interface SceneDataQuery extends DataQuery {
+    [key: string]: any;
+    timeRangeCompare?: boolean;
+}
+interface SceneUrlSyncOptions {
+    /**
+     * This will update the url to contain all scene url state
+     * when the scene is initialized. Important for browser history "back" actions.
+     */
+    updateUrlOnInit?: boolean;
+    /**
+     * This is only supported by some objects if they implement
+     * shouldCreateHistoryStep where they can control what changes
+     * url changes should add a new browser history entry.
+     */
+    createBrowserHistorySteps?: boolean;
+}
+
+/**
+ *
+ * @param path Url to append query params to
+ * @param searchObject Query params of the URL
+ * @param preserveParams Query params to preserve
+ * @returns Url with query params
+ */
+declare function getUrlWithAppState(path: string, searchObject: UrlQueryMap, preserveParams?: string[]): string;
+
+interface RuntimePanelPluginOptions {
+    /**
+     * Please specify a pluginId that is unlikely to collide with other plugins.
+     */
+    pluginId: string;
+    plugin: PanelPlugin;
+}
+/**
+ * Provides a way to register runtime panel plugins.
+ * Please use a pluginId that is unlikely to collide with other plugins.
+ */
+declare function registerRuntimePanelPlugin({ pluginId, plugin }: RuntimePanelPluginOptions): void;
+
+declare abstract class SceneObjectBase<TState extends SceneObjectState = SceneObjectState> implements SceneObject<TState> {
+    private _isActive;
+    private _state;
+    private _activationHandlers;
+    private _deactivationHandlers;
+    private _ref?;
+    protected _events?: EventBus;
+    protected _parent?: SceneObject;
+    protected _subs: Subscription;
+    protected _refCount: number;
+    protected _renderBeforeActivation: boolean;
+    protected _variableDependency: SceneVariableDependencyConfigLike | undefined;
+    protected _urlSync: SceneObjectUrlSyncHandler | undefined;
+    constructor(state: TState);
+    /** Current state */
+    get state(): TState;
+    /** True if currently being active (ie displayed for visual objects) */
+    get isActive(): boolean;
+    get renderBeforeActivation(): boolean;
+    /** Returns the parent, undefined for root object */
+    get parent(): SceneObject | undefined;
+    /** Returns variable dependency config */
+    get variableDependency(): SceneVariableDependencyConfigLike | undefined;
+    /** Returns url sync config */
+    get urlSync(): SceneObjectUrlSyncHandler | undefined;
+    /**
+     * Used in render functions when rendering a SceneObject.
+     * Wraps the component in an EditWrapper that handles edit mode
+     */
+    get Component(): SceneComponent<this>;
+    private _setParent;
+    /**
+     * Sometimes you want to move one instance to another parent.
+     * This is a way to do that without getting the console warning.
+     */
+    clearParent(): void;
+    /**
+     * Subscribe to the scene state subject
+     **/
+    subscribeToState(handler: SceneStateChangedHandler<TState>): Unsubscribable;
+    /**
+     * Subscribe to the scene event
+     **/
+    subscribeToEvent<T extends BusEvent>(eventType: BusEventType<T>, handler: BusEventHandler<T>): Unsubscribable;
+    setState(update: Partial<TState>): void;
+    /**
+     * This handles activation and deactivation of $data, $timeRange and $variables when they change
+     * during the active phase of the scene object.
      */
-    shouldActivateOrKeepAlive?: boolean;
-}
-interface SceneDataQuery extends DataQuery {
-    [key: string]: any;
-    timeRangeCompare?: boolean;
-}
-interface SceneUrlSyncOptions {
+    private _handleActivationOfChangedStateProps;
+    private _handleChangedStateActivation;
+    private _handleChangedBehaviors;
+    publishEvent(event: BusEvent, bubble?: boolean): void;
+    getRoot(): SceneObject;
+    private _internalActivate;
+    private _activateBehavior;
     /**
-     * This will update the url to contain all scene url state
-     * when the scene is initialized. Important for browser history "back" actions.
+     * This is primarily called from SceneComponentWrapper when the SceneObject's Component is mounted.
+     * But in some scenarios this can also be called directly from another scene object. When called manually from another scene object
+     * make sure to call the returned function when the source scene object is deactivated.
      */
-    updateUrlOnInit?: boolean;
+    activate(): CancelActivationHandler;
     /**
-     * This is only supported by some objects if they implement
-     * shouldCreateHistoryStep where they can control what changes
-     * url changes should add a new browser history entry.
+     * Called by the SceneComponentWrapper when the react component is unmounted.
+     * Don't override this, instead use addActivationHandler. The activation handler can return a deactivation handler.
      */
-    createBrowserHistorySteps?: boolean;
-}
-
-/**
- *
- * @param path Url to append query params to
- * @param searchObject Query params of the URL
- * @param preserveParams Query params to preserve
- * @returns Url with query params
- */
-declare function getUrlWithAppState(path: string, searchObject: UrlQueryMap, preserveParams?: string[]): string;
-
-interface RuntimePanelPluginOptions {
+    private _internalDeactivate;
     /**
-     * Please specify a pluginId that is unlikely to collide with other plugins.
+     * Utility hook to get and subscribe to state
      */
-    pluginId: string;
-    plugin: PanelPlugin;
+    useState(): TState;
+    /** Force a re-render, should only be needed when variable values change */
+    forceRender(): void;
+    /**
+     * Will create new SceneObject with shallow-cloned state, but all state items of type SceneObject are deep cloned
+     */
+    clone(withState?: Partial<TState>): this;
+    /**
+     * Allows external code to register code that is executed on activate and deactivate. This allow you
+     * to wire up scene objects that need to respond to state changes in other objects from the outside.
+     **/
+    addActivationHandler(handler: SceneActivationHandler): void;
+    /**
+     * Loop through state and call callback for each direct child scene object.
+     * Checks 1 level deep properties and arrays. So a scene object hidden in a nested plain object will not be detected.
+     */
+    forEachChild(callback: (child: SceneObjectBase) => void): void;
+    /** Returns a SceneObjectRef that will resolve to this object */
+    getRef(): SceneObjectRef<this>;
 }
 /**
- * Provides a way to register runtime panel plugins.
- * Please use a pluginId that is unlikely to collide with other plugins.
+ * This hook is always returning model.state instead of a useState that remembers the last state emitted on the subject
+ * The reason for this is so that if the model instance change this function will always return the latest state.
  */
-declare function registerRuntimePanelPlugin({ pluginId, plugin }: RuntimePanelPluginOptions): void;
+declare function useSceneObjectState<TState extends SceneObjectState>(model: SceneObject<TState>, options?: UseStateHookOptions): TState;
 
 declare function cloneSceneObjectState<TState extends SceneObjectState>(sceneState: TState, withState?: Partial<TState>): TState;
 
@@ -849,6 +671,65 @@ declare class ConstantVariable extends SceneObjectBase<ConstantVariableState> im
     getValue(): VariableValue;
 }
 
+interface VariableDependencyConfigOptions<TState extends SceneObjectState> {
+    /**
+     * State paths to scan / extract variable dependencies from. Leave empty to scan all paths.
+     */
+    statePaths?: Array<keyof TState | '*'>;
+    /**
+     * Explicit list of variable names to depend on. Leave empty to scan state for dependencies.
+     */
+    variableNames?: string[];
+    /**
+     * Optional way to customize how to handle when a dependent variable changes
+     * If not specified the default behavior is to trigger a re-render
+     */
+    onReferencedVariableValueChanged?: (variable: SceneVariable) => void;
+    /**
+     * Two scenarios trigger this callback to be called.
+     * 1. When any direct dependency changed value
+     * 2. In case hasDependencyInLoadingState was called and returned true we really care about any variable update. So in this scenario this callback is called
+     *    after any variable update completes. This is to cover scenarios where an object is waiting for indirect dependencies to complete.
+     */
+    onVariableUpdateCompleted?: () => void;
+    /**
+     * Optional way to subscribe to all variable value changes, even to variables that are not dependencies.
+     */
+    onAnyVariableChanged?: (variable: SceneVariable) => void;
+    /**
+     * Handle time macros.
+     */
+    handleTimeMacros?: boolean;
+}
+declare class VariableDependencyConfig<TState extends SceneObjectState> implements SceneVariableDependencyConfigLike {
+    private _sceneObject;
+    private _options;
+    private _state;
+    private _dependencies;
+    private _statePaths?;
+    private _isWaitingForVariables;
+    scanCount: number;
+    constructor(_sceneObject: SceneObject<TState>, _options: VariableDependencyConfigOptions<TState>);
+    /**
+     * Used to check for dependency on a specific variable
+     */
+    hasDependencyOn(name: string): boolean;
+    /**
+     * This is called whenever any set of variables have new values. It is up to this implementation to check if it's relevant given the current dependencies.
+     */
+    variableUpdateCompleted(variable: SceneVariable, hasChanged: boolean): void;
+    hasDependencyInLoadingState(): boolean;
+    getNames(): Set<string>;
+    /**
+     * Update variableNames
+     */
+    setVariableNames(varNames: string[]): void;
+    setPaths(paths: Array<keyof TState | '*'>): void;
+    private scanStateForDependencies;
+    private extractVariablesFrom;
+    private handleTimeMacros;
+}
+
 interface MultiValueVariableState extends SceneVariableState {
     value: VariableValue;
     text: VariableValue;
@@ -1874,6 +1755,122 @@ declare class EmbeddedScene extends SceneObjectBase<EmbeddedSceneState> {
 }
 declare function EmbeddedSceneRenderer({ model }: SceneComponentProps<EmbeddedScene>): React__default.JSX.Element;
 
+declare function VizPanelRenderer({ model }: SceneComponentProps<VizPanel>): React__default.JSX.Element;
+
+interface VizPanelMenuState extends SceneObjectState {
+    items?: PanelMenuItem[];
+}
+declare class VizPanelMenu extends SceneObjectBase<VizPanelMenuState> {
+    static Component: typeof VizPanelMenuRenderer;
+    addItem(item: PanelMenuItem): void;
+    setItems(items: PanelMenuItem[]): void;
+}
+declare function VizPanelMenuRenderer({ model }: SceneComponentProps<VizPanelMenu>): React__default.JSX.Element;
+
+interface VizPanelState<TOptions = {}, TFieldConfig = {}> extends SceneObjectState {
+    /**
+     * This is usually a plugin id that references a core plugin or an external plugin. But this can also reference a
+     * runtime registered PanelPlugin registered via function registerScenePanelPlugin.
+     */
+    pluginId: string;
+    title: string;
+    description?: string;
+    options: DeepPartial<TOptions>;
+    fieldConfig: FieldConfigSource<DeepPartial<TFieldConfig>>;
+    pluginVersion?: string;
+    displayMode?: 'default' | 'transparent';
+    /**
+     * Only shows header on hover, absolutly positioned above the panel.
+     */
+    hoverHeader?: boolean;
+    /**
+     * Offset hoverHeader position on the y axis
+     */
+    hoverHeaderOffset?: number;
+    /**
+     * Only shows vizPanelMenu on hover if false, otherwise the menu is always visible in the header
+     */
+    showMenuAlways?: boolean;
+    /**
+     * Defines a menu in the top right of the panel. The menu object is only activated when the dropdown menu itself is shown.
+     * So the best way to add dynamic menu actions and links is by adding them in a behavior attached to the menu.
+     */
+    menu?: VizPanelMenu;
+    /**
+     * Defines a menu that renders panel link.
+     **/
+    titleItems?: React.ReactNode | SceneObject | SceneObject[];
+    seriesLimit?: number;
+    seriesLimitShowAll?: boolean;
+    /**
+     * Add action to the top right panel header
+     */
+    headerActions?: React.ReactNode | SceneObject | SceneObject[];
+    /**
+     * Mainly for advanced use cases that need custom handling of PanelContext callbacks.
+     */
+    extendPanelContext?: (vizPanel: VizPanel, context: PanelContext) => void;
+    /**
+     * Sets panel chrome collapsed state
+     */
+    collapsible?: boolean;
+    collapsed?: boolean;
+    /**
+     * @internal
+     * Only for use from core to handle migration from old angular panels
+     **/
+    _UNSAFE_customMigrationHandler?: (panel: PanelModel, plugin: PanelPlugin) => void;
+    /** Internal */
+    _pluginLoadError?: string;
+    /** Internal */
+    _pluginInstanceState?: any;
+    _renderCounter?: number;
+}
+declare class VizPanel<TOptions = {}, TFieldConfig extends {} = {}> extends SceneObjectBase<VizPanelState<TOptions, TFieldConfig>> {
+    static Component: typeof VizPanelRenderer;
+    protected _variableDependency: VariableDependencyConfig<VizPanelState<TOptions, TFieldConfig>>;
+    protected _panelContext?: PanelContext;
+    private _plugin?;
+    private _prevData?;
+    private _dataWithFieldConfig?;
+    private _structureRev;
+    constructor(state: Partial<VizPanelState<TOptions, TFieldConfig>>);
+    private _onActivate;
+    forceRender(): void;
+    private _loadPlugin;
+    getLegacyPanelId(): number;
+    private _pluginLoaded;
+    private _getPluginVersion;
+    getPlugin(): PanelPlugin | undefined;
+    getPanelContext(): PanelContext;
+    onTimeRangeChange: (timeRange: AbsoluteTimeRange) => void;
+    getTimeRange: (data?: PanelData) => _grafana_data.TimeRange;
+    changePluginType(pluginId: string, newOptions?: DeepPartial<{}>, newFieldConfig?: FieldConfigSource): Promise<void>;
+    onTitleChange: (title: string) => void;
+    onDescriptionChange: (description: string) => void;
+    onDisplayModeChange: (displayMode: 'default' | 'transparent') => void;
+    onToggleCollapse: (collapsed: boolean) => void;
+    onOptionsChange: (optionsUpdate: DeepPartial<TOptions>, replace?: boolean, isAfterPluginChange?: boolean) => void;
+    onFieldConfigChange: (fieldConfigUpdate: FieldConfigSource<DeepPartial<TFieldConfig>>, replace?: boolean) => void;
+    interpolate: InterpolateFunction;
+    getDescription: () => string;
+    clearFieldConfigCache(): void;
+    /**
+     * Called from the react render path to apply the field config to the data provided by the data provider
+     */
+    applyFieldConfig(rawData?: PanelData): PanelData;
+    onCancelQuery: () => void;
+    onStatusMessageClick: () => void;
+    /**
+     * Panel context functions
+     */
+    private _onSeriesColorChange;
+    private _onSeriesVisibilityChange;
+    private _onInstanceStateChange;
+    private _onToggleLegendSort;
+    private buildPanelContext;
+}
+
 interface ExploreButtonOptions {
     onClick?: () => void;
     transform?: (query: DataQuery) => DataQuery;
@@ -2409,7 +2406,7 @@ interface SceneReactObjectState<TProps = {}> extends SceneObjectState {
  * A utility object that can be used to render any React component or ReactNode
  */
 declare class SceneReactObject<TProps = {}> extends SceneObjectBase<SceneReactObjectState<TProps>> {
-    static Component: ({ model }: SceneComponentProps<SceneReactObject>) => string | number | true | React__default.JSX.Element | Iterable<React__default.ReactNode> | null;
+    static Component: ({ model }: SceneComponentProps<SceneReactObject>) => string | number | true | Iterable<React__default.ReactNode> | React__default.JSX.Element | null;
 }
 
 type StandardFieldConfigInterface<T, C, Prefix extends string> = {