@perses-dev/victorialogs-plugin 0.1.0

package/lib/cjs/queries/victorialogs-log-query/VictoriaLogsLogQueryEditor.js

@@ -0,0 +1,118 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "VictoriaLogsLogQueryEditor", {
+    enumerable: true,
+    get: function() {
+        return VictoriaLogsLogQueryEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _material = require("@mui/material");
+const _react = require("react");
+const _logsqleditor = require("../../components/logsql-editor");
+const _model = require("../../model");
+const _constants = require("../constants");
+function VictoriaLogsLogQueryEditor(props) {
+    const { onChange, value } = props;
+    const { datasource } = value;
+    const datasourceSelectValue = datasource ?? _constants.DEFAULT_DATASOURCE;
+    const selectedDatasource = (0, _pluginsystem.useDatasourceSelectValueToSelector)(datasourceSelectValue, _model.VICTORIALOGS_DATASOURCE_KIND);
+    // const { data: client } = useDatasourceClient<VictoriaLogsClient>(selectedDatasource);
+    // const victorialogsURL = client?.options.datasourceUrl;
+    // Local state for editor value to prevent query_range calls on every keystroke
+    const [localQuery, setLocalQuery] = (0, _react.useState)(value.query);
+    // Update local state when prop changes
+    (0, _react.useEffect)(()=>{
+        setLocalQuery(value.query);
+    }, [
+        value.query
+    ]);
+    const handleDatasourceChange = (newDatasourceSelection)=>{
+        if (!(0, _pluginsystem.isVariableDatasource)(newDatasourceSelection) && newDatasourceSelection.kind === _constants.DATASOURCE_KIND) {
+            onChange({
+                ...value,
+                datasource: newDatasourceSelection
+            });
+            return;
+        }
+        throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');
+    };
+    // Debounced query change handler to prevent excessive query_range calls
+    const handleQueryChange = (0, _react.useCallback)((newQuery)=>{
+        setLocalQuery(newQuery);
+    }, []);
+    // Immediate query execution on Enter or blur
+    const handleQueryExecute = (0, _react.useCallback)((query)=>{
+        onChange({
+            ...value,
+            query
+        });
+    }, [
+        onChange,
+        value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 1.5,
+        paddingBottom: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "Datasource"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                        datasourcePluginKind: _constants.DATASOURCE_KIND,
+                        value: selectedDatasource,
+                        onChange: handleDatasourceChange,
+                        label: "VictoriaLogs Datasource",
+                        notched: true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "LogsQL Query"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_logsqleditor.LogsQLEditor, {
+                        value: localQuery,
+                        onChange: handleQueryChange,
+                        onBlur: ()=>handleQueryExecute(localQuery),
+                        onKeyDown: (event)=>{
+                            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+                                event.preventDefault();
+                                handleQueryExecute(localQuery);
+                            }
+                        },
+                        placeholder: 'Enter LogsQL query (e.g. {job="mysql"} |= "error")'
+                    })
+                ]
+            })
+        ]
+    });
+}

