@grafana/scenes 4.4.2--canary.680.8557783647.0 → 4.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -901,8 +901,8 @@ declare class GroupByVariable extends MultiValueVariable<GroupByVariableState> {
901
901
  * Allows clearing the value of the variable to an empty value. Overrides default behavior of a MultiValueVariable
902
902
  */
903
903
  getDefaultMultiState(options: VariableValueOption[]): {
904
- value: never[];
905
- text: never[];
904
+ value: VariableValueSingle[];
905
+ text: string[];
906
906
  };
907
907
  /**
908
908
  * Get all queries in the scene that have the same datasource as this AggregationsSet
@@ -1090,7 +1090,7 @@ declare class LiveNowTimer extends SceneObjectBase<LiveNowTimerState> {
1090
1090
  private timerId;
1091
1091
  private static REFRESH_RATE;
1092
1092
  constructor({ enabled }: {
1093
- enabled?: boolean | undefined;
1093
+ enabled?: boolean;
1094
1094
  });
1095
1095
  private _activationHandler;
1096
1096
  enable(): void;
@@ -1185,18 +1185,18 @@ declare class AnnotationsDataLayer extends SceneDataLayerBase<AnnotationsDataLay
1185
1185
  protected processEvents(query: AnnotationQuery, events: AnnotationQueryResults): {
1186
1186
  state: LoadingState;
1187
1187
  series: _grafana_data.DataFrame[];
1188
- structureRev?: number | undefined;
1189
- annotations?: _grafana_data.DataFrame[] | undefined;
1190
- alertState?: _grafana_data.AlertStateInfo | undefined;
1191
- request?: _grafana_data.DataQueryRequest<_grafana_data.DataQuery> | undefined;
1192
- timings?: _grafana_data.DataQueryTimings | undefined;
1193
- errors?: _grafana_data.DataQueryError[] | undefined;
1194
- error?: _grafana_data.DataQueryError | undefined;
1188
+ structureRev?: number;
1189
+ annotations?: _grafana_data.DataFrame[];
1190
+ alertState?: _grafana_data.AlertStateInfo;
1191
+ request?: _grafana_data.DataQueryRequest<_grafana_data.DataQuery>;
1192
+ timings?: _grafana_data.DataQueryTimings;
1193
+ errors?: _grafana_data.DataQueryError[];
1194
+ error?: _grafana_data.DataQueryError;
1195
1195
  timeRange: _grafana_data.TimeRange;
1196
- traceIds?: string[] | undefined;
1196
+ traceIds?: string[];
1197
1197
  };
1198
1198
  }
1199
- declare function AnnotationsDataLayerRenderer({ model }: SceneComponentProps<AnnotationsDataLayer>): JSX.Element | null;
1199
+ declare function AnnotationsDataLayerRenderer({ model }: SceneComponentProps<AnnotationsDataLayer>): JSX.Element;
1200
1200
 
1201
1201
  type index_AnnotationsDataLayer = AnnotationsDataLayer;
1202
1202
  declare const index_AnnotationsDataLayer: typeof AnnotationsDataLayer;
@@ -1303,7 +1303,7 @@ declare class SceneDataLayerControls extends SceneObjectBase<SceneDataLayerContr
1303
1303
  static Component: typeof SceneDataLayerControlsRenderer;
1304
1304
  constructor();
1305
1305
  }
1306
- declare function SceneDataLayerControlsRenderer({ model }: SceneComponentProps<SceneDataLayerControls>): JSX.Element | null;
1306
+ declare function SceneDataLayerControlsRenderer({ model }: SceneComponentProps<SceneDataLayerControls>): JSX.Element;
1307
1307
 
1308
1308
  interface SceneDataTransformerState extends SceneDataState {
1309
1309
  /**
@@ -1358,7 +1358,7 @@ interface VariableValueControlState extends SceneObjectState {
1358
1358
  declare class VariableValueControl extends SceneObjectBase<VariableValueControlState> {
1359
1359
  static Component: typeof VariableValueControlRenderer;
1360
1360
  }
1361
- declare function VariableValueControlRenderer({ model }: SceneComponentProps<VariableValueControl>): JSX.Element | null;
1361
+ declare function VariableValueControlRenderer({ model }: SceneComponentProps<VariableValueControl>): JSX.Element;
1362
1362
 
1363
1363
  declare class SceneVariableSet extends SceneObjectBase<SceneVariableSetState> implements SceneVariables {
1364
1364
  /** Variables that have changed in since the activation or since the first manual value change */
@@ -1689,13 +1689,12 @@ declare class SceneTimePicker extends SceneObjectBase<SceneTimePickerState> {
1689
1689
  onMoveBackward: () => void;
1690
1690
  onMoveForward: () => void;
1691
1691
  }
1692
- declare function SceneTimePickerRenderer({ model }: SceneComponentProps<SceneTimePicker>): JSX.Element | null;
1692
+ declare function SceneTimePickerRenderer({ model }: SceneComponentProps<SceneTimePicker>): JSX.Element;
1693
1693
 
1694
1694
  interface SceneRefreshPickerState extends SceneObjectState {
1695
1695
  refresh: string;
1696
1696
  autoEnabled?: boolean;
1697
1697
  autoMinInterval?: string;
1698
- autoValue?: string;
1699
1698
  intervals?: string[];
1700
1699
  isOnCanvas?: boolean;
1701
1700
  primary?: boolean;
@@ -1706,7 +1705,6 @@ declare class SceneRefreshPicker extends SceneObjectBase<SceneRefreshPickerState
1706
1705
  protected _urlSync: SceneObjectUrlSyncConfig;
1707
1706
  private _intervalTimer;
1708
1707
  private _autoTimeRangeListener;
1709
- private _autoWindowResizeListener;
1710
1708
  constructor(state: Partial<SceneRefreshPickerState>);
1711
1709
  onRefresh: () => void;
1712
1710
  onIntervalChanged: (interval: string) => void;
@@ -1715,7 +1713,6 @@ declare class SceneRefreshPicker extends SceneObjectBase<SceneRefreshPickerState
1715
1713
  };
1716
1714
  updateFromUrl(values: SceneObjectUrlValues): void;
1717
1715
  private setupAutoTimeRangeListener;
1718
- private setupAutoWindowResizeListener;
1719
1716
  private calculateAutoRefreshInterval;
1720
1717
  private setupIntervalTimer;
1721
1718
  }
