@perses-dev/dashboards 0.44.0 → 0.45.0-rc1

package/dist/components/TimeRangeControls/TimeRangeControls.js

@@ -1,192 +0,0 @@
-// 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 RefreshIcon from 'mdi-material-ui/Refresh';
-import { Stack } from '@mui/material';
-import { DateTimeRangePicker, RefreshIntervalPicker, InfoTooltip } from '@perses-dev/components';
-import { useTimeRange } from '@perses-dev/plugin-system';
-import { isDurationString } from '@perses-dev/core';
-import { useCallback } from 'react';
-import { TOOLTIP_TEXT } from '../../constants';
-import { useDashboardDuration } from '../../context';
-import { ToolbarIconButton } from '../ToolbarIconButton';
-import { useDashboard } from '../../context/useDashboard';
-export const DEFAULT_TIME_RANGE_OPTIONS = [
-    {
-        value: {
-            pastDuration: '5m'
-        },
-        display: 'Last 5 minutes'
-    },
-    {
-        value: {
-            pastDuration: '15m'
-        },
-        display: 'Last 15 minutes'
-    },
-    {
-        value: {
-            pastDuration: '30m'
-        },
-        display: 'Last 30 minutes'
-    },
-    {
-        value: {
-            pastDuration: '1h'
-        },
-        display: 'Last 1 hour'
-    },
-    {
-        value: {
-            pastDuration: '6h'
-        },
-        display: 'Last 6 hours'
-    },
-    {
-        value: {
-            pastDuration: '12h'
-        },
-        display: 'Last 12 hours'
-    },
-    {
-        value: {
-            pastDuration: '24h'
-        },
-        display: 'Last 1 day'
-    },
-    {
-        value: {
-            pastDuration: '7d'
-        },
-        display: 'Last 7 days'
-    },
-    {
-        value: {
-            pastDuration: '14d'
-        },
-        display: 'Last 14 days'
-    }
-];
-export const DEFAULT_REFRESH_INTERVAL_OPTIONS = [
-    {
-        value: {
-            pastDuration: '0s'
-        },
-        display: 'Off'
-    },
-    {
-        value: {
-            pastDuration: '5s'
-        },
-        display: '5s'
-    },
-    {
-        value: {
-            pastDuration: '10s'
-        },
-        display: '10s'
-    },
-    {
-        value: {
-            pastDuration: '15s'
-        },
-        display: '15s'
-    },
-    {
-        value: {
-            pastDuration: '30s'
-        },
-        display: '30s'
-    },
-    {
-        value: {
-            pastDuration: '60s'
-        },
-        display: '1m'
-    }
-];
-const DEFAULT_HEIGHT = '34px';
-export function TimeRangeControls({ heightPx, showTimeRangeSelector = true, showRefreshButton = true, showRefreshInterval = true, timePresets = DEFAULT_TIME_RANGE_OPTIONS }) {
-    const { timeRange, setTimeRange, refresh, refreshInterval, setRefreshInterval } = useTimeRange();
-    // TODO: Remove this since it couples to the dashboard context
-    const dashboardDuration = useDashboardDuration();
-    const { dashboard, setDashboard } = useDashboard();
-    // Convert height to a string, then use the string for styling
-    const height = heightPx === undefined ? DEFAULT_HEIGHT : `${heightPx}px`;
-    // add time shortcut if one does not match duration from dashboard JSON
-    if (!timePresets.some((option)=>option.value.pastDuration === dashboardDuration)) {
-        if (isDurationString(dashboardDuration)) {
-            timePresets.push({
-                value: {
-                    pastDuration: dashboardDuration
-                },
-                display: `Last ${dashboardDuration}`
-            });
-        }
-    }
-    // set the new refresh interval both in the dashboard context & as query param
-    const handleRefreshIntervalChange = useCallback((duration)=>{
-        setDashboard(dashboard.kind === 'Dashboard' ? {
-            ...dashboard,
-            spec: {
-                ...dashboard.spec,
-                refreshInterval: duration
-            }
-        } : {
-            ...dashboard,
-            spec: {
-                ...dashboard.spec,
-                refreshInterval: duration
-            }
-        });
-        setRefreshInterval(duration);
-    }, [
-        dashboard,
-        setDashboard,
-        setRefreshInterval
-    ]);
-    return /*#__PURE__*/ _jsxs(Stack, {
-        direction: "row",
-        spacing: 1,
-        children: [
-            showTimeRangeSelector && /*#__PURE__*/ _jsx(DateTimeRangePicker, {
-                timeOptions: timePresets,
-                value: timeRange,
-                onChange: setTimeRange,
-                height: height
-            }),
-            showRefreshButton && /*#__PURE__*/ _jsx(InfoTooltip, {
-                description: TOOLTIP_TEXT.refreshDashboard,
-                children: /*#__PURE__*/ _jsx(ToolbarIconButton, {
-                    "aria-label": TOOLTIP_TEXT.refreshDashboard,
-                    onClick: refresh,
-                    sx: {
-                        height
-                    },
-                    children: /*#__PURE__*/ _jsx(RefreshIcon, {})
-                })
-            }),
-            showRefreshInterval && /*#__PURE__*/ _jsx(InfoTooltip, {
-                description: TOOLTIP_TEXT.refreshDashboardInterval,
-                children: /*#__PURE__*/ _jsx(RefreshIntervalPicker, {
-                    timeOptions: DEFAULT_REFRESH_INTERVAL_OPTIONS,
-                    value: refreshInterval,
-                    onChange: handleRefreshIntervalChange,
-                    height: height
-                })
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=TimeRangeControls.js.map

package/dist/components/TimeRangeControls/TimeRangeControls.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TimeRangeControls/TimeRangeControls.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 RefreshIcon from 'mdi-material-ui/Refresh';\nimport { Stack } from '@mui/material';\nimport { DateTimeRangePicker, RefreshIntervalPicker, InfoTooltip, TimeOption } from '@perses-dev/components';\nimport { useTimeRange } from '@perses-dev/plugin-system';\nimport { isDurationString, DurationString, DashboardResource, EphemeralDashboardResource } from '@perses-dev/core';\nimport { useCallback } from 'react';\nimport { TOOLTIP_TEXT } from '../../constants';\nimport { useDashboardDuration } from '../../context';\nimport { ToolbarIconButton } from '../ToolbarIconButton';\nimport { useDashboard } from '../../context/useDashboard';\n\nexport const DEFAULT_TIME_RANGE_OPTIONS: TimeOption[] = [\n  { value: { pastDuration: '5m' }, display: 'Last 5 minutes' },\n  { value: { pastDuration: '15m' }, display: 'Last 15 minutes' },\n  { value: { pastDuration: '30m' }, display: 'Last 30 minutes' },\n  { value: { pastDuration: '1h' }, display: 'Last 1 hour' },\n  { value: { pastDuration: '6h' }, display: 'Last 6 hours' },\n  { value: { pastDuration: '12h' }, display: 'Last 12 hours' },\n  { value: { pastDuration: '24h' }, display: 'Last 1 day' },\n  { value: { pastDuration: '7d' }, display: 'Last 7 days' },\n  { value: { pastDuration: '14d' }, display: 'Last 14 days' },\n];\n\nexport const DEFAULT_REFRESH_INTERVAL_OPTIONS: TimeOption[] = [\n  { value: { pastDuration: '0s' }, display: 'Off' },\n  { value: { pastDuration: '5s' }, display: '5s' },\n  { value: { pastDuration: '10s' }, display: '10s' },\n  { value: { pastDuration: '15s' }, display: '15s' },\n  { value: { pastDuration: '30s' }, display: '30s' },\n  { value: { pastDuration: '60s' }, display: '1m' },\n];\n\nconst DEFAULT_HEIGHT = '34px';\n\ninterface TimeRangeControlsProps {\n  // The controls look best at heights >= 28 pixels\n  heightPx?: number;\n  showTimeRangeSelector?: boolean;\n  showRefreshButton?: boolean;\n  showRefreshInterval?: boolean;\n  timePresets?: TimeOption[];\n}\n\nexport function TimeRangeControls({\n  heightPx,\n  showTimeRangeSelector = true,\n  showRefreshButton = true,\n  showRefreshInterval = true,\n  timePresets = DEFAULT_TIME_RANGE_OPTIONS,\n}: TimeRangeControlsProps) {\n  const { timeRange, setTimeRange, refresh, refreshInterval, setRefreshInterval } = useTimeRange();\n  // TODO: Remove this since it couples to the dashboard context\n  const dashboardDuration = useDashboardDuration();\n  const { dashboard, setDashboard } = useDashboard();\n\n  // Convert height to a string, then use the string for styling\n  const height = heightPx === undefined ? DEFAULT_HEIGHT : `${heightPx}px`;\n\n  // add time shortcut if one does not match duration from dashboard JSON\n  if (!timePresets.some((option) => option.value.pastDuration === dashboardDuration)) {\n    if (isDurationString(dashboardDuration)) {\n      timePresets.push({\n        value: { pastDuration: dashboardDuration },\n        display: `Last ${dashboardDuration}`,\n      });\n    }\n  }\n\n  // set the new refresh interval both in the dashboard context & as query param\n  const handleRefreshIntervalChange = useCallback(\n    (duration: DurationString) => {\n      setDashboard(\n        dashboard.kind === 'Dashboard'\n          ? ({\n              ...dashboard,\n              spec: {\n                ...dashboard.spec,\n                refreshInterval: duration,\n              },\n            } as DashboardResource)\n          : ({\n              ...dashboard,\n              spec: {\n                ...dashboard.spec,\n                refreshInterval: duration,\n              },\n            } as EphemeralDashboardResource)\n      );\n      setRefreshInterval(duration);\n    },\n    [dashboard, setDashboard, setRefreshInterval]\n  );\n\n  return (\n    <Stack direction=\"row\" spacing={1}>\n      {showTimeRangeSelector && (\n        <DateTimeRangePicker timeOptions={timePresets} value={timeRange} onChange={setTimeRange} height={height} />\n      )}\n      {showRefreshButton && (\n        <InfoTooltip description={TOOLTIP_TEXT.refreshDashboard}>\n          <ToolbarIconButton aria-label={TOOLTIP_TEXT.refreshDashboard} onClick={refresh} sx={{ height }}>\n            <RefreshIcon />\n          </ToolbarIconButton>\n        </InfoTooltip>\n      )}\n      {showRefreshInterval && (\n        <InfoTooltip description={TOOLTIP_TEXT.refreshDashboardInterval}>\n          <RefreshIntervalPicker\n            timeOptions={DEFAULT_REFRESH_INTERVAL_OPTIONS}\n            value={refreshInterval}\n            onChange={handleRefreshIntervalChange}\n            height={height}\n          />\n        </InfoTooltip>\n      )}\n    </Stack>\n  );\n}\n"],"names":["RefreshIcon","Stack","DateTimeRangePicker","RefreshIntervalPicker","InfoTooltip","useTimeRange","isDurationString","useCallback","TOOLTIP_TEXT","useDashboardDuration","ToolbarIconButton","useDashboard","DEFAULT_TIME_RANGE_OPTIONS","value","pastDuration","display","DEFAULT_REFRESH_INTERVAL_OPTIONS","DEFAULT_HEIGHT","TimeRangeControls","heightPx","showTimeRangeSelector","showRefreshButton","showRefreshInterval","timePresets","timeRange","setTimeRange","refresh","refreshInterval","setRefreshInterval","dashboardDuration","dashboard","setDashboard","height","undefined","some","option","push","handleRefreshIntervalChange","duration","kind","spec","direction","spacing","timeOptions","onChange","description","refreshDashboard","aria-label","onClick","sx","refreshDashboardInterval"],"mappings":"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"}

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

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

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

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

package/dist/components/TimeRangeControls/index.js

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

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

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

package/dist/components/ToolbarIconButton/ToolbarIconButton.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '@mui/material';
-type ToolbarIconButtonProps = ButtonProps;
-export declare const ToolbarIconButton: import("react").ForwardRefExoticComponent<Omit<ToolbarIconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
-//# sourceMappingURL=ToolbarIconButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarIconButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarIconButton/ToolbarIconButton.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAkB,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5D,KAAK,sBAAsB,GAAG,WAAW,CAAC;AAa1C,eAAO,MAAM,iBAAiB,mIAAyB,CAAC"}

package/dist/components/ToolbarIconButton/ToolbarIconButton.js

@@ -1,32 +0,0 @@
-// 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 } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Button, styled } from '@mui/material';
-function IconButton(props, ref) {
-    return /*#__PURE__*/ _jsx(StyledIconButton, {
-        ref: ref,
-        variant: "outlined",
-        color: "secondary",
-        ...props
-    });
-}
-const StyledIconButton = styled(Button)(({ theme })=>({
-        // Using a button with some adjusted styles because it is easier to inherit
-        // styling and variants from themes than with an IconButton.
-        padding: theme.spacing(0.5),
-        minWidth: 'auto'
-    }));
-export const ToolbarIconButton = /*#__PURE__*/ forwardRef(IconButton);
-
-//# sourceMappingURL=ToolbarIconButton.js.map

package/dist/components/ToolbarIconButton/ToolbarIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ToolbarIconButton/ToolbarIconButton.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 { ForwardedRef, forwardRef } from 'react';\nimport { Button, styled, ButtonProps } from '@mui/material';\n\ntype ToolbarIconButtonProps = ButtonProps;\n\nfunction IconButton(props: ToolbarIconButtonProps, ref: ForwardedRef<HTMLButtonElement>) {\n  return <StyledIconButton ref={ref} variant=\"outlined\" color=\"secondary\" {...props} />;\n}\n\nconst StyledIconButton = styled(Button)(({ theme }) => ({\n  // Using a button with some adjusted styles because it is easier to inherit\n  // styling and variants from themes than with an IconButton.\n  padding: theme.spacing(0.5),\n  minWidth: 'auto',\n}));\n\nexport const ToolbarIconButton = forwardRef(IconButton);\n"],"names":["forwardRef","Button","styled","IconButton","props","ref","StyledIconButton","variant","color","theme","padding","spacing","minWidth","ToolbarIconButton"],"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,SAAuBA,UAAU,QAAQ,QAAQ;AACjD,SAASC,MAAM,EAAEC,MAAM,QAAqB,gBAAgB;AAI5D,SAASC,WAAWC,KAA6B,EAAEC,GAAoC;IACrF,qBAAO,KAACC;QAAiBD,KAAKA;QAAKE,SAAQ;QAAWC,OAAM;QAAa,GAAGJ,KAAK;;AACnF;AAEA,MAAME,mBAAmBJ,OAAOD,QAAQ,CAAC,EAAEQ,KAAK,EAAE,GAAM,CAAA;QACtD,2EAA2E;QAC3E,4DAA4D;QAC5DC,SAASD,MAAME,OAAO,CAAC;QACvBC,UAAU;IACZ,CAAA;AAEA,OAAO,MAAMC,kCAAoBb,WAAWG,YAAY"}

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

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

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

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

package/dist/components/ToolbarIconButton/index.js

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

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

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

package/dist/utils/time.d.ts

@@ -1,5 +0,0 @@
-/**
- * Gets the suggested step for a graph query in ms for the currently selected time range.
- */
-export declare function useSuggestedStepMs(width?: number): number;
-//# sourceMappingURL=time.d.ts.map

package/dist/utils/time.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/utils/time.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,UAIhD"}

package/dist/utils/time.js

@@ -1,23 +0,0 @@
-// 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 { getSuggestedStepMs } from '@perses-dev/core';
-import { useTimeRange } from '@perses-dev/plugin-system';
-/**
- * Gets the suggested step for a graph query in ms for the currently selected time range.
- */ export function useSuggestedStepMs(width) {
-    const { absoluteTimeRange } = useTimeRange();
-    if (width === undefined) return 0;
-    return getSuggestedStepMs(absoluteTimeRange, width);
-}
-
-//# sourceMappingURL=time.js.map

package/dist/utils/time.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/time.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\nimport { getSuggestedStepMs } from '@perses-dev/core';\nimport { useTimeRange } from '@perses-dev/plugin-system';\n\n/**\n * Gets the suggested step for a graph query in ms for the currently selected time range.\n */\nexport function useSuggestedStepMs(width?: number) {\n  const { absoluteTimeRange } = useTimeRange();\n  if (width === undefined) return 0;\n  return getSuggestedStepMs(absoluteTimeRange, width);\n}\n"],"names":["getSuggestedStepMs","useTimeRange","useSuggestedStepMs","width","absoluteTimeRange","undefined"],"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,SAASA,kBAAkB,QAAQ,mBAAmB;AACtD,SAASC,YAAY,QAAQ,4BAA4B;AAEzD;;CAEC,GACD,OAAO,SAASC,mBAAmBC,KAAc;IAC/C,MAAM,EAAEC,iBAAiB,EAAE,GAAGH;IAC9B,IAAIE,UAAUE,WAAW,OAAO;IAChC,OAAOL,mBAAmBI,mBAAmBD;AAC/C"}