@perses-dev/dashboards 0.43.0 → 0.44.0-rc0

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){
@@ -229,7 +229,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,7 +24,7 @@ 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, metadata, display, duration, refreshInterval, datasources } = (0, _DashboardProvider.useDashboardStore)(({ panels, panelGroups, panelGroupOrder, setDashboard, metadata, display, duration, refreshInterval, datasources })=>({
             panels,
             panelGroups,
             panelGroupOrder,
@@ -35,7 +35,7 @@ function useDashboard() {
             refreshInterval,
             datasources
         }));
-    const { setVariableDefinitions  } = (0, _TemplateVariableProvider.useTemplateVariableActions)();
+    const { setVariableDefinitions } = (0, _TemplateVariableProvider.useTemplateVariableActions)();
     const variables = (0, _TemplateVariableProvider.useTemplateVariableDefinitions)();
     const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);
     const dashboard = {
@@ -67,7 +67,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/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/utils/time.js

@@ -23,7 +23,7 @@ Object.defineProperty(exports, "useSuggestedStepMs", {
 const _core = require("@perses-dev/core");
 const _pluginsystem = require("@perses-dev/plugin-system");
 function useSuggestedStepMs(width) {
-    const { absoluteTimeRange  } = (0, _pluginsystem.useTimeRange)();
+    const { absoluteTimeRange } = (0, _pluginsystem.useTimeRange)();
     if (width === undefined) return 0;
     return (0, _core.getSuggestedStepMs)(absoluteTimeRange, width);
 }

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"}

package/dist/components/AddGroupButton/AddGroupButton.js

@@ -17,7 +17,7 @@ import { InfoTooltip } from '@perses-dev/components';
 import { TOOLTIP_TEXT, editButtonStyle } from '../../constants';
 import { useDashboardActions } from '../../context';
 export const AddGroupButton = ()=>{
-    const { openAddPanelGroup  } = useDashboardActions();
+    const { openAddPanelGroup } = useDashboardActions();
     return /*#__PURE__*/ _jsx(InfoTooltip, {
         description: TOOLTIP_TEXT.addGroup,
         children: /*#__PURE__*/ _jsx(Button, {

package/dist/components/AddGroupButton/AddGroupButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AddGroupButton/AddGroupButton.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Button } from '@mui/material';\nimport AddGroupIcon from 'mdi-material-ui/PlusBoxOutline';\nimport { InfoTooltip } from '@perses-dev/components';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboardActions } from '../../context';\n\nexport const AddGroupButton = () => {\n  const { openAddPanelGroup } = useDashboardActions();\n\n  return (\n    <InfoTooltip description={TOOLTIP_TEXT.addGroup}>\n      <Button\n        startIcon={<AddGroupIcon />}\n        onClick={openAddPanelGroup}\n        aria-label={TOOLTIP_TEXT.addGroup}\n        sx={editButtonStyle}\n      >\n        Panel Group\n      </Button>\n    </InfoTooltip>\n  );\n};\n"],"names":["Button","AddGroupIcon","InfoTooltip","TOOLTIP_TEXT","editButtonStyle","useDashboardActions","AddGroupButton","openAddPanelGroup","description","addGroup","startIcon","onClick","aria-label","sx"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,MAAM,QAAQ,gBAAgB;AACvC,OAAOC,kBAAkB,iCAAiC;AAC1D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,mBAAmB,QAAQ,gBAAgB;AAEpD,OAAO,MAAMC,iBAAiB;IAC5B,MAAM,EAAEC,kBAAiB,EAAE,GAAGF;IAE9B,qBACE,KAACH;QAAYM,aAAaL,aAAaM;kBACrC,cAAA,KAACT;YACCU,yBAAW,KAACT;YACZU,SAASJ;YACTK,cAAYT,aAAaM;YACzBI,IAAIT;sBACL;;;AAKP,EAAE"}
+{"version":3,"sources":["../../../src/components/AddGroupButton/AddGroupButton.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Button } from '@mui/material';\nimport AddGroupIcon from 'mdi-material-ui/PlusBoxOutline';\nimport { InfoTooltip } from '@perses-dev/components';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboardActions } from '../../context';\n\nexport const AddGroupButton = () => {\n  const { openAddPanelGroup } = useDashboardActions();\n\n  return (\n    <InfoTooltip description={TOOLTIP_TEXT.addGroup}>\n      <Button\n        startIcon={<AddGroupIcon />}\n        onClick={openAddPanelGroup}\n        aria-label={TOOLTIP_TEXT.addGroup}\n        sx={editButtonStyle}\n      >\n        Panel Group\n      </Button>\n    </InfoTooltip>\n  );\n};\n"],"names":["Button","AddGroupIcon","InfoTooltip","TOOLTIP_TEXT","editButtonStyle","useDashboardActions","AddGroupButton","openAddPanelGroup","description","addGroup","startIcon","onClick","aria-label","sx"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,MAAM,QAAQ,gBAAgB;AACvC,OAAOC,kBAAkB,iCAAiC;AAC1D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,mBAAmB,QAAQ,gBAAgB;AAEpD,OAAO,MAAMC,iBAAiB;IAC5B,MAAM,EAAEC,iBAAiB,EAAE,GAAGF;IAE9B,qBACE,KAACH;QAAYM,aAAaL,aAAaM,QAAQ;kBAC7C,cAAA,KAACT;YACCU,yBAAW,KAACT;YACZU,SAASJ;YACTK,cAAYT,aAAaM,QAAQ;YACjCI,IAAIT;sBACL;;;AAKP,EAAE"}

package/dist/components/AddPanelButton/AddPanelButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '@mui/material';
 export interface AddPanelButtonProps extends Pick<ButtonProps, 'fullWidth'> {
     /**
@@ -14,5 +13,5 @@ export interface AddPanelButtonProps extends Pick<ButtonProps, 'fullWidth'> {
      */
     label?: string;
 }
-export declare const AddPanelButton: ({ variant, color, label, fullWidth, }: AddPanelButtonProps) => JSX.Element;
+export declare const AddPanelButton: ({ variant, color, label, fullWidth, }: AddPanelButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AddPanelButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddPanelButton.d.ts","sourceRoot":"","sources":["../../../src/components/AddPanelButton/AddPanelButton.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAMpD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACzE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,0CAKxB,mBAAmB,gBAkBrB,CAAC"}
+{"version":3,"file":"AddPanelButton.d.ts","sourceRoot":"","sources":["../../../src/components/AddPanelButton/AddPanelButton.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAMpD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACzE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,0CAKxB,mBAAmB,4CAkBrB,CAAC"}

package/dist/components/AddPanelButton/AddPanelButton.js

@@ -16,8 +16,8 @@ import AddPanelIcon from 'mdi-material-ui/ChartBoxPlusOutline';
 import { InfoTooltip } from '@perses-dev/components';
 import { TOOLTIP_TEXT, editButtonStyle } from '../../constants';
 import { useDashboardActions } from '../../context';
-export const AddPanelButton = ({ variant ='text' , color ='primary' , label ='Panel' , fullWidth  })=>{
-    const { openAddPanel  } = useDashboardActions();
+export const AddPanelButton = ({ variant = 'text', color = 'primary', label = 'Panel', fullWidth })=>{
+    const { openAddPanel } = useDashboardActions();
     return /*#__PURE__*/ _jsx(InfoTooltip, {
         description: TOOLTIP_TEXT.addPanel,
         children: /*#__PURE__*/ _jsx(Button, {

package/dist/components/AddPanelButton/AddPanelButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AddPanelButton/AddPanelButton.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Button, ButtonProps } from '@mui/material';\nimport AddPanelIcon from 'mdi-material-ui/ChartBoxPlusOutline';\nimport { InfoTooltip } from '@perses-dev/components';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboardActions } from '../../context';\n\nexport interface AddPanelButtonProps extends Pick<ButtonProps, 'fullWidth'> {\n  /**\n   * The variant to use to display the button.\n   */\n  variant?: 'text' | 'outlined';\n\n  /**\n   * The color to use to display the button.\n   */\n  color?: 'primary' | 'secondary';\n\n  /**\n   * The label used inside the button.\n   */\n  label?: string;\n}\n\nexport const AddPanelButton = ({\n  variant = 'text',\n  color = 'primary',\n  label = 'Panel',\n  fullWidth,\n}: AddPanelButtonProps) => {\n  const { openAddPanel } = useDashboardActions();\n\n  return (\n    <InfoTooltip description={TOOLTIP_TEXT.addPanel}>\n      <Button\n        startIcon={<AddPanelIcon />}\n        onClick={openAddPanel}\n        aria-label={TOOLTIP_TEXT.addPanel}\n        variant={variant}\n        color={color}\n        fullWidth={fullWidth}\n        sx={editButtonStyle}\n      >\n        {label}\n      </Button>\n    </InfoTooltip>\n  );\n};\n"],"names":["Button","AddPanelIcon","InfoTooltip","TOOLTIP_TEXT","editButtonStyle","useDashboardActions","AddPanelButton","variant","color","label","fullWidth","openAddPanel","description","addPanel","startIcon","onClick","aria-label","sx"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,MAAM,QAAqB,gBAAgB;AACpD,OAAOC,kBAAkB,sCAAsC;AAC/D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,mBAAmB,QAAQ,gBAAgB;AAmBpD,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,SAAU,OAAM,EAChBC,OAAQ,UAAS,EACjBC,OAAQ,QAAO,EACfC,UAAS,EACW;IACpB,MAAM,EAAEC,aAAY,EAAE,GAAGN;IAEzB,qBACE,KAACH;QAAYU,aAAaT,aAAaU;kBACrC,cAAA,KAACb;YACCc,yBAAW,KAACb;YACZc,SAASJ;YACTK,cAAYb,aAAaU;YACzBN,SAASA;YACTC,OAAOA;YACPE,WAAWA;YACXO,IAAIb;sBAEHK;;;AAIT,EAAE"}
+{"version":3,"sources":["../../../src/components/AddPanelButton/AddPanelButton.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Button, ButtonProps } from '@mui/material';\nimport AddPanelIcon from 'mdi-material-ui/ChartBoxPlusOutline';\nimport { InfoTooltip } from '@perses-dev/components';\nimport { TOOLTIP_TEXT, editButtonStyle } from '../../constants';\nimport { useDashboardActions } from '../../context';\n\nexport interface AddPanelButtonProps extends Pick<ButtonProps, 'fullWidth'> {\n  /**\n   * The variant to use to display the button.\n   */\n  variant?: 'text' | 'outlined';\n\n  /**\n   * The color to use to display the button.\n   */\n  color?: 'primary' | 'secondary';\n\n  /**\n   * The label used inside the button.\n   */\n  label?: string;\n}\n\nexport const AddPanelButton = ({\n  variant = 'text',\n  color = 'primary',\n  label = 'Panel',\n  fullWidth,\n}: AddPanelButtonProps) => {\n  const { openAddPanel } = useDashboardActions();\n\n  return (\n    <InfoTooltip description={TOOLTIP_TEXT.addPanel}>\n      <Button\n        startIcon={<AddPanelIcon />}\n        onClick={openAddPanel}\n        aria-label={TOOLTIP_TEXT.addPanel}\n        variant={variant}\n        color={color}\n        fullWidth={fullWidth}\n        sx={editButtonStyle}\n      >\n        {label}\n      </Button>\n    </InfoTooltip>\n  );\n};\n"],"names":["Button","AddPanelIcon","InfoTooltip","TOOLTIP_TEXT","editButtonStyle","useDashboardActions","AddPanelButton","variant","color","label","fullWidth","openAddPanel","description","addPanel","startIcon","onClick","aria-label","sx"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,MAAM,QAAqB,gBAAgB;AACpD,OAAOC,kBAAkB,sCAAsC;AAC/D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,YAAY,EAAEC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,mBAAmB,QAAQ,gBAAgB;AAmBpD,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,UAAU,MAAM,EAChBC,QAAQ,SAAS,EACjBC,QAAQ,OAAO,EACfC,SAAS,EACW;IACpB,MAAM,EAAEC,YAAY,EAAE,GAAGN;IAEzB,qBACE,KAACH;QAAYU,aAAaT,aAAaU,QAAQ;kBAC7C,cAAA,KAACb;YACCc,yBAAW,KAACb;YACZc,SAASJ;YACTK,cAAYb,aAAaU,QAAQ;YACjCN,SAASA;YACTC,OAAOA;YACPE,WAAWA;YACXO,IAAIb;sBAEHK;;;AAIT,EAAE"}

package/dist/components/Dashboard/Dashboard.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { BoxProps } from '@mui/material';
 import { EmptyDashboardProps } from '../EmptyDashboard';
 import { PanelOptions } from '../Panel';
-export declare type DashboardProps = BoxProps & {
+export type DashboardProps = BoxProps & {
     /**
      * Props for `EmptyDashboard` component that will be rendered when the dashboard
      * is empty (i.e. has no panel groups). If not specified, the defaults will
@@ -14,5 +13,5 @@ export declare type DashboardProps = BoxProps & {
 /**
  * Renders a Dashboard for the provided Dashboard spec.
  */
-export declare function Dashboard({ emptyDashboardProps, panelOptions, ...boxProps }: DashboardProps): JSX.Element;
+export declare function Dashboard({ emptyDashboardProps, panelOptions, ...boxProps }: DashboardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Dashboard.d.ts.map