@perses-dev/plugin-system 0.43.0-rc2 → 0.44.0-rc0

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

@@ -0,0 +1,96 @@
+// Copyright 2023 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, "TraceQueryInput", {
+    enumerable: true,
+    get: function() {
+        return TraceQueryInput;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _ChevronDown = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronDown"));
+const _ChevronRight = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronRight"));
+const _DeleteOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/DeleteOutline"));
+const _immer = /*#__PURE__*/ _interop_require_default(require("immer"));
+const _PluginEditor = require("../PluginEditor");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TraceQueryInput = ({ index, query, isCollapsed, onDelete, onChange, onCollapseExpand })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                direction: "row",
+                alignItems: "center",
+                borderBottom: 1,
+                borderColor: (theme)=>theme.palette.divider,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+                        size: "small",
+                        onClick: ()=>onCollapseExpand(index),
+                        children: isCollapsed ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronRight.default, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronDown.default, {})
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                        variant: "overline",
+                        component: "h4",
+                        children: [
+                            "Query ",
+                            index + 1
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+                        size: "small",
+                        // Use `visibility` to ensure that the row has the same height when delete button is visible or not visible
+                        sx: {
+                            marginLeft: 'auto',
+                            visibility: `${onDelete ? 'visible' : 'hidden'}`
+                        },
+                        onClick: ()=>onDelete && onDelete(index),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DeleteOutline.default, {})
+                    })
+                ]
+            }),
+            !isCollapsed && /*#__PURE__*/ (0, _jsxruntime.jsx)(QueryEditor, {
+                value: query,
+                onChange: (next)=>onChange(index, next)
+            })
+        ]
+    }, index);
+};
+/**
+ * Displays an editor for TraceQueryDefinition objects.
+ */ function QueryEditor(props) {
+    const { value, onChange, ...others } = props;
+    const { spec: { plugin } } = value;
+    const handlePluginChange = (next)=>{
+        onChange((0, _immer.default)(value, (draft)=>{
+            draft.spec.plugin = next;
+        }));
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+        ...others,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginEditor.PluginEditor, {
+            pluginType: "TraceQuery",
+            pluginKindLabel: "Query Type",
+            value: plugin,
+            onChange: handlePluginChange
+        })
+    });
+}

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

@@ -0,0 +1,30 @@
+// Copyright 2023 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("./TraceQueryEditor"), 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/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/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,14 @@ _export(exports, {
     TimeRangeContext: function() {
         return TimeRangeContext;
     },
-    useTimeRangeContext: function() {
-        return useTimeRangeContext;
+    TimeRangeProvider: function() {
+        return TimeRangeProvider;
     },
     useTimeRange: function() {
         return useTimeRange;
     },
-    TimeRangeProvider: function() {
-        return TimeRangeProvider;
+    useTimeRangeContext: function() {
+        return useTimeRangeContext;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -59,7 +59,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)) {
@@ -89,7 +91,7 @@ function useTimeRange() {
     return useTimeRangeContext();
 }
 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 [refreshCounter, setRefreshCounter] = (0, _react.useState)(0);

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

@@ -30,9 +30,9 @@ function _interop_require_default(obj) {
     };
 }
 function TimeRangeProviderWithQueryParams(props) {
-    const { initialTimeRange , initialRefreshInterval , children  } = props;
-    const { timeRange , setTimeRange  } = (0, _queryparams.useTimeRangeParams)(initialTimeRange);
-    const { refreshInterval , setRefreshInterval  } = (0, _queryparams.useSetRefreshIntervalParams)(initialRefreshInterval);
+    const { initialTimeRange, initialRefreshInterval, children } = props;
+    const { timeRange, setTimeRange } = (0, _queryparams.useTimeRangeParams)(initialTimeRange);
+    const { refreshInterval, setRefreshInterval } = (0, _queryparams.useSetRefreshIntervalParams)(initialRefreshInterval);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRangeProvider.TimeRangeProvider, {
         timeRange: timeRange,
         refreshInterval: refreshInterval,