@perses-dev/components 0.55.0-beta.3 → 0.55.0-beta.7

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

@@ -1,454 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get DYNAMIC_NEARBY_SERIES_MULTIPLIER () {
-        return DYNAMIC_NEARBY_SERIES_MULTIPLIER;
-    },
-    get INCREASE_NEARBY_SERIES_MULTIPLIER () {
-        return INCREASE_NEARBY_SERIES_MULTIPLIER;
-    },
-    get SHOW_FEWER_SERIES_LIMIT () {
-        return SHOW_FEWER_SERIES_LIMIT;
-    },
-    get checkforNearbyTimeSeries () {
-        return checkforNearbyTimeSeries;
-    },
-    get getNearbySeriesData () {
-        return getNearbySeriesData;
-    },
-    get getYBuffer () {
-        return getYBuffer;
-    },
-    get isWithinPercentageRange () {
-        return isWithinPercentageRange;
-    },
-    get legacyCheckforNearbySeries () {
-        return legacyCheckforNearbySeries;
-    }
-});
-const _model = require("../model");
-const _utils = require("../utils");
-const _tooltipmodel = require("./tooltip-model");
-const _utils1 = 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;
-function gatherCandidates(data, seriesMapping, closestTimestamp, cursorX, cursorY, cursorXPixel, cursorPixelY, yBuffer, yBufferPixels, chart) {
-    const candidates = [];
-    const totalSeries = data.length;
-    const stackTotals = new Map();
-    let sortedTimestamps = [];
-    const firstValues = data[0]?.values;
-    if (firstValues && firstValues.length > 0) {
-        const seen = new Set();
-        for (const [ts] of firstValues){
-            if (!seen.has(ts)) {
-                seen.add(ts);
-                sortedTimestamps.push(ts);
-            }
-        }
-        sortedTimestamps = sortedTimestamps.sort((a, b)=>a - b);
-    }
-    // Bar-only indexes: ECharts groups bars independently of lines, so bar-relative index and count must exclude line series.
-    const barSeriesIndexes = [];
-    for(let i = 0; i < totalSeries; i++){
-        if ((seriesMapping[i]?.type ?? 'line') === 'bar') barSeriesIndexes.push(i);
-    }
-    // Computed once outside the loop — both depend only on the timestamp, not the series index.
-    let barBandwidth = null;
-    let barCenterPixelX = null;
-    if (barSeriesIndexes.length > 0 && cursorXPixel !== null) {
-        barBandwidth = (0, _utils1.calculateBarBandwidth)(closestTimestamp, sortedTimestamps, chart);
-        barCenterPixelX = (0, _utils1.getPixelXFromGrid)(closestTimestamp, chart);
-    }
-    for(let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++){
-        const currentSeries = seriesMapping[seriesIdx];
-        if (!currentSeries) continue;
-        const currentDataset = data[seriesIdx];
-        if (!currentDataset) continue;
-        const currentDatasetValues = currentDataset.values;
-        if (!currentDatasetValues || !Array.isArray(currentDatasetValues)) continue;
-        const seriesType = currentSeries.type ?? 'line';
-        const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';
-        const seriesId = currentSeries.id ? currentSeries.id.toString() : '';
-        const markerColor = (currentSeries.color ?? '#000').toString();
-        let datumIdx = -1;
-        let xValue = 0;
-        let yValue;
-        for(let i = 0; i < currentDatasetValues.length; i++){
-            const tuple = currentDatasetValues[i];
-            if (!tuple) continue;
-            if (tuple[0] === closestTimestamp) {
-                datumIdx = i;
-                xValue = tuple[0];
-                yValue = tuple[1];
-                break;
-            }
-        }
-        if (datumIdx === -1) continue;
-        if (yValue === null || yValue === undefined) continue;
-        let isCandidate = false;
-        let visualY = yValue;
-        let distance = Infinity;
-        if (seriesType === 'line') {
-            visualY = (0, _utils1.calculateVisualYForSeries)(seriesIdx, yValue, seriesMapping, stackTotals);
-            if (cursorPixelY !== undefined && yBufferPixels !== null) {
-                try {
-                    const dataPointPixel = chart.convertToPixel({
-                        seriesIndex: seriesIdx
-                    }, [
-                        datumIdx,
-                        visualY
-                    ]);
-                    if (dataPointPixel && dataPointPixel[1] !== undefined) {
-                        const pixelDistance = Math.abs(cursorPixelY - dataPointPixel[1]);
-                        isCandidate = pixelDistance <= yBufferPixels;
-                        distance = pixelDistance;
-                    } else {
-                        const verticalDistance = Math.abs(visualY - cursorY);
-                        isCandidate = verticalDistance <= yBuffer;
-                        distance = verticalDistance;
-                    }
-                } catch  {
-                    const verticalDistance = Math.abs(visualY - cursorY);
-                    isCandidate = verticalDistance <= yBuffer;
-                    distance = verticalDistance;
-                }
-            } else {
-                const verticalDistance = Math.abs(visualY - cursorY);
-                isCandidate = verticalDistance <= yBuffer;
-                distance = verticalDistance;
-            }
-        } else if (seriesType === 'bar') {
-            if (cursorXPixel === null || barBandwidth === null || barCenterPixelX === null) continue;
-            const barRelativeIdx = barSeriesIndexes.indexOf(seriesIdx);
-            if (barRelativeIdx === -1) continue;
-            const segmentBounds = (0, _utils1.calculateBarSegmentBounds)(barRelativeIdx, barBandwidth, barCenterPixelX, barSeriesIndexes.length);
-            const isWithinXBounds = cursorXPixel >= segmentBounds.left && cursorXPixel <= segmentBounds.right;
-            if (!isWithinXBounds) continue;
-            const stackId = currentSeries.stack;
-            let isHoveringYBounds = true;
-            if (stackId) {
-                const stackIdStr = stackId.toString();
-                const visualYBottom = stackTotals.get(stackIdStr) ?? 0;
-                visualY = (0, _utils1.calculateVisualYForSeries)(seriesIdx, yValue, seriesMapping, stackTotals);
-                const yBounds = (0, _utils1.calculateBarYBounds)(visualYBottom, visualY, chart);
-                if (yBounds) {
-                    const cursorYPixel = chart.convertToPixel('grid', [
-                        0,
-                        cursorY
-                    ]);
-                    if (cursorYPixel && cursorYPixel[1] !== undefined) {
-                        isHoveringYBounds = cursorYPixel[1] >= yBounds.top && cursorYPixel[1] <= yBounds.bottom;
-                    }
-                }
-            } else {
-                visualY = yValue;
-            }
-            if (!isHoveringYBounds) continue;
-            const segmentCenter = (segmentBounds.left + segmentBounds.right) / 2;
-            distance = Math.abs(cursorXPixel - segmentCenter);
-            isCandidate = true;
-        }
-        if (isCandidate) {
-            candidates.push({
-                seriesIdx,
-                datumIdx,
-                seriesId,
-                seriesName: currentSeriesName,
-                date: closestTimestamp,
-                markerColor,
-                x: xValue,
-                y: yValue,
-                visualY,
-                distance
-            });
-        }
-    }
-    return candidates;
-}
-function findClosestCandidate(candidates) {
-    if (candidates.length === 0) return null;
-    let winner = null;
-    for (const candidate of candidates){
-        if (winner === null || candidate.distance < winner.distance) {
-            winner = candidate;
-        }
-    }
-    return winner;
-}
-function processCandidates(candidates, winner, format, seriesFormatMap, chart, nonCandidateSeriesIndexes) {
-    const nearbySeriesIndexes = [];
-    const emphasizedSeriesIndexes = [];
-    const nonEmphasizedSeriesIndexes = [
-        ...nonCandidateSeriesIndexes
-    ];
-    const emphasizedDatapoints = [];
-    const duplicateDatapoints = [];
-    const yValueCounts = new Map();
-    const result = [];
-    for (const candidate of candidates){
-        const seriesFormat = seriesFormatMap?.get(candidate.seriesId) ?? format;
-        // Use raw y, not visualY — visualY is for proximity detection only.
-        const displayY = candidate.y;
-        const formattedY = (0, _model.formatValue)(displayY, seriesFormat);
-        const isClosestToCursor = winner !== null && candidate.seriesIdx === winner.seriesIdx;
-        if (isClosestToCursor) {
-            emphasizedSeriesIndexes.push(candidate.seriesIdx);
-            const duplicateValuesCount = yValueCounts.get(displayY) ?? 0;
-            yValueCounts.set(displayY, duplicateValuesCount + 1);
-            if (duplicateValuesCount > 0) {
-                duplicateDatapoints.push({
-                    seriesIndex: candidate.seriesIdx,
-                    dataIndex: candidate.datumIdx,
-                    seriesName: candidate.seriesName,
-                    yValue: displayY
-                });
-            }
-            emphasizedDatapoints.push({
-                seriesIndex: candidate.seriesIdx,
-                dataIndex: candidate.datumIdx,
-                seriesName: candidate.seriesName,
-                yValue: displayY
-            });
-        } else {
-            nonEmphasizedSeriesIndexes.push(candidate.seriesIdx);
-        }
-        result.push({
-            seriesIdx: candidate.seriesIdx,
-            datumIdx: candidate.datumIdx,
-            seriesName: candidate.seriesName,
-            date: candidate.date,
-            x: candidate.x,
-            y: displayY,
-            formattedY,
-            markerColor: candidate.markerColor,
-            isClosestToCursor
-        });
-        nearbySeriesIndexes.push(candidate.seriesIdx);
-    }
-    (0, _utils.batchDispatchNearbySeriesActions)(chart, nearbySeriesIndexes, emphasizedSeriesIndexes, nonEmphasizedSeriesIndexes, emphasizedDatapoints, duplicateDatapoints);
-    return result;
-}
-function checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, format, seriesFormatMap, // in the case of multi-axis, we need the cursor Y position in pixel space
-cursorPixelY, cursorXPixel) {
-    const cursorX = pointInGrid[0] ?? null;
-    const cursorY = pointInGrid[1] ?? null;
-    if (cursorX === null || cursorY === null) return _tooltipmodel.EMPTY_TOOLTIP_DATA;
-    if (chart.dispatchAction === undefined) return _tooltipmodel.EMPTY_TOOLTIP_DATA;
-    if (!Array.isArray(data)) return _tooltipmodel.EMPTY_TOOLTIP_DATA;
-    // All series share the same x-axis timestamps (enforced by getCommonTimeScale).
-    const firstTimeSeriesValues = data[0]?.values;
-    const closestTimestamp = (0, _utils.getClosestTimestamp)(firstTimeSeriesValues, cursorX);
-    if (closestTimestamp === null) return _tooltipmodel.EMPTY_TOOLTIP_DATA;
-    let yBufferPixels = null;
-    if (cursorPixelY !== undefined) {
-        const cursorPoint = chart.convertToPixel('grid', [
-            0,
-            cursorY
-        ]);
-        const bufferPoint = chart.convertToPixel('grid', [
-            0,
-            cursorY + yBuffer
-        ]);
-        if (cursorPoint && bufferPoint && cursorPoint[1] !== undefined && bufferPoint[1] !== undefined) {
-            yBufferPixels = Math.abs(bufferPoint[1] - cursorPoint[1]);
-        }
-    }
-    const resolvedCursorXPixel = cursorXPixel ?? (0, _utils1.getPixelXFromGrid)(closestTimestamp, chart);
-    const candidates = gatherCandidates(data, seriesMapping, closestTimestamp, cursorX, cursorY, resolvedCursorXPixel, cursorPixelY, yBuffer, yBufferPixels, chart);
-    const winner = findClosestCandidate(candidates);
-    const candidateIndexes = new Set();
-    for (const candidate of candidates)candidateIndexes.add(candidate.seriesIdx);
-    const nonCandidateSeriesIndexes = [];
-    for(let idx = 0; idx < data.length; idx++){
-        if (!candidateIndexes.has(idx)) nonCandidateSeriesIndexes.push(idx);
-    }
-    return processCandidates(candidates, winner, format, seriesFormatMap, chart, nonCandidateSeriesIndexes);
-}
-function legacyCheckforNearbySeries(data, pointInGrid, yBuffer, chart, format) {
-    const currentNearbySeriesData = [];
-    const cursorX = pointInGrid[0] ?? null;
-    const cursorY = pointInGrid[1] ?? null;
-    if (cursorX === null || cursorY === null) {
-        return currentNearbySeriesData;
-    }
-    const nearbySeriesIndexes = [];
-    const emphasizedSeriesIndexes = [];
-    const nonEmphasizedSeriesIndexes = [];
-    const totalSeries = data.timeSeries.length;
-    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;
-            const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';
-            const markerColor = currentSeries.color ?? '#000';
-            if (Array.isArray(currentSeries.data)) {
-                for(let datumIdx = 0; datumIdx < currentSeries.data.length; datumIdx++){
-                    const xValue = data.xAxis[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?.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, _model.formatValue)(yValue, format);
-                            currentNearbySeriesData.push({
-                                seriesIdx: seriesIdx,
-                                datumIdx: datumIdx,
-                                seriesName: currentSeriesName,
-                                date: xValueMilliSeconds,
-                                x: xValue,
-                                y: yValue,
-                                formattedY: formattedY,
-                                markerColor: markerColor.toString(),
-                                isClosestToCursor
-                            });
-                            nearbySeriesIndexes.push(seriesIdx);
-                        }
-                    }
-                }
-            }
-        }
-    }
-    if (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
-            });
-        }
-    }
-    return currentNearbySeriesData;
-}
-function getNearbySeriesData({ mousePos, pinnedPos, data, seriesMapping, chart, format, seriesFormatMap, showAllSeries = false }) {
-    if (chart === undefined || mousePos === null) return _tooltipmodel.EMPTY_TOOLTIP_DATA;
-    // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned
-    let cursorTargetMatchesChart = false;
-    if (mousePos.target !== null) {
-        const currentParent = mousePos.target.parentElement;
-        if (currentParent !== null) {
-            const currentGrandparent = currentParent.parentElement;
-            if (currentGrandparent !== null) {
-                const chartDom = chart.getDom();
-                if (chartDom === currentGrandparent) {
-                    cursorTargetMatchesChart = true;
-                }
-            }
-        }
-    }
-    // allows moving cursor inside tooltip without it fading away
-    if (pinnedPos !== null) {
-        mousePos = pinnedPos;
-        cursorTargetMatchesChart = true;
-    }
-    if (cursorTargetMatchesChart === false || data === null || chart['_model'] === undefined) return _tooltipmodel.EMPTY_TOOLTIP_DATA;
-    if (mousePos.plotCanvas.x === undefined || mousePos.plotCanvas.y === undefined) return _tooltipmodel.EMPTY_TOOLTIP_DATA;
-    const cursorPixelY = mousePos.plotCanvas.y;
-    const cursorXPixel = mousePos.plotCanvas.x;
-    const pointInGrid = (0, _utils.getPointInGrid)(cursorXPixel, cursorPixelY, chart);
-    if (pointInGrid !== null) {
-        const chartModel = chart['_model'];
-        const yAxisScale = chartModel.getComponent('yAxis').axis.scale;
-        const isLogScale = yAxisScale.type === 'log';
-        let yInterval = yAxisScale._interval;
-        // For log scales, convert from log-space extent to actual data range and use 1% as the interval.
-        if (isLogScale && yAxisScale.base) {
-            const logBase = yAxisScale.base;
-            const extent = yAxisScale._extent;
-            // e.g. extent [0, 2] → 10^0..10^2
-            const actualMin = logBase ** extent[0];
-            const actualMax = logBase ** extent[1];
-            yInterval = (actualMax - actualMin) / 100;
-        }
-        const totalSeries = data.length;
-        const yBuffer = getYBuffer({
-            yInterval,
-            totalSeries,
-            showAllSeries
-        });
-        const hasMultipleYAxes = seriesMapping.some((series)=>series.yAxisIndex !== undefined && series.yAxisIndex > 0);
-        return checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, format, seriesFormatMap, hasMultipleYAxes ? cursorPixelY : undefined, cursorXPixel);
-    }
-    // no nearby series found
-    return _tooltipmodel.EMPTY_TOOLTIP_DATA;
-}
-function isWithinPercentageRange({ valueToCheck, baseValue, percentage }) {
-    const range = percentage / 100 * baseValue;
-    const lowerBound = baseValue - range;
-    const upperBound = baseValue + range;
-    return valueToCheck >= lowerBound && valueToCheck <= upperBound;
-}
-function getYBuffer({ yInterval, totalSeries, showAllSeries = false }) {
-    if (showAllSeries) {
-        return yInterval * 10; // roughly correlates with grid so entire canvas is searched
-    }
-    // never let nearby series range be less than roughly the size of a single tick
-    const yBufferMin = yInterval * 0.3;
-    // tooltip trigger area gets smaller with more series
-    if (totalSeries > SHOW_FEWER_SERIES_LIMIT) {
-        const adjustedBuffer = yInterval * DYNAMIC_NEARBY_SERIES_MULTIPLIER / totalSeries;
-        return Math.max(yBufferMin, adjustedBuffer);
-    }
-    // increase multiplier to expand nearby series range
-    return Math.max(yBufferMin, yInterval * INCREASE_NEARBY_SERIES_MULTIPLIER);
-}

