@grafana/scenes 6.0.0--canary.979.12746556745.0 → 6.0.0--canary.979.12946533009.0

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import * as _grafana_data from '@grafana/data';
-import { BusEventWithPayload, PanelData, BusEvent, BusEventType, BusEventHandler, TimeRange, DataQueryRequest, DataSourceGetTagKeysOptions, DataSourceGetTagValuesOptions, DataTransformContext, DataFrame, EventBus, IconName, PageLayoutType, UrlQueryMap, PanelPlugin, 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, FieldConfig, FieldType, FieldValueMatcherConfig, ScopedVar, RawTimeRange } from '@grafana/data';
+import { BusEventWithPayload, EventBus, BusEvent, BusEventType, BusEventHandler, PanelMenuItem, FieldConfigSource, PanelModel, PanelPlugin, AbsoluteTimeRange, PanelData, InterpolateFunction, TimeRange, DataQueryRequest, DataSourceGetTagKeysOptions, DataSourceGetTagValuesOptions, DataTransformContext, DataFrame, IconName, PageLayoutType, UrlQueryMap, DataQuery as DataQuery$1, DataSourceApi, Registry, RegistryItem, ScopedVars, AdHocVariableFilter, SelectableValue, MetricFindValue, GetTagResponse, VariableRefresh as VariableRefresh$1, VariableSort, EventFilterOptions, AnnotationEvent, AnnotationQuery, DataTransformerConfig, FieldConfig, FieldType, FieldValueMatcherConfig, ScopedVar, RawTimeRange } from '@grafana/data';
 import * as React$1 from 'react';
 import React__default, { ComponentType, CSSProperties } from 'react';
 import * as rxjs from 'rxjs';
-import { Observable, Unsubscribable, MonoTypeOperatorFunction, Subscription, ReplaySubject } from 'rxjs';
+import { Observable, Subscription, Unsubscribable, MonoTypeOperatorFunction, 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 as IconName$1 } from '@grafana/ui';
 import { LocationService, VariableInterpolation } from '@grafana/runtime';
 import { Location } from 'history';
-import { PanelContext, IconName as IconName$1 } from '@grafana/ui';
 import ReactGridLayout from 'react-grid-layout';
 import { Options, FieldConfig as FieldConfig$1 } from '@grafana/schema/dist/esm/raw/composable/barchart/panelcfg/x/BarChartPanelCfg_types.gen';
 import { Options as Options$1 } from '@grafana/schema/dist/esm/raw/composable/bargauge/panelcfg/x/BarGaugePanelCfg_types.gen';
@@ -133,6 +133,277 @@ 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;
@@ -230,6 +501,9 @@ 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;
@@ -283,169 +557,73 @@ interface FiltersRequestEnricher {
 }
 declare function isDataRequestEnricher(obj: any): obj is DataRequestEnricher;
 declare function isFiltersRequestEnricher(obj: any): obj is FiltersRequestEnricher;
