@perses-dev/dashboards 0.38.0 → 0.40.0

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

@@ -16,13 +16,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "PanelPreview", {
     enumerable: true,
-    get: ()=>PanelPreview
+    get: function() {
+        return PanelPreview;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _material = require("@mui/material");
-const _pluginSystem = require("@perses-dev/plugin-system");
-const _panel = require("../Panel");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _Panel = require("../Panel");
 const _utils = require("../../utils");
 const PANEL_PREVIEW_HEIGHT = 300;
 const PANEL_PREVIEW_DEFAULT_WIDTH = 840;
@@ -36,8 +38,8 @@ function PanelPreview({ panelDefinition  }) {
     if (panelDefinition.spec.plugin.kind === '') {
         return null;
     }
-    var _queries;
-    const queries = (_queries = panelDefinition.spec.queries) !== null && _queries !== void 0 ? _queries : [];
+    var _panelDefinition_spec_queries;
+    const queries = (_panelDefinition_spec_queries = panelDefinition.spec.queries) !== null && _panelDefinition_spec_queries !== void 0 ? _panelDefinition_spec_queries : [];
     // map TimeSeriesQueryDefinition to Definition<UnknownSpec>
     const definitions = queries.length ? queries.map((query)=>{
         return {
@@ -45,15 +47,15 @@ function PanelPreview({ panelDefinition  }) {
             spec: query.spec.plugin.spec
         };
     }) : [];
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
         ref: boxRef,
         height: PANEL_PREVIEW_HEIGHT,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.DataQueriesProvider, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.DataQueriesProvider, {
             definitions: definitions,
             options: {
                 suggestedStepMs
             },
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_panel.Panel, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Panel.Panel, {
                 definition: panelDefinition
             })
         })

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

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./PanelDrawer"), exports);
-function _exportStar(from, to) {
+_export_star(require("./PanelDrawer"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

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

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "usePanelEditor", {
     enumerable: true,
-    get: ()=>usePanelEditor
+    get: function() {
+        return usePanelEditor;
+    }
 });
 const _react = require("react");
 const usePanelEditor = (panelDefinition)=>{

package/dist/cjs/components/PanelGroupDialog/PanelGroupDialog.js

@@ -16,15 +16,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "PanelGroupDialog", {
     enumerable: true,
-    get: ()=>PanelGroupDialog
+    get: function() {
+        return PanelGroupDialog;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _close = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/Close"));
+const _Close = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Close"));
 const _react = require("react");
 const _context = require("../../context");
-const _panelGroupEditorForm = require("./PanelGroupEditorForm");
-function _interopRequireDefault(obj) {
+const _PanelGroupEditorForm = require("./PanelGroupEditorForm");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -49,20 +51,20 @@ function PanelGroupDialog() {
         panelGroupEditor.applyChanges(values);
         handleClose();
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Dialog, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Dialog, {
         open: isOpen,
         TransitionProps: {
             onExited: handleExited
         },
-        children: panelGroupEditor !== undefined && /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: panelGroupEditor !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.DialogTitle, {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.DialogTitle, {
                     children: [
                         panelGroupEditor.mode,
                         " Panel Group"
                     ]
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                     "aria-label": "Close",
                     onClick: panelGroupEditor.close,
                     sx: (theme)=>({
@@ -70,27 +72,27 @@ function PanelGroupDialog() {
                             top: theme.spacing(0.5),
                             right: theme.spacing(0.5)
                         }),
-                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_close.default, {})
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Close.default, {})
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.DialogContent, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogContent, {
                     dividers: true,
                     sx: {
                         width: '500px'
                     },
-                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_panelGroupEditorForm.PanelGroupEditorForm, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_PanelGroupEditorForm.PanelGroupEditorForm, {
                         initialValues: panelGroupEditor.initialValues,
                         onSubmit: handleSubmit
                     })
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.DialogActions, {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.DialogActions, {
                     children: [
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
                             variant: "contained",
                             type: "submit",
-                            form: _panelGroupEditorForm.panelGroupEditorFormId,
+                            form: _PanelGroupEditorForm.panelGroupEditorFormId,
                             children: panelGroupEditor.mode === 'Edit' ? 'Apply' : 'Add'
                         }),
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
                             variant: "outlined",
                             color: "secondary",
                             onClick: panelGroupEditor.close,

package/dist/cjs/components/PanelGroupDialog/PanelGroupEditorForm.js

@@ -21,10 +21,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    PanelGroupEditorForm: ()=>PanelGroupEditorForm,
-    panelGroupEditorFormId: ()=>panelGroupEditorFormId
+    PanelGroupEditorForm: function() {
+        return PanelGroupEditorForm;
+    },
+    panelGroupEditorFormId: function() {
+        return panelGroupEditorFormId;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _material = require("@mui/material");
 function PanelGroupEditorForm(props) {
@@ -42,14 +46,14 @@ function PanelGroupEditorForm(props) {
             isCollapsed
         });
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("form", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("form", {
         id: panelGroupEditorFormId,
         onSubmit: handleSubmit,
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormControl, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControl, {
                 fullWidth: true,
                 margin: "normal",
-                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TextField, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                     required: true,
                     label: "Name",
                     variant: "outlined",
@@ -57,15 +61,15 @@ function PanelGroupEditorForm(props) {
                     onChange: (e)=>setTitle(e.target.value)
                 })
             }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.FormControl, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormControl, {
                 fullWidth: true,
                 margin: "normal",
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.InputLabel, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
                         id: "select-collapse-state",
                         children: "Collapse State"
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Select, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Select, {
                         required: true,
                         displayEmpty: true,
                         labelId: "select-collapse-state",
@@ -74,11 +78,11 @@ function PanelGroupEditorForm(props) {
                         value: isCollapsed ? 'Closed' : 'Open',
                         onChange: handleCollapsedChange,
                         children: [
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.MenuItem, {
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
                                 value: "Open",
                                 children: "Open"
                             }),
-                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.MenuItem, {
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
                                 value: "Closed",
                                 children: "Closed"
                             })

package/dist/cjs/components/PanelGroupDialog/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./PanelGroupDialog"), exports);
-function _exportStar(from, to) {
+_export_star(require("./PanelGroupDialog"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/components/QuerySummaryTable/QuerySummaryTable.js

@@ -16,36 +16,38 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "QuerySummaryTable", {
     enumerable: true,
-    get: ()=>QuerySummaryTable
+    get: function() {
+        return QuerySummaryTable;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _material = require("@mui/material");
-const _reactQuery = require("@tanstack/react-query");
-const _pluginSystem = require("@perses-dev/plugin-system");
+const _reactquery = require("@tanstack/react-query");
+const _pluginsystem = require("@perses-dev/plugin-system");
 const TABLE_MAX_WIDTH = 1000;
 function QuerySummaryTable(props) {
     const { showTotalQueries =true  } = props;
-    const datasourcClient = (0, _pluginSystem.useDatasourceClient)({
+    const datasourcClient = (0, _pluginsystem.useDatasourceClient)({
         kind: 'PrometheusDatasource'
     });
-    const { absoluteTimeRange  } = (0, _pluginSystem.useTimeRange)();
+    const { absoluteTimeRange  } = (0, _pluginsystem.useTimeRange)();
     // for displaying a summary of recent query results
-    const queryClient = (0, _reactQuery.useQueryClient)();
+    const queryClient = (0, _reactquery.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 = (0, _pluginSystem.useActiveTimeSeriesQueries)();
+    const querySummary = (0, _pluginsystem.useActiveTimeSeriesQueries)();
     if (datasourcClient.isLoading === true) {
         return null;
     }
     const warnings = [];
     querySummary.forEach((query)=>{
-        var ref;
+        var _queryData_metadata;
         const queryData = query.state.data;
-        if (queryData && ((ref = queryData.metadata) === null || ref === void 0 ? void 0 : ref.notices)) {
-            var ref1;
+        if (queryData && ((_queryData_metadata = queryData.metadata) === null || _queryData_metadata === void 0 ? void 0 : _queryData_metadata.notices)) {
+            var _queryData_metadata_notices_;
             const queryKey = query.queryKey;
-            const warningMessage = (ref1 = queryData.metadata.notices[0]) === null || ref1 === void 0 ? void 0 : ref1.message;
+            const warningMessage = (_queryData_metadata_notices_ = queryData.metadata.notices[0]) === null || _queryData_metadata_notices_ === void 0 ? void 0 : _queryData_metadata_notices_.message;
             if (warningMessage) {
                 warnings.push({
                     query: String(queryKey[0].spec.plugin.spec.query),
@@ -54,66 +56,66 @@ function QuerySummaryTable(props) {
             }
         }
     });
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
         spacing: 1,
         mb: 2,
         sx: {
             maxWidth: TABLE_MAX_WIDTH
         },
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                 sx: {
                     p: 1
                 },
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                         variant: "h2",
                         mb: 1,
                         children: "Query Summary"
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableContainer, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableContainer, {
                         component: _material.Paper,
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Table, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Table, {
                             size: "small",
                             "aria-label": "query summary table",
                             children: [
-                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableHead, {
-                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.TableRow, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableHead, {
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
                                         children: [
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: "Queries Loading"
                                             }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: "Recent Time Series Queries"
                                             }),
-                                            showTotalQueries && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            showTotalQueries && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: "Total Queries"
                                             }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: "Start Time"
                                             }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: "End Time"
                                             })
                                         ]
                                     })
                                 }),
-                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableBody, {
-                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.TableRow, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
                                         children: [
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: activeQueries.length
                                             }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: querySummary.length
                                             }),
-                                            showTotalQueries && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            showTotalQueries && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: completedQueries.length
                                             }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: absoluteTimeRange.start.toString()
                                             }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: absoluteTimeRange.end.toString()
                                             })
                                         ]
@@ -124,46 +126,46 @@ function QuerySummaryTable(props) {
                     })
                 ]
             }),
-            warnings.length > 0 && /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+            warnings.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                 sx: {
                     p: 1,
                     m: 0
                 },
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                         variant: "h3",
                         mb: 1,
                         children: "Warnings"
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableContainer, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableContainer, {
                         component: _material.Paper,
                         sx: {
                             mb: 2
                         },
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Table, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Table, {
                             size: "small",
                             "aria-label": "query warnings table",
                             children: [
-                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableHead, {
-                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.TableRow, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableHead, {
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
                                         children: [
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: "Query"
                                             }),
-                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                 children: "Summary"
                                             })
                                         ]
                                     })
                                 }),
-                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableBody, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
                                     children: warnings.map((details, idx)=>{
-                                        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.TableRow, {
+                                        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
                                             children: [
-                                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                     children: details.query
                                                 }),
-                                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.TableCell, {
+                                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
                                                     children: details.summary
                                                 })
                                             ]
@@ -173,7 +175,7 @@ function QuerySummaryTable(props) {
                             ]
                         })
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
                         disabled: true,
                         variant: "outlined",
                         children: "TODO: Action Button"

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

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./QuerySummaryTable"), exports);
-function _exportStar(from, to) {
+_export_star(require("./QuerySummaryTable"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }

package/dist/cjs/components/SaveChangesConfirmationDialog/SaveChangesConfirmationDialog.js

@@ -16,56 +16,58 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SaveChangesConfirmationDialog", {
     enumerable: true,
-    get: ()=>SaveChangesConfirmationDialog
+    get: function() {
+        return SaveChangesConfirmationDialog;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _material = require("@mui/material");
-const _pluginSystem = require("@perses-dev/plugin-system");
+const _pluginsystem = require("@perses-dev/plugin-system");
 const _core = require("@perses-dev/core");
 const _components = require("@perses-dev/components");
 const _context = require("../../context");
 const SaveChangesConfirmationDialog = ()=>{
     const { saveChangesConfirmationDialog: dialog  } = (0, _context.useSaveChangesConfirmationDialog)();
-    var ref;
-    const isSavedDurationModified = (ref = dialog === null || dialog === void 0 ? void 0 : dialog.isSavedDurationModified) !== null && ref !== void 0 ? ref : true;
-    var ref1;
-    const isSavedVariableModified = (ref1 = dialog === null || dialog === void 0 ? void 0 : dialog.isSavedVariableModified) !== null && ref1 !== void 0 ? ref1 : true;
+    var _dialog_isSavedDurationModified;
+    const isSavedDurationModified = (_dialog_isSavedDurationModified = dialog === null || dialog === void 0 ? void 0 : dialog.isSavedDurationModified) !== null && _dialog_isSavedDurationModified !== void 0 ? _dialog_isSavedDurationModified : true;
+    var _dialog_isSavedVariableModified;
+    const isSavedVariableModified = (_dialog_isSavedVariableModified = dialog === null || dialog === void 0 ? void 0 : dialog.isSavedVariableModified) !== null && _dialog_isSavedVariableModified !== void 0 ? _dialog_isSavedVariableModified : true;
     const [saveDefaultTimeRange, setSaveDefaultTimeRange] = (0, _react.useState)(isSavedDurationModified);
     const [saveDefaultVariables, setSaveDefaultVariables] = (0, _react.useState)(isSavedVariableModified);
     const { getSavedVariablesStatus  } = (0, _context.useTemplateVariableActions)();
     const { modifiedVariableNames  } = getSavedVariablesStatus();
     const isOpen = dialog !== undefined;
-    const { timeRange  } = (0, _pluginSystem.useTimeRange)();
+    const { timeRange  } = (0, _pluginsystem.useTimeRange)();
     const currentTimeRangeText = (0, _core.isRelativeTimeRange)(timeRange) ? `(Last ${timeRange.pastDuration})` : '(Absolute time ranges can not be saved)';
     const saveTimeRangeText = `Save current time range as new default ${currentTimeRangeText}`;
     const saveVariablesText = `Save current variable values as new default (${modifiedVariableNames.length > 0 ? modifiedVariableNames.join(', ') : 'No modified variables'})`;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.Dialog, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.Dialog, {
         open: isOpen,
-        children: dialog !== undefined && /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: dialog !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.Dialog.Header, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.Dialog.Header, {
                     onClose: ()=>dialog.onCancel(),
                     children: "Save Dashboard"
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_components.Dialog.Content, {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.Dialog.Content, {
                     children: [
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                             marginBottom: 2,
                             children: dialog.description || _core.SAVE_DEFAULTS_DIALOG_TEXT
                         }),
-                        /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.FormGroup, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormGroup, {
                             children: [
-                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormControlLabel, {
-                                    control: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Checkbox, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
+                                    control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
                                         disabled: !isSavedDurationModified || !(0, _core.isRelativeTimeRange)(timeRange),
                                         checked: saveDefaultTimeRange && isSavedDurationModified && (0, _core.isRelativeTimeRange)(timeRange),
                                         onChange: (e)=>setSaveDefaultTimeRange(e.target.checked)
                                     }),
                                     label: saveTimeRangeText
                                 }),
-                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.FormControlLabel, {
-                                    control: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Checkbox, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
+                                    control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
                                         disabled: !isSavedVariableModified,
                                         checked: saveDefaultVariables && isSavedVariableModified,
                                         onChange: (e)=>setSaveDefaultVariables(e.target.checked)
@@ -76,15 +78,15 @@ const SaveChangesConfirmationDialog = ()=>{
                         })
                     ]
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_components.Dialog.Actions, {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.Dialog.Actions, {
                     children: [
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.Dialog.PrimaryButton, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.Dialog.PrimaryButton, {
                             onClick: ()=>{
                                 return dialog.onSaveChanges(saveDefaultTimeRange, saveDefaultVariables);
                             },
                             children: "Save Changes"
                         }),
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.Dialog.SecondaryButton, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.Dialog.SecondaryButton, {
                             onClick: ()=>dialog.onCancel(),
                             children: "Cancel"
                         })

package/dist/cjs/components/SaveChangesConfirmationDialog/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./SaveChangesConfirmationDialog"), exports);
-function _exportStar(from, to) {
+_export_star(require("./SaveChangesConfirmationDialog"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }