@perses-dev/dashboards 0.0.0-snapshot-color-palette-gen-test-0ebddd6 → 0.0.0-snapshot-saving-defaults-refinements-1b25cec

package/dist/cjs/test/datasource-provider.js

@@ -0,0 +1,70 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    prometheusDemoUrl: ()=>prometheusDemoUrl,
+    prometheusDemo: ()=>prometheusDemo,
+    defaultDatasourceProps: ()=>defaultDatasourceProps
+});
+const _dashboardProvider = require("./dashboard-provider");
+const prometheusDemoUrl = 'https://prometheus.demo.do.prometheus.io';
+const prometheusDemo = {
+    kind: 'GlobalDatasource',
+    metadata: {
+        name: 'PrometheusDemo',
+        created_at: '0001-01-01T00:00:00Z',
+        updated_at: '0001-01-01T00:00:00Z',
+        version: 0
+    },
+    spec: {
+        default: true,
+        plugin: {
+            kind: 'PrometheusDatasource',
+            spec: {
+                direct_url: prometheusDemoUrl
+            }
+        }
+    }
+};
+const defaultDatasourceProps = {
+    dashboardResource: (0, _dashboardProvider.getTestDashboard)(),
+    datasourceApi: {
+        getDatasource: ()=>{
+            return Promise.resolve(undefined);
+        },
+        getGlobalDatasource: (selector)=>{
+            if (selector.kind === 'PrometheusDatasource') {
+                return Promise.resolve({
+                    resource: prometheusDemo,
+                    proxyUrl: prometheusDemoUrl
+                });
+            }
+            return Promise.resolve(undefined);
+        },
+        listDatasources: ()=>{
+            return Promise.resolve([]);
+        },
+        listGlobalDatasources: ()=>{
+            return Promise.resolve([]);
+        }
+    }
+};

package/dist/cjs/test/index.js

@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 _exportStar(require("./dashboard-provider"), exports);
+_exportStar(require("./datasource-provider"), exports);
 _exportStar(require("./plugin-registry"), exports);
 _exportStar(require("./render"), exports);
 function _exportStar(from, to) {

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

@@ -19,17 +19,23 @@ Object.defineProperty(exports, "MOCK_PLUGINS", {
     get: ()=>MOCK_PLUGINS
 });
 const _jsxRuntime = require("react/jsx-runtime");
+const FakeTimeSeriesChartOptionEditor = ()=>{
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+        children: "TimeSeriesChart options"
+    });
+};
 const FakeTimeSeriesPlugin = {
     PanelComponent: ()=>{
         return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
             children: "TimeSeriesChart panel"
         });
     },
-    OptionsEditorComponent: ()=>{
-        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
-            children: "TimeSeriesChart options"
-        });
-    },
+    panelOptionsEditorComponents: [
+        {
+            label: 'Settings',
+            content: FakeTimeSeriesChartOptionEditor
+        }
+    ],
     createInitialOptions: ()=>({})
 };
 const MOCK_TIME_SERIES_PANEL = {

package/dist/cjs/test/render.js

@@ -19,7 +19,8 @@ Object.defineProperty(exports, "renderWithContext", {
     get: ()=>renderWithContext
 });
 const _jsxRuntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
+const _react = require("react");
+const _react1 = require("@testing-library/react");
 const _reactRouterDom = require("react-router-dom");
 const _history = require("history");
 const _useQueryParams = require("use-query-params");
@@ -28,6 +29,24 @@ const _reactQuery = require("@tanstack/react-query");
 const _components = require("@perses-dev/components");
 const _pluginSystem = require("@perses-dev/plugin-system");
 const _pluginRegistry = require("./plugin-registry");
+/*
+ * Workaround for React router upgrade type errors.
+ * More details: https://stackoverflow.com/a/69948457/17575201
+ */ const CustomRouter = ({ history , children  })=>{
+    const [state, setState] = (0, _react.useState)({
+        action: history.action,
+        location: history.location
+    });
+    (0, _react.useLayoutEffect)(()=>history.listen(setState), [
+        history
+    ]);
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactRouterDom.Router, {
+        location: state.location,
+        navigationType: state.action,
+        navigator: history,
+        children: children
+    });
+};
 function renderWithContext(ui, options, history) {
     // Create a new QueryClient for each test to avoid caching issues
     const queryClient = new _reactQuery.QueryClient({
@@ -38,25 +57,28 @@ function renderWithContext(ui, options, history) {
             }
         }
     });
-    const BaseRender = ()=>{
-        const HistoryRouter = _reactRouterDom.unstable_HistoryRouter;
-        history = history !== null && history !== void 0 ? history : (0, _history.createMemoryHistory)();
-        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(HistoryRouter, {
-            history: history,
+    const customHistory = history !== null && history !== void 0 ? history : (0, _history.createMemoryHistory)();
+    const BaseRender = ()=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(CustomRouter, {
+            history: customHistory,
             children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
                 client: queryClient,
                 children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_useQueryParams.QueryParamProvider, {
                     adapter: _reactRouter6.ReactRouter6Adapter,
-                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.ChartsThemeProvider, {
-                        chartsTheme: _components.testChartsTheme,
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.PluginRegistry, {
-                            ...(0, _pluginSystem.mockPluginRegistry)(..._pluginRegistry.MOCK_PLUGINS),
-                            children: ui
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.SnackbarProvider, {
+                        anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right'
+                        },
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components.ChartsThemeProvider, {
+                            chartsTheme: _components.testChartsTheme,
+                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginSystem.PluginRegistry, {
+                                ...(0, _pluginSystem.mockPluginRegistry)(..._pluginRegistry.MOCK_PLUGINS),
+                                children: ui
+                            })
                         })
                     })
                 })
             })
         });
-    };
-    return (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(BaseRender, {}), options);
+    return (0, _react1.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(BaseRender, {}), options);
 }

package/dist/cjs/test/testDashboard.js

@@ -62,24 +62,24 @@ const testDashboard = {
                     plugin: {
                         kind: 'TimeSeriesChart',
                         spec: {
-                            queries: [
-                                {
-                                    kind: 'TimeSeriesQuery',
+                            unit: {
+                                kind: '%'
+                            }
+                        }
+                    },
+                    queries: [
+                        {
+                            kind: 'TimeSeriesQuery',
+                            spec: {
+                                plugin: {
+                                    kind: 'PrometheusTimeSeriesQuery',
                                     spec: {
-                                        plugin: {
-                                            kind: 'PrometheusTimeSeriesQuery',
-                                            spec: {
-                                                query: 'avg without (cpu)(rate(node_cpu_seconds_total{job="node",instance="$instance",mode!="idle"}[$interval]))'
-                                            }
-                                        }
+                                        query: 'avg without (cpu)(rate(node_cpu_seconds_total{job="node",instance="$instance",mode!="idle"}[$interval]))'
                                     }
                                 }
-                            ],
-                            unit: {
-                                kind: '%'
                             }
                         }
-                    }
+                    ]
                 }
             },
             memory: {
@@ -91,57 +91,57 @@ const testDashboard = {
                     plugin: {
                         kind: 'TimeSeriesChart',
                         spec: {
-                            queries: [
-                                {
-                                    kind: 'TimeSeriesQuery',
+                            unit: {
+                                kind: 'Bytes'
+                            }
+                        }
+                    },
+                    queries: [
+                        {
+                            kind: 'TimeSeriesQuery',
+                            spec: {
+                                plugin: {
+                                    kind: 'PrometheusTimeSeriesQuery',
                                     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"}'
-                                            }
-                                        }
+                                        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',
+                                }
+                            }
+                        },
+                        {
+                            kind: 'TimeSeriesQuery',
+                            spec: {
+                                plugin: {
+                                    kind: 'PrometheusTimeSeriesQuery',
                                     spec: {
-                                        plugin: {
-                                            kind: 'PrometheusTimeSeriesQuery',
-                                            spec: {
-                                                query: 'node_memory_Buffers_bytes{job="node",instance="$instance"}'
-                                            }
-                                        }
+                                        query: 'node_memory_Buffers_bytes{job="node",instance="$instance"}'
                                     }
-                                },
-                                {
-                                    kind: 'TimeSeriesQuery',
+                                }
+                            }
+                        },
+                        {
+                            kind: 'TimeSeriesQuery',
+                            spec: {
+                                plugin: {
+                                    kind: 'PrometheusTimeSeriesQuery',
                                     spec: {
-                                        plugin: {
-                                            kind: 'PrometheusTimeSeriesQuery',
-                                            spec: {
-                                                query: 'node_memory_Cached_bytes{job="node",instance="$instance"}'
-                                            }
-                                        }
+                                        query: 'node_memory_Cached_bytes{job="node",instance="$instance"}'
                                     }
-                                },
-                                {
-                                    kind: 'TimeSeriesQuery',
+                                }
+                            }
+                        },
+                        {
+                            kind: 'TimeSeriesQuery',
+                            spec: {
+                                plugin: {
+                                    kind: 'PrometheusTimeSeriesQuery',
                                     spec: {
-                                        plugin: {
-                                            kind: 'PrometheusTimeSeriesQuery',
-                                            spec: {
-                                                query: 'node_memory_MemFree_bytes{job="node",instance="$instance"}'
-                                            }
-                                        }
+                                        query: 'node_memory_MemFree_bytes{job="node",instance="$instance"}'
                                     }
                                 }
-                            ],
-                            unit: {
-                                kind: 'Bytes'
                             }
                         }
-                    }
+                    ]
                 }
             },
             // This panel is referenced in more than one layout below
