@perses-dev/dashboards 0.53.0 → 0.54.0-beta.0

package/dist/cjs/keyboard-shortcuts/default-shortcuts/time-range.js

@@ -0,0 +1,142 @@
+// Copyright 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: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get TIME_COPY_SHORTCUT () {
+        return TIME_COPY_SHORTCUT;
+    },
+    get TIME_MAKE_ABSOLUTE_SHORTCUT () {
+        return TIME_MAKE_ABSOLUTE_SHORTCUT;
+    },
+    get TIME_PASTE_SHORTCUT () {
+        return TIME_PASTE_SHORTCUT;
+    },
+    get TIME_RANGE_SHORTCUTS () {
+        return TIME_RANGE_SHORTCUTS;
+    },
+    get TIME_SHIFT_BACK_SHORTCUT () {
+        return TIME_SHIFT_BACK_SHORTCUT;
+    },
+    get TIME_SHIFT_FORWARD_SHORTCUT () {
+        return TIME_SHIFT_FORWARD_SHORTCUT;
+    },
+    get TIME_ZOOM_IN_SHORTCUT () {
+        return TIME_ZOOM_IN_SHORTCUT;
+    },
+    get TIME_ZOOM_OUT_SHORTCUT () {
+        return TIME_ZOOM_OUT_SHORTCUT;
+    }
+});
+const _events = require("../events");
+const TIME_ZOOM_OUT_SHORTCUT = {
+    id: 'time-zoom-out',
+    sequence: [
+        'T',
+        'O'
+    ],
+    name: 'Zoom Out',
+    description: 'Zoom out time range (2x)',
+    category: 'time-range',
+    scope: 'dashboard',
+    event: _events.TIME_ZOOM_OUT_EVENT
+};
+const TIME_ZOOM_IN_SHORTCUT = {
+    id: 'time-zoom-in',
+    sequence: [
+        'T',
+        'I'
+    ],
+    name: 'Zoom In',
+    description: 'Zoom in time range (½)',
+    category: 'time-range',
+    scope: 'dashboard',
+    event: _events.TIME_ZOOM_IN_EVENT
+};
+const TIME_SHIFT_BACK_SHORTCUT = {
+    id: 'time-shift-back',
+    sequence: [
+        'T',
+        'ArrowLeft'
+    ],
+    name: 'Shift Back',
+    description: 'Shift time range backward',
+    category: 'time-range',
+    scope: 'dashboard',
+    event: _events.TIME_SHIFT_BACK_EVENT
+};
+const TIME_SHIFT_FORWARD_SHORTCUT = {
+    id: 'time-shift-forward',
+    sequence: [
+        'T',
+        'ArrowRight'
+    ],
+    name: 'Shift Forward',
+    description: 'Shift time range forward',
+    category: 'time-range',
+    scope: 'dashboard',
+    event: _events.TIME_SHIFT_FORWARD_EVENT
+};
+const TIME_MAKE_ABSOLUTE_SHORTCUT = {
+    id: 'time-make-absolute',
+    sequence: [
+        'T',
+        'A'
+    ],
+    name: 'Make Absolute',
+    description: 'Convert time range to absolute',
+    category: 'time-range',
+    scope: 'dashboard',
+    event: _events.TIME_MAKE_ABSOLUTE_EVENT
+};
+const TIME_COPY_SHORTCUT = {
+    id: 'time-copy',
+    sequence: [
+        'T',
+        'C'
+    ],
+    name: 'Copy Time Range',
+    description: 'Copy time range to clipboard',
+    category: 'time-range',
+    scope: 'dashboard',
+    event: _events.TIME_COPY_EVENT
+};
+const TIME_PASTE_SHORTCUT = {
+    id: 'time-paste',
+    sequence: [
+        'T',
+        'V'
+    ],
+    name: 'Paste Time Range',
+    description: 'Paste time range from clipboard',
+    category: 'time-range',
+    scope: 'dashboard',
+    event: _events.TIME_PASTE_EVENT
+};
+const TIME_RANGE_SHORTCUTS = [
+    TIME_ZOOM_OUT_SHORTCUT,
+    TIME_ZOOM_IN_SHORTCUT,
+    TIME_SHIFT_BACK_SHORTCUT,
+    TIME_SHIFT_FORWARD_SHORTCUT,
+    TIME_MAKE_ABSOLUTE_SHORTCUT,
+    TIME_COPY_SHORTCUT,
+    TIME_PASTE_SHORTCUT
+];

