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

package/dist/cjs/context/DashboardProvider/delete-panel-slice.js

@@ -25,7 +25,7 @@ function createDeletePanelSlice() {
     return (set, get)=>({
             deletePanel (panelGroupItemId) {
                 set((draft)=>{
-                    const { panelGroupId , panelGroupItemLayoutId: panelGroupLayoutId  } = panelGroupItemId;
+                    const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;
                     const existingGroup = draft.panelGroups[panelGroupId];
                     if (existingGroup === undefined) {
                         throw new Error(`Missing panel group ${panelGroupId}`);
@@ -45,8 +45,8 @@ function createDeletePanelSlice() {
                 });
             },
             openDeletePanelDialog (panelGroupItemId) {
-                const { panelGroupId , panelGroupItemLayoutId: panelGroupLayoutId  } = panelGroupItemId;
-                const { panels , panelGroups  } = get();
+                const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;
+                const { panels, panelGroups } = get();
                 const panelGroup = panelGroups[panelGroupId];
                 if (panelGroup === undefined) {
                     throw new Error(`Panel group not found ${panelGroupId}`);

package/dist/cjs/context/DashboardProvider/duplicate-panel-slice.js

@@ -28,7 +28,7 @@ function createDuplicatePanelSlice() {
                 set((state)=>{
                     const panels = state.panels;
                     // Figure out the panel key at that location
-                    const { panelGroupId , panelGroupItemLayoutId: panelGroupLayoutId  } = panelGroupItemId;
+                    const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;
                     const group = state.panelGroups[panelGroupId];
                     if (group === undefined) {
                         throw new Error(`Missing panel group ${panelGroupId}`);

package/dist/cjs/context/DashboardProvider/panel-editor-slice.js

@@ -25,14 +25,13 @@ const _common = require("./common");
 const _panelgroupslice = require("./panel-group-slice");
 function createPanelEditorSlice() {
     // Return the state creator function for Zustand that uses the panels provided as intitial state
-    return (set, get)=>{
-        return {
+    return (set, get)=>({
             panelEditor: undefined,
             openEditPanel (panelGroupItemId) {
                 var _panelGroups_panelGroupId;
-                const { panels , panelGroups  } = get();
+                const { panels, panelGroups } = get();
                 // Figure out the panel key at that location
-                const { panelGroupId , panelGroupItemLayoutId: panelGroupLayoutId  } = panelGroupItemId;
+                const { panelGroupId, panelGroupItemLayoutId: panelGroupLayoutId } = panelGroupItemId;
                 const panelKey = (_panelGroups_panelGroupId = panelGroups[panelGroupId]) === null || _panelGroups_panelGroupId === void 0 ? void 0 : _panelGroups_panelGroupId.itemPanelKeys[panelGroupLayoutId];
                 if (panelKey === undefined) {
                     throw new Error(`Could not find Panel Group item ${panelGroupItemId}`);
@@ -149,6 +148,5 @@ function createPanelEditorSlice() {
                     state.panelEditor = editorState;
                 });
             }
-        };
-    };
+        });
 }

package/dist/cjs/context/DashboardProvider/panel-group-slice.js

@@ -21,8 +21,8 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    createPanelGroupSlice: function() {
-        return createPanelGroupSlice;
+    addPanelGroup: function() {
+        return addPanelGroup;
     },
     convertLayoutsToPanelGroups: function() {
         return convertLayoutsToPanelGroups;
@@ -30,14 +30,14 @@ _export(exports, {
     createEmptyPanelGroup: function() {
         return createEmptyPanelGroup;
     },
-    addPanelGroup: function() {
-        return addPanelGroup;
+    createPanelGroupSlice: function() {
+        return createPanelGroupSlice;
     }
 });
 const _core = require("@perses-dev/core");
 const _common = require("./common");
 function createPanelGroupSlice(layouts) {
-    const { panelGroups , panelGroupOrder  } = convertLayoutsToPanelGroups(layouts);
+    const { panelGroups, panelGroupOrder } = convertLayoutsToPanelGroups(layouts);
     // Return the state creator function for Zustand
     return (set)=>({
             panelGroups,
@@ -75,7 +75,7 @@ function convertLayoutsToPanelGroups(layouts) {
     const panelGroups = {};
     const panelGroupIdOrder = [];
     for (const layout of layouts){
-        var _layout_spec_display, _layout_spec_display_collapse, _layout_spec_display1;
+        var _layout_spec_display_collapse, _layout_spec_display, _layout_spec_display1;
         const itemLayouts = [];
         const itemPanelKeys = {};
         // Split layout information from panel keys to make it easier to update just layouts on move/resize of panels

package/dist/cjs/context/DatasourceStoreProvider.js

@@ -25,16 +25,16 @@ const _react = require("react");
 const _core = require("@perses-dev/core");
 const _pluginsystem = require("@perses-dev/plugin-system");
 function DatasourceStoreProvider(props) {
-    const { projectName , datasourceApi , onCreate , children  } = props;
+    const { projectName, datasourceApi, onCreate, children } = props;
     const [dashboardResource, setDashboardResource] = (0, _react.useState)(props.dashboardResource);
     var _props_savedDatasources;
     const [savedDatasources, setSavedDatasources] = (0, _react.useState)((_props_savedDatasources = props.savedDatasources) !== null && _props_savedDatasources !== void 0 ? _props_savedDatasources : {});
     const project = projectName !== null && projectName !== void 0 ? projectName : dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.metadata.project;
-    const { getPlugin , listPluginMetadata  } = (0, _pluginsystem.usePluginRegistry)();
+    const { getPlugin, listPluginMetadata } = (0, _pluginsystem.usePluginRegistry)();
     const findDatasource = (0, _core.useEvent)(async (selector)=>{
         // Try to find it in dashboard spec
         if (dashboardResource) {
-            const { datasources  } = dashboardResource.spec;
+            const { datasources } = dashboardResource.spec;
             const dashboardDatasource = findDashboardDatasource(datasources, selector);
             if (dashboardDatasource !== undefined) {
                 return {
@@ -74,15 +74,15 @@ function DatasourceStoreProvider(props) {
     });
     // Gets a datasource spec for a given selector
     const getDatasource = (0, _react.useCallback)(async (selector)=>{
-        const { spec  } = await findDatasource(selector);
+        const { spec } = await findDatasource(selector);
         return spec;
     }, [
         findDatasource
     ]);
     // Given a Datasource selector, finds the spec for it and then uses its corresponding plugin the create a client
     const getDatasourceClient = (0, _react.useCallback)(async function getClient(selector) {
-        const { kind  } = selector;
-        const [{ spec , proxyUrl  }, plugin] = await Promise.all([
+        const { kind } = selector;
+        const [{ spec, proxyUrl }, plugin] = await Promise.all([
             findDatasource(selector),
             getPlugin('Datasource', kind)
         ]);
@@ -111,7 +111,7 @@ function DatasourceStoreProvider(props) {
             throw new Error(`Could not find a Datasource plugin with kind '${datasourcePluginKind}'`);
         }
         // Get helper for computing results properly
-        const { results , addItem  } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.display.name);
+        const { results, addItem } = buildDatasourceSelectItemGroups(datasourcePluginMetadata.display.name);
         // Start with dashboard datasources with the highest precedence
         if (dashboardResource === null || dashboardResource === void 0 ? void 0 : dashboardResource.spec.datasources) {
             for(const selectorName in dashboardResource.spec.datasources){
@@ -161,7 +161,13 @@ function DatasourceStoreProvider(props) {
     ]);
     const setLocalDatasources = (0, _react.useCallback)((datasources)=>{
         if (dashboardResource) {
-            setDashboardResource({
+            setDashboardResource(dashboardResource.kind === 'Dashboard' ? {
+                ...dashboardResource,
+                spec: {
+                    ...dashboardResource.spec,
+                    datasources: datasources
+                }
+            } : {
                 ...dashboardResource,
                 spec: {
                     ...dashboardResource.spec,
@@ -229,7 +235,7 @@ function findDashboardDatasource(dashboardDatasources, selector) {
     let explicitDefaultAdded = false;
     const groupIndices = {};
     let currentGroupIndex = 1; // 0 is the default group, always there as it contains at least the first item.
-    const addItem = ({ spec , selectorName , selectorGroup: group , editLink , saved  })=>{
+    const addItem = ({ spec, selectorName, selectorGroup: group, editLink, saved })=>{
         var _spec_display;
         group = group !== null && group !== void 0 ? group : '';
         // Ensure the default group is always present as soon as an item is added.

package/dist/cjs/context/TemplateVariableProvider/TemplateVariableProvider.js

@@ -21,11 +21,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    useTemplateVariableStoreCtx: function() {
-        return useTemplateVariableStoreCtx;
+    TemplateVariableProvider: function() {
+        return TemplateVariableProvider;
     },
-    useTemplateVariableValues: function() {
-        return useTemplateVariableValues;
+    TemplateVariableProviderWithQueryParams: function() {
+        return TemplateVariableProviderWithQueryParams;
+    },
+    useTemplateExternalVariableDefinitions: function() {
+        return useTemplateExternalVariableDefinitions;
     },
     useTemplateVariable: function() {
         return useTemplateVariable;
@@ -36,17 +39,14 @@ _export(exports, {
     useTemplateVariableDefinitions: function() {
         return useTemplateVariableDefinitions;
     },
-    useTemplateExternalVariableDefinitions: function() {
-        return useTemplateExternalVariableDefinitions;
-    },
     useTemplateVariableStore: function() {
         return useTemplateVariableStore;
     },
-    TemplateVariableProvider: function() {
-        return TemplateVariableProvider;
+    useTemplateVariableStoreCtx: function() {
+        return useTemplateVariableStoreCtx;
     },
-    TemplateVariableProviderWithQueryParams: function() {
-        return TemplateVariableProviderWithQueryParams;
+    useTemplateVariableValues: function() {
+        return useTemplateVariableValues;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -149,11 +149,11 @@ function useTemplateVariableStore() {
     const store = useTemplateVariableStoreCtx();
     return (0, _zustand.useStore)(store);
 }
-function PluginProvider({ children , builtinVariables  }) {
+function PluginProvider({ children, builtinVariables }) {
     const originalValues = useTemplateVariableValues();
     const definitions = useTemplateVariableDefinitions();
     const externalDefinitions = useTemplateExternalVariableDefinitions();
-    const { absoluteTimeRange  } = (0, _pluginsystem.useTimeRange)();
+    const { absoluteTimeRange } = (0, _pluginsystem.useTimeRange)();
     const values = (0, _react.useMemo)(()=>{
         const contextValues = {};
         // This will loop through all the current variables values
@@ -182,74 +182,80 @@ 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 === null || builtinVariables === void 0 ? void 0 : builtinVariables.forEach((def)=>result.push(def));
+        return result;
+    }, [
+        absoluteTimeRange,
+        builtinVariables
+    ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.BuiltinVariableContext.Provider, {
         value: {
             variables: allBuiltinVariables
@@ -262,10 +268,9 @@ function PluginProvider({ children , builtinVariables  }) {
         })
     });
 }
-function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , externalVariableDefinitions =[] , queryParams  }) {
+function createTemplateVariableSrvStore({ 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 {
+    const store = (0, _zustand.createStore)()((0, _middleware.devtools)((0, _immer.immer)((set, get)=>({
             variableState: (0, _hydrationUtils.hydrateTemplateVariableStates)(initialVariableDefinitions, initialParams, externalVariableDefinitions),
             variableDefinitions: initialVariableDefinitions,
             externalVariableDefinitions: externalVariableDefinitions,
@@ -367,11 +372,10 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , exter
             getSavedVariablesStatus: ()=>{
                 return (0, _utils.checkSavedDefaultVariableStatus)(get().variableDefinitions, get().variableState);
             }
-        };
-    })));
+        }))));
     return store;
 }
-function TemplateVariableProvider({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[] , builtinVariables =[]  }) {
+function TemplateVariableProvider({ children, initialVariableDefinitions = [], externalVariableDefinitions = [], builtinVariables = [] }) {
     const [store] = (0, _react.useState)(createTemplateVariableSrvStore({
         initialVariableDefinitions,
         externalVariableDefinitions
@@ -384,7 +388,7 @@ function TemplateVariableProvider({ children , initialVariableDefinitions =[] ,
         })
     });
 }
-function TemplateVariableProviderWithQueryParams({ children , initialVariableDefinitions =[] , externalVariableDefinitions =[] , builtinVariables =[]  }) {
+function TemplateVariableProviderWithQueryParams({ children, initialVariableDefinitions = [], externalVariableDefinitions = [], builtinVariables = [] }) {
     const allVariableDefs = (0, _utils.mergeVariableDefinitions)(initialVariableDefinitions, externalVariableDefinitions);
     const queryParams = (0, _queryparams.useVariableQueryParams)(allVariableDefs);
     const [store] = (0, _react.useState)(createTemplateVariableSrvStore({

package/dist/cjs/context/TemplateVariableProvider/query-params.js

@@ -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/utils.js

@@ -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) {

package/dist/cjs/context/useDashboard.js

@@ -24,22 +24,24 @@ const _core = require("@perses-dev/core");
 const _DashboardProvider = require("./DashboardProvider");
 const _TemplateVariableProvider = require("./TemplateVariableProvider");
 function useDashboard() {
-    const { panels , panelGroups , panelGroupOrder , setDashboard: setDashboardResource , metadata , display , duration , refreshInterval , datasources  } = (0, _DashboardProvider.useDashboardStore)(({ panels , panelGroups , panelGroupOrder , setDashboard , metadata , display , duration , refreshInterval , datasources  })=>({
+    const { panels, panelGroups, panelGroupOrder, setDashboard: setDashboardResource, kind, metadata, display, duration, refreshInterval, datasources, ttl } = (0, _DashboardProvider.useDashboardStore)(({ panels, panelGroups, panelGroupOrder, setDashboard, kind, metadata, display, duration, refreshInterval, datasources, ttl })=>({
             panels,
             panelGroups,
             panelGroupOrder,
             setDashboard,
+            kind,
             metadata,
             display,
             duration,
             refreshInterval,
-            datasources
+            datasources,
+            ttl
         }));
-    const { setVariableDefinitions  } = (0, _TemplateVariableProvider.useTemplateVariableActions)();
+    const { setVariableDefinitions } = (0, _TemplateVariableProvider.useTemplateVariableActions)();
     const variables = (0, _TemplateVariableProvider.useTemplateVariableDefinitions)();
     const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);
-    const dashboard = {
-        kind: 'Dashboard',
+    const dashboard = kind === 'Dashboard' ? {
+        kind,
         metadata,
         spec: {
             display,
@@ -50,6 +52,19 @@ function useDashboard() {
             refreshInterval,
             datasources
         }
+    } : {
+        kind,
+        metadata,
+        spec: {
+            display,
+            panels,
+            layouts,
+            variables,
+            duration,
+            refreshInterval,
+            datasources,
+            ttl
+        }
     };
     const setDashboard = (dashboardResource)=>{
         setVariableDefinitions(dashboardResource.spec.variables);
@@ -67,7 +82,7 @@ function convertPanelGroupsToLayouts(panelGroups, panelGroupOrder) {
         if (group === undefined) {
             throw new Error('panel group not found');
         }
-        const { title , isCollapsed , itemLayouts , itemPanelKeys  } = group;
+        const { title, isCollapsed, itemLayouts, itemPanelKeys } = group;
         let display = undefined;
         if (title) {
             display = {

package/dist/cjs/test/dashboard-provider.js

@@ -21,11 +21,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getTestDashboard: function() {
-        return getTestDashboard;
-    },
     createDashboardProviderSpy: function() {
         return createDashboardProviderSpy;
+    },
+    getTestDashboard: function() {
+        return getTestDashboard;
     }
 });
 const _react = require("react");

package/dist/cjs/test/datasource-provider.js

@@ -21,14 +21,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    prometheusDemoUrl: function() {
-        return prometheusDemoUrl;
+    defaultDatasourceProps: function() {
+        return defaultDatasourceProps;
     },
     prometheusDemo: function() {
         return prometheusDemo;
     },
-    defaultDatasourceProps: function() {
-        return defaultDatasourceProps;
+    prometheusDemoUrl: function() {
+        return prometheusDemoUrl;
     }
 });
 const _dashboardprovider = require("./dashboard-provider");

package/dist/cjs/test/render.js

@@ -36,7 +36,7 @@ const _pluginregistry = require("./plugin-registry");
 /*
  * Workaround for React router upgrade type errors.
  * More details: https://stackoverflow.com/a/69948457/17575201
- */ const CustomRouter = ({ history , children  })=>{
+ */ const CustomRouter = ({ history, children })=>{
     const [state, setState] = (0, _react.useState)({
         action: history.action,
         location: history.location

package/dist/cjs/utils/index.js

@@ -15,7 +15,6 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 _export_star(require("./panelUtils"), exports);
-_export_star(require("./time"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/utils/panelUtils.js

@@ -21,14 +21,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    getValidPanelKey: function() {
+        return getValidPanelKey;
+    },
     getYForNewRow: function() {
         return getYForNewRow;
     },
     insertPanelInLayout: function() {
         return insertPanelInLayout;
-    },
-    getValidPanelKey: function() {
-        return getValidPanelKey;
     }
 });
 const _constants = require("../constants");
@@ -42,7 +42,7 @@ function getYForNewRow(group) {
     }
     return newRowY;
 }
-function getPanelBounds({ x , y , w , h  }) {
+function getPanelBounds({ x, y, w, h }) {
     return {
         x1: x,
         x2: x + w,
@@ -159,7 +159,7 @@ const removeWhiteSpaces = (str)=>{
 function getUniquePanelKeys(panels) {
     const uniquePanelKeys = {};
     Object.keys(panels).forEach((panelKey)=>{
-        const { name , number  } = getPanelKeyParts(panelKey);
+        const { name, number } = getPanelKeyParts(panelKey);
         if (uniquePanelKeys[name] === undefined) {
             uniquePanelKeys[name] = 0;
         }

package/dist/cjs/views/ViewDashboard/DashboardApp.js

@@ -28,13 +28,13 @@ const _pluginsystem = require("@perses-dev/plugin-system");
 const _components1 = require("../../components");
 const _context = require("../../context");
 const DashboardApp = (props)=>{
-    const { dashboardResource , dashboardTitleComponent , emptyDashboardProps , onSave , onDiscard , initialVariableIsSticky , isReadonly , isCreating  } = props;
+    const { dashboardResource, dashboardTitleComponent, emptyDashboardProps, onSave, onDiscard, initialVariableIsSticky, isReadonly, isCreating } = props;
     const chartsTheme = (0, _components.useChartsTheme)();
-    const { isEditMode , setEditMode  } = (0, _context.useEditMode)();
-    const { dashboard , setDashboard  } = (0, _context.useDashboard)();
+    const { isEditMode, setEditMode } = (0, _context.useEditMode)();
+    const { dashboard, setDashboard } = (0, _context.useDashboard)();
     const [originalDashboard, setOriginalDashboard] = (0, _react.useState)(undefined);
-    const { setSavedDatasources  } = (0, _pluginsystem.useDatasourceStore)();
-    const { openDiscardChangesConfirmationDialog , closeDiscardChangesConfirmationDialog  } = (0, _context.useDiscardChangesConfirmationDialog)();
+    const { setSavedDatasources } = (0, _pluginsystem.useDatasourceStore)();
+    const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } = (0, _context.useDiscardChangesConfirmationDialog)();
     const handleDiscardChanges = ()=>{
         // Reset to the original spec and exit edit mode
         if (originalDashboard) {

package/dist/cjs/views/ViewDashboard/ViewDashboard.js

@@ -29,15 +29,15 @@ const _react = require("react");
 const _context = require("../../context");
 const _DashboardApp = require("./DashboardApp");
 function ViewDashboard(props) {
-    const { dashboardResource , datasourceApi , externalVariableDefinitions , dashboardTitleComponent , emptyDashboardProps , onSave , onDiscard , initialVariableIsSticky , isReadonly , isEditing , isCreating , sx , ...others } = props;
-    const { spec  } = dashboardResource;
+    const { dashboardResource, datasourceApi, externalVariableDefinitions, dashboardTitleComponent, emptyDashboardProps, onSave, onDiscard, initialVariableIsSticky, isReadonly, isEditing, isCreating, sx, ...others } = props;
+    const { spec } = dashboardResource;
     var _spec_duration;
     const dashboardDuration = (_spec_duration = spec.duration) !== null && _spec_duration !== void 0 ? _spec_duration : _core.DEFAULT_DASHBOARD_DURATION;
     var _spec_refreshInterval;
     const dashboardRefreshInterval = (_spec_refreshInterval = spec.refreshInterval) !== null && _spec_refreshInterval !== void 0 ? _spec_refreshInterval : _core.DEFAULT_REFRESH_INTERVAL;
     const initialTimeRange = (0, _pluginsystem.useInitialTimeRange)(dashboardDuration);
     const initialRefreshInterval = (0, _pluginsystem.useInitialRefreshInterval)(dashboardRefreshInterval);
-    const { data  } = (0, _pluginsystem.usePluginBuiltinVariableDefinitions)();
+    const { data } = (0, _pluginsystem.usePluginBuiltinVariableDefinitions)();
     const builtinVariables = (0, _react.useMemo)(()=>{
         const result = [
             {

package/dist/components/AddGroupButton/AddGroupButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const AddGroupButton: () => JSX.Element;
+export declare const AddGroupButton: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AddGroupButton.d.ts.map

package/dist/components/AddGroupButton/AddGroupButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddGroupButton.d.ts","sourceRoot":"","sources":["../../../src/components/AddGroupButton/AddGroupButton.tsx"],"names":[],"mappings":";AAmBA,eAAO,MAAM,cAAc,mBAe1B,CAAC"}
+{"version":3,"file":"AddGroupButton.d.ts","sourceRoot":"","sources":["../../../src/components/AddGroupButton/AddGroupButton.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,cAAc,+CAe1B,CAAC"}