@perses-dev/dashboards 0.0.0-snapshot-scatter-chart-embed-8efdfab → 0.0.0-snapshot-explorer-plugin-c4a7621

package/dist/cjs/context/{TemplateVariableProvider/TemplateVariableProvider.js → VariableProvider/VariableProvider.js}

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -21,37 +21,35 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useTemplateVariableStoreCtx: function() {
-        return useTemplateVariableStoreCtx;
+    VariableProvider: function() {
+        return VariableProvider;
     },
-    useTemplateVariableValues: function() {
-        return useTemplateVariableValues;
+    VariableProviderWithQueryParams: function() {
+        return VariableProviderWithQueryParams;
     },
-    useTemplateVariable: function() {
-        return useTemplateVariable;
+    useExternalVariableDefinitions: function() {
+        return useExternalVariableDefinitions;
     },
-    useTemplateVariableActions: function() {
-        return useTemplateVariableActions;
+    useVariableDefinitionActions: function() {
+        return useVariableDefinitionActions;
     },
-    useTemplateVariableDefinitions: function() {
-        return useTemplateVariableDefinitions;
+    useVariableDefinitionAndState: function() {
+        return useVariableDefinitionAndState;
     },
-    useTemplateExternalVariableDefinitions: function() {
-        return useTemplateExternalVariableDefinitions;
+    useVariableDefinitionStates: function() {
+        return useVariableDefinitionStates;
     },
-    useTemplateVariableStore: function() {
-        return useTemplateVariableStore;
+    useVariableDefinitionStoreCtx: function() {
+        return useVariableDefinitionStoreCtx;
     },
-    TemplateVariableProvider: function() {
-        return TemplateVariableProvider;
-    },
-    TemplateVariableProviderWithQueryParams: function() {
-        return TemplateVariableProviderWithQueryParams;
+    useVariableDefinitions: function() {
+        return useVariableDefinitions;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _zustand = require("zustand");
+const _traditional = require("zustand/traditional");
 const _immer = require("zustand/middleware/immer");
 const _middleware = require("zustand/middleware");
 const _immer1 = /*#__PURE__*/ _interop_require_default(require("immer"));
@@ -65,20 +63,22 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const TemplateVariableStoreContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
-function useTemplateVariableStoreCtx() {
-    const context = (0, _react.useContext)(TemplateVariableStoreContext);
+/**
+ * Context object for {@link VariableDefinitionStore}.
+ */ const VariableDefinitionStoreContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
+function useVariableDefinitionStoreCtx() {
+    const context = (0, _react.useContext)(VariableDefinitionStoreContext);
     if (!context) {
-        throw new Error('TemplateVariableStoreContext not initialized');
+        throw new Error('VariableStoreContext not initialized');
     }
     return context;
 }
-function useTemplateVariableValues(variableNames) {
-    const store = useTemplateVariableStoreCtx();
-    return (0, _zustand.useStore)(store, (s)=>{
-        const vars = {};
+function useVariableDefinitionStates(variableNames) {
+    const store = useVariableDefinitionStoreCtx();
+    return (0, _traditional.useStoreWithEqualityFn)(store, (s)=>{
+        const varStates = {};
         // Collect values of local variables, from the variable state
-        const names = variableNames !== null && variableNames !== void 0 ? variableNames : s.variableDefinitions.map((value)=>value.spec.name);
+        const names = variableNames ?? s.variableDefinitions.map((value)=>value.spec.name);
         names.forEach((name)=>{
             const varState = s.variableState.get({
                 name
@@ -86,7 +86,7 @@ function useTemplateVariableValues(variableNames) {
             if (!varState || varState.overridden) {
                 return;
             }
-            vars[name] = varState;
+            varStates[name] = varState;
         });
         // Collect values of external variables, from the variable state
         s.externalVariableDefinitions.forEach((d)=>{
@@ -100,23 +100,22 @@ function useTemplateVariableValues(variableNames) {
                 if (!varState || varState.overridden) {
                     return;
                 }
-                vars[name] = varState;
+                varStates[name] = varState;
             });
         });
-        return vars;
+        return varStates;
     }, (left, right)=>{
         return JSON.stringify(left) === JSON.stringify(right);
     });
 }
-function useTemplateVariable(name, source) {
-    const store = useTemplateVariableStoreCtx();
+function useVariableDefinitionAndState(name, source) {
+    const store = useVariableDefinitionStoreCtx();
     return (0, _zustand.useStore)(store, (s)=>{
-        var _s_externalVariableDefinitions_find;
         const state = s.variableState.get({
             name,
             source
         });
-        const definitions = source ? (_s_externalVariableDefinitions_find = s.externalVariableDefinitions.find((v)=>v.source === source)) === null || _s_externalVariableDefinitions_find === void 0 ? void 0 : _s_externalVariableDefinitions_find.definitions : s.variableDefinitions;
+        const definitions = source ? s.externalVariableDefinitions.find((v)=>v.source === source)?.definitions : s.variableDefinitions;
         const definition = (definitions || []).find((v)=>v.spec.name === name);
         return {
             state,
@@ -124,8 +123,8 @@ function useTemplateVariable(name, source) {
         };
     });
 }
-function useTemplateVariableActions() {
-    const store = useTemplateVariableStoreCtx();
+function useVariableDefinitionActions() {
+    const store = useVariableDefinitionStoreCtx();
     return (0, _zustand.useStore)(store, (s)=>{
         return {
             setVariableValue: s.setVariableValue,
@@ -137,23 +136,19 @@ function useTemplateVariableActions() {
         };
     });
 }
-function useTemplateVariableDefinitions() {
-    const store = useTemplateVariableStoreCtx();
+function useVariableDefinitions() {
+    const store = useVariableDefinitionStoreCtx();
     return (0, _zustand.useStore)(store, (s)=>s.variableDefinitions);
 }
-function useTemplateExternalVariableDefinitions() {
-    const store = useTemplateVariableStoreCtx();
+function useExternalVariableDefinitions() {
+    const store = useVariableDefinitionStoreCtx();
     return (0, _zustand.useStore)(store, (s)=>s.externalVariableDefinitions);
 }
-function useTemplateVariableStore() {
-    const store = useTemplateVariableStoreCtx();
-    return (0, _zustand.useStore)(store);
-}
-function PluginProvider({ children , builtinVariables  }) {
-    const originalValues = useTemplateVariableValues();
-    const definitions = useTemplateVariableDefinitions();
-    const externalDefinitions = useTemplateExternalVariableDefinitions();
-    const { absoluteTimeRange  } = (0, _pluginsystem.useTimeRange)();
+function PluginProvider({ children, builtinVariables }) {
+    const originalValues = useVariableDefinitionStates();
+    const definitions = useVariableDefinitions();
+    const externalDefinitions = useExternalVariableDefinitions();
+    const { absoluteTimeRange } = (0, _pluginsystem.useTimeRange)();
     const values = (0, _react.useMemo)(()=>{
         const contextValues = {};
         // This will loop through all the current variables values
@@ -166,12 +161,10 @@ function PluginProvider({ children , builtinVariables  }) {
             if (v.value === _core.DEFAULT_ALL_VALUE) {
                 const definition = (0, _utils.findVariableDefinitionByName)(name, definitions, externalDefinitions);
                 // If the variable is a list variable and has a custom all value, then use that value instead
-                if ((definition === null || definition === void 0 ? void 0 : definition.kind) === 'ListVariable' && definition.spec.customAllValue) {
+                if (definition?.kind === 'ListVariable' && definition.spec.customAllValue) {
                     v.value = definition.spec.customAllValue;
                 } else {
-                    var _v_options;
-                    var _v_options_map;
-                    v.value = (_v_options_map = (_v_options = v.options) === null || _v_options === void 0 ? void 0 : _v_options.map((o)=>o.value)) !== null && _v_options_map !== void 0 ? _v_options_map : null;
+                    v.value = v.options?.map((o)=>o.value) ?? null;
                 }
             }
             contextValues[name] = v;
@@ -182,79 +175,85 @@ function PluginProvider({ children , builtinVariables  }) {
         definitions,
         externalDefinitions
     ]);
-    const allBuiltinVariables = [
-        {
-            kind: 'BuiltinVariable',
-            spec: {
-                name: '__from',
-                value: ()=>absoluteTimeRange.start.valueOf().toString(),
-                source: 'Dashboard',
-                display: {
+    const allBuiltinVariables = (0, _react.useMemo)(()=>{
+        const result = [
+            {
+                kind: 'BuiltinVariable',
+                spec: {
                     name: '__from',
-                    description: 'Start time of the current time range in unix millisecond epoch',
-                    hidden: true
+                    value: ()=>absoluteTimeRange.start.valueOf().toString(),
+                    source: 'Dashboard',
+                    display: {
+                        name: '__from',
+                        description: 'Start time of the current time range in unix millisecond epoch',
+                        hidden: true
+                    }
                 }
-            }
-        },
-        {
-            kind: 'BuiltinVariable',
-            spec: {
-                name: '__to',
-                value: ()=>absoluteTimeRange.end.valueOf().toString(),
-                source: 'Dashboard',
-                display: {
+            },
+            {
+                kind: 'BuiltinVariable',
+                spec: {
                     name: '__to',
-                    description: 'End time of the current time range in unix millisecond epoch',
-                    hidden: true
+                    value: ()=>absoluteTimeRange.end.valueOf().toString(),
+                    source: 'Dashboard',
+                    display: {
+                        name: '__to',
+                        description: 'End time of the current time range in unix millisecond epoch',
+                        hidden: true
+                    }
                 }
-            }
-        },
-        {
-            kind: 'BuiltinVariable',
-            spec: {
-                name: '__range',
-                value: ()=>(0, _core.formatDuration)((0, _core.intervalToPrometheusDuration)(absoluteTimeRange)),
-                source: 'Dashboard',
-                display: {
+            },
+            {
+                kind: 'BuiltinVariable',
+                spec: {
                     name: '__range',
-                    description: 'The range for the current dashboard in human readable format',
-                    hidden: true
+                    value: ()=>(0, _core.formatDuration)((0, _core.intervalToPrometheusDuration)(absoluteTimeRange)),
+                    source: 'Dashboard',
+                    display: {
+                        name: '__range',
+                        description: 'The range for the current dashboard in human readable format',
+                        hidden: true
+                    }
                 }
-            }
-        },
-        {
-            kind: 'BuiltinVariable',
-            spec: {
-                name: '__range_s',
-                value: ()=>((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),
-                source: 'Dashboard',
-                display: {
+            },
+            {
+                kind: 'BuiltinVariable',
+                spec: {
                     name: '__range_s',
-                    description: 'The range for the current dashboard in second',
-                    hidden: true
+                    value: ()=>((absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()) / 1000).toString(),
+                    source: 'Dashboard',
+                    display: {
+                        name: '__range_s',
+                        description: 'The range for the current dashboard in second',
+                        hidden: true
+                    }
                 }
-            }
-        },
-        {
-            kind: 'BuiltinVariable',
-            spec: {
-                name: '__range_ms',
-                value: ()=>(absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),
-                source: 'Dashboard',
-                display: {
+            },
+            {
+                kind: 'BuiltinVariable',
+                spec: {
                     name: '__range_ms',
-                    description: 'The range for the current dashboard in millisecond',
-                    hidden: true
+                    value: ()=>(absoluteTimeRange.end.valueOf() - absoluteTimeRange.start.valueOf()).toString(),
+                    source: 'Dashboard',
+                    display: {
+                        name: '__range_ms',
+                        description: 'The range for the current dashboard in millisecond',
+                        hidden: true
+                    }
                 }
             }
-        }
-    ];
-    builtinVariables === null || builtinVariables === void 0 ? void 0 : builtinVariables.forEach((def)=>allBuiltinVariables.push(def));
+        ];
+        builtinVariables?.forEach((def)=>result.push(def));
+        return result;
+    }, [
+        absoluteTimeRange,
+        builtinVariables
+    ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.BuiltinVariableContext.Provider, {
         value: {
             variables: allBuiltinVariables
         },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.TemplateVariableContext.Provider, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.VariableContext.Provider, {
             value: {
                 state: values
             },
@@ -262,17 +261,16 @@ function PluginProvider({ children , builtinVariables  }) {
         })
     });
 }
-function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , externalVariableDefinitions =[] , queryParams  }) {
+function createVariableDefinitionStore({ initialVariableDefinitions = [], externalVariableDefinitions = [], queryParams }) {
     const initialParams = (0, _queryparams.getInitalValuesFromQueryParameters)(queryParams ? queryParams[0] : {});
-    const store = (0, _zustand.createStore)()((0, _middleware.devtools)((0, _immer.immer)((set, get)=>{
-        return {
-            variableState: (0, _hydrationUtils.hydrateTemplateVariableStates)(initialVariableDefinitions, initialParams, externalVariableDefinitions),
+    const store = (0, _zustand.createStore)()((0, _middleware.devtools)((0, _immer.immer)((set, get)=>({
+            variableState: (0, _hydrationUtils.hydrateVariableDefinitionStates)(initialVariableDefinitions, initialParams, externalVariableDefinitions),
             variableDefinitions: initialVariableDefinitions,
             externalVariableDefinitions: externalVariableDefinitions,
             setVariableDefinitions (definitions) {
                 set((state)=>{
                     state.variableDefinitions = definitions;
-                    state.variableState = (0, _hydrationUtils.hydrateTemplateVariableStates)(definitions, initialParams, externalVariableDefinitions);
+                    state.variableState = (0, _hydrationUtils.hydrateVariableDefinitionStates)(definitions, initialParams, externalVariableDefinitions);
                 }, false, '[Variables] setVariableDefinitions' // Used for action name in Redux devtools
                 );
             },
@@ -335,7 +333,7 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , exter
                             const currentVariable = variableState.get({
                                 name
                             });
-                            if ((currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== undefined) {
+                            if (currentVariable?.value !== undefined) {
                                 draft[index] = {
                                     kind: 'ListVariable',
                                     spec: (0, _immer1.default)(variable.spec, (specDraft)=>{
@@ -347,8 +345,8 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , exter
                             const currentVariable = variableState.get({
                                 name
                             });
-                            const currentVariableValue = typeof (currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) === 'string' ? currentVariable.value : '';
-                            if ((currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== undefined) {
+                            const currentVariableValue = typeof currentVariable?.value === 'string' ? currentVariable.value : '';
+                            if (currentVariable?.value !== undefined) {
                                 draft[index] = {
                                     kind: 'TextVariable',
                                     spec: (0, _immer1.default)(variable.spec, (specDraft)=>{
@@ -367,32 +365,31 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , exter
             getSavedVariablesStatus: ()=>{
                 return (0, _utils.checkSavedDefaultVariableStatus)(get().variableDefinitions, get().variableState);
             }
-        };
-    })));
-    return store;
+        }))));
+    return store; // TODO: @Gladorme check if we can avoid this cast
 }
-function TemplateVariableProvider({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[] , builtinVariables =[]  }) {
-    const [store] = (0, _react.useState)(createTemplateVariableSrvStore({
+function VariableProvider({ children, initialVariableDefinitions = [], externalVariableDefinitions = [], builtinVariableDefinitions = [] }) {
+    const [store] = (0, _react.useState)(createVariableDefinitionStore({
         initialVariableDefinitions,
         externalVariableDefinitions
     }));
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(TemplateVariableStoreContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(VariableDefinitionStoreContext.Provider, {
         value: store,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(PluginProvider, {
-            builtinVariables: builtinVariables,
+            builtinVariables: builtinVariableDefinitions,
             children: children
         })
     });
 }
-function TemplateVariableProviderWithQueryParams({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[] , builtinVariables =[]  }) {
+function VariableProviderWithQueryParams({ children, initialVariableDefinitions = [], externalVariableDefinitions = [], builtinVariableDefinitions: builtinVariables = [] }) {
     const allVariableDefs = (0, _utils.mergeVariableDefinitions)(initialVariableDefinitions, externalVariableDefinitions);
     const queryParams = (0, _queryparams.useVariableQueryParams)(allVariableDefs);
-    const [store] = (0, _react.useState)(createTemplateVariableSrvStore({
+    const [store] = (0, _react.useState)(createVariableDefinitionStore({
         initialVariableDefinitions,
         externalVariableDefinitions,
         queryParams
     }));
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(TemplateVariableStoreContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(VariableDefinitionStoreContext.Provider, {
         value: store,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(PluginProvider, {
             builtinVariables: builtinVariables,

package/dist/cjs/context/{TemplateVariableProvider → VariableProvider}/hydrationUtils.js

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -14,16 +14,16 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "hydrateTemplateVariableStates", {
+Object.defineProperty(exports, "hydrateVariableDefinitionStates", {
     enumerable: true,
     get: function() {
-        return hydrateTemplateVariableStates;
+        return hydrateVariableDefinitionStates;
     }
 });
 const _core = require("@perses-dev/core");
 const _pluginsystem = require("@perses-dev/plugin-system");
-// TODO: move to TemplateVariableProvider/utils.ts
-function hydrateTemplateVariableState(variable, initialValue) {
+// TODO: move to VariableProvider/utils.ts
+function hydrateVariableState(variable, initialValue) {
     const varState = {
         value: null,
         loading: false,
@@ -32,17 +32,14 @@ function hydrateTemplateVariableState(variable, initialValue) {
     };
     switch(variable.kind){
         case 'TextVariable':
-            varState.value = initialValue !== null && initialValue !== void 0 ? initialValue : variable.spec.value;
+            varState.value = initialValue ?? variable.spec.value;
             break;
         case 'ListVariable':
             varState.options = [];
-            var _ref;
-            varState.value = (_ref = initialValue !== null && initialValue !== void 0 ? initialValue : variable.spec.defaultValue) !== null && _ref !== void 0 ? _ref : null;
+            varState.value = initialValue ?? variable.spec.defaultValue ?? null;
             // TODO: smarter fallbacks for defaultValue when allowAllValue is true
             if (varState.options.length > 0 && !varState.value) {
-                var _varState_options_;
-                var _varState_options__value;
-                const firstOptionValue = (_varState_options__value = (_varState_options_ = varState.options[0]) === null || _varState_options_ === void 0 ? void 0 : _varState_options_.value) !== null && _varState_options__value !== void 0 ? _varState_options__value : null;
+                const firstOptionValue = varState.options[0]?.value ?? null;
                 if (firstOptionValue !== null) {
                     varState.value = variable.spec.allowMultiple ? [
                         firstOptionValue
@@ -63,7 +60,7 @@ function hydrateTemplateVariableState(variable, initialValue) {
     }
     return varState;
 }
-function hydrateTemplateVariableStates(localDefinitions, initialValues, externalDefinitions = []) {
+function hydrateVariableDefinitionStates(localDefinitions, initialValues, externalDefinitions = []) {
     const state = new _pluginsystem.VariableStoreStateMap();
     // Collect the names used by local definitions
     let overridingNames = {};
@@ -83,7 +80,7 @@ function hydrateTemplateVariableStates(localDefinitions, initialValues, external
                 source,
                 name
             }, {
-                ...hydrateTemplateVariableState(v, initialValue),
+                ...hydrateVariableState(v, initialValue),
                 overridden: !!overridingNames[name]
             });
             overridingNames[name] = true;
@@ -99,7 +96,7 @@ function hydrateTemplateVariableStates(localDefinitions, initialValues, external
         state.set({
             name
         }, {
-            ...hydrateTemplateVariableState(v, initialValue),
+            ...hydrateVariableState(v, initialValue),
             overriding: !!overriddenNames[name]
         });
     });

package/dist/cjs/{validation → context/VariableProvider}/index.js

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -14,7 +14,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./panel"), exports);
+_export_star(require("./VariableProvider"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/context/{TemplateVariableProvider → VariableProvider}/query-params.js

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -21,20 +21,20 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getURLQueryParamName: function() {
-        return getURLQueryParamName;
+    decodeVariableValue: function() {
+        return decodeVariableValue;
     },
     encodeVariableValue: function() {
         return encodeVariableValue;
     },
-    decodeVariableValue: function() {
-        return decodeVariableValue;
+    getInitalValuesFromQueryParameters: function() {
+        return getInitalValuesFromQueryParameters;
+    },
+    getURLQueryParamName: function() {
+        return getURLQueryParamName;
     },
     useVariableQueryParams: function() {
         return useVariableQueryParams;
-    },
-    getInitalValuesFromQueryParameters: function() {
-        return getInitalValuesFromQueryParameters;
     }
 });
 const _usequeryparams = require("use-query-params");

package/dist/cjs/context/{TemplateVariableProvider → VariableProvider}/utils.js

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -24,14 +24,14 @@ _export(exports, {
     checkSavedDefaultVariableStatus: function() {
         return checkSavedDefaultVariableStatus;
     },
-    mergeVariableDefinitions: function() {
-        return mergeVariableDefinitions;
-    },
     findVariableDefinitionByName: function() {
         return findVariableDefinitionByName;
     },
     forEachVariableDefinition: function() {
         return forEachVariableDefinition;
+    },
+    mergeVariableDefinitions: function() {
+        return mergeVariableDefinitions;
     }
 });
 function checkSavedDefaultVariableStatus(definitions, varState) {
@@ -43,7 +43,7 @@ function checkSavedDefaultVariableStatus(definitions, varState) {
             const currentVariable = varState.get({
                 name
             });
-            if ((currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== null && (currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) !== savedVariable.spec.defaultValue) {
+            if (currentVariable?.value !== null && currentVariable?.value !== savedVariable.spec.defaultValue) {
                 modifiedVariableNames.push(name);
                 isSavedVariableModified = true;
             }
@@ -51,7 +51,7 @@ function checkSavedDefaultVariableStatus(definitions, varState) {
             const currentVariable = varState.get({
                 name
             });
-            const currentVariableValue = typeof (currentVariable === null || currentVariable === void 0 ? void 0 : currentVariable.value) === 'string' ? currentVariable.value : '';
+            const currentVariableValue = typeof currentVariable?.value === 'string' ? currentVariable.value : '';
             if (savedVariable.spec.value !== currentVariableValue) {
                 modifiedVariableNames.push(name);
                 isSavedVariableModified = true;

package/dist/cjs/context/index.js

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// Copyright 2024 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
@@ -16,7 +16,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./DashboardProvider"), exports);
 _export_star(require("./DatasourceStoreProvider"), exports);
-_export_star(require("./TemplateVariableProvider"), exports);
+_export_star(require("./VariableProvider"), exports);
 _export_star(require("./useDashboard"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {