@perses-dev/plugin-system 0.0.0-snapshot-scatter-chart-embed-8efdfab → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59

package/dist/cjs/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.js

@@ -32,16 +32,28 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';
-function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
-    const hasMoreThanOneQuery = queries.length > 1;
-    const { defaultPluginKinds  } = (0, _runtime.usePluginRegistry)();
-    var _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE;
-    const defaultTimeSeriesQueryKind = (_defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[DEFAULT_QUERY_PLUGIN_TYPE]) !== null && _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE !== void 0 ? _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE : '';
-    const { data: defaultQueryPlugin  } = (0, _runtime.usePlugin)(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {
+function TimeSeriesQueryEditor({ queries = [], onChange }) {
+    var _timeSeriesPlugins_;
+    // Build the default query plugin
+    // Use as default the plugin kind explicitly set as default or the first in the list
+    const { defaultPluginKinds } = (0, _runtime.usePluginRegistry)();
+    const { data: timeSeriesPlugins } = (0, _runtime.useListPluginMetadata)(_runtime.TIME_SERIES_QUERY_KEY);
+    var _defaultPluginKinds_TIME_SERIES_QUERY_KEY, _ref;
+    const defaultTimeSeriesQueryKind = (_ref = (_defaultPluginKinds_TIME_SERIES_QUERY_KEY = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[_runtime.TIME_SERIES_QUERY_KEY]) !== null && _defaultPluginKinds_TIME_SERIES_QUERY_KEY !== void 0 ? _defaultPluginKinds_TIME_SERIES_QUERY_KEY : timeSeriesPlugins === null || timeSeriesPlugins === void 0 ? void 0 : (_timeSeriesPlugins_ = timeSeriesPlugins[0]) === null || _timeSeriesPlugins_ === void 0 ? void 0 : _timeSeriesPlugins_.kind) !== null && _ref !== void 0 ? _ref : '';
+    const { data: defaultQueryPlugin } = (0, _runtime.usePlugin)(_runtime.TIME_SERIES_QUERY_KEY, defaultTimeSeriesQueryKind, {
         useErrorBoundary: true,
         enabled: true
     });
+    // This default query definition is used if no query is provided initially or when we add a new query
+    const defaultInitialQueryDefinition = {
+        kind: _runtime.TIME_SERIES_QUERY_KEY,
+        spec: {
+            plugin: {
+                kind: defaultTimeSeriesQueryKind,
+                spec: (defaultQueryPlugin === null || defaultQueryPlugin === void 0 ? void 0 : defaultQueryPlugin.createInitialOptions()) || {}
+            }
+        }
+    };
     // State for which queries are collapsed
     // TODO: Would be easier if we had IDs for queries.
     const [queriesCollapsed, setQueriesCollapsed] = (0, _react.useState)(queries.map(()=>false));
@@ -60,21 +72,12 @@ function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
     const handleQueryAdd = ()=>{
         if (!defaultQueryPlugin) return;
         onChange((0, _immer.produce)(queries, (draft)=>{
-            const queryDef = {
-                kind: DEFAULT_QUERY_PLUGIN_TYPE,
-                spec: {
-                    plugin: {
-                        kind: defaultTimeSeriesQueryKind,
-                        spec: defaultQueryPlugin.createInitialOptions()
-                    }
-                }
-            };
             if (draft) {
-                draft.push(queryDef);
+                draft.push(defaultInitialQueryDefinition);
             } else {
                 draft = [
                     ...queries,
-                    queryDef
+                    defaultInitialQueryDefinition
                 ];
             }
         }));
@@ -104,20 +107,9 @@ function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
             ];
         });
     };
-    var _defaultPluginKinds_TimeSeriesQuery;
     // show one query input if queries is empty
     const queryDefinitions = queries.length ? queries : [
-        {
-            kind: 'TimeSeriesQuery',
-            spec: {
-                plugin: {
-                    kind: (_defaultPluginKinds_TimeSeriesQuery = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds['TimeSeriesQuery']) !== null && _defaultPluginKinds_TimeSeriesQuery !== void 0 ? _defaultPluginKinds_TimeSeriesQuery : '',
-                    spec: {
-                        query: ''
-                    }
-                }
-            }
-        }
+        defaultInitialQueryDefinition
     ];
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
@@ -128,7 +120,7 @@ function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
                         query: query,
                         isCollapsed: !!queriesCollapsed[i],
                         onChange: handleQueryChange,
