@grafana/scenes 0.0.14 → 0.0.15

package/dist/esm/variables/variants/TextBoxVariable.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import { SceneObjectBase } from '../../core/SceneObjectBase.js';
+import { SceneObjectUrlSyncConfig } from '../../services/SceneObjectUrlSyncConfig.js';
+import { VariableValueInput } from '../components/VariableValueInput.js';
+import { SceneVariableValueChangedEvent } from '../types.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+class TextBoxVariable extends SceneObjectBase {
+  constructor(initialState) {
+    super(__spreadValues({
+      type: "textbox",
+      value: "",
+      name: ""
+    }, initialState));
+    this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: [this.getKey()] });
+  }
+  getValue() {
+    return this.state.value;
+  }
+  setValue(newValue) {
+    this.setState({ value: newValue });
+    this.publishEvent(new SceneVariableValueChangedEvent(this), true);
+  }
+  getKey() {
+    return `var-${this.state.name}`;
+  }
+  getUrlState(state) {
+    return { [this.getKey()]: state.value };
+  }
+  updateFromUrl(values) {
+    const update = {};
+    const val = values[this.getKey()];
+    if (typeof val === "string") {
+      update.value = val;
+    }
+    this.setState(update);
+  }
+}
+TextBoxVariable.Component = ({ model }) => {
+  return /* @__PURE__ */ React.createElement(VariableValueInput, {
+    model
+  });
+};
+
+export { TextBoxVariable };
+//# sourceMappingURL=TextBoxVariable.js.map