@@ -154,24 +154,24 @@ const testDashboard = {
                     plugin: {
                         kind: 'TimeSeriesChart',
                         spec: {
-                            queries: [
-                                {
-                                    kind: 'TimeSeriesQuery',
+                            unit: {
+                                kind: 'Percent'
+                            }
+                        }
+                    },
+                    queries: [
+                        {
+                            kind: 'TimeSeriesQuery',
+                            spec: {
+                                plugin: {
+                                    kind: 'PrometheusTimeSeriesQuery',
                                     spec: {
-                                        plugin: {
-                                            kind: 'PrometheusTimeSeriesQuery',
-                                            spec: {
-                                                query: 'rate(node_disk_io_time_seconds_total{job="node",instance="$instance",device!~"^(md\\\\d+$|dm-)"}[$interval])'
-                                            }
-                                        }
+                                        query: 'rate(node_disk_io_time_seconds_total{job="node",instance="$instance",device!~"^(md\\\\d+$|dm-)"}[$interval])'
                                     }
                                 }
-                            ],
-                            unit: {
-                                kind: 'Percent'
                             }
                         }
-                    }
+                    ]
                 }
             },
             filesystemFullness: {
@@ -183,24 +183,24 @@ const testDashboard = {
                     plugin: {
                         kind: 'TimeSeriesChart',
                         spec: {
-                            queries: [
-                                {
-                                    kind: 'TimeSeriesQuery',
+                            unit: {
+                                kind: 'Percent'
+                            }
+                        }
+                    },
+                    queries: [
+                        {
+                            kind: 'TimeSeriesQuery',
+                            spec: {
+                                plugin: {
+                                    kind: 'PrometheusTimeSeriesQuery',
                                     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"}'
-                                            }
-                                        }
+                                        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'
                             }
                         }
-                    }
+                    ]
                 }
             }
         },

package/dist/cjs/utils/index.js