-                        onDelete: hasMoreThanOneQuery ? handleQueryDelete : undefined,
+                        onDelete: queries.length > 1 ? handleQueryDelete : undefined,
                         onCollapseExpand: handleQueryCollapseExpand
                     }, i))
             }),

package/dist/cjs/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.js

@@ -32,7 +32,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const TimeSeriesQueryInput = ({ index , query , isCollapsed , onDelete , onChange , onCollapseExpand  })=>{
+const TimeSeriesQueryInput = ({ index, query, isCollapsed, onDelete, onChange, onCollapseExpand })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
         spacing: 1,
         children: [
@@ -77,8 +77,8 @@ const TimeSeriesQueryInput = ({ index , query , isCollapsed , onDelete , onChang
 /**
  * Displays an editor for TimeSeriesQueryDefinition objects.
  */ function QueryEditor(props) {
-    const { value , onChange , ...others } = props;
-    const { spec: { plugin  }  } = value;
+    const { value, onChange, ...others } = props;
+    const { spec: { plugin } } = value;
     const handlePluginChange = (next)=>{
         onChange((0, _immer.default)(value, (draft)=>{
             draft.spec.plugin = next;

package/dist/cjs/components/TraceQueryEditor/TraceQueryEditor.js

@@ -33,13 +33,13 @@ function _interop_require_default(obj) {
     };
 }
 const DEFAULT_QUERY_PLUGIN_TYPE = 'TraceQuery';
-function TraceQueryEditor({ queries =[] , onChange  }) {
+function TraceQueryEditor({ queries = [], onChange }) {
     const hasMoreThanOneQuery = queries.length > 1;
     const defaultTraceQueryKind = 'TempoTraceQuery';
     // State for which queries are collapsed
     // TODO: Would be easier if we had IDs for queries.
     const [queriesCollapsed, setQueriesCollapsed] = (0, _react.useState)(queries.map(()=>false));
-    const { data: defaultQueryPlugin  } = (0, _runtime.usePlugin)(DEFAULT_QUERY_PLUGIN_TYPE, defaultTraceQueryKind, {
+    const { data: defaultQueryPlugin } = (0, _runtime.usePlugin)(DEFAULT_QUERY_PLUGIN_TYPE, defaultTraceQueryKind, {
         useErrorBoundary: true,
         enabled: true
     });

package/dist/cjs/components/TraceQueryEditor/TraceQueryInput.js

@@ -32,7 +32,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const TraceQueryInput = ({ index , query , isCollapsed , onDelete , onChange , onCollapseExpand  })=>{
+const TraceQueryInput = ({ index, query, isCollapsed, onDelete, onChange, onCollapseExpand })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
         spacing: 1,
         children: [
@@ -77,8 +77,8 @@ const TraceQueryInput = ({ index , query , isCollapsed , onDelete , onChange , o
 /**
  * Displays an editor for TraceQueryDefinition objects.
  */ function QueryEditor(props) {
-    const { value , onChange , ...others } = props;
-    const { spec: { plugin  }  } = value;
+    const { value, onChange, ...others } = props;
+    const { spec: { plugin } } = value;
     const handlePluginChange = (next)=>{
         onChange((0, _immer.default)(value, (draft)=>{
             draft.spec.plugin = next;

package/dist/cjs/components/Variables/VariableEditorForm/VariableEditorForm.js

@@ -54,7 +54,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -78,7 +80,7 @@ function FallbackPreview() {
     });
 }
 function VariableEditorForm(props) {
-    const { initialVariableDefinition , initialAction , isDraft , isReadonly , onSave , onClose , onDelete  } = props;
+    const { initialVariableDefinition, initialAction, isDraft, isReadonly, onSave, onClose, onDelete } = props;
     const initialState = (0, _variableeditorformmodel.getInitialState)(initialVariableDefinition);
     const [state, setState] = (0, _useimmer.useImmer)(initialState);
     const [isDiscardDialogOpened, setDiscardDialogOpened] = (0, _react.useState)(false);
@@ -126,7 +128,6 @@ function VariableEditorForm(props) {
         state,
         onClose
     ]);
-    var _state_title, _state_description, _state_listVariableFields_capturingRegexp, _state_listVariableFields_sort, _state_listVariableFields_customAllValue;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reacthookform.FormProvider, {
         ...form,
         children: [
@@ -220,9 +221,9 @@ function VariableEditorForm(props) {
                                 xs: 8,
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                     name: "name",
-                                    render: ({ field , fieldState  })=>{
+                                    render: ({ field, fieldState })=>{
                                         var _fieldState_error;
-                                        /*#__PURE__*/ return (0, _jsxruntime.jsx)(_material.TextField, {
+                                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                             ...field,
                                             required: true,
                                             fullWidth: true,
@@ -252,9 +253,10 @@ function VariableEditorForm(props) {
                                 xs: 4,
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                     name: "title",
-                                    render: ({ field , fieldState  })=>{
+                                    render: ({ field, fieldState })=>/*#__PURE__*/ {
                                         var _fieldState_error;
-                                        /*#__PURE__*/ return (0, _jsxruntime.jsx)(_material.TextField, {
+                                        var _state_title;
+                                        return (0, _jsxruntime.jsx)(_material.TextField, {
                                             ...field,
                                             fullWidth: true,
                                             label: "Display Label",
@@ -282,9 +284,10 @@ function VariableEditorForm(props) {
                                 xs: 8,
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                     name: "description",
-                                    render: ({ field , fieldState  })=>{
+                                    render: ({ field, fieldState })=>/*#__PURE__*/ {
                                         var _fieldState_error;
-                                        /*#__PURE__*/ return (0, _jsxruntime.jsx)(_material.TextField, {
+                                        var _state_description;
+                                        return (0, _jsxruntime.jsx)(_material.TextField, {
                                             ...field,
                                             fullWidth: true,
                                             label: "Description",
@@ -312,9 +315,9 @@ function VariableEditorForm(props) {
                                 xs: 4,
                                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                     name: "kind",
-                                    render: ({ field , fieldState  })=>{
+                                    render: ({ field, fieldState })=>{
                                         var _fieldState_error;
-                                        /*#__PURE__*/ return (0, _jsxruntime.jsx)(_material.TextField, {
+                                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                             select: true,
                                             ...field,
                                             fullWidth: true,
@@ -364,9 +367,9 @@ function VariableEditorForm(props) {
                                     }),
                                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                         name: "textVariableFields.value",
-                                        render: ({ field , fieldState  })=>{
+                                        render: ({ field, fieldState })=>{
                                             var _fieldState_error;
-                                            /*#__PURE__*/ return (0, _jsxruntime.jsx)(_material.TextField, {
+                                            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                                 ...field,
                                                 label: "Value",
                                                 InputLabelProps: {
@@ -389,7 +392,7 @@ function VariableEditorForm(props) {
                                     }),
                                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                         name: "textVariableFields.constant",
-                                        render: ({ field  })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
+                                        render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
                                                 label: "Constant",
                                                 control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
                                                     ...field,
@@ -443,7 +446,7 @@ function VariableEditorForm(props) {
                                             }),
                                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                                 name: "listVariableFields.plugin",
-                                                render: ({ field  })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginEditor.PluginEditor, {
+                                                render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginEditor.PluginEditor, {
                                                         width: "100%",
                                                         pluginType: "Variable",
                                                         pluginKindLabel: "Source",
@@ -462,9 +465,10 @@ function VariableEditorForm(props) {
                                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
                                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                             name: "listVariableFields.capturingRegexp",
-                                            render: ({ field , fieldState  })=>{
+                                            render: ({ field, fieldState })=>/*#__PURE__*/ {
                                                 var _fieldState_error;
-                                                /*#__PURE__*/ return (0, _jsxruntime.jsx)(_material.TextField, {
+                                                var _state_listVariableFields_capturingRegexp;
+                                                return (0, _jsxruntime.jsx)(_material.TextField, {
                                                     ...field,
                                                     label: "Capturing Regexp Filter",
                                                     InputLabelProps: {
@@ -494,9 +498,10 @@ function VariableEditorForm(props) {
                                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
                                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                             name: "listVariableFields.sort",
-                                            render: ({ field , fieldState  })=>{
+                                            render: ({ field, fieldState })=>/*#__PURE__*/ {
                                                 var _fieldState_error;
-                                                /*#__PURE__*/ return (0, _jsxruntime.jsxs)(_material.TextField, {
+                                                var _state_listVariableFields_sort;
+                                                return (0, _jsxruntime.jsxs)(_material.TextField, {
                                                     select: true,
                                                     ...field,
                                                     fullWidth: true,
@@ -565,7 +570,7 @@ function VariableEditorForm(props) {
                                         children: [
                                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                                 name: "listVariableFields.allowMultiple",
-                                                render: ({ field  })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
+                                                render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
                                                         label: "Allow Multiple Values",
                                                         control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
                                                             ...field,
@@ -592,7 +597,7 @@ function VariableEditorForm(props) {
                                         children: [
                                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                                 name: "listVariableFields.allowAllValue",
-                                                render: ({ field  })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
+                                                render: ({ field })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
                                                         label: "Allow All option",
                                                         control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
                                                             ...field,
@@ -616,9 +621,10 @@ function VariableEditorForm(props) {
                                             }),
                                             state.listVariableFields.allowAllValue && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                                                 name: "listVariableFields.customAllValue",
-                                                render: ({ field , fieldState  })=>{
+                                                render: ({ field, fieldState })=>/*#__PURE__*/ {
                                                     var _fieldState_error;
-                                                    /*#__PURE__*/ return (0, _jsxruntime.jsx)(_material.TextField, {
+                                                    var _state_listVariableFields_customAllValue;
+                                                    return (0, _jsxruntime.jsx)(_material.TextField, {
                                                         ...field,
                                                         fullWidth: true,
                                                         label: "Custom All Value",

package/dist/cjs/components/Variables/VariableEditorForm/VariablePreview.js

@@ -21,11 +21,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    VariablePreview: function() {
-        return VariablePreview;
-    },
     VariableListPreview: function() {
         return VariableListPreview;
+    },
+    VariablePreview: function() {
+        return VariablePreview;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -62,7 +62,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -82,9 +84,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const DEFAULT_MAX_PREVIEW_VALUES = 50;
 function VariablePreview(props) {
-    const { values , onRefresh , isLoading , error  } = props;
+    const { values, onRefresh, isLoading, error } = props;
     const [maxValues, setMaxValues] = (0, _react.useState)(DEFAULT_MAX_PREVIEW_VALUES);
-    const { infoSnackbar  } = (0, _components.useSnackbar)();
+    const { infoSnackbar } = (0, _components.useSnackbar)();
     const showAll = ()=>{
         setMaxValues(undefined);
     };
@@ -170,8 +172,8 @@ function VariablePreview(props) {
     });
 }
 function VariableListPreview(props) {
-    const { definition , onRefresh  } = props;
-    const { data , isFetching , error  } = (0, _variablemodel.useListVariablePluginValues)(definition);
+    const { definition, onRefresh } = props;
+    const { data, isFetching, error } = (0, _variablemodel.useListVariablePluginValues)(definition);
     const errorMessage = error === null || error === void 0 ? void 0 : error.message;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(VariablePreview, {
         values: (data === null || data === void 0 ? void 0 : data.map((val)=>val.value)) || [],

package/dist/cjs/components/Variables/VariableEditorForm/variable-editor-form-model.js

@@ -67,7 +67,7 @@ function getInitialState(initialVariableDefinition) {
     };
 }
 function getVariableDefinitionFromState(state) {
-    const { name , title , kind , description  } = state;
+    const { name, title, kind, description } = state;
     const display = {
         name: title,
         description: description

package/dist/cjs/components/Variables/variable-model.js

@@ -15,23 +15,23 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 function _export(target, all) {
-    for(var name1 in all)Object.defineProperty(target, name1, {
+    for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name1]
+        get: all[name]
     });
 }
 _export(exports, {
+    VARIABLE_TYPES: function() {
+        return VARIABLE_TYPES;
+    },
     filterVariableList: function() {
         return filterVariableList;
     },
-    useListVariablePluginValues: function() {
-        return useListVariablePluginValues;
-    },
     getVariableValuesKey: function() {
         return getVariableValuesKey;
     },
-    VARIABLE_TYPES: function() {
-        return VARIABLE_TYPES;
+    useListVariablePluginValues: function() {
+        return useListVariablePluginValues;
     }
 });
 const _reactquery = require("@tanstack/react-query");
@@ -62,10 +62,10 @@ function filterVariableList(data, capturedRegexp) {
     return result;
 }
 function useListVariablePluginValues(definition) {
-    const { data: variablePlugin  } = (0, _runtime.usePlugin)('Variable', definition.spec.plugin.kind);
+    const { data: variablePlugin } = (0, _runtime.usePlugin)('Variable', definition.spec.plugin.kind);
     const datasourceStore = (0, _runtime.useDatasourceStore)();
-    const allVariables = (0, _runtime.useTemplateVariableValues)();
-    const { absoluteTimeRange: timeRange , refreshKey  } = (0, _runtime.useTimeRange)();
+    const allVariables = (0, _runtime.useVariableValues)();
+    const { absoluteTimeRange: timeRange, refreshKey } = (0, _runtime.useTimeRange)();
     const variablePluginCtx = {
         timeRange,
         datasourceStore,
@@ -78,7 +78,7 @@ function useListVariablePluginValues(definition) {
         const dependencies = variablePlugin.dependsOn(spec, variablePluginCtx);
         dependsOnVariables = dependencies.variables;
     }
-    const variables = (0, _runtime.useTemplateVariableValues)(dependsOnVariables);
+    const variables = (0, _runtime.useVariableValues)(dependsOnVariables);
     let waitToLoad = false;
     if (dependsOnVariables) {
         waitToLoad = dependsOnVariables.some((v)=>{
@@ -88,7 +88,6 @@ function useListVariablePluginValues(definition) {
     }
     const variablesValueKey = getVariableValuesKey(variables);
     return (0, _reactquery.useQuery)([
-        name,
         definition,
         variablesValueKey,
         timeRange,
@@ -102,7 +101,7 @@ function useListVariablePluginValues(definition) {
         if (resp === undefined) {
             return [];
         }
-        if (capturingRegexp === undefined) {
+        if (!capturingRegexp) {
             return resp.data;
         }
         return filterVariableList(resp.data, capturingRegexp);

package/dist/cjs/components/index.js

@@ -26,6 +26,7 @@ _export_star(require("./PluginKindSelect"), exports);
 _export_star(require("./PluginRegistry"), exports);
 _export_star(require("./PluginSpecEditor"), exports);
 _export_star(require("./TimeSeriesQueryEditor"), exports);
+_export_star(require("./TimeRangeControls"), exports);
 _export_star(require("./Variables"), exports);
 _export_star(require("./ProjectSelect"), exports);
 function _export_star(from, to) {

package/dist/cjs/constants/user-interface-text.js

@@ -23,5 +23,8 @@ Object.defineProperty(exports, "TOOLTIP_TEXT", {
 const TOOLTIP_TEXT = {
     // Variable editor buttons
     refreshVariableValues: 'Refresh values',
-    copyVariableValues: 'Copy values to clipboard'
+    copyVariableValues: 'Copy values to clipboard',
+    // Time range controls buttons
+    refresh: 'Refresh',
+    refreshInterval: 'Auto refresh interval'
 };

package/dist/cjs/context/ProjectStoreProvider.js

@@ -24,14 +24,14 @@ _export(exports, {
     ProjectStoreContext: function() {
         return ProjectStoreContext;
     },
+    ProjectStoreProvider: function() {
+        return ProjectStoreProvider;
+    },
     useProjectList: function() {
         return useProjectList;
     },
     useProjectStore: function() {
         return useProjectStore;
-    },
-    ProjectStoreProvider: function() {
-        return ProjectStoreProvider;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -55,8 +55,8 @@ function useProjectStore() {
     return ctx;
 }
 function ProjectStoreProvider(props) {
-    const { children , enabledURLParams  } = props;
-    const { project , setProject  } = (0, _queryparams.useSetProjectParams)(enabledURLParams);
+    const { children, enabledURLParams } = props;
+    const { project, setProject } = (0, _queryparams.useSetProjectParams)(enabledURLParams);
     const contextValue = (0, _react.useMemo)(()=>({
             project: {
                 kind: 'Project',

package/dist/cjs/model/legend.js

@@ -21,21 +21,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    legendValues: function() {
-        return legendValues;
+    LEGEND_MODE_CONFIG: function() {
+        return LEGEND_MODE_CONFIG;
     },
     LEGEND_POSITIONS_CONFIG: function() {
         return LEGEND_POSITIONS_CONFIG;
     },
-    LEGEND_MODE_CONFIG: function() {
-        return LEGEND_MODE_CONFIG;
-    },
     LEGEND_SIZE_CONFIG: function() {
         return LEGEND_SIZE_CONFIG;
     },
     LEGEND_VALUE_CONFIG: function() {
         return LEGEND_VALUE_CONFIG;
     },
+    legendValues: function() {
+        return legendValues;
+    },
     validateLegendSpec: function() {
         return validateLegendSpec;
     }

package/dist/cjs/runtime/DataQueriesProvider/DataQueriesProvider.js

@@ -24,14 +24,14 @@ _export(exports, {
     DataQueriesContext: function() {
         return DataQueriesContext;
     },
-    useDataQueriesContext: function() {
-        return useDataQueriesContext;
+    DataQueriesProvider: function() {
+        return DataQueriesProvider;
     },
     useDataQueries: function() {
         return useDataQueries;
     },
-    DataQueriesProvider: function() {
-        return DataQueriesProvider;
+    useDataQueriesContext: function() {
+        return useDataQueriesContext;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -56,7 +56,7 @@ function useDataQueries(queryType) {
     });
     // Filter the errors based on the specified query type
     const filteredErrors = ctx.errors.filter((errors, index)=>{
-        var _ctx_queryResults_index, _ctx_queryResults_index_definition;
+        var _ctx_queryResults_index_definition, _ctx_queryResults_index;
         return ((_ctx_queryResults_index = ctx.queryResults[index]) === null || _ctx_queryResults_index === void 0 ? void 0 : (_ctx_queryResults_index_definition = _ctx_queryResults_index.definition) === null || _ctx_queryResults_index_definition === void 0 ? void 0 : _ctx_queryResults_index_definition.kind) === queryType;
     });
     // Create a new context object with the filtered results and errors
@@ -70,7 +70,7 @@ function useDataQueries(queryType) {
     return filteredCtx;
 }
 function DataQueriesProvider(props) {
-    const { definitions , options , children , queryOptions  } = props;
+    const { definitions, options, children, queryOptions } = props;
     // Returns a query kind, for example "TimeSeriesQuery" = getQueryType("PrometheusTimeSeriesQuery")
     const getQueryType = (0, _model.useQueryType)();
     const queryDefinitions = definitions.map((definition)=>{

package/dist/cjs/runtime/DataQueriesProvider/model.js

@@ -31,7 +31,7 @@ _export(exports, {
 const _react = require("react");
 const _pluginregistry = require("../plugin-registry");
 function transformQueryResults(results, definitions) {
-    return results.map(({ data , isFetching , isLoading , refetch , error  }, i)=>{
+    return results.map(({ data, isFetching, isLoading, refetch, error }, i)=>{
         return {
             definition: definitions[i],
             data,
@@ -43,8 +43,8 @@ function transformQueryResults(results, definitions) {
     });
 }
 function useQueryType() {
-    const { data: timeSeriesQueryPlugins , isLoading: isTimeSeriesQueryLoading  } = (0, _pluginregistry.useListPluginMetadata)('TimeSeriesQuery');
-    const { data: traceQueryPlugins , isLoading: isTraceQueryPluginLoading  } = (0, _pluginregistry.useListPluginMetadata)('TraceQuery');
+    const { data: timeSeriesQueryPlugins, isLoading: isTimeSeriesQueryLoading } = (0, _pluginregistry.useListPluginMetadata)('TimeSeriesQuery');
+    const { data: traceQueryPlugins, isLoading: isTraceQueryPluginLoading } = (0, _pluginregistry.useListPluginMetadata)('TraceQuery');
     // For example, `map: {"TimeSeriesQuery":["PrometheusTimeSeriesQuery"],"TraceQuery":["TempoTraceQuery"]}`
     const queryTypeMap = (0, _react.useMemo)(()=>{
         const map = {

package/dist/cjs/runtime/TimeRangeProvider/TimeRangeProvider.js

@@ -24,14 +24,17 @@ _export(exports, {
     TimeRangeContext: function() {
         return TimeRangeContext;
     },
-    useTimeRangeContext: function() {
-        return useTimeRangeContext;
+    TimeRangeProvider: function() {
+        return TimeRangeProvider;
+    },
+    useSuggestedStepMs: function() {
+        return useSuggestedStepMs;
     },
     useTimeRange: function() {
         return useTimeRange;
     },
-    TimeRangeProvider: function() {
-        return TimeRangeProvider;
+    useTimeRangeContext: function() {
+        return useTimeRangeContext;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -59,7 +62,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -88,18 +93,24 @@ function useTimeRangeContext() {
 function useTimeRange() {
     return useTimeRangeContext();
 }
+function useSuggestedStepMs(width) {
+    const { absoluteTimeRange } = useTimeRange();
+    if (width === undefined) return 0;
+    return (0, _core.getSuggestedStepMs)(absoluteTimeRange, width);
+}
 function TimeRangeProvider(props) {
-    const { timeRange , refreshInterval , children , setTimeRange , setRefreshInterval  } = props;
+    const { timeRange, refreshInterval, children, setTimeRange, setRefreshInterval } = props;
     const [localTimeRange, setLocalTimeRange] = (0, _react.useState)(timeRange);
-    const [localRefreshInterval, setLocalefreshInterval] = (0, _react.useState)(refreshInterval);
+    const [localRefreshInterval, setLocalRefreshInterval] = (0, _react.useState)(refreshInterval);
     const [refreshCounter, setRefreshCounter] = (0, _react.useState)(0);
     (0, _react.useEffect)(()=>{
         setLocalTimeRange(timeRange);
     }, [
-        timeRange
+        timeRange,
+        refreshCounter
     ]);
     (0, _react.useEffect)(()=>{
-        setLocalefreshInterval(refreshInterval);
+        setLocalRefreshInterval(refreshInterval);
     }, [
         refreshInterval
     ]);
@@ -118,7 +129,7 @@ function TimeRangeProvider(props) {
             refreshKey: `${absoluteTimeRange.start}:${absoluteTimeRange.end}:${localRefreshInterval}:${refreshCounter}`,
             refreshInterval: localRefreshInterval,
             refreshIntervalInMs: (0, _refreshinterval.getRefreshIntervalInMs)(localRefreshInterval),
-            setRefreshInterval: setRefreshInterval !== null && setRefreshInterval !== void 0 ? setRefreshInterval : setLocalefreshInterval
+            setRefreshInterval: setRefreshInterval !== null && setRefreshInterval !== void 0 ? setRefreshInterval : setLocalRefreshInterval
         };
     }, [
         localTimeRange,