@perses-dev/components 0.0.0-snapshot-tooltip-highlight-c995fc8 → 0.0.0-snapshot-saving-defaults-refinements-1b25cec

package/dist/TimeSeriesTooltip/focused-series.js

@@ -1,140 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { formatValue } from '../model';
-import { TOOLTIP_MAX_ITEMS } from './tooltip-model';
-// increase multipliers to show more series in tooltip
-export const DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER = 5.5; // adjusts how many focused series show in tooltip
-export const NARROW_NEARBY_SERIES_RANGE_MULTIPLIER = 2; // used to reduce number of focused series for heavy queries
-export const SHOW_MORE_NEARBY_SERIES_LIMIT = 5;
-/**
- * Returns formatted series data for the points that are close to the user's cursor
- * Adjust yBuffer to increase or decrease number of series shown
- */ export function getNearbySeries(data, pointInGrid, yBuffer, chart, unit) {
-    const currentFocusedData = [];
-    var ref;
-    const focusedX = (ref = pointInGrid[0]) !== null && ref !== void 0 ? ref : null;
-    var ref1;
-    const focusedY = (ref1 = pointInGrid[1]) !== null && ref1 !== void 0 ? ref1 : null;
-    if (focusedX === null || focusedY === null) {
-        return currentFocusedData;
-    }
-    if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {
-        for(let seriesIdx = 0; seriesIdx < data.timeSeries.length; seriesIdx++){
-            const currentSeries = data.timeSeries[seriesIdx];
-            if (currentFocusedData.length >= TOOLTIP_MAX_ITEMS) 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 && focusedX === datumIdx) {
-                            if (yValue !== '-' && focusedY <= yValue + yBuffer && focusedY >= yValue - yBuffer) {
-                                // determine whether to convert timestamp to ms, see: https://stackoverflow.com/a/23982005/17575201
-                                const xValueMilliSeconds = xValue > 99999999999 ? xValue : xValue * 1000;
-                                const formattedY = formatValue(yValue, unit);
-                                // trigger emphasis state of nearby series so tooltip matches highlighted lines
-                                // https://echarts.apache.org/en/api.html#action.highlight
-                                if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-                                    chart.dispatchAction({
-                                        type: 'highlight',
-                                        seriesIndex: seriesIdx
-                                    });
-                                }
-                                currentFocusedData.push({
-                                    seriesIdx: seriesIdx,
-                                    datumIdx: datumIdx,
-                                    seriesName: currentSeriesName,
-                                    dateMs: xValueMilliSeconds,
-                                    x: xValue,
-                                    y: yValue,
-                                    formattedY: formattedY,
-                                    markerColor: markerColor.toString()
-                                });
-                            } else {
-                                // clear emphasis state of lines that are not focused
-                                if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-                                    chart.dispatchAction({
-                                        type: 'downplay',
-                                        seriesIndex: seriesIdx
-                                    });
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-    return currentFocusedData;
-}
-/**
- * Uses mouse position to determine whether user is hovering over a chart canvas
- * If yes, convert from pixel values to logical cartesian coordinates and return all focused series
- */ export function getFocusedSeriesData(mousePos, chartData, pinnedPos, chart, unit) {
-    if (chart === undefined || mousePos === null) return [];
-    // prevents multiple tooltips showing from adjacent charts
-    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
-    if (pinnedPos !== null) {
-        mousePos = pinnedPos;
-        cursorTargetMatchesChart = true;
-    }
-    if (cursorTargetMatchesChart === false) return [];
-    if (chart['_model'] === undefined) return [];
-    const chartModel = chart['_model'];
-    const yAxisInterval = chartModel.getComponent('yAxis').axis.scale._interval;
-    const seriesNum = chartData.timeSeries.length;
-    // tooltip trigger area gets smaller with more series, increase yAxisInterval multiplier to expand nearby series range
-    const yBuffer = seriesNum > SHOW_MORE_NEARBY_SERIES_LIMIT ? yAxisInterval * NARROW_NEARBY_SERIES_RANGE_MULTIPLIER : yAxisInterval * DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER;
-    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 getNearbySeries(chartData, pointInGrid, yBuffer, chart, unit);
-        }
-    }
-    // clear all highlighted series when cursor exits canvas
-    // https://echarts.apache.org/en/api.html#action.downplay
-    for(let i = 0; i < seriesNum; i++){
-        if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-            chart.dispatchAction({
-                type: 'downplay',
-                seriesIndex: i
-            });
-        }
-    }
-    return [];
-}
-
-//# sourceMappingURL=focused-series.js.map

package/dist/TimeSeriesTooltip/focused-series.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TimeSeriesTooltip/focused-series.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 { ECharts as EChartsInstance } from 'echarts/core';\nimport { formatValue, UnitOptions, EChartsDataFormat } from '../model';\nimport { CursorData, TOOLTIP_MAX_ITEMS } from './tooltip-model';\n\n// increase multipliers to show more series in tooltip\nexport const DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER = 5.5; // adjusts how many focused series show in tooltip\nexport const NARROW_NEARBY_SERIES_RANGE_MULTIPLIER = 2; // used to reduce number of focused series for heavy queries\nexport const SHOW_MORE_NEARBY_SERIES_LIMIT = 5;\n\nexport interface FocusedSeriesInfo {\n  seriesIdx: number | null;\n  datumIdx: number | null;\n  seriesName: string;\n  dateMs: number;\n  markerColor: string;\n  x: number;\n  y: number;\n  formattedY: string;\n}\n\nexport type FocusedSeriesArray = FocusedSeriesInfo[];\n\n/**\n * Returns formatted series data for the points that are close to the user's cursor\n * Adjust yBuffer to increase or decrease number of series shown\n */\nexport function getNearbySeries(\n  data: EChartsDataFormat,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart?: EChartsInstance,\n  unit?: UnitOptions\n): FocusedSeriesArray {\n  const currentFocusedData: FocusedSeriesArray = [];\n  const focusedX: number | null = pointInGrid[0] ?? null;\n  const focusedY: number | null = pointInGrid[1] ?? null;\n\n  if (focusedX === null || focusedY === null) {\n    return currentFocusedData;\n  }\n\n  if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {\n    for (let seriesIdx = 0; seriesIdx < data.timeSeries.length; seriesIdx++) {\n      const currentSeries = data.timeSeries[seriesIdx];\n      if (currentFocusedData.length >= TOOLTIP_MAX_ITEMS) break;\n      if (currentSeries !== undefined) {\n        const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';\n        const markerColor = currentSeries.color ?? '#000';\n        if (Array.isArray(currentSeries.data)) {\n          for (let datumIdx = 0; datumIdx < currentSeries.data.length; datumIdx++) {\n            const xValue = data.xAxis[datumIdx] ?? 0;\n            const yValue = currentSeries.data[datumIdx];\n            // ensure null values not displayed in tooltip\n            if (yValue !== undefined && yValue !== null && focusedX === datumIdx) {\n              if (yValue !== '-' && focusedY <= yValue + yBuffer && focusedY >= yValue - yBuffer) {\n                // determine whether to convert timestamp to ms, see: https://stackoverflow.com/a/23982005/17575201\n                const xValueMilliSeconds = xValue > 99999999999 ? xValue : xValue * 1000;\n                const formattedY = formatValue(yValue, unit);\n                // trigger emphasis state of nearby series so tooltip matches highlighted lines\n                // https://echarts.apache.org/en/api.html#action.highlight\n                if (chart?.dispatchAction !== undefined) {\n                  chart.dispatchAction({\n                    type: 'highlight',\n                    seriesIndex: seriesIdx,\n                  });\n                }\n                currentFocusedData.push({\n                  seriesIdx: seriesIdx,\n                  datumIdx: datumIdx,\n                  seriesName: currentSeriesName,\n                  dateMs: xValueMilliSeconds,\n                  x: xValue,\n                  y: yValue,\n                  formattedY: formattedY,\n                  markerColor: markerColor.toString(),\n                });\n              } else {\n                // clear emphasis state of lines that are not focused\n                if (chart?.dispatchAction !== undefined) {\n                  chart.dispatchAction({\n                    type: 'downplay',\n                    seriesIndex: seriesIdx,\n                  });\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  return currentFocusedData;\n}\n\n/**\n * Uses mouse position to determine whether user is hovering over a chart canvas\n * If yes, convert from pixel values to logical cartesian coordinates and return all focused series\n */\nexport function getFocusedSeriesData(\n  mousePos: CursorData['coords'],\n  chartData: EChartsDataFormat,\n  pinnedPos: CursorData['coords'],\n  chart?: EChartsInstance,\n  unit?: UnitOptions\n) {\n  if (chart === undefined || mousePos === null) return [];\n\n  // prevents multiple tooltips showing from adjacent charts\n  let cursorTargetMatchesChart = false;\n  if (mousePos.target !== null) {\n    const currentParent = (<HTMLElement>mousePos.target).parentElement;\n    if (currentParent !== null) {\n      const currentGrandparent = currentParent.parentElement;\n      if (currentGrandparent !== null) {\n        const chartDom = chart.getDom();\n        if (chartDom === currentGrandparent) {\n          cursorTargetMatchesChart = true;\n        }\n      }\n    }\n  }\n\n  // allows moving cursor inside tooltip\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n    cursorTargetMatchesChart = true;\n  }\n\n  if (cursorTargetMatchesChart === false) return [];\n\n  if (chart['_model'] === undefined) return [];\n  const chartModel = chart['_model'];\n  const yAxisInterval = chartModel.getComponent('yAxis').axis.scale._interval;\n\n  const seriesNum = chartData.timeSeries.length;\n\n  // tooltip trigger area gets smaller with more series, increase yAxisInterval multiplier to expand nearby series range\n  const yBuffer =\n    seriesNum > SHOW_MORE_NEARBY_SERIES_LIMIT\n      ? yAxisInterval * NARROW_NEARBY_SERIES_RANGE_MULTIPLIER\n      : yAxisInterval * DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER;\n\n  const pointInPixel = [mousePos.plotCanvas.x ?? 0, mousePos.plotCanvas.y ?? 0];\n  if (chart.containPixel('grid', pointInPixel)) {\n    const pointInGrid = chart.convertFromPixel('grid', pointInPixel);\n    if (pointInGrid[0] !== undefined && pointInGrid[1] !== undefined) {\n      return getNearbySeries(chartData, pointInGrid, yBuffer, chart, unit);\n    }\n  }\n\n  // clear all highlighted series when cursor exits canvas\n  // https://echarts.apache.org/en/api.html#action.downplay\n  for (let i = 0; i < seriesNum; i++) {\n    if (chart?.dispatchAction !== undefined) {\n      chart.dispatchAction({\n        type: 'downplay',\n        seriesIndex: i,\n      });\n    }\n  }\n  return [];\n}\n"],"names":["formatValue","TOOLTIP_MAX_ITEMS","DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER","NARROW_NEARBY_SERIES_RANGE_MULTIPLIER","SHOW_MORE_NEARBY_SERIES_LIMIT","getNearbySeries","data","pointInGrid","yBuffer","chart","unit","currentFocusedData","focusedX","focusedY","Array","isArray","xAxis","timeSeries","seriesIdx","length","currentSeries","undefined","currentSeriesName","name","toString","markerColor","color","datumIdx","xValue","yValue","xValueMilliSeconds","formattedY","dispatchAction","type","seriesIndex","push","seriesName","dateMs","x","y","getFocusedSeriesData","mousePos","chartData","pinnedPos","cursorTargetMatchesChart","target","currentParent","parentElement","currentGrandparent","chartDom","getDom","chartModel","yAxisInterval","getComponent","axis","scale","_interval","seriesNum","pointInPixel","plotCanvas","containPixel","convertFromPixel","i"],"mappings":"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"}

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