@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 _exportStar(require("./panelUtils"), exports);
+_exportStar(require("./time"), exports);
 function _exportStar(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {

package/dist/cjs/{stories/decorators/WithQueryClient.js → utils/time.js}

@@ -14,16 +14,14 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "WithQueryClient", {
+Object.defineProperty(exports, "useSuggestedStepMs", {
     enumerable: true,
-    get: ()=>WithQueryClient
+    get: ()=>useSuggestedStepMs
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _reactQuery = require("@tanstack/react-query");
-const WithQueryClient = (Story)=>{
-    const queryClient = new _reactQuery.QueryClient({});
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_reactQuery.QueryClientProvider, {
-        client: queryClient,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(Story, {})
-    });
-};
+const _core = require("@perses-dev/core");
+const _pluginSystem = require("@perses-dev/plugin-system");
+function useSuggestedStepMs(width) {
+    const { absoluteTimeRange  } = (0, _pluginSystem.useTimeRange)();
+    if (width === undefined) return 0;
+    return (0, _core.getSuggestedStepMs)(absoluteTimeRange, width);
+}

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

@@ -98,7 +98,8 @@ const DashboardApp = (props)=>{
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.DeletePanelGroupDialog, {}),
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.DeletePanelDialog, {}),
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.DiscardChangesConfirmationDialog, {}),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.EditJsonDialog, {})
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.EditJsonDialog, {}),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_components1.SaveChangesConfirmationDialog, {})
                 ]
             })
         ]

package/dist/components/DashboardStickyToolbar/DashboardStickyToolbar.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SxProps, Theme } from '@mui/material';
+interface DashboardStickyToolbarProps {
+    initialVariableIsSticky?: boolean;
+    sx?: SxProps<Theme>;
+}
+export declare function DashboardStickyToolbar(props: DashboardStickyToolbarProps): JSX.Element;
+export {};
+//# sourceMappingURL=DashboardStickyToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardStickyToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardStickyToolbar/DashboardStickyToolbar.tsx"],"names":[],"mappings":";AAcA,OAAO,EAA2B,OAAO,EAAE,KAAK,EAAoB,MAAM,eAAe,CAAC;AAM1F,UAAU,2BAA2B;IACnC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAgCxE"}

package/dist/components/DashboardStickyToolbar/DashboardStickyToolbar.js

@@ -0,0 +1,68 @@
+// 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 { AppBar, Box, IconButton, useScrollTrigger } from '@mui/material';
+import PinOutline from 'mdi-material-ui/PinOutline';
+import PinOffOutline from 'mdi-material-ui/PinOffOutline';
+import { TemplateVariableList } from '../Variables';
+import { TimeRangeControls } from '../TimeRangeControls';
+export function DashboardStickyToolbar(props) {
+    const [isPin, setIsPin] = useState(props.initialVariableIsSticky);
+    const scrollTrigger = useScrollTrigger({
+        disableHysteresis: true
+    });
+    const isSticky = scrollTrigger && props.initialVariableIsSticky && isPin;
+    return(// marginBottom={-1} counteracts the marginBottom={1} on every variable input.
+    // The margin on the inputs is for spacing between inputs, but is not meant to add space to bottom of the container.
+    /*#__PURE__*/ _jsx(Box, {
+        marginBottom: -1,
+        "data-testid": "variable-list",
+        children: /*#__PURE__*/ _jsx(AppBar, {
+            color: "inherit",
+            position: isSticky ? 'fixed' : 'static',
+            elevation: isSticky ? 4 : 0,
+            sx: {
+                backgroundColor: 'inherit',
+                ...props.sx
+            },
+            children: /*#__PURE__*/ _jsxs(Box, {
+                display: "flex",
+                justifyContent: "space-between",
+                children: [
+                    /*#__PURE__*/ _jsxs(Box, {
+                        display: "flex",
+                        flexWrap: "wrap",
+                        alignItems: "start",
+                        my: isSticky ? 2 : 0,
+                        ml: isSticky ? 2 : 0,
+                        children: [
+                            /*#__PURE__*/ _jsx(TemplateVariableList, {}),
+                            props.initialVariableIsSticky && /*#__PURE__*/ _jsx(IconButton, {
+                                onClick: ()=>setIsPin(!isPin),
+                                children: isPin ? /*#__PURE__*/ _jsx(PinOutline, {}) : /*#__PURE__*/ _jsx(PinOffOutline, {})
+                            })
+                        ]
+                    }),
+                    isSticky && /*#__PURE__*/ _jsx(Box, {
+                        my: 2,
+                        mr: 2,
+                        children: /*#__PURE__*/ _jsx(TimeRangeControls, {})
+                    })
+                ]
+            })
+        })
+    }));
+}
+
+//# sourceMappingURL=DashboardStickyToolbar.js.map