package/lib/cjs/queries/victorialogs-log-query/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./query"), exports);
+_export_star(require("./VictoriaLogsLogQuery"), exports);
+_export_star(require("./VictoriaLogsLogQueryEditor"), exports);
+_export_star(require("./types"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/queries/victorialogs-log-query/interface.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/cjs/queries/victorialogs-log-query/query.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getVictoriaLogsLogData", {
+    enumerable: true,
+    get: function() {
+        return getVictoriaLogsLogData;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _constants = require("../constants");
+function convertStreamToLogs(data, defaultTime) {
+    const entries = [];
+    data.forEach((entry)=>{
+        const { _msg, _time, ...labels } = entry;
+        const time = !_time && !_msg ? defaultTime : Date.parse(_time);
+        entries.push({
+            timestamp: Number(time) / 1000,
+            line: _msg || "",
+            labels: labels
+        });
+    });
+    return {
+        entries,
+        totalCount: entries.length
+    };
+}
+const getVictoriaLogsLogData = async (spec, context)=>{
+    if (!spec.query) {
+        return {
+            logs: {
+                entries: [],
+                totalCount: 0
+            },
+            timeRange: {
+                start: context.timeRange.start,
+                end: context.timeRange.end
+            }
+        };
+    }
+    const query = (0, _pluginsystem.replaceVariables)(spec.query, context.variableState);
+    const client = await context.datasourceStore.getDatasourceClient(spec.datasource ?? _constants.DEFAULT_DATASOURCE);
+    const { start, end } = context.timeRange;
+    const response = await client.streamQueryRange({
+        query,
+        start: start.toISOString(),
+        end: end.toISOString()
+    });
+    const logs = convertStreamToLogs(response, end.getTime().toString());
+    return {
+        logs,
+        timeRange: {
+            start,
+            end
+        },
+        metadata: {
+            executedQueryString: query
+        }
+    };
+};

package/lib/cjs/queries/victorialogs-log-query/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/cjs/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQuery.js

@@ -0,0 +1,43 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "VictoriaLogsTimeSeriesQuery", {
+    enumerable: true,
+    get: function() {
+        return VictoriaLogsTimeSeriesQuery;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _query = require("./query");
+const _VictoriaLogsTimeSeriesQueryEditor = require("./VictoriaLogsTimeSeriesQueryEditor");
+const VictoriaLogsTimeSeriesQuery = {
+    getTimeSeriesData: _query.getVictoriaLogsTimeSeriesData,
+    OptionsEditorComponent: _VictoriaLogsTimeSeriesQueryEditor.VictoriaLogsQueryEditor,
+    createInitialOptions: ()=>({
+            query: ''
+        }),
+    dependsOn: (spec)=>{
+        const queryVariables = (0, _pluginsystem.parseVariables)(spec.query);
+        const allVariables = [
+            ...new Set([
+                ...queryVariables
+            ])
+        ];
+        return {
+            variables: allVariables
+        };
+    }
+};

package/lib/cjs/queries/victorialogs-time-series-query/VictoriaLogsTimeSeriesQueryEditor.js

@@ -0,0 +1,116 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "VictoriaLogsQueryEditor", {
+    enumerable: true,
+    get: function() {
+        return VictoriaLogsQueryEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _material = require("@mui/material");
+const _react = require("react");
+const _logsqleditor = require("../../components/logsql-editor");
+const _model = require("../../model");
+const _constants = require("../constants");
+function VictoriaLogsQueryEditor(props) {
+    const { onChange, value } = props;
+    const { datasource } = value;
+    const datasourceSelectValue = datasource ?? _constants.DEFAULT_DATASOURCE;
+    const selectedDatasource = (0, _pluginsystem.useDatasourceSelectValueToSelector)(datasourceSelectValue, _model.VICTORIALOGS_DATASOURCE_KIND);
+    // Local state for editor value to prevent query_range calls on every keystroke
+    const [localQuery, setLocalQuery] = (0, _react.useState)(value.query);
+    // Update local state when prop changes
+    (0, _react.useEffect)(()=>{
+        setLocalQuery(value.query);
+    }, [
+        value.query
+    ]);
+    const handleDatasourceChange = (newDatasourceSelection)=>{
+        if (!(0, _pluginsystem.isVariableDatasource)(newDatasourceSelection) && newDatasourceSelection.kind === _constants.DATASOURCE_KIND) {
+            onChange({
+                ...value,
+                datasource: newDatasourceSelection
+            });
+            return;
+        }
+        throw new Error('Got unexpected non VictoriaLogsQuery datasource selection');
+    };
+    // Debounced query change handler to prevent excessive query_range calls
+    const handleQueryChange = (0, _react.useCallback)((newQuery)=>{
+        setLocalQuery(newQuery);
+    }, []);
+    // Immediate query execution on Enter or blur
+    const handleQueryExecute = (0, _react.useCallback)((query)=>{
+        onChange({
+            ...value,
+            query
+        });
+    }, [
+        onChange,
+        value
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 1.5,
+        paddingBottom: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "Datasource"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DatasourceSelect, {
+                        datasourcePluginKind: _constants.DATASOURCE_KIND,
+                        value: selectedDatasource,
+                        onChange: handleDatasourceChange,
+                        label: "VictoriaLogs Datasource",
+                        notched: true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
+                        sx: {
+                            display: 'block',
+                            marginBottom: '4px',
+                            fontWeight: 500
+                        },
+                        children: "LogsQL Query"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_logsqleditor.LogsQLEditor, {
+                        value: localQuery,
+                        onChange: handleQueryChange,
+                        onBlur: ()=>handleQueryExecute(localQuery),
+                        onKeyDown: (event)=>{
+                            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+                                event.preventDefault();
+                                handleQueryExecute(localQuery);
+                            }
+                        },
+                        placeholder: 'Enter LogsQL query (e.g. {job="mysql"} |= "error")'
+                    })
+                ]
+            })
+        ]
+    });
+}

package/lib/cjs/queries/victorialogs-time-series-query/index.js

@@ -0,0 +1,33 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./query"), exports);
+_export_star(require("./VictoriaLogsTimeSeriesQuery"), exports);
+_export_star(require("./VictoriaLogsTimeSeriesQueryEditor"), exports);
+_export_star(require("./types"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/queries/victorialogs-time-series-query/query.js

@@ -0,0 +1,122 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getVictoriaLogsTimeSeriesData", {
+    enumerable: true,
+    get: function() {
+        return getVictoriaLogsTimeSeriesData;
+    }
+});
+const _core = require("@perses-dev/core");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _datefns = require("date-fns");
+const _constants = require("../constants");
+// Constants for VictoriaLogs step calculation
+const MAX_VICTORIALOGS_DATA_POINTS = 10000; // Similar to Prometheus
+const DEFAULT_MIN_STEP_SECONDS = 15; // 15 seconds default minimum
+/**
+ * Converts a duration string (like "15s", "1m") to seconds
+ */ function getDurationStringSeconds(durationString) {
+    if (!durationString) return undefined;
+    const duration = (0, _core.parseDurationString)(durationString);
+    const ms = (0, _datefns.milliseconds)(duration);
+    return Math.floor(ms / 1000);
+}
+/**
+ * Calculates appropriate step for VictoriaLogs range queries
+ */ function getVictoriaLogsRangeStep(startMs, endMs, minStepSeconds = DEFAULT_MIN_STEP_SECONDS, suggestedStepMs = 0) {
+    const suggestedStepSeconds = suggestedStepMs / 1000;
+    const querySeconds = (endMs - startMs) / 1000;
+    let safeStep = querySeconds / MAX_VICTORIALOGS_DATA_POINTS;
+    if (safeStep > 1) {
+        safeStep = Math.ceil(safeStep);
+    }
+    return Math.max(suggestedStepSeconds, minStepSeconds, safeStep);
+}
+/**
+ * Formats step in seconds as a duration string for VictoriaLogs API
+ */ function formatStepForVictoriaLogs(stepSeconds) {
+    if (stepSeconds < 60) {
+        return `${Math.round(stepSeconds)}s`;
+    } else if (stepSeconds < 3600) {
+        return `${Math.round(stepSeconds / 60)}m`;
+    } else {
+        return `${Math.round(stepSeconds / 3600)}h`;
+    }
+}
+function convertMatrixToTimeSeries(matrix) {
+    return matrix.map((series)=>{
+        const { _stream, ...labels } = series.metric;
+        if (_stream) {
+            const match = _stream.match(/{([^}]+)}/);
+            if (match && match[1]) {
+                const labelsStr = match[1].split(',').forEach((labelPair)=>{
+                    const [key, val] = labelPair.split('=').map((s)=>s.trim().replace(/^"|"$/g, ''));
+                    if (key && val) labels[key] = val;
+                });
+            }
+        }
+        const name = Object.entries(labels).map(([k, v])=>`${k}=${v}`).join(', ');
+        return {
+            name: name,
+            values: series.values.map(([timestamp, value])=>[
+                    Number(timestamp) * 1000,
+                    Number(value)
+                ]),
+            labels
+        };
+    });
+}
+const getVictoriaLogsTimeSeriesData = async (spec, context)=>{
+    if (!spec.query) {
+        return {
+            series: [],
+            timeRange: {
+                start: context.timeRange.start,
+                end: context.timeRange.end
+            },
+            stepMs: DEFAULT_MIN_STEP_SECONDS * 1000
+        };
+    }
+    const query = (0, _pluginsystem.replaceVariables)(spec.query, context.variableState);
+    const client = await context.datasourceStore.getDatasourceClient(spec.datasource ?? _constants.DEFAULT_DATASOURCE);
+    const { start, end } = context.timeRange;
+    const minStepSeconds = spec.step ? getDurationStringSeconds(spec.step) ?? DEFAULT_MIN_STEP_SECONDS : DEFAULT_MIN_STEP_SECONDS;
+    const stepSeconds = getVictoriaLogsRangeStep(start.getTime(), end.getTime(), minStepSeconds, context.suggestedStepMs);
+    const stepString = formatStepForVictoriaLogs(stepSeconds);
+    const stepMs = stepSeconds * 1000;
+    const response = await client.statsQueryRange({
+        query,
+        step: stepString,
+        start: start.toISOString(),
+        end: end.toISOString()
+    });
+    if (response.status === 'error') {
+        throw new Error(response.error);
+    }
+    const series = convertMatrixToTimeSeries(response.data.result);
+    return {
+        series: series,
+        timeRange: {
+            start,
+            end
+        },
+        stepMs,
+        metadata: {
+            executedQueryString: query
+        }
+    };
+};

package/lib/cjs/queries/victorialogs-time-series-query/types.js

@@ -0,0 +1,16 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/cjs/setup-tests.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+require("@testing-library/jest-dom");
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');

package/lib/cjs/variables/index.js

@@ -0,0 +1,31 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./victorialogs-field-names"), exports);
+_export_star(require("./victorialogs-field-values"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/variables/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/cjs/variables/utils.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    fieldItemsToVariableOptions: function() {
+        return fieldItemsToVariableOptions;
+    },
+    getVictoriaLogsTimeRange: function() {
+        return getVictoriaLogsTimeRange;
+    },
+    useFieldNames: function() {
+        return useFieldNames;
+    },
+    useFieldValues: function() {
+        return useFieldValues;
+    }
+});
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _reactquery = require("@tanstack/react-query");
+const fieldItemsToVariableOptions = (values)=>{
+    if (!values) return [];
+    return values.map((value)=>({
+            value: value.value,
+            label: value.value
+        }));
+};
+function getVictoriaLogsTimeRange(timeRange) {
+    const { start, end } = timeRange;
+    return {
+        start: start.toISOString(),
+        end: end.toISOString()
+    };
+}
+function useFieldNames(query, datasource) {
+    const { absoluteTimeRange: { start, end } } = (0, _pluginsystem.useTimeRange)();
+    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
+    const enabled = !!client && !!query;
+    return (0, _reactquery.useQuery)({
+        enabled: enabled,
+        queryKey: [
+            'datasource',
+            datasource.name,
+            'query',
+            query
+        ],
+        queryFn: async ()=>{
+            return await client.fieldNames({
+                start: start.toISOString(),
+                end: end.toISOString(),
+                query: query
+            });
+        }
+    });
+}
+function useFieldValues(field, query, datasource) {
+    const { absoluteTimeRange: { start, end } } = (0, _pluginsystem.useTimeRange)();
+    const { data: client } = (0, _pluginsystem.useDatasourceClient)(datasource);
+    const enabled = !!client && !!query;
+    return (0, _reactquery.useQuery)({
+        enabled: enabled,
+        queryKey: [
+            'field',
+            field,
+            'datasource',
+            datasource.name,
+            'query',
+            query
+        ],
+        queryFn: async ()=>{
+            return await client.fieldValues({
+                query: query,
+                field: field,
+                start: start.toISOString(),
+                end: end.toISOString()
+            });
+        }
+    });
+}