@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/CHANGELOG.md +24 -0
- package/dist/esm/components/SceneApp/utils.js.map +1 -1
- package/dist/esm/components/SceneRefreshPicker.js +9 -21
- package/dist/esm/components/SceneRefreshPicker.js.map +1 -1
- package/dist/esm/components/VizPanel/VizPanel.js +4 -1
- package/dist/esm/components/VizPanel/VizPanel.js.map +1 -1
- package/dist/esm/core/sceneGraph/sceneGraph.js +1 -1
- package/dist/esm/core/sceneGraph/sceneGraph.js.map +1 -1
- package/dist/esm/variables/groupby/GroupByVariable.js.map +1 -1
- package/dist/esm/variables/variants/query/createQueryVariableRunner.js +3 -2
- package/dist/esm/variables/variants/query/createQueryVariableRunner.js.map +1 -1
- package/dist/index.d.ts +25 -28
- package/dist/index.js +17 -24
- package/dist/index.js.map +1 -1
- package/package.json +13 -13
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:
|
|
905
|
-
text:
|
|
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
|
|
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
|
|
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
|
|
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[]
|
|
1196
|
+
traceIds?: string[];
|
|
1197
1197
|
};
|
|
1198
1198
|
}
|
|
1199
|
-
declare function AnnotationsDataLayerRenderer({ model }: SceneComponentProps<AnnotationsDataLayer>): JSX.Element
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
1980
|
+
declare function SceneGridItemRenderer({ model }: SceneComponentProps<SceneGridItem>): JSX.Element;
|
|
1984
1981
|
|
|
1985
|
-
declare function SplitLayoutRenderer({ model }: SceneFlexItemRenderProps<SplitLayout>): JSX.Element
|
|
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
|
|
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>) => {}
|
|
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?: (
|
|
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?: (
|
|
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
|
|
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:
|
|
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
|
-
|
|
6591
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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,
|
|
8556
|
+
const { refresh, intervals, autoEnabled, isOnCanvas, primary, withText } = model.useState();
|
|
8564
8557
|
const isRunning = useQueryControllerState(model);
|
|
8565
|
-
let text =
|
|
8558
|
+
let text = withText ? "Refresh" : void 0;
|
|
8566
8559
|
let tooltip;
|
|
8567
8560
|
if (isRunning) {
|
|
8568
8561
|
tooltip = "Cancel all queries";
|