package/dist/cjs/keyboard-shortcuts/events.js

@@ -0,0 +1,93 @@
+// Copyright 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.
+// Dashboard events
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get OPEN_SEARCH_EVENT () {
+        return OPEN_SEARCH_EVENT;
+    },
+    get PANEL_DELETE_EVENT () {
+        return PANEL_DELETE_EVENT;
+    },
+    get PANEL_DUPLICATE_EVENT () {
+        return PANEL_DUPLICATE_EVENT;
+    },
+    get PANEL_EDIT_EVENT () {
+        return PANEL_EDIT_EVENT;
+    },
+    get PANEL_FULLSCREEN_EVENT () {
+        return PANEL_FULLSCREEN_EVENT;
+    },
+    get REFRESH_DASHBOARD_EVENT () {
+        return REFRESH_DASHBOARD_EVENT;
+    },
+    get SAVE_DASHBOARD_EVENT () {
+        return SAVE_DASHBOARD_EVENT;
+    },
+    get SHOW_SHORTCUTS_EVENT () {
+        return SHOW_SHORTCUTS_EVENT;
+    },
+    get TIME_COPY_EVENT () {
+        return TIME_COPY_EVENT;
+    },
+    get TIME_MAKE_ABSOLUTE_EVENT () {
+        return TIME_MAKE_ABSOLUTE_EVENT;
+    },
+    get TIME_PASTE_EVENT () {
+        return TIME_PASTE_EVENT;
+    },
+    get TIME_SHIFT_BACK_EVENT () {
+        return TIME_SHIFT_BACK_EVENT;
+    },
+    get TIME_SHIFT_FORWARD_EVENT () {
+        return TIME_SHIFT_FORWARD_EVENT;
+    },
+    get TIME_ZOOM_IN_EVENT () {
+        return TIME_ZOOM_IN_EVENT;
+    },
+    get TIME_ZOOM_OUT_EVENT () {
+        return TIME_ZOOM_OUT_EVENT;
+    },
+    get TOGGLE_EDIT_MODE_EVENT () {
+        return TOGGLE_EDIT_MODE_EVENT;
+    },
+    get TOGGLE_THEME_EVENT () {
+        return TOGGLE_THEME_EVENT;
+    }
+});
+const SAVE_DASHBOARD_EVENT = 'perses:save-dashboard';
+const REFRESH_DASHBOARD_EVENT = 'perses:refresh-dashboard';
+const TOGGLE_EDIT_MODE_EVENT = 'perses:toggle-edit-mode';
+const TIME_ZOOM_OUT_EVENT = 'perses:time-zoom-out';
+const TIME_ZOOM_IN_EVENT = 'perses:time-zoom-in';
+const TIME_SHIFT_BACK_EVENT = 'perses:time-shift-back';
+const TIME_SHIFT_FORWARD_EVENT = 'perses:time-shift-forward';
+const TIME_MAKE_ABSOLUTE_EVENT = 'perses:time-make-absolute';
+const TIME_COPY_EVENT = 'perses:time-copy';
+const TIME_PASTE_EVENT = 'perses:time-paste';
+const PANEL_EDIT_EVENT = 'perses:panel-edit';
+const PANEL_FULLSCREEN_EVENT = 'perses:panel-fullscreen';
+const PANEL_DUPLICATE_EVENT = 'perses:panel-duplicate';
+const PANEL_DELETE_EVENT = 'perses:panel-delete';
+const OPEN_SEARCH_EVENT = 'perses:open-search';
+const SHOW_SHORTCUTS_EVENT = 'perses:show-shortcuts';
+const TOGGLE_THEME_EVENT = 'perses:toggle-theme';

package/dist/cjs/keyboard-shortcuts/index.js