-type SceneObjectUrlValue = string | string[] | undefined | null;
-type SceneObjectUrlValues = Record<string, SceneObjectUrlValue>;
-type CustomTransformOperator = (context: DataTransformContext) => MonoTypeOperatorFunction<DataFrame[]>;
-type CustomTransformerDefinition = {
-    operator: CustomTransformOperator;
-    topic: DataTopic;
-} | CustomTransformOperator;
-type SceneStateChangedHandler<TState> = (newState: TState, prevState: TState) => void;
-type DeepPartial<T> = {
-    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
-};
-interface SceneDataProviderResult {
-    data: PanelData;
-    origin: SceneDataProvider;
-}
-interface SceneDataProvider<T extends SceneObjectState = SceneDataState> extends SceneObject<T> {
-    setContainerWidth?: (width: number) => void;
-    isDataReadyToDisplay?: () => boolean;
-    cancelQuery?: () => void;
-    getResultsStream(): Observable<SceneDataProviderResult>;
-}
-interface SceneDataLayerProviderState extends SceneDataState {
-    name: string;
-    description?: string;
-    isEnabled?: boolean;
-    isHidden?: boolean;
-}
-interface SceneDataLayerProvider extends SceneDataProvider<SceneDataLayerProviderState> {
-    isDataLayer: true;
-}
-declare function isDataLayer(obj: SceneObject): obj is SceneDataLayerProvider;
-interface DataLayerFilter {
-    panelId: number;
-}
-interface SceneStatelessBehavior<T extends SceneObject = any> {
-    (sceneObject: T): CancelActivationHandler | void;
-}
-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
-     */
-    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;
-}
-
-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;
+type SceneObjectUrlValue = string | string[] | undefined | null;
+type SceneObjectUrlValues = Record<string, SceneObjectUrlValue>;
+type CustomTransformOperator = (context: DataTransformContext) => MonoTypeOperatorFunction<DataFrame[]>;
+type CustomTransformerDefinition = {
+    operator: CustomTransformOperator;
+    topic: DataTopic;
+} | CustomTransformOperator;
+type SceneStateChangedHandler<TState> = (newState: TState, prevState: TState) => void;
+type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+interface SceneDataProviderResult {
+    data: PanelData;
+    origin: SceneDataProvider;
+}
+interface SceneDataProvider<T extends SceneObjectState = SceneDataState> extends SceneObject<T> {
+    setContainerWidth?: (width: number) => void;
+    isDataReadyToDisplay?: () => boolean;
+    cancelQuery?: () => void;
+    getResultsStream(): Observable<SceneDataProviderResult>;
+}
+interface SceneDataLayerProviderState extends SceneDataState {
+    name: string;
+    description?: string;
+    isEnabled?: boolean;
+    isHidden?: boolean;
+}
+interface SceneDataLayerProvider extends SceneDataProvider<SceneDataLayerProviderState> {
+    isDataLayer: true;
+}
+declare function isDataLayer(obj: SceneObject): obj is SceneDataLayerProvider;
+interface DataLayerFilter {
+    panelId: number;
+}
+interface SceneStatelessBehavior<T extends SceneObject = any> {
+    (sceneObject: T): CancelActivationHandler | void;
+}
+type ControlsLayout = 'horizontal' | 'vertical';
+interface UseStateHookOptions {
     /**
-     * Utility hook to get and subscribe to state
+     * 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
      */
-    useState(): TState;
-    /** Force a re-render, should only be needed when variable values change */
-    forceRender(): void;
+    shouldActivateOrKeepAlive?: boolean;
+}
+interface SceneDataQuery extends DataQuery {
+    [key: string]: any;
+    timeRangeCompare?: boolean;
+}
+interface SceneUrlSyncOptions {
     /**
-     * Will create new SceneObject with shallow-cloned state, but all state items of type SceneObject are deep cloned
+     * This will update the url to contain all scene url state
+     * when the scene is initialized. Important for browser history "back" actions.
      */
-    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;
+    updateUrlOnInit?: boolean;
     /**
-     * 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.
+     * 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.
      */
-    forEachChild(callback: (child: SceneObjectBase) => void): void;
-    /** Returns a SceneObjectRef that will resolve to this object */
-    getRef(): SceneObjectRef<this>;
+    createBrowserHistorySteps?: boolean;
 }
-/**
- * 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;
 
 interface EmbeddedSceneState extends SceneObjectState {
     /**
@@ -624,6 +802,9 @@ interface MacroVariableConstructor {
 declare function registerVariableMacro(name: string, macro: MacroVariableConstructor): () => void;
 
 declare function renderPrometheusLabelFilters(filters: AdHocVariableFilter[]): string;
+declare function escapeLabelValueInExactSelector(labelValue: string): string;
+declare function escapeLabelValueInRegexSelector(labelValue: string): string;
+declare function escapeURLDelimiters(value: string | undefined): string;
 
 declare class AdHocFiltersVariableUrlSyncHandler implements SceneObjectUrlSyncHandler {
     private _variable;
@@ -763,65 +944,6 @@ 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;
@@ -1827,122 +1949,6 @@ interface UrlSyncContextProviderProps extends SceneUrlSyncOptions {
  */
 declare function UrlSyncContextProvider({ children, scene, updateUrlOnInit, createBrowserHistorySteps, }: UrlSyncContextProviderProps): React$1.ReactNode;
 
-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;
@@ -2861,6 +2867,9 @@ declare const sceneUtils: {
     syncStateFromSearchParams: typeof syncStateFromSearchParams;
     getUrlState: typeof getUrlState;
     renderPrometheusLabelFilters: typeof renderPrometheusLabelFilters;
+    escapeLabelValueInRegexSelector: typeof escapeLabelValueInRegexSelector;
+    escapeLabelValueInExactSelector: typeof escapeLabelValueInExactSelector;
+    escapeURLDelimiters: typeof escapeURLDelimiters;
     isAdHocVariable: typeof isAdHocVariable;
     isConstantVariable: typeof isConstantVariable;
     isCustomVariable: typeof isCustomVariable;