package/dist/esm/variables/variants/TextBoxVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBoxVariable.js","sources":["../../../../src/variables/variants/TextBoxVariable.tsx"],"sourcesContent":["import React from 'react';\nimport { SceneObjectBase } from '../../core/SceneObjectBase';\nimport { SceneComponentProps, SceneObjectUrlSyncHandler, SceneObjectUrlValues } from '../../core/types';\nimport { SceneObjectUrlSyncConfig } from '../../services/SceneObjectUrlSyncConfig';\nimport { VariableValueInput } from '../components/VariableValueInput';\nimport { SceneVariable, SceneVariableState, SceneVariableValueChangedEvent, VariableValue } from '../types';\n\nexport interface TextBoxVariableState extends SceneVariableState {\n  value: string;\n}\n\nexport class TextBoxVariable\n  extends SceneObjectBase<TextBoxVariableState>\n  implements SceneVariable<TextBoxVariableState>\n{\n  protected _urlSync: SceneObjectUrlSyncHandler<TextBoxVariableState>;\n\n  public constructor(initialState: Partial<TextBoxVariableState>) {\n    super({\n      type: 'textbox',\n      value: '',\n      name: '',\n      ...initialState,\n    });\n\n    this._urlSync = new SceneObjectUrlSyncConfig(this, { keys: [this.getKey()]})\n  }\n\n  public getValue(): VariableValue {\n    return this.state.value;\n  }\n\n  public setValue(newValue: string) {\n    this.setState({ value: newValue });\n    this.publishEvent(new SceneVariableValueChangedEvent(this), true);\n  }\n\n  private getKey(): string {\n    return `var-${this.state.name}`;\n  }\n\n  public getUrlState(state: TextBoxVariableState) {\n    return { [this.getKey()]: state.value }; \n  }\n\n  public updateFromUrl(values: SceneObjectUrlValues) {\n    const update: Partial<TextBoxVariableState> = {};\n    const val = values[this.getKey()];\n    if (typeof val === 'string') {\n      update.value = val;\n    }\n    \n    this.setState(update);\n  }\n\n  public static Component = ({ model }: SceneComponentProps<TextBoxVariable>) => {\n    return <VariableValueInput model={model} />;\n  };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,wBACH,eAEV,CAAA;AAAA,EAGS,YAAY,YAA6C,EAAA;AAC9D,IAAM,KAAA,CAAA,cAAA,CAAA;AAAA,MACJ,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA,EAAA;AAAA,MACP,IAAM,EAAA,EAAA;AAAA,KAAA,EACH,YACJ,CAAA,CAAA,CAAA;AAED,IAAK,IAAA,CAAA,QAAA,GAAW,IAAI,wBAAA,CAAyB,IAAM,EAAA,EAAE,IAAM,EAAA,CAAC,IAAK,CAAA,MAAA,EAAQ,CAAA,EAAE,CAAA,CAAA;AAAA,GAC7E;AAAA,EAEO,QAA0B,GAAA;AAC/B,IAAA,OAAO,KAAK,KAAM,CAAA,KAAA,CAAA;AAAA,GACpB;AAAA,EAEO,SAAS,QAAkB,EAAA;AAChC,IAAA,IAAA,CAAK,QAAS,CAAA,EAAE,KAAO,EAAA,QAAA,EAAU,CAAA,CAAA;AACjC,IAAA,IAAA,CAAK,YAAa,CAAA,IAAI,8BAA+B,CAAA,IAAI,GAAG,IAAI,CAAA,CAAA;AAAA,GAClE;AAAA,EAEQ,MAAiB,GAAA;AACvB,IAAO,OAAA,CAAA,IAAA,EAAO,KAAK,KAAM,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,GAC3B;AAAA,EAEO,YAAY,KAA6B,EAAA;AAC9C,IAAA,OAAO,EAAE,CAAC,IAAA,CAAK,MAAO,EAAA,GAAI,MAAM,KAAM,EAAA,CAAA;AAAA,GACxC;AAAA,EAEO,cAAc,MAA8B,EAAA;AACjD,IAAA,MAAM,SAAwC,EAAC,CAAA;AAC/C,IAAM,MAAA,GAAA,GAAM,MAAO,CAAA,IAAA,CAAK,MAAO,EAAA,CAAA,CAAA;AAC/B,IAAI,IAAA,OAAO,QAAQ,QAAU,EAAA;AAC3B,MAAA,MAAA,CAAO,KAAQ,GAAA,GAAA,CAAA;AAAA,KACjB;AAEA,IAAA,IAAA,CAAK,SAAS,MAAM,CAAA,CAAA;AAAA,GACtB;AAKF,CAAA;AA/Ca,eAAA,CA4CG,SAAY,GAAA,CAAC,EAAE,KAAA,EAAkD,KAAA;AAC7E,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,IAAmB,KAAA;AAAA,GAAc,CAAA,CAAA;AAC3C,CAAA;;;;"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { Observable, Observer, Subscription, Unsubscribable } from 'rxjs';
-import { BusEventWithPayload, PanelData, BusEvent, BusEventType, BusEventHandler, TimeZone, TimeRange, ScopedVars, DataTransformerConfig, DataSourceRef, DataQuery, Registry, RegistryItem, VariableRefresh, VariableSort, FieldConfigSource, PanelPlugin, AbsoluteTimeRange, DataFrame } from '@grafana/data';
+import { BusEventWithPayload, PanelData, BusEvent, BusEventType, BusEventHandler, TimeZone, TimeRange, ScopedVars, DataTransformerConfig, DataSourceRef, DataQuery, Registry, RegistryItem, VariableRefresh, VariableSort, FieldConfigSource, PanelPlugin, AbsoluteTimeRange, InterpolateFunction, DataFrame } from '@grafana/data';
 import { VariableType, VariableHide, VariableModel } from '@grafana/schema';
 import { IconName } from '@grafana/ui';
 import ReactGridLayout from 'react-grid-layout';
@@ -252,8 +252,6 @@ declare abstract class SceneObjectBase<TState extends SceneObjectState = SceneOb
     private _subject;
     private _state;
     private _events;
-    /** Incremented in SceneComponentWrapper, useful for tests and rendering optimizations */
-    protected _renderCount: number;
     protected _parent?: SceneObject;
     protected _subs: Subscription;
     protected _variableDependency: SceneVariableDependencyConfigLike | undefined;
@@ -634,6 +632,22 @@ declare class TestVariable extends MultiValueVariable<TestVariableState> {
     static Component: ({ model }: SceneComponentProps<MultiValueVariable>) => JSX.Element;
 }
 
+interface TextBoxVariableState extends SceneVariableState {
+    value: string;
+}
+declare class TextBoxVariable extends SceneObjectBase<TextBoxVariableState> implements SceneVariable<TextBoxVariableState> {
+    protected _urlSync: SceneObjectUrlSyncHandler<TextBoxVariableState>;
+    constructor(initialState: Partial<TextBoxVariableState>);
+    getValue(): VariableValue;
+    setValue(newValue: string): void;
+    private getKey;
+    getUrlState(state: TextBoxVariableState): {
+        [x: string]: string;
+    };
+    updateFromUrl(values: SceneObjectUrlValues): void;
+    static Component: ({ model }: SceneComponentProps<TextBoxVariable>) => JSX.Element;
+}
+
 declare class UrlSyncManager {
     private sceneRoot;
     private locationListenerUnsub;
@@ -687,6 +701,8 @@ interface VizPanelState<TOptions = {}, TFieldConfig = {}> extends SceneLayoutChi
     options: DeepPartial<TOptions>;
     fieldConfig: FieldConfigSource<DeepPartial<TFieldConfig>>;
     pluginVersion?: string;
+    displayMode?: 'default' | 'transparent';
+    hoverHeader?: boolean;
     pluginLoadError?: string;
 }
 declare class VizPanel<TOptions = {}, TFieldConfig = {}> extends SceneObjectBase<VizPanelState<TOptions, TFieldConfig>> {
@@ -701,6 +717,7 @@ declare class VizPanel<TOptions = {}, TFieldConfig = {}> extends SceneObjectBase
     onChangeTimeRange: (timeRange: AbsoluteTimeRange) => void;
     onOptionsChange: (options: TOptions) => void;
     onFieldConfigChange: (fieldConfig: FieldConfigSource<TFieldConfig>) => void;
+    interpolate: InterpolateFunction;
 }
 
 interface NestedSceneState extends SceneLayoutChildState {
@@ -759,6 +776,28 @@ declare class SceneTimePicker extends SceneObjectBase<SceneTimePickerState> {
 }
 declare function SceneTimePickerRenderer({ model }: SceneComponentProps<SceneTimePicker>): JSX.Element | null;
 
+interface SceneRefreshPickerState extends SceneObjectStatePlain {
+    refresh: string;
+    intervals?: string[];
+    isOnCanvas?: boolean;
+}
+declare class SceneRefreshPicker extends SceneObjectBase<SceneRefreshPickerState> {
+    static Component: typeof SceneRefreshPickerRenderer;
+    protected _urlSync: SceneObjectUrlSyncConfig<SceneObjectState>;
+    private _intervalTimer;
+    constructor(state: Partial<SceneRefreshPickerState>);
+    activate(): void;
+    deactivate(): void;
+    onRefresh: () => void;
+    onIntervalChanged: (interval: string) => void;
+    getUrlState(): {
+        refresh: string;
+    };
+    updateFromUrl(values: SceneObjectUrlValues): void;
+    private setupIntervalTimer;
+}
+declare function SceneRefreshPickerRenderer({ model }: SceneComponentProps<SceneRefreshPicker>): JSX.Element;
+
 interface RepeatOptions extends SceneObjectStatePlain {
     body: SceneObject<SceneLayoutState>;
     getLayoutChild(data: PanelData, frame: DataFrame, frameIndex: number): SceneLayoutChild;
@@ -875,4 +914,4 @@ interface SceneAppDrilldownView {
     getPage: (routeMatch: SceneRouteMatch<any>, parent: SceneAppPage) => SceneAppPage;
 }
 
-export { ConstantVariable, CustomFormatterFn, CustomVariable, DataSourceVariable, DeepPartial, EmbeddedScene, EmbeddedSceneState, FormatRegistryID, FormatVariable, NestedScene, QueryRunnerState, QueryVariable, SceneApp, SceneAppPage, SceneByFrameRepeater, SceneCanvasText, SceneComponent, SceneComponentProps, SceneControlsSpacer, SceneDataNode, SceneDataState, SceneDataTransformer, SceneEditor, SceneEditorState, SceneFlexLayout, SceneGridLayout, SceneGridRow, SceneLayout, SceneLayoutChild, SceneLayoutChildOptions, SceneLayoutChildState, SceneLayoutState, SceneObject, SceneObjectBase, SceneObjectRef, SceneObjectState, SceneObjectStateChangedEvent, SceneObjectStateChangedPayload, SceneObjectStatePlain, SceneObjectUrlSyncConfig, SceneObjectUrlSyncHandler, SceneObjectUrlValue, SceneObjectUrlValues, SceneObjectWithUrlSync, SceneQueryRunner, SceneRouteMatch, SceneTimePicker, SceneTimeRange, SceneTimeRangeLike, SceneTimeRangeState, SceneToolbarButton, SceneToolbarInput, SceneVariable, SceneVariableDependencyConfigLike, SceneVariableSet, SceneVariableSetState, SceneVariableState, SceneVariableValueChangedEvent, SceneVariables, TestVariable, UrlSyncManager, ValidateAndUpdateResult, VariableDependencyConfig, VariableValue, VariableValueCustom, VariableValueOption, VariableValueSelectors, VariableValueSingle, VizPanel, VizPanelState, formatRegistry, isSceneObject, sceneGraph };
+export { ConstantVariable, CustomFormatterFn, CustomVariable, DataSourceVariable, DeepPartial, EmbeddedScene, EmbeddedSceneState, FormatRegistryID, FormatVariable, NestedScene, QueryRunnerState, QueryVariable, SceneApp, SceneAppPage, SceneByFrameRepeater, SceneCanvasText, SceneComponent, SceneComponentProps, SceneControlsSpacer, SceneDataNode, SceneDataState, SceneDataTransformer, SceneEditor, SceneEditorState, SceneFlexLayout, SceneGridLayout, SceneGridRow, SceneLayout, SceneLayoutChild, SceneLayoutChildOptions, SceneLayoutChildState, SceneLayoutState, SceneObject, SceneObjectBase, SceneObjectRef, SceneObjectState, SceneObjectStateChangedEvent, SceneObjectStateChangedPayload, SceneObjectStatePlain, SceneObjectUrlSyncConfig, SceneObjectUrlSyncHandler, SceneObjectUrlValue, SceneObjectUrlValues, SceneObjectWithUrlSync, SceneQueryRunner, SceneRefreshPicker, SceneRouteMatch, SceneTimePicker, SceneTimeRange, SceneTimeRangeLike, SceneTimeRangeState, SceneToolbarButton, SceneToolbarInput, SceneVariable, SceneVariableDependencyConfigLike, SceneVariableSet, SceneVariableSetState, SceneVariableState, SceneVariableValueChangedEvent, SceneVariables, TestVariable, TextBoxVariable, UrlSyncManager, ValidateAndUpdateResult, VariableDependencyConfig, VariableValue, VariableValueCustom, VariableValueOption, VariableValueSelectors, VariableValueSingle, VizPanel, VizPanelState, formatRegistry, isSceneObject, sceneGraph };