@@ -0,0 +1,89 @@
+// Copyright 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: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get HotkeysProvider () {
+        return _reacthotkeys.HotkeysProvider;
+    },
+    get PanelFocusProvider () {
+        return _PanelFocusProvider.PanelFocusProvider;
+    },
+    get buildShortcutOptions () {
+        return _utils.buildShortcutOptions;
+    },
+    get dispatchShortcutEvent () {
+        return _utils.dispatchShortcutEvent;
+    },
+    get formatForDisplay () {
+        return _hotkeys.formatForDisplay;
+    },
+    get requireShortcutEvent () {
+        return _utils.requireShortcutEvent;
+    },
+    get requireShortcutHotkey () {
+        return _utils.requireShortcutHotkey;
+    },
+    get requireShortcutSequence () {
+        return _utils.requireShortcutSequence;
+    },
+    get useFocusedPanel () {
+        return _PanelFocusProvider.useFocusedPanel;
+    },
+    get useHotkey () {
+        return _reacthotkeys.useHotkey;
+    },
+    get useHotkeyRegistrations () {
+        return _reacthotkeys.useHotkeyRegistrations;
+    },
+    get useHotkeySequence () {
+        return _reacthotkeys.useHotkeySequence;
+    },
+    get useHotkeySequences () {
+        return _reacthotkeys.useHotkeySequences;
+    },
+    get useHotkeys () {
+        return _reacthotkeys.useHotkeys;
+    },
+    get usePanelFocusHandlers () {
+        return _PanelFocusProvider.usePanelFocusHandlers;
+    }
+});
+_export_star(require("./types"), exports);
+_export_star(require("./events"), exports);
+const _PanelFocusProvider = require("./PanelFocusProvider");
+const _utils = require("./utils");
+_export_star(require("./default-shortcuts"), exports);
+const _reacthotkeys = require("@tanstack/react-hotkeys");
+const _hotkeys = require("@tanstack/hotkeys");
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/cjs/keyboard-shortcuts/types.js

@@ -0,0 +1,42 @@
+// Copyright 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: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get SHORTCUT_CATEGORY_LABELS () {
+        return SHORTCUT_CATEGORY_LABELS;
+    },
+    get SHORTCUT_CATEGORY_ORDER () {
+        return SHORTCUT_CATEGORY_ORDER;
+    }
+});
+const SHORTCUT_CATEGORY_LABELS = {
+    global: 'Global',
+    'time-range': 'Time Range',
+    dashboard: 'Dashboard',
+    'focused-panel': 'Focused Panel'
+};
+const SHORTCUT_CATEGORY_ORDER = [
+    'global',
+    'time-range',
+    'dashboard',
+    'focused-panel'
+];

package/dist/cjs/keyboard-shortcuts/utils.js

@@ -0,0 +1,76 @@
+// Copyright 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: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get buildShortcutOptions () {
+        return buildShortcutOptions;
+    },
+    get dispatchShortcutEvent () {
+        return dispatchShortcutEvent;
+    },
+    get requireShortcutEvent () {
+        return requireShortcutEvent;
+    },
+    get requireShortcutHotkey () {
+        return requireShortcutHotkey;
+    },
+    get requireShortcutSequence () {
+        return requireShortcutSequence;
+    }
+});
+function buildShortcutOptions(def, enabled) {
+    return {
+        enabled,
+        meta: {
+            id: def.id,
+            name: def.name,
+            description: def.description,
+            category: def.category,
+            scope: def.scope,
+            displayOverride: def.displayOverride
+        },
+        ...def.ignoreInputs !== undefined ? {
+            ignoreInputs: def.ignoreInputs
+        } : {}
+    };
+}
+function requireShortcutHotkey(def) {
+    if (def.hotkey === undefined) {
+        throw new Error(`Shortcut ${def.id} is missing a hotkey definition`);
+    }
+    return def.hotkey;
+}
+function requireShortcutSequence(def) {
+    if (def.sequence === undefined) {
+        throw new Error(`Shortcut ${def.id} is missing a sequence definition`);
+    }
+    return def.sequence;
+}
+function requireShortcutEvent(def) {
+    if (def.event === undefined) {
+        throw new Error(`Shortcut ${def.id} is missing an event definition`);
+    }
+    return def.event;
+}
+function dispatchShortcutEvent(eventName) {
+    window.dispatchEvent(new CustomEvent(eventName));
+}

