@perses-dev/components 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59

package/dist/cjs/theme/palette/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./palette-options"), exports);
-function _exportStar(from, to) {
+_export_star(require("./palette-options"), 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/theme/palette/palette-options.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "getPaletteOptions", {
     enumerable: true,
-    get: ()=>getPaletteOptions
+    get: function() {
+        return getPaletteOptions;
+    }
 });
 const _text = require("./text");
 const _background = require("./background");

package/dist/cjs/theme/palette/primary.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "primary", {
     enumerable: true,
-    get: ()=>primary
+    get: function() {
+        return primary;
+    }
 });
 const _colors = require("./colors");
 const primary = (mode)=>{

package/dist/cjs/theme/palette/secondary.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "secondary", {
     enumerable: true,
-    get: ()=>secondary
+    get: function() {
+        return secondary;
+    }
 });
 const _colors = require("./colors");
 const secondary = (mode)=>{

package/dist/cjs/theme/palette/success.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "success", {
     enumerable: true,
-    get: ()=>success
+    get: function() {
+        return success;
+    }
 });
 const _colors = require("./colors");
 const success = (mode)=>{

package/dist/cjs/theme/palette/text.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "text", {
     enumerable: true,
-    get: ()=>text
+    get: function() {
+        return text;
+    }
 });
 const _colors = require("./colors");
 const text = (mode)=>{

package/dist/cjs/theme/palette/warning.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "warning", {
     enumerable: true,
-    get: ()=>warning
+    get: function() {
+        return warning;
+    }
 });
 const _colors = require("./colors");
 const warning = (mode)=>{

package/dist/cjs/theme/theme.js

@@ -16,14 +16,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "getTheme", {
     enumerable: true,
-    get: ()=>getTheme
+    get: function() {
+        return getTheme;
+    }
 });
 const _material = require("@mui/material");
 const _alert = require("./component-overrides/alert");
 const _paper = require("./component-overrides/paper");
-const _paletteOptions = require("./palette/palette-options");
+const _paletteoptions = require("./palette/palette-options");
 const _typography = require("./typography");
