@perses-dev/dashboards 0.12.0 → 0.13.0

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

@@ -34,6 +34,7 @@ const _zustand = require("zustand");
 const _immer = require("zustand/middleware/immer");
 const _middleware = require("zustand/middleware");
 const _pluginSystem = require("@perses-dev/plugin-system");
+const _queryParams = require("./query-params");
 const TemplateVariableStoreContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function useTemplateVariableStoreCtx() {
     const context = (0, _react.useContext)(TemplateVariableStoreContext);
@@ -119,14 +120,15 @@ function PluginProvider({ children  }) {
         children: children
     });
 }
-function createTemplateVariableSrvStore({ initialVariableDefinitions =[]  }) {
+function createTemplateVariableSrvStore({ initialVariableDefinitions =[] , queryParams  }) {
+    const initialParams = (0, _queryParams.getInitalValuesFromQueryParameters)(queryParams ? queryParams[0] : {});
     const store = (0, _zustand.createStore)()((0, _middleware.devtools)((0, _immer.immer)((set)=>({
-            variableState: hydrateTemplateVariableStates(initialVariableDefinitions),
+            variableState: hydrateTemplateVariableStates(initialVariableDefinitions, initialParams),
             variableDefinitions: initialVariableDefinitions,
             setVariableDefinitions (definitions) {
                 set((state)=>{
                     state.variableDefinitions = definitions;
-                    state.variableState = hydrateTemplateVariableStates(definitions);
+                    state.variableState = hydrateTemplateVariableStates(definitions, initialParams);
                 });
             },
             setVariableOptions (name, options) {
@@ -161,14 +163,22 @@ function createTemplateVariableSrvStore({ initialVariableDefinitions =[]  }) {
                             val = val.filter((v)=>v !== _pluginSystem.DEFAULT_ALL_VALUE);
                         }
                     }
+                    if (queryParams) {
+                        const setQueryParams = queryParams[1];
+                        setQueryParams({
+                            [(0, _queryParams.getURLQueryParamName)(name)]: val
+                        });
+                    }
                     varState.value = val;
                 })
         }))));
     return store;
 }
 function TemplateVariableProvider({ children , initialVariableDefinitions =[]  }) {
+    const queryParams = (0, _queryParams.useVariableQueryParams)(initialVariableDefinitions);
     const [store] = (0, _react.useState)(createTemplateVariableSrvStore({
-        initialVariableDefinitions
+        initialVariableDefinitions,
+        queryParams
     }));
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(TemplateVariableStoreContext.Provider, {
         value: store,
@@ -177,23 +187,23 @@ function TemplateVariableProvider({ children , initialVariableDefinitions =[]  }
         })
     });
 }
