@perses-dev/components 0.37.2 → 0.38.0

package/dist/cjs/TimeSeriesTooltip/nearby-series.js

@@ -33,6 +33,7 @@ _export(exports, {
 });
 const _core = require("@perses-dev/core");
 const _model = require("../model");
+const _utils = require("../utils");
 const INCREASE_NEARBY_SERIES_MULTIPLIER = 5.5; // adjusts how many series show in tooltip (higher == more series shown)
 const DYNAMIC_NEARBY_SERIES_MULTIPLIER = 30; // used for adjustment after series number divisor
 const SHOW_FEWER_SERIES_LIMIT = 5;
@@ -43,11 +44,15 @@ function checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, cha
     var ref1;
     const cursorY = (ref1 = pointInGrid[1]) !== null && ref1 !== void 0 ? ref1 : null;
     if (cursorX === null || cursorY === null) return currentNearbySeriesData;
+    if (chart.dispatchAction === undefined) return currentNearbySeriesData;
     if (!Array.isArray(data)) return currentNearbySeriesData;
     const nearbySeriesIndexes = [];
     const emphasizedSeriesIndexes = [];
     const nonEmphasizedSeriesIndexes = [];
+    const emphasizedDatapoints = [];
+    const duplicateDatapoints = [];
     const totalSeries = data.length;
+    const yValueCounts = new Map();
     let closestTimestamp = null;
     let closestDistance = Infinity;
     // find the timestamp with data that is closest to cursorX
@@ -90,16 +95,35 @@ function checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, cha
                                 percentage: percentRangeToCheck
                             });
                             if (isClosestToCursor) {
+                                // shows as bold in tooltip, customize 'emphasis' options in getTimeSeries util
                                 emphasizedSeriesIndexes.push(seriesIdx);
+                                var ref2;
+                                // Used to determine which datapoint to apply select styles to.
+                                // Accounts for cases where lines may be rendered directly on top of eachother.
+                                const duplicateValuesCount = (ref2 = yValueCounts.get(yValue)) !== null && ref2 !== void 0 ? ref2 : 0;
+                                yValueCounts.set(yValue, duplicateValuesCount + 1);
+                                if (duplicateValuesCount > 0) {
+                                    duplicateDatapoints.push({
+                                        seriesIndex: seriesIdx,
+                                        dataIndex: datumIdx,
+                                        seriesName: currentSeriesName,
+                                        yValue: yValue
+                                    });
+                                }
+                                // keep track of all bold datapoints in tooltip so that 'select' state only applied to topmost
+                                emphasizedDatapoints.push({
+                                    seriesIndex: seriesIdx,
+                                    dataIndex: datumIdx,
+                                    seriesName: currentSeriesName,
+                                    yValue: yValue
+                                });
                             } else {
                                 nonEmphasizedSeriesIndexes.push(seriesIdx);
                                 // ensure series far away from cursor are not highlighted
-                                if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-                                    chart.dispatchAction({
-                                        type: 'downplay',
-                                        seriesIndex: seriesIdx
-                                    });
-                                }
+                                chart.dispatchAction({
+                                    type: 'downplay',
+                                    seriesIndex: seriesIdx
+                                });
                             }
                             const formattedY = (0, _core.formatValue)(yValue, unit);
                             currentNearbySeriesData.push({
@@ -120,32 +144,7 @@ function checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, cha
             }
         }
     }
-    if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-        // Clears emphasis state of all lines that are not emphasized.
-        // Emphasized is a subset of just the nearby series that are closest to cursor.
-        chart.dispatchAction({
-            type: 'downplay',
-            seriesIndex: nonEmphasizedSeriesIndexes
-        });
-        // https://echarts.apache.org/en/api.html#action.highlight
-        if (emphasizedSeriesIndexes.length > 0) {
-            // Fadeout opacity of all series not closest to cursor.
-            chart.dispatchAction({
-                type: 'highlight',
-                seriesIndex: emphasizedSeriesIndexes,
-                notBlur: false,
-                escapeConnect: true
-            });
-        } else {
-            // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.
-            chart.dispatchAction({
-                type: 'highlight',
-                seriesIndex: nearbySeriesIndexes,
-                notBlur: true,
-                escapeConnect: true
-            });
-        }
-    }
+    (0, _utils.batchDispatchNearbySeriesActions)(chart, nearbySeriesIndexes, emphasizedSeriesIndexes, nonEmphasizedSeriesIndexes, emphasizedDatapoints, duplicateDatapoints);
     return currentNearbySeriesData;
 }
 function legacyCheckforNearbySeries(data, pointInGrid, yBuffer, chart, unit) {
@@ -164,55 +163,54 @@ function legacyCheckforNearbySeries(data, pointInGrid, yBuffer, chart, unit) {
     if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {
         for(let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++){
             const currentSeries = data.timeSeries[seriesIdx];
+            if (currentSeries === undefined) break;
             if (currentNearbySeriesData.length >= _model.OPTIMIZED_MODE_SERIES_LIMIT) break;
-            if (currentSeries !== undefined) {
-                const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';
-                var _color;
-                const markerColor = (_color = currentSeries.color) !== null && _color !== void 0 ? _color : '#000';
-                if (Array.isArray(currentSeries.data)) {
-                    for(let datumIdx = 0; datumIdx < currentSeries.data.length; datumIdx++){
-                        var _datumIdx;
-                        const xValue = (_datumIdx = data.xAxis[datumIdx]) !== null && _datumIdx !== void 0 ? _datumIdx : 0;
-                        const yValue = currentSeries.data[datumIdx];
-                        // ensure null values not displayed in tooltip
-                        if (yValue !== undefined && yValue !== null && cursorX === datumIdx) {
-                            if (yValue !== '-' && cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {
-                                // show fewer bold series in tooltip when many total series
-                                const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;
-                                const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);
-                                const isClosestToCursor = isWithinPercentageRange({
-                                    valueToCheck: cursorY,
-                                    baseValue: yValue,
-                                    percentage: percentRangeToCheck
-                                });
-                                if (isClosestToCursor) {
-                                    emphasizedSeriesIndexes.push(seriesIdx);
-                                } else {
-                                    nonEmphasizedSeriesIndexes.push(seriesIdx);
-                                    // ensure series not close to cursor are not highlighted
-                                    if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-                                        chart.dispatchAction({
-                                            type: 'downplay',
-                                            seriesIndex: seriesIdx
-                                        });
-                                    }
+            const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';
+            var _color;
+            const markerColor = (_color = currentSeries.color) !== null && _color !== void 0 ? _color : '#000';
+            if (Array.isArray(currentSeries.data)) {
+                for(let datumIdx = 0; datumIdx < currentSeries.data.length; datumIdx++){
+                    var _datumIdx;
+                    const xValue = (_datumIdx = data.xAxis[datumIdx]) !== null && _datumIdx !== void 0 ? _datumIdx : 0;
+                    const yValue = currentSeries.data[datumIdx];
+                    // ensure null values not displayed in tooltip
+                    if (yValue !== undefined && yValue !== null && cursorX === datumIdx) {
+                        if (yValue !== '-' && cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {
+                            // show fewer bold series in tooltip when many total series
+                            const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;
+                            const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);
+                            const isClosestToCursor = isWithinPercentageRange({
+                                valueToCheck: cursorY,
+                                baseValue: yValue,
+                                percentage: percentRangeToCheck
+                            });
+                            if (isClosestToCursor) {
+                                emphasizedSeriesIndexes.push(seriesIdx);
+                            } else {
+                                nonEmphasizedSeriesIndexes.push(seriesIdx);
+                                // ensure series not close to cursor are not highlighted
+                                if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
+                                    chart.dispatchAction({
+                                        type: 'downplay',
+                                        seriesIndex: seriesIdx
+                                    });
                                 }
-                                // determine whether to convert timestamp to ms, see: https://stackoverflow.com/a/23982005/17575201
-                                const xValueMilliSeconds = xValue > 99999999999 ? xValue : xValue * 1000;
-                                const formattedY = (0, _core.formatValue)(yValue, unit);
-                                currentNearbySeriesData.push({
-                                    seriesIdx: seriesIdx,
-                                    datumIdx: datumIdx,
-                                    seriesName: currentSeriesName,
-                                    date: xValueMilliSeconds,
-                                    x: xValue,
-                                    y: yValue,
-                                    formattedY: formattedY,
-                                    markerColor: markerColor.toString(),
-                                    isClosestToCursor
-                                });
-                                nearbySeriesIndexes.push(seriesIdx);
                             }
+                            // determine whether to convert timestamp to ms, see: https://stackoverflow.com/a/23982005/17575201
+                            const xValueMilliSeconds = xValue > 99999999999 ? xValue : xValue * 1000;
+                            const formattedY = (0, _core.formatValue)(yValue, unit);
+                            currentNearbySeriesData.push({
+                                seriesIdx: seriesIdx,
+                                datumIdx: datumIdx,
+                                seriesName: currentSeriesName,
+                                date: xValueMilliSeconds,
+                                x: xValue,
+                                y: yValue,
+                                formattedY: formattedY,
+                                markerColor: markerColor.toString(),
+                                isClosestToCursor
+                            });
+                            nearbySeriesIndexes.push(seriesIdx);
                         }
                     }
                 }
@@ -270,24 +268,17 @@ function getNearbySeriesData({ mousePos , pinnedPos , data , seriesMapping , cha
     }
     if (cursorTargetMatchesChart === false) return [];
     if (chart['_model'] === undefined || data === null) return [];
-    const chartModel = chart['_model'];
-    const yInterval = chartModel.getComponent('yAxis').axis.scale._interval;
-    const totalSeries = data.length;
-    const yBuffer = getYBuffer({
-        yInterval,
-        totalSeries,
-        showAllSeries
-    });
-    var _x, _y;
-    const pointInPixel = [
-        (_x = mousePos.plotCanvas.x) !== null && _x !== void 0 ? _x : 0,
-        (_y = mousePos.plotCanvas.y) !== null && _y !== void 0 ? _y : 0
-    ];
-    if (chart.containPixel('grid', pointInPixel)) {
-        const pointInGrid = chart.convertFromPixel('grid', pointInPixel);
-        if (pointInGrid[0] !== undefined && pointInGrid[1] !== undefined) {
-            return checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, unit);
-        }
+    const pointInGrid = (0, _utils.getPointInGrid)(mousePos.plotCanvas.x, mousePos.plotCanvas.y, chart);
+    if (pointInGrid !== null) {
+        const chartModel = chart['_model'];
+        const yInterval = chartModel.getComponent('yAxis').axis.scale._interval;
+        const totalSeries = data.length;
+        const yBuffer = getYBuffer({
+            yInterval,
+            totalSeries,
+            showAllSeries
+        });
+        return checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, unit);
     }
     return [];
 }

package/dist/cjs/UnitSelector/UnitSelector.js

@@ -64,7 +64,7 @@ const DECIMAL_PLACES_OPTIONS = [
 function getOptionByDecimalPlaces(decimal_places) {
     return DECIMAL_PLACES_OPTIONS.find((o)=>o.decimal_places === decimal_places);
 }
-function UnitSelector({ value , onChange  }) {
+function UnitSelector({ value , onChange , disabled =false  }) {
     const hasDecimalPlaces = (0, _core.isUnitWithDecimalPlaces)(value);
     const hasAbbreviate = (0, _core.isUnitWithAbbreviate)(value);
     const handleKindChange = (_, newValue)=>{
@@ -109,7 +109,8 @@ function UnitSelector({ value , onChange  }) {
                     options: KIND_OPTIONS,
                     groupBy: (option)=>option.group,
                     onChange: handleKindChange,
-                    disableClearable: true
+                    disableClearable: true,
+                    disabled: disabled
                 })
             }),
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_optionsEditorLayout.OptionsEditorControl, {

package/dist/cjs/index.js

@@ -14,6 +14,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+_exportStar(require("./BarChart"), exports);
 _exportStar(require("./ColorPicker"), exports);
 _exportStar(require("./ContentWithLegend"), exports);
 _exportStar(require("./DateTimeRangePicker"), exports);
@@ -28,8 +29,10 @@ _exportStar(require("./InfoTooltip"), exports);
 _exportStar(require("./JSONEditor"), exports);
 _exportStar(require("./Legend"), exports);
 _exportStar(require("./LineChart"), exports);
+_exportStar(require("./ModeSelector"), exports);
 _exportStar(require("./OptionsEditorLayout"), exports);
 _exportStar(require("./SettingsAutocomplete"), exports);
+_exportStar(require("./SortSelector"), exports);
 _exportStar(require("./StatChart"), exports);
 _exportStar(require("./Table"), exports);
 _exportStar(require("./ThresholdsEditor"), exports);

package/dist/cjs/model/graph.js

@@ -14,8 +14,40 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "OPTIMIZED_MODE_SERIES_LIMIT", {
-    enumerable: true,
-    get: ()=>OPTIMIZED_MODE_SERIES_LIMIT
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    OPTIMIZED_MODE_SERIES_LIMIT: ()=>OPTIMIZED_MODE_SERIES_LIMIT,
+    PINNED_CROSSHAIR_SERIES_NAME: ()=>PINNED_CROSSHAIR_SERIES_NAME,
+    DEFAULT_PINNED_CROSSHAIR: ()=>DEFAULT_PINNED_CROSSHAIR
 });
 const OPTIMIZED_MODE_SERIES_LIMIT = 1000;
+const PINNED_CROSSHAIR_SERIES_NAME = 'Pinned Crosshair';
+const DEFAULT_PINNED_CROSSHAIR = {
+    name: PINNED_CROSSHAIR_SERIES_NAME,
+    type: 'line',
+    // https://echarts.apache.org/en/option.html#series-line.markLine
+    markLine: {
+        data: [],
+        lineStyle: {
+            type: 'dashed',
+            width: 2
+        },
+        emphasis: {
+            lineStyle: {
+                width: 2,
+                opacity: 1
+            }
+        },
+        blur: {
+            lineStyle: {
+                width: 2,
+                opacity: 1
+            }
+        }
+    }
+};

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

@@ -23,7 +23,9 @@ function _export(target, all) {
 _export(exports, {
     enableDataZoom: ()=>enableDataZoom,
     restoreChart: ()=>restoreChart,
-    clearHighlightedSeries: ()=>clearHighlightedSeries
+    clearHighlightedSeries: ()=>clearHighlightedSeries,
+    getPointInGrid: ()=>getPointInGrid,
+    batchDispatchNearbySeriesActions: ()=>batchDispatchNearbySeriesActions
 });
 function enableDataZoom(chart) {
     const chartModel = chart['_model'];
@@ -55,3 +57,61 @@ function clearHighlightedSeries(chart, totalSeries) {
         }
     }
 }
+function getPointInGrid(cursorCoordX, cursorCoordY, chart) {
+    if (chart === undefined) {
+        return null;
+    }
+    const pointInPixel = [
+        cursorCoordX,
+        cursorCoordY
+    ];
+    if (!chart.containPixel('grid', pointInPixel)) {
+        return null;
+    }
+    const pointInGrid = chart.convertFromPixel('grid', pointInPixel);
+    return pointInGrid;
+}
+function batchDispatchNearbySeriesActions(chart, nearbySeriesIndexes, emphasizedSeriesIndexes, nonEmphasizedSeriesIndexes, emphasizedDatapoints, duplicateDatapoints) {
+    // Accounts for multiple series that are rendered direct on top of eachother.
+    // Only applies select state to the datapoint that is visible to avoid color mismatch.
+    const lastEmphasizedDatapoint = duplicateDatapoints.length > 0 ? duplicateDatapoints[duplicateDatapoints.length - 1] : emphasizedDatapoints[emphasizedDatapoints.length - 1];
+    if (lastEmphasizedDatapoint !== undefined) {
+        // Corresponds to select options inside getTimeSeries util.
+        // https://echarts.apache.org/en/option.html#series-line.select.itemStyle
+        chart.dispatchAction({
+            type: 'select',
+            seriesIndex: lastEmphasizedDatapoint.seriesIndex,
+            dataIndex: lastEmphasizedDatapoint.dataIndex,
+            // Shared crosshair should not emphasize datapoints on adjacent charts.
+            escapeConnect: true
+        });
+    }
+    // Clears emphasis state of all lines that are not emphasized.
+    // Emphasized is a subset of just the nearby series that are closest to cursor.
+    chart.dispatchAction({
+        type: 'downplay',
+        seriesIndex: nonEmphasizedSeriesIndexes
+    });
+    // https://echarts.apache.org/en/api.html#action.highlight
+    if (emphasizedSeriesIndexes.length > 0) {
+        // Fadeout opacity of all series not closest to cursor.
+        chart.dispatchAction({
+            type: 'highlight',
+            seriesIndex: emphasizedSeriesIndexes,
+            notBlur: false,
+            escapeConnect: true
+        });
+    } else {
+        // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.
+        chart.dispatchAction({
+            type: 'highlight',
+            seriesIndex: nearbySeriesIndexes,
+            notBlur: true,
+            escapeConnect: true
+        });
+        // Clears selected datapoints since no bold series in tooltip, restore does not impact highlighting
+        chart.dispatchAction({
+            type: 'toggleSelect'
+        });
+    }
+}

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

@@ -29,9 +29,9 @@ 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;
-    var ref5;
-    const primaryTextColor = (ref5 = (ref = muiTheme.palette.text) === null || ref === void 0 ? void 0 : ref.primary) !== null && ref5 !== void 0 ? ref5 : DEFAULT_TEXT_COLOR;
+    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;
     const muiConvertedTheme = {
         title: {
             show: false
@@ -83,7 +83,7 @@ function generateChartsTheme(muiTheme, echartsTheme, /**
                 lineStyle: {
                     width: 0.5,
                     color: muiTheme.palette.grey[300],
-                    opacity: 0.6
+                    opacity: 0.4
                 }
             },
             splitArea: {
@@ -120,7 +120,7 @@ function generateChartsTheme(muiTheme, echartsTheme, /**
                 lineStyle: {
                     width: 0.5,
                     color: muiTheme.palette.grey[300],
-                    opacity: 0.6
+                    opacity: 0.4
                 }
             },
             splitArea: {
@@ -169,7 +169,30 @@ function generateChartsTheme(muiTheme, echartsTheme, /**
                 borderColor: primaryTextColor
             }
         },
-        tooltip: {},
+        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],
+            textStyle: {
+                color: '#fff',
+                fontSize: 11
+            }
+        },
+        axisPointer: {
+            lineStyle: {
+                color: muiTheme.palette.grey[500]
+            }
+        },
+        markLine: {
+            symbol: 'none',
+            symbolSize: 0,
+            itemStyle: {
+                color: muiTheme.palette.grey[500]
+            },
+            lineStyle: {
+                type: 'dashed',
+                width: 1
+            }
+        },
         line: {
             showSymbol: false,
             symbol: 'circle',
@@ -188,7 +211,12 @@ function generateChartsTheme(muiTheme, echartsTheme, /**
             barMaxWidth: 150,
             itemStyle: {
                 borderWidth: 0,
+                borderRadius: 0,
                 borderColor: muiTheme.palette.grey[300]
+            },
+            label: {
+                show: false,
+                color: primaryTextColor
             }
         },
         gauge: {

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './BarChart';
 export * from './ColorPicker';
 export * from './ContentWithLegend';
 export * from './DateTimeRangePicker';
@@ -12,8 +13,10 @@ export * from './InfoTooltip';
 export * from './JSONEditor';
 export * from './Legend';
 export * from './LineChart';
+export * from './ModeSelector';
 export * from './OptionsEditorLayout';
 export * from './SettingsAutocomplete';
+export * from './SortSelector';
 export * from './StatChart';
 export * from './Table';
 export * from './ThresholdsEditor';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC"}

package/dist/index.js

@@ -10,6 +10,7 @@
 // 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 './BarChart';
 export * from './ColorPicker';
 export * from './ContentWithLegend';
 export * from './DateTimeRangePicker';
@@ -24,8 +25,10 @@ export * from './InfoTooltip';
 export * from './JSONEditor';
 export * from './Legend';
 export * from './LineChart';
+export * from './ModeSelector';
 export * from './OptionsEditorLayout';
 export * from './SettingsAutocomplete';
+export * from './SortSelector';
 export * from './StatChart';
 export * from './Table';
 export * from './ThresholdsEditor';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/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 './ColorPicker';\nexport * from './ContentWithLegend';\nexport * from './DateTimeRangePicker';\nexport * from './Dialog';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './FontSizeSelector';\nexport * from './GaugeChart';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LineChart';\nexport * from './OptionsEditorLayout';\nexport * from './SettingsAutocomplete';\nexport * from './StatChart';\nexport * from './Table';\nexport * from './ThresholdsEditor';\nexport * from './TimeChart';\nexport * from './TimeSeriesTooltip';\nexport * from './UnitSelector';\nexport * from './YAxisLabel';\nexport * from './context/ChartsThemeProvider';\nexport * from './context/TimeZoneProvider';\nexport * from './context/SnackbarProvider';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\nexport * from './RefreshIntervalPicker';\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,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC"}
+{"version":3,"sources":["../src/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 './BarChart';\nexport * from './ColorPicker';\nexport * from './ContentWithLegend';\nexport * from './DateTimeRangePicker';\nexport * from './Dialog';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './FontSizeSelector';\nexport * from './GaugeChart';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LineChart';\nexport * from './ModeSelector';\nexport * from './OptionsEditorLayout';\nexport * from './SettingsAutocomplete';\nexport * from './SortSelector';\nexport * from './StatChart';\nexport * from './Table';\nexport * from './ThresholdsEditor';\nexport * from './TimeChart';\nexport * from './TimeSeriesTooltip';\nexport * from './UnitSelector';\nexport * from './YAxisLabel';\nexport * from './context/ChartsThemeProvider';\nexport * from './context/TimeZoneProvider';\nexport * from './context/SnackbarProvider';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\nexport * from './RefreshIntervalPicker';\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,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC"}

package/dist/model/graph.d.ts

@@ -1,5 +1,5 @@
 import { TimeSeriesValueTuple } from '@perses-dev/core';
-import { LineSeriesOption } from 'echarts/charts';
+import { LineSeriesOption, BarSeriesOption } from 'echarts/charts';
 import { LegendItem } from '../Legend';
 export declare const OPTIMIZED_MODE_SERIES_LIMIT = 1000;
 export declare type UnixTimeMs = number;
@@ -12,8 +12,9 @@ export declare type EChartsValues = number | null | '-';
 export interface LegacyTimeSeries extends Omit<LineSeriesOption, 'data'> {
     data: EChartsValues[];
 }
-export declare type TimeChartSeriesMapping = LineSeriesOption[];
+export declare type TimeChartSeriesMapping = TimeSeriesOption[];
 export declare type TimeChartLegendItems = LegendItem[];
+export declare type TimeSeriesOption = LineSeriesOption | BarSeriesOption;
 export declare type EChartsDataFormat = {
     timeSeries: LegacyTimeSeries[];
     xAxis: number[];
@@ -35,4 +36,12 @@ export declare type ChartInstance = {
      */
     clearHighlightedSeries: () => void;
 };
+export declare const PINNED_CROSSHAIR_SERIES_NAME = "Pinned Crosshair";
+export declare const DEFAULT_PINNED_CROSSHAIR: LineSeriesOption;
+export interface DatapointInfo {
+    dataIndex: number;
+    seriesIndex: number;
+    seriesName: string;
+    yValue: number;
+}
 //# sourceMappingURL=graph.d.ts.map

package/dist/model/graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/model/graph.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGvC,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAEhD,oBAAY,UAAU,GAAG,MAAM,CAAC;AAEhC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACtE,IAAI,EAAE,aAAa,EAAE,CAAC;CACvB;AAGD,oBAAY,sBAAsB,GAAG,gBAAgB,EAAE,CAAC;AACxD,oBAAY,oBAAoB,GAAG,UAAU,EAAE,CAAC;AAGhD,oBAAY,iBAAiB,GAAG;IAC9B,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,oBAAY,sBAAsB,GAAG;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B;;OAEG;IACH,eAAe,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC,CAAC"}
+{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/model/graph.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAGvC,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAEhD,oBAAY,UAAU,GAAG,MAAM,CAAC;AAEhC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACtE,IAAI,EAAE,aAAa,EAAE,CAAC;CACvB;AAID,oBAAY,sBAAsB,GAAG,gBAAgB,EAAE,CAAC;AACxD,oBAAY,oBAAoB,GAAG,UAAU,EAAE,CAAC;AAEhD,oBAAY,gBAAgB,GAAG,gBAAgB,GAAG,eAAe,CAAC;AAIlE,oBAAY,iBAAiB,GAAG;IAC9B,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,oBAAY,sBAAsB,GAAG;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B;;OAEG;IACH,eAAe,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D,eAAO,MAAM,wBAAwB,EAAE,gBAuBtC,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/dist/model/graph.js

@@ -12,5 +12,30 @@
 // limitations under the License.
 // adjust display when there are many time series to help with performance
 export const OPTIMIZED_MODE_SERIES_LIMIT = 1000;
+export const PINNED_CROSSHAIR_SERIES_NAME = 'Pinned Crosshair';
+export const DEFAULT_PINNED_CROSSHAIR = {
+    name: PINNED_CROSSHAIR_SERIES_NAME,
+    type: 'line',
+    // https://echarts.apache.org/en/option.html#series-line.markLine
+    markLine: {
+        data: [],
+        lineStyle: {
+            type: 'dashed',
+            width: 2
+        },
+        emphasis: {
+            lineStyle: {
+                width: 2,
+                opacity: 1
+            }
+        },
+        blur: {
+            lineStyle: {
+                width: 2,
+                opacity: 1
+            }
+        }
+    }
+};
 
 //# sourceMappingURL=graph.js.map

package/dist/model/graph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/graph.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 { TimeSeriesValueTuple } from '@perses-dev/core';\nimport { LineSeriesOption } from 'echarts/charts';\nimport { LegendItem } from '../Legend';\n\n// adjust display when there are many time series to help with performance\nexport const OPTIMIZED_MODE_SERIES_LIMIT = 1000;\n\nexport type UnixTimeMs = number;\n\nexport interface GraphSeries {\n  name: string;\n  values: TimeSeriesValueTuple[];\n  id?: string;\n}\n\nexport type EChartsValues = number | null | '-';\n\nexport interface LegacyTimeSeries extends Omit<LineSeriesOption, 'data'> {\n  data: EChartsValues[];\n}\n\n// TODO: Continue to simplify TimeChart types, fix legend and thresholds\nexport type TimeChartSeriesMapping = LineSeriesOption[];\nexport type TimeChartLegendItems = LegendItem[];\n\n// TODO: Rename to LegacyEChartsDataFormat\nexport type EChartsDataFormat = {\n  timeSeries: LegacyTimeSeries[];\n  xAxis: number[];\n  legendItems?: LegendItem[];\n  xAxisMax?: number | string;\n  rangeMs?: number;\n};\n\n// Intentionally making this an object to start because it is plausible we will\n// want to support focusing by other attributes (e.g. index, name) in the future,\n// and starting with an object will make adding them a non-breaking change.\nexport type ChartInstanceFocusOpts = {\n  id?: string; // LineChart uses id\n  name?: string; // TimeChart uses name\n};\n\nexport type ChartInstance = {\n  /**\n   * Highlight the series associated with the specified options.\n   */\n  highlightSeries: (opts: ChartInstanceFocusOpts) => void;\n\n  /**\n   * Clear all highlighted series.\n   */\n  clearHighlightedSeries: () => void;\n};\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT"],"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;AAMjC,0EAA0E;AAC1E,OAAO,MAAMA,2BAA2B,GAAG,IAAI,CAAC"}
+{"version":3,"sources":["../../src/model/graph.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 { TimeSeriesValueTuple } from '@perses-dev/core';\nimport { LineSeriesOption, BarSeriesOption } from 'echarts/charts';\nimport { LegendItem } from '../Legend';\n\n// adjust display when there are many time series to help with performance\nexport const OPTIMIZED_MODE_SERIES_LIMIT = 1000;\n\nexport type UnixTimeMs = number;\n\nexport interface GraphSeries {\n  name: string;\n  values: TimeSeriesValueTuple[];\n  id?: string;\n}\n\nexport type EChartsValues = number | null | '-';\n\nexport interface LegacyTimeSeries extends Omit<LineSeriesOption, 'data'> {\n  data: EChartsValues[];\n}\n\n// Used for TimeChart dataset support, each time series returned is mapped to series options using datasetIndex\n// - https://apache.github.io/echarts-handbook/en/concepts/dataset/#how-to-reference-several-datasets\nexport type TimeChartSeriesMapping = TimeSeriesOption[];\nexport type TimeChartLegendItems = LegendItem[];\n\nexport type TimeSeriesOption = LineSeriesOption | BarSeriesOption;\n\n// [DEPRECATED] used for legacy LineChart 'category' axis.\n// May delete in future when embed users migrate to TimeChart.\nexport type EChartsDataFormat = {\n  timeSeries: LegacyTimeSeries[];\n  xAxis: number[];\n  legendItems?: LegendItem[];\n  xAxisMax?: number | string;\n  rangeMs?: number;\n};\n\n// Intentionally making this an object to start because it is plausible we will\n// want to support focusing by other attributes (e.g. index, name) in the future,\n// and starting with an object will make adding them a non-breaking change.\nexport type ChartInstanceFocusOpts = {\n  id?: string; // LineChart uses id\n  name?: string; // TimeChart uses name\n};\n\nexport type ChartInstance = {\n  /**\n   * Highlight the series associated with the specified options.\n   */\n  highlightSeries: (opts: ChartInstanceFocusOpts) => void;\n\n  /**\n   * Clear all highlighted series.\n   */\n  clearHighlightedSeries: () => void;\n};\n\nexport const PINNED_CROSSHAIR_SERIES_NAME = 'Pinned Crosshair';\n\nexport const DEFAULT_PINNED_CROSSHAIR: LineSeriesOption = {\n  name: PINNED_CROSSHAIR_SERIES_NAME,\n  type: 'line',\n  // https://echarts.apache.org/en/option.html#series-line.markLine\n  markLine: {\n    data: [],\n    lineStyle: {\n      type: 'dashed',\n      width: 2,\n    },\n    emphasis: {\n      lineStyle: {\n        width: 2,\n        opacity: 1,\n      },\n    },\n    blur: {\n      lineStyle: {\n        width: 2,\n        opacity: 1,\n      },\n    },\n  },\n};\n\nexport interface DatapointInfo {\n  dataIndex: number;\n  seriesIndex: number;\n  seriesName: string;\n  yValue: number;\n}\n"],"names":["OPTIMIZED_MODE_SERIES_LIMIT","PINNED_CROSSHAIR_SERIES_NAME","DEFAULT_PINNED_CROSSHAIR","name","type","markLine","data","lineStyle","width","emphasis","opacity","blur"],"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;AAMjC,0EAA0E;AAC1E,OAAO,MAAMA,2BAA2B,GAAG,IAAI,CAAC;AAqDhD,OAAO,MAAMC,4BAA4B,GAAG,kBAAkB,CAAC;AAE/D,OAAO,MAAMC,wBAAwB,GAAqB;IACxDC,IAAI,EAAEF,4BAA4B;IAClCG,IAAI,EAAE,MAAM;IACZ,iEAAiE;IACjEC,QAAQ,EAAE;QACRC,IAAI,EAAE,EAAE;QACRC,SAAS,EAAE;YACTH,IAAI,EAAE,QAAQ;YACdI,KAAK,EAAE,CAAC;SACT;QACDC,QAAQ,EAAE;YACRF,SAAS,EAAE;gBACTC,KAAK,EAAE,CAAC;gBACRE,OAAO,EAAE,CAAC;aACX;SACF;QACDC,IAAI,EAAE;YACJJ,SAAS,EAAE;gBACTC,KAAK,EAAE,CAAC;gBACRE,OAAO,EAAE,CAAC;aACX;SACF;KACF;CACF,CAAC"}

package/dist/utils/chart-actions.d.ts

@@ -1,4 +1,5 @@
 import { ECharts as EChartsInstance } from 'echarts/core';
+import { DatapointInfo } from '../model';
 export interface ZoomEventData {
     start: number;
     end: number;
@@ -15,4 +16,6 @@ export declare function enableDataZoom(chart: EChartsInstance): void;
  */
 export declare function restoreChart(chart: EChartsInstance): void;
 export declare function clearHighlightedSeries(chart: EChartsInstance, totalSeries: number): void;
+export declare function getPointInGrid(cursorCoordX: number, cursorCoordY: number, chart?: EChartsInstance): number[] | null;
+export declare function batchDispatchNearbySeriesActions(chart: EChartsInstance, nearbySeriesIndexes: number[], emphasizedSeriesIndexes: number[], nonEmphasizedSeriesIndexes: number[], emphasizedDatapoints: DatapointInfo[], duplicateDatapoints: DatapointInfo[]): void;
 //# sourceMappingURL=chart-actions.d.ts.map

package/dist/utils/chart-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-actions.d.ts","sourceRoot":"","sources":["../../src/utils/chart-actions.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IAEZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,QAapD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,QAKlD;AAMD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,QASjF"}
+{"version":3,"file":"chart-actions.d.ts","sourceRoot":"","sources":["../../src/utils/chart-actions.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IAEZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,QAapD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,eAAe,QAKlD;AAMD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,QASjF;AAOD,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,eAAe,mBAYjG;AAOD,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,eAAe,EACtB,mBAAmB,EAAE,MAAM,EAAE,EAC7B,uBAAuB,EAAE,MAAM,EAAE,EACjC,0BAA0B,EAAE,MAAM,EAAE,EACpC,oBAAoB,EAAE,aAAa,EAAE,EACrC,mBAAmB,EAAE,aAAa,EAAE,QAkDrC"}