@perses-dev/dashboards 0.22.0 → 0.23.1

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

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "createPanelEditorSlice", {
     enumerable: true,
     get: ()=>createPanelEditorSlice
 });
-const _functions = require("../../utils/functions");
+const _panelUtils = require("../../utils/panelUtils");
 const _common = require("./common");
 const _panelGroupSlice = require("./panel-group-slice");
 function createPanelEditorSlice() {
@@ -80,7 +80,7 @@ function createPanelEditorSlice() {
                             newGroup.itemLayouts.push({
                                 i: existingLayout.i,
                                 x: 0,
-                                y: getYForNewRow(newGroup),
+                                y: (0, _panelUtils.getYForNewRow)(newGroup),
                                 w: existingLayout.w,
                                 h: existingLayout.h
                             });
@@ -99,6 +99,7 @@ function createPanelEditorSlice() {
                 });
             },
             openAddPanel (panelGroupId) {
+                var ref, ref1;
                 // If a panel group isn't supplied, add to the first group or create a group if there aren't any
                 let newGroup = undefined;
                 panelGroupId !== null && panelGroupId !== void 0 ? panelGroupId : panelGroupId = get().panelGroupOrder[0];
@@ -107,23 +108,19 @@ function createPanelEditorSlice() {
                     newGroup.title = 'Panel Group';
                     panelGroupId = newGroup.id;
                 }
+                var ref2, ref3;
                 const editorState = {
                     mode: 'Add',
                     initialValues: {
                         name: '',
                         description: '',
                         groupId: panelGroupId,
-                        kind: '',
-                        spec: {}
+                        kind: (ref2 = (ref = get().initialValues) === null || ref === void 0 ? void 0 : ref.kind) !== null && ref2 !== void 0 ? ref2 : '',
+                        spec: (ref3 = (ref1 = get().initialValues) === null || ref1 === void 0 ? void 0 : ref1.spec) !== null && ref3 !== void 0 ? ref3 : {}
                     },
                     applyChanges: (next)=>{
                         const panelDef = createPanelDefinitionFromEditorValues(next);
-                        const uniquePanelKeys = getUniquePanelKeys(get().panels);
-                        let panelKey = (0, _functions.removeWhiteSpacesAndSpecialCharacters)(next.name);
-                        // append count if panel key already exists
-                        if (uniquePanelKeys[panelKey]) {
-                            panelKey += `-${uniquePanelKeys[panelKey]}`;
-                        }
+                        const panelKey = (0, _panelUtils.getValidPanelKey)(next.name, get().panels);
                         set((state)=>{
                             // Add a panel
                             state.panels[panelKey] = panelDef;
@@ -135,7 +132,7 @@ function createPanelEditorSlice() {
                             const layout = {
                                 i: (0, _common.generateId)().toString(),
                                 x: 0,
-                                y: getYForNewRow(group),
+                                y: (0, _panelUtils.getYForNewRow)(group),
                                 w: 12,
                                 h: 6
                             };
@@ -177,29 +174,3 @@ function createPanelDefinitionFromEditorValues(editorValues) {
         }
     };
 }
-// Given a PanelGroup, will find the Y coordinate for adding a new row to the grid, taking into account the items present
-function getYForNewRow(group) {
-    let newRowY = 0;
-    for (const layout of group.itemLayouts){
-        const itemMaxY = layout.y + layout.h;
-        if (itemMaxY > newRowY) {
-            newRowY = itemMaxY;
-        }
-    }
-    return newRowY;
-}
-// Find all the unique panel keys
-// ex: cpu, cpu-1, cpu-2 count as the same panel key since these panels have the same name
-function getUniquePanelKeys(panels) {
-    const uniquePanelKeys = {};
-    Object.keys(panels).forEach((panelKey)=>{
-        const key = panelKey.replace(/-([0-9]+)/, '');
-        const count = uniquePanelKeys[key];
-        if (count) {
-            uniquePanelKeys[key] = count + 1;
-        } else {
-            uniquePanelKeys[key] = 1;
-        }
-    });
-    return uniquePanelKeys;
-}

package/dist/cjs/context/useDashboard.js

@@ -22,13 +22,14 @@ const _core = require("@perses-dev/core");
 const _dashboardProvider = require("./DashboardProvider");
 const _templateVariableProvider = require("./TemplateVariableProvider");
 function useDashboard() {
-    const { panels , panelGroups , panelGroupOrder , defaultTimeRange , metadata , setDashboard: setDashboardResource ,  } = (0, _dashboardProvider.useDashboardStore)(({ panels , panelGroups , panelGroupOrder , defaultTimeRange , setDashboard , metadata  })=>({
+    const { panels , panelGroups , panelGroupOrder , defaultTimeRange , setDashboard: setDashboardResource , metadata , display ,  } = (0, _dashboardProvider.useDashboardStore)(({ panels , panelGroups , panelGroupOrder , defaultTimeRange , setDashboard , metadata , display  })=>({
             panels,
             panelGroups,
             panelGroupOrder,
             defaultTimeRange,
             setDashboard,
-            metadata
+            metadata,
+            display
         }));
     const { setVariableDefinitions  } = (0, _templateVariableProvider.useTemplateVariableActions)();
     const variables = (0, _templateVariableProvider.useTemplateVariableDefinitions)();
@@ -37,6 +38,7 @@ function useDashboard() {
         kind: 'Dashboard',
         metadata,
         spec: {
+            display,
             panels,
             layouts,
             variables,

package/dist/cjs/utils/index.js

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

package/dist/cjs/utils/panelUtils.js

@@ -0,0 +1,168 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getYForNewRow: ()=>getYForNewRow,
+    insertPanelInLayout: ()=>insertPanelInLayout,
+    getValidPanelKey: ()=>getValidPanelKey
+});
+const _constants = require("../constants");
+function getYForNewRow(group) {
+    let newRowY = 0;
+    for (const layout of group.itemLayouts){
+        const itemMaxY = layout.y + layout.h;
+        if (itemMaxY > newRowY) {
+            newRowY = itemMaxY;
+        }
+    }
+    return newRowY;
+}
+function getPanelBounds({ x , y , w , h  }) {
+    return {
+        x1: x,
+        x2: x + w,
+        y1: y,
+        y2: y + h
+    };
+}
+function insertPanelInLayout(newLayout, referenceLayout, itemLayouts) {
+    const MAX_LAYOUT_WIDTH = _constants.GRID_LAYOUT_COLS[_constants.GRID_LAYOUT_SMALL_BREAKPOINT];
+    const referenceBounds = getPanelBounds(referenceLayout);
+    // Organize layouts based on vertical relation to the item being inserted
+    // after.
+    const aboveInsertRow = [];
+    const insertRow = [];
+    const belowInsertRow = [];
+    itemLayouts.forEach((itemLayout)=>{
+        const itemBounds = getPanelBounds(itemLayout);
+        if (itemBounds.y2 <= referenceBounds.y1) {
+            aboveInsertRow.push(itemLayout);
+        } else if (itemBounds.y1 >= referenceBounds.y2) {
+            belowInsertRow.push(itemLayout);
+        } else {
+            insertRow.push(itemLayout);
+        }
+    });
+    // Cannot safely assume that the order of item layouts array is strictly
+    // left to right. Sorting the row by horizontal position to more easily find
+    // gaps.
+    insertRow.sort((a, b)=>a.x - b.x);
+    const insertAfterIndex = insertRow.findIndex((item)=>item.i === referenceLayout.i);
+    if (insertAfterIndex === insertRow.length - 1) {
+        // Insert to the right when space is available and the reference is the last
+        // item in the row.
+        if (referenceBounds.x2 + newLayout.w <= MAX_LAYOUT_WIDTH) {
+            return [
+                ...aboveInsertRow,
+                ...insertRow,
+                {
+                    ...newLayout,
+                    x: referenceBounds.x2,
+                    y: referenceBounds.y1
+                },
+                ...belowInsertRow
+            ];
+        }
+    } else if (insertAfterIndex >= 0) {
+        const nextItem = insertRow[insertAfterIndex + 1];
+        if (nextItem && getPanelBounds(nextItem).x1 - referenceBounds.x2 >= newLayout.w) {
+            // Insert to the right when space is available between the reference and
+            // the next item in the row.
+            insertRow.splice(insertAfterIndex + 1, 0, {
+                ...newLayout,
+                x: referenceBounds.x2,
+                y: referenceBounds.y1
+            });
+            return [
+                ...aboveInsertRow,
+                ...insertRow,
+                ...belowInsertRow
+            ];
+        }
+    }
+    // Insert the new item below the original and shift the items below the
+    // row where the reference is located.
+    return [
+        ...aboveInsertRow,
+        ...insertRow,
+        {
+            x: referenceBounds.x1,
+            y: referenceBounds.y2,
+            ...newLayout
+        },
+        ...belowInsertRow.map((itemLayout)=>{
+            // Note: the grid will not necessarily display all of these items shifted
+            // all the way down because of vertical compacting, but shifing their
+            // y position ensures the new item gets vertical precedence over items
+            // below it in that compacting.
+            return {
+                ...itemLayout,
+                y: itemLayout.y + newLayout.h
+            };
+        })
+    ];
+}
+function getValidPanelKey(panelKey, panels) {
+    const uniquePanelKeys = getUniquePanelKeys(panels);
+    let normalizedPanelKey = getPanelKeyParts(removeWhiteSpaces(panelKey)).name;
+    const matchingKey = uniquePanelKeys[normalizedPanelKey];
+    if (typeof matchingKey === 'number') {
+        normalizedPanelKey += `-${matchingKey + 1}`;
+    }
+    return normalizedPanelKey;
+}
+const removeWhiteSpaces = (str)=>{
+    return str.replace(/\s+/g, '');
+};
+/**
+ * Breaks the specified panel key into the name and the optional `-number` used
+ * for deduping panels with the same name.
+ */ function getPanelKeyParts(panelKey) {
+    const parts = panelKey.match(/(.+)-([0-9]+)/);
+    if (parts && parts[1] && parts[2]) {
+        return {
+            name: parts[1],
+            number: parseInt(parts[2], 10)
+        };
+    }
+    return {
+        name: panelKey
+    };
+}
+// Find all the unique panel keys and the largest number used for each.
+// ex: cpu, cpu-1, cpu-2 count as the same panel key since these panels have the same name
+function getUniquePanelKeys(panels) {
+    const uniquePanelKeys = {};
+    Object.keys(panels).forEach((panelKey)=>{
+        const { name , number  } = getPanelKeyParts(panelKey);
+        if (uniquePanelKeys[name] === undefined) {
+            uniquePanelKeys[name] = 0;
+        }
+        const currentValue = uniquePanelKeys[name];
+        if (typeof currentValue === 'number' && number) {
+            // Check for the maximum value because we cannot rely on a sequential
+            // set of numbers when panels are modified.
+            uniquePanelKeys[name] = Math.max(currentValue, number);
+        }
+    });
+    return uniquePanelKeys;
+}

package/dist/cjs/utils/panelUtils.test.js

@@ -0,0 +1,195 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _panelUtils = require("./panelUtils");
+describe('insertPanelInLayout', ()=>{
+    describe('inserts the panel to the right when space is available', ()=>{
+        test('with a single panel in that row', ()=>{
+            const newLayout = {
+                i: 'abc',
+                w: 10,
+                h: 8
+            };
+            const referenceLayout = {
+                i: 'one',
+                x: 0,
+                y: 0,
+                w: 6,
+                h: 6
+            };
+            const layouts = [
+                referenceLayout
+            ];
+            expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
+                referenceLayout,
+                {
+                    x: 6,
+                    y: 0,
+                    ...newLayout
+                }
+            ]);
+        });
+        test('with multiple panels in that row with space between them', ()=>{
+            const newLayout = {
+                i: 'abc',
+                w: 10,
+                h: 8
+            };
+            const referenceLayout = {
+                i: 'one',
+                x: 0,
+                y: 0,
+                w: 3,
+                h: 4
+            };
+            const otherPanelInRow = {
+                i: 'two',
+                x: 20,
+                y: 0,
+                w: 4,
+                h: 4
+            };
+            const layouts = [
+                referenceLayout,
+                otherPanelInRow
+            ];
+            expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
+                referenceLayout,
+                {
+                    x: 3,
+                    y: 0,
+                    ...newLayout
+                },
+                otherPanelInRow
+            ]);
+        });
+    });
+    describe('inserts the panel below when space is not available to the right', ()=>{
+        test('with a single panel in the initial layout', ()=>{
+            const newLayout = {
+                i: 'abc',
+                w: 10,
+                h: 8
+            };
+            const referenceLayout = {
+                i: 'one',
+                x: 1,
+                y: 0,
+                w: 18,
+                h: 4
+            };
+            const layouts = [
+                referenceLayout
+            ];
+            expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
+                referenceLayout,
+                {
+                    x: 1,
+                    y: 4,
+                    ...newLayout
+                }
+            ]);
+        });
+        test('with a single panel in the same row and additional panels below', ()=>{
+            const newLayout = {
+                i: 'abc',
+                w: 10,
+                h: 8
+            };
+            const referenceLayout = {
+                i: 'one',
+                x: 0,
+                y: 0,
+                w: 18,
+                h: 4
+            };
+            const nextRowItem = {
+                i: 'two',
+                x: 0,
+                y: 4,
+                w: 6,
+                h: 6
+            };
+            const layouts = [
+                referenceLayout,
+                nextRowItem
+            ];
+            expect((0, _panelUtils.insertPanelInLayout)(newLayout, referenceLayout, layouts)).toEqual([
+                referenceLayout,
+                {
+                    x: 0,
+                    y: 4,
+                    ...newLayout
+                },
+                {
+                    ...nextRowItem,
+                    y: nextRowItem.y + newLayout.h
+                }
+            ]);
+        });
+    });
+});
+describe('getValidPanelKey', ()=>{
+    test('removes whitespace', ()=>{
+        expect((0, _panelUtils.getValidPanelKey)('my panel name', {})).toBe('mypanelname');
+    });
+    test('does not include a counter if the key is not in use', ()=>{
+        const mockPanelDefs = {
+            alreadyInUse: {
+                kind: 'Panel',
+                spec: {}
+            }
+        };
+        expect((0, _panelUtils.getValidPanelKey)('newPanelName', mockPanelDefs)).toBe('newPanelName');
+    });
+    test('includes a counter if the key is already in use', ()=>{
+        const mockPanelDefs = {
+            alreadyInUse: {
+                kind: 'Panel',
+                spec: {}
+            }
+        };
+        expect((0, _panelUtils.getValidPanelKey)('alreadyInUse', mockPanelDefs)).toBe('alreadyInUse-1');
+    });
+    test('includes an incremented counter if the key is already in use multiple times', ()=>{
+        const mockPanelDefs = {
+            popularKey: {
+                kind: 'Panel',
+                spec: {}
+            },
+            'popularKey-1': {
+                kind: 'Panel',
+                spec: {}
+            }
+        };
+        expect((0, _panelUtils.getValidPanelKey)('popularKey', mockPanelDefs)).toBe('popularKey-2');
+        expect((0, _panelUtils.getValidPanelKey)('popularKey-1', mockPanelDefs)).toBe('popularKey-2');
+    });
+    test('does not duplicate counters when they are out of order', ()=>{
+        const mockPanelDefs = {
+            outoforder: {
+                kind: 'Panel',
+                spec: {}
+            },
+            'outoforder-2': {
+                kind: 'Panel',
+                spec: {}
+            }
+        };
+        expect((0, _panelUtils.getValidPanelKey)('outoforder', mockPanelDefs)).toBe('outoforder-3');
+        expect((0, _panelUtils.getValidPanelKey)('outoforder-2', mockPanelDefs)).toBe('outoforder-3');
+    });
+});

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

@@ -25,7 +25,7 @@ const _components = require("@perses-dev/components");
 const _components1 = require("../../components");
 const _context = require("../../context");
 const DashboardApp = (props)=>{
-    const { dashboardResource , dashboardTitleComponent , onSave , initialVariableIsSticky , isReadonly  } = props;
+    const { dashboardResource , dashboardTitleComponent , onSave , onDiscard , initialVariableIsSticky , isReadonly  } = props;
     const { setEditMode  } = (0, _context.useEditMode)();
     const { dashboard , setDashboard  } = (0, _context.useDashboard)();
     const [originalDashboard, setOriginalDashboard] = (0, _react.useState)(undefined);
@@ -37,6 +37,9 @@ const DashboardApp = (props)=>{
         }
         setEditMode(false);
         closeDiscardChangesConfirmationDialog();
+        if (onDiscard) {
+            onDiscard(dashboard);
+        }
     };
     const onEditButtonClick = ()=>{
         setEditMode(true);

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

@@ -25,7 +25,7 @@ const _pluginSystem = require("@perses-dev/plugin-system");
 const _context = require("../../context");
 const _dashboardApp = require("./DashboardApp");
 function ViewDashboard(props) {
-    const { dashboardResource , datasourceApi , dashboardTitleComponent , onSave , initialVariableIsSticky , isReadonly , sx , ...others } = props;
+    const { dashboardResource , datasourceApi , dashboardTitleComponent , onSave , onDiscard , initialVariableIsSticky , isReadonly , isEditing , sx , ...others } = props;
     const { spec  } = dashboardResource;
     var _duration;
     const dashboardDuration = (_duration = spec.duration) !== null && _duration !== void 0 ? _duration : '1h';
@@ -35,7 +35,8 @@ function ViewDashboard(props) {
         datasourceApi: datasourceApi,
         children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.DashboardProvider, {
             initialState: {
-                dashboardResource
+                dashboardResource,
+                isEditMode: !!isEditing
             },
             children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.TimeRangeProvider, {
                 initialTimeRange: initialTimeRange,
@@ -57,6 +58,7 @@ function ViewDashboard(props) {
                                 dashboardResource: dashboardResource,
                                 dashboardTitleComponent: dashboardTitleComponent,
                                 onSave: onSave,
+                                onDiscard: onDiscard,
                                 initialVariableIsSticky: initialVariableIsSticky,
                                 isReadonly: isReadonly
                             })

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardToolbar/DashboardToolbar.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQrD,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,gBA0I5D,CAAC"}
+{"version":3,"file":"DashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardToolbar/DashboardToolbar.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQrD,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,gBA4I5D,CAAC"}

package/dist/components/DashboardToolbar/DashboardToolbar.js

@@ -45,9 +45,11 @@ export const DashboardToolbar = (props)=>{
             setEditMode(false);
         }
     };
+    const testId = 'dashboard-toolbar';
     return /*#__PURE__*/ _jsx(_Fragment, {
         children: isEditMode ? /*#__PURE__*/ _jsxs(Stack, {
             spacing: 1,
+            "data-testid": testId,
             children: [
                 /*#__PURE__*/ _jsxs(Box, {
                     p: 2,
@@ -154,6 +156,7 @@ export const DashboardToolbar = (props)=>{
         }) : /*#__PURE__*/ _jsxs(Stack, {
             spacing: 1,
             padding: 2,
+            "data-testid": testId,
             children: [
                 /*#__PURE__*/ _jsxs(Box, {
                     sx: {

package/dist/components/DashboardToolbar/DashboardToolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DashboardToolbar/DashboardToolbar.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 { useState } from 'react';\nimport { Typography, Stack, Button, Box, useTheme, useMediaQuery, Alert } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { ErrorBoundary, ErrorAlert } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport { useDashboard, useEditMode } from '../../context';\nimport { AddPanelButton } from '../AddPanelButton';\nimport { AddGroupButton } from '../AddGroupButton';\nimport { DownloadButton } from '../DownloadButton';\nimport { TimeRangeControls } from '../TimeRangeControls';\nimport { TemplateVariableList, EditVariablesButton } from '../Variables';\n\nexport interface DashboardToolbarProps {\n  dashboardName: string;\n  dashboardTitleComponent?: JSX.Element;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n  onEditButtonClick: () => void;\n  onCancelButtonClick: () => void;\n  onSave?: (entity: DashboardResource) => Promise<DashboardResource>;\n}\n\nexport const DashboardToolbar = (props: DashboardToolbarProps) => {\n  const {\n    dashboardName,\n    dashboardTitleComponent,\n    initialVariableIsSticky,\n    isReadonly,\n    onEditButtonClick,\n    onCancelButtonClick,\n    onSave,\n  } = props;\n\n  const dashboard = useDashboard();\n  const { isEditMode, setEditMode } = useEditMode();\n\n  const isBiggerThanMd = useMediaQuery(useTheme().breakpoints.up('md'));\n  const isBiggerThanSm = useMediaQuery(useTheme().breakpoints.up('sm'));\n\n  const [isSavingDashboard, setSavingDashboard] = useState<boolean>(false);\n\n  const dashboardTitle = dashboardTitleComponent ? (\n    dashboardTitleComponent\n  ) : (\n    <Typography variant=\"h2\">{dashboardName}</Typography>\n  );\n\n  const onSaveButtonClick = () => {\n    if (onSave !== undefined) {\n      setSavingDashboard(true);\n      onSave(dashboard.dashboard)\n        .then(() => {\n          setSavingDashboard(false);\n          setEditMode(false);\n        })\n        .catch(() => {\n          setSavingDashboard(false);\n        });\n    } else {\n      setEditMode(false);\n    }\n  };\n\n  return (\n    <>\n      {isEditMode ? (\n        <Stack spacing={1}>\n          <Box p={2} display=\"flex\" sx={{ backgroundColor: (theme) => theme.palette.primary.main + '30' }}>\n            {dashboardTitle}\n            <Stack direction=\"row\" spacing={1} marginLeft=\"auto\">\n              {isReadonly && (\n                <Alert severity={'warning'} sx={{ backgroundColor: 'transparent', padding: 0 }}>\n                  Dashboard managed via code only. Download JSON and commit changes to save.\n                </Alert>\n              )}\n              <Button variant=\"contained\" onClick={onSaveButtonClick} disabled={isReadonly || isSavingDashboard}>\n                Save\n              </Button>\n              <Button variant=\"outlined\" onClick={onCancelButtonClick}>\n                Cancel\n              </Button>\n            </Stack>\n          </Box>\n          <Box\n            sx={{\n              display: 'flex',\n              width: '100%',\n              alignItems: 'start',\n              padding: (theme) => theme.spacing(1, 2, 2, 2),\n            }}\n          >\n            <ErrorBoundary FallbackComponent={ErrorAlert}>\n              <TemplateVariableList\n                initialVariableIsSticky={initialVariableIsSticky}\n                sx={{\n                  backgroundColor: ({ palette }) =>\n                    palette.mode === 'dark' ? palette.background.default : palette.background.paper,\n                }}\n              />\n            </ErrorBoundary>\n            {isBiggerThanMd ? (\n              // On bigger screens, make it one row\n              <Stack direction=\"row\" spacing={1} marginLeft=\"auto\" sx={{ whiteSpace: 'nowrap' }}>\n                <EditVariablesButton />\n                <AddPanelButton />\n                <AddGroupButton />\n                <TimeRangeControls />\n                <DownloadButton />\n              </Stack>\n            ) : (\n              // On smaller screens, make it two rows\n              <Stack spacing={1}>\n                <Stack direction=\"row\" spacing={1} marginLeft=\"auto\" sx={{ whiteSpace: 'nowrap' }}>\n                  <TimeRangeControls />\n                  <DownloadButton />\n                </Stack>\n                <Stack direction=\"row\" spacing={1} marginLeft=\"auto\" sx={{ whiteSpace: 'nowrap' }}>\n                  <EditVariablesButton />\n                  <AddPanelButton />\n                  <AddGroupButton />\n                </Stack>\n              </Stack>\n            )}\n          </Box>\n        </Stack>\n      ) : (\n        <Stack spacing={1} padding={2}>\n          <Box sx={{ display: 'flex', width: '100%' }}>\n            {dashboardTitle}\n            <Stack direction=\"row\" spacing={1} marginLeft=\"auto\">\n              <TimeRangeControls />\n              <DownloadButton />\n              {isBiggerThanSm && (\n                <Button\n                  variant=\"outlined\"\n                  color=\"secondary\"\n                  startIcon={<PencilIcon />}\n                  onClick={onEditButtonClick}\n                  sx={{ marginLeft: 'auto' }}\n                >\n                  Edit\n                </Button>\n              )}\n            </Stack>\n          </Box>\n          <Box paddingY={2}>\n            <ErrorBoundary FallbackComponent={ErrorAlert}>\n              <TemplateVariableList\n                initialVariableIsSticky={initialVariableIsSticky}\n                sx={{\n                  backgroundColor: ({ palette }) =>\n                    palette.mode === 'dark' ? palette.background.default : palette.background.paper,\n                }}\n              />\n            </ErrorBoundary>\n          </Box>\n        </Stack>\n      )}\n    </>\n  );\n};\n"],"names":["useState","Typography","Stack","Button","Box","useTheme","useMediaQuery","Alert","PencilIcon","ErrorBoundary","ErrorAlert","useDashboard","useEditMode","AddPanelButton","AddGroupButton","DownloadButton","TimeRangeControls","TemplateVariableList","EditVariablesButton","DashboardToolbar","props","dashboardName","dashboardTitleComponent","initialVariableIsSticky","isReadonly","onEditButtonClick","onCancelButtonClick","onSave","dashboard","isEditMode","setEditMode","isBiggerThanMd","breakpoints","up","isBiggerThanSm","isSavingDashboard","setSavingDashboard","dashboardTitle","variant","onSaveButtonClick","undefined","then","catch","spacing","p","display","sx","backgroundColor","theme","palette","primary","main","direction","marginLeft","severity","padding","onClick","disabled","width","alignItems","FallbackComponent","mode","background","default","paper","whiteSpace","color","startIcon","paddingY"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/DashboardToolbar/DashboardToolbar.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 { useState } from 'react';\nimport { Typography, Stack, Button, Box, useTheme, useMediaQuery, Alert } from '@mui/material';\nimport PencilIcon from 'mdi-material-ui/PencilOutline';\nimport { ErrorBoundary, ErrorAlert } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport { useDashboard, useEditMode } from '../../context';\nimport { AddPanelButton } from '../AddPanelButton';\nimport { AddGroupButton } from '../AddGroupButton';\nimport { DownloadButton } from '../DownloadButton';\nimport { TimeRangeControls } from '../TimeRangeControls';\nimport { TemplateVariableList, EditVariablesButton } from '../Variables';\n\nexport interface DashboardToolbarProps {\n  dashboardName: string;\n  dashboardTitleComponent?: JSX.Element;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n  onEditButtonClick: () => void;\n  onCancelButtonClick: () => void;\n  onSave?: (entity: DashboardResource) => Promise<DashboardResource>;\n}\n\nexport const DashboardToolbar = (props: DashboardToolbarProps) => {\n  const {\n    dashboardName,\n    dashboardTitleComponent,\n    initialVariableIsSticky,\n    isReadonly,\n    onEditButtonClick,\n    onCancelButtonClick,\n    onSave,\n  } = props;\n\n  const dashboard = useDashboard();\n  const { isEditMode, setEditMode } = useEditMode();\n\n  const isBiggerThanMd = useMediaQuery(useTheme().breakpoints.up('md'));\n  const isBiggerThanSm = useMediaQuery(useTheme().breakpoints.up('sm'));\n\n  const [isSavingDashboard, setSavingDashboard] = useState<boolean>(false);\n\n  const dashboardTitle = dashboardTitleComponent ? (\n    dashboardTitleComponent\n  ) : (\n    <Typography variant=\"h2\">{dashboardName}</Typography>\n  );\n\n  const onSaveButtonClick = () => {\n    if (onSave !== undefined) {\n      setSavingDashboard(true);\n      onSave(dashboard.dashboard)\n        .then(() => {\n          setSavingDashboard(false);\n          setEditMode(false);\n        })\n        .catch(() => {\n          setSavingDashboard(false);\n        });\n    } else {\n      setEditMode(false);\n    }\n  };\n\n  const testId = 'dashboard-toolbar';\n\n  return (\n    <>\n      {isEditMode ? (\n        <Stack spacing={1} data-testid={testId}>\n          <Box p={2} display=\"flex\" sx={{ backgroundColor: (theme) => theme.palette.primary.main + '30' }}>\n            {dashboardTitle}\n            <Stack direction=\"row\" spacing={1} marginLeft=\"auto\">\n              {isReadonly && (\n                <Alert severity={'warning'} sx={{ backgroundColor: 'transparent', padding: 0 }}>\n                  Dashboard managed via code only. Download JSON and commit changes to save.\n                </Alert>\n              )}\n              <Button variant=\"contained\" onClick={onSaveButtonClick} disabled={isReadonly || isSavingDashboard}>\n                Save\n              </Button>\n              <Button variant=\"outlined\" onClick={onCancelButtonClick}>\n                Cancel\n              </Button>\n            </Stack>\n          </Box>\n          <Box\n            sx={{\n              display: 'flex',\n              width: '100%',\n              alignItems: 'start',\n              padding: (theme) => theme.spacing(1, 2, 2, 2),\n            }}\n          >\n            <ErrorBoundary FallbackComponent={ErrorAlert}>\n              <TemplateVariableList\n                initialVariableIsSticky={initialVariableIsSticky}\n                sx={{\n                  backgroundColor: ({ palette }) =>\n                    palette.mode === 'dark' ? palette.background.default : palette.background.paper,\n                }}\n              />\n            </ErrorBoundary>\n            {isBiggerThanMd ? (\n              // On bigger screens, make it one row\n              <Stack direction=\"row\" spacing={1} marginLeft=\"auto\" sx={{ whiteSpace: 'nowrap' }}>\n                <EditVariablesButton />\n                <AddPanelButton />\n                <AddGroupButton />\n                <TimeRangeControls />\n                <DownloadButton />\n              </Stack>\n            ) : (\n              // On smaller screens, make it two rows\n              <Stack spacing={1}>\n                <Stack direction=\"row\" spacing={1} marginLeft=\"auto\" sx={{ whiteSpace: 'nowrap' }}>\n                  <TimeRangeControls />\n                  <DownloadButton />\n                </Stack>\n                <Stack direction=\"row\" spacing={1} marginLeft=\"auto\" sx={{ whiteSpace: 'nowrap' }}>\n                  <EditVariablesButton />\n                  <AddPanelButton />\n                  <AddGroupButton />\n                </Stack>\n              </Stack>\n            )}\n          </Box>\n        </Stack>\n      ) : (\n        <Stack spacing={1} padding={2} data-testid={testId}>\n          <Box sx={{ display: 'flex', width: '100%' }}>\n            {dashboardTitle}\n            <Stack direction=\"row\" spacing={1} marginLeft=\"auto\">\n              <TimeRangeControls />\n              <DownloadButton />\n              {isBiggerThanSm && (\n                <Button\n                  variant=\"outlined\"\n                  color=\"secondary\"\n                  startIcon={<PencilIcon />}\n                  onClick={onEditButtonClick}\n                  sx={{ marginLeft: 'auto' }}\n                >\n                  Edit\n                </Button>\n              )}\n            </Stack>\n          </Box>\n          <Box paddingY={2}>\n            <ErrorBoundary FallbackComponent={ErrorAlert}>\n              <TemplateVariableList\n                initialVariableIsSticky={initialVariableIsSticky}\n                sx={{\n                  backgroundColor: ({ palette }) =>\n                    palette.mode === 'dark' ? palette.background.default : palette.background.paper,\n                }}\n              />\n            </ErrorBoundary>\n          </Box>\n        </Stack>\n      )}\n    </>\n  );\n};\n"],"names":["useState","Typography","Stack","Button","Box","useTheme","useMediaQuery","Alert","PencilIcon","ErrorBoundary","ErrorAlert","useDashboard","useEditMode","AddPanelButton","AddGroupButton","DownloadButton","TimeRangeControls","TemplateVariableList","EditVariablesButton","DashboardToolbar","props","dashboardName","dashboardTitleComponent","initialVariableIsSticky","isReadonly","onEditButtonClick","onCancelButtonClick","onSave","dashboard","isEditMode","setEditMode","isBiggerThanMd","breakpoints","up","isBiggerThanSm","isSavingDashboard","setSavingDashboard","dashboardTitle","variant","onSaveButtonClick","undefined","then","catch","testId","spacing","data-testid","p","display","sx","backgroundColor","theme","palette","primary","main","direction","marginLeft","severity","padding","onClick","disabled","width","alignItems","FallbackComponent","mode","background","default","paper","whiteSpace","color","startIcon","paddingY"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DeletePanelDialog.d.ts","sourceRoot":"","sources":["../../../src/components/DeletePanelDialog/DeletePanelDialog.tsx"],"names":[],"mappings":";AAkBA,eAAO,MAAM,iBAAiB,mBAoB7B,CAAC"}
+{"version":3,"file":"DeletePanelDialog.d.ts","sourceRoot":"","sources":["../../../src/components/DeletePanelDialog/DeletePanelDialog.tsx"],"names":[],"mappings":";AAiBA,eAAO,MAAM,iBAAiB,mBAS7B,CAAC"}