@@ -1788,7 +1785,7 @@ declare class SceneFlexLayout extends SceneObjectBase<SceneFlexLayoutState> impl
1788
1785
  toggleDirection(): void;
1789
1786
  isDraggable(): boolean;
1790
1787
  }
1791
- declare function SceneFlexLayoutRenderer({ model, parentState }: SceneFlexItemRenderProps$1<SceneFlexLayout>): JSX.Element | null;
1788
+ declare function SceneFlexLayoutRenderer({ model, parentState }: SceneFlexItemRenderProps$1<SceneFlexLayout>): JSX.Element;
1792
1789
  interface SceneFlexItemPlacement {
1793
1790
  wrap?: CSSProperties['flexWrap'];
1794
1791
  direction?: CSSProperties['flexDirection'];
@@ -1820,7 +1817,7 @@ interface SceneFlexItemRenderProps$1<T> extends SceneComponentProps<T> {
1820
1817
  declare class SceneFlexItem extends SceneObjectBase<SceneFlexItemState> {
1821
1818
  static Component: typeof SceneFlexItemRenderer;
1822
1819
  }
1823
- declare function SceneFlexItemRenderer({ model, parentState }: SceneFlexItemRenderProps$1<SceneFlexItem>): JSX.Element | null;
1820
+ declare function SceneFlexItemRenderer({ model, parentState }: SceneFlexItemRenderProps$1<SceneFlexItem>): JSX.Element;
1824
1821
 
1825
1822
  interface SceneCSSGridLayoutState extends SceneObjectState, SceneCSSGridLayoutOptions {
1826
1823
  children: Array<SceneCSSGridItem | SceneObject>;
@@ -1864,7 +1861,7 @@ declare class SceneCSSGridLayout extends SceneObjectBase<SceneCSSGridLayoutState
1864
1861
  constructor(state: Partial<SceneCSSGridLayoutState>);
1865
1862
  isDraggable(): boolean;
1866
1863
  }
1867
- declare function SceneCSSGridLayoutRenderer({ model }: SceneCSSGridItemRenderProps<SceneCSSGridLayout>): JSX.Element | null;
1864
+ declare function SceneCSSGridLayoutRenderer({ model }: SceneCSSGridItemRenderProps<SceneCSSGridLayout>): JSX.Element;
1868
1865
  interface SceneCSSGridItemPlacement {
1869
1866
  /**
1870
1867
  * True when the item should rendered but not visible.
@@ -1886,7 +1883,7 @@ interface SceneCSSGridItemRenderProps<T> extends SceneComponentProps<T> {
1886
1883
  declare class SceneCSSGridItem extends SceneObjectBase<SceneCSSGridItemState> {
1887
1884
  static Component: typeof SceneCSSGridItemRenderer;
1888
1885
  }
1889
- declare function SceneCSSGridItemRenderer({ model, parentState }: SceneCSSGridItemRenderProps<SceneCSSGridItem>): JSX.Element | null;
1886
+ declare function SceneCSSGridItemRenderer({ model, parentState }: SceneCSSGridItemRenderProps<SceneCSSGridItem>): JSX.Element;
1890
1887
 
1891
1888
  declare function SceneGridLayoutRenderer({ model }: SceneComponentProps<SceneGridLayout>): JSX.Element;
1892
1889
 
@@ -1980,9 +1977,9 @@ interface SceneGridItemState extends SceneGridItemStateLike {
1980
1977
  declare class SceneGridItem extends SceneObjectBase<SceneGridItemState> implements SceneGridItemLike {
1981
1978
  static Component: typeof SceneGridItemRenderer;
1982
1979
  }
1983
- declare function SceneGridItemRenderer({ model }: SceneComponentProps<SceneGridItem>): JSX.Element | null;
1980
+ declare function SceneGridItemRenderer({ model }: SceneComponentProps<SceneGridItem>): JSX.Element;
1984
1981
 
1985
- declare function SplitLayoutRenderer({ model }: SceneFlexItemRenderProps<SplitLayout>): JSX.Element | null;
1982
+ declare function SplitLayoutRenderer({ model }: SceneFlexItemRenderProps<SplitLayout>): JSX.Element;
1986
1983
  interface SceneFlexItemRenderProps<T> extends SceneComponentProps<T> {
1987
1984
  parentState?: SceneFlexItemPlacement;
1988
1985
  }
@@ -2100,7 +2097,7 @@ declare class SceneAppPage extends SceneObjectBase<SceneAppPageState> implements
2100
2097
  initializeScene(scene: EmbeddedScene): void;
2101
2098
  getScene(routeMatch: SceneRouteMatch): EmbeddedScene;
2102
2099
  getDrilldownPage(drilldown: SceneAppDrilldownView, routeMatch: SceneRouteMatch<{}>): SceneAppPageLike;
2103
- enrichDataRequest(source: SceneObject): Partial<_grafana_data.DataQueryRequest<_grafana_data.DataQuery>> | null;
2100
+ enrichDataRequest(source: SceneObject): Partial<_grafana_data.DataQueryRequest<_grafana_data.DataQuery>>;
2104
2101
  }
2105
2102
  interface SceneAppPageRendererProps extends SceneComponentProps<SceneAppPage> {
2106
2103
  routeProps: RouteComponentProps;
@@ -2125,7 +2122,7 @@ interface SceneReactObjectState<TProps = {}> extends SceneObjectState {
2125
2122
  * A utility object that can be used to render any React component or ReactNode
2126
2123
  */
2127
2124
  declare class SceneReactObject<TProps = {}> extends SceneObjectBase<SceneReactObjectState<TProps>> {
2128
- static Component: ({ model }: SceneComponentProps<SceneReactObject>) => {} | null;
2125
+ static Component: ({ model }: SceneComponentProps<SceneReactObject>) => {};
2129
2126
  }
2130
2127
 
2131
2128
  type StandardFieldConfigInterface<T, C, Prefix extends string> = {
@@ -2278,7 +2275,7 @@ declare class VizPanelBuilder<TOptions extends {}, TFieldConfig extends {}> impl
2278
2275
  declare class PanelOptionsBuilder<TOptions extends {} = {}> {
2279
2276
  private defaultOptions?;
2280
2277
  private _options;
2281
- constructor(defaultOptions?: (() => Partial<TOptions>) | undefined);
2278
+ constructor(defaultOptions?: () => Partial<TOptions>);
2282
2279
  private setDefaults;
2283
2280
  /**
2284
2281
  * Set an individual panel option. This will merge the value with the existing options.
@@ -2315,7 +2312,7 @@ declare class FieldConfigBuilder<TFieldConfig extends {}> implements StandardFie
2315
2312
  private defaultFieldConfig?;
2316
2313
  private _fieldConfig;
2317
2314
  private _overridesBuilder;
2318
- constructor(defaultFieldConfig?: (() => TFieldConfig) | undefined);
2315
+ constructor(defaultFieldConfig?: () => TFieldConfig);
2319
2316
  private setDefaults;
2320
2317
  /**
2321
2318
  * Set color.
package/dist/index.js CHANGED
@@ -1546,7 +1546,7 @@ function getQueryController(sceneObject) {
1546
1546
  }
1547
1547
  parent = parent.parent;
1548
1548
  }
1549
- return parent;
1549
+ return void 0;
1550
1550
  }
1551
1551
 
1552
1552
  class SkipFormattingValue {
@@ -2964,7 +2964,10 @@ class VizPanel extends SceneObjectBase {
2964
2964
  if (this._dataWithFieldConfig.annotations) {
2965
2965
  this._dataWithFieldConfig.annotations = data.applyFieldOverrides({
2966
2966
  data: this._dataWithFieldConfig.annotations,
2967
- fieldConfig: this.state.fieldConfig,
2967
+ fieldConfig: {
2968
+ defaults: {},
2969
+ overrides: []
2970
+ },
2968
2971
  fieldConfigRegistry,
2969
2972
  replaceVariables: this.interpolate,
2970
2973
  theme: runtime.config.theme2,
@@ -6587,8 +6590,9 @@ function createQueryVariableRunnerFactory(datasource) {
6587
6590
  }
6588
6591
  let createQueryVariableRunner = createQueryVariableRunnerFactory;
6589
6592
  function ensureVariableQueryModelIsADataQuery(variable) {
6590
- const query = variable.state.query;
6591
- if (!query || typeof query !== "object") {
6593
+ var _a;
6594
+ const query = (_a = variable.state.query) != null ? _a : "";
6595
+ if (typeof query === "string") {
6592
6596
  return { query, refId: `variable-${variable.state.name}` };
6593
6597
  }
6594
6598
  if (query.refId == null) {
@@ -8460,7 +8464,6 @@ class SceneRefreshPicker extends SceneObjectBase {
8460
8464
  super(__spreadProps$2(__spreadValues$5({
8461
8465
  refresh: ""
8462
8466
  }, state), {
8463
- autoValue: void 0,
8464
8467
  autoEnabled: (_a = state.autoEnabled) != null ? _a : true,
8465
8468
  autoMinInterval: (_b = state.autoMinInterval) != null ? _b : runtime.config.minRefreshInterval,
8466
8469
  intervals: (_c = state.intervals) != null ? _c : DEFAULT_INTERVALS
@@ -8490,19 +8493,15 @@ class SceneRefreshPicker extends SceneObjectBase {
8490
8493
  }
8491
8494
  });
8492
8495
  };
8493
- this.setupAutoWindowResizeListener = () => {
8494
- return rxjs.fromEvent(window, "resize").pipe(rxjs.debounceTime(500)).subscribe(() => {
8495
- this.setupIntervalTimer();
8496
- });
8497
- };
8498
8496
  this.calculateAutoRefreshInterval = () => {
8499
8497
  var _a;
8500
8498
  const timeRange = sceneGraph.getTimeRange(this);
8501
8499
  const resolution = (_a = window == null ? void 0 : window.innerWidth) != null ? _a : 2e3;
8502
- return data.rangeUtil.calculateInterval(timeRange.state.value, resolution, this.state.autoMinInterval);
8500
+ const { intervalMs } = data.rangeUtil.calculateInterval(timeRange.state.value, resolution, this.state.autoMinInterval);
8501
+ return intervalMs;
8503
8502
  };
8504
8503
  this.setupIntervalTimer = () => {
8505
- var _a, _b;
8504
+ var _a;
8506
8505
  const timeRange = sceneGraph.getTimeRange(this);
8507
8506
  const { refresh, intervals } = this.state;
8508
8507
  if (this._intervalTimer || refresh === "") {
@@ -8515,18 +8514,13 @@ class SceneRefreshPicker extends SceneObjectBase {
8515
8514
  return;
8516
8515
  }
8517
8516
  let intervalMs;
8518
- (_a = this._autoTimeRangeListener) == null ? void 0 : _a.unsubscribe();
8519
- (_b = this._autoWindowResizeListener) == null ? void 0 : _b.unsubscribe();
8520
8517
  if (refresh === ui.RefreshPicker.autoOption.value) {
8521
- const autoRefreshInterval = this.calculateAutoRefreshInterval();
8522
- intervalMs = autoRefreshInterval.intervalMs;
8518
+ intervalMs = this.calculateAutoRefreshInterval();
8523
8519
  this._autoTimeRangeListener = this.setupAutoTimeRangeListener();
8524
- this._autoWindowResizeListener = this.setupAutoWindowResizeListener();
8525
- if (autoRefreshInterval.interval !== this.state.autoValue) {
8526
- this.setState({ autoValue: autoRefreshInterval.interval });
8527
- }
8528
8520
  } else {
8529
8521
  intervalMs = data.rangeUtil.intervalToMs(refresh);
8522
+ (_a = this._autoTimeRangeListener) == null ? void 0 : _a.unsubscribe();
8523
+ this._autoTimeRangeListener = void 0;
8530
8524
  }
8531
8525
  this._intervalTimer = setInterval(() => {
8532
8526
  timeRange.onRefresh();
@@ -8535,12 +8529,11 @@ class SceneRefreshPicker extends SceneObjectBase {
8535
8529
  this.addActivationHandler(() => {
8536
8530
  this.setupIntervalTimer();
8537
8531
  return () => {
8538
- var _a2, _b2;
8532
+ var _a2;
8539
8533
  if (this._intervalTimer) {
8540
8534
  clearInterval(this._intervalTimer);
8541
8535
  }
8542
8536
  (_a2 = this._autoTimeRangeListener) == null ? void 0 : _a2.unsubscribe();
8543
- (_b2 = this._autoWindowResizeListener) == null ? void 0 : _b2.unsubscribe();
8544
8537
  };
8545
8538
  });
8546
8539
  }
@@ -8560,9 +8553,9 @@ class SceneRefreshPicker extends SceneObjectBase {
8560
8553
  }
8561
8554
  SceneRefreshPicker.Component = SceneRefreshPickerRenderer;
8562
8555
  function SceneRefreshPickerRenderer({ model }) {
8563
- const { refresh, intervals, autoEnabled, autoValue, isOnCanvas, primary, withText } = model.useState();
8556
+ const { refresh, intervals, autoEnabled, isOnCanvas, primary, withText } = model.useState();
8564
8557
  const isRunning = useQueryControllerState(model);
8565
- let text = autoEnabled ? autoValue : withText ? "Refresh" : void 0;
8558
+ let text = withText ? "Refresh" : void 0;
8566
8559
  let tooltip;
8567
8560
  if (isRunning) {
8568
8561
  tooltip = "Cancel all queries";