@perses-dev/dashboards 0.8.0 → 0.9.0

package/dist/test/testDashboard.js

@@ -1 +1,274 @@
-const testDashboard={kind:"Dashboard",metadata:{name:"Node Stats",project:"perses",created_at:"2021-11-09",updated_at:"2021-11-09",version:0},spec:{datasource:{kind:"Prometheus",global:!0,name:"Public Prometheus Demo Server"},duration:"24h",variables:[{name:"job",kind:"TextVariable",options:{value:"node"}},{name:"instance",kind:"TextVariable",options:{value:"demo.do.prometheus.io:9100"}},{name:"interval",kind:"TextVariable",options:{value:"1m"}}],panels:{cpu:{kind:"LineChart",display:{name:"CPU"},options:{queries:[{kind:"PrometheusGraphQuery",options:{query:'avg without (cpu)(rate(node_cpu_seconds_total{job="node",instance="$instance",mode!="idle"}[$interval]))'}}],unit:{kind:"%"}}},memory:{kind:"LineChart",display:{name:"Memory"},options:{queries:[{kind:"PrometheusGraphQuery",options:{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:"PrometheusGraphQuery",options:{query:'node_memory_Buffers_bytes{job="node",instance="$instance"}'}},{kind:"PrometheusGraphQuery",options:{query:'node_memory_Cached_bytes{job="node",instance="$instance"}'}},{kind:"PrometheusGraphQuery",options:{query:'node_memory_MemFree_bytes{job="node",instance="$instance"}'}}],unit:{kind:"Bytes"}}},diskIO:{kind:"LineChart",display:{name:"Disk I/O Utilization"},options:{queries:[{kind:"PrometheusGraphQuery",options:{query:'rate(node_disk_io_time_seconds_total{job="node",instance="$instance",device!~"^(md\\\\d+$|dm-)"}[$interval])'}}],unit:{kind:"Percent"}}},filesystemFullness:{kind:"LineChart",display:{name:"Filesystem Fullness"},options:{queries:[{kind:"PrometheusGraphQuery",options:{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:[{kind:"Grid",spec:{display:{title:"CPU Stats"},items:[{x:0,y:0,width:12,height:4,content:{$ref:"#/spec/panels/cpu"}}]}},{kind:"Grid",spec:{items:[{x:8,y:0,width:8,height:3,content:{$ref:"#/spec/panels/memory"}}]}},{kind:"Grid",spec:{display:{title:"Disk Stats",collapse:{open:!1}},items:[{x:0,y:0,width:6,height:2,content:{$ref:"#/spec/panels/diskIO"}},{x:18,y:0,width:6,height:2,content:{$ref:"#/spec/panels/filesystemFullness"}}]}}]}};export default testDashboard;
+// 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: '24h',
+        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'
+                            }
+                        }
+                    }
+                }
+            },
+            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'
+                    },
+                    items: [
+                        // First Row
+                        {
+                            x: 0,
+                            y: 0,
+                            width: 12,
+                            height: 4,
+                            content: {
+                                $ref: '#/spec/panels/cpu'
+                            }
+                        }
+                    ]
+                }
+            },
+            // No title,
+            {
+                kind: 'Grid',
+                spec: {
+                    items: [
+                        {
+                            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: 0,
+                            y: 0,
+                            width: 6,
+                            height: 2,
+                            content: {
+                                $ref: '#/spec/panels/diskIO'
+                            }
+                        },
+                        {
+                            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: '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":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,MAAMA,aAAa,GAAsB;IACvCC,IAAI,EAAE,WAAW;IACjBC,QAAQ,EAAE;QACRC,IAAI,EAAE,YAAY;QAClBC,OAAO,EAAE,QAAQ;QACjBC,UAAU,EAAE,YAAY;QACxBC,UAAU,EAAE,YAAY;QACxBC,OAAO,EAAE,CAAC;KACX;IACDC,IAAI,EAAE;QACJC,QAAQ,EAAE,KAAK;QACfC,SAAS,EAAE;YACT;gBACET,IAAI,EAAE,cAAc;gBACpBO,IAAI,EAAE;oBACJL,IAAI,EAAE,KAAK;oBACXQ,KAAK,EAAE,MAAM;iBACd;aACF;YACD;gBACEV,IAAI,EAAE,cAAc;gBACpBO,IAAI,EAAE;oBACJL,IAAI,EAAE,UAAU;oBAChBQ,KAAK,EAAE,4BAA4B;iBACpC;aACF;YACD;gBACEV,IAAI,EAAE,cAAc;gBACpBO,IAAI,EAAE;oBACJL,IAAI,EAAE,UAAU;oBAChBQ,KAAK,EAAE,IAAI;iBACZ;aACF;SACF;QACDC,MAAM,EAAE;YACNC,GAAG,EAAE;gBACHZ,IAAI,EAAE,OAAO;gBACbO,IAAI,EAAE;oBACJM,OAAO,EAAE;wBAAEX,IAAI,EAAE,KAAK;qBAAE;oBACxBY,MAAM,EAAE;wBACNd,IAAI,EAAE,iBAAiB;wBACvBO,IAAI,EAAE;4BACJQ,OAAO,EAAE;gCACP;oCACEf,IAAI,EAAE,iBAAiB;oCACvBO,IAAI,EAAE;wCACJO,MAAM,EAAE;4CACNd,IAAI,EAAE,2BAA2B;4CACjCO,IAAI,EAAE;gDACJS,KAAK,EACH,0GAA0G;6CAC7G;yCACF;qCACF;iCACF;6BACF;4BACDC,IAAI,EAAE;gCAAEjB,IAAI,EAAE,GAAG;6BAAE;yBACpB;qBACF;iBACF;aACF;YACDkB,MAAM,EAAE;gBACNlB,IAAI,EAAE,OAAO;gBACbO,IAAI,EAAE;oBACJM,OAAO,EAAE;wBAAEX,IAAI,EAAE,QAAQ;qBAAE;oBAC3BY,MAAM,EAAE;wBACNd,IAAI,EAAE,iBAAiB;wBACvBO,IAAI,EAAE;4BACJQ,OAAO,EAAE;gCACP;oCACEf,IAAI,EAAE,iBAAiB;oCACvBO,IAAI,EAAE;wCACJO,MAAM,EAAE;4CACNd,IAAI,EAAE,2BAA2B;4CACjCO,IAAI,EAAE;gDACJS,KAAK,EACH,mPAAmP;6CACtP;yCACF;qCACF;iCACF;gCACD;oCACEhB,IAAI,EAAE,iBAAiB;oCACvBO,IAAI,EAAE;wCACJO,MAAM,EAAE;4CACNd,IAAI,EAAE,2BAA2B;4CACjCO,IAAI,EAAE;gDACJS,KAAK,EAAE,4DAA4D;6CACpE;yCACF;qCACF;iCACF;gCACD;oCACEhB,IAAI,EAAE,iBAAiB;oCACvBO,IAAI,EAAE;wCACJO,MAAM,EAAE;4CACNd,IAAI,EAAE,2BAA2B;4CACjCO,IAAI,EAAE;gDACJS,KAAK,EAAE,2DAA2D;6CACnE;yCACF;qCACF;iCACF;gCACD;oCACEhB,IAAI,EAAE,iBAAiB;oCACvBO,IAAI,EAAE;wCACJO,MAAM,EAAE;4CACNd,IAAI,EAAE,2BAA2B;4CACjCO,IAAI,EAAE;gDACJS,KAAK,EAAE,4DAA4D;6CACpE;yCACF;qCACF;iCACF;6BACF;4BACDC,IAAI,EAAE;gCAAEjB,IAAI,EAAE,OAAO;6BAAE;yBACxB;qBACF;iBACF;aACF;YACDmB,MAAM,EAAE;gBACNnB,IAAI,EAAE,OAAO;gBACbO,IAAI,EAAE;oBACJM,OAAO,EAAE;wBAAEX,IAAI,EAAE,sBAAsB;qBAAE;oBACzCY,MAAM,EAAE;wBACNd,IAAI,EAAE,iBAAiB;wBACvBO,IAAI,EAAE;4BACJQ,OAAO,EAAE;gCACP;oCACEf,IAAI,EAAE,iBAAiB;oCACvBO,IAAI,EAAE;wCACJO,MAAM,EAAE;4CACNd,IAAI,EAAE,2BAA2B;4CACjCO,IAAI,EAAE;gDACJS,KAAK,EACH,8GAA8G;6CACjH;yCACF;qCACF;iCACF;6BACF;4BACDC,IAAI,EAAE;gCAAEjB,IAAI,EAAE,SAAS;6BAAE;yBAC1B;qBACF;iBACF;aACF;YACDoB,kBAAkB,EAAE;gBAClBpB,IAAI,EAAE,OAAO;gBACbO,IAAI,EAAE;oBACJM,OAAO,EAAE;wBAAEX,IAAI,EAAE,qBAAqB;qBAAE;oBACxCY,MAAM,EAAE;wBACNd,IAAI,EAAE,iBAAiB;wBACvBO,IAAI,EAAE;4BACJQ,OAAO,EAAE;gCACP;oCACEf,IAAI,EAAE,iBAAiB;oCACvBO,IAAI,EAAE;wCACJO,MAAM,EAAE;4CACNd,IAAI,EAAE,2BAA2B;4CACjCO,IAAI,EAAE;gDACJS,KAAK,EACH,0LAA0L;6CAC7L;yCACF;qCACF;iCACF;6BACF;4BACDC,IAAI,EAAE;gCAAEjB,IAAI,EAAE,SAAS;6BAAE;yBAC1B;qBACF;iBACF;aACF;SACF;QACDqB,OAAO,EAAE;YACP,qCAAqC;YACrC;gBACErB,IAAI,EAAE,MAAM;gBACZO,IAAI,EAAE;oBACJM,OAAO,EAAE;wBACPS,KAAK,EAAE,WAAW;qBACnB;oBACDC,KAAK,EAAE;wBACL,YAAY;wBACZ;4BACEC,CAAC,EAAE,CAAC;4BACJC,CAAC,EAAE,CAAC;4BACJC,KAAK,EAAE,EAAE;4BACTC,MAAM,EAAE,CAAC;4BACTC,OAAO,EAAE;gCAAEC,IAAI,EAAE,mBAAmB;6BAAE;yBACvC;qBACF;iBACF;aACF;YACD,YAAY;YACZ;gBACE7B,IAAI,EAAE,MAAM;gBACZO,IAAI,EAAE;oBACJgB,KAAK,EAAE;wBACL;4BACEC,CAAC,EAAE,CAAC;4BACJC,CAAC,EAAE,CAAC;4BACJC,KAAK,EAAE,CAAC;4BACRC,MAAM,EAAE,CAAC;4BACTC,OAAO,EAAE;gCAAEC,IAAI,EAAE,sBAAsB;6BAAE;yBAC1C;qBACF;iBACF;aACF;YACD,YAAY;YACZ;gBACE7B,IAAI,EAAE,MAAM;gBACZO,IAAI,EAAE;oBACJM,OAAO,EAAE;wBACPS,KAAK,EAAE,YAAY;wBACnBQ,QAAQ,EAAE;4BACRC,IAAI,EAAE,KAAK;yBACZ;qBACF;oBACDR,KAAK,EAAE;wBACL;4BACEC,CAAC,EAAE,CAAC;4BACJC,CAAC,EAAE,CAAC;4BACJC,KAAK,EAAE,CAAC;4BACRC,MAAM,EAAE,CAAC;4BACTC,OAAO,EAAE;gCAAEC,IAAI,EAAE,sBAAsB;6BAAE;yBAC1C;wBACD;4BACEL,CAAC,EAAE,EAAE;4BACLC,CAAC,EAAE,CAAC;4BACJC,KAAK,EAAE,CAAC;4BACRC,MAAM,EAAE,CAAC;4BACTC,OAAO,EAAE;gCAAEC,IAAI,EAAE,kCAAkC;6BAAE;yBACtD;qBACF;iBACF;aACF;SACF;KACF;CACF,AAAC;AAEF,eAAe9B,aAAa,CAAC"}

package/dist/utils/functions.js

@@ -1 +1,17 @@
-export const removeWhiteSpacesAndSpecialCharacters=e=>e.replace(/\s+/g,"");
+// 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,7 @@
+/// <reference types="react" />
+import { DashboardResource } from '@perses-dev/core';
+export interface DashboardAppProps {
+    dashboardResource: DashboardResource;
+}
+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":";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"}

package/dist/views/ViewDashboard/DashboardApp.js

@@ -0,0 +1,56 @@
+// 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 { Box } from '@mui/material';
+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';
+export const DashboardApp = (props)=>{
+    const { dashboardResource  } = props;
+    const { dashboard  } = useDashboard();
+    const { panelGroupDialog  } = useDashboardApp();
+    return /*#__PURE__*/ _jsxs(Box, {
+        sx: {
+            padding: (theme)=>theme.spacing(1, 0),
+            flexGrow: 1,
+            overflowX: 'hidden',
+            overflowY: 'auto',
+            display: 'flex',
+            flexDirection: 'column'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(DashboardToolbar, {
+                dashboardName: dashboardResource.metadata.name
+            }),
+            /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    padding: (theme)=>theme.spacing(2)
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(ErrorBoundary, {
+                        FallbackComponent: ErrorAlert,
+                        children: /*#__PURE__*/ _jsx(Dashboard, {
+                            spec: dashboard
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PanelDrawer, {}),
+                    panelGroupDialog && /*#__PURE__*/ _jsx(PanelGroupDialog, {})
+                ]
+            })
+        ]
+    });
+};
+
+//# 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 { 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"}

package/dist/views/{ViewDashboard.d.ts → ViewDashboard/ViewDashboard.d.ts}

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { BoxProps } from '@mui/material';
 import { DashboardResource } from '@perses-dev/core';
-export interface ViewDashboardProps extends BoxProps {
+import { DatasourceStoreProviderProps } from '../../context';
+export interface ViewDashboardProps extends Omit<BoxProps, 'children'> {
     dashboardResource: DashboardResource;
+    datasourceApi: DatasourceStoreProviderProps['datasourceApi'];
 }
 /**
  * The View for displaying a Dashboard, along with the UI for selecting variable values.

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":";AAcA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAuB,MAAM,kBAAkB,CAAC;AAG1E,OAAO,EAIL,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;CAC9D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA8CtD"}

package/dist/views/ViewDashboard/ViewDashboard.js

@@ -0,0 +1,79 @@
+// Copyright 2022 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Box } from '@mui/material';
+import { getDefaultTimeRange } from '@perses-dev/core';
+import { useQueryString } from '@perses-dev/plugin-system';
+import { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';
+import { TimeRangeProvider, 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 , sx , ...others } = props;
+    const { spec  } = dashboardResource;
+    const { queryString , setQueryString  } = useQueryString();
+    var _duration;
+    const dashboardDuration = (_duration = spec.duration) !== null && _duration !== void 0 ? _duration : '1h';
+    const defaultTimeRange = getDefaultTimeRange(dashboardDuration, queryString);
+    // TODO: add reusable sync query string or no-op util
+    useEffect(()=>{
+        const currentParams = Object.fromEntries([
+            ...queryString
+        ]);
+        // if app does not provide query string implementation, setTimeRange is used instead
+        if (!currentParams.start && setQueryString) {
+            // default to duration in dashboard definition if start param is not already set
+            queryString.set('start', dashboardDuration);
+            setQueryString(queryString);
+        }
+    }, [
+        dashboardDuration,
+        queryString,
+        setQueryString
+    ]);
+    return /*#__PURE__*/ _jsx(DatasourceStoreProvider, {
+        dashboardResource: dashboardResource,
+        datasourceApi: datasourceApi,
+        children: /*#__PURE__*/ _jsx(DashboardProvider, {
+            initialState: {
+                dashboardSpec: spec
+            },
+            children: /*#__PURE__*/ _jsx(TimeRangeProvider, {
+                initialTimeRange: defaultTimeRange,
+                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
+                            })
+                        })
+                    })
+                })
+            })
+        })
+    });
+}
+
+//# 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 { useEffect } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { DashboardResource, getDefaultTimeRange } from '@perses-dev/core';\nimport { useQueryString } from '@perses-dev/plugin-system';\nimport { ErrorBoundary, ErrorAlert, combineSx } from '@perses-dev/components';\nimport {\n  TimeRangeProvider,\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}\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 { dashboardResource, datasourceApi, sx, ...others } = props;\n  const { spec } = dashboardResource;\n\n  const { queryString, setQueryString } = useQueryString();\n  const dashboardDuration = spec.duration ?? '1h';\n  const defaultTimeRange = getDefaultTimeRange(dashboardDuration, queryString);\n\n  // TODO: add reusable sync query string or no-op util\n  useEffect(() => {\n    const currentParams = Object.fromEntries([...queryString]);\n    // if app does not provide query string implementation, setTimeRange is used instead\n    if (!currentParams.start && setQueryString) {\n      // default to duration in dashboard definition if start param is not already set\n      queryString.set('start', dashboardDuration);\n      setQueryString(queryString);\n    }\n  }, [dashboardDuration, queryString, setQueryString]);\n\n  return (\n    <DatasourceStoreProvider dashboardResource={dashboardResource} datasourceApi={datasourceApi}>\n      <DashboardProvider initialState={{ dashboardSpec: spec }}>\n        <TimeRangeProvider initialTimeRange={defaultTimeRange}>\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 dashboardResource={dashboardResource} />\n              </ErrorBoundary>\n            </Box>\n          </TemplateVariableProvider>\n        </TimeRangeProvider>\n      </DashboardProvider>\n    </DatasourceStoreProvider>\n  );\n}\n"],"names":["useEffect","Box","getDefaultTimeRange","useQueryString","ErrorBoundary","ErrorAlert","combineSx","TimeRangeProvider","TemplateVariableProvider","DashboardProvider","DatasourceStoreProvider","DashboardApp","ViewDashboard","props","dashboardResource","datasourceApi","sx","others","spec","queryString","setQueryString","dashboardDuration","duration","defaultTimeRange","currentParams","Object","fromEntries","start","set","initialState","dashboardSpec","initialTimeRange","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,SAAS,QAAQ,OAAO,CAAC;AAClC,SAASC,GAAG,QAAkB,eAAe,CAAC;AAC9C,SAA4BC,mBAAmB,QAAQ,kBAAkB,CAAC;AAC1E,SAASC,cAAc,QAAQ,2BAA2B,CAAC;AAC3D,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,QAAQ,wBAAwB,CAAC;AAC9E,SACEC,iBAAiB,EACjBC,wBAAwB,EACxBC,iBAAiB,EAEjBC,uBAAuB,QAClB,eAAe,CAAC;AACvB,SAASC,YAAY,QAAQ,gBAAgB,CAAC;AAO9C;;CAEC,GACD,OAAO,SAASC,aAAa,CAACC,KAAyB,EAAE;IACvD,MAAM,EAAEC,iBAAiB,CAAA,EAAEC,aAAa,CAAA,EAAEC,EAAE,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGJ,KAAK,AAAC;IAClE,MAAM,EAAEK,IAAI,CAAA,EAAE,GAAGJ,iBAAiB,AAAC;IAEnC,MAAM,EAAEK,WAAW,CAAA,EAAEC,cAAc,CAAA,EAAE,GAAGjB,cAAc,EAAE,AAAC;QAC/Be,SAAa;IAAvC,MAAMG,iBAAiB,GAAGH,CAAAA,SAAa,GAAbA,IAAI,CAACI,QAAQ,cAAbJ,SAAa,cAAbA,SAAa,GAAI,IAAI,AAAC;IAChD,MAAMK,gBAAgB,GAAGrB,mBAAmB,CAACmB,iBAAiB,EAAEF,WAAW,CAAC,AAAC;IAE7E,qDAAqD;IACrDnB,SAAS,CAAC,IAAM;QACd,MAAMwB,aAAa,GAAGC,MAAM,CAACC,WAAW,CAAC;eAAIP,WAAW;SAAC,CAAC,AAAC;QAC3D,oFAAoF;QACpF,IAAI,CAACK,aAAa,CAACG,KAAK,IAAIP,cAAc,EAAE;YAC1C,gFAAgF;YAChFD,WAAW,CAACS,GAAG,CAAC,OAAO,EAAEP,iBAAiB,CAAC,CAAC;YAC5CD,cAAc,CAACD,WAAW,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE;QAACE,iBAAiB;QAAEF,WAAW;QAAEC,cAAc;KAAC,CAAC,CAAC;IAErD,qBACE,KAACV,uBAAuB;QAACI,iBAAiB,EAAEA,iBAAiB;QAAEC,aAAa,EAAEA,aAAa;kBACzF,cAAA,KAACN,iBAAiB;YAACoB,YAAY,EAAE;gBAAEC,aAAa,EAAEZ,IAAI;aAAE;sBACtD,cAAA,KAACX,iBAAiB;gBAACwB,gBAAgB,EAAER,gBAAgB;0BACnD,cAAA,KAACf,wBAAwB;oBAACwB,0BAA0B,EAAEd,IAAI,CAACe,SAAS;8BAClE,cAAA,KAAChC,GAAG;wBACFe,EAAE,EAAEV,SAAS,CACX;4BACE4B,OAAO,EAAE,MAAM;4BACfC,KAAK,EAAE,MAAM;4BACbC,MAAM,EAAE,MAAM;4BACdC,QAAQ,EAAE,UAAU;4BACpBC,QAAQ,EAAE,QAAQ;yBACnB,EACDtB,EAAE,CACH;wBACA,GAAGC,MAAM;kCAEV,cAAA,KAACb,aAAa;4BAACmC,iBAAiB,EAAElC,UAAU;sCAC1C,cAAA,KAACM,YAAY;gCAACG,iBAAiB,EAAEA,iBAAiB;8BAAI;0BACxC;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"}

