@perses-dev/dashboards 0.0.0-snapshot-time-range-height-80d08fc

package/dist/test/setup-tests.js

@@ -0,0 +1,22 @@
+// 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.
+import { defaultFallbackInView } from 'react-intersection-observer';
+// Add testing library assertions
+import '@testing-library/jest-dom/extend-expect';
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');
+// Tell react-intersection-observer that everything should be considered in-view for tests (see package documentation
+// for other options)
+defaultFallbackInView(true);
+
+//# sourceMappingURL=setup-tests.js.map

package/dist/test/setup-tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/test/setup-tests.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\nimport { defaultFallbackInView } from 'react-intersection-observer';\n\n// Add testing library assertions\nimport '@testing-library/jest-dom/extend-expect';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\njest.mock('echarts/core');\n\n// Tell react-intersection-observer that everything should be considered in-view for tests (see package documentation\n// for other options)\ndefaultFallbackInView(true);\n"],"names":["defaultFallbackInView","jest","mock"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,qBAAqB,QAAQ,6BAA6B,CAAC;AAEpE,iCAAiC;AACjC,OAAO,yCAAyC,CAAC;AAEjD,iFAAiF;AACjFC,IAAI,CAACC,IAAI,CAAC,cAAc,CAAC,CAAC;AAE1B,qHAAqH;AACrH,qBAAqB;AACrBF,qBAAqB,CAAC,IAAI,CAAC,CAAC"}

package/dist/test/testDashboard.d.ts

@@ -0,0 +1,4 @@
+import { DashboardResource } from '@perses-dev/core';
+declare const testDashboard: DashboardResource;
+export default testDashboard;
+//# sourceMappingURL=testDashboard.d.ts.map

package/dist/test/testDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testDashboard.d.ts","sourceRoot":"","sources":["../../src/test/testDashboard.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,QAAA,MAAM,aAAa,EAAE,iBAyPpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/test/testDashboard.js