package/dist/components/DashboardStickyToolbar/DashboardStickyToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/DashboardStickyToolbar/DashboardStickyToolbar.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 { useState } from 'react';\nimport { AppBar, Box, IconButton, SxProps, Theme, useScrollTrigger } from '@mui/material';\nimport PinOutline from 'mdi-material-ui/PinOutline';\nimport PinOffOutline from 'mdi-material-ui/PinOffOutline';\nimport { TemplateVariableList } from '../Variables';\nimport { TimeRangeControls } from '../TimeRangeControls';\n\ninterface DashboardStickyToolbarProps {\n  initialVariableIsSticky?: boolean;\n  sx?: SxProps<Theme>;\n}\n\nexport function DashboardStickyToolbar(props: DashboardStickyToolbarProps) {\n  const [isPin, setIsPin] = useState(props.initialVariableIsSticky);\n\n  const scrollTrigger = useScrollTrigger({ disableHysteresis: true });\n  const isSticky = scrollTrigger && props.initialVariableIsSticky && isPin;\n\n  return (\n    // marginBottom={-1} counteracts the marginBottom={1} on every variable input.\n    // The margin on the inputs is for spacing between inputs, but is not meant to add space to bottom of the container.\n    <Box marginBottom={-1} data-testid=\"variable-list\">\n      <AppBar\n        color=\"inherit\"\n        position={isSticky ? 'fixed' : 'static'}\n        elevation={isSticky ? 4 : 0}\n        sx={{ backgroundColor: 'inherit', ...props.sx }}\n      >\n        <Box display=\"flex\" justifyContent=\"space-between\">\n          <Box display=\"flex\" flexWrap=\"wrap\" alignItems=\"start\" my={isSticky ? 2 : 0} ml={isSticky ? 2 : 0}>\n            <TemplateVariableList></TemplateVariableList>\n            {props.initialVariableIsSticky && (\n              <IconButton onClick={() => setIsPin(!isPin)}>{isPin ? <PinOutline /> : <PinOffOutline />}</IconButton>\n            )}\n          </Box>\n          {isSticky && (\n            <Box my={2} mr={2}>\n              <TimeRangeControls></TimeRangeControls>\n            </Box>\n          )}\n        </Box>\n      </AppBar>\n    </Box>\n  );\n}\n"],"names":["useState","AppBar","Box","IconButton","useScrollTrigger","PinOutline","PinOffOutline","TemplateVariableList","TimeRangeControls","DashboardStickyToolbar","props","isPin","setIsPin","initialVariableIsSticky","scrollTrigger","disableHysteresis","isSticky","marginBottom","data-testid","color","position","elevation","sx","backgroundColor","display","justifyContent","flexWrap","alignItems","my","ml","onClick","mr"],"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,QAAQ,QAAQ,OAAO,CAAC;AACjC,SAASC,MAAM,EAAEC,GAAG,EAAEC,UAAU,EAAkBC,gBAAgB,QAAQ,eAAe,CAAC;AAC1F,OAAOC,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAOC,aAAa,MAAM,+BAA+B,CAAC;AAC1D,SAASC,oBAAoB,QAAQ,cAAc,CAAC;AACpD,SAASC,iBAAiB,QAAQ,sBAAsB,CAAC;AAOzD,OAAO,SAASC,sBAAsB,CAACC,KAAkC,EAAE;IACzE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,CAACU,KAAK,CAACG,uBAAuB,CAAC,AAAC;IAElE,MAAMC,aAAa,GAAGV,gBAAgB,CAAC;QAAEW,iBAAiB,EAAE,IAAI;KAAE,CAAC,AAAC;IACpE,MAAMC,QAAQ,GAAGF,aAAa,IAAIJ,KAAK,CAACG,uBAAuB,IAAIF,KAAK,AAAC;IAEzE,OACE,8EAA8E;IAC9E,oHAAoH;kBACpH,KAACT,GAAG;QAACe,YAAY,EAAE,CAAC,CAAC;QAAEC,aAAW,EAAC,eAAe;kBAChD,cAAA,KAACjB,MAAM;YACLkB,KAAK,EAAC,SAAS;YACfC,QAAQ,EAAEJ,QAAQ,GAAG,OAAO,GAAG,QAAQ;YACvCK,SAAS,EAAEL,QAAQ,GAAG,CAAC,GAAG,CAAC;YAC3BM,EAAE,EAAE;gBAAEC,eAAe,EAAE,SAAS;gBAAE,GAAGb,KAAK,CAACY,EAAE;aAAE;sBAE/C,cAAA,MAACpB,GAAG;gBAACsB,OAAO,EAAC,MAAM;gBAACC,cAAc,EAAC,eAAe;;kCAChD,MAACvB,GAAG;wBAACsB,OAAO,EAAC,MAAM;wBAACE,QAAQ,EAAC,MAAM;wBAACC,UAAU,EAAC,OAAO;wBAACC,EAAE,EAAEZ,QAAQ,GAAG,CAAC,GAAG,CAAC;wBAAEa,EAAE,EAAEb,QAAQ,GAAG,CAAC,GAAG,CAAC;;0CAC/F,KAACT,oBAAoB,KAAwB;4BAC5CG,KAAK,CAACG,uBAAuB,kBAC5B,KAACV,UAAU;gCAAC2B,OAAO,EAAE,IAAMlB,QAAQ,CAAC,CAACD,KAAK,CAAC;0CAAGA,KAAK,iBAAG,KAACN,UAAU,KAAG,iBAAG,KAACC,aAAa,KAAG;8BAAc,AACvG;;sBACG;oBACLU,QAAQ,kBACP,KAACd,GAAG;wBAAC0B,EAAE,EAAE,CAAC;wBAAEG,EAAE,EAAE,CAAC;kCACf,cAAA,KAACvB,iBAAiB,KAAqB;sBACnC,AACP;;cACG;UACC;MACL,EACN;AACJ,CAAC"}

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

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

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

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

package/dist/{stories/decorators/WithQueryClient.js → components/DashboardStickyToolbar/index.js}

@@ -10,14 +10,6 @@
 // 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 { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-export const WithQueryClient = (Story)=>{
-    const queryClient = new QueryClient({});
-    return /*#__PURE__*/ _jsx(QueryClientProvider, {
-        client: queryClient,
-        children: /*#__PURE__*/ _jsx(Story, {})
-    });
-};
+export * from './DashboardStickyToolbar';
 
-//# sourceMappingURL=WithQueryClient.js.map
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/DashboardToolbar/DashboardToolbar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DashboardResource } from '@perses-dev/core';
+import { OnSaveDashboard } from '../../context';
 export interface DashboardToolbarProps {
     dashboardName: string;
     dashboardTitleComponent?: JSX.Element;
@@ -7,7 +7,7 @@ export interface DashboardToolbarProps {
     isReadonly: boolean;
     onEditButtonClick: () => void;
     onCancelButtonClick: () => void;
-    onSave?: (entity: DashboardResource) => Promise<DashboardResource>;
+    onSave?: OnSaveDashboard;
 }
 export declare const DashboardToolbar: (props: DashboardToolbarProps) => JSX.Element;
 //# sourceMappingURL=DashboardToolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardToolbar/DashboardToolbar.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAUrD,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,gBAoI5D,CAAC"}
+{"version":3,"file":"DashboardToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/DashboardToolbar/DashboardToolbar.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,eAAe,EAAe,MAAM,eAAe,CAAC;AAW7D,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,gBA+G5D,CAAC"}