@perses-dev/plugin-system 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59

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

@@ -21,18 +21,22 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    VariablePreview: ()=>VariablePreview,
-    VariableListPreview: ()=>VariableListPreview
+    VariableListPreview: function() {
+        return VariableListPreview;
+    },
+    VariablePreview: function() {
+        return VariablePreview;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _material = require("@mui/material");
 const _components = require("@perses-dev/components");
-const _refresh = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/Refresh"));
-const _clipboardOutline = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/ClipboardOutline"));
+const _Refresh = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Refresh"));
+const _ClipboardOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ClipboardOutline"));
 const _constants = require("../../../constants");
-const _variableModel = require("../variable-model");
-function _interopRequireDefault(obj) {
+const _variablemodel = require("../variable-model");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -45,7 +49,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -58,7 +62,9 @@ function _interopRequireWildcard(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,9 +84,9 @@ function _interopRequireWildcard(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);
     };
@@ -88,29 +94,29 @@ function VariablePreview(props) {
     if (values && (values === null || values === void 0 ? void 0 : values.length) > 0 && maxValues) {
         notShown = values.length - maxValues;
     }
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
                 direction: "row",
                 spacing: 1,
                 alignItems: "center",
                 mb: 1,
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                         variant: "h4",
                         children: "Preview Values"
                     }),
-                    onRefresh && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.InfoTooltip, {
+                    onRefresh && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
                         description: _constants.TOOLTIP_TEXT.refreshVariableValues,
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                             onClick: onRefresh,
                             size: "small",
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_refresh.default, {})
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Refresh.default, {})
                         })
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.InfoTooltip, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
                         description: _constants.TOOLTIP_TEXT.copyVariableValues,
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                             onClick: async ()=>{
                                 if (values === null || values === void 0 ? void 0 : values.length) {
                                     await navigator.clipboard.writeText(values.map((value)=>value).join(', '));
@@ -118,14 +124,14 @@ function VariablePreview(props) {
                                 }
                             },
                             size: "small",
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_clipboardOutline.default, {})
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ClipboardOutline.default, {})
                         })
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Card, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Card, {
                 variant: "outlined",
-                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                     sx: {
                         display: 'flex',
                         flexWrap: 'wrap',
@@ -133,27 +139,27 @@ function VariablePreview(props) {
                         m: 2
                     },
                     children: [
-                        error && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Alert, {
+                        error && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
                             severity: "error",
                             children: error
                         }),
-                        (values === null || values === void 0 ? void 0 : values.length) === 0 && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Alert, {
+                        (values === null || values === void 0 ? void 0 : values.length) === 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
                             severity: "info",
                             children: "No results"
                         }),
-                        isLoading && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Stack, {
+                        isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
                             width: "100%",
                             sx: {
                                 alignItems: 'center',
                                 justifyContent: 'center'
                             },
-                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.CircularProgress, {})
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
                         }),
-                        values === null || values === void 0 ? void 0 : values.slice(0, maxValues).map((val)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Chip, {
+                        values === null || values === void 0 ? void 0 : values.slice(0, maxValues).map((val)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Chip, {
                                 size: "small",
                                 label: val
                             }, val)),
-                        notShown > 0 && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Chip, {
+                        notShown > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Chip, {
                             onClick: showAll,
                             variant: "outlined",
                             size: "small",
@@ -166,10 +172,10 @@ 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, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(VariablePreview, {
         values: (data === null || data === void 0 ? void 0 : data.map((val)=>val.value)) || [],
         onRefresh: onRefresh,
         isLoading: isFetching,

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

@@ -14,16 +14,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./VariableEditorForm"), exports);
-_exportStar(require("./VariablePreview"), exports);
-function _exportStar(from, to) {
+_export_star(require("./VariableEditorForm"), exports);
+_export_star(require("./VariablePreview"), 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];
-            }
-        });
+        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/variable-editor-form-model.js

@@ -21,59 +21,57 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getInitialState: ()=>getInitialState,
-    getVariableDefinitionFromState: ()=>getVariableDefinitionFromState
+    getInitialState: function() {
+        return getInitialState;
+    },
+    getVariableDefinitionFromState: function() {
+        return getVariableDefinitionFromState;
+    }
 });
 function getInitialState(initialVariableDefinition) {
-    var ref, ref1;
-    var _value;
+    var _initialVariableDefinition_spec_display, _initialVariableDefinition_spec_display1;
+    var _initialVariableDefinition_spec_value, _initialVariableDefinition_spec_constant;
     const textVariableFields = {
-        value: (_value = initialVariableDefinition.spec.value) !== null && _value !== void 0 ? _value : ''
+        value: (_initialVariableDefinition_spec_value = initialVariableDefinition.spec.value) !== null && _initialVariableDefinition_spec_value !== void 0 ? _initialVariableDefinition_spec_value : '',
+        constant: (_initialVariableDefinition_spec_constant = initialVariableDefinition.spec.constant) !== null && _initialVariableDefinition_spec_constant !== void 0 ? _initialVariableDefinition_spec_constant : false
     };
     const listVariableFields = {
         allowMultiple: false,
-        allowAll: false,
-        capturing_regexp: undefined,
+        allowAllValue: false,
+        customAllValue: undefined,
+        capturingRegexp: undefined,
+        sort: undefined,
         plugin: {
             kind: '',
             spec: {}
-        },
-        customAllValue: undefined
+        }
     };
     if (initialVariableDefinition.kind === 'ListVariable') {
-        var _allow_all_value;
-        listVariableFields.allowMultiple = (_allow_all_value = initialVariableDefinition.spec.allow_all_value) !== null && _allow_all_value !== void 0 ? _allow_all_value : false;
-        var _allow_all_value1;
-        listVariableFields.allowAll = (_allow_all_value1 = initialVariableDefinition.spec.allow_all_value) !== null && _allow_all_value1 !== void 0 ? _allow_all_value1 : false;
-        listVariableFields.capturing_regexp = initialVariableDefinition.spec.capturing_regexp;
+        var _initialVariableDefinition_spec_allowMultiple;
+        listVariableFields.allowMultiple = (_initialVariableDefinition_spec_allowMultiple = initialVariableDefinition.spec.allowMultiple) !== null && _initialVariableDefinition_spec_allowMultiple !== void 0 ? _initialVariableDefinition_spec_allowMultiple : false;
+        var _initialVariableDefinition_spec_allowAllValue;
+        listVariableFields.allowAllValue = (_initialVariableDefinition_spec_allowAllValue = initialVariableDefinition.spec.allowAllValue) !== null && _initialVariableDefinition_spec_allowAllValue !== void 0 ? _initialVariableDefinition_spec_allowAllValue : false;
+        listVariableFields.customAllValue = initialVariableDefinition.spec.customAllValue;
+        listVariableFields.capturingRegexp = initialVariableDefinition.spec.capturingRegexp;
+        listVariableFields.sort = initialVariableDefinition.spec.sort;
         listVariableFields.plugin = initialVariableDefinition.spec.plugin;
-        listVariableFields.customAllValue = initialVariableDefinition.spec.custom_all_value;
     }
+    var _initialVariableDefinition_spec_display_name, _initialVariableDefinition_spec_display_description;
     return {
         name: initialVariableDefinition.spec.name,
-        title: (ref = initialVariableDefinition.spec.display) === null || ref === void 0 ? void 0 : ref.name,
+        title: (_initialVariableDefinition_spec_display_name = (_initialVariableDefinition_spec_display = initialVariableDefinition.spec.display) === null || _initialVariableDefinition_spec_display === void 0 ? void 0 : _initialVariableDefinition_spec_display.name) !== null && _initialVariableDefinition_spec_display_name !== void 0 ? _initialVariableDefinition_spec_display_name : '',
         kind: initialVariableDefinition.kind,
-        description: (ref1 = initialVariableDefinition.spec.display) === null || ref1 === void 0 ? void 0 : ref1.description,
+        description: (_initialVariableDefinition_spec_display_description = (_initialVariableDefinition_spec_display1 = initialVariableDefinition.spec.display) === null || _initialVariableDefinition_spec_display1 === void 0 ? void 0 : _initialVariableDefinition_spec_display1.description) !== null && _initialVariableDefinition_spec_display_description !== void 0 ? _initialVariableDefinition_spec_display_description : '',
         listVariableFields,
         textVariableFields
     };
 }
 function getVariableDefinitionFromState(state) {
-    const { name , title , kind , description  } = state;
-    let display = title ? {
-        name: title
-    } : undefined;
-    if (description) {
-        if (display) {
-            display.description = description;
-        } else {
-            // Name is mandatory if you want to add a description, autofilled by the metadata name if undefined
-            display = {
-                name: name,
-                description: description
-            };
-        }
-    }
+    const { name, title, kind, description } = state;
+    const display = {
+        name: title,
+        description: description
+    };
     if (kind === 'TextVariable') {
         return {
             kind,
@@ -90,11 +88,12 @@ function getVariableDefinitionFromState(state) {
             spec: {
                 name,
                 display,
-                allow_multiple: state.listVariableFields.allowMultiple,
-                allow_all_value: state.listVariableFields.allowAll,
-                capturing_regexp: state.listVariableFields.capturing_regexp,
-                plugin: state.listVariableFields.plugin,
-                custom_all_value: state.listVariableFields.customAllValue
+                allowMultiple: state.listVariableFields.allowMultiple,
+                allowAllValue: state.listVariableFields.allowAllValue,
+                customAllValue: state.listVariableFields.customAllValue,
+                capturingRegexp: state.listVariableFields.capturingRegexp,
+                sort: state.listVariableFields.sort,
+                plugin: state.listVariableFields.plugin
             }
         };
     }

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

@@ -14,16 +14,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./variable-model"), exports);
-_exportStar(require("./VariableEditorForm"), exports);
-function _exportStar(from, to) {
+_export_star(require("./variable-model"), exports);
+_export_star(require("./VariableEditorForm"), 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];
-            }
-        });
+        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/variable-model.js

@@ -15,18 +15,26 @@ 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, {
-    filterVariableList: ()=>filterVariableList,
-    useListVariablePluginValues: ()=>useListVariablePluginValues,
-    getVariableValuesKey: ()=>getVariableValuesKey,
-    VARIABLE_TYPES: ()=>VARIABLE_TYPES
+    VARIABLE_TYPES: function() {
+        return VARIABLE_TYPES;
+    },
+    filterVariableList: function() {
+        return filterVariableList;
+    },
+    getVariableValuesKey: function() {
+        return getVariableValuesKey;
+    },
+    useListVariablePluginValues: function() {
+        return useListVariablePluginValues;
+    }
 });
-const _reactQuery = require("@tanstack/react-query");
+const _reactquery = require("@tanstack/react-query");
 const _runtime = require("../../runtime");
 function filterVariableList(data, capturedRegexp) {
     const result = [];
@@ -54,33 +62,32 @@ 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,
         variables: allVariables
     };
     const spec = definition.spec.plugin.spec;
-    const capturingRegexp = definition.spec.capturing_regexp !== undefined ? new RegExp(definition.spec.capturing_regexp, 'g') : undefined;
+    const capturingRegexp = definition.spec.capturingRegexp !== undefined ? new RegExp(definition.spec.capturingRegexp, 'g') : undefined;
     let dependsOnVariables;
     if (variablePlugin === null || variablePlugin === void 0 ? void 0 : variablePlugin.dependsOn) {
         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)=>{
-            var ref;
-            return (ref = variables[v]) === null || ref === void 0 ? void 0 : ref.loading;
+            var _variables_v;
+            return (_variables_v = variables[v]) === null || _variables_v === void 0 ? void 0 : _variables_v.loading;
         });
     }
     const variablesValueKey = getVariableValuesKey(variables);