package/dist/views/index.js

@@ -1 +1,15 @@
-export*from"./ViewDashboard";
+// 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/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/dashboards",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "The dashboards feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -16,19 +16,24 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "clean": "rimraf dist/",
-    "build": "tsc --build",
-    "build:cjs": "tsc --project ./tsconfig.cjs.json",
+    "build": "concurrently \"npm:build:*\"",
+    "build:cjs": "swc ./src -d dist/cjs --config-file ../.cjs.swcrc",
+    "build:esm": "swc ./src -d dist --config-file ../.swcrc",
+    "build:types": "tsc --emitDeclarationOnly --declaration --preserveWatchOutput",
+    "start": "concurrently -P \"npm:build:* -- {*}\" -- --watch",
     "test": "TZ=UTC jest",
-    "test:watch": "TZ=UTC jest --watch",
+    "test:watch": "npm run test -- --watch",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "^0.8.0",
-    "@perses-dev/core": "^0.8.0",
-    "@perses-dev/plugin-system": "^0.8.0",
+    "@perses-dev/components": "^0.9.0",
+    "@perses-dev/core": "^0.9.0",
+    "@perses-dev/plugin-system": "^0.9.0",
     "@types/react-grid-layout": "^1.3.2",
+    "date-fns": "^2.28.0",
     "immer": "^9.0.15",
+    "mdi-material-ui": "^7.4.0",
     "react-grid-layout": "^1.3.4",
     "react-intersection-observer": "^9.4.0",
     "use-immer": "^0.7.0",
@@ -40,6 +45,7 @@
   },
   "peerDependencies": {
     "@mui/material": "^5.6.0",
+    "@tanstack/react-query": "^4.7.1",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
   },