@@ -0,0 +1,287 @@
+// 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.
+const testDashboard = {
+    kind: 'Dashboard',
+    metadata: {
+        name: 'Node Stats',
+        project: 'perses',
+        created_at: '2021-11-09',
+        updated_at: '2021-11-09',
+        version: 0
+    },
+    spec: {
+        duration: '30m',
+        variables: [
+            {
+                kind: 'TextVariable',
+                spec: {
+                    name: 'job',
+                    value: 'node'
+                }
+            },
+            {
+                kind: 'TextVariable',
+                spec: {
+                    name: 'instance',
+                    value: 'demo.do.prometheus.io:9100'
+                }
+            },
+            {
+                kind: 'TextVariable',
+                spec: {
+                    name: 'interval',
+                    value: '1m'
+                }
+            }
+        ],
+        panels: {
+            cpu: {
+                kind: 'Panel',
+                spec: {
+                    display: {
+                        name: 'CPU'
+                    },
+                    plugin: {
+                        kind: 'TimeSeriesChart',
+                        spec: {
+                            queries: [
+                                {
+                                    kind: 'TimeSeriesQuery',
+                                    spec: {
+                                        plugin: {
+                                            kind: 'PrometheusTimeSeriesQuery',
+                                            spec: {
+                                                query: 'avg without (cpu)(rate(node_cpu_seconds_total{job="node",instance="$instance",mode!="idle"}[$interval]))'
+                                            }
+                                        }
+                                    }
+                                }
+                            ],
+                            unit: {
+                                kind: '%'
+                            }
+                        }
+                    }
+                }
+            },
+            memory: {
+                kind: 'Panel',
+                spec: {
+                    display: {
+                        name: 'Memory'
+                    },
+                    plugin: {
+                        kind: 'TimeSeriesChart',
+                        spec: {
+                            queries: [
+                                {
+                                    kind: 'TimeSeriesQuery',
+                                    spec: {
+                                        plugin: {
+                                            kind: 'PrometheusTimeSeriesQuery',
+                                            spec: {
+                                                query: 'node_memory_MemTotal_bytes{job="node",instance="$instance"} - node_memory_MemFree_bytes{job="node",instance="$instance"} - node_memory_Buffers_bytes{job="node",instance="$instance"} - node_memory_Cached_bytes{job="node",instance="$instance"}'
+                                            }
+                                        }
+                                    }
+                                },
+                                {
+                                    kind: 'TimeSeriesQuery',
+                                    spec: {
+                                        plugin: {
+                                            kind: 'PrometheusTimeSeriesQuery',
+                                            spec: {
+                                                query: 'node_memory_Buffers_bytes{job="node",instance="$instance"}'
+                                            }
+                                        }
+                                    }
+                                },
+                                {
+                                    kind: 'TimeSeriesQuery',
+                                    spec: {
+                                        plugin: {
+                                            kind: 'PrometheusTimeSeriesQuery',
+                                            spec: {
+                                                query: 'node_memory_Cached_bytes{job="node",instance="$instance"}'
+                                            }
+                                        }
+                                    }
+                                },
+                                {
+                                    kind: 'TimeSeriesQuery',
+                                    spec: {
+                                        plugin: {
+                                            kind: 'PrometheusTimeSeriesQuery',
+                                            spec: {
+                                                query: 'node_memory_MemFree_bytes{job="node",instance="$instance"}'
+                                            }
+                                        }
+                                    }
+                                }
+                            ],
+                            unit: {
+                                kind: 'Bytes'
+                            }
+                        }
+                    }
+                }
+            },
+            // This panel is referenced in more than one layout below
+            diskIO: {
+                kind: 'Panel',
+                spec: {
+                    display: {
+                        name: 'Disk I/O Utilization'
+                    },
+                    plugin: {
+                        kind: 'TimeSeriesChart',
+                        spec: {
+                            queries: [
+                                {
+                                    kind: 'TimeSeriesQuery',
+                                    spec: {
+                                        plugin: {
+                                            kind: 'PrometheusTimeSeriesQuery',
+                                            spec: {
+                                                query: 'rate(node_disk_io_time_seconds_total{job="node",instance="$instance",device!~"^(md\\\\d+$|dm-)"}[$interval])'
+                                            }
+                                        }
+                                    }
+                                }
+                            ],
+                            unit: {
+                                kind: 'Percent'
+                            }
+                        }
+                    }
+                }
+            },
+            filesystemFullness: {
+                kind: 'Panel',
+                spec: {
+                    display: {
+                        name: 'Filesystem Fullness'
+                    },
+                    plugin: {
+                        kind: 'TimeSeriesChart',
+                        spec: {
+                            queries: [
+                                {
+                                    kind: 'TimeSeriesQuery',
+                                    spec: {
+                                        plugin: {
+                                            kind: 'PrometheusTimeSeriesQuery',
+                                            spec: {
+                                                query: '1 - node_filesystem_free_bytes{job="node",instance="$instance",fstype!="rootfs",mountpoint!~"/(run|var).*",mountpoint!=""} / node_filesystem_size_bytes{job="node",instance="$instance"}'
+                                            }
+                                        }
+                                    }
+                                }
+                            ],
+                            unit: {
+                                kind: 'Percent'
+                            }
+                        }
+                    }
+                }
+            }
+        },
+        layouts: [
+            // Regular Title, no collapse enabled
+            {
+                kind: 'Grid',
+                spec: {
+                    display: {
+                        title: 'CPU Stats',
+                        collapse: {
+                            open: true
+                        }
+                    },
+                    items: [
+                        // First Row
+                        {
+                            x: 0,
+                            y: 0,
+                            width: 12,
+                            height: 4,
+                            content: {
+                                $ref: '#/spec/panels/cpu'
+                            }
+                        },
+                        {
+                            x: 0,
+                            y: 5,
+                            width: 6,
+                            height: 2,
+                            content: {
+                                $ref: '#/spec/panels/diskIO'
+                            }
+                        }
+                    ]
+                }
+            },
+            // No title,
+            {
+                kind: 'Grid',
+                spec: {
+                    items: [
+                        {
+                            x: 0,
+                            y: 0,
+                            width: 6,
+                            height: 2,
+                            content: {
+                                $ref: '#/spec/panels/diskIO'
+                            }
+                        },
+                        {
+                            x: 8,
+                            y: 0,
+                            width: 8,
+                            height: 3,
+                            content: {
+                                $ref: '#/spec/panels/memory'
+                            }
+                        }
+                    ]
+                }
+            },
+            // Collapsed
+            {
+                kind: 'Grid',
+                spec: {
+                    display: {
+                        title: 'Disk Stats',
+                        collapse: {
+                            open: false
+                        }
+                    },
+                    items: [
+                        {
+                            x: 18,
+                            y: 0,
+                            width: 6,
+                            height: 2,
+                            content: {
+                                $ref: '#/spec/panels/filesystemFullness'
+                            }
+                        }
+                    ]
+                }
+            }
+        ]
+    }
+};
+export default testDashboard;
+
+//# sourceMappingURL=testDashboard.js.map