@@ -1,148 +0,0 @@
-// Copyright 2023 The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER: ()=>DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER,
-    NARROW_NEARBY_SERIES_RANGE_MULTIPLIER: ()=>NARROW_NEARBY_SERIES_RANGE_MULTIPLIER,
-    SHOW_MORE_NEARBY_SERIES_LIMIT: ()=>SHOW_MORE_NEARBY_SERIES_LIMIT,
-    getNearbySeries: ()=>getNearbySeries,
-    getFocusedSeriesData: ()=>getFocusedSeriesData
-});
-const _model = require("../model");
-const _tooltipModel = require("./tooltip-model");
-const DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER = 5.5; // adjusts how many focused series show in tooltip
-const NARROW_NEARBY_SERIES_RANGE_MULTIPLIER = 2; // used to reduce number of focused series for heavy queries
-const SHOW_MORE_NEARBY_SERIES_LIMIT = 5;
-function getNearbySeries(data, pointInGrid, yBuffer, chart, unit) {
-    const currentFocusedData = [];
-    var ref;
-    const focusedX = (ref = pointInGrid[0]) !== null && ref !== void 0 ? ref : null;
-    var ref1;
-    const focusedY = (ref1 = pointInGrid[1]) !== null && ref1 !== void 0 ? ref1 : null;
-    if (focusedX === null || focusedY === null) {
-        return currentFocusedData;
-    }
-    if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {
-        for(let seriesIdx = 0; seriesIdx < data.timeSeries.length; seriesIdx++){
-            const currentSeries = data.timeSeries[seriesIdx];
-            if (currentFocusedData.length >= _tooltipModel.TOOLTIP_MAX_ITEMS) 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 && focusedX === datumIdx) {
-                            if (yValue !== '-' && focusedY <= yValue + yBuffer && focusedY >= yValue - yBuffer) {
-                                // 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, unit);
-                                // trigger emphasis state of nearby series so tooltip matches highlighted lines
-                                // https://echarts.apache.org/en/api.html#action.highlight
-                                if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-                                    chart.dispatchAction({
-                                        type: 'highlight',
-                                        seriesIndex: seriesIdx
-                                    });
-                                }
-                                currentFocusedData.push({
-                                    seriesIdx: seriesIdx,
-                                    datumIdx: datumIdx,
-                                    seriesName: currentSeriesName,
-                                    dateMs: xValueMilliSeconds,
-                                    x: xValue,
-                                    y: yValue,
-                                    formattedY: formattedY,
-                                    markerColor: markerColor.toString()
-                                });
-                            } else {
-                                // clear emphasis state of lines that are not focused
-                                if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-                                    chart.dispatchAction({
-                                        type: 'downplay',
-                                        seriesIndex: seriesIdx
-                                    });
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-    return currentFocusedData;
-}
-function getFocusedSeriesData(mousePos, chartData, pinnedPos, chart, unit) {
-    if (chart === undefined || mousePos === null) return [];
-    // prevents multiple tooltips showing from adjacent charts
-    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
-    if (pinnedPos !== null) {
-        mousePos = pinnedPos;
-        cursorTargetMatchesChart = true;
-    }
-    if (cursorTargetMatchesChart === false) return [];
-    if (chart['_model'] === undefined) return [];
-    const chartModel = chart['_model'];
-    const yAxisInterval = chartModel.getComponent('yAxis').axis.scale._interval;
-    const seriesNum = chartData.timeSeries.length;
-    // tooltip trigger area gets smaller with more series, increase yAxisInterval multiplier to expand nearby series range
-    const yBuffer = seriesNum > SHOW_MORE_NEARBY_SERIES_LIMIT ? yAxisInterval * NARROW_NEARBY_SERIES_RANGE_MULTIPLIER : yAxisInterval * DEFAULT_NEARBY_SERIES_RANGE_MULTIPLIER;
-    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 getNearbySeries(chartData, pointInGrid, yBuffer, chart, unit);
-        }
-    }
-    // clear all highlighted series when cursor exits canvas
-    // https://echarts.apache.org/en/api.html#action.downplay
-    for(let i = 0; i < seriesNum; i++){
-        if ((chart === null || chart === void 0 ? void 0 : chart.dispatchAction) !== undefined) {
-            chart.dispatchAction({
-                type: 'downplay',
-                seriesIndex: i
-            });
-        }
-    }
-    return [];
-}