@perses-dev/dashboards 0.9.0 → 0.10.0

package/dist/context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/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 './DashboardAppSlice';\nexport * from './DashboardProvider';\nexport * from './DatasourceStoreProvider';\nexport * from './LayoutsSlice';\nexport * from './QueryStringProvider';\nexport * from './TemplateVariableProvider';\nexport * from './TimeRangeProvider';\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,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}
+{"version":3,"sources":["../../src/context/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 './DashboardProvider';\nexport * from './DatasourceStoreProvider';\nexport * from './QueryStringProvider';\nexport * from './TemplateVariableProvider';\nexport * from './TimeRangeProvider';\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,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}

package/dist/test/plugin-registry.d.ts

@@ -1,4 +1,4 @@
-import { PluginRegistryProps, PluginImplementation, PanelPlugin } from '@perses-dev/plugin-system';
+import { PluginRegistryProps, PluginImplementation, PluginType, PanelPlugin } from '@perses-dev/plugin-system';
 /**
  * Helper for mocking `PluginRegistry` data during tests. Returns props that can be spread on the `PluginRegistry`
  * component so that it will load the mock plugins you setup. You can use the `addMockPlugin` function that's returned
@@ -6,7 +6,7 @@ import { PluginRegistryProps, PluginImplementation, PanelPlugin } from '@perses-
  */
 export declare function mockPluginRegistryProps(): {
     pluginRegistryProps: Omit<PluginRegistryProps, "children">;
-    addMockPlugin: <T extends keyof import("@perses-dev/plugin-system").SupportedPlugins>(pluginType: T, kind: string, plugin: PluginImplementation<T>) => void;
+    addMockPlugin: <T extends PluginType>(pluginType: T, kind: string, plugin: PluginImplementation<T>) => void;
 };
 export declare const FAKE_PANEL_PLUGIN: PanelPlugin;
 //# sourceMappingURL=plugin-registry.d.ts.map

package/dist/test/plugin-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-registry.d.ts","sourceRoot":"","sources":["../../src/test/plugin-registry.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,mBAAmB,EAEnB,oBAAoB,EAGpB,WAAW,EACZ,MAAM,2BAA2B,CAAC;AAEnC;;;;GAIG;AACH,wBAAgB,uBAAuB;;+GAiB6B,MAAM;EA0BzE;AAED,eAAO,MAAM,iBAAiB,EAAE,WAQ/B,CAAC"}
+{"version":3,"file":"plugin-registry.d.ts","sourceRoot":"","sources":["../../src/test/plugin-registry.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,mBAAmB,EAEnB,oBAAoB,EACpB,UAAU,EACV,WAAW,EAEZ,MAAM,2BAA2B,CAAC;AAEnC;;;;GAIG;AACH,wBAAgB,uBAAuB;;+DAiB6B,MAAM;EA0BzE;AAED,eAAO,MAAM,iBAAiB,EAAE,WAQ/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/plugin-registry.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.\nimport {\n  PluginRegistryProps,\n  PluginModuleResource,\n  PluginImplementation,\n  PluginType,\n  Plugin,\n  PanelPlugin,\n} from '@perses-dev/plugin-system';\n\n/**\n * Helper for mocking `PluginRegistry` data during tests. Returns props that can be spread on the `PluginRegistry`\n * component so that it will load the mock plugins you setup. You can use the `addMockPlugin` function that's returned\n * to add mock plugins before rendering components that use them.\n */\nexport function mockPluginRegistryProps() {\n  const mockPluginResource: PluginModuleResource = {\n    kind: 'PluginModule',\n    metadata: {\n      name: 'Fake Plugin Module for Tests',\n      created_at: '',\n      updated_at: '',\n      version: 0,\n    },\n    spec: {\n      plugins: [],\n    },\n  };\n\n  const mockPluginModule: Record<string, Plugin> = {};\n\n  // Allow adding mock plugins in tests\n  const addMockPlugin = <T extends PluginType>(pluginType: T, kind: string, plugin: PluginImplementation<T>) => {\n    mockPluginResource.spec.plugins.push({\n      pluginType,\n      kind,\n      display: {\n        name: `Fake ${pluginType} Plugin for ${kind}`,\n      },\n    });\n\n    // \"Export\" on the module under the same name as the kind the plugin handles\n    mockPluginModule[kind] = plugin;\n  };\n\n  const pluginRegistryProps: Omit<PluginRegistryProps, 'children'> = {\n    getInstalledPlugins() {\n      return Promise.resolve([mockPluginResource]);\n    },\n    importPluginModule(/* resource */) {\n      return Promise.resolve(mockPluginModule);\n    },\n  };\n\n  return {\n    pluginRegistryProps,\n    addMockPlugin,\n  };\n}\n\nexport const FAKE_PANEL_PLUGIN: PanelPlugin = {\n  PanelComponent: () => {\n    return <div role=\"figure\">FakePanel chart</div>;\n  },\n  OptionsEditorComponent: () => {\n    return <div>Edit options here</div>;\n  },\n  createInitialOptions: () => ({}),\n};\n"],"names":["mockPluginRegistryProps","mockPluginResource","kind","metadata","name","created_at","updated_at","version","spec","plugins","mockPluginModule","addMockPlugin","pluginType","plugin","push","display","pluginRegistryProps","getInstalledPlugins","Promise","resolve","importPluginModule","FAKE_PANEL_PLUGIN","PanelComponent","div","role","OptionsEditorComponent","createInitialOptions"],"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;AACjC;AASA;;;;CAIC,GACD,OAAO,SAASA,uBAAuB,GAAG;IACxC,MAAMC,kBAAkB,GAAyB;QAC/CC,IAAI,EAAE,cAAc;QACpBC,QAAQ,EAAE;YACRC,IAAI,EAAE,8BAA8B;YACpCC,UAAU,EAAE,EAAE;YACdC,UAAU,EAAE,EAAE;YACdC,OAAO,EAAE,CAAC;SACX;QACDC,IAAI,EAAE;YACJC,OAAO,EAAE,EAAE;SACZ;KACF,AAAC;IAEF,MAAMC,gBAAgB,GAA2B,EAAE,AAAC;IAEpD,qCAAqC;IACrC,MAAMC,aAAa,GAAG,CAAuBC,UAAa,EAAEV,IAAY,EAAEW,MAA+B,GAAK;QAC5GZ,kBAAkB,CAACO,IAAI,CAACC,OAAO,CAACK,IAAI,CAAC;YACnCF,UAAU;YACVV,IAAI;YACJa,OAAO,EAAE;gBACPX,IAAI,EAAE,CAAC,KAAK,EAAEQ,UAAU,CAAC,YAAY,EAAEV,IAAI,CAAC,CAAC;aAC9C;SACF,CAAC,CAAC;QAEH,4EAA4E;QAC5EQ,gBAAgB,CAACR,IAAI,CAAC,GAAGW,MAAM,CAAC;IAClC,CAAC,AAAC;IAEF,MAAMG,mBAAmB,GAA0C;QACjEC,mBAAmB,IAAG;YACpB,OAAOC,OAAO,CAACC,OAAO,CAAC;gBAAClB,kBAAkB;aAAC,CAAC,CAAC;QAC/C,CAAC;QACDmB,kBAAkB,IAAiB;YACjC,OAAOF,OAAO,CAACC,OAAO,CAACT,gBAAgB,CAAC,CAAC;QAC3C,CAAC;KACF,AAAC;IAEF,OAAO;QACLM,mBAAmB;QACnBL,aAAa;KACd,CAAC;AACJ,CAAC;AAED,OAAO,MAAMU,iBAAiB,GAAgB;IAC5CC,cAAc,EAAE,IAAM;QACpB,qBAAO,KAACC,KAAG;YAACC,IAAI,EAAC,QAAQ;sBAAC,iBAAe;UAAM,CAAC;IAClD,CAAC;IACDC,sBAAsB,EAAE,IAAM;QAC5B,qBAAO,KAACF,KAAG;sBAAC,mBAAiB;UAAM,CAAC;IACtC,CAAC;IACDG,oBAAoB,EAAE,IAAO,CAAA,EAAE,CAAA,AAAC;CACjC,CAAC"}
+{"version":3,"sources":["../../src/test/plugin-registry.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.\nimport { UnknownSpec } from '@perses-dev/core';\nimport {\n  PluginRegistryProps,\n  PluginModuleResource,\n  PluginImplementation,\n  PluginType,\n  PanelPlugin,\n  Plugin,\n} from '@perses-dev/plugin-system';\n\n/**\n * Helper for mocking `PluginRegistry` data during tests. Returns props that can be spread on the `PluginRegistry`\n * component so that it will load the mock plugins you setup. You can use the `addMockPlugin` function that's returned\n * to add mock plugins before rendering components that use them.\n */\nexport function mockPluginRegistryProps() {\n  const mockPluginResource: PluginModuleResource = {\n    kind: 'PluginModule',\n    metadata: {\n      name: 'Fake Plugin Module for Tests',\n      created_at: '',\n      updated_at: '',\n      version: 0,\n    },\n    spec: {\n      plugins: [],\n    },\n  };\n\n  const mockPluginModule: Record<string, Plugin<UnknownSpec>> = {};\n\n  // Allow adding mock plugins in tests\n  const addMockPlugin = <T extends PluginType>(pluginType: T, kind: string, plugin: PluginImplementation<T>) => {\n    mockPluginResource.spec.plugins.push({\n      pluginType,\n      kind,\n      display: {\n        name: `Fake ${pluginType} Plugin for ${kind}`,\n      },\n    });\n\n    // \"Export\" on the module under the same name as the kind the plugin handles\n    mockPluginModule[kind] = plugin;\n  };\n\n  const pluginRegistryProps: Omit<PluginRegistryProps, 'children'> = {\n    getInstalledPlugins() {\n      return Promise.resolve([mockPluginResource]);\n    },\n    importPluginModule(/* resource */) {\n      return Promise.resolve(mockPluginModule);\n    },\n  };\n\n  return {\n    pluginRegistryProps,\n    addMockPlugin,\n  };\n}\n\nexport const FAKE_PANEL_PLUGIN: PanelPlugin = {\n  PanelComponent: () => {\n    return <div role=\"figure\">FakePanel chart</div>;\n  },\n  OptionsEditorComponent: () => {\n    return <div>Edit options here</div>;\n  },\n  createInitialOptions: () => ({}),\n};\n"],"names":["mockPluginRegistryProps","mockPluginResource","kind","metadata","name","created_at","updated_at","version","spec","plugins","mockPluginModule","addMockPlugin","pluginType","plugin","push","display","pluginRegistryProps","getInstalledPlugins","Promise","resolve","importPluginModule","FAKE_PANEL_PLUGIN","PanelComponent","div","role","OptionsEditorComponent","createInitialOptions"],"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;AACjC;AAUA;;;;CAIC,GACD,OAAO,SAASA,uBAAuB,GAAG;IACxC,MAAMC,kBAAkB,GAAyB;QAC/CC,IAAI,EAAE,cAAc;QACpBC,QAAQ,EAAE;YACRC,IAAI,EAAE,8BAA8B;YACpCC,UAAU,EAAE,EAAE;YACdC,UAAU,EAAE,EAAE;YACdC,OAAO,EAAE,CAAC;SACX;QACDC,IAAI,EAAE;YACJC,OAAO,EAAE,EAAE;SACZ;KACF,AAAC;IAEF,MAAMC,gBAAgB,GAAwC,EAAE,AAAC;IAEjE,qCAAqC;IACrC,MAAMC,aAAa,GAAG,CAAuBC,UAAa,EAAEV,IAAY,EAAEW,MAA+B,GAAK;QAC5GZ,kBAAkB,CAACO,IAAI,CAACC,OAAO,CAACK,IAAI,CAAC;YACnCF,UAAU;YACVV,IAAI;YACJa,OAAO,EAAE;gBACPX,IAAI,EAAE,CAAC,KAAK,EAAEQ,UAAU,CAAC,YAAY,EAAEV,IAAI,CAAC,CAAC;aAC9C;SACF,CAAC,CAAC;QAEH,4EAA4E;QAC5EQ,gBAAgB,CAACR,IAAI,CAAC,GAAGW,MAAM,CAAC;IAClC,CAAC,AAAC;IAEF,MAAMG,mBAAmB,GAA0C;QACjEC,mBAAmB,IAAG;YACpB,OAAOC,OAAO,CAACC,OAAO,CAAC;gBAAClB,kBAAkB;aAAC,CAAC,CAAC;QAC/C,CAAC;QACDmB,kBAAkB,IAAiB;YACjC,OAAOF,OAAO,CAACC,OAAO,CAACT,gBAAgB,CAAC,CAAC;QAC3C,CAAC;KACF,AAAC;IAEF,OAAO;QACLM,mBAAmB;QACnBL,aAAa;KACd,CAAC;AACJ,CAAC;AAED,OAAO,MAAMU,iBAAiB,GAAgB;IAC5CC,cAAc,EAAE,IAAM;QACpB,qBAAO,KAACC,KAAG;YAACC,IAAI,EAAC,QAAQ;sBAAC,iBAAe;UAAM,CAAC;IAClD,CAAC;IACDC,sBAAsB,EAAE,IAAM;QAC5B,qBAAO,KAACF,KAAG;sBAAC,mBAAiB;UAAM,CAAC;IACtC,CAAC;IACDG,oBAAoB,EAAE,IAAO,CAAA,EAAE,CAAA,AAAC;CACjC,CAAC"}

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

@@ -1 +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,iBA8OpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"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,iBAwPpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/test/testDashboard.js

@@ -201,7 +201,10 @@ const testDashboard = {
                 kind: 'Grid',
                 spec: {
                     display: {
-                        title: 'CPU Stats'
+                        title: 'CPU Stats',
+                        collapse: {
+                            open: true
+                        }
                     },
                     items: [
                         // First Row
@@ -213,6 +216,15 @@ const testDashboard = {
                             content: {
                                 $ref: '#/spec/panels/cpu'
                             }
+                        },
+                        {
+                            x: 0,
+                            y: 5,
+                            width: 6,
+                            height: 2,
+                            content: {
+                                $ref: '#/spec/panels/diskIO'
+                            }
                         }
                     ]
                 }

package/dist/test/testDashboard.js.map

@@ -1 +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: '24h',\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      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          },\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        },\n      },\n      // No title,\n      {\n        kind: 'Grid',\n        spec: {\n          items: [\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: 0,\n              y: 0,\n              width: 6,\n              height: 2,\n              content: { $ref: '#/spec/panels/diskIO' },\n            },\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","items","x","y","width","height","content","$ref","collapse","open"],"mappings":"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"}
+{"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: '24h',\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      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: 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: 0,\n              y: 0,\n              width: 6,\n              height: 2,\n              content: { $ref: '#/spec/panels/diskIO' },\n            },\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/views/ViewDashboard/DashboardApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAMrD,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAyBpD,CAAC"}
+{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOrD,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAyBpD,CAAC"}

package/dist/views/ViewDashboard/DashboardApp.js

@@ -16,11 +16,10 @@ import { ErrorAlert, ErrorBoundary } from '@perses-dev/components';
 import { PanelDrawer, Dashboard } from '../../components';
 import PanelGroupDialog from '../../components/PanelGroupDialog/PanelGroupDialog';
 import { DashboardToolbar } from '../../components/DashboardToolbar';
-import { useDashboard, useDashboardApp } from '../../context';
+import DeletePanelGroupDialog from '../../components/PanelGroupDialog/DeletePanelGroupDialog';
+import DeletePanelDialog from '../../components/Panel/DeletePanelDialog';
 export const DashboardApp = (props)=>{
     const { dashboardResource  } = props;
-    const { dashboard  } = useDashboard();
-    const { panelGroupDialog  } = useDashboardApp();
     return /*#__PURE__*/ _jsxs(Box, {
         sx: {
             padding: (theme)=>theme.spacing(1, 0),
@@ -41,12 +40,12 @@ export const DashboardApp = (props)=>{
                 children: [
                     /*#__PURE__*/ _jsx(ErrorBoundary, {
                         FallbackComponent: ErrorAlert,
-                        children: /*#__PURE__*/ _jsx(Dashboard, {
-                            spec: dashboard
-                        })
+                        children: /*#__PURE__*/ _jsx(Dashboard, {})
                     }),
                     /*#__PURE__*/ _jsx(PanelDrawer, {}),
-                    panelGroupDialog && /*#__PURE__*/ _jsx(PanelGroupDialog, {})
+                    /*#__PURE__*/ _jsx(PanelGroupDialog, {}),
+                    /*#__PURE__*/ _jsx(DeletePanelGroupDialog, {}),
+                    /*#__PURE__*/ _jsx(DeletePanelDialog, {})
                 ]
             })
         ]

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

@@ -1 +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 { Box } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport { PanelDrawer, Dashboard } from '../../components';\nimport PanelGroupDialog from '../../components/PanelGroupDialog/PanelGroupDialog';\nimport { DashboardToolbar } from '../../components/DashboardToolbar';\nimport { useDashboard, useDashboardApp } from '../../context';\n\nexport interface DashboardAppProps {\n  dashboardResource: DashboardResource;\n}\n\nexport const DashboardApp = (props: DashboardAppProps) => {\n  const { dashboardResource } = props;\n  const { dashboard } = useDashboard();\n  const { panelGroupDialog } = useDashboardApp();\n  return (\n    <Box\n      sx={{\n        padding: (theme) => theme.spacing(1, 0),\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar dashboardName={dashboardResource.metadata.name} />\n      <Box sx={{ padding: (theme) => theme.spacing(2) }}>\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <Dashboard spec={dashboard} />\n        </ErrorBoundary>\n        <PanelDrawer />\n        {panelGroupDialog && <PanelGroupDialog />}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["Box","ErrorAlert","ErrorBoundary","PanelDrawer","Dashboard","PanelGroupDialog","DashboardToolbar","useDashboard","useDashboardApp","DashboardApp","props","dashboardResource","dashboard","panelGroupDialog","sx","padding","theme","spacing","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","metadata","name","FallbackComponent","spec"],"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,QAAQ,eAAe,CAAC;AACpC,SAASC,UAAU,EAAEC,aAAa,QAAQ,wBAAwB,CAAC;AAEnE,SAASC,WAAW,EAAEC,SAAS,QAAQ,kBAAkB,CAAC;AAC1D,OAAOC,gBAAgB,MAAM,oDAAoD,CAAC;AAClF,SAASC,gBAAgB,QAAQ,mCAAmC,CAAC;AACrE,SAASC,YAAY,EAAEC,eAAe,QAAQ,eAAe,CAAC;AAM9D,OAAO,MAAMC,YAAY,GAAG,CAACC,KAAwB,GAAK;IACxD,MAAM,EAAEC,iBAAiB,CAAA,EAAE,GAAGD,KAAK,AAAC;IACpC,MAAM,EAAEE,SAAS,CAAA,EAAE,GAAGL,YAAY,EAAE,AAAC;IACrC,MAAM,EAAEM,gBAAgB,CAAA,EAAE,GAAGL,eAAe,EAAE,AAAC;IAC/C,qBACE,MAACR,GAAG;QACFc,EAAE,EAAE;YACFC,OAAO,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;YACvCC,QAAQ,EAAE,CAAC;YACXC,SAAS,EAAE,QAAQ;YACnBC,SAAS,EAAE,MAAM;YACjBC,OAAO,EAAE,MAAM;YACfC,aAAa,EAAE,QAAQ;SACxB;;0BAED,KAAChB,gBAAgB;gBAACiB,aAAa,EAAEZ,iBAAiB,CAACa,QAAQ,CAACC,IAAI;cAAI;0BACpE,MAACzB,GAAG;gBAACc,EAAE,EAAE;oBAAEC,OAAO,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC;iBAAE;;kCAC/C,KAACf,aAAa;wBAACwB,iBAAiB,EAAEzB,UAAU;kCAC1C,cAAA,KAACG,SAAS;4BAACuB,IAAI,EAAEf,SAAS;0BAAI;sBAChB;kCAChB,KAACT,WAAW,KAAG;oBACdU,gBAAgB,kBAAI,KAACR,gBAAgB,KAAG;;cACrC;;MACF,CACN;AACJ,CAAC,CAAC"}
+{"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 { Box } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport { PanelDrawer, Dashboard } from '../../components';\nimport PanelGroupDialog from '../../components/PanelGroupDialog/PanelGroupDialog';\nimport { DashboardToolbar } from '../../components/DashboardToolbar';\nimport DeletePanelGroupDialog from '../../components/PanelGroupDialog/DeletePanelGroupDialog';\nimport DeletePanelDialog from '../../components/Panel/DeletePanelDialog';\n\nexport interface DashboardAppProps {\n  dashboardResource: DashboardResource;\n}\n\nexport const DashboardApp = (props: DashboardAppProps) => {\n  const { dashboardResource } = props;\n  return (\n    <Box\n      sx={{\n        padding: (theme) => theme.spacing(1, 0),\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar dashboardName={dashboardResource.metadata.name} />\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      </Box>\n    </Box>\n  );\n};\n"],"names":["Box","ErrorAlert","ErrorBoundary","PanelDrawer","Dashboard","PanelGroupDialog","DashboardToolbar","DeletePanelGroupDialog","DeletePanelDialog","DashboardApp","props","dashboardResource","sx","padding","theme","spacing","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","metadata","name","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,QAAQ,eAAe,CAAC;AACpC,SAASC,UAAU,EAAEC,aAAa,QAAQ,wBAAwB,CAAC;AAEnE,SAASC,WAAW,EAAEC,SAAS,QAAQ,kBAAkB,CAAC;AAC1D,OAAOC,gBAAgB,MAAM,oDAAoD,CAAC;AAClF,SAASC,gBAAgB,QAAQ,mCAAmC,CAAC;AACrE,OAAOC,sBAAsB,MAAM,0DAA0D,CAAC;AAC9F,OAAOC,iBAAiB,MAAM,0CAA0C,CAAC;AAMzE,OAAO,MAAMC,YAAY,GAAG,CAACC,KAAwB,GAAK;IACxD,MAAM,EAAEC,iBAAiB,CAAA,EAAE,GAAGD,KAAK,AAAC;IACpC,qBACE,MAACV,GAAG;QACFY,EAAE,EAAE;YACFC,OAAO,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;YACvCC,QAAQ,EAAE,CAAC;YACXC,SAAS,EAAE,QAAQ;YACnBC,SAAS,EAAE,MAAM;YACjBC,OAAO,EAAE,MAAM;YACfC,aAAa,EAAE,QAAQ;SACxB;;0BAED,KAACd,gBAAgB;gBAACe,aAAa,EAAEV,iBAAiB,CAACW,QAAQ,CAACC,IAAI;cAAI;0BACpE,MAACvB,GAAG;gBAACY,EAAE,EAAE;oBAAEC,OAAO,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC;iBAAE;;kCAC/C,KAACb,aAAa;wBAACsB,iBAAiB,EAAEvB,UAAU;kCAC1C,cAAA,KAACG,SAAS,KAAG;sBACC;kCAChB,KAACD,WAAW,KAAG;kCACf,KAACE,gBAAgB,KAAG;kCACpB,KAACE,sBAAsB,KAAG;kCAC1B,KAACC,iBAAiB,KAAG;;cACjB;;MACF,CACN;AACJ,CAAC,CAAC"}

package/dist/views/ViewDashboard/tests/panelGroups.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=panelGroups.test.d.ts.map

package/dist/views/ViewDashboard/tests/panelGroups.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelGroups.test.d.ts","sourceRoot":"","sources":["../../../../src/views/ViewDashboard/tests/panelGroups.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,158 @@
+// 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 { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { DashboardProvider, QueryStringProvider, TemplateVariableProvider, TimeRangeProvider } from '../../../context';
+import { createDashboardProviderSpy, getTestDashboard, renderWithContext } from '../../../test';
+import testDashboard from '../../../test/testDashboard';
+import { DashboardApp } from '../DashboardApp';
+describe('Panel Groups', ()=>{
+    const renderDashboard = ()=>{
+        const { store , DashboardProviderSpy  } = createDashboardProviderSpy();
+        renderWithContext(/*#__PURE__*/ _jsx(QueryStringProvider, {
+            queryString: new URLSearchParams('https://localhost:3000/'),
+            children: /*#__PURE__*/ _jsx(TimeRangeProvider, {
+                initialTimeRange: {
+                    pastDuration: '30m'
+                },
+                children: /*#__PURE__*/ _jsx(TemplateVariableProvider, {
+                    children: /*#__PURE__*/ _jsxs(DashboardProvider, {
+                        initialState: {
+                            dashboardSpec: getTestDashboard().spec,
+                            isEditMode: true
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(DashboardProviderSpy, {}),
+                            /*#__PURE__*/ _jsx(DashboardApp, {
+                                dashboardResource: getTestDashboard()
+                            })
+                        ]
+                    })
+                })
+            })
+        }));
+        const { value: storeApi  } = store;
+        if (storeApi === undefined) {
+            throw new Error('Expected dashboard store to be set after initial render');
+        }
+        return storeApi;
+    };
+    beforeEach(()=>{
+        const mockIntersectionObserver = jest.fn();
+        mockIntersectionObserver.mockReturnValue({
+            observe: ()=>null,
+            unobserve: ()=>null,
+            disconnect: ()=>null
+        });
+        window.IntersectionObserver = mockIntersectionObserver;
+    });
+    it('should delete panel', ()=>{
+        var ref;
+        const storeApi = renderDashboard();
+        const panel = screen.getByText('CPU');
+        userEvent.hover(panel);
+        const deletePanelButton = screen.getByLabelText('delete panel');
+        userEvent.click(deletePanelButton);
+        screen.getByText('Delete Panel');
+        const deleteButton = screen.getByText('Delete');
+        userEvent.click(deleteButton);
+        const layouts = storeApi.getState().layouts;
+        const deletedPanel = testDashboard.spec.panels['cpu'];
+        expect((ref = layouts[0]) === null || ref === void 0 ? void 0 : ref.items).toEqual(expect.not.objectContaining(deletedPanel));
+        const panels = storeApi.getState().panels;
+        // should remove cpu from state.panels since it's not used anymore
+        expect(panels).toEqual(expect.not.objectContaining({
+            cpu: testDashboard.spec.panels['cpu']
+        }));
+    });
+    it('should only delete panel from panel group if panel is referenced more than once', ()=>{
+        var ref;
+        const storeApi = renderDashboard();
+        const panel = screen.getByText('Disk I/O Utilization');
+        userEvent.hover(panel);
+        const deletePanelButton = screen.getByLabelText('delete panel');
+        userEvent.click(deletePanelButton);
+        screen.getByText('Delete Panel');
+        const deleteButton = screen.getByText('Delete');
+        userEvent.click(deleteButton);
+        const layouts = storeApi.getState().layouts;
+        const deletedPanel = testDashboard.spec.panels['diskIO'];
+        expect((ref = layouts[0]) === null || ref === void 0 ? void 0 : ref.items).toEqual(expect.not.objectContaining(deletedPanel));
+        const panels = storeApi.getState().panels;
+        // should NOT remove diskIO from state.panels since it's used in another panel group
+        expect(panels).toEqual(expect.objectContaining({
+            diskIO: testDashboard.spec.panels['diskIO']
+        }));
+    });
+    it('should swap panels', ()=>{
+        var ref, ref1, ref2;
+        const storeApi = renderDashboard();
+        // should move panel down
+        const group1 = screen.getByText('CPU Stats');
+        userEvent.hover(group1);
+        const moveGroupDownBtn = screen.getByLabelText('move group down');
+        userEvent.click(moveGroupDownBtn);
+        userEvent.unhover(moveGroupDownBtn);
+        // should move panel up
+        const group2 = screen.getByText('Disk Stats');
+        userEvent.hover(group2);
+        const moveGroupUpBtn = screen.getByLabelText('move group up');
+        userEvent.click(moveGroupUpBtn);
+        const layouts = storeApi.getState().layouts;
+        expect((ref = layouts[0]) === null || ref === void 0 ? void 0 : ref.title).toBe(undefined);
+        expect((ref1 = layouts[1]) === null || ref1 === void 0 ? void 0 : ref1.title).toBe('Disk Stats');
+        expect((ref2 = layouts[2]) === null || ref2 === void 0 ? void 0 : ref2.title).toBe('CPU Stats');
+    });
+    it('should delete a panel group', ()=>{
+        const storeApi = renderDashboard();
+        const group = screen.getByText('CPU Stats');
+        userEvent.hover(group);
+        const deleteGroupIcon = screen.getByLabelText('delete group');
+        userEvent.click(deleteGroupIcon);
+        screen.getByText('Delete Panel Group');
+        const deleteButton = screen.getByText('Delete');
+        userEvent.click(deleteButton);
+        // should remove group from state.layouts
+        const layouts = storeApi.getState().layouts;
+        expect(layouts).toHaveLength(2);
+        const deletedLayout = {
+            id: 0,
+            title: 'CPU Stats',
+            isCollapsed: false,
+            items: [
+                {
+                    x: 0,
+                    y: 0,
+                    width: 12,
+                    height: 4,
+                    content: {
+                        $ref: '#/spec/panels/cpu'
+                    }
+                }
+            ]
+        };
+        expect(layouts).toEqual(expect.not.objectContaining(deletedLayout));
+        const panels = storeApi.getState().panels;
+        // should remove cpu from state.panels since it's not used anymore
+        expect(panels).toEqual(expect.not.objectContaining({
+            cpu: testDashboard.spec.panels['cpu']
+        }));
+        // should not remove diskIO from state.panels since it's still used in another group
+        expect(panels).toEqual(expect.objectContaining({
+            diskIO: testDashboard.spec.panels['diskIO']
+        }));
+    });
+});
+
+//# sourceMappingURL=panelGroups.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/ViewDashboard/tests/panelGroups.test.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 { screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { DashboardProvider, QueryStringProvider, TemplateVariableProvider, TimeRangeProvider } from '../../../context';\nimport { PanelGroupDefinition } from '../../../context/DashboardProvider/layout-slice';\nimport { createDashboardProviderSpy, getTestDashboard, renderWithContext } from '../../../test';\nimport testDashboard from '../../../test/testDashboard';\nimport { DashboardApp } from '../DashboardApp';\n\ndescribe('Panel Groups', () => {\n  const renderDashboard = () => {\n    const { store, DashboardProviderSpy } = createDashboardProviderSpy();\n    renderWithContext(\n      <QueryStringProvider queryString={new URLSearchParams('https://localhost:3000/')}>\n        <TimeRangeProvider initialTimeRange={{ pastDuration: '30m' }}>\n          <TemplateVariableProvider>\n            <DashboardProvider initialState={{ dashboardSpec: getTestDashboard().spec, isEditMode: true }}>\n              <DashboardProviderSpy />\n              <DashboardApp dashboardResource={getTestDashboard()} />\n            </DashboardProvider>\n          </TemplateVariableProvider>\n        </TimeRangeProvider>\n      </QueryStringProvider>\n    );\n\n    const { value: storeApi } = store;\n    if (storeApi === undefined) {\n      throw new Error('Expected dashboard store to be set after initial render');\n    }\n\n    return storeApi;\n  };\n\n  beforeEach(() => {\n    const mockIntersectionObserver = jest.fn();\n    mockIntersectionObserver.mockReturnValue({\n      observe: () => null,\n      unobserve: () => null,\n      disconnect: () => null,\n    });\n    window.IntersectionObserver = mockIntersectionObserver;\n  });\n\n  it('should delete panel', () => {\n    const storeApi = renderDashboard();\n    const panel = screen.getByText('CPU');\n    userEvent.hover(panel);\n    const deletePanelButton = screen.getByLabelText('delete panel');\n    userEvent.click(deletePanelButton);\n    screen.getByText('Delete Panel');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n\n    const layouts = storeApi.getState().layouts;\n    const deletedPanel = testDashboard.spec.panels['cpu'];\n    expect(layouts[0]?.items).toEqual(expect.not.objectContaining(deletedPanel));\n\n    const panels = storeApi.getState().panels;\n    // should remove cpu from state.panels since it's not used anymore\n    expect(panels).toEqual(expect.not.objectContaining({ cpu: testDashboard.spec.panels['cpu'] }));\n  });\n\n  it('should only delete panel from panel group if panel is referenced more than once', () => {\n    const storeApi = renderDashboard();\n    const panel = screen.getByText('Disk I/O Utilization');\n    userEvent.hover(panel);\n    const deletePanelButton = screen.getByLabelText('delete panel');\n    userEvent.click(deletePanelButton);\n    screen.getByText('Delete Panel');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n    const layouts = storeApi.getState().layouts;\n    const deletedPanel = testDashboard.spec.panels['diskIO'];\n    expect(layouts[0]?.items).toEqual(expect.not.objectContaining(deletedPanel));\n\n    const panels = storeApi.getState().panels;\n    // should NOT remove diskIO from state.panels since it's used in another panel group\n    expect(panels).toEqual(expect.objectContaining({ diskIO: testDashboard.spec.panels['diskIO'] }));\n  });\n\n  it('should swap panels', () => {\n    const storeApi = renderDashboard();\n    // should move panel down\n    const group1 = screen.getByText('CPU Stats');\n    userEvent.hover(group1);\n    const moveGroupDownBtn = screen.getByLabelText('move group down');\n    userEvent.click(moveGroupDownBtn);\n    userEvent.unhover(moveGroupDownBtn);\n    // should move panel up\n    const group2 = screen.getByText('Disk Stats');\n    userEvent.hover(group2);\n    const moveGroupUpBtn = screen.getByLabelText('move group up');\n    userEvent.click(moveGroupUpBtn);\n\n    const layouts = storeApi.getState().layouts;\n    expect(layouts[0]?.title).toBe(undefined);\n    expect(layouts[1]?.title).toBe('Disk Stats');\n    expect(layouts[2]?.title).toBe('CPU Stats');\n  });\n\n  it('should delete a panel group', () => {\n    const storeApi = renderDashboard();\n    const group = screen.getByText('CPU Stats');\n    userEvent.hover(group);\n    const deleteGroupIcon = screen.getByLabelText('delete group');\n    userEvent.click(deleteGroupIcon);\n    screen.getByText('Delete Panel Group');\n    const deleteButton = screen.getByText('Delete');\n    userEvent.click(deleteButton);\n\n    // should remove group from state.layouts\n    const layouts = storeApi.getState().layouts;\n    expect(layouts).toHaveLength(2);\n    const deletedLayout: PanelGroupDefinition = {\n      id: 0,\n      title: 'CPU Stats',\n      isCollapsed: false,\n      items: [\n        {\n          x: 0,\n          y: 0,\n          width: 12,\n          height: 4,\n          content: { $ref: '#/spec/panels/cpu' },\n        },\n      ],\n    };\n    expect(layouts).toEqual(expect.not.objectContaining(deletedLayout));\n\n    const panels = storeApi.getState().panels;\n    // should remove cpu from state.panels since it's not used anymore\n    expect(panels).toEqual(expect.not.objectContaining({ cpu: testDashboard.spec.panels['cpu'] }));\n    // should not remove diskIO from state.panels since it's still used in another group\n    expect(panels).toEqual(expect.objectContaining({ diskIO: testDashboard.spec.panels['diskIO'] }));\n  });\n});\n"],"names":["screen","userEvent","DashboardProvider","QueryStringProvider","TemplateVariableProvider","TimeRangeProvider","createDashboardProviderSpy","getTestDashboard","renderWithContext","testDashboard","DashboardApp","describe","renderDashboard","store","DashboardProviderSpy","queryString","URLSearchParams","initialTimeRange","pastDuration","initialState","dashboardSpec","spec","isEditMode","dashboardResource","value","storeApi","undefined","Error","beforeEach","mockIntersectionObserver","jest","fn","mockReturnValue","observe","unobserve","disconnect","window","IntersectionObserver","it","layouts","panel","getByText","hover","deletePanelButton","getByLabelText","click","deleteButton","getState","deletedPanel","panels","expect","items","toEqual","not","objectContaining","cpu","diskIO","group1","moveGroupDownBtn","unhover","group2","moveGroupUpBtn","title","toBe","group","deleteGroupIcon","toHaveLength","deletedLayout","id","isCollapsed","x","y","width","height","content","$ref"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/dashboards",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "The dashboards feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -27,9 +27,9 @@
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "^0.9.0",
-    "@perses-dev/core": "^0.9.0",
-    "@perses-dev/plugin-system": "^0.9.0",
+    "@perses-dev/components": "^0.10.0",
+    "@perses-dev/core": "^0.10.0",
+    "@perses-dev/plugin-system": "^0.10.0",
     "@types/react-grid-layout": "^1.3.2",
     "date-fns": "^2.28.0",
     "immer": "^9.0.15",

package/dist/cjs/components/PanelDrawer/PanelSpecEditor.js

@@ -1,40 +0,0 @@
-// 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, "PanelSpecEditor", {
-    enumerable: true,
-    get: ()=>PanelSpecEditor
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _pluginSystem = require("@perses-dev/plugin-system");
-function PanelSpecEditor(props) {
-    const { panelPluginKind , ...others } = props;
-    const { data: plugin , isLoading  } = (0, _pluginSystem.usePlugin)('Panel', panelPluginKind, {
-        useErrorBoundary: true,
-        enabled: panelPluginKind !== ''
-    });
-    // TODO: Proper loading indicator
-    if (isLoading) {
-        return null;
-    }
-    if (plugin === undefined) {
-        throw new Error(`Missing OptionsEditorComponent for Panel plugin with kind '${panelPluginKind}'`);
-    }
-    const { OptionsEditorComponent  } = plugin;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(OptionsEditorComponent, {
-        ...others
-    });
-}

package/dist/cjs/components/PanelDrawer/PanelTypeSelect.js

@@ -1,38 +0,0 @@
-// 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, "PanelTypeSelect", {
-    enumerable: true,
-    get: ()=>PanelTypeSelect
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _pluginSystem = require("@perses-dev/plugin-system");
-function PanelTypeSelect(props) {
-    const { value: propValue , ...others } = props;
-    const { data , isLoading  } = (0, _pluginSystem.useListPluginMetadata)('Panel');
-    // Pass an empty value while options are still loading so MUI doesn't complain about us using an "out of range" value
-    const value = propValue !== '' && isLoading ? '' : propValue;
-    // TODO: Does this need a loading indicator of some kind?
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Select, {
-        ...others,
-        value: value,
-        children: data === null || data === void 0 ? void 0 : data.map((metadata)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.MenuItem, {
-                value: metadata.kind,
-                children: metadata.display.name
-            }, metadata.kind))
-    });
-}