-const getModalBackgroundStyle = ({ theme  })=>{
+const getModalBackgroundStyle = ({ theme })=>{
     const backgroundStyle = theme.palette.mode === 'light' ? {} : {
         backgroundImage: 'unset',
         backgroundColor: theme.palette.designSystem.grey[800]
@@ -34,7 +36,7 @@ const getModalBackgroundStyle = ({ theme  })=>{
 };
 function getTheme(mode) {
     const theme = (0, _material.createTheme)({
-        palette: (0, _paletteOptions.getPaletteOptions)(mode),
+        palette: (0, _paletteoptions.getPaletteOptions)(mode),
         typography: _typography.typography,
         mixins: {},
         components

package/dist/cjs/theme/typography.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "typography", {
     enumerable: true,
-    get: ()=>typography
+    get: function() {
+        return typography;
+    }
 });
 require("@fontsource/lato/300.css");
 require("@fontsource/lato/400.css");

package/dist/cjs/utils/axis.js

@@ -21,19 +21,23 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getYAxes: ()=>getYAxes,
-    getDateRange: ()=>getDateRange
+    getDateRange: function() {
+        return getDateRange;
+    },
+    getFormattedAxis: function() {
+        return getFormattedAxis;
+    }
 });
-const _merge = /*#__PURE__*/ _interopRequireDefault(require("lodash/merge"));
+const _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge"));
 const _core = require("@perses-dev/core");
-function _interopRequireDefault(obj) {
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function getYAxes(yAxis, unit) {
+function getFormattedAxis(axis, unit) {
     // TODO: support alternate yAxis that shows on right side
-    const Y_AXIS_DEFAULT = {
+    const AXIS_DEFAULT = {
         type: 'value',
         boundaryGap: [
             0,
@@ -46,7 +50,7 @@ function getYAxes(yAxis, unit) {
         }
     };
     return [
-        (0, _merge.default)(Y_AXIS_DEFAULT, yAxis)
+        (0, _merge.default)(AXIS_DEFAULT, axis)
     ];
 }
 function getDateRange(data) {

package/dist/cjs/utils/chart-actions.js

@@ -21,12 +21,32 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    enableDataZoom: ()=>enableDataZoom,
-    restoreChart: ()=>restoreChart,
-    clearHighlightedSeries: ()=>clearHighlightedSeries,
-    getPointInGrid: ()=>getPointInGrid,
-    batchDispatchNearbySeriesActions: ()=>batchDispatchNearbySeriesActions
+    batchDispatchNearbySeriesActions: function() {
+        return batchDispatchNearbySeriesActions;
+    },
+    checkCrosshairPinnedStatus: function() {
+        return checkCrosshairPinnedStatus;
+    },
+    clearHighlightedSeries: function() {
+        return clearHighlightedSeries;
+    },
+    enableDataZoom: function() {
+        return enableDataZoom;
+    },
+    getClosestTimestamp: function() {
+        return getClosestTimestamp;
+    },
+    getClosestTimestampInFullDataset: function() {
+        return getClosestTimestampInFullDataset;
+    },
+    getPointInGrid: function() {
+        return getPointInGrid;
+    },
+    restoreChart: function() {
+        return restoreChart;
+    }
 });
+const _model = require("../model");
 function enableDataZoom(chart) {
     const chartModel = chart['_model'];
     if (chartModel === undefined) return;
@@ -47,14 +67,16 @@ function restoreChart(chart) {
         type: 'restore'
     });
 }
-function clearHighlightedSeries(chart, totalSeries) {
+function clearHighlightedSeries(chart) {
     if (chart.dispatchAction !== undefined) {
-        for(let i = 0; i < totalSeries; i++){
-            chart.dispatchAction({
-                type: 'downplay',
-                seriesIndex: i
-            });
-        }
+        // Clear any selected data points
+        chart.dispatchAction({
+            type: 'unselect'
+        });
+        // Clear any highlighted series
+        chart.dispatchAction({
+            type: 'downplay'
+        });
     }
 }
 function getPointInGrid(cursorCoordX, cursorCoordY, chart) {
@@ -115,3 +137,37 @@ function batchDispatchNearbySeriesActions(chart, nearbySeriesIndexes, emphasized
         });
     }
 }
+function checkCrosshairPinnedStatus(seriesMapping) {
+    var _seriesMapping_;
+    const isCrosshairPinned = ((_seriesMapping_ = seriesMapping[seriesMapping.length - 1]) === null || _seriesMapping_ === void 0 ? void 0 : _seriesMapping_.name) === _model.PINNED_CROSSHAIR_SERIES_NAME;
+    return isCrosshairPinned;
+}
+function getClosestTimestamp(timeSeriesValues, cursorX) {
+    if (timeSeriesValues === undefined || cursorX === undefined) {
+        return null;
+    }
+    let currentClosestTimestamp = null;
+    let currentClosestDistance = Infinity;
+    for (const [timestamp] of timeSeriesValues){
+        const distance = Math.abs(timestamp - cursorX);
+        if (distance < currentClosestDistance) {
+            currentClosestTimestamp = timestamp;
+            currentClosestDistance = distance;
+        }
+    }
+    return currentClosestTimestamp;
+}
+function getClosestTimestampInFullDataset(data, cursorX) {
+    if (cursorX === undefined) {
+        return null;
+    }
+    const totalSeries = data.length;
+    let closestTimestamp = null;
+    for(let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++){
+        const currentDataset = totalSeries > 0 ? data[seriesIdx] : null;
+        if (currentDataset == null) break;
+        const currentValues = currentDataset.values;
+        closestTimestamp = getClosestTimestamp(currentValues, cursorX);
+    }
+    return closestTimestamp;
+}

package/dist/cjs/utils/combine-sx.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "combineSx", {
     enumerable: true,
-    get: ()=>combineSx
+    get: function() {
+        return combineSx;
+    }
 });
 function combineSx(...sxProps) {
     return sxProps.flatMap((sx)=>{

package/dist/cjs/utils/component-ids.js

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

package/dist/cjs/utils/format.js

@@ -21,13 +21,21 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    dateFormatOptionsWithTimeZone: ()=>dateFormatOptionsWithTimeZone,
-    formatWithTimeZone: ()=>formatWithTimeZone,
-    getFormattedDate: ()=>getFormattedDate,
-    getFormattedAxisLabel: ()=>getFormattedAxisLabel
+    dateFormatOptionsWithTimeZone: function() {
+        return dateFormatOptionsWithTimeZone;
+    },
+    formatWithTimeZone: function() {
+        return formatWithTimeZone;
+    },
+    getFormattedAxisLabel: function() {
+        return getFormattedAxisLabel;
+    },
+    getFormattedDate: function() {
+        return getFormattedDate;
+    }
 });
-const _dateFnsTz = require("date-fns-tz");
-const _dateFns = require("date-fns");
+const _datefnstz = require("date-fns-tz");
+const _datefns = require("date-fns");
 function dateFormatOptionsWithTimeZone(dateFormatOptions, timeZone) {
     /*
    * if timeZone is provided, and is not local|browser,
@@ -51,9 +59,9 @@ function formatWithTimeZone(date, formatString, timeZone) {
    * otherwise, format without timeZone option, defaulting to browser timeZone setting
    */ const lowerTimeZone = timeZone === null || timeZone === void 0 ? void 0 : timeZone.toLowerCase();
     if (!timeZone || lowerTimeZone === 'local' || lowerTimeZone === 'browser') {
-        return (0, _dateFns.format)(date, formatString);
+        return (0, _datefns.format)(date, formatString);
     } else {
-        return (0, _dateFnsTz.formatInTimeZone)(date, lowerTimeZone === 'utc' ? 'UTC' : timeZone, formatString);
+        return (0, _datefnstz.formatInTimeZone)(date, lowerTimeZone === 'utc' ? 'UTC' : timeZone, formatString);
     }
 }
 function getFormattedDate(value, rangeMs, timeZone) {

package/dist/cjs/utils/index.js

@@ -14,20 +14,22 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./axis"), exports);
-_exportStar(require("./chart-actions"), exports);
-_exportStar(require("./combine-sx"), exports);
-_exportStar(require("./component-ids"), exports);
-_exportStar(require("./format"), exports);
-_exportStar(require("./theme-gen"), exports);
-function _exportStar(from, to) {
+_export_star(require("./axis"), exports);
+_export_star(require("./chart-actions"), exports);
+_export_star(require("./combine-sx"), exports);
+_export_star(require("./component-ids"), exports);
+_export_star(require("./format"), exports);
+_export_star(require("./theme-gen"), 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/utils/mathjs.js

@@ -16,10 +16,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "round", {
     enumerable: true,
-    get: ()=>round
+    get: function() {
+        return round;
+    }
 });
 const _mathjs = require("mathjs");
 // This ensures we get a minimal mathjs bundle for just what we need (see https://mathjs.org/docs/custom_bundling.html)
-const { round  } = (0, _mathjs.create)({
+const { round } = (0, _mathjs.create)({
     roundDependencies: _mathjs.roundDependencies
 });

package/dist/cjs/utils/theme-gen.js

@@ -16,22 +16,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "generateChartsTheme", {
     enumerable: true,
-    get: ()=>generateChartsTheme
+    get: function() {
+        return generateChartsTheme;
+    }
 });
-const _merge = /*#__PURE__*/ _interopRequireDefault(require("lodash/merge"));
-function _interopRequireDefault(obj) {
+const _merge = /*#__PURE__*/ _interop_require_default(require("lodash/merge"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const DEFAULT_TEXT_COLOR = '#222';
-function generateChartsTheme(muiTheme, echartsTheme, /**
-   * The id of the container that will have the chart tooltip appended to it.
-   * By default, chart tooltip uses the body of the top-level document object.
-   */ tooltipPortalContainerId) {
-    var ref, ref1, ref2, ref3, ref4, ref5, ref6;
-    var ref7;
-    const primaryTextColor = (ref7 = (ref = muiTheme.palette.text) === null || ref === void 0 ? void 0 : ref.primary) !== null && ref7 !== void 0 ? ref7 : DEFAULT_TEXT_COLOR;
+function generateChartsTheme(muiTheme, persesChartsThemeOverride) {
+    var _muiTheme_palette_text, _muiTheme_palette_action, _muiTheme_palette, _muiTheme_palette_action1, _muiTheme_palette1, _muiTheme_palette_designSystem, _muiTheme_palette_designSystem1;
+    var _muiTheme_palette_text_primary;
+    const primaryTextColor = (_muiTheme_palette_text_primary = (_muiTheme_palette_text = muiTheme.palette.text) === null || _muiTheme_palette_text === void 0 ? void 0 : _muiTheme_palette_text.primary) !== null && _muiTheme_palette_text_primary !== void 0 ? _muiTheme_palette_text_primary : DEFAULT_TEXT_COLOR;
     const muiConvertedTheme = {
         title: {
             show: false
@@ -158,8 +157,8 @@ function generateChartsTheme(muiTheme, echartsTheme, /**
             pageTextStyle: {
                 color: muiTheme.palette.grey[600]
             },
-            pageIconColor: muiTheme === null || muiTheme === void 0 ? void 0 : (ref1 = muiTheme.palette) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.action) === null || ref2 === void 0 ? void 0 : ref2.active,
-            pageIconInactiveColor: muiTheme === null || muiTheme === void 0 ? void 0 : (ref3 = muiTheme.palette) === null || ref3 === void 0 ? void 0 : (ref4 = ref3.action) === null || ref4 === void 0 ? void 0 : ref4.disabled
+            pageIconColor: muiTheme === null || muiTheme === void 0 ? void 0 : (_muiTheme_palette = muiTheme.palette) === null || _muiTheme_palette === void 0 ? void 0 : (_muiTheme_palette_action = _muiTheme_palette.action) === null || _muiTheme_palette_action === void 0 ? void 0 : _muiTheme_palette_action.active,
+            pageIconInactiveColor: muiTheme === null || muiTheme === void 0 ? void 0 : (_muiTheme_palette1 = muiTheme.palette) === null || _muiTheme_palette1 === void 0 ? void 0 : (_muiTheme_palette_action1 = _muiTheme_palette1.action) === null || _muiTheme_palette_action1 === void 0 ? void 0 : _muiTheme_palette_action1.disabled
         },
         toolbox: {
             show: true,
@@ -170,8 +169,8 @@ function generateChartsTheme(muiTheme, echartsTheme, /**
             }
         },
         tooltip: {
-            backgroundColor: (ref5 = muiTheme.palette.designSystem) === null || ref5 === void 0 ? void 0 : ref5.grey[800],
-            borderColor: (ref6 = muiTheme.palette.designSystem) === null || ref6 === void 0 ? void 0 : ref6.grey[800],
+            backgroundColor: (_muiTheme_palette_designSystem = muiTheme.palette.designSystem) === null || _muiTheme_palette_designSystem === void 0 ? void 0 : _muiTheme_palette_designSystem.grey[800],
+            borderColor: (_muiTheme_palette_designSystem1 = muiTheme.palette.designSystem) === null || _muiTheme_palette_designSystem1 === void 0 ? void 0 : _muiTheme_palette_designSystem1.grey[800],
             textStyle: {
                 color: '#fff',
                 fontSize: 11
@@ -235,9 +234,8 @@ function generateChartsTheme(muiTheme, echartsTheme, /**
             splitNumber: 12
         }
     };
-    return {
-        tooltipPortalContainerId,
-        echartsTheme: (0, _merge.default)(muiConvertedTheme, echartsTheme),
+    return (0, _merge.default)({
+        echartsTheme: muiConvertedTheme,
         noDataOption: {
             title: {
                 show: true,
@@ -274,5 +272,5 @@ function generateChartsTheme(muiTheme, echartsTheme, /**
                 muiTheme.palette.error.main
             ]
         }
-    };
+    }, persesChartsThemeOverride);
 }

package/dist/context/ChartsProvider.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { PersesChartsTheme } from '../model';
+import { CursorCoordinates } from '../TimeSeriesTooltip';
+export interface ChartsProviderProps {
+    chartsTheme: PersesChartsTheme;
+    enablePinning?: boolean;
+    children?: React.ReactNode;
+}
+export interface SharedChartsState {
+    chartsTheme: PersesChartsTheme;
+    enablePinning: boolean;
+    lastTooltipPinnedCoords: CursorCoordinates | null;
+    setLastTooltipPinnedCoords: (lastTooltipPinnedCoords: CursorCoordinates | null) => void;
+}
+export declare function ChartsProvider(props: ChartsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const ChartsThemeContext: React.Context<SharedChartsState | undefined>;
+export declare function useChartsContext(): SharedChartsState;
+export declare function useChartsTheme(): PersesChartsTheme;
+//# sourceMappingURL=ChartsProvider.d.ts.map

package/dist/context/ChartsProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsProvider.d.ts","sourceRoot":"","sources":["../../src/context/ChartsProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,uBAAuB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAClD,0BAA0B,EAAE,CAAC,uBAAuB,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;CACzF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAexD;AAED,eAAO,MAAM,kBAAkB,8CAA0D,CAAC;AAE1F,wBAAgB,gBAAgB,IAAI,iBAAiB,CAMpD;AAED,wBAAgB,cAAc,IAAI,iBAAiB,CAGlD"}

package/dist/context/{ChartsThemeProvider.js → ChartsProvider.js}

@@ -11,21 +11,39 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useContext } from 'react';
-export function ChartsThemeProvider(props) {
-    const { children , chartsTheme  } = props;
+import React, { createContext, useContext, useMemo, useState } from 'react';
+export function ChartsProvider(props) {
+    const { children, chartsTheme, enablePinning = false } = props;
+    const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = useState(null);
+    const ctx = useMemo(()=>{
+        return {
+            chartsTheme,
+            enablePinning,
+            lastTooltipPinnedCoords,
+            setLastTooltipPinnedCoords
+        };
+    }, [
+        chartsTheme,
+        enablePinning,
+        lastTooltipPinnedCoords,
+        setLastTooltipPinnedCoords
+    ]);
     return /*#__PURE__*/ _jsx(ChartsThemeContext.Provider, {
-        value: chartsTheme,
+        value: ctx,
         children: children
     });
 }
 export const ChartsThemeContext = /*#__PURE__*/ createContext(undefined);
-export function useChartsTheme() {
+export function useChartsContext() {
     const ctx = useContext(ChartsThemeContext);
     if (ctx === undefined) {
         throw new Error('No ChartsThemeContext found. Did you forget a Provider?');
     }
     return ctx;
 }
+export function useChartsTheme() {
+    const ctx = useChartsContext();
+    return ctx.chartsTheme;
+}
 
-//# sourceMappingURL=ChartsThemeProvider.js.map
+//# sourceMappingURL=ChartsProvider.js.map

package/dist/context/ChartsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/ChartsProvider.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 React, { createContext, useContext, useMemo, useState } from 'react';\nimport { PersesChartsTheme } from '../model';\nimport { CursorCoordinates } from '../TimeSeriesTooltip';\n\nexport interface ChartsProviderProps {\n  chartsTheme: PersesChartsTheme;\n  enablePinning?: boolean;\n  children?: React.ReactNode;\n}\n\nexport interface SharedChartsState {\n  chartsTheme: PersesChartsTheme;\n  enablePinning: boolean;\n  lastTooltipPinnedCoords: CursorCoordinates | null;\n  setLastTooltipPinnedCoords: (lastTooltipPinnedCoords: CursorCoordinates | null) => void;\n}\n\nexport function ChartsProvider(props: ChartsProviderProps) {\n  const { children, chartsTheme, enablePinning = false } = props;\n\n  const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = useState<CursorCoordinates | null>(null);\n\n  const ctx = useMemo(() => {\n    return {\n      chartsTheme,\n      enablePinning,\n      lastTooltipPinnedCoords,\n      setLastTooltipPinnedCoords,\n    };\n  }, [chartsTheme, enablePinning, lastTooltipPinnedCoords, setLastTooltipPinnedCoords]);\n\n  return <ChartsThemeContext.Provider value={ctx}>{children}</ChartsThemeContext.Provider>;\n}\n\nexport const ChartsThemeContext = createContext<SharedChartsState | undefined>(undefined);\n\nexport function useChartsContext(): SharedChartsState {\n  const ctx = useContext(ChartsThemeContext);\n  if (ctx === undefined) {\n    throw new Error('No ChartsThemeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useChartsTheme(): PersesChartsTheme {\n  const ctx = useChartsContext();\n  return ctx.chartsTheme;\n}\n"],"names":["React","createContext","useContext","useMemo","useState","ChartsProvider","props","children","chartsTheme","enablePinning","lastTooltipPinnedCoords","setLastTooltipPinnedCoords","ctx","ChartsThemeContext","Provider","value","undefined","useChartsContext","Error","useChartsTheme"],"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,OAAOA,SAASC,aAAa,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAiB5E,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,gBAAgB,KAAK,EAAE,GAAGH;IAEzD,MAAM,CAACI,yBAAyBC,2BAA2B,GAAGP,SAAmC;IAEjG,MAAMQ,MAAMT,QAAQ;QAClB,OAAO;YACLK;YACAC;YACAC;YACAC;QACF;IACF,GAAG;QAACH;QAAaC;QAAeC;QAAyBC;KAA2B;IAEpF,qBAAO,KAACE,mBAAmBC,QAAQ;QAACC,OAAOH;kBAAML;;AACnD;AAEA,OAAO,MAAMM,mCAAqBZ,cAA6Ce,WAAW;AAE1F,OAAO,SAASC;IACd,MAAML,MAAMV,WAAWW;IACvB,IAAID,QAAQI,WAAW;QACrB,MAAM,IAAIE,MAAM;IAClB;IACA,OAAON;AACT;AAEA,OAAO,SAASO;IACd,MAAMP,MAAMK;IACZ,OAAOL,IAAIJ,WAAW;AACxB"}

package/dist/context/SnackbarProvider.d.ts

@@ -10,8 +10,8 @@ export interface SnackbarContext extends NotistackContext {
      */
     exceptionSnackbar: (error: unknown, options?: SnackbarOptions) => SnackbarKey;
 }
-declare type EnqueueFunction = (message: SnackbarMessage, options?: SnackbarOptions) => SnackbarKey;
-declare type SnackbarOptions = Omit<OptionsObject, 'variant'>;
+type EnqueueFunction = (message: SnackbarMessage, options?: SnackbarOptions) => SnackbarKey;
+type SnackbarOptions = Omit<OptionsObject, 'variant'>;
 /**
  * Application-wide provider for showing snackbars/toasts.
  */

package/dist/context/SnackbarProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarProvider.d.ts","sourceRoot":"","sources":["../../src/context/SnackbarProvider.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,eAAe,IAAI,gBAAgB,EAEnC,eAAe,EACf,aAAa,EACb,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,eAAe,CAAC;IACjC,eAAe,EAAE,eAAe,CAAC;IAEjC;;;OAGG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,WAAW,CAAC;CAC/E;AAED,aAAK,eAAe,GAAG,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,WAAW,CAAC;AAE5F,aAAK,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;AAEjD;;GAEG;AACH,wBAAgB,WAAW,IAAI,eAAe,CA6B7C"}
+{"version":3,"file":"SnackbarProvider.d.ts","sourceRoot":"","sources":["../../src/context/SnackbarProvider.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,eAAe,IAAI,gBAAgB,EAEnC,eAAe,EACf,aAAa,EACb,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;IAC9B,eAAe,EAAE,eAAe,CAAC;IACjC,eAAe,EAAE,eAAe,CAAC;IAEjC;;;OAGG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,WAAW,CAAC;CAC/E;AAED,KAAK,eAAe,GAAG,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,WAAW,CAAC;AAE5F,KAAK,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;AAEjD;;GAEG;AACH,wBAAgB,WAAW,IAAI,eAAe,CA6B7C"}

package/dist/context/SnackbarProvider.js

@@ -18,7 +18,7 @@ import { SnackbarProvider as NotistackProvider, useSnackbar as useNotistack } fr
 /**
  * Gets the SnackbarContext with methods for displaying snackbars/toasts.
  */ export function useSnackbar() {
-    const { enqueueSnackbar , closeSnackbar  } = useNotistack();
+    const { enqueueSnackbar, closeSnackbar } = useNotistack();
     // Create variant-specific callbacks
     const errorSnackbar = useEnqueueFunction(enqueueSnackbar, 'error');
     const infoSnackbar = useEnqueueFunction(enqueueSnackbar, 'info');

package/dist/context/SnackbarProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/SnackbarProvider.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 { useCallback } from 'react';\nimport {\n  SnackbarProvider as NotistackProvider,\n  ProviderContext as NotistackContext,\n  useSnackbar as useNotistack,\n  SnackbarMessage,\n  OptionsObject,\n  SnackbarKey,\n} from 'notistack';\n\nexport interface SnackbarContext extends NotistackContext {\n  errorSnackbar: EnqueueFunction;\n  infoSnackbar: EnqueueFunction;\n  warningSnackbar: EnqueueFunction;\n  successSnackbar: EnqueueFunction;\n\n  /**\n   * Useful for catch blocks where the error will be of type `unknown`, tries\n   * to show the `message` property if passed an instance of `Error`.\n   */\n  exceptionSnackbar: (error: unknown, options?: SnackbarOptions) => SnackbarKey;\n}\n\ntype EnqueueFunction = (message: SnackbarMessage, options?: SnackbarOptions) => SnackbarKey;\n\ntype SnackbarOptions = Omit<OptionsObject, 'variant'>;\n\n/**\n * Application-wide provider for showing snackbars/toasts.\n */\nexport { NotistackProvider as SnackbarProvider };\n\n/**\n * Gets the SnackbarContext with methods for displaying snackbars/toasts.\n */\nexport function useSnackbar(): SnackbarContext {\n  const { enqueueSnackbar, closeSnackbar } = useNotistack();\n\n  // Create variant-specific callbacks\n  const errorSnackbar = useEnqueueFunction(enqueueSnackbar, 'error');\n  const infoSnackbar = useEnqueueFunction(enqueueSnackbar, 'info');\n  const warningSnackbar = useEnqueueFunction(enqueueSnackbar, 'warning');\n  const successSnackbar = useEnqueueFunction(enqueueSnackbar, 'success');\n\n  const exceptionSnackbar: SnackbarContext['exceptionSnackbar'] = useCallback(\n    (error, options) => {\n      // Try to use message prop, but fallback to a default message that\n      // will just stringify the error provided\n      const message = error instanceof Error ? error.message : `An unexpected error occurred: ${error}`;\n\n      return errorSnackbar(message, options);\n    },\n    [errorSnackbar]\n  );\n\n  return {\n    enqueueSnackbar,\n    closeSnackbar,\n    errorSnackbar,\n    infoSnackbar,\n    warningSnackbar,\n    successSnackbar,\n    exceptionSnackbar,\n  };\n}\n\n// Helper to create a variant-specific enqueue function\nfunction useEnqueueFunction(\n  enqueueSnackbar: NotistackContext['enqueueSnackbar'],\n  variant: OptionsObject['variant']\n): EnqueueFunction {\n  return useCallback(\n    (message, options) => {\n      const allOptions: OptionsObject = {\n        ...options,\n        variant,\n      };\n      return enqueueSnackbar(message, allOptions);\n    },\n    [enqueueSnackbar, variant]\n  );\n}\n"],"names":["useCallback","SnackbarProvider","NotistackProvider","useSnackbar","useNotistack","enqueueSnackbar","closeSnackbar","errorSnackbar","useEnqueueFunction","infoSnackbar","warningSnackbar","successSnackbar","exceptionSnackbar","error","options","message","Error","variant","allOptions"],"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,WAAW,QAAQ,OAAO,CAAC;AACpC,SACEC,gBAAgB,IAAIC,iBAAiB,EAErCC,WAAW,IAAIC,YAAY,QAItB,WAAW,CAAC;AAmBnB;;CAEC,GACD,SAASF,iBAAiB,IAAID,gBAAgB,GAAG;AAEjD;;CAEC,GACD,OAAO,SAASE,WAAW,GAAoB;IAC7C,MAAM,EAAEE,eAAe,CAAA,EAAEC,aAAa,CAAA,EAAE,GAAGF,YAAY,EAAE,AAAC;IAE1D,oCAAoC;IACpC,MAAMG,aAAa,GAAGC,kBAAkB,CAACH,eAAe,EAAE,OAAO,CAAC,AAAC;IACnE,MAAMI,YAAY,GAAGD,kBAAkB,CAACH,eAAe,EAAE,MAAM,CAAC,AAAC;IACjE,MAAMK,eAAe,GAAGF,kBAAkB,CAACH,eAAe,EAAE,SAAS,CAAC,AAAC;IACvE,MAAMM,eAAe,GAAGH,kBAAkB,CAACH,eAAe,EAAE,SAAS,CAAC,AAAC;IAEvE,MAAMO,iBAAiB,GAAyCZ,WAAW,CACzE,CAACa,KAAK,EAAEC,OAAO,GAAK;QAClB,kEAAkE;QAClE,yCAAyC;QACzC,MAAMC,OAAO,GAAGF,KAAK,YAAYG,KAAK,GAAGH,KAAK,CAACE,OAAO,GAAG,CAAC,8BAA8B,EAAEF,KAAK,CAAC,CAAC,AAAC;QAElG,OAAON,aAAa,CAACQ,OAAO,EAAED,OAAO,CAAC,CAAC;IACzC,CAAC,EACD;QAACP,aAAa;KAAC,CAChB,AAAC;IAEF,OAAO;QACLF,eAAe;QACfC,aAAa;QACbC,aAAa;QACbE,YAAY;QACZC,eAAe;QACfC,eAAe;QACfC,iBAAiB;KAClB,CAAC;AACJ,CAAC;AAED,uDAAuD;AACvD,SAASJ,kBAAkB,CACzBH,eAAoD,EACpDY,OAAiC,EAChB;IACjB,OAAOjB,WAAW,CAChB,CAACe,OAAO,EAAED,OAAO,GAAK;QACpB,MAAMI,UAAU,GAAkB;YAChC,GAAGJ,OAAO;YACVG,OAAO;SACR,AAAC;QACF,OAAOZ,eAAe,CAACU,OAAO,EAAEG,UAAU,CAAC,CAAC;IAC9C,CAAC,EACD;QAACb,eAAe;QAAEY,OAAO;KAAC,CAC3B,CAAC;AACJ,CAAC"}
+{"version":3,"sources":["../../src/context/SnackbarProvider.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 { useCallback } from 'react';\nimport {\n  SnackbarProvider as NotistackProvider,\n  ProviderContext as NotistackContext,\n  useSnackbar as useNotistack,\n  SnackbarMessage,\n  OptionsObject,\n  SnackbarKey,\n} from 'notistack';\n\nexport interface SnackbarContext extends NotistackContext {\n  errorSnackbar: EnqueueFunction;\n  infoSnackbar: EnqueueFunction;\n  warningSnackbar: EnqueueFunction;\n  successSnackbar: EnqueueFunction;\n\n  /**\n   * Useful for catch blocks where the error will be of type `unknown`, tries\n   * to show the `message` property if passed an instance of `Error`.\n   */\n  exceptionSnackbar: (error: unknown, options?: SnackbarOptions) => SnackbarKey;\n}\n\ntype EnqueueFunction = (message: SnackbarMessage, options?: SnackbarOptions) => SnackbarKey;\n\ntype SnackbarOptions = Omit<OptionsObject, 'variant'>;\n\n/**\n * Application-wide provider for showing snackbars/toasts.\n */\nexport { NotistackProvider as SnackbarProvider };\n\n/**\n * Gets the SnackbarContext with methods for displaying snackbars/toasts.\n */\nexport function useSnackbar(): SnackbarContext {\n  const { enqueueSnackbar, closeSnackbar } = useNotistack();\n\n  // Create variant-specific callbacks\n  const errorSnackbar = useEnqueueFunction(enqueueSnackbar, 'error');\n  const infoSnackbar = useEnqueueFunction(enqueueSnackbar, 'info');\n  const warningSnackbar = useEnqueueFunction(enqueueSnackbar, 'warning');\n  const successSnackbar = useEnqueueFunction(enqueueSnackbar, 'success');\n\n  const exceptionSnackbar: SnackbarContext['exceptionSnackbar'] = useCallback(\n    (error, options) => {\n      // Try to use message prop, but fallback to a default message that\n      // will just stringify the error provided\n      const message = error instanceof Error ? error.message : `An unexpected error occurred: ${error}`;\n\n      return errorSnackbar(message, options);\n    },\n    [errorSnackbar]\n  );\n\n  return {\n    enqueueSnackbar,\n    closeSnackbar,\n    errorSnackbar,\n    infoSnackbar,\n    warningSnackbar,\n    successSnackbar,\n    exceptionSnackbar,\n  };\n}\n\n// Helper to create a variant-specific enqueue function\nfunction useEnqueueFunction(\n  enqueueSnackbar: NotistackContext['enqueueSnackbar'],\n  variant: OptionsObject['variant']\n): EnqueueFunction {\n  return useCallback(\n    (message, options) => {\n      const allOptions: OptionsObject = {\n        ...options,\n        variant,\n      };\n      return enqueueSnackbar(message, allOptions);\n    },\n    [enqueueSnackbar, variant]\n  );\n}\n"],"names":["useCallback","SnackbarProvider","NotistackProvider","useSnackbar","useNotistack","enqueueSnackbar","closeSnackbar","errorSnackbar","useEnqueueFunction","infoSnackbar","warningSnackbar","successSnackbar","exceptionSnackbar","error","options","message","Error","variant","allOptions"],"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,WAAW,QAAQ,QAAQ;AACpC,SACEC,oBAAoBC,iBAAiB,EAErCC,eAAeC,YAAY,QAItB,YAAY;AAmBnB;;CAEC,GACD,SAASF,qBAAqBD,gBAAgB,GAAG;AAEjD;;CAEC,GACD,OAAO,SAASE;IACd,MAAM,EAAEE,eAAe,EAAEC,aAAa,EAAE,GAAGF;IAE3C,oCAAoC;IACpC,MAAMG,gBAAgBC,mBAAmBH,iBAAiB;IAC1D,MAAMI,eAAeD,mBAAmBH,iBAAiB;IACzD,MAAMK,kBAAkBF,mBAAmBH,iBAAiB;IAC5D,MAAMM,kBAAkBH,mBAAmBH,iBAAiB;IAE5D,MAAMO,oBAA0DZ,YAC9D,CAACa,OAAOC;QACN,kEAAkE;QAClE,yCAAyC;QACzC,MAAMC,UAAUF,iBAAiBG,QAAQH,MAAME,OAAO,GAAG,CAAC,8BAA8B,EAAEF,MAAM,CAAC;QAEjG,OAAON,cAAcQ,SAASD;IAChC,GACA;QAACP;KAAc;IAGjB,OAAO;QACLF;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;IACF;AACF;AAEA,uDAAuD;AACvD,SAASJ,mBACPH,eAAoD,EACpDY,OAAiC;IAEjC,OAAOjB,YACL,CAACe,SAASD;QACR,MAAMI,aAA4B;YAChC,GAAGJ,OAAO;YACVG;QACF;QACA,OAAOZ,gBAAgBU,SAASG;IAClC,GACA;QAACb;QAAiBY;KAAQ;AAE9B"}

package/dist/context/TimeZoneProvider.d.ts

@@ -4,7 +4,7 @@ export interface TimeZoneProviderProps {
     timeZone?: string;
     children?: React.ReactNode;
 }
-export declare function TimeZoneProvider(props: TimeZoneProviderProps): JSX.Element;
+export declare function TimeZoneProvider(props: TimeZoneProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTimeZone(): {
     timeZone: string;
     formatWithUserTimeZone(date: Date, formatString: string): string;

package/dist/context/TimeZoneProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeZoneProvider.d.ts","sourceRoot":"","sources":["../../src/context/TimeZoneProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,eAAO,MAAM,eAAe,mCAA+C,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAG5D;AAED,wBAAgB,WAAW;;iCAKM,IAAI,gBAAgB,MAAM;yDAGF,KAAK,qBAAqB;EAIlF"}
+{"version":3,"file":"TimeZoneProvider.d.ts","sourceRoot":"","sources":["../../src/context/TimeZoneProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,eAAO,MAAM,eAAe,mCAA+C,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAG5D;AAED,wBAAgB,WAAW;;iCAKM,IAAI,gBAAgB,MAAM;yDAGF,KAAK,qBAAqB;EAIlF"}

package/dist/context/TimeZoneProvider.js

@@ -15,7 +15,7 @@ import React, { createContext, useContext } from 'react';
 import { formatWithTimeZone, dateFormatOptionsWithTimeZone } from '../utils';
 export const TimeZoneContext = /*#__PURE__*/ createContext(undefined);
 export function TimeZoneProvider(props) {
-    const { children , timeZone  } = props;
+    const { children, timeZone } = props;
     return /*#__PURE__*/ _jsx(TimeZoneContext.Provider, {
         value: timeZone,
         children: children