@perses-dev/components 0.0.0-snapshot-panel-extra-content-2-2767e21 → 0.0.0-snapshot-scatter-chart-embed-8efdfab

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

@@ -14,28 +14,47 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "testChartsTheme", {
-    enumerable: true,
-    get: ()=>testChartsTheme
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    testChartsTheme: function() {
+        return testChartsTheme;
+    },
+    mockChartsContext: function() {
+        return mockChartsContext;
+    }
 });
-const testChartsTheme = {
-    echartsTheme: {},
-    noDataOption: {},
-    sparkline: {
-        width: 1,
-        color: '#000000'
+const _material = require("@mui/material");
+const _utils = require("../utils");
+// app specific echarts option overrides
+const TEST_ECHARTS_THEME_OVERRIDES = {
+    textStyle: {
+        fontFamily: 'Lato'
+    },
+    categoryAxis: {
+        splitLine: {
+            show: false
+        }
     },
-    container: {
-        padding: {
-            default: 12
+    timeAxis: {
+        splitLine: {
+            show: false
         }
     },
-    thresholds: {
-        defaultColor: '#59CC8D',
-        palette: [
-            '#438FEB',
-            '#FFB249',
-            '#EE6C6C'
-        ]
+    bar: {
+        barCategoryGap: 2
     }
 };
+const testChartsTheme = (0, _utils.generateChartsTheme)((0, _material.createTheme)({}), {
+    echartsTheme: TEST_ECHARTS_THEME_OVERRIDES
+});
+const mockChartsContext = {
+    chartsTheme: testChartsTheme,
+    enablePinning: false,
+    lastTooltipPinnedCoords: null,
+    setLastTooltipPinnedCoords: ()=>null
+};

package/dist/cjs/theme/component-overrides/alert.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MuiAlert", {
     enumerable: true,
-    get: ()=>MuiAlert
+    get: function() {
+        return MuiAlert;
+    }
 });
 const _material = require("@mui/material");
 const MuiAlert = {

package/dist/cjs/theme/component-overrides/paper.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "MuiPaper", {
     enumerable: true,
-    get: ()=>MuiPaper
+    get: function() {
+        return MuiPaper;
+    }
 });
 const MuiPaper = {
     styleOverrides: {

package/dist/cjs/theme/index.js

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

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "background", {
     enumerable: true,
-    get: ()=>background
+    get: function() {
+        return background;
+    }
 });
 const _colors = require("./colors");
 const background = (mode)=>{
@@ -28,13 +30,15 @@ const background = (mode)=>{
         default: _colors.white,
         paper: _colors.grey[50],
         tooltip: _colors.grey[100],
+        lighter: _colors.grey[50],
         border: _colors.grey[100]
     } : {
         navigation,
         overlay,
         default: _colors.grey[900],
         paper: _colors.grey[850],
-        tooltip: _colors.grey[700],
+        tooltip: _colors.grey[600],
+        lighter: _colors.grey[700],
         border: _colors.grey[600]
     };
 };

package/dist/cjs/theme/palette/colors/blue.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "blue", {
     enumerable: true,
-    get: ()=>blue
+    get: function() {
+        return blue;
+    }
 });
 const blue = {
     50: '#E7F1FC',

package/dist/cjs/theme/palette/colors/common.js

@@ -21,8 +21,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    white: ()=>white,
-    black: ()=>black
+    white: function() {
+        return white;
+    },
+    black: function() {
+        return black;
+    }
 });
 const white = '#FFFFFF';
 const black = '#000000';

package/dist/cjs/theme/palette/colors/green.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "green", {
     enumerable: true,
-    get: ()=>green
+    get: function() {
+        return green;
+    }
 });
 const green = {
     50: '#EAF9F1',

package/dist/cjs/theme/palette/colors/grey.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "grey", {
     enumerable: true,
-    get: ()=>grey
+    get: function() {
+        return grey;
+    }
 });
 const grey = {
     50: '#F0F1F6',

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

@@ -14,22 +14,24 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./blue"), exports);
-_exportStar(require("./common"), exports);
-_exportStar(require("./green"), exports);
-_exportStar(require("./grey"), exports);
-_exportStar(require("./orange"), exports);
-_exportStar(require("./purple"), exports);
-_exportStar(require("./red"), exports);
-_exportStar(require("./types"), exports);
-function _exportStar(from, to) {
+_export_star(require("./blue"), exports);
+_export_star(require("./common"), exports);
+_export_star(require("./green"), exports);
+_export_star(require("./grey"), exports);
+_export_star(require("./orange"), exports);
+_export_star(require("./purple"), exports);
+_export_star(require("./red"), exports);
+_export_star(require("./types"), 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/colors/orange.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "orange", {
     enumerable: true,
-    get: ()=>orange
+    get: function() {
+        return orange;
+    }
 });
 const orange = {
     50: '#FFF5E8',

package/dist/cjs/theme/palette/colors/purple.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "purple", {
     enumerable: true,
-    get: ()=>purple
+    get: function() {
+        return purple;
+    }
 });
 const purple = {
     50: '#EFE9FD',

package/dist/cjs/theme/palette/colors/red.js

@@ -16,7 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "red", {
     enumerable: true,
-    get: ()=>red
+    get: function() {
+        return red;
+    }
 });
 const red = {
     50: '#FDEDED',

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

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

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

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

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,12 +16,14 @@ 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 backgroundStyle = theme.palette.mode === 'light' ? {} : {
@@ -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
+    getFormattedAxis: function() {
+        return getFormattedAxis;
+    },
+    getDateRange: function() {
+        return getDateRange;
+    }
 });
-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
+    enableDataZoom: function() {
+        return enableDataZoom;
+    },
+    restoreChart: function() {
+        return restoreChart;
+    },
+    clearHighlightedSeries: function() {
+        return clearHighlightedSeries;
+    },
+    getPointInGrid: function() {
+        return getPointInGrid;
+    },
+    batchDispatchNearbySeriesActions: function() {
+        return batchDispatchNearbySeriesActions;
+    },
+    checkCrosshairPinnedStatus: function() {
+        return checkCrosshairPinnedStatus;
+    },
+    getClosestTimestamp: function() {
+        return getClosestTimestamp;
+    },
+    getClosestTimestampInFullDataset: function() {
+        return getClosestTimestampInFullDataset;
+    }
 });
+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;
+    },
+    getFormattedDate: function() {
+        return getFormattedDate;
+    },
+    getFormattedAxisLabel: function() {
+        return getFormattedAxisLabel;
+    }
 });
-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) {