package/dist/test/testDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/test/testDashboard.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\nimport { DashboardResource } from '@perses-dev/core';\n\nconst testDashboard: DashboardResource = {\n  kind: 'Dashboard',\n  metadata: {\n    name: 'Node Stats',\n    project: 'perses',\n    created_at: '2021-11-09',\n    updated_at: '2021-11-09',\n    version: 0,\n  },\n  spec: {\n    duration: '30m',\n    variables: [\n      {\n        kind: 'TextVariable',\n        spec: {\n          name: 'job',\n          value: 'node',\n        },\n      },\n      {\n        kind: 'TextVariable',\n        spec: {\n          name: 'instance',\n          value: 'demo.do.prometheus.io:9100',\n        },\n      },\n      {\n        kind: 'TextVariable',\n        spec: {\n          name: 'interval',\n          value: '1m',\n        },\n      },\n    ],\n    panels: {\n      cpu: {\n        kind: 'Panel',\n        spec: {\n          display: { name: 'CPU' },\n          plugin: {\n            kind: 'TimeSeriesChart',\n            spec: {\n              queries: [\n                {\n                  kind: 'TimeSeriesQuery',\n                  spec: {\n                    plugin: {\n                      kind: 'PrometheusTimeSeriesQuery',\n                      spec: {\n                        query:\n                          'avg without (cpu)(rate(node_cpu_seconds_total{job=\"node\",instance=\"$instance\",mode!=\"idle\"}[$interval]))',\n                      },\n                    },\n                  },\n                },\n              ],\n              unit: { kind: '%' },\n            },\n          },\n        },\n      },\n      memory: {\n        kind: 'Panel',\n        spec: {\n          display: { name: 'Memory' },\n          plugin: {\n            kind: 'TimeSeriesChart',\n            spec: {\n              queries: [\n                {\n                  kind: 'TimeSeriesQuery',\n                  spec: {\n                    plugin: {\n                      kind: 'PrometheusTimeSeriesQuery',\n                      spec: {\n                        query:\n                          'node_memory_MemTotal_bytes{job=\"node\",instance=\"$instance\"} - node_memory_MemFree_bytes{job=\"node\",instance=\"$instance\"} - node_memory_Buffers_bytes{job=\"node\",instance=\"$instance\"} - node_memory_Cached_bytes{job=\"node\",instance=\"$instance\"}',\n                      },\n                    },\n                  },\n                },\n                {\n                  kind: 'TimeSeriesQuery',\n                  spec: {\n                    plugin: {\n                      kind: 'PrometheusTimeSeriesQuery',\n                      spec: {\n                        query: 'node_memory_Buffers_bytes{job=\"node\",instance=\"$instance\"}',\n                      },\n                    },\n                  },\n                },\n                {\n                  kind: 'TimeSeriesQuery',\n                  spec: {\n                    plugin: {\n                      kind: 'PrometheusTimeSeriesQuery',\n                      spec: {\n                        query: 'node_memory_Cached_bytes{job=\"node\",instance=\"$instance\"}',\n                      },\n                    },\n                  },\n                },\n                {\n                  kind: 'TimeSeriesQuery',\n                  spec: {\n                    plugin: {\n                      kind: 'PrometheusTimeSeriesQuery',\n                      spec: {\n                        query: 'node_memory_MemFree_bytes{job=\"node\",instance=\"$instance\"}',\n                      },\n                    },\n                  },\n                },\n              ],\n              unit: { kind: 'Bytes' },\n            },\n          },\n        },\n      },\n      // This panel is referenced in more than one layout below\n      diskIO: {\n        kind: 'Panel',\n        spec: {\n          display: { name: 'Disk I/O Utilization' },\n          plugin: {\n            kind: 'TimeSeriesChart',\n            spec: {\n              queries: [\n                {\n                  kind: 'TimeSeriesQuery',\n                  spec: {\n                    plugin: {\n                      kind: 'PrometheusTimeSeriesQuery',\n                      spec: {\n                        query:\n                          'rate(node_disk_io_time_seconds_total{job=\"node\",instance=\"$instance\",device!~\"^(md\\\\\\\\d+$|dm-)\"}[$interval])',\n                      },\n                    },\n                  },\n                },\n              ],\n              unit: { kind: 'Percent' },\n            },\n          },\n        },\n      },\n      filesystemFullness: {\n        kind: 'Panel',\n        spec: {\n          display: { name: 'Filesystem Fullness' },\n          plugin: {\n            kind: 'TimeSeriesChart',\n            spec: {\n              queries: [\n                {\n                  kind: 'TimeSeriesQuery',\n                  spec: {\n                    plugin: {\n                      kind: 'PrometheusTimeSeriesQuery',\n                      spec: {\n                        query:\n                          '1 - node_filesystem_free_bytes{job=\"node\",instance=\"$instance\",fstype!=\"rootfs\",mountpoint!~\"/(run|var).*\",mountpoint!=\"\"} / node_filesystem_size_bytes{job=\"node\",instance=\"$instance\"}',\n                      },\n                    },\n                  },\n                },\n              ],\n              unit: { kind: 'Percent' },\n            },\n          },\n        },\n      },\n    },\n    layouts: [\n      // Regular Title, no collapse enabled\n      {\n        kind: 'Grid',\n        spec: {\n          display: {\n            title: 'CPU Stats',\n            collapse: {\n              open: true,\n            },\n          },\n          items: [\n            // First Row\n            {\n              x: 0,\n              y: 0,\n              width: 12,\n              height: 4,\n              content: { $ref: '#/spec/panels/cpu' },\n            },\n            {\n              x: 0,\n              y: 5,\n              width: 6,\n              height: 2,\n              content: { $ref: '#/spec/panels/diskIO' },\n            },\n          ],\n        },\n      },\n      // No title,\n      {\n        kind: 'Grid',\n        spec: {\n          items: [\n            {\n              x: 0,\n              y: 0,\n              width: 6,\n              height: 2,\n              content: { $ref: '#/spec/panels/diskIO' },\n            },\n            {\n              x: 8,\n              y: 0,\n              width: 8,\n              height: 3,\n              content: { $ref: '#/spec/panels/memory' },\n            },\n          ],\n        },\n      },\n      // Collapsed\n      {\n        kind: 'Grid',\n        spec: {\n          display: {\n            title: 'Disk Stats',\n            collapse: {\n              open: false,\n            },\n          },\n          items: [\n            {\n              x: 18,\n              y: 0,\n              width: 6,\n              height: 2,\n              content: { $ref: '#/spec/panels/filesystemFullness' },\n            },\n          ],\n        },\n      },\n    ],\n  },\n};\n\nexport default testDashboard;\n"],"names":["testDashboard","kind","metadata","name","project","created_at","updated_at","version","spec","duration","variables","value","panels","cpu","display","plugin","queries","query","unit","memory","diskIO","filesystemFullness","layouts","title","collapse","open","items","x","y","width","height","content","$ref"],"mappings":"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"}

package/dist/utils/functions.d.ts

@@ -0,0 +1,2 @@
+export declare const removeWhiteSpacesAndSpecialCharacters: (str: string) => string;
+//# sourceMappingURL=functions.d.ts.map

package/dist/utils/functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../src/utils/functions.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,qCAAqC,QAAS,MAAM,WAEhE,CAAC"}

package/dist/utils/functions.js

@@ -0,0 +1,17 @@
+// 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 const removeWhiteSpacesAndSpecialCharacters = (str)=>{
+    return str.replace(/\s+/g, '');
+};
+
+//# sourceMappingURL=functions.js.map

package/dist/utils/functions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/functions.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 const removeWhiteSpacesAndSpecialCharacters = (str: string) => {\n  return str.replace(/\\s+/g, '');\n};\n"],"names":["removeWhiteSpacesAndSpecialCharacters","str","replace"],"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,OAAO,MAAMA,qCAAqC,GAAG,CAACC,GAAW,GAAK;IACpE,OAAOA,GAAG,CAACC,OAAO,SAAS,EAAE,CAAC,CAAC;AACjC,CAAC,CAAC"}

package/dist/views/ViewDashboard/DashboardApp.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DashboardResource } from '@perses-dev/core';
+export interface DashboardAppProps {
+    dashboardResource: DashboardResource;
+    dashboardTitleComponent?: JSX.Element;
+    initialVariableIsSticky?: boolean;
+    isReadonly: boolean;
+}
+export declare const DashboardApp: (props: DashboardAppProps) => JSX.Element;
+//# sourceMappingURL=DashboardApp.d.ts.map

package/dist/views/ViewDashboard/DashboardApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAYrD,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAqEpD,CAAC"}

package/dist/views/ViewDashboard/DashboardApp.js

@@ -0,0 +1,90 @@
+// 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.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box } from '@mui/material';
+import { ErrorAlert, ErrorBoundary } from '@perses-dev/components';
+import { PanelDrawer, Dashboard, PanelGroupDialog, DeletePanelGroupDialog, UnsavedChangesConfirmationDialog, DashboardToolbar, DeletePanelDialog } from '../../components';
+import { useDashboard, useEditMode } from '../../context';
+export const DashboardApp = (props)=>{
+    const { dashboardResource , dashboardTitleComponent , initialVariableIsSticky , isReadonly  } = props;
+    const { setEditMode  } = useEditMode();
+    const { dashboard , setDashboard  } = useDashboard();
+    const [originalDashboard, setOriginalDashboard] = useState(undefined);
+    const [isUnsavedDashboardDialogOpen, setUnsavedDashboardDialogIsOpen] = 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__*/ _jsxs(Box, {
+        sx: {
+            flexGrow: 1,
+            overflowX: 'hidden',
+            overflowY: 'auto',
+            display: 'flex',
+            flexDirection: 'column'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(DashboardToolbar, {
+                dashboardName: dashboardResource.metadata.name,
+                dashboardTitleComponent: dashboardTitleComponent,
+                initialVariableIsSticky: initialVariableIsSticky,
+                isReadonly: isReadonly,
+                onEditButtonClick: onEditButtonClick,
+                onCancelButtonClick: onCancelButtonClick
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    padding: (theme)=>theme.spacing(2)
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(ErrorBoundary, {
+                        FallbackComponent: ErrorAlert,
+                        children: /*#__PURE__*/ _jsx(Dashboard, {})
+                    }),
+                    /*#__PURE__*/ _jsx(PanelDrawer, {}),
+                    /*#__PURE__*/ _jsx(PanelGroupDialog, {}),
+                    /*#__PURE__*/ _jsx(DeletePanelGroupDialog, {}),
+                    /*#__PURE__*/ _jsx(DeletePanelDialog, {}),
+                    /*#__PURE__*/ _jsx(UnsavedChangesConfirmationDialog, {
+                        isOpen: isUnsavedDashboardDialogOpen,
+                        onSave: saveDashboard,
+                        onClose: cancelDashboard
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=DashboardApp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/ViewDashboard/DashboardApp.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 { useState } from 'react';\nimport { Box } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport {\n  PanelDrawer,\n  Dashboard,\n  PanelGroupDialog,\n  DeletePanelGroupDialog,\n  UnsavedChangesConfirmationDialog,\n  DashboardToolbar,\n  DeletePanelDialog,\n} from '../../components';\nimport { useDashboard, useEditMode } from '../../context';\n\nexport interface DashboardAppProps {\n  dashboardResource: DashboardResource;\n  dashboardTitleComponent?: JSX.Element;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n}\n\nexport const DashboardApp = (props: DashboardAppProps) => {\n  const { dashboardResource, dashboardTitleComponent, initialVariableIsSticky, isReadonly } = props;\n  const { setEditMode } = useEditMode();\n  const { dashboard, setDashboard } = useDashboard();\n  const [originalDashboard, setOriginalDashboard] = useState<DashboardResource | undefined>(undefined);\n  const [isUnsavedDashboardDialogOpen, setUnsavedDashboardDialogIsOpen] = useState(false);\n\n  const saveDashboard = async () => {\n    setEditMode(false);\n    setUnsavedDashboardDialogIsOpen(false);\n  };\n\n  const cancelDashboard = () => {\n    // Reset to the original spec and exit edit mode\n    if (originalDashboard) {\n      setDashboard(originalDashboard);\n    }\n    setUnsavedDashboardDialogIsOpen(false);\n    setEditMode(false);\n  };\n\n  const onEditButtonClick = () => {\n    setEditMode(true);\n    setOriginalDashboard(dashboard);\n  };\n\n  const onCancelButtonClick = () => {\n    // check if dashboard has been modified\n    if (JSON.stringify(dashboard) === JSON.stringify(originalDashboard)) {\n      setEditMode(false);\n    } else {\n      setUnsavedDashboardDialogIsOpen(true);\n    }\n  };\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar\n        dashboardName={dashboardResource.metadata.name}\n        dashboardTitleComponent={dashboardTitleComponent}\n        initialVariableIsSticky={initialVariableIsSticky}\n        isReadonly={isReadonly}\n        onEditButtonClick={onEditButtonClick}\n        onCancelButtonClick={onCancelButtonClick}\n      />\n      <Box sx={{ padding: (theme) => theme.spacing(2) }}>\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <Dashboard />\n        </ErrorBoundary>\n        <PanelDrawer />\n        <PanelGroupDialog />\n        <DeletePanelGroupDialog />\n        <DeletePanelDialog />\n        <UnsavedChangesConfirmationDialog\n          isOpen={isUnsavedDashboardDialogOpen}\n          onSave={saveDashboard}\n          onClose={cancelDashboard}\n        />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["useState","Box","ErrorAlert","ErrorBoundary","PanelDrawer","Dashboard","PanelGroupDialog","DeletePanelGroupDialog","UnsavedChangesConfirmationDialog","DashboardToolbar","DeletePanelDialog","useDashboard","useEditMode","DashboardApp","props","dashboardResource","dashboardTitleComponent","initialVariableIsSticky","isReadonly","setEditMode","dashboard","setDashboard","originalDashboard","setOriginalDashboard","undefined","isUnsavedDashboardDialogOpen","setUnsavedDashboardDialogIsOpen","saveDashboard","cancelDashboard","onEditButtonClick","onCancelButtonClick","JSON","stringify","sx","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","metadata","name","padding","theme","spacing","FallbackComponent","isOpen","onSave","onClose"],"mappings":"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"}

package/dist/views/ViewDashboard/ViewDashboard.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material';
+import { DashboardResource } from '@perses-dev/core';
+import { DatasourceStoreProviderProps } from '../../context';
+export interface ViewDashboardProps extends Omit<BoxProps, 'children'> {
+    dashboardResource: DashboardResource;
+    datasourceApi: DatasourceStoreProviderProps['datasourceApi'];
+    dashboardTitleComponent?: JSX.Element;
+    initialVariableIsSticky?: boolean;
+    isReadonly: boolean;
+}
+/**
+ * The View for displaying a Dashboard, along with the UI for selecting variable values.
+ */
+export declare function ViewDashboard(props: ViewDashboardProps): JSX.Element;
+//# sourceMappingURL=ViewDashboard.d.ts.map

package/dist/views/ViewDashboard/ViewDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewDashboard.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/ViewDashboard.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EAGL,4BAA4B,EAE7B,MAAM,eAAe,CAAC;AAGvB,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACpE,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,4BAA4B,CAAC,eAAe,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA8CtD"}

package/dist/views/ViewDashboard/ViewDashboard.js

@@ -0,0 +1,64 @@
+// 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.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';
+import { TimeRangeProvider, useInitialTimeRange } from '@perses-dev/plugin-system';
+import { TemplateVariableProvider, DashboardProvider, DatasourceStoreProvider } from '../../context';
+import { DashboardApp } from './DashboardApp';
+/**
+ * The View for displaying a Dashboard, along with the UI for selecting variable values.
+ */ export function ViewDashboard(props) {
+    const { dashboardResource , datasourceApi , dashboardTitleComponent , initialVariableIsSticky , isReadonly , sx , ...others } = props;
+    const { spec  } = dashboardResource;
+    var _duration;
+    const dashboardDuration = (_duration = spec.duration) !== null && _duration !== void 0 ? _duration : '1h';
+    const initialTimeRange = useInitialTimeRange(dashboardDuration);
+    return /*#__PURE__*/ _jsx(DatasourceStoreProvider, {
+        dashboardResource: dashboardResource,
+        datasourceApi: datasourceApi,
+        children: /*#__PURE__*/ _jsx(DashboardProvider, {
+            initialState: {
+                dashboardResource
+            },
+            children: /*#__PURE__*/ _jsx(TimeRangeProvider, {
+                initialTimeRange: initialTimeRange,
+                enabledURLParams: true,
+                children: /*#__PURE__*/ _jsx(TemplateVariableProvider, {
+                    initialVariableDefinitions: spec.variables,
+                    children: /*#__PURE__*/ _jsx(Box, {
+                        sx: combineSx({
+                            display: 'flex',
+                            width: '100%',
+                            height: '100%',
+                            position: 'relative',
+                            overflow: 'hidden'
+                        }, sx),
+                        ...others,
+                        children: /*#__PURE__*/ _jsx(ErrorBoundary, {
+                            FallbackComponent: ErrorAlert,
+                            children: /*#__PURE__*/ _jsx(DashboardApp, {
+                                dashboardResource: dashboardResource,
+                                dashboardTitleComponent: dashboardTitleComponent,
+                                initialVariableIsSticky: initialVariableIsSticky,
+                                isReadonly: isReadonly
+                            })
+                        })
+                    })
+                })
+            })
+        })
+    });
+}
+
+//# sourceMappingURL=ViewDashboard.js.map

package/dist/views/ViewDashboard/ViewDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/ViewDashboard/ViewDashboard.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 { DashboardResource } from '@perses-dev/core';\nimport { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';\nimport { TimeRangeProvider, useInitialTimeRange } from '@perses-dev/plugin-system';\nimport {\n  TemplateVariableProvider,\n  DashboardProvider,\n  DatasourceStoreProviderProps,\n  DatasourceStoreProvider,\n} from '../../context';\nimport { DashboardApp } from './DashboardApp';\n\nexport interface ViewDashboardProps extends Omit<BoxProps, 'children'> {\n  dashboardResource: DashboardResource;\n  datasourceApi: DatasourceStoreProviderProps['datasourceApi'];\n  dashboardTitleComponent?: JSX.Element;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n}\n\n/**\n * The View for displaying a Dashboard, along with the UI for selecting variable values.\n */\nexport function ViewDashboard(props: ViewDashboardProps) {\n  const {\n    dashboardResource,\n    datasourceApi,\n    dashboardTitleComponent,\n    initialVariableIsSticky,\n    isReadonly,\n    sx,\n    ...others\n  } = props;\n  const { spec } = dashboardResource;\n  const dashboardDuration = spec.duration ?? '1h';\n  const initialTimeRange = useInitialTimeRange(dashboardDuration);\n\n  return (\n    <DatasourceStoreProvider dashboardResource={dashboardResource} datasourceApi={datasourceApi}>\n      <DashboardProvider initialState={{ dashboardResource }}>\n        <TimeRangeProvider initialTimeRange={initialTimeRange} enabledURLParams={true}>\n          <TemplateVariableProvider initialVariableDefinitions={spec.variables}>\n            <Box\n              sx={combineSx(\n                {\n                  display: 'flex',\n                  width: '100%',\n                  height: '100%',\n                  position: 'relative',\n                  overflow: 'hidden',\n                },\n                sx\n              )}\n              {...others}\n            >\n              <ErrorBoundary FallbackComponent={ErrorAlert}>\n                <DashboardApp\n                  dashboardResource={dashboardResource}\n                  dashboardTitleComponent={dashboardTitleComponent}\n                  initialVariableIsSticky={initialVariableIsSticky}\n                  isReadonly={isReadonly}\n                />\n              </ErrorBoundary>\n            </Box>\n          </TemplateVariableProvider>\n        </TimeRangeProvider>\n      </DashboardProvider>\n    </DatasourceStoreProvider>\n  );\n}\n"],"names":["Box","ErrorBoundary","ErrorAlert","combineSx","TimeRangeProvider","useInitialTimeRange","TemplateVariableProvider","DashboardProvider","DatasourceStoreProvider","DashboardApp","ViewDashboard","props","dashboardResource","datasourceApi","dashboardTitleComponent","initialVariableIsSticky","isReadonly","sx","others","spec","dashboardDuration","duration","initialTimeRange","initialState","enabledURLParams","initialVariableDefinitions","variables","display","width","height","position","overflow","FallbackComponent"],"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;AAE9C,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,QAAQ,wBAAwB,CAAC;AAC9E,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,2BAA2B,CAAC;AACnF,SACEC,wBAAwB,EACxBC,iBAAiB,EAEjBC,uBAAuB,QAClB,eAAe,CAAC;AACvB,SAASC,YAAY,QAAQ,gBAAgB,CAAC;AAU9C;;CAEC,GACD,OAAO,SAASC,aAAa,CAACC,KAAyB,EAAE;IACvD,MAAM,EACJC,iBAAiB,CAAA,EACjBC,aAAa,CAAA,EACbC,uBAAuB,CAAA,EACvBC,uBAAuB,CAAA,EACvBC,UAAU,CAAA,EACVC,EAAE,CAAA,EACF,GAAGC,MAAM,EACV,GAAGP,KAAK,AAAC;IACV,MAAM,EAAEQ,IAAI,CAAA,EAAE,GAAGP,iBAAiB,AAAC;QACTO,SAAa;IAAvC,MAAMC,iBAAiB,GAAGD,CAAAA,SAAa,GAAbA,IAAI,CAACE,QAAQ,cAAbF,SAAa,cAAbA,SAAa,GAAI,IAAI,AAAC;IAChD,MAAMG,gBAAgB,GAAGjB,mBAAmB,CAACe,iBAAiB,CAAC,AAAC;IAEhE,qBACE,KAACZ,uBAAuB;QAACI,iBAAiB,EAAEA,iBAAiB;QAAEC,aAAa,EAAEA,aAAa;kBACzF,cAAA,KAACN,iBAAiB;YAACgB,YAAY,EAAE;gBAAEX,iBAAiB;aAAE;sBACpD,cAAA,KAACR,iBAAiB;gBAACkB,gBAAgB,EAAEA,gBAAgB;gBAAEE,gBAAgB,EAAE,IAAI;0BAC3E,cAAA,KAAClB,wBAAwB;oBAACmB,0BAA0B,EAAEN,IAAI,CAACO,SAAS;8BAClE,cAAA,KAAC1B,GAAG;wBACFiB,EAAE,EAAEd,SAAS,CACX;4BACEwB,OAAO,EAAE,MAAM;4BACfC,KAAK,EAAE,MAAM;4BACbC,MAAM,EAAE,MAAM;4BACdC,QAAQ,EAAE,UAAU;4BACpBC,QAAQ,EAAE,QAAQ;yBACnB,EACDd,EAAE,CACH;wBACA,GAAGC,MAAM;kCAEV,cAAA,KAACjB,aAAa;4BAAC+B,iBAAiB,EAAE9B,UAAU;sCAC1C,cAAA,KAACO,YAAY;gCACXG,iBAAiB,EAAEA,iBAAiB;gCACpCE,uBAAuB,EAAEA,uBAAuB;gCAChDC,uBAAuB,EAAEA,uBAAuB;gCAChDC,UAAU,EAAEA,UAAU;8BACtB;0BACY;sBACZ;kBACmB;cACT;UACF;MACI,CAC1B;AACJ,CAAC"}

package/dist/views/ViewDashboard/index.d.ts

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

package/dist/views/ViewDashboard/index.d.ts.map

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

package/dist/views/ViewDashboard/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 './ViewDashboard';
+
+//# sourceMappingURL=index.js.map

package/dist/views/ViewDashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/ViewDashboard/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 './ViewDashboard';\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,iBAAiB,CAAC"}