@perses-dev/dashboards 0.23.1 → 0.25.0

package/dist/components/EditJsonDialog/EditJsonDialog.js

@@ -0,0 +1,80 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Alert, FormControl } from '@mui/material';
+import { Dialog, JSONEditor } from '@perses-dev/components';
+import { useEditJsonDialog } from '../../context/DashboardProvider';
+import { useDashboard } from '../../context/useDashboard';
+export const EditJsonDialog = ()=>{
+    const { editJsonDialog , closeEditJsonDialog  } = useEditJsonDialog();
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        open: !!(editJsonDialog === null || editJsonDialog === void 0 ? void 0 : editJsonDialog.isOpen),
+        scroll: "paper",
+        fullWidth: true,
+        maxWidth: "lg",
+        children: [
+            /*#__PURE__*/ _jsx(Dialog.Header, {
+                onClose: ()=>closeEditJsonDialog(),
+                children: "Edit Dashboard"
+            }),
+            (editJsonDialog === null || editJsonDialog === void 0 ? void 0 : editJsonDialog.isOpen) && /*#__PURE__*/ _jsx(EditJsonDialogForm, {})
+        ]
+    });
+};
+const EditJsonDialogForm = ()=>{
+    const { closeEditJsonDialog  } = useEditJsonDialog();
+    const { dashboard , setDashboard  } = useDashboard();
+    const [draftDashboard, setDraftDashboard] = useState(dashboard);
+    const handleApply = (e)=>{
+        e.preventDefault();
+        setDashboard(draftDashboard);
+        closeEditJsonDialog();
+    };
+    return /*#__PURE__*/ _jsxs(Dialog.Form, {
+        onSubmit: handleApply,
+        children: [
+            /*#__PURE__*/ _jsxs(Dialog.Content, {
+                sx: {
+                    width: '100%'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Alert, {
+                        sx: {
+                            marginBottom: (theme)=>theme.spacing(1)
+                        },
+                        severity: "warning",
+                        children: "Metadata cannot be modified or saved."
+                    }),
+                    /*#__PURE__*/ _jsx(FormControl, {
+                        fullWidth: true,
+                        children: /*#__PURE__*/ _jsx(JSONEditor, {
+                            minHeight: "300px",
+                            maxHeight: "700px",
+                            value: draftDashboard,
+                            onChange: (value)=>setDraftDashboard(value)
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Dialog.Actions, {
+                children: /*#__PURE__*/ _jsx(Dialog.PrimaryButton, {
+                    onClick: handleApply,
+                    children: "Apply"
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EditJsonDialog.js.map

package/dist/components/EditJsonDialog/EditJsonDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EditJsonDialog/EditJsonDialog.tsx"],"sourcesContent":["// Copyright 2023 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 { FormEvent, useState } from 'react';\nimport { Alert, FormControl } from '@mui/material';\nimport { Dialog, JSONEditor } from '@perses-dev/components';\nimport { useEditJsonDialog } from '../../context/DashboardProvider';\nimport { useDashboard } from '../../context/useDashboard';\n\nexport const EditJsonDialog = () => {\n  const { editJsonDialog, closeEditJsonDialog } = useEditJsonDialog();\n\n  return (\n    <Dialog open={!!editJsonDialog?.isOpen} scroll=\"paper\" fullWidth maxWidth=\"lg\">\n      <Dialog.Header onClose={() => closeEditJsonDialog()}>Edit Dashboard</Dialog.Header>\n      {editJsonDialog?.isOpen && <EditJsonDialogForm />}\n    </Dialog>\n  );\n};\n\nconst EditJsonDialogForm = () => {\n  const { closeEditJsonDialog } = useEditJsonDialog();\n  const { dashboard, setDashboard } = useDashboard();\n  const [draftDashboard, setDraftDashboard] = useState(dashboard);\n\n  const handleApply = (e: FormEvent) => {\n    e.preventDefault();\n    setDashboard(draftDashboard);\n    closeEditJsonDialog();\n  };\n\n  return (\n    <Dialog.Form onSubmit={handleApply}>\n      <Dialog.Content sx={{ width: '100%' }}>\n        <Alert sx={{ marginBottom: (theme) => theme.spacing(1) }} severity=\"warning\">\n          Metadata cannot be modified or saved.\n        </Alert>\n        <FormControl fullWidth>\n          <JSONEditor\n            minHeight=\"300px\"\n            maxHeight=\"700px\"\n            value={draftDashboard}\n            onChange={(value) => setDraftDashboard(value)}\n          />\n        </FormControl>\n      </Dialog.Content>\n      <Dialog.Actions>\n        <Dialog.PrimaryButton onClick={handleApply}>Apply</Dialog.PrimaryButton>\n      </Dialog.Actions>\n    </Dialog.Form>\n  );\n};\n"],"names":["useState","Alert","FormControl","Dialog","JSONEditor","useEditJsonDialog","useDashboard","EditJsonDialog","editJsonDialog","closeEditJsonDialog","open","isOpen","scroll","fullWidth","maxWidth","Header","onClose","EditJsonDialogForm","dashboard","setDashboard","draftDashboard","setDraftDashboard","handleApply","e","preventDefault","Form","onSubmit","Content","sx","width","marginBottom","theme","spacing","severity","minHeight","maxHeight","value","onChange","Actions","PrimaryButton","onClick"],"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,SAAoBA,QAAQ,QAAQ,OAAO,CAAC;AAC5C,SAASC,KAAK,EAAEC,WAAW,QAAQ,eAAe,CAAC;AACnD,SAASC,MAAM,EAAEC,UAAU,QAAQ,wBAAwB,CAAC;AAC5D,SAASC,iBAAiB,QAAQ,iCAAiC,CAAC;AACpE,SAASC,YAAY,QAAQ,4BAA4B,CAAC;AAE1D,OAAO,MAAMC,cAAc,GAAG,IAAM;IAClC,MAAM,EAAEC,cAAc,CAAA,EAAEC,mBAAmB,CAAA,EAAE,GAAGJ,iBAAiB,EAAE,AAAC;IAEpE,qBACE,MAACF,MAAM;QAACO,IAAI,EAAE,CAAC,CAACF,CAAAA,cAAc,aAAdA,cAAc,WAAQ,GAAtBA,KAAAA,CAAsB,GAAtBA,cAAc,CAAEG,MAAM,CAAA;QAAEC,MAAM,EAAC,OAAO;QAACC,SAAS;QAACC,QAAQ,EAAC,IAAI;;0BAC5E,KAACX,MAAM,CAACY,MAAM;gBAACC,OAAO,EAAE,IAAMP,mBAAmB,EAAE;0BAAE,gBAAc;cAAgB;YAClFD,CAAAA,cAAc,aAAdA,cAAc,WAAQ,GAAtBA,KAAAA,CAAsB,GAAtBA,cAAc,CAAEG,MAAM,CAAA,kBAAI,KAACM,kBAAkB,KAAG;;MAC1C,CACT;AACJ,CAAC,CAAC;AAEF,MAAMA,kBAAkB,GAAG,IAAM;IAC/B,MAAM,EAAER,mBAAmB,CAAA,EAAE,GAAGJ,iBAAiB,EAAE,AAAC;IACpD,MAAM,EAAEa,SAAS,CAAA,EAAEC,YAAY,CAAA,EAAE,GAAGb,YAAY,EAAE,AAAC;IACnD,MAAM,CAACc,cAAc,EAAEC,iBAAiB,CAAC,GAAGrB,QAAQ,CAACkB,SAAS,CAAC,AAAC;IAEhE,MAAMI,WAAW,GAAG,CAACC,CAAY,GAAK;QACpCA,CAAC,CAACC,cAAc,EAAE,CAAC;QACnBL,YAAY,CAACC,cAAc,CAAC,CAAC;QAC7BX,mBAAmB,EAAE,CAAC;IACxB,CAAC,AAAC;IAEF,qBACE,MAACN,MAAM,CAACsB,IAAI;QAACC,QAAQ,EAAEJ,WAAW;;0BAChC,MAACnB,MAAM,CAACwB,OAAO;gBAACC,EAAE,EAAE;oBAAEC,KAAK,EAAE,MAAM;iBAAE;;kCACnC,KAAC5B,KAAK;wBAAC2B,EAAE,EAAE;4BAAEE,YAAY,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAAC,CAAC,CAAC;yBAAE;wBAAEC,QAAQ,EAAC,SAAS;kCAAC,uCAE7E;sBAAQ;kCACR,KAAC/B,WAAW;wBAACW,SAAS;kCACpB,cAAA,KAACT,UAAU;4BACT8B,SAAS,EAAC,OAAO;4BACjBC,SAAS,EAAC,OAAO;4BACjBC,KAAK,EAAEhB,cAAc;4BACrBiB,QAAQ,EAAE,CAACD,KAAK,GAAKf,iBAAiB,CAACe,KAAK,CAAC;0BAC7C;sBACU;;cACC;0BACjB,KAACjC,MAAM,CAACmC,OAAO;0BACb,cAAA,KAACnC,MAAM,CAACoC,aAAa;oBAACC,OAAO,EAAElB,WAAW;8BAAE,OAAK;kBAAuB;cACzD;;MACL,CACd;AACJ,CAAC,AAAC"}

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

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

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

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

package/dist/components/EditJsonDialog/index.js

@@ -0,0 +1,15 @@
+// Copyright 2023 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 './EditJsonDialog';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EditJsonDialog/index.ts"],"sourcesContent":["// Copyright 2023 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 './EditJsonDialog';\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,kBAAkB,CAAC"}

package/dist/components/EmptyDashboard/EmptyDashboard.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface EmptyDashboardProps {
+    /**
+     * The title, which should be relatively short text.
+     */
+    title?: string;
+    /**
+     * Descriptive text, which can be a bit longer.
+     */
+    description?: string;
+    /**
+     * Additional text that will be displayed at the bottom of the empty state.
+     * If not specified, no additional text is shown.
+     */
+    additionalText?: string;
+    /**
+     * Components that are placed below the title and description that include
+     * actions for the user to take (e.g. buttons or links). If not specified,
+     * the default buttons will be displayed. Set to `false` to disable the default
+     * buttons.
+     */
+    actions?: JSX.Element | boolean;
+    /**
+     * Handler for clicking the edit button when the dashboard is in "view" mode.
+     * Required when using the default empty state.
+     */
+    onEditButtonClick?: () => void;
+}
+/**
+ * Communicate that a dashboard is empty and prompt the user to get started.
+ */
+export declare const EmptyDashboard: ({ title, description, additionalText, actions, onEditButtonClick, }: EmptyDashboardProps) => JSX.Element;
+//# sourceMappingURL=EmptyDashboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyDashboard/EmptyDashboard.tsx"],"names":[],"mappings":";AAmBA,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IAEhC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAmDD;;GAEG;AACH,eAAO,MAAM,cAAc,wEAMxB,mBAAmB,gBA0BrB,CAAC"}

package/dist/components/EmptyDashboard/EmptyDashboard.js

@@ -0,0 +1,123 @@
+// Copyright 2023 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, Fragment as _Fragment } from "react/jsx-runtime";
+import { Typography, Box } from '@mui/material';
+import { useEditMode } from '../../context';
+import { AddPanelButton } from '../AddPanelButton';
+import { EditVariablesButton } from '../Variables';
+import { EditButton } from '../EditButton';
+const DEFAULT_TITLE = "Let's get started";
+const DEFAULT_DESCRIPTION = {
+    edit: 'We currently support time series charts, gauge charts, stat charts and more!',
+    view: 'This dashboard is currently empty. Get started by clicking the edit button.'
+};
+// Constants from specifics in designs to make the default messaging look good.
+const CONTAINER_WIDTH = '450px';
+const PRIMARY_CONTENT_WIDTH = '289px';
+const COMMON_BUTTON_PROPS = {
+    variant: 'outlined',
+    color: 'secondary'
+};
+const EmptyDashboardActions = ({ actions , isEditMode , onEditButtonClick  })=>{
+    if (actions && typeof actions !== 'boolean') {
+        // Custom actions
+        return actions;
+    }
+    if (actions === false) {
+        // Disable default actions
+        return null;
+    }
+    if (isEditMode) {
+        // Default edit mode actions
+        return /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(AddPanelButton, {
+                    variant: "outlined",
+                    color: "secondary",
+                    label: "Add Panel",
+                    fullWidth: true
+                }),
+                /*#__PURE__*/ _jsx(EditVariablesButton, {
+                    variant: "outlined",
+                    color: "secondary",
+                    label: "Add Variables",
+                    fullWidth: true
+                })
+            ]
+        });
+    }
+    if (onEditButtonClick) {
+        // Default view mode actions
+        return /*#__PURE__*/ _jsx(EditButton, {
+            ...COMMON_BUTTON_PROPS,
+            label: "Edit Dashboard",
+            onClick: onEditButtonClick
+        });
+    }
+    return null;
+};
+/**
+ * Communicate that a dashboard is empty and prompt the user to get started.
+ */ export const EmptyDashboard = ({ title =DEFAULT_TITLE , description , additionalText , actions , onEditButtonClick  })=>{
+    const { isEditMode  } = useEditMode();
+    const defaultDescription = isEditMode ? DEFAULT_DESCRIPTION.edit : DEFAULT_DESCRIPTION.view;
+    const actionsContent = /*#__PURE__*/ _jsx(EmptyDashboardActions, {
+        actions: actions,
+        onEditButtonClick: onEditButtonClick,
+        isEditMode: isEditMode
+    });
+    return /*#__PURE__*/ _jsxs(Box, {
+        sx: {
+            width: CONTAINER_WIDTH,
+            textAlign: 'center',
+            margin: '0 auto'
+        },
+        children: [
+            /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    width: PRIMARY_CONTENT_WIDTH,
+                    margin: '0 auto'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "h2",
+                        gutterBottom: true,
+                        children: title
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body1",
+                        children: description !== null && description !== void 0 ? description : defaultDescription
+                    }),
+                    actionsContent && /*#__PURE__*/ _jsx(Box, {
+                        sx: {
+                            display: 'flex',
+                            gap: 2,
+                            marginTop: 1,
+                            justifyContent: 'center'
+                        },
+                        children: actionsContent
+                    })
+                ]
+            }),
+            additionalText && /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle1",
+                sx: {
+                    marginTop: 12
+                },
+                children: additionalText
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EmptyDashboard.js.map

package/dist/components/EmptyDashboard/EmptyDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EmptyDashboard/EmptyDashboard.tsx"],"sourcesContent":["// Copyright 2023 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 { Typography, Box } from '@mui/material';\nimport { useEditMode } from '../../context';\nimport { AddPanelButton } from '../AddPanelButton';\nimport { EditVariablesButton } from '../Variables';\nimport { EditButton } from '../EditButton';\n\nexport interface EmptyDashboardProps {\n  /**\n   * The title, which should be relatively short text.\n   */\n  title?: string;\n\n  /**\n   * Descriptive text, which can be a bit longer.\n   */\n  description?: string;\n\n  /**\n   * Additional text that will be displayed at the bottom of the empty state.\n   * If not specified, no additional text is shown.\n   */\n  additionalText?: string;\n\n  /**\n   * Components that are placed below the title and description that include\n   * actions for the user to take (e.g. buttons or links). If not specified,\n   * the default buttons will be displayed. Set to `false` to disable the default\n   * buttons.\n   */\n  actions?: JSX.Element | boolean;\n\n  /**\n   * Handler for clicking the edit button when the dashboard is in \"view\" mode.\n   * Required when using the default empty state.\n   */\n  onEditButtonClick?: () => void;\n}\n\nconst DEFAULT_TITLE = \"Let's get started\";\n\nconst DEFAULT_DESCRIPTION = {\n  edit: 'We currently support time series charts, gauge charts, stat charts and more!',\n  view: 'This dashboard is currently empty. Get started by clicking the edit button.',\n};\n\n// Constants from specifics in designs to make the default messaging look good.\nconst CONTAINER_WIDTH = '450px';\nconst PRIMARY_CONTENT_WIDTH = '289px';\n\nconst COMMON_BUTTON_PROPS = {\n  variant: 'outlined',\n  color: 'secondary',\n} as const;\n\ntype EmptyDashboardActionsProps = Pick<EmptyDashboardProps, 'actions' | 'onEditButtonClick'> & {\n  isEditMode: boolean;\n};\n\nconst EmptyDashboardActions = ({ actions, isEditMode, onEditButtonClick }: EmptyDashboardActionsProps) => {\n  if (actions && typeof actions !== 'boolean') {\n    // Custom actions\n    return actions;\n  }\n\n  if (actions === false) {\n    // Disable default actions\n    return null;\n  }\n\n  if (isEditMode) {\n    // Default edit mode actions\n    return (\n      <>\n        <AddPanelButton variant=\"outlined\" color=\"secondary\" label=\"Add Panel\" fullWidth />\n        <EditVariablesButton variant=\"outlined\" color=\"secondary\" label=\"Add Variables\" fullWidth />\n      </>\n    );\n  }\n\n  if (onEditButtonClick) {\n    // Default view mode actions\n    return <EditButton {...COMMON_BUTTON_PROPS} label=\"Edit Dashboard\" onClick={onEditButtonClick} />;\n  }\n\n  return null;\n};\n\n/**\n * Communicate that a dashboard is empty and prompt the user to get started.\n */\nexport const EmptyDashboard = ({\n  title = DEFAULT_TITLE,\n  description,\n  additionalText,\n  actions,\n  onEditButtonClick,\n}: EmptyDashboardProps) => {\n  const { isEditMode } = useEditMode();\n\n  const defaultDescription = isEditMode ? DEFAULT_DESCRIPTION.edit : DEFAULT_DESCRIPTION.view;\n  const actionsContent = (\n    <EmptyDashboardActions actions={actions} onEditButtonClick={onEditButtonClick} isEditMode={isEditMode} />\n  );\n\n  return (\n    <Box sx={{ width: CONTAINER_WIDTH, textAlign: 'center', margin: '0 auto' }}>\n      <Box sx={{ width: PRIMARY_CONTENT_WIDTH, margin: '0 auto' }}>\n        <Typography variant=\"h2\" gutterBottom>\n          {title}\n        </Typography>\n        <Typography variant=\"body1\">{description ?? defaultDescription}</Typography>\n        {actionsContent && (\n          <Box sx={{ display: 'flex', gap: 2, marginTop: 1, justifyContent: 'center' }}>{actionsContent}</Box>\n        )}\n      </Box>\n      {additionalText && (\n        <Typography variant=\"subtitle1\" sx={{ marginTop: 12 }}>\n          {additionalText}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n"],"names":["Typography","Box","useEditMode","AddPanelButton","EditVariablesButton","EditButton","DEFAULT_TITLE","DEFAULT_DESCRIPTION","edit","view","CONTAINER_WIDTH","PRIMARY_CONTENT_WIDTH","COMMON_BUTTON_PROPS","variant","color","EmptyDashboardActions","actions","isEditMode","onEditButtonClick","label","fullWidth","onClick","EmptyDashboard","title","description","additionalText","defaultDescription","actionsContent","sx","width","textAlign","margin","gutterBottom","display","gap","marginTop","justifyContent"],"mappings":"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"}

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

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

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

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

package/dist/components/EmptyDashboard/index.js

@@ -0,0 +1,15 @@
+// Copyright 2023 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 './EmptyDashboard';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/EmptyDashboard/index.ts"],"sourcesContent":["// Copyright 2023 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 './EmptyDashboard';\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,kBAAkB,CAAC"}

package/dist/components/QuerySummaryTable/QuerySummaryTable.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface WarningDisplay {
+    query: string;
+    summary: string;
+}
+interface QuerySummaryTableProps {
+    showTotalQueries?: boolean;
+}
+export declare function QuerySummaryTable(props: QuerySummaryTableProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=QuerySummaryTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuerySummaryTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuerySummaryTable/QuerySummaryTable.tsx"],"names":[],"mappings":";AA8BA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAID,UAAU,sBAAsB;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,sBAmG9D"}

package/dist/components/QuerySummaryTable/QuerySummaryTable.js

@@ -0,0 +1,179 @@
+// Copyright 2023 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, Button, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography, Stack } from '@mui/material';
+import { useQueryClient } from '@tanstack/react-query';
+import { useActiveTimeSeriesQueries, useDatasourceClient, useTimeRange } from '@perses-dev/plugin-system';
+const TABLE_MAX_WIDTH = 1000;
+export function QuerySummaryTable(props) {
+    const { showTotalQueries =true  } = props;
+    const datasourcClient = useDatasourceClient({
+        kind: 'PrometheusDatasource'
+    });
+    const { absoluteTimeRange  } = useTimeRange();
+    // for displaying a summary of recent query results
+    const queryClient = useQueryClient();
+    const queries = queryClient.getQueryCache().findAll();
+    const activeQueries = queries.filter((query)=>query.state.status === 'loading');
+    const completedQueries = queries.filter((query)=>query.state.status === 'success');
+    const querySummary = useActiveTimeSeriesQueries();
+    if (datasourcClient.isLoading === true) {
+        return null;
+    }
+    const warnings = [];
+    querySummary.forEach((query)=>{
+        var ref;
+        const queryData = query.state.data;
+        if (queryData && ((ref = queryData.metadata) === null || ref === void 0 ? void 0 : ref.notices)) {
+            var ref1;
+            const queryKey = query.queryKey;
+            const warningMessage = (ref1 = queryData.metadata.notices[0]) === null || ref1 === void 0 ? void 0 : ref1.message;
+            if (warningMessage) {
+                warnings.push({
+                    query: String(queryKey[0].spec.plugin.spec.query),
+                    summary: warningMessage
+                });
+            }
+        }
+    });
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        mb: 2,
+        sx: {
+            maxWidth: TABLE_MAX_WIDTH
+        },
+        children: [
+            /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    p: 1
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "h2",
+                        mb: 1,
+                        children: "Query Summary"
+                    }),
+                    /*#__PURE__*/ _jsx(TableContainer, {
+                        component: Paper,
+                        children: /*#__PURE__*/ _jsxs(Table, {
+                            size: "small",
+                            "aria-label": "query summary table",
+                            children: [
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: /*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: "Queries Loading"
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: "Recent Time Series Queries"
+                                            }),
+                                            showTotalQueries && /*#__PURE__*/ _jsx(TableCell, {
+                                                children: "Total Queries"
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: "Start Time"
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: "End Time"
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(TableBody, {
+                                    children: /*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: activeQueries.length
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: querySummary.length
+                                            }),
+                                            showTotalQueries && /*#__PURE__*/ _jsx(TableCell, {
+                                                children: completedQueries.length
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: absoluteTimeRange.start.toString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: absoluteTimeRange.end.toString()
+                                            })
+                                        ]
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            warnings.length > 0 && /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    p: 1,
+                    m: 0
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "h3",
+                        mb: 1,
+                        children: "Warnings"
+                    }),
+                    /*#__PURE__*/ _jsx(TableContainer, {
+                        component: Paper,
+                        sx: {
+                            mb: 2
+                        },
+                        children: /*#__PURE__*/ _jsxs(Table, {
+                            size: "small",
+                            "aria-label": "query warnings table",
+                            children: [
+                                /*#__PURE__*/ _jsx(TableHead, {
+                                    children: /*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: "Query"
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: "Summary"
+                                            })
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(TableBody, {
+                                    children: warnings.map((details, idx)=>{
+                                        return /*#__PURE__*/ _jsxs(TableRow, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: details.query
+                                                }),
+                                                /*#__PURE__*/ _jsx(TableCell, {
+                                                    children: details.summary
+                                                })
+                                            ]
+                                        }, idx);
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        disabled: true,
+                        variant: "outlined",
+                        children: "TODO: Action Button"
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=QuerySummaryTable.js.map

package/dist/components/QuerySummaryTable/QuerySummaryTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/QuerySummaryTable/QuerySummaryTable.tsx"],"sourcesContent":["// Copyright 2023 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 {\n  Box,\n  Button,\n  Paper,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  Typography,\n  Stack,\n} from '@mui/material';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { TimeSeriesQueryDefinition, UnknownSpec } from '@perses-dev/core';\nimport { useActiveTimeSeriesQueries, useDatasourceClient, useTimeRange } from '@perses-dev/plugin-system';\n\nexport interface WarningDisplay {\n  query: string;\n  summary: string;\n}\n\nconst TABLE_MAX_WIDTH = 1000;\n\ninterface QuerySummaryTableProps {\n  showTotalQueries?: boolean;\n}\n\nexport function QuerySummaryTable(props: QuerySummaryTableProps) {\n  const { showTotalQueries = true } = props;\n  const datasourcClient = useDatasourceClient({ kind: 'PrometheusDatasource' });\n  const { absoluteTimeRange } = useTimeRange();\n\n  // for displaying a summary of recent query results\n  const queryClient = useQueryClient();\n  const queries = queryClient.getQueryCache().findAll();\n  const activeQueries = queries.filter((query) => query.state.status === 'loading');\n  const completedQueries = queries.filter((query) => query.state.status === 'success');\n  const querySummary = useActiveTimeSeriesQueries();\n\n  if (datasourcClient.isLoading === true) {\n    return null;\n  }\n\n  const warnings: WarningDisplay[] = [];\n  querySummary.forEach((query) => {\n    const queryData = query.state.data;\n    if (queryData && queryData.metadata?.notices) {\n      const queryKey = query.queryKey as [TimeSeriesQueryDefinition<UnknownSpec>];\n      const warningMessage = queryData.metadata.notices[0]?.message;\n      if (warningMessage) {\n        warnings.push({\n          query: String(queryKey[0].spec.plugin.spec.query),\n          summary: warningMessage,\n        });\n      }\n    }\n  });\n\n  return (\n    <Stack\n      spacing={1}\n      mb={2}\n      sx={{\n        maxWidth: TABLE_MAX_WIDTH,\n      }}\n    >\n      <Box sx={{ p: 1 }}>\n        <Typography variant=\"h2\" mb={1}>\n          Query Summary\n        </Typography>\n        <TableContainer component={Paper}>\n          <Table size=\"small\" aria-label=\"query summary table\">\n            <TableHead>\n              <TableRow>\n                <TableCell>Queries Loading</TableCell>\n                <TableCell>Recent Time Series Queries</TableCell>\n                {showTotalQueries && <TableCell>Total Queries</TableCell>}\n                <TableCell>Start Time</TableCell>\n                <TableCell>End Time</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              <TableRow>\n                <TableCell>{activeQueries.length}</TableCell>\n                <TableCell>{querySummary.length}</TableCell>\n                {showTotalQueries && <TableCell>{completedQueries.length}</TableCell>}\n                <TableCell>{absoluteTimeRange.start.toString()}</TableCell>\n                <TableCell>{absoluteTimeRange.end.toString()}</TableCell>\n              </TableRow>\n            </TableBody>\n          </Table>\n        </TableContainer>\n      </Box>\n\n      {warnings.length > 0 && (\n        <Box sx={{ p: 1, m: 0 }}>\n          <Typography variant=\"h3\" mb={1}>\n            Warnings\n          </Typography>\n          <TableContainer component={Paper} sx={{ mb: 2 }}>\n            <Table size=\"small\" aria-label=\"query warnings table\">\n              <TableHead>\n                <TableRow>\n                  <TableCell>Query</TableCell>\n                  <TableCell>Summary</TableCell>\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {warnings.map((details, idx) => {\n                  return (\n                    <TableRow key={idx}>\n                      <TableCell>{details.query}</TableCell>\n                      <TableCell>{details.summary}</TableCell>\n                    </TableRow>\n                  );\n                })}\n              </TableBody>\n            </Table>\n          </TableContainer>\n          <Button disabled variant=\"outlined\">\n            TODO: Action Button\n          </Button>\n        </Box>\n      )}\n    </Stack>\n  );\n}\n"],"names":["Box","Button","Paper","Table","TableBody","TableCell","TableContainer","TableHead","TableRow","Typography","Stack","useQueryClient","useActiveTimeSeriesQueries","useDatasourceClient","useTimeRange","TABLE_MAX_WIDTH","QuerySummaryTable","props","showTotalQueries","datasourcClient","kind","absoluteTimeRange","queryClient","queries","getQueryCache","findAll","activeQueries","filter","query","state","status","completedQueries","querySummary","isLoading","warnings","forEach","queryData","data","metadata","notices","queryKey","warningMessage","message","push","String","spec","plugin","summary","spacing","mb","sx","maxWidth","p","variant","component","size","aria-label","length","start","toString","end","m","map","details","idx","disabled"],"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,SACEA,GAAG,EACHC,MAAM,EACNC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,cAAc,EACdC,SAAS,EACTC,QAAQ,EACRC,UAAU,EACVC,KAAK,QACA,eAAe,CAAC;AACvB,SAASC,cAAc,QAAQ,uBAAuB,CAAC;AAEvD,SAASC,0BAA0B,EAAEC,mBAAmB,EAAEC,YAAY,QAAQ,2BAA2B,CAAC;AAO1G,MAAMC,eAAe,GAAG,IAAI,AAAC;AAM7B,OAAO,SAASC,iBAAiB,CAACC,KAA6B,EAAE;IAC/D,MAAM,EAAEC,gBAAgB,EAAG,IAAI,CAAA,EAAE,GAAGD,KAAK,AAAC;IAC1C,MAAME,eAAe,GAAGN,mBAAmB,CAAC;QAAEO,IAAI,EAAE,sBAAsB;KAAE,CAAC,AAAC;IAC9E,MAAM,EAAEC,iBAAiB,CAAA,EAAE,GAAGP,YAAY,EAAE,AAAC;IAE7C,mDAAmD;IACnD,MAAMQ,WAAW,GAAGX,cAAc,EAAE,AAAC;IACrC,MAAMY,OAAO,GAAGD,WAAW,CAACE,aAAa,EAAE,CAACC,OAAO,EAAE,AAAC;IACtD,MAAMC,aAAa,GAAGH,OAAO,CAACI,MAAM,CAAC,CAACC,KAAK,GAAKA,KAAK,CAACC,KAAK,CAACC,MAAM,KAAK,SAAS,CAAC,AAAC;IAClF,MAAMC,gBAAgB,GAAGR,OAAO,CAACI,MAAM,CAAC,CAACC,KAAK,GAAKA,KAAK,CAACC,KAAK,CAACC,MAAM,KAAK,SAAS,CAAC,AAAC;IACrF,MAAME,YAAY,GAAGpB,0BAA0B,EAAE,AAAC;IAElD,IAAIO,eAAe,CAACc,SAAS,KAAK,IAAI,EAAE;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAMC,QAAQ,GAAqB,EAAE,AAAC;IACtCF,YAAY,CAACG,OAAO,CAAC,CAACP,KAAK,GAAK;YAEbQ,GAAkB;QADnC,MAAMA,SAAS,GAAGR,KAAK,CAACC,KAAK,CAACQ,IAAI,AAAC;QACnC,IAAID,SAAS,IAAIA,CAAAA,CAAAA,GAAkB,GAAlBA,SAAS,CAACE,QAAQ,cAAlBF,GAAkB,WAAS,GAA3BA,KAAAA,CAA2B,GAA3BA,GAAkB,CAAEG,OAAO,CAAA,EAAE;gBAErBH,IAA6B;YADpD,MAAMI,QAAQ,GAAGZ,KAAK,CAACY,QAAQ,AAA4C,AAAC;YAC5E,MAAMC,cAAc,GAAGL,CAAAA,IAA6B,GAA7BA,SAAS,CAACE,QAAQ,CAACC,OAAO,CAAC,CAAC,CAAC,cAA7BH,IAA6B,WAAS,GAAtCA,KAAAA,CAAsC,GAAtCA,IAA6B,CAAEM,OAAO,AAAC;YAC9D,IAAID,cAAc,EAAE;gBAClBP,QAAQ,CAACS,IAAI,CAAC;oBACZf,KAAK,EAAEgB,MAAM,CAACJ,QAAQ,CAAC,CAAC,CAAC,CAACK,IAAI,CAACC,MAAM,CAACD,IAAI,CAACjB,KAAK,CAAC;oBACjDmB,OAAO,EAAEN,cAAc;iBACxB,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,qBACE,MAAC/B,KAAK;QACJsC,OAAO,EAAE,CAAC;QACVC,EAAE,EAAE,CAAC;QACLC,EAAE,EAAE;YACFC,QAAQ,EAAEpC,eAAe;SAC1B;;0BAED,MAACf,GAAG;gBAACkD,EAAE,EAAE;oBAAEE,CAAC,EAAE,CAAC;iBAAE;;kCACf,KAAC3C,UAAU;wBAAC4C,OAAO,EAAC,IAAI;wBAACJ,EAAE,EAAE,CAAC;kCAAE,eAEhC;sBAAa;kCACb,KAAC3C,cAAc;wBAACgD,SAAS,EAAEpD,KAAK;kCAC9B,cAAA,MAACC,KAAK;4BAACoD,IAAI,EAAC,OAAO;4BAACC,YAAU,EAAC,qBAAqB;;8CAClD,KAACjD,SAAS;8CACR,cAAA,MAACC,QAAQ;;0DACP,KAACH,SAAS;0DAAC,iBAAe;8CAAY;0DACtC,KAACA,SAAS;0DAAC,4BAA0B;8CAAY;4CAChDa,gBAAgB,kBAAI,KAACb,SAAS;0DAAC,eAAa;8CAAY;0DACzD,KAACA,SAAS;0DAAC,YAAU;8CAAY;0DACjC,KAACA,SAAS;0DAAC,UAAQ;8CAAY;;sCACtB;kCACD;8CACZ,KAACD,SAAS;8CACR,cAAA,MAACI,QAAQ;;0DACP,KAACH,SAAS;0DAAEqB,aAAa,CAAC+B,MAAM;8CAAa;0DAC7C,KAACpD,SAAS;0DAAE2B,YAAY,CAACyB,MAAM;8CAAa;4CAC3CvC,gBAAgB,kBAAI,KAACb,SAAS;0DAAE0B,gBAAgB,CAAC0B,MAAM;8CAAa;0DACrE,KAACpD,SAAS;0DAAEgB,iBAAiB,CAACqC,KAAK,CAACC,QAAQ,EAAE;8CAAa;0DAC3D,KAACtD,SAAS;0DAAEgB,iBAAiB,CAACuC,GAAG,CAACD,QAAQ,EAAE;8CAAa;;sCAChD;kCACD;;0BACN;sBACO;;cACb;YAELzB,QAAQ,CAACuB,MAAM,GAAG,CAAC,kBAClB,MAACzD,GAAG;gBAACkD,EAAE,EAAE;oBAAEE,CAAC,EAAE,CAAC;oBAAES,CAAC,EAAE,CAAC;iBAAE;;kCACrB,KAACpD,UAAU;wBAAC4C,OAAO,EAAC,IAAI;wBAACJ,EAAE,EAAE,CAAC;kCAAE,UAEhC;sBAAa;kCACb,KAAC3C,cAAc;wBAACgD,SAAS,EAAEpD,KAAK;wBAAEgD,EAAE,EAAE;4BAAED,EAAE,EAAE,CAAC;yBAAE;kCAC7C,cAAA,MAAC9C,KAAK;4BAACoD,IAAI,EAAC,OAAO;4BAACC,YAAU,EAAC,sBAAsB;;8CACnD,KAACjD,SAAS;8CACR,cAAA,MAACC,QAAQ;;0DACP,KAACH,SAAS;0DAAC,OAAK;8CAAY;0DAC5B,KAACA,SAAS;0DAAC,SAAO;8CAAY;;sCACrB;kCACD;8CACZ,KAACD,SAAS;8CACP8B,QAAQ,CAAC4B,GAAG,CAAC,CAACC,OAAO,EAAEC,GAAG,GAAK;wCAC9B,qBACE,MAACxD,QAAQ;;8DACP,KAACH,SAAS;8DAAE0D,OAAO,CAACnC,KAAK;kDAAa;8DACtC,KAACvB,SAAS;8DAAE0D,OAAO,CAAChB,OAAO;kDAAa;;2CAF3BiB,GAAG,CAGP,CACX;oCACJ,CAAC,CAAC;kCACQ;;0BACN;sBACO;kCACjB,KAAC/D,MAAM;wBAACgE,QAAQ;wBAACZ,OAAO,EAAC,UAAU;kCAAC,qBAEpC;sBAAS;;cACL,AACP;;MACK,CACR;AACJ,CAAC"}

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

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

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

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

package/dist/components/QuerySummaryTable/index.js

@@ -0,0 +1,15 @@
+// Copyright 2023 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 './QuerySummaryTable';
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/QuerySummaryTable/index.ts"],"sourcesContent":["// Copyright 2023 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 './QuerySummaryTable';\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"}

package/dist/components/TimeRangeControls/TimeRangeControls.d.ts

@@ -3,7 +3,8 @@ import { TimeOption } from '@perses-dev/components';
 export declare const TIME_OPTIONS: TimeOption[];
 interface TimeRangeControlsProps {
     heightPx?: number;
+    showRefresh?: boolean;
 }
-export declare function TimeRangeControls({ heightPx }: TimeRangeControlsProps): JSX.Element;
+export declare function TimeRangeControls({ heightPx, showRefresh }: TimeRangeControlsProps): JSX.Element;
 export {};
 //# sourceMappingURL=TimeRangeControls.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeRangeControls.d.ts","sourceRoot":"","sources":["../../../src/components/TimeRangeControls/TimeRangeControls.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAoC,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAOtF,eAAO,MAAM,YAAY,EAAE,UAAU,EAUpC,CAAC;AAIF,UAAU,sBAAsB;IAE9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,eA2BrE"}
+{"version":3,"file":"TimeRangeControls.d.ts","sourceRoot":"","sources":["../../../src/components/TimeRangeControls/TimeRangeControls.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAoC,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAOtF,eAAO,MAAM,YAAY,EAAE,UAAU,EAUpC,CAAC;AAIF,UAAU,sBAAsB;IAE9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAkB,EAAE,EAAE,sBAAsB,eA8BzF"}