-    return (0, _reactQuery.useQuery)([
-        name,
+    return (0, _reactquery.useQuery)([
         definition,
         variablesValueKey,
         timeRange,
@@ -94,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

@@ -14,26 +14,31 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./CalculationSelector"), exports);
-_exportStar(require("./DatasourceSelect"), exports);
-_exportStar(require("./LegendOptionsEditor"), exports);
-_exportStar(require("./OptionsEditorRadios"), exports);
-_exportStar(require("./OptionsEditorTabs"), exports);
-_exportStar(require("./PanelSpecEditor"), exports);
-_exportStar(require("./PluginEditor"), exports);
-_exportStar(require("./PluginKindSelect"), exports);
-_exportStar(require("./PluginRegistry"), exports);
-_exportStar(require("./PluginSpecEditor"), exports);
-_exportStar(require("./TimeSeriesQueryEditor"), exports);
-_exportStar(require("./Variables"), exports);
-function _exportStar(from, to) {
+_export_star(require("./CalculationSelector"), exports);
+_export_star(require("./DatasourceEditorForm"), exports);
+_export_star(require("./DatasourceSelect"), exports);
+_export_star(require("./LegendOptionsEditor"), exports);
+_export_star(require("./OptionsEditorRadios"), exports);
+_export_star(require("./OptionsEditorTabs"), exports);
+_export_star(require("./PanelSpecEditor"), exports);
+_export_star(require("./PluginEditor"), exports);
+_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) {
     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];
-            }
-        });
+        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/constants/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./user-interface-text"), exports);
-function _exportStar(from, to) {
+_export_star(require("./user-interface-text"), 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];
-            }
-        });
+        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/constants/user-interface-text.js

@@ -16,10 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TOOLTIP_TEXT", {
     enumerable: true,
-    get: ()=>TOOLTIP_TEXT
+    get: function() {
+        return 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

@@ -0,0 +1,78 @@
+// 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
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ProjectStoreContext: function() {
+        return ProjectStoreContext;
+    },
+    ProjectStoreProvider: function() {
+        return ProjectStoreProvider;
+    },
+    useProjectList: function() {
+        return useProjectList;
+    },
+    useProjectStore: function() {
+        return useProjectStore;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _reactquery = require("@tanstack/react-query");
+const _react = require("react");
+const _core = require("@perses-dev/core");
+const _queryparams = require("./query-params");
+const ProjectStoreContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
+function useProjectList() {
+    return (0, _reactquery.useQuery)([
+        'projects'
+    ], ()=>{
+        return (0, _core.fetchJson)('/api/v1/projects');
+    });
+}
+function useProjectStore() {
+    const ctx = (0, _react.useContext)(ProjectStoreContext);
+    if (ctx === undefined) {
+        throw new Error('No ProjectStoreContext found. Did you forget a Provider?');
+    }
+    return ctx;
+}
+function ProjectStoreProvider(props) {
+    const { children, enabledURLParams } = props;
+    const { project, setProject } = (0, _queryparams.useSetProjectParams)(enabledURLParams);
+    const contextValue = (0, _react.useMemo)(()=>({
+            project: {
+                kind: 'Project',
+                metadata: {
+                    name: project
+                }
+            },
+            setProject: (project)=>{
+                setProject(project.metadata.name);
+            }
+        }), [
+        project,
+        setProject
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ProjectStoreContext.Provider, {
+        value: contextValue,
+        children: children
+    });
+}

package/dist/cjs/context/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("./ProjectStoreProvider"), 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;
+}