package/dist/cjs/model/DashboardResource.js

@@ -0,0 +1,16 @@
+// Copyright 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
+});

package/dist/cjs/model/index.js

@@ -0,0 +1,30 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./DashboardResource"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/cjs/test/render.js

@@ -23,6 +23,7 @@ Object.defineProperty(exports, "renderWithContext", {
 const _jsxruntime = require("react/jsx-runtime");
 const _components = require("@perses-dev/components");
 const _pluginsystem = require("@perses-dev/plugin-system");
+const _reacthotkeys = require("@tanstack/react-hotkeys");
 const _reactquery = require("@tanstack/react-query");
 const _react = require("@testing-library/react");
 const _history = require("history");
@@ -31,6 +32,7 @@ const _reactrouterdom = require("react-router-dom");
 const _usequeryparams = require("use-query-params");
 const _reactrouter6 = require("use-query-params/adapters/react-router-6");
 const _context = require("../context");
+const _keyboardshortcuts = require("../keyboard-shortcuts");
 const _test = require("../test");
 const _pluginregistry = require("./plugin-registry");
 /*
@@ -79,9 +81,22 @@ function renderWithContext(ui, options, history) {
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.PluginRegistry, {
                                 pluginLoader: mockRegistry.pluginLoader,
                                 defaultPluginKinds: mockRegistry.defaultPluginKinds,
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_context.DatasourceStoreProvider, {
-                                    ..._test.defaultDatasourceProps,
-                                    children: ui
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthotkeys.HotkeysProvider, {
+                                    defaultOptions: {
+                                        hotkey: {
+                                            preventDefault: true,
+                                            stopPropagation: true
+                                        },
+                                        hotkeySequence: {
+                                            timeout: 1000
+                                        }
+                                    },
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_keyboardshortcuts.PanelFocusProvider, {
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_context.DatasourceStoreProvider, {
+                                            ..._test.defaultDatasourceProps,
+                                            children: ui
+                                        })
+                                    })
                                 })
                             })
                         })

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

@@ -27,8 +27,16 @@ const _components = require("@perses-dev/components");
 const _pluginsystem = require("@perses-dev/plugin-system");
 const _components1 = require("../../components");
 const _context = require("../../context");
+const _keyboardshortcuts = require("../../keyboard-shortcuts");
 const DashboardApp = (props)=>{
-    const { dashboardResource, emptyDashboardProps, isReadonly, isVariableEnabled, isDatasourceEnabled, isCreating, isInitialVariableSticky, isLeavingConfirmDialogEnabled, dashboardTitleComponent, onSave, onDiscard } = props;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_keyboardshortcuts.PanelFocusProvider, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(DashboardAppContent, {
+            ...props
+        })
+    });
+};
+const DashboardAppContent = (props)=>{
+    const { dashboardResource, emptyDashboardProps, isReadonly, isVariableEnabled, isDatasourceEnabled, disableShortcuts, isCreating, isInitialVariableSticky, isLeavingConfirmDialogEnabled, dashboardTitleComponent, onSave, onDiscard } = props;
     const chartsTheme = (0, _components.useChartsTheme)();
     const { isEditMode, setEditMode } = (0, _context.useEditMode)();
     const { dashboard, setDashboard } = (0, _context.useDashboard)();
@@ -43,7 +51,7 @@ const DashboardApp = (props)=>{
         setEditMode(false);
         closeDiscardChangesConfirmationDialog();
         if (onDiscard) {
-            onDiscard(dashboard);
+            onDiscard(dashboard.metadata.name, dashboard.spec);
         }
     };
     const onEditButtonClick = ()=>{
@@ -66,6 +74,13 @@ const DashboardApp = (props)=>{
             });
         }
     };
+    (0, _components1.useDashboardShortcuts)({
+        onSave,
+        isReadonly,
+        onEditButtonClick,
+        onCancelButtonClick,
+        disabled: disableShortcuts
+    });
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         sx: {
             flexGrow: 1,

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

@@ -30,7 +30,7 @@ const _context = require("../../context");
 const _DashboardProviderWithQueryParams = require("../../context/DashboardProvider/DashboardProviderWithQueryParams");
 const _DashboardApp = require("./DashboardApp");
 function ViewDashboard(props) {
-    const { dashboardResource, datasourceApi, externalVariableDefinitions, emptyDashboardProps, isReadonly, isVariableEnabled, isDatasourceEnabled, isEditing, isCreating, isInitialVariableSticky, isLeavingConfirmDialogEnabled, dashboardTitleComponent, onSave, onDiscard, sx, ...others } = props;
+    const { dashboardResource, datasourceApi, externalVariableDefinitions, emptyDashboardProps, isReadonly, isVariableEnabled, isDatasourceEnabled, disableShortcuts, isEditing, isCreating, isInitialVariableSticky, isLeavingConfirmDialogEnabled, dashboardTitleComponent, onSave, onDiscard, sx, ...others } = props;
     const { spec } = dashboardResource;
     const dashboardDuration = spec.duration ?? _core.DEFAULT_DASHBOARD_DURATION;
     const dashboardRefreshInterval = spec.refreshInterval ?? _core.DEFAULT_REFRESH_INTERVAL;
@@ -107,6 +107,7 @@ function ViewDashboard(props) {
                                 isReadonly: isReadonly,
                                 isVariableEnabled: isVariableEnabled,
                                 isDatasourceEnabled: isDatasourceEnabled,
+                                disableShortcuts: disableShortcuts,
                                 isCreating: isCreating,
                                 isInitialVariableSticky: isInitialVariableSticky,
                                 isLeavingConfirmDialogEnabled: isLeavingConfirmDialogEnabled,

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/Dashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IACtC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAGF;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,mBAAmB,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,EAAE,cAAc,GAAG,YAAY,CA2B1G"}
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/Dashboard.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IACtC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAGF;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,mBAAmB,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,EAAE,cAAc,GAAG,YAAY,CA2B1G"}

package/dist/components/Dashboard/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Dashboard/Dashboard.tsx"],"sourcesContent":["// Copyright 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 { Box, BoxProps } from '@mui/material';\nimport { ErrorBoundary, ErrorAlert } from '@perses-dev/components';\nimport { ReactElement, useRef } from 'react';\nimport { usePanelGroupIds } from '../../context';\nimport { GridLayout } from '../GridLayout';\nimport { EmptyDashboard, EmptyDashboardProps } from '../EmptyDashboard';\nimport { PanelOptions } from '../Panel';\nexport type DashboardProps = BoxProps & {\n  /**\n   * Props for `EmptyDashboard` component that will be rendered when the dashboard\n   * is empty (i.e. has no panel groups). If not specified, the defaults will\n   * be used.\n   */\n  emptyDashboardProps?: EmptyDashboardProps;\n  panelOptions?: PanelOptions;\n};\nconst HEADER_HEIGHT = 165; // Approximate height of the header in dashboard view (including the navbar and variables toolbar)\n\n/**\n * Renders a Dashboard for the provided Dashboard spec.\n */\nexport function Dashboard({ emptyDashboardProps, panelOptions, ...boxProps }: DashboardProps): ReactElement {\n  const panelGroupIds = usePanelGroupIds();\n  const boxRef = useRef<HTMLDivElement>(null);\n  const isEmpty = !panelGroupIds.length;\n  const dashboardTopPosition = boxRef.current?.getBoundingClientRect().top ?? HEADER_HEIGHT;\n  const panelFullHeight = window.innerHeight - dashboardTopPosition - window.scrollY;\n\n  return (\n    <Box {...boxProps} sx={{ height: '100%' }} ref={boxRef}>\n      <ErrorBoundary FallbackComponent={ErrorAlert}>\n        {isEmpty && (\n          <Box sx={{ height: '100%', display: 'flex', alignItems: 'center' }}>\n            <EmptyDashboard {...emptyDashboardProps} />\n          </Box>\n        )}\n        {!isEmpty &&\n          panelGroupIds.map((panelGroupId) => (\n            <GridLayout\n              key={panelGroupId}\n              panelGroupId={panelGroupId}\n              panelOptions={panelOptions}\n              panelFullHeight={panelFullHeight}\n            />\n          ))}\n      </ErrorBoundary>\n    </Box>\n  );\n}\n"],"names":["Box","ErrorBoundary","ErrorAlert","useRef","usePanelGroupIds","GridLayout","EmptyDashboard","HEADER_HEIGHT","Dashboard","emptyDashboardProps","panelOptions","boxProps","panelGroupIds","boxRef","isEmpty","length","dashboardTopPosition","current","getBoundingClientRect","top","panelFullHeight","window","innerHeight","scrollY","sx","height","ref","FallbackComponent","display","alignItems","map","panelGroupId"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,GAAG,QAAkB,gBAAgB;AAC9C,SAASC,aAAa,EAAEC,UAAU,QAAQ,yBAAyB;AACnE,SAAuBC,MAAM,QAAQ,QAAQ;AAC7C,SAASC,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,cAAc,QAA6B,oBAAoB;AAWxE,MAAMC,gBAAgB,KAAK,kGAAkG;AAE7H;;CAEC,GACD,OAAO,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,YAAY,EAAE,GAAGC,UAA0B;IAC1F,MAAMC,gBAAgBR;IACtB,MAAMS,SAASV,OAAuB;IACtC,MAAMW,UAAU,CAACF,cAAcG,MAAM;IACrC,MAAMC,uBAAuBH,OAAOI,OAAO,EAAEC,wBAAwBC,OAAOZ;IAC5E,MAAMa,kBAAkBC,OAAOC,WAAW,GAAGN,uBAAuBK,OAAOE,OAAO;IAElF,qBACE,KAACvB;QAAK,GAAGW,QAAQ;QAAEa,IAAI;YAAEC,QAAQ;QAAO;QAAGC,KAAKb;kBAC9C,cAAA,MAACZ;YAAc0B,mBAAmBzB;;gBAC/BY,yBACC,KAACd;oBAAIwB,IAAI;wBAAEC,QAAQ;wBAAQG,SAAS;wBAAQC,YAAY;oBAAS;8BAC/D,cAAA,KAACvB;wBAAgB,GAAGG,mBAAmB;;;gBAG1C,CAACK,WACAF,cAAckB,GAAG,CAAC,CAACC,6BACjB,KAAC1B;wBAEC0B,cAAcA;wBACdrB,cAAcA;wBACdU,iBAAiBA;uBAHZW;;;;AASnB"}
+{"version":3,"sources":["../../../src/components/Dashboard/Dashboard.tsx"],"sourcesContent":["// Copyright 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 { Box, BoxProps } from '@mui/material';\nimport { ErrorBoundary, ErrorAlert } from '@perses-dev/components';\nimport { ReactElement, useRef } from 'react';\nimport { usePanelGroupIds } from '../../context';\nimport { GridLayout } from '../GridLayout';\nimport { EmptyDashboard, EmptyDashboardProps } from '../EmptyDashboard';\nimport { PanelOptions } from '../Panel';\n\nexport type DashboardProps = BoxProps & {\n  /**\n   * Props for `EmptyDashboard` component that will be rendered when the dashboard\n   * is empty (i.e. has no panel groups). If not specified, the defaults will\n   * be used.\n   */\n  emptyDashboardProps?: EmptyDashboardProps;\n  panelOptions?: PanelOptions;\n};\nconst HEADER_HEIGHT = 165; // Approximate height of the header in dashboard view (including the navbar and variables toolbar)\n\n/**\n * Renders a Dashboard for the provided Dashboard spec.\n */\nexport function Dashboard({ emptyDashboardProps, panelOptions, ...boxProps }: DashboardProps): ReactElement {\n  const panelGroupIds = usePanelGroupIds();\n  const boxRef = useRef<HTMLDivElement>(null);\n  const isEmpty = !panelGroupIds.length;\n  const dashboardTopPosition = boxRef.current?.getBoundingClientRect().top ?? HEADER_HEIGHT;\n  const panelFullHeight = window.innerHeight - dashboardTopPosition - window.scrollY;\n\n  return (\n    <Box {...boxProps} sx={{ height: '100%' }} ref={boxRef}>\n      <ErrorBoundary FallbackComponent={ErrorAlert}>\n        {isEmpty && (\n          <Box sx={{ height: '100%', display: 'flex', alignItems: 'center' }}>\n            <EmptyDashboard {...emptyDashboardProps} />\n          </Box>\n        )}\n        {!isEmpty &&\n          panelGroupIds.map((panelGroupId) => (\n            <GridLayout\n              key={panelGroupId}\n              panelGroupId={panelGroupId}\n              panelOptions={panelOptions}\n              panelFullHeight={panelFullHeight}\n            />\n          ))}\n      </ErrorBoundary>\n    </Box>\n  );\n}\n"],"names":["Box","ErrorBoundary","ErrorAlert","useRef","usePanelGroupIds","GridLayout","EmptyDashboard","HEADER_HEIGHT","Dashboard","emptyDashboardProps","panelOptions","boxProps","panelGroupIds","boxRef","isEmpty","length","dashboardTopPosition","current","getBoundingClientRect","top","panelFullHeight","window","innerHeight","scrollY","sx","height","ref","FallbackComponent","display","alignItems","map","panelGroupId"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,GAAG,QAAkB,gBAAgB;AAC9C,SAASC,aAAa,EAAEC,UAAU,QAAQ,yBAAyB;AACnE,SAAuBC,MAAM,QAAQ,QAAQ;AAC7C,SAASC,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,cAAc,QAA6B,oBAAoB;AAYxE,MAAMC,gBAAgB,KAAK,kGAAkG;AAE7H;;CAEC,GACD,OAAO,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,YAAY,EAAE,GAAGC,UAA0B;IAC1F,MAAMC,gBAAgBR;IACtB,MAAMS,SAASV,OAAuB;IACtC,MAAMW,UAAU,CAACF,cAAcG,MAAM;IACrC,MAAMC,uBAAuBH,OAAOI,OAAO,EAAEC,wBAAwBC,OAAOZ;IAC5E,MAAMa,kBAAkBC,OAAOC,WAAW,GAAGN,uBAAuBK,OAAOE,OAAO;IAElF,qBACE,KAACvB;QAAK,GAAGW,QAAQ;QAAEa,IAAI;YAAEC,QAAQ;QAAO;QAAGC,KAAKb;kBAC9C,cAAA,MAACZ;YAAc0B,mBAAmBzB;;gBAC/BY,yBACC,KAACd;oBAAIwB,IAAI;wBAAEC,QAAQ;wBAAQG,SAAS;wBAAQC,YAAY;oBAAS;8BAC/D,cAAA,KAACvB;wBAAgB,GAAGG,mBAAmB;;;gBAG1C,CAACK,WACAF,cAAckB,GAAG,CAAC,CAACC,6BACjB,KAAC1B;wBAEC0B,cAAcA;wBACdrB,cAAcA;wBACdU,iBAAiBA;uBAHZW;;;;AASnB"}

package/dist/components/DashboardLinks/DashboardLinksEditor.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { Link } from '@perses-dev/spec';
+export interface DashboardLinksEditorProps {
+    links: Link[];
+    onChange: (links: Link[]) => void;
+    onCancel: () => void;
+}
+export declare function DashboardLinksEditor({ links: initialLinks, onChange, onCancel, }: DashboardLinksEditorProps): ReactElement;
+//# sourceMappingURL=DashboardLinksEditor.d.ts.map

package/dist/components/DashboardLinks/DashboardLinksEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLinksEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardLinks/DashboardLinksEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,YAAY,EAAE,MAAM,OAAO,CAAC;AAqB/C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKxC,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAUD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EAAE,YAAY,EACnB,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,GAAG,YAAY,CAgJ1C"}