-/** Helpers */ function hydrateTemplateVariableState(definition) {
+/** Helpers */ function hydrateTemplateVariableState(definition, initialValue) {
     const v = definition;
-    var _default_value;
+    var ref;
     const varState = {
-        value: (_default_value = v.spec.default_value) !== null && _default_value !== void 0 ? _default_value : null,
+        value: (ref = initialValue !== null && initialValue !== void 0 ? initialValue : v.spec.default_value) !== null && ref !== void 0 ? ref : null,
         loading: false
     };
     switch(v.kind){
         case 'TextVariable':
-            varState.value = v.spec.value;
+            varState.value = initialValue !== null && initialValue !== void 0 ? initialValue : v.spec.value;
             break;
         case 'ListVariable':
             varState.options = [];
             if (varState.options.length > 0 && !varState.value) {
-                var ref;
                 var ref1;
-                const firstOptionValue = (ref1 = (ref = varState.options[0]) === null || ref === void 0 ? void 0 : ref.value) !== null && ref1 !== void 0 ? ref1 : null;
+                var ref2;
+                const firstOptionValue = (ref2 = (ref1 = varState.options[0]) === null || ref1 === void 0 ? void 0 : ref1.value) !== null && ref2 !== void 0 ? ref2 : null;
                 if (firstOptionValue !== null) {
                     varState.value = v.spec.allow_multiple ? [
                         firstOptionValue
@@ -206,10 +216,13 @@ function TemplateVariableProvider({ children , initialVariableDefinitions =[]  }
     }
     return varState;
 }
-function hydrateTemplateVariableStates(definitions) {
+function hydrateTemplateVariableStates(definitions, initialValues) {
     const state = {};
     definitions.forEach((v)=>{
-        state[v.spec.name] = hydrateTemplateVariableState(v);
+        const name = v.spec.name;
+        const param = initialValues[name];
+        const initialValue = param ? param : null;
+        state[name] = hydrateTemplateVariableState(v, initialValue);
     });
     return state;
 }

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

@@ -0,0 +1,28 @@
+// Copyright 2022 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
+});
+_exportStar(require("./TemplateVariableProvider"), exports);
+function _exportStar(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/context/TemplateVariableProvider/query-params.js

@@ -0,0 +1,79 @@
+// Copyright 2022 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, {
+    getURLQueryParamName: ()=>getURLQueryParamName,
+    encodeVariableValue: ()=>encodeVariableValue,
+    decodeVariableValue: ()=>decodeVariableValue,
+    useVariableQueryParams: ()=>useVariableQueryParams,
+    getInitalValuesFromQueryParameters: ()=>getInitalValuesFromQueryParameters
+});
+const _useQueryParams = require("use-query-params");
+const variableQueryParameterPrefix = 'var-';
+function getURLQueryParamName(name) {
+    return `${variableQueryParameterPrefix}${name}`;
+}
+function encodeVariableValue(value) {
+    if (Array.isArray(value)) {
+        return value.join(',');
+    }
+    return value;
+}
+function decodeVariableValue(value) {
+    if (!value) {
+        return null;
+    }
+    const values = value.split(',');
+    if (values.length === 1) {
+        return values[0];
+    }
+    return values;
+}
+const VariableValueParam = {
+    encode: encodeVariableValue,
+    decode: (v)=>{
+        if (typeof v === 'string') {
+            return decodeVariableValue(v);
+        }
+        return '';
+    }
+};
+function useVariableQueryParams(defs) {
+    const config = {};
+    defs.forEach((def)=>{
+        const name = getURLQueryParamName(def.spec.name);
+        config[name] = VariableValueParam;
+    });
+    return (0, _useQueryParams.useQueryParams)(config);
+}
+function getInitalValuesFromQueryParameters(queryParamValues) {
+    const values = {};
+    Object.keys(queryParamValues).forEach((key)=>{
+        const value = queryParamValues[key];
+        if (!value) {
+            return;
+        }
+        const name = key.replace(variableQueryParameterPrefix, '');
+        values[name] = value;
+    });
+    return values;
+}

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

@@ -0,0 +1,82 @@
+// Copyright 2022 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 _queryParams = require("./query-params");
+describe('getInitalValuesFromQueryParameters', ()=>{
+    test('base case', ()=>{
+        expect((0, _queryParams.getInitalValuesFromQueryParameters)({
+            'var-foo': 'bar',
+            'var-baz': [
+                'qux',
+                'quux'
+            ]
+        })).toEqual({
+            foo: 'bar',
+            baz: [
+                'qux',
+                'quux'
+            ]
+        });
+    });
+});
+describe('encodeVariableValue', ()=>{
+    const testCases = [
+        {
+            input: 'foo',
+            expected: 'foo'
+        },
+        {
+            input: [
+                'foo',
+                'bar'
+            ],
+            expected: 'foo,bar'
+        },
+        {
+            input: '$__all',
+            expected: '$__all'
+        }
+    ];
+    testCases.forEach(({ input , expected  })=>{
+        test(`encodes ${input} as ${expected}`, ()=>{
+            expect((0, _queryParams.encodeVariableValue)(input)).toEqual(expected);
+        });
+    });
+});
+describe('decodeVariableValue', ()=>{
+    const testCases = [
+        {
+            input: 'foo',
+            expected: 'foo'
+        },
+        {
+            input: 'foo,bar',
+            expected: [
+                'foo',
+                'bar'
+            ]
+        },
+        {
+            input: '$__all',
+            expected: '$__all'
+        }
+    ];
+    testCases.forEach(({ input , expected  })=>{
+        test(`encodes ${input} as ${expected}`, ()=>{
+            expect((0, _queryParams.decodeVariableValue)(input)).toEqual(expected);
+        });
+    });
+});

package/dist/cjs/context/index.js

@@ -18,7 +18,7 @@ _exportStar(require("./DashboardProvider"), exports);
 _exportStar(require("./DatasourceStoreProvider"), exports);
 _exportStar(require("./TemplateVariableProvider"), exports);
 _exportStar(require("./TimeRangeProvider"), exports);
-_exportStar(require("./useDashboardSpec"), exports);
+_exportStar(require("./useDashboard"), 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/context/{useDashboardSpec.js → useDashboard.js}

@@ -14,38 +14,42 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useDashboardSpec", {
+Object.defineProperty(exports, "useDashboard", {
     enumerable: true,
-    get: ()=>useDashboardSpec
+    get: ()=>useDashboard
 });
 const _core = require("@perses-dev/core");
 const _dashboardProvider = require("./DashboardProvider");
 const _templateVariableProvider = require("./TemplateVariableProvider");
-function useDashboardSpec() {
-    const { panels , panelGroups , panelGroupOrder , defaultTimeRange , reset: resetDashboardStore ,  } = (0, _dashboardProvider.useDashboardStore)(({ panels , panelGroups , panelGroupOrder , defaultTimeRange , reset  })=>({
+function useDashboard() {
+    const { panels , panelGroups , panelGroupOrder , defaultTimeRange , metadata , setDashboard: setDashboardResource ,  } = (0, _dashboardProvider.useDashboardStore)(({ panels , panelGroups , panelGroupOrder , defaultTimeRange , setDashboard , metadata  })=>({
             panels,
             panelGroups,
             panelGroupOrder,
             defaultTimeRange,
-            reset
+            setDashboard,
+            metadata
         }));
     const { setVariableDefinitions  } = (0, _templateVariableProvider.useTemplateVariableActions)();
     const variables = (0, _templateVariableProvider.useTemplateVariableDefinitions)();
     const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);
-    const spec = {
-        panels,
-        layouts,
-        variables,
-        duration: defaultTimeRange.pastDuration
+    const dashboard = {
+        kind: 'Dashboard',
+        metadata,
+        spec: {
+            panels,
+            layouts,
+            variables,
+            duration: defaultTimeRange.pastDuration
+        }
     };
-    const resetSpec = (spec)=>{
-        setVariableDefinitions(spec.variables);
-        // TODO: Should we call reset on the dashboard store with the spec?
-        resetDashboardStore();
+    const setDashboard = (dashboardResource)=>{
+        setVariableDefinitions(dashboardResource.spec.variables);
+        setDashboardResource(dashboardResource);
     };
     return {
-        spec,
-        resetSpec
+        dashboard,
+        setDashboard
     };
 }
 function convertPanelGroupsToLayouts(panelGroups, panelGroupOrder) {

package/dist/cjs/test/plugin-registry.js

@@ -14,69 +14,29 @@
 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, {
-    mockPluginRegistryProps: ()=>mockPluginRegistryProps,
-    FAKE_PANEL_PLUGIN: ()=>FAKE_PANEL_PLUGIN
+Object.defineProperty(exports, "MOCK_PLUGINS", {
+    enumerable: true,
+    get: ()=>MOCK_PLUGINS
 });
 const _jsxRuntime = require("react/jsx-runtime");
-function mockPluginRegistryProps() {
-    const mockPluginResource = {
-        kind: 'PluginModule',
-        metadata: {
-            name: 'Fake Plugin Module for Tests',
-            created_at: '',
-            updated_at: '',
-            version: 0
-        },
-        spec: {
-            plugins: []
-        }
-    };
-    const mockPluginModule = {};
-    // Allow adding mock plugins in tests
-    const addMockPlugin = (pluginType, kind, plugin)=>{
-        mockPluginResource.spec.plugins.push({
-            pluginType,
-            kind,
-            display: {
-                name: `Fake ${pluginType} Plugin for ${kind}`
-            }
-        });
-        // "Export" on the module under the same name as the kind the plugin handles
-        mockPluginModule[kind] = plugin;
-    };
-    const pluginRegistryProps = {
-        getInstalledPlugins () {
-            return Promise.resolve([
-                mockPluginResource
-            ]);
-        },
-        importPluginModule () {
-            return Promise.resolve(mockPluginModule);
-        }
-    };
-    return {
-        pluginRegistryProps,
-        addMockPlugin
-    };
-}
-const FAKE_PANEL_PLUGIN = {
+const FakeTimeSeriesPlugin = {
     PanelComponent: ()=>{
         return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
-            role: "figure",
-            children: "FakePanel chart"
+            children: "TimeSeriesChart panel"
         });
     },
     OptionsEditorComponent: ()=>{
         return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
-            children: "Edit options here"
+            children: "TimeSeriesChart options"
         });
     },
     createInitialOptions: ()=>({})
 };
+const MOCK_TIME_SERIES_PANEL = {
+    pluginType: 'Panel',
+    kind: 'TimeSeriesChart',
+    plugin: FakeTimeSeriesPlugin
+};
+const MOCK_PLUGINS = [
+    MOCK_TIME_SERIES_PANEL
+];

package/dist/cjs/test/render.js

@@ -26,6 +26,8 @@ const _useQueryParams = require("use-query-params");
 const _reactRouter6 = require("use-query-params/adapters/react-router-6");
 const _reactQuery = require("@tanstack/react-query");
 const _components = require("@perses-dev/components");
+const _pluginSystem = require("@perses-dev/plugin-system");
+const _pluginRegistry = require("./plugin-registry");
 function renderWithContext(ui, options, history) {
     // Create a new QueryClient for each test to avoid caching issues
     const queryClient = new _reactQuery.QueryClient({
@@ -48,7 +50,10 @@ function renderWithContext(ui, options, history) {
                     children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.ChartsThemeProvider, {
                         themeName: "perses",
                         chartsTheme: _components.testChartsTheme,
-                        children: ui
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.PluginRegistry, {
+                            ...(0, _pluginSystem.mockPluginRegistry)(..._pluginRegistry.MOCK_PLUGINS),
+                            children: ui
+                        })
                     })
                 })
             })

package/dist/cjs/utils/component-ids.js

@@ -0,0 +1,31 @@
+// Copyright 2022 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
+});
+Object.defineProperty(exports, "useId", {
+    enumerable: true,
+    get: ()=>useId
+});
+const _react = require("react");
+if (globalThis.useIdValue === undefined) {
+    globalThis.useIdValue = 0;
+}
+function useId(prefix) {
+    const id = (0, _react.useRef)(undefined);
+    if (id.current === undefined) {
+        id.current = `${prefix}-${globalThis.useIdValue++}`;
+    }
+    return id.current;
+}

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

@@ -19,18 +19,41 @@ Object.defineProperty(exports, "DashboardApp", {
     get: ()=>DashboardApp
 });
 const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
 const _material = require("@mui/material");
 const _components = require("@perses-dev/components");
 const _components1 = require("../../components");
-const _dashboardToolbar = require("../../components/DashboardToolbar");
-const _deletePanelDialog = /*#__PURE__*/ _interopRequireDefault(require("../../components/Panel/DeletePanelDialog"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+const _context = require("../../context");
 const DashboardApp = (props)=>{
     const { dashboardResource  } = props;
+    const { setEditMode  } = (0, _context.useEditMode)();
+    const { dashboard , setDashboard  } = (0, _context.useDashboard)();
+    const [originalDashboard, setOriginalDashboard] = (0, _react.useState)(undefined);
+    const [isUnsavedDashboardDialogOpen, setUnsavedDashboardDialogIsOpen] = (0, _react.useState)(false);
+    const saveDashboard = async ()=>{
+        setEditMode(false);
+        setUnsavedDashboardDialogIsOpen(false);
+    };
+    const cancelDashboard = ()=>{
+        // Reset to the original spec and exit edit mode
+        if (originalDashboard) {
+            setDashboard(originalDashboard);
+        }
+        setUnsavedDashboardDialogIsOpen(false);
+        setEditMode(false);
+    };
+    const onEditButtonClick = ()=>{
+        setEditMode(true);
+        setOriginalDashboard(dashboard);
+    };
+    const onCancelButtonClick = ()=>{
+        // check if dashboard has been modified
+        if (JSON.stringify(dashboard) === JSON.stringify(originalDashboard)) {
+            setEditMode(false);
+        } else {
+            setUnsavedDashboardDialogIsOpen(true);
+        }
+    };
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
         sx: {
             flexGrow: 1,
@@ -40,8 +63,10 @@ const DashboardApp = (props)=>{
             flexDirection: 'column'
         },
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dashboardToolbar.DashboardToolbar, {
-                dashboardName: dashboardResource.metadata.name
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.DashboardToolbar, {
+                dashboardName: dashboardResource.metadata.name,
+                onEditButtonClick: onEditButtonClick,
+                onCancelButtonClick: onCancelButtonClick
             }),
             /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
                 sx: {
@@ -55,7 +80,12 @@ const DashboardApp = (props)=>{
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.PanelDrawer, {}),
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.PanelGroupDialog, {}),
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.DeletePanelGroupDialog, {}),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_deletePanelDialog.default, {})
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.DeletePanelDialog, {}),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.UnsavedChangesConfirmationDialog, {
+                        isOpen: isUnsavedDashboardDialogOpen,
+                        onSave: saveDashboard,
+                        onClose: cancelDashboard
+                    })
                 ]
             })
         ]

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

@@ -36,7 +36,7 @@ function ViewDashboard(props) {
         datasourceApi: datasourceApi,
         children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.DashboardProvider, {
             initialState: {
-                dashboardSpec: spec
+                dashboardResource
             },
             children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.TimeRangeProvider, {
                 timeRange: timeRange,

package/dist/cjs/views/ViewDashboard/tests/panelGroups.test.js

@@ -34,7 +34,7 @@ describe('Panel Groups', ()=>{
             children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.TemplateVariableProvider, {
                 children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_context.DashboardProvider, {
                     initialState: {
-                        dashboardSpec: (0, _test.getTestDashboard)().spec,
+                        dashboardResource: (0, _test.getTestDashboard)(),
                         isEditMode: true
                     },
                     children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dashboardApp.DashboardApp, {

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/Dashboard.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAK9C,oBAAY,cAAc,GAAG,QAAQ,CAAC;AAEtC;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAW9C"}

package/dist/components/{Dashboard.js → Dashboard/Dashboard.js}

@@ -13,8 +13,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { ErrorBoundary, ErrorAlert } from '@perses-dev/components';
-import { usePanelGroupIds } from '../context';
-import { GridLayout } from './GridLayout';
+import { usePanelGroupIds } from '../../context';
+import { GridLayout } from '../GridLayout';
 /**
  * Renders a Dashboard for the provided Dashboard spec.
  */ export function Dashboard(props) {

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dashboard/Dashboard.tsx"],"sourcesContent":["// Copyright 2022 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 { usePanelGroupIds } from '../../context';\nimport { GridLayout } from '../GridLayout';\n\nexport type DashboardProps = BoxProps;\n\n/**\n * Renders a Dashboard for the provided Dashboard spec.\n */\nexport function Dashboard(props: DashboardProps) {\n  const panelGroupIds = usePanelGroupIds();\n  return (\n    <Box {...props}>\n      <ErrorBoundary FallbackComponent={ErrorAlert}>\n        {panelGroupIds.map((panelGroupId) => (\n          <GridLayout key={panelGroupId} panelGroupId={panelGroupId} />\n        ))}\n      </ErrorBoundary>\n    </Box>\n  );\n}\n"],"names":["Box","ErrorBoundary","ErrorAlert","usePanelGroupIds","GridLayout","Dashboard","props","panelGroupIds","FallbackComponent","map","panelGroupId"],"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;AAAA,SAASA,GAAG,QAAkB,eAAe,CAAC;AAC9C,SAASC,aAAa,EAAEC,UAAU,QAAQ,wBAAwB,CAAC;AACnE,SAASC,gBAAgB,QAAQ,eAAe,CAAC;AACjD,SAASC,UAAU,QAAQ,eAAe,CAAC;AAI3C;;CAEC,GACD,OAAO,SAASC,SAAS,CAACC,KAAqB,EAAE;IAC/C,MAAMC,aAAa,GAAGJ,gBAAgB,EAAE,AAAC;IACzC,qBACE,KAACH,GAAG;QAAE,GAAGM,KAAK;kBACZ,cAAA,KAACL,aAAa;YAACO,iBAAiB,EAAEN,UAAU;sBACzCK,aAAa,CAACE,GAAG,CAAC,CAACC,YAAY,iBAC9B,KAACN,UAAU;oBAAoBM,YAAY,EAAEA,YAAY;mBAAxCA,YAAY,CAAgC,AAC9D,CAAC;UACY;MACZ,CACN;AACJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './Dashboard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/index.ts"],"names":[],"mappings":"AAaA,cAAc,aAAa,CAAC"}

package/dist/components/Dashboard/index.js

@@ -0,0 +1,15 @@
+// Copyright 2022 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.
+export * from './Dashboard';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Dashboard/index.ts"],"sourcesContent":["// Copyright 2022 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\nexport * from './Dashboard';\n"],"names":[],"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,cAAc,aAAa,CAAC"}

package/dist/components/{DashboardToolbar.d.ts → DashboardToolbar/DashboardToolbar.d.ts}

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 export interface DashboardToolbarProps {
     dashboardName: string;
+    onEditButtonClick: () => void;
+    onCancelButtonClick: () => void;
 }
 export declare const DashboardToolbar: (props: DashboardToolbarProps) => JSX.Element;
 //# sourceMappingURL=DashboardToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardToolbar/DashboardToolbar.tsx"],"names":[],"mappings":";AAsBA,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,gBA6E5D,CAAC"}