package/dist/cjs/TimeSeriesTooltip/tooltip-model.js

@@ -1,148 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get DEFAULT_TOOLTIP_CONFIG () {
-        return DEFAULT_TOOLTIP_CONFIG;
-    },
-    get EMPHASIZED_SERIES_DESCRIPTION () {
-        return EMPHASIZED_SERIES_DESCRIPTION;
-    },
-    get EMPTY_TOOLTIP_DATA () {
-        return EMPTY_TOOLTIP_DATA;
-    },
-    get FALLBACK_CHART_WIDTH () {
-        return FALLBACK_CHART_WIDTH;
-    },
-    get NEARBY_SERIES_DESCRIPTION () {
-        return NEARBY_SERIES_DESCRIPTION;
-    },
-    get PIN_TOOLTIP_HELP_TEXT () {
-        return PIN_TOOLTIP_HELP_TEXT;
-    },
-    get TOOLTIP_ADJUST_Y_POS_MULTIPLIER () {
-        return TOOLTIP_ADJUST_Y_POS_MULTIPLIER;
-    },
-    get TOOLTIP_BG_COLOR_FALLBACK () {
-        return TOOLTIP_BG_COLOR_FALLBACK;
-    },
-    get TOOLTIP_DATE_FORMAT () {
-        return TOOLTIP_DATE_FORMAT;
-    },
-    get TOOLTIP_LABELS_MAX_WIDTH () {
-        return TOOLTIP_LABELS_MAX_WIDTH;
-    },
-    get TOOLTIP_MAX_HEIGHT () {
-        return TOOLTIP_MAX_HEIGHT;
-    },
-    get TOOLTIP_MAX_WIDTH () {
-        return TOOLTIP_MAX_WIDTH;
-    },
-    get TOOLTIP_MIN_WIDTH () {
-        return TOOLTIP_MIN_WIDTH;
-    },
-    get TOOLTIP_PADDING () {
-        return TOOLTIP_PADDING;
-    },
-    get UNPIN_TOOLTIP_HELP_TEXT () {
-        return UNPIN_TOOLTIP_HELP_TEXT;
-    },
-    get defaultCursorData () {
-        return defaultCursorData;
-    },
-    get useMousePosition () {
-        return useMousePosition;
-    }
-});
-const _react = require("react");
-const TOOLTIP_MIN_WIDTH = 375;
-const TOOLTIP_MAX_WIDTH = 650;
-const TOOLTIP_MAX_HEIGHT = 650;
-const TOOLTIP_LABELS_MAX_WIDTH = TOOLTIP_MAX_WIDTH - 150;
-const TOOLTIP_ADJUST_Y_POS_MULTIPLIER = 0.75;
-const TOOLTIP_PADDING = 8;
-const FALLBACK_CHART_WIDTH = 750;
-const NEARBY_SERIES_DESCRIPTION = 'nearby series showing in tooltip';
-const EMPHASIZED_SERIES_DESCRIPTION = 'emphasized series showing as bold in tooltip';
-const TOOLTIP_BG_COLOR_FALLBACK = '#2E313E';
-const TOOLTIP_DATE_FORMAT = new Intl.DateTimeFormat(undefined, {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    second: 'numeric',
-    hour12: true
-});
-const defaultCursorData = {
-    coords: {
-        plotCanvas: {
-            x: 0,
-            y: 0
-        },
-        zrender: {
-            x: 0,
-            y: 0
-        },
-        target: null
-    },
-    chartWidth: 0
-};
-const EMPTY_TOOLTIP_DATA = [];
-const useMousePosition = ()=>{
-    const [coords, setCoords] = (0, _react.useState)(null);
-    (0, _react.useEffect)(()=>{
-        const setFromEvent = (e)=>{
-            return setCoords({
-                page: {
-                    x: e.pageX,
-                    y: e.pageY
-                },
-                client: {
-                    x: e.clientX,
-                    y: e.clientY
-                },
-                plotCanvas: {
-                    // Default to zrender mousemove coords since they handle browser inconsistencies for us
-                    // ex: Firefox and Chrome have slightly different implementations of offsetX and offsetY
-                    // more info: https://github.com/ecomfe/zrender/blob/5.5.0/src/core/event.ts#L46-L120
-                    // Fallback to offsetX and offsetY to ensure tooltip works correctly in Edge
-                    x: e.zrX ?? e.offsetX,
-                    y: e.zrY ?? e.offsetY
-                },
-                // necessary to check whether cursor target matches correct chart canvas (since each chart has its own mousemove listener)
-                target: e.target
-            });
-        };
-        window.addEventListener('mousemove', setFromEvent);
-        return ()=>{
-            window.removeEventListener('mousemove', setFromEvent);
-        };
-    }, []);
-    return coords;
-};
-const DEFAULT_TOOLTIP_CONFIG = {
-    wrapLabels: true,
-    enablePinning: true
-};
-const PIN_TOOLTIP_HELP_TEXT = 'Click chart to pin';
-const UNPIN_TOOLTIP_HELP_TEXT = 'Click chart to unpin';

package/dist/cjs/TimeSeriesTooltip/types.js

@@ -1,16 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});