@perses-dev/components 0.38.0 → 0.40.0

package/dist/TimeSeriesTooltip/nearby-series.js

@@ -12,7 +12,7 @@
 // limitations under the License.
 import { formatValue } from '@perses-dev/core';
 import { OPTIMIZED_MODE_SERIES_LIMIT } from '../model';
-import { batchDispatchNearbySeriesActions, getPointInGrid } from '../utils';
+import { batchDispatchNearbySeriesActions, getPointInGrid, getClosestTimestamp } from '../utils';
 // increase multipliers to show more series in tooltip
 export const INCREASE_NEARBY_SERIES_MULTIPLIER = 5.5; // adjusts how many series show in tooltip (higher == more series shown)
 export const DYNAMIC_NEARBY_SERIES_MULTIPLIER = 30; // used for adjustment after series number divisor
@@ -20,12 +20,13 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
 /**
  * Returns formatted series data for the points that are close to the user's cursor.
  * Adjust xBuffer and yBuffer to increase or decrease number of series shown.
- */ export function checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, unit) {
+ */ export function checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, format) {
+    var _data_;
     const currentNearbySeriesData = [];
-    var ref;
-    const cursorX = (ref = pointInGrid[0]) !== null && ref !== void 0 ? ref : null;
-    var ref1;
-    const cursorY = (ref1 = pointInGrid[1]) !== null && ref1 !== void 0 ? ref1 : null;
+    var _pointInGrid_;
+    const cursorX = (_pointInGrid_ = pointInGrid[0]) !== null && _pointInGrid_ !== void 0 ? _pointInGrid_ : null;
+    var _pointInGrid_1;
+    const cursorY = (_pointInGrid_1 = pointInGrid[1]) !== null && _pointInGrid_1 !== void 0 ? _pointInGrid_1 : null;
     if (cursorX === null || cursorY === null) return currentNearbySeriesData;
     if (chart.dispatchAction === undefined) return currentNearbySeriesData;
     if (!Array.isArray(data)) return currentNearbySeriesData;
@@ -36,8 +37,12 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
     const duplicateDatapoints = [];
     const totalSeries = data.length;
     const yValueCounts = new Map();
-    let closestTimestamp = null;
-    let closestDistance = Infinity;
+    // Only need to loop through first dataset source since getCommonTimeScale ensures xAxis timestamps are consistent
+    const firstTimeSeriesValues = (_data_ = data[0]) === null || _data_ === void 0 ? void 0 : _data_.values;
+    const closestTimestamp = getClosestTimestamp(firstTimeSeriesValues, cursorX);
+    if (closestTimestamp === null) {
+        return [];
+    }
     // find the timestamp with data that is closest to cursorX
     for(let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++){
         const currentSeries = seriesMapping[seriesIdx];
@@ -45,20 +50,11 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
         const currentDataset = totalSeries > 0 ? data[seriesIdx] : null;
         if (currentDataset == null) break;
         const currentDatasetValues = currentDataset.values;
-        // Determine closestTimestamp before checking whether it is equal to xValue. Consolidating
-        // with second currentDatasetValues loop below would result in duplicate nearby series
-        for (const [timestamp] of currentDatasetValues){
-            const distance = Math.abs(timestamp - cursorX);
-            if (distance < closestDistance) {
-                closestTimestamp = timestamp;
-                closestDistance = distance;
-            }
-        }
         if (currentDatasetValues === undefined || !Array.isArray(currentDatasetValues)) break;
         const lineSeries = currentSeries;
         const currentSeriesName = lineSeries.name ? lineSeries.name.toString() : '';
-        var _color;
-        const markerColor = (_color = lineSeries.color) !== null && _color !== void 0 ? _color : '#000';
+        var _lineSeries_color;
+        const markerColor = (_lineSeries_color = lineSeries.color) !== null && _lineSeries_color !== void 0 ? _lineSeries_color : '#000';
         if (Array.isArray(data)) {
             for(let datumIdx = 0; datumIdx < currentDatasetValues.length; datumIdx++){
                 const nearbyTimeSeries = currentDatasetValues[datumIdx];
@@ -80,10 +76,10 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
                             if (isClosestToCursor) {
                                 // shows as bold in tooltip, customize 'emphasis' options in getTimeSeries util
                                 emphasizedSeriesIndexes.push(seriesIdx);
-                                var ref2;
+                                var _yValueCounts_get;
                                 // 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;
+                                const duplicateValuesCount = (_yValueCounts_get = yValueCounts.get(yValue)) !== null && _yValueCounts_get !== void 0 ? _yValueCounts_get : 0;
                                 yValueCounts.set(yValue, duplicateValuesCount + 1);
                                 if (duplicateValuesCount > 0) {
                                     duplicateDatapoints.push({
@@ -108,7 +104,7 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
                                     seriesIndex: seriesIdx
                                 });
                             }
-                            const formattedY = formatValue(yValue, unit);
+                            const formattedY = formatValue(yValue, format);
                             currentNearbySeriesData.push({
                                 seriesIdx: seriesIdx,
                                 datumIdx: datumIdx,
@@ -133,12 +129,12 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
 /**
  * [DEPRECATED] 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 legacyCheckforNearbySeries(data, pointInGrid, yBuffer, chart, unit) {
+ */ export function legacyCheckforNearbySeries(data, pointInGrid, yBuffer, chart, format) {
     const currentNearbySeriesData = [];
-    var ref;
-    const cursorX = (ref = pointInGrid[0]) !== null && ref !== void 0 ? ref : null;
-    var ref1;
-    const cursorY = (ref1 = pointInGrid[1]) !== null && ref1 !== void 0 ? ref1 : null;
+    var _pointInGrid_;
+    const cursorX = (_pointInGrid_ = pointInGrid[0]) !== null && _pointInGrid_ !== void 0 ? _pointInGrid_ : null;
+    var _pointInGrid_1;
+    const cursorY = (_pointInGrid_1 = pointInGrid[1]) !== null && _pointInGrid_1 !== void 0 ? _pointInGrid_1 : null;
     if (cursorX === null || cursorY === null) {
         return currentNearbySeriesData;
     }
@@ -152,12 +148,12 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
             if (currentSeries === undefined) break;
             if (currentNearbySeriesData.length >= OPTIMIZED_MODE_SERIES_LIMIT) break;
             const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';
-            var _color;
-            const markerColor = (_color = currentSeries.color) !== null && _color !== void 0 ? _color : '#000';
+            var _currentSeries_color;
+            const markerColor = (_currentSeries_color = currentSeries.color) !== null && _currentSeries_color !== void 0 ? _currentSeries_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;
+                    var _data_xAxis_datumIdx;
+                    const xValue = (_data_xAxis_datumIdx = data.xAxis[datumIdx]) !== null && _data_xAxis_datumIdx !== void 0 ? _data_xAxis_datumIdx : 0;
                     const yValue = currentSeries.data[datumIdx];
                     // ensure null values not displayed in tooltip
                     if (yValue !== undefined && yValue !== null && cursorX === datumIdx) {
@@ -184,7 +180,7 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
                             }
                             // 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);
+                            const formattedY = formatValue(yValue, format);
                             currentNearbySeriesData.push({
                                 seriesIdx: seriesIdx,
                                 datumIdx: datumIdx,
@@ -234,7 +230,7 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
 /**
  * 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 nearby series
- */ export function getNearbySeriesData({ mousePos , pinnedPos , data , seriesMapping , chart , unit , showAllSeries =false  }) {
+ */ export function getNearbySeriesData({ mousePos , pinnedPos , data , seriesMapping , chart , format , showAllSeries =false  }) {
     if (chart === undefined || mousePos === null) return [];
     // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned
     let cursorTargetMatchesChart = false;
@@ -267,14 +263,14 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
             totalSeries,
             showAllSeries
         });
-        return checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, unit);
+        return checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, format);
     }
     return [];
 }
 /**
  * [DEPRECATED] 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 nearby series
- */ export function legacyGetNearbySeriesData({ mousePos , pinnedPos , chartData , chart , unit , showAllSeries =false  }) {
+ */ export function legacyGetNearbySeriesData({ mousePos , pinnedPos , chartData , chart , format , showAllSeries =false  }) {
     if (chart === undefined || mousePos === null) return [];
     // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned
     let cursorTargetMatchesChart = false;
@@ -305,15 +301,15 @@ export const SHOW_FEWER_SERIES_LIMIT = 5;
         totalSeries,
         showAllSeries
     });
-    var _x, _y;
+    var _mousePos_plotCanvas_x, _mousePos_plotCanvas_y;
     const pointInPixel = [
-        (_x = mousePos.plotCanvas.x) !== null && _x !== void 0 ? _x : 0,
-        (_y = mousePos.plotCanvas.y) !== null && _y !== void 0 ? _y : 0
+        (_mousePos_plotCanvas_x = mousePos.plotCanvas.x) !== null && _mousePos_plotCanvas_x !== void 0 ? _mousePos_plotCanvas_x : 0,
+        (_mousePos_plotCanvas_y = mousePos.plotCanvas.y) !== null && _mousePos_plotCanvas_y !== void 0 ? _mousePos_plotCanvas_y : 0
     ];
     if (chart.containPixel('grid', pointInPixel)) {
         const pointInGrid = chart.convertFromPixel('grid', pointInPixel);
         if (pointInGrid[0] !== undefined && pointInGrid[1] !== undefined) {
-            return legacyCheckforNearbySeries(chartData, pointInGrid, yBuffer, chart, unit);
+            return legacyCheckforNearbySeries(chartData, pointInGrid, yBuffer, chart, format);
         }
     }
     return [];

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTooltip/nearby-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 { LineSeriesOption } from 'echarts/charts';\nimport { formatValue, TimeSeriesValueTuple, UnitOptions, TimeSeries } from '@perses-dev/core';\nimport { EChartsDataFormat, OPTIMIZED_MODE_SERIES_LIMIT, TimeChartSeriesMapping, DatapointInfo } from '../model';\nimport { batchDispatchNearbySeriesActions, getPointInGrid } from '../utils';\nimport { CursorCoordinates, CursorData } from './tooltip-model';\n\n// increase multipliers to show more series in tooltip\nexport const INCREASE_NEARBY_SERIES_MULTIPLIER = 5.5; // adjusts how many series show in tooltip (higher == more series shown)\nexport const DYNAMIC_NEARBY_SERIES_MULTIPLIER = 30; // used for adjustment after series number divisor\nexport const SHOW_FEWER_SERIES_LIMIT = 5;\n\nexport interface NearbySeriesInfo {\n  seriesIdx: number | null;\n  datumIdx: number | null;\n  seriesName: string;\n  date: number;\n  markerColor: string;\n  x: number;\n  y: number;\n  formattedY: string;\n  isClosestToCursor: boolean;\n}\n\nexport type NearbySeriesArray = NearbySeriesInfo[];\n\n/**\n * Returns formatted series data for the points that are close to the user's cursor.\n * Adjust xBuffer and yBuffer to increase or decrease number of series shown.\n */\nexport function checkforNearbyTimeSeries(\n  data: TimeSeries[],\n  seriesMapping: TimeChartSeriesMapping,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart: EChartsInstance,\n  unit?: UnitOptions\n): NearbySeriesArray {\n  const currentNearbySeriesData: NearbySeriesArray = [];\n  const cursorX: number | null = pointInGrid[0] ?? null;\n  const cursorY: number | null = pointInGrid[1] ?? null;\n\n  if (cursorX === null || cursorY === null) return currentNearbySeriesData;\n\n  if (chart.dispatchAction === undefined) return currentNearbySeriesData;\n\n  if (!Array.isArray(data)) return currentNearbySeriesData;\n  const nearbySeriesIndexes: number[] = [];\n  const emphasizedSeriesIndexes: number[] = [];\n  const nonEmphasizedSeriesIndexes: number[] = [];\n  const emphasizedDatapoints: DatapointInfo[] = [];\n  const duplicateDatapoints: DatapointInfo[] = [];\n\n  const totalSeries = data.length;\n\n  const yValueCounts: Map<number, number> = new Map();\n\n  let closestTimestamp = null;\n  let closestDistance = Infinity;\n\n  // find the timestamp with data that is closest to cursorX\n  for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n    const currentSeries = seriesMapping[seriesIdx];\n    if (currentSeries === undefined) break;\n\n    const currentDataset = totalSeries > 0 ? data[seriesIdx] : null;\n    if (currentDataset == null) break;\n\n    const currentDatasetValues: TimeSeriesValueTuple[] = currentDataset.values;\n\n    // Determine closestTimestamp before checking whether it is equal to xValue. Consolidating\n    // with second currentDatasetValues loop below would result in duplicate nearby series\n    for (const [timestamp] of currentDatasetValues) {\n      const distance = Math.abs(timestamp - cursorX);\n      if (distance < closestDistance) {\n        closestTimestamp = timestamp;\n        closestDistance = distance;\n      }\n    }\n\n    if (currentDatasetValues === undefined || !Array.isArray(currentDatasetValues)) break;\n    const lineSeries = currentSeries as LineSeriesOption;\n    const currentSeriesName = lineSeries.name ? lineSeries.name.toString() : '';\n    const markerColor = lineSeries.color ?? '#000';\n    if (Array.isArray(data)) {\n      for (let datumIdx = 0; datumIdx < currentDatasetValues.length; datumIdx++) {\n        const nearbyTimeSeries = currentDatasetValues[datumIdx];\n        if (nearbyTimeSeries === undefined || !Array.isArray(nearbyTimeSeries)) break;\n\n        const xValue = nearbyTimeSeries[0];\n        const yValue = nearbyTimeSeries[1];\n\n        // TODO: ensure null values not displayed in tooltip\n        if (yValue !== undefined && yValue !== null) {\n          if (closestTimestamp === xValue) {\n            if (cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {\n              // show fewer bold series in tooltip when many total series\n              const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;\n              const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);\n              const isClosestToCursor = isWithinPercentageRange({\n                valueToCheck: cursorY,\n                baseValue: yValue,\n                percentage: percentRangeToCheck,\n              });\n              if (isClosestToCursor) {\n                // shows as bold in tooltip, customize 'emphasis' options in getTimeSeries util\n                emphasizedSeriesIndexes.push(seriesIdx);\n\n                // Used to determine which datapoint to apply select styles to.\n                // Accounts for cases where lines may be rendered directly on top of eachother.\n                const duplicateValuesCount = yValueCounts.get(yValue) ?? 0;\n                yValueCounts.set(yValue, duplicateValuesCount + 1);\n                if (duplicateValuesCount > 0) {\n                  duplicateDatapoints.push({\n                    seriesIndex: seriesIdx,\n                    dataIndex: datumIdx,\n                    seriesName: currentSeriesName,\n                    yValue: yValue,\n                  });\n                }\n\n                // keep track of all bold datapoints in tooltip so that 'select' state only applied to topmost\n                emphasizedDatapoints.push({\n                  seriesIndex: seriesIdx,\n                  dataIndex: datumIdx,\n                  seriesName: currentSeriesName,\n                  yValue: yValue,\n                });\n              } else {\n                nonEmphasizedSeriesIndexes.push(seriesIdx);\n                // ensure series far away from cursor are not highlighted\n                chart.dispatchAction({\n                  type: 'downplay',\n                  seriesIndex: seriesIdx,\n                });\n              }\n              const formattedY = formatValue(yValue, unit);\n              currentNearbySeriesData.push({\n                seriesIdx: seriesIdx,\n                datumIdx: datumIdx,\n                seriesName: currentSeriesName,\n                date: closestTimestamp,\n                x: xValue,\n                y: yValue,\n                formattedY: formattedY,\n                markerColor: markerColor.toString(),\n                isClosestToCursor,\n              });\n              nearbySeriesIndexes.push(seriesIdx);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  batchDispatchNearbySeriesActions(\n    chart,\n    nearbySeriesIndexes,\n    emphasizedSeriesIndexes,\n    nonEmphasizedSeriesIndexes,\n    emphasizedDatapoints,\n    duplicateDatapoints\n  );\n\n  return currentNearbySeriesData;\n}\n\n/**\n * [DEPRECATED] 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 legacyCheckforNearbySeries(\n  data: EChartsDataFormat,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart?: EChartsInstance,\n  unit?: UnitOptions\n): NearbySeriesArray {\n  const currentNearbySeriesData: NearbySeriesArray = [];\n  const cursorX: number | null = pointInGrid[0] ?? null;\n  const cursorY: number | null = pointInGrid[1] ?? null;\n\n  if (cursorX === null || cursorY === null) {\n    return currentNearbySeriesData;\n  }\n\n  const nearbySeriesIndexes: number[] = [];\n  const emphasizedSeriesIndexes: number[] = [];\n  const nonEmphasizedSeriesIndexes: number[] = [];\n  const totalSeries = data.timeSeries.length;\n  if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {\n    for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n      const currentSeries = data.timeSeries[seriesIdx];\n      if (currentSeries === undefined) break;\n      if (currentNearbySeriesData.length >= OPTIMIZED_MODE_SERIES_LIMIT) break;\n\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 && cursorX === datumIdx) {\n            if (yValue !== '-' && cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {\n              // show fewer bold series in tooltip when many total series\n              const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;\n              const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);\n              const isClosestToCursor = isWithinPercentageRange({\n                valueToCheck: cursorY,\n                baseValue: yValue,\n                percentage: percentRangeToCheck,\n              });\n              if (isClosestToCursor) {\n                emphasizedSeriesIndexes.push(seriesIdx);\n              } else {\n                nonEmphasizedSeriesIndexes.push(seriesIdx);\n                // ensure series not close to cursor are not highlighted\n                if (chart?.dispatchAction !== undefined) {\n                  chart.dispatchAction({\n                    type: 'downplay',\n                    seriesIndex: seriesIdx,\n                  });\n                }\n              }\n\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              currentNearbySeriesData.push({\n                seriesIdx: seriesIdx,\n                datumIdx: datumIdx,\n                seriesName: currentSeriesName,\n                date: xValueMilliSeconds,\n                x: xValue,\n                y: yValue,\n                formattedY: formattedY,\n                markerColor: markerColor.toString(),\n                isClosestToCursor,\n              });\n              nearbySeriesIndexes.push(seriesIdx);\n            }\n          }\n        }\n      }\n    }\n  }\n  if (chart?.dispatchAction !== undefined) {\n    // Clears emphasis state of all lines that are not emphasized.\n    // Emphasized is a subset of just the nearby series that are closest to cursor.\n    chart.dispatchAction({\n      type: 'downplay',\n      seriesIndex: nonEmphasizedSeriesIndexes,\n    });\n\n    // https://echarts.apache.org/en/api.html#action.highlight\n    if (emphasizedSeriesIndexes.length > 0) {\n      // Fadeout opacity of all series not closest to cursor.\n      chart.dispatchAction({\n        type: 'highlight',\n        seriesIndex: emphasizedSeriesIndexes,\n        notBlur: false, // ensure blur IS triggered, this is default but setting so it is explicit\n        escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n      });\n    } else {\n      // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.\n      chart.dispatchAction({\n        type: 'highlight',\n        seriesIndex: nearbySeriesIndexes,\n        notBlur: true, // do not trigger blur state when cursor is not immediately close to any series\n        escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n      });\n    }\n  }\n\n  return currentNearbySeriesData;\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 nearby series\n */\nexport function getNearbySeriesData({\n  mousePos,\n  pinnedPos,\n  data,\n  seriesMapping,\n  chart,\n  unit,\n  showAllSeries = false,\n}: {\n  mousePos: CursorData['coords'];\n  pinnedPos: CursorCoordinates | null;\n  data: TimeSeries[];\n  seriesMapping: TimeChartSeriesMapping;\n  chart?: EChartsInstance;\n  unit?: UnitOptions;\n  showAllSeries?: boolean;\n}) {\n  if (chart === undefined || mousePos === null) return [];\n\n  // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned\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 without it fading away\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n    cursorTargetMatchesChart = true;\n  }\n\n  if (cursorTargetMatchesChart === false) return [];\n\n  if (chart['_model'] === undefined || data === null) return [];\n\n  const pointInGrid = getPointInGrid(mousePos.plotCanvas.x, mousePos.plotCanvas.y, chart);\n  if (pointInGrid !== null) {\n    const chartModel = chart['_model'];\n    const yInterval = chartModel.getComponent('yAxis').axis.scale._interval;\n    const totalSeries = data.length;\n    const yBuffer = getYBuffer({ yInterval, totalSeries, showAllSeries });\n    return checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, unit);\n  }\n\n  return [];\n}\n\n/**\n * [DEPRECATED] 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 nearby series\n */\nexport function legacyGetNearbySeriesData({\n  mousePos,\n  pinnedPos,\n  chartData,\n  chart,\n  unit,\n  showAllSeries = false,\n}: {\n  mousePos: CursorData['coords'];\n  pinnedPos: CursorCoordinates | null;\n  chartData: EChartsDataFormat;\n  chart?: EChartsInstance;\n  unit?: UnitOptions;\n  showAllSeries?: boolean;\n}) {\n  if (chart === undefined || mousePos === null) return [];\n\n  // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned\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 without it fading away\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 yInterval = chartModel.getComponent('yAxis').axis.scale._interval;\n  const totalSeries = chartData.timeSeries.length;\n  const yBuffer = getYBuffer({ yInterval, totalSeries, showAllSeries });\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 legacyCheckforNearbySeries(chartData, pointInGrid, yBuffer, chart, unit);\n    }\n  }\n\n  return [];\n}\n\n/*\n * Check if two numbers are within a specified percentage range\n */\nexport function isWithinPercentageRange({\n  valueToCheck,\n  baseValue,\n  percentage,\n}: {\n  valueToCheck: number;\n  baseValue: number;\n  percentage: number;\n}): boolean {\n  const range = (percentage / 100) * baseValue;\n  const lowerBound = baseValue - range;\n  const upperBound = baseValue + range;\n  return valueToCheck >= lowerBound && valueToCheck <= upperBound;\n}\n\n/*\n * Get range to check within for nearby series to show in tooltip.\n */\nexport function getYBuffer({\n  yInterval,\n  totalSeries,\n  showAllSeries = false,\n}: {\n  yInterval: number;\n  totalSeries: number;\n  showAllSeries?: boolean;\n}) {\n  if (showAllSeries) {\n    return yInterval * 10; // roughly correlates with grid so entire canvas is searched\n  }\n\n  // never let nearby series range be less than roughly the size of a single tick\n  const yBufferMin = yInterval * 0.3;\n\n  // tooltip trigger area gets smaller with more series\n  if (totalSeries > SHOW_FEWER_SERIES_LIMIT) {\n    const adjustedBuffer = (yInterval * DYNAMIC_NEARBY_SERIES_MULTIPLIER) / totalSeries;\n    return Math.max(yBufferMin, adjustedBuffer);\n  }\n\n  // increase multiplier to expand nearby series range\n  return Math.max(yBufferMin, yInterval * INCREASE_NEARBY_SERIES_MULTIPLIER);\n}\n"],"names":["formatValue","OPTIMIZED_MODE_SERIES_LIMIT","batchDispatchNearbySeriesActions","getPointInGrid","INCREASE_NEARBY_SERIES_MULTIPLIER","DYNAMIC_NEARBY_SERIES_MULTIPLIER","SHOW_FEWER_SERIES_LIMIT","checkforNearbyTimeSeries","data","seriesMapping","pointInGrid","yBuffer","chart","unit","currentNearbySeriesData","cursorX","cursorY","dispatchAction","undefined","Array","isArray","nearbySeriesIndexes","emphasizedSeriesIndexes","nonEmphasizedSeriesIndexes","emphasizedDatapoints","duplicateDatapoints","totalSeries","length","yValueCounts","Map","closestTimestamp","closestDistance","Infinity","seriesIdx","currentSeries","currentDataset","currentDatasetValues","values","timestamp","distance","Math","abs","lineSeries","currentSeriesName","name","toString","markerColor","color","datumIdx","nearbyTimeSeries","xValue","yValue","minPercentRange","percentRangeToCheck","max","isClosestToCursor","isWithinPercentageRange","valueToCheck","baseValue","percentage","push","duplicateValuesCount","get","set","seriesIndex","dataIndex","seriesName","type","formattedY","date","x","y","legacyCheckforNearbySeries","timeSeries","xAxis","xValueMilliSeconds","notBlur","escapeConnect","getNearbySeriesData","mousePos","pinnedPos","showAllSeries","cursorTargetMatchesChart","target","currentParent","parentElement","currentGrandparent","chartDom","getDom","plotCanvas","chartModel","yInterval","getComponent","axis","scale","_interval","getYBuffer","legacyGetNearbySeriesData","chartData","pointInPixel","containPixel","convertFromPixel","range","lowerBound","upperBound","yBufferMin","adjustedBuffer"],"mappings":"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"}
+{"version":3,"sources":["../../src/TimeSeriesTooltip/nearby-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 { LineSeriesOption } from 'echarts/charts';\nimport { formatValue, TimeSeriesValueTuple, FormatOptions, TimeSeries } from '@perses-dev/core';\nimport { EChartsDataFormat, OPTIMIZED_MODE_SERIES_LIMIT, TimeChartSeriesMapping, DatapointInfo } from '../model';\nimport { batchDispatchNearbySeriesActions, getPointInGrid, getClosestTimestamp } from '../utils';\nimport { CursorCoordinates, CursorData } from './tooltip-model';\n\n// increase multipliers to show more series in tooltip\nexport const INCREASE_NEARBY_SERIES_MULTIPLIER = 5.5; // adjusts how many series show in tooltip (higher == more series shown)\nexport const DYNAMIC_NEARBY_SERIES_MULTIPLIER = 30; // used for adjustment after series number divisor\nexport const SHOW_FEWER_SERIES_LIMIT = 5;\n\nexport interface NearbySeriesInfo {\n  seriesIdx: number | null;\n  datumIdx: number | null;\n  seriesName: string;\n  date: number;\n  markerColor: string;\n  x: number;\n  y: number;\n  formattedY: string;\n  isClosestToCursor: boolean;\n}\n\nexport type NearbySeriesArray = NearbySeriesInfo[];\n\n/**\n * Returns formatted series data for the points that are close to the user's cursor.\n * Adjust xBuffer and yBuffer to increase or decrease number of series shown.\n */\nexport function checkforNearbyTimeSeries(\n  data: TimeSeries[],\n  seriesMapping: TimeChartSeriesMapping,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart: EChartsInstance,\n  format?: FormatOptions\n): NearbySeriesArray {\n  const currentNearbySeriesData: NearbySeriesArray = [];\n  const cursorX: number | null = pointInGrid[0] ?? null;\n  const cursorY: number | null = pointInGrid[1] ?? null;\n\n  if (cursorX === null || cursorY === null) return currentNearbySeriesData;\n\n  if (chart.dispatchAction === undefined) return currentNearbySeriesData;\n\n  if (!Array.isArray(data)) return currentNearbySeriesData;\n  const nearbySeriesIndexes: number[] = [];\n  const emphasizedSeriesIndexes: number[] = [];\n  const nonEmphasizedSeriesIndexes: number[] = [];\n  const emphasizedDatapoints: DatapointInfo[] = [];\n  const duplicateDatapoints: DatapointInfo[] = [];\n\n  const totalSeries = data.length;\n\n  const yValueCounts: Map<number, number> = new Map();\n\n  // Only need to loop through first dataset source since getCommonTimeScale ensures xAxis timestamps are consistent\n  const firstTimeSeriesValues = data[0]?.values;\n  const closestTimestamp = getClosestTimestamp(firstTimeSeriesValues, cursorX);\n\n  if (closestTimestamp === null) {\n    return [];\n  }\n\n  // find the timestamp with data that is closest to cursorX\n  for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n    const currentSeries = seriesMapping[seriesIdx];\n    if (currentSeries === undefined) break;\n\n    const currentDataset = totalSeries > 0 ? data[seriesIdx] : null;\n    if (currentDataset == null) break;\n\n    const currentDatasetValues: TimeSeriesValueTuple[] = currentDataset.values;\n    if (currentDatasetValues === undefined || !Array.isArray(currentDatasetValues)) break;\n    const lineSeries = currentSeries as LineSeriesOption;\n    const currentSeriesName = lineSeries.name ? lineSeries.name.toString() : '';\n    const markerColor = lineSeries.color ?? '#000';\n    if (Array.isArray(data)) {\n      for (let datumIdx = 0; datumIdx < currentDatasetValues.length; datumIdx++) {\n        const nearbyTimeSeries = currentDatasetValues[datumIdx];\n        if (nearbyTimeSeries === undefined || !Array.isArray(nearbyTimeSeries)) break;\n\n        const xValue = nearbyTimeSeries[0];\n        const yValue = nearbyTimeSeries[1];\n\n        // TODO: ensure null values not displayed in tooltip\n        if (yValue !== undefined && yValue !== null) {\n          if (closestTimestamp === xValue) {\n            if (cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {\n              // show fewer bold series in tooltip when many total series\n              const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;\n              const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);\n              const isClosestToCursor = isWithinPercentageRange({\n                valueToCheck: cursorY,\n                baseValue: yValue,\n                percentage: percentRangeToCheck,\n              });\n              if (isClosestToCursor) {\n                // shows as bold in tooltip, customize 'emphasis' options in getTimeSeries util\n                emphasizedSeriesIndexes.push(seriesIdx);\n\n                // Used to determine which datapoint to apply select styles to.\n                // Accounts for cases where lines may be rendered directly on top of eachother.\n                const duplicateValuesCount = yValueCounts.get(yValue) ?? 0;\n                yValueCounts.set(yValue, duplicateValuesCount + 1);\n                if (duplicateValuesCount > 0) {\n                  duplicateDatapoints.push({\n                    seriesIndex: seriesIdx,\n                    dataIndex: datumIdx,\n                    seriesName: currentSeriesName,\n                    yValue: yValue,\n                  });\n                }\n\n                // keep track of all bold datapoints in tooltip so that 'select' state only applied to topmost\n                emphasizedDatapoints.push({\n                  seriesIndex: seriesIdx,\n                  dataIndex: datumIdx,\n                  seriesName: currentSeriesName,\n                  yValue: yValue,\n                });\n              } else {\n                nonEmphasizedSeriesIndexes.push(seriesIdx);\n                // ensure series far away from cursor are not highlighted\n                chart.dispatchAction({\n                  type: 'downplay',\n                  seriesIndex: seriesIdx,\n                });\n              }\n              const formattedY = formatValue(yValue, format);\n              currentNearbySeriesData.push({\n                seriesIdx: seriesIdx,\n                datumIdx: datumIdx,\n                seriesName: currentSeriesName,\n                date: closestTimestamp,\n                x: xValue,\n                y: yValue,\n                formattedY: formattedY,\n                markerColor: markerColor.toString(),\n                isClosestToCursor,\n              });\n              nearbySeriesIndexes.push(seriesIdx);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  batchDispatchNearbySeriesActions(\n    chart,\n    nearbySeriesIndexes,\n    emphasizedSeriesIndexes,\n    nonEmphasizedSeriesIndexes,\n    emphasizedDatapoints,\n    duplicateDatapoints\n  );\n\n  return currentNearbySeriesData;\n}\n\n/**\n * [DEPRECATED] 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 legacyCheckforNearbySeries(\n  data: EChartsDataFormat,\n  pointInGrid: number[],\n  yBuffer: number,\n  chart?: EChartsInstance,\n  format?: FormatOptions\n): NearbySeriesArray {\n  const currentNearbySeriesData: NearbySeriesArray = [];\n  const cursorX: number | null = pointInGrid[0] ?? null;\n  const cursorY: number | null = pointInGrid[1] ?? null;\n\n  if (cursorX === null || cursorY === null) {\n    return currentNearbySeriesData;\n  }\n\n  const nearbySeriesIndexes: number[] = [];\n  const emphasizedSeriesIndexes: number[] = [];\n  const nonEmphasizedSeriesIndexes: number[] = [];\n  const totalSeries = data.timeSeries.length;\n  if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {\n    for (let seriesIdx = 0; seriesIdx < totalSeries; seriesIdx++) {\n      const currentSeries = data.timeSeries[seriesIdx];\n      if (currentSeries === undefined) break;\n      if (currentNearbySeriesData.length >= OPTIMIZED_MODE_SERIES_LIMIT) break;\n\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 && cursorX === datumIdx) {\n            if (yValue !== '-' && cursorY <= yValue + yBuffer && cursorY >= yValue - yBuffer) {\n              // show fewer bold series in tooltip when many total series\n              const minPercentRange = totalSeries > SHOW_FEWER_SERIES_LIMIT ? 2 : 5;\n              const percentRangeToCheck = Math.max(minPercentRange, 100 / totalSeries);\n              const isClosestToCursor = isWithinPercentageRange({\n                valueToCheck: cursorY,\n                baseValue: yValue,\n                percentage: percentRangeToCheck,\n              });\n              if (isClosestToCursor) {\n                emphasizedSeriesIndexes.push(seriesIdx);\n              } else {\n                nonEmphasizedSeriesIndexes.push(seriesIdx);\n                // ensure series not close to cursor are not highlighted\n                if (chart?.dispatchAction !== undefined) {\n                  chart.dispatchAction({\n                    type: 'downplay',\n                    seriesIndex: seriesIdx,\n                  });\n                }\n              }\n\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, format);\n              currentNearbySeriesData.push({\n                seriesIdx: seriesIdx,\n                datumIdx: datumIdx,\n                seriesName: currentSeriesName,\n                date: xValueMilliSeconds,\n                x: xValue,\n                y: yValue,\n                formattedY: formattedY,\n                markerColor: markerColor.toString(),\n                isClosestToCursor,\n              });\n              nearbySeriesIndexes.push(seriesIdx);\n            }\n          }\n        }\n      }\n    }\n  }\n  if (chart?.dispatchAction !== undefined) {\n    // Clears emphasis state of all lines that are not emphasized.\n    // Emphasized is a subset of just the nearby series that are closest to cursor.\n    chart.dispatchAction({\n      type: 'downplay',\n      seriesIndex: nonEmphasizedSeriesIndexes,\n    });\n\n    // https://echarts.apache.org/en/api.html#action.highlight\n    if (emphasizedSeriesIndexes.length > 0) {\n      // Fadeout opacity of all series not closest to cursor.\n      chart.dispatchAction({\n        type: 'highlight',\n        seriesIndex: emphasizedSeriesIndexes,\n        notBlur: false, // ensure blur IS triggered, this is default but setting so it is explicit\n        escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n      });\n    } else {\n      // When no emphasized series with bold text, notBlur allows opacity fadeout to not trigger.\n      chart.dispatchAction({\n        type: 'highlight',\n        seriesIndex: nearbySeriesIndexes,\n        notBlur: true, // do not trigger blur state when cursor is not immediately close to any series\n        escapeConnect: true, // shared crosshair should not emphasize series on adjacent charts\n      });\n    }\n  }\n\n  return currentNearbySeriesData;\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 nearby series\n */\nexport function getNearbySeriesData({\n  mousePos,\n  pinnedPos,\n  data,\n  seriesMapping,\n  chart,\n  format,\n  showAllSeries = false,\n}: {\n  mousePos: CursorData['coords'];\n  pinnedPos: CursorCoordinates | null;\n  data: TimeSeries[];\n  seriesMapping: TimeChartSeriesMapping;\n  chart?: EChartsInstance;\n  format?: FormatOptions;\n  showAllSeries?: boolean;\n}) {\n  if (chart === undefined || mousePos === null) return [];\n\n  // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned\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 without it fading away\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n    cursorTargetMatchesChart = true;\n  }\n\n  if (cursorTargetMatchesChart === false) return [];\n\n  if (chart['_model'] === undefined || data === null) return [];\n\n  const pointInGrid = getPointInGrid(mousePos.plotCanvas.x, mousePos.plotCanvas.y, chart);\n  if (pointInGrid !== null) {\n    const chartModel = chart['_model'];\n    const yInterval = chartModel.getComponent('yAxis').axis.scale._interval;\n    const totalSeries = data.length;\n    const yBuffer = getYBuffer({ yInterval, totalSeries, showAllSeries });\n    return checkforNearbyTimeSeries(data, seriesMapping, pointInGrid, yBuffer, chart, format);\n  }\n\n  return [];\n}\n\n/**\n * [DEPRECATED] 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 nearby series\n */\nexport function legacyGetNearbySeriesData({\n  mousePos,\n  pinnedPos,\n  chartData,\n  chart,\n  format,\n  showAllSeries = false,\n}: {\n  mousePos: CursorData['coords'];\n  pinnedPos: CursorCoordinates | null;\n  chartData: EChartsDataFormat;\n  chart?: EChartsInstance;\n  format?: FormatOptions;\n  showAllSeries?: boolean;\n}) {\n  if (chart === undefined || mousePos === null) return [];\n\n  // prevents multiple tooltips showing from adjacent charts unless tooltip is pinned\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 without it fading away\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 yInterval = chartModel.getComponent('yAxis').axis.scale._interval;\n  const totalSeries = chartData.timeSeries.length;\n  const yBuffer = getYBuffer({ yInterval, totalSeries, showAllSeries });\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 legacyCheckforNearbySeries(chartData, pointInGrid, yBuffer, chart, format);\n    }\n  }\n\n  return [];\n}\n\n/*\n * Check if two numbers are within a specified percentage range\n */\nexport function isWithinPercentageRange({\n  valueToCheck,\n  baseValue,\n  percentage,\n}: {\n  valueToCheck: number;\n  baseValue: number;\n  percentage: number;\n}): boolean {\n  const range = (percentage / 100) * baseValue;\n  const lowerBound = baseValue - range;\n  const upperBound = baseValue + range;\n  return valueToCheck >= lowerBound && valueToCheck <= upperBound;\n}\n\n/*\n * Get range to check within for nearby series to show in tooltip.\n */\nexport function getYBuffer({\n  yInterval,\n  totalSeries,\n  showAllSeries = false,\n}: {\n  yInterval: number;\n  totalSeries: number;\n  showAllSeries?: boolean;\n}) {\n  if (showAllSeries) {\n    return yInterval * 10; // roughly correlates with grid so entire canvas is searched\n  }\n\n  // never let nearby series range be less than roughly the size of a single tick\n  const yBufferMin = yInterval * 0.3;\n\n  // tooltip trigger area gets smaller with more series\n  if (totalSeries > SHOW_FEWER_SERIES_LIMIT) {\n    const adjustedBuffer = (yInterval * DYNAMIC_NEARBY_SERIES_MULTIPLIER) / totalSeries;\n    return Math.max(yBufferMin, adjustedBuffer);\n  }\n\n  // increase multiplier to expand nearby series range\n  return Math.max(yBufferMin, yInterval * INCREASE_NEARBY_SERIES_MULTIPLIER);\n}\n"],"names":["formatValue","OPTIMIZED_MODE_SERIES_LIMIT","batchDispatchNearbySeriesActions","getPointInGrid","getClosestTimestamp","INCREASE_NEARBY_SERIES_MULTIPLIER","DYNAMIC_NEARBY_SERIES_MULTIPLIER","SHOW_FEWER_SERIES_LIMIT","checkforNearbyTimeSeries","data","seriesMapping","pointInGrid","yBuffer","chart","format","currentNearbySeriesData","cursorX","cursorY","dispatchAction","undefined","Array","isArray","nearbySeriesIndexes","emphasizedSeriesIndexes","nonEmphasizedSeriesIndexes","emphasizedDatapoints","duplicateDatapoints","totalSeries","length","yValueCounts","Map","firstTimeSeriesValues","values","closestTimestamp","seriesIdx","currentSeries","currentDataset","currentDatasetValues","lineSeries","currentSeriesName","name","toString","markerColor","color","datumIdx","nearbyTimeSeries","xValue","yValue","minPercentRange","percentRangeToCheck","Math","max","isClosestToCursor","isWithinPercentageRange","valueToCheck","baseValue","percentage","push","duplicateValuesCount","get","set","seriesIndex","dataIndex","seriesName","type","formattedY","date","x","y","legacyCheckforNearbySeries","timeSeries","xAxis","xValueMilliSeconds","notBlur","escapeConnect","getNearbySeriesData","mousePos","pinnedPos","showAllSeries","cursorTargetMatchesChart","target","currentParent","parentElement","currentGrandparent","chartDom","getDom","plotCanvas","chartModel","yInterval","getComponent","axis","scale","_interval","getYBuffer","legacyGetNearbySeriesData","chartData","pointInPixel","containPixel","convertFromPixel","range","lowerBound","upperBound","yBufferMin","adjustedBuffer"],"mappings":"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"}

package/dist/TimeSeriesTooltip/tooltip-model.d.ts

@@ -75,6 +75,10 @@ export declare const useMousePosition: () => CursorData['coords'];
 export declare type TooltipConfig = {
     wrapLabels: boolean;
     hidden?: boolean;
+    enablePinning?: boolean;
 };
+export declare const DEFAULT_TOOLTIP_CONFIG: TooltipConfig;
+export declare const PIN_TOOLTIP_HELP_TEXT = "Click chart to pin";
+export declare const UNPIN_TOOLTIP_HELP_TEXT = "Click chart to unpin";
 export {};
 //# sourceMappingURL=tooltip-model.d.ts.map

package/dist/TimeSeriesTooltip/tooltip-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-model.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesTooltip/tooltip-model.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,wBAAwB,QAA0B,CAAC;AAChE,eAAO,MAAM,+BAA+B,OAAO,CAAC;AACpD,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,eAAO,MAAM,yBAAyB,qCAAqC,CAAC;AAC5E,eAAO,MAAM,6BAA6B,iDAAiD,CAAC;AAE5F,eAAO,MAAM,yBAAyB,YAAY,CAAC;AAEnD,eAAO,MAAM,mBAAmB,qBAQ9B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAa7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAG5B,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE;QACR,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,MAAM,EAAE,UAAU,CAAC;CACpB;AAED,aAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,cAAc,GAAG,gBAAgB,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG,UAAU,GAAG,iBAAiB,CAAC;AAE7D,eAAO,MAAM,gBAAgB,QAAO,UAAU,CAAC,QAAQ,CAoCtD,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
+{"version":3,"file":"tooltip-model.d.ts","sourceRoot":"","sources":["../../src/TimeSeriesTooltip/tooltip-model.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,wBAAwB,QAA0B,CAAC;AAChE,eAAO,MAAM,+BAA+B,OAAO,CAAC;AACpD,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,eAAO,MAAM,yBAAyB,qCAAqC,CAAC;AAC5E,eAAO,MAAM,6BAA6B,iDAAiD,CAAC;AAE5F,eAAO,MAAM,yBAAyB,YAAY,CAAC;AAEnD,eAAO,MAAM,mBAAmB,qBAQ9B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAa7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAG5B,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE;QACR,CAAC,CAAC,EAAE,MAAM,CAAC;QACX,CAAC,CAAC,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACxC,MAAM,EAAE,UAAU,CAAC;CACpB;AAED,aAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,cAAc,GAAG,gBAAgB,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG,UAAU,GAAG,iBAAiB,CAAC;AAE7D,eAAO,MAAM,gBAAgB,QAAO,UAAU,CAAC,QAAQ,CAoCtD,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAGpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,uBAAuB,CAAC;AAE1D,eAAO,MAAM,uBAAuB,yBAAyB,CAAC"}

package/dist/TimeSeriesTooltip/tooltip-model.js

@@ -82,5 +82,11 @@ export const useMousePosition = ()=>{
     }, []);
     return coords;
 };
+export const DEFAULT_TOOLTIP_CONFIG = {
+    wrapLabels: true,
+    enablePinning: true
+};
+export const PIN_TOOLTIP_HELP_TEXT = 'Click chart to pin';
+export const UNPIN_TOOLTIP_HELP_TEXT = 'Click chart to unpin';
 
 //# sourceMappingURL=tooltip-model.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTooltip/tooltip-model.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 { useEffect, useState } from 'react';\nimport { NearbySeriesArray } from './nearby-series';\n\nexport const TOOLTIP_MIN_WIDTH = 375;\nexport const TOOLTIP_MAX_WIDTH = 650;\nexport const TOOLTIP_MAX_HEIGHT = 650;\nexport const TOOLTIP_LABELS_MAX_WIDTH = TOOLTIP_MAX_WIDTH - 150;\nexport const TOOLTIP_ADJUST_Y_POS_MULTIPLIER = 0.75;\nexport const TOOLTIP_PADDING = 8;\n\nexport const FALLBACK_CHART_WIDTH = 750;\n\nexport const NEARBY_SERIES_DESCRIPTION = 'nearby series showing in tooltip';\nexport const EMPHASIZED_SERIES_DESCRIPTION = 'emphasized series showing as bold in tooltip';\n\nexport const TOOLTIP_BG_COLOR_FALLBACK = '#2E313E';\n\nexport const TOOLTIP_DATE_FORMAT = new Intl.DateTimeFormat(undefined, {\n  year: 'numeric',\n  month: 'short',\n  day: 'numeric',\n  hour: 'numeric',\n  minute: 'numeric',\n  second: 'numeric',\n  hour12: true,\n});\n\nexport const defaultCursorData = {\n  coords: {\n    plotCanvas: {\n      x: 0,\n      y: 0,\n    },\n    zrender: {\n      x: 0,\n      y: 0,\n    },\n    target: null,\n  },\n  chartWidth: 0,\n};\n\nexport const emptyTooltipData = {\n  cursor: defaultCursorData,\n  focusedSeries: null,\n};\n\nexport interface Coordinate {\n  x: number;\n  y: number;\n}\n\nexport interface CursorCoordinates {\n  page: Coordinate;\n  client: Coordinate;\n  plotCanvas: Coordinate;\n  zrender?: {\n    x?: number;\n    y?: number;\n  };\n  target: EventTarget | null;\n}\n\nexport interface CursorData {\n  coords: CursorCoordinates | null;\n  chartWidth?: number;\n}\n\nexport interface TooltipData {\n  focusedSeries: NearbySeriesArray | null;\n  cursor: CursorData;\n}\n\ntype ZREventProperties = {\n  zrX?: number;\n  zrY?: number;\n  zrDelta?: number;\n  zrEventControl?: 'no_globalout' | 'only_globalout';\n  zrByTouch?: boolean;\n};\n\nexport type ZRRawMouseEvent = MouseEvent & ZREventProperties;\n\nexport const useMousePosition = (): CursorData['coords'] => {\n  const [coords, setCoords] = useState<CursorData['coords']>(null);\n\n  useEffect(() => {\n    const setFromEvent = (e: ZRRawMouseEvent) => {\n      return setCoords({\n        page: {\n          x: e.pageX,\n          y: e.pageY,\n        },\n        client: {\n          x: e.clientX,\n          y: e.clientY,\n        },\n        plotCanvas: {\n          x: e.offsetX,\n          y: e.offsetY,\n        },\n        zrender: {\n          // echarts canvas coordinates added automatically by zrender\n          // zrX and zrY are similar to offsetX and offsetY but they return undefined when not hovering over a chart canvas\n          x: e.zrX,\n          y: e.zrY,\n        },\n        // necessary to check whether cursor target matches correct chart canvas (since each chart has its own mousemove listener)\n        target: e.target,\n      });\n    };\n    window.addEventListener('mousemove', setFromEvent);\n\n    return () => {\n      window.removeEventListener('mousemove', setFromEvent);\n    };\n  }, []);\n\n  return coords;\n};\n\nexport type TooltipConfig = {\n  wrapLabels: boolean;\n  hidden?: boolean;\n};\n"],"names":["useEffect","useState","TOOLTIP_MIN_WIDTH","TOOLTIP_MAX_WIDTH","TOOLTIP_MAX_HEIGHT","TOOLTIP_LABELS_MAX_WIDTH","TOOLTIP_ADJUST_Y_POS_MULTIPLIER","TOOLTIP_PADDING","FALLBACK_CHART_WIDTH","NEARBY_SERIES_DESCRIPTION","EMPHASIZED_SERIES_DESCRIPTION","TOOLTIP_BG_COLOR_FALLBACK","TOOLTIP_DATE_FORMAT","Intl","DateTimeFormat","undefined","year","month","day","hour","minute","second","hour12","defaultCursorData","coords","plotCanvas","x","y","zrender","target","chartWidth","emptyTooltipData","cursor","focusedSeries","useMousePosition","setCoords","setFromEvent","e","page","pageX","pageY","client","clientX","clientY","offsetX","offsetY","zrX","zrY","window","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"sources":["../../src/TimeSeriesTooltip/tooltip-model.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 { useEffect, useState } from 'react';\nimport { NearbySeriesArray } from './nearby-series';\n\nexport const TOOLTIP_MIN_WIDTH = 375;\nexport const TOOLTIP_MAX_WIDTH = 650;\nexport const TOOLTIP_MAX_HEIGHT = 650;\nexport const TOOLTIP_LABELS_MAX_WIDTH = TOOLTIP_MAX_WIDTH - 150;\nexport const TOOLTIP_ADJUST_Y_POS_MULTIPLIER = 0.75;\nexport const TOOLTIP_PADDING = 8;\n\nexport const FALLBACK_CHART_WIDTH = 750;\n\nexport const NEARBY_SERIES_DESCRIPTION = 'nearby series showing in tooltip';\nexport const EMPHASIZED_SERIES_DESCRIPTION = 'emphasized series showing as bold in tooltip';\n\nexport const TOOLTIP_BG_COLOR_FALLBACK = '#2E313E';\n\nexport const TOOLTIP_DATE_FORMAT = new Intl.DateTimeFormat(undefined, {\n  year: 'numeric',\n  month: 'short',\n  day: 'numeric',\n  hour: 'numeric',\n  minute: 'numeric',\n  second: 'numeric',\n  hour12: true,\n});\n\nexport const defaultCursorData = {\n  coords: {\n    plotCanvas: {\n      x: 0,\n      y: 0,\n    },\n    zrender: {\n      x: 0,\n      y: 0,\n    },\n    target: null,\n  },\n  chartWidth: 0,\n};\n\nexport const emptyTooltipData = {\n  cursor: defaultCursorData,\n  focusedSeries: null,\n};\n\nexport interface Coordinate {\n  x: number;\n  y: number;\n}\n\nexport interface CursorCoordinates {\n  page: Coordinate;\n  client: Coordinate;\n  plotCanvas: Coordinate;\n  zrender?: {\n    x?: number;\n    y?: number;\n  };\n  target: EventTarget | null;\n}\n\nexport interface CursorData {\n  coords: CursorCoordinates | null;\n  chartWidth?: number;\n}\n\nexport interface TooltipData {\n  focusedSeries: NearbySeriesArray | null;\n  cursor: CursorData;\n}\n\ntype ZREventProperties = {\n  zrX?: number;\n  zrY?: number;\n  zrDelta?: number;\n  zrEventControl?: 'no_globalout' | 'only_globalout';\n  zrByTouch?: boolean;\n};\n\nexport type ZRRawMouseEvent = MouseEvent & ZREventProperties;\n\nexport const useMousePosition = (): CursorData['coords'] => {\n  const [coords, setCoords] = useState<CursorData['coords']>(null);\n\n  useEffect(() => {\n    const setFromEvent = (e: ZRRawMouseEvent) => {\n      return setCoords({\n        page: {\n          x: e.pageX,\n          y: e.pageY,\n        },\n        client: {\n          x: e.clientX,\n          y: e.clientY,\n        },\n        plotCanvas: {\n          x: e.offsetX,\n          y: e.offsetY,\n        },\n        zrender: {\n          // echarts canvas coordinates added automatically by zrender\n          // zrX and zrY are similar to offsetX and offsetY but they return undefined when not hovering over a chart canvas\n          x: e.zrX,\n          y: e.zrY,\n        },\n        // necessary to check whether cursor target matches correct chart canvas (since each chart has its own mousemove listener)\n        target: e.target,\n      });\n    };\n    window.addEventListener('mousemove', setFromEvent);\n\n    return () => {\n      window.removeEventListener('mousemove', setFromEvent);\n    };\n  }, []);\n\n  return coords;\n};\n\nexport type TooltipConfig = {\n  wrapLabels: boolean;\n  hidden?: boolean;\n  enablePinning?: boolean;\n};\n\nexport const DEFAULT_TOOLTIP_CONFIG: TooltipConfig = {\n  wrapLabels: true,\n  enablePinning: true,\n};\n\nexport const PIN_TOOLTIP_HELP_TEXT = 'Click chart to pin';\n\nexport const UNPIN_TOOLTIP_HELP_TEXT = 'Click chart to unpin';\n"],"names":["useEffect","useState","TOOLTIP_MIN_WIDTH","TOOLTIP_MAX_WIDTH","TOOLTIP_MAX_HEIGHT","TOOLTIP_LABELS_MAX_WIDTH","TOOLTIP_ADJUST_Y_POS_MULTIPLIER","TOOLTIP_PADDING","FALLBACK_CHART_WIDTH","NEARBY_SERIES_DESCRIPTION","EMPHASIZED_SERIES_DESCRIPTION","TOOLTIP_BG_COLOR_FALLBACK","TOOLTIP_DATE_FORMAT","Intl","DateTimeFormat","undefined","year","month","day","hour","minute","second","hour12","defaultCursorData","coords","plotCanvas","x","y","zrender","target","chartWidth","emptyTooltipData","cursor","focusedSeries","useMousePosition","setCoords","setFromEvent","e","page","pageX","pageY","client","clientX","clientY","offsetX","offsetY","zrX","zrY","window","addEventListener","removeEventListener","DEFAULT_TOOLTIP_CONFIG","wrapLabels","enablePinning","PIN_TOOLTIP_HELP_TEXT","UNPIN_TOOLTIP_HELP_TEXT"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAG5C,OAAO,MAAMC,oBAAoB,IAAI;AACrC,OAAO,MAAMC,oBAAoB,IAAI;AACrC,OAAO,MAAMC,qBAAqB,IAAI;AACtC,OAAO,MAAMC,2BAA2BF,oBAAoB,IAAI;AAChE,OAAO,MAAMG,kCAAkC,KAAK;AACpD,OAAO,MAAMC,kBAAkB,EAAE;AAEjC,OAAO,MAAMC,uBAAuB,IAAI;AAExC,OAAO,MAAMC,4BAA4B,mCAAmC;AAC5E,OAAO,MAAMC,gCAAgC,+CAA+C;AAE5F,OAAO,MAAMC,4BAA4B,UAAU;AAEnD,OAAO,MAAMC,sBAAsB,IAAIC,KAAKC,eAAeC,WAAW;IACpEC,MAAM;IACNC,OAAO;IACPC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;AACV,GAAG;AAEH,OAAO,MAAMC,oBAAoB;IAC/BC,QAAQ;QACNC,YAAY;YACVC,GAAG;YACHC,GAAG;QACL;QACAC,SAAS;YACPF,GAAG;YACHC,GAAG;QACL;QACAE,QAAQ;IACV;IACAC,YAAY;AACd,EAAE;AAEF,OAAO,MAAMC,mBAAmB;IAC9BC,QAAQT;IACRU,eAAe;AACjB,EAAE;AAsCF,OAAO,MAAMC,mBAAmB;IAC9B,MAAM,CAACV,QAAQW,UAAU,GAAGlC,SAA+B;IAE3DD,UAAU;QACR,MAAMoC,eAAe,CAACC;YACpB,OAAOF,UAAU;gBACfG,MAAM;oBACJZ,GAAGW,EAAEE;oBACLZ,GAAGU,EAAEG;gBACP;gBACAC,QAAQ;oBACNf,GAAGW,EAAEK;oBACLf,GAAGU,EAAEM;gBACP;gBACAlB,YAAY;oBACVC,GAAGW,EAAEO;oBACLjB,GAAGU,EAAEQ;gBACP;gBACAjB,SAAS;oBACP,4DAA4D;oBAC5D,iHAAiH;oBACjHF,GAAGW,EAAES;oBACLnB,GAAGU,EAAEU;gBACP;gBACA,0HAA0H;gBAC1HlB,QAAQQ,EAAER;YACZ;QACF;QACAmB,OAAOC,iBAAiB,aAAab;QAErC,OAAO;YACLY,OAAOE,oBAAoB,aAAad;QAC1C;IACF,GAAG,EAAE;IAEL,OAAOZ;AACT,EAAE;AAQF,OAAO,MAAM2B,yBAAwC;IACnDC,YAAY;IACZC,eAAe;AACjB,EAAE;AAEF,OAAO,MAAMC,wBAAwB,qBAAqB;AAE1D,OAAO,MAAMC,0BAA0B,uBAAuB"}

package/dist/TimeSeriesTooltip/utils.js

@@ -53,9 +53,9 @@ import { TOOLTIP_MAX_WIDTH, TOOLTIP_MAX_HEIGHT, TOOLTIP_MIN_WIDTH, TOOLTIP_ADJUS
 /**
  * Helper for tooltip positioning styles
  */ export function getTooltipStyles(theme, pinnedPos, maxHeight) {
-    var ref;
+    var _theme_palette_designSystem;
     const adjustedMaxHeight = maxHeight ? maxHeight - TOOLTIP_PADDING : undefined;
-    var ref1;
+    var _theme_palette_designSystem_grey_;
     return {
         minWidth: TOOLTIP_MIN_WIDTH,
         maxWidth: TOOLTIP_MAX_WIDTH,
@@ -64,7 +64,7 @@ import { TOOLTIP_MAX_WIDTH, TOOLTIP_MAX_HEIGHT, TOOLTIP_MIN_WIDTH, TOOLTIP_ADJUS
         position: 'absolute',
         top: 0,
         left: 0,
-        backgroundColor: (ref1 = (ref = theme.palette.designSystem) === null || ref === void 0 ? void 0 : ref.grey[800]) !== null && ref1 !== void 0 ? ref1 : TOOLTIP_BG_COLOR_FALLBACK,
+        backgroundColor: (_theme_palette_designSystem_grey_ = (_theme_palette_designSystem = theme.palette.designSystem) === null || _theme_palette_designSystem === void 0 ? void 0 : _theme_palette_designSystem.grey[800]) !== null && _theme_palette_designSystem_grey_ !== void 0 ? _theme_palette_designSystem_grey_ : TOOLTIP_BG_COLOR_FALLBACK,
         borderRadius: '6px',
         color: '#fff',
         fontSize: '11px',

package/dist/TimeSeriesTooltip/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/TimeSeriesTooltip/utils.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 { Theme } from '@mui/material';\nimport {\n  CursorCoordinates,\n  CursorData,\n  TOOLTIP_MAX_WIDTH,\n  TOOLTIP_MAX_HEIGHT,\n  TOOLTIP_MIN_WIDTH,\n  TOOLTIP_ADJUST_Y_POS_MULTIPLIER,\n  TOOLTIP_BG_COLOR_FALLBACK,\n  TOOLTIP_PADDING,\n} from './tooltip-model';\n\n/**\n * Determine position of tooltip depending on chart dimensions and the number of focused series\n */\nexport function assembleTransform(\n  mousePos: CursorData['coords'],\n  chartWidth: number,\n  pinnedPos: CursorCoordinates | null,\n  tooltipHeight: number,\n  tooltipWidth: number,\n  containerElement?: Element | null\n) {\n  if (mousePos === null) {\n    return 'translate3d(0, 0)';\n  }\n\n  const cursorPaddingX = 32;\n  const cursorPaddingY = 16;\n\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n  }\n\n  // By default, tooltip is located in a Portal attached to the body.\n  // Using page coordinates instead of viewport ensures the tooltip is\n  // absolutely positioned correctly as the user scrolls\n  let x = mousePos.page.x;\n  let y = mousePos.page.y + cursorPaddingY;\n\n  // If containerElement is defined, tooltip is attached to the containerElement instead.\n  let containerRect;\n  if (containerElement) {\n    // get the container's position relative to viewport\n    containerRect = containerElement.getBoundingClientRect();\n    // calculate the mouse position relative to container\n    x = x - containerRect.left + containerElement.scrollLeft;\n    y = y - containerRect.top + containerElement.scrollTop;\n  }\n\n  if (mousePos.client.y + tooltipHeight + cursorPaddingY > window.innerHeight) {\n    // adjust so tooltip does not get cut off at bottom of chart\n    // multiplier ensures tooltip isn't overly adjusted and gets cut off at the top of the viewport\n    y = y - tooltipHeight * TOOLTIP_ADJUST_Y_POS_MULTIPLIER;\n\n    // If y is now above of the top of containerElement, set y close to 0 so tooltip does not get cut off\n    if (containerRect && y < containerRect.top) {\n      y = TOOLTIP_PADDING / 2; // leaves room for some padding around tooltip\n    }\n  }\n\n  // use tooltip width to determine when to repos from right to left\n  const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;\n\n  // reposition so tooltip is never too close to right side of chart or left side of browser window\n  return mousePos.plotCanvas.x > xPosAdjustThreshold && x > TOOLTIP_MAX_WIDTH\n    ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)`\n    : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;\n}\n\n/**\n * Helper for tooltip positioning styles\n */\nexport function getTooltipStyles(theme: Theme, pinnedPos: CursorCoordinates | null, maxHeight?: number) {\n  const adjustedMaxHeight = maxHeight ? maxHeight - TOOLTIP_PADDING : undefined;\n  return {\n    minWidth: TOOLTIP_MIN_WIDTH,\n    maxWidth: TOOLTIP_MAX_WIDTH,\n    maxHeight: adjustedMaxHeight ?? TOOLTIP_MAX_HEIGHT,\n    padding: 0,\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: theme.palette.designSystem?.grey[800] ?? TOOLTIP_BG_COLOR_FALLBACK,\n    borderRadius: '6px',\n    color: '#fff',\n    fontSize: '11px',\n    visibility: 'visible',\n    opacity: 1,\n    transition: 'all 0.1s ease-out',\n    // Ensure pinned tooltip shows behind edit panel drawer and sticky header\n    zIndex: pinnedPos !== null ? 'auto' : theme.zIndex.tooltip,\n    overflow: 'hidden',\n    '&:hover': {\n      overflowY: 'auto',\n    },\n  };\n}\n"],"names":["TOOLTIP_MAX_WIDTH","TOOLTIP_MAX_HEIGHT","TOOLTIP_MIN_WIDTH","TOOLTIP_ADJUST_Y_POS_MULTIPLIER","TOOLTIP_BG_COLOR_FALLBACK","TOOLTIP_PADDING","assembleTransform","mousePos","chartWidth","pinnedPos","tooltipHeight","tooltipWidth","containerElement","cursorPaddingX","cursorPaddingY","x","page","y","containerRect","getBoundingClientRect","left","scrollLeft","top","scrollTop","client","window","innerHeight","xPosAdjustThreshold","plotCanvas","getTooltipStyles","theme","maxHeight","adjustedMaxHeight","undefined","minWidth","maxWidth","padding","position","backgroundColor","palette","designSystem","grey","borderRadius","color","fontSize","visibility","opacity","transition","zIndex","tooltip","overflow","overflowY"],"mappings":"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"}
+{"version":3,"sources":["../../src/TimeSeriesTooltip/utils.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 { Theme } from '@mui/material';\nimport {\n  CursorCoordinates,\n  CursorData,\n  TOOLTIP_MAX_WIDTH,\n  TOOLTIP_MAX_HEIGHT,\n  TOOLTIP_MIN_WIDTH,\n  TOOLTIP_ADJUST_Y_POS_MULTIPLIER,\n  TOOLTIP_BG_COLOR_FALLBACK,\n  TOOLTIP_PADDING,\n} from './tooltip-model';\n\n/**\n * Determine position of tooltip depending on chart dimensions and the number of focused series\n */\nexport function assembleTransform(\n  mousePos: CursorData['coords'],\n  chartWidth: number,\n  pinnedPos: CursorCoordinates | null,\n  tooltipHeight: number,\n  tooltipWidth: number,\n  containerElement?: Element | null\n) {\n  if (mousePos === null) {\n    return 'translate3d(0, 0)';\n  }\n\n  const cursorPaddingX = 32;\n  const cursorPaddingY = 16;\n\n  if (pinnedPos !== null) {\n    mousePos = pinnedPos;\n  }\n\n  // By default, tooltip is located in a Portal attached to the body.\n  // Using page coordinates instead of viewport ensures the tooltip is\n  // absolutely positioned correctly as the user scrolls\n  let x = mousePos.page.x;\n  let y = mousePos.page.y + cursorPaddingY;\n\n  // If containerElement is defined, tooltip is attached to the containerElement instead.\n  let containerRect;\n  if (containerElement) {\n    // get the container's position relative to viewport\n    containerRect = containerElement.getBoundingClientRect();\n    // calculate the mouse position relative to container\n    x = x - containerRect.left + containerElement.scrollLeft;\n    y = y - containerRect.top + containerElement.scrollTop;\n  }\n\n  if (mousePos.client.y + tooltipHeight + cursorPaddingY > window.innerHeight) {\n    // adjust so tooltip does not get cut off at bottom of chart\n    // multiplier ensures tooltip isn't overly adjusted and gets cut off at the top of the viewport\n    y = y - tooltipHeight * TOOLTIP_ADJUST_Y_POS_MULTIPLIER;\n\n    // If y is now above of the top of containerElement, set y close to 0 so tooltip does not get cut off\n    if (containerRect && y < containerRect.top) {\n      y = TOOLTIP_PADDING / 2; // leaves room for some padding around tooltip\n    }\n  }\n\n  // use tooltip width to determine when to repos from right to left\n  const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;\n\n  // reposition so tooltip is never too close to right side of chart or left side of browser window\n  return mousePos.plotCanvas.x > xPosAdjustThreshold && x > TOOLTIP_MAX_WIDTH\n    ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)`\n    : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;\n}\n\n/**\n * Helper for tooltip positioning styles\n */\nexport function getTooltipStyles(theme: Theme, pinnedPos: CursorCoordinates | null, maxHeight?: number) {\n  const adjustedMaxHeight = maxHeight ? maxHeight - TOOLTIP_PADDING : undefined;\n  return {\n    minWidth: TOOLTIP_MIN_WIDTH,\n    maxWidth: TOOLTIP_MAX_WIDTH,\n    maxHeight: adjustedMaxHeight ?? TOOLTIP_MAX_HEIGHT,\n    padding: 0,\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    backgroundColor: theme.palette.designSystem?.grey[800] ?? TOOLTIP_BG_COLOR_FALLBACK,\n    borderRadius: '6px',\n    color: '#fff',\n    fontSize: '11px',\n    visibility: 'visible',\n    opacity: 1,\n    transition: 'all 0.1s ease-out',\n    // Ensure pinned tooltip shows behind edit panel drawer and sticky header\n    zIndex: pinnedPos !== null ? 'auto' : theme.zIndex.tooltip,\n    overflow: 'hidden',\n    '&:hover': {\n      overflowY: 'auto',\n    },\n  };\n}\n"],"names":["TOOLTIP_MAX_WIDTH","TOOLTIP_MAX_HEIGHT","TOOLTIP_MIN_WIDTH","TOOLTIP_ADJUST_Y_POS_MULTIPLIER","TOOLTIP_BG_COLOR_FALLBACK","TOOLTIP_PADDING","assembleTransform","mousePos","chartWidth","pinnedPos","tooltipHeight","tooltipWidth","containerElement","cursorPaddingX","cursorPaddingY","x","page","y","containerRect","getBoundingClientRect","left","scrollLeft","top","scrollTop","client","window","innerHeight","xPosAdjustThreshold","plotCanvas","getTooltipStyles","theme","maxHeight","adjustedMaxHeight","undefined","minWidth","maxWidth","padding","position","backgroundColor","palette","designSystem","grey","borderRadius","color","fontSize","visibility","opacity","transition","zIndex","tooltip","overflow","overflowY"],"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;AAGjC,SAGEA,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,+BAA+B,EAC/BC,yBAAyB,EACzBC,eAAe,QACV,kBAAkB;AAEzB;;CAEC,GACD,OAAO,SAASC,kBACdC,QAA8B,EAC9BC,UAAkB,EAClBC,SAAmC,EACnCC,aAAqB,EACrBC,YAAoB,EACpBC,gBAAiC;IAEjC,IAAIL,aAAa,MAAM;QACrB,OAAO;IACT;IAEA,MAAMM,iBAAiB;IACvB,MAAMC,iBAAiB;IAEvB,IAAIL,cAAc,MAAM;QACtBF,WAAWE;IACb;IAEA,mEAAmE;IACnE,oEAAoE;IACpE,sDAAsD;IACtD,IAAIM,IAAIR,SAASS,KAAKD;IACtB,IAAIE,IAAIV,SAASS,KAAKC,IAAIH;IAE1B,uFAAuF;IACvF,IAAII;IACJ,IAAIN,kBAAkB;QACpB,oDAAoD;QACpDM,gBAAgBN,iBAAiBO;QACjC,qDAAqD;QACrDJ,IAAIA,IAAIG,cAAcE,OAAOR,iBAAiBS;QAC9CJ,IAAIA,IAAIC,cAAcI,MAAMV,iBAAiBW;IAC/C;IAEA,IAAIhB,SAASiB,OAAOP,IAAIP,gBAAgBI,iBAAiBW,OAAOC,aAAa;QAC3E,4DAA4D;QAC5D,+FAA+F;QAC/FT,IAAIA,IAAIP,gBAAgBP;QAExB,qGAAqG;QACrG,IAAIe,iBAAiBD,IAAIC,cAAcI,KAAK;YAC1CL,IAAIZ,kBAAkB,GAAG,8CAA8C;QACzE;IACF;IAEA,kEAAkE;IAClE,MAAMsB,sBAAsBnB,aAAaG,eAAe;IAExD,iGAAiG;IACjG,OAAOJ,SAASqB,WAAWb,IAAIY,uBAAuBZ,IAAIf,oBACtD,CAAC,YAAY,EAAEe,IAAIF,eAAe,IAAI,EAAEI,EAAE,wBAAwB,CAAC,GACnE,CAAC,YAAY,EAAEF,IAAIF,eAAe,IAAI,EAAEI,EAAE,MAAM,CAAC;AACvD;AAEA;;CAEC,GACD,OAAO,SAASY,iBAAiBC,KAAY,EAAErB,SAAmC,EAAEsB,SAAkB;QAUjFD;IATnB,MAAME,oBAAoBD,YAAYA,YAAY1B,kBAAkB4B;QASjDH;IARnB,OAAO;QACLI,UAAUhC;QACViC,UAAUnC;QACV+B,WAAWC,8BAAAA,+BAAAA,oBAAqB/B;QAChCmC,SAAS;QACTC,UAAU;QACVf,KAAK;QACLF,MAAM;QACNkB,iBAAiBR,CAAAA,oCAAAA,CAAAA,8BAAAA,MAAMS,QAAQC,0BAAdV,yCAAAA,KAAAA,IAAAA,4BAA4BW,IAAI,CAAC,IAAI,cAArCX,+CAAAA,oCAAyC1B;QAC1DsC,cAAc;QACdC,OAAO;QACPC,UAAU;QACVC,YAAY;QACZC,SAAS;QACTC,YAAY;QACZ,yEAAyE;QACzEC,QAAQvC,cAAc,OAAO,SAASqB,MAAMkB,OAAOC;QACnDC,UAAU;QACV,WAAW;YACTC,WAAW;QACb;IACF;AACF"}

package/dist/YAxisLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/YAxisLabel.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Typography } from '@mui/material';\n\ninterface YAxisLabelProps {\n  name: string;\n  height: number;\n}\n\nexport function YAxisLabel({ name, height }: YAxisLabelProps) {\n  return (\n    <Box\n      sx={{\n        display: 'inline-block',\n        maxWidth: height, // allows rotated text to truncate instead of causing overlap\n        position: 'absolute',\n        top: `calc(${height}px / 2)`,\n        transform: 'translateX(-50%) rotate(-90deg)',\n        transformOrigin: 'top',\n        textAlign: 'center',\n        zIndex: 1,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        aria-label=\"y axis label\"\n        sx={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n"],"names":["Box","Typography","YAxisLabel","name","height","sx","display","maxWidth","position","top","transform","transformOrigin","textAlign","zIndex","variant","aria-label","whiteSpace","overflow","textOverflow"],"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;AAAA,SAASA,GAAG,EAAEC,UAAU,QAAQ,eAAe,CAAC;AAOhD,OAAO,SAASC,UAAU,CAAC,EAAEC,IAAI,CAAA,EAAEC,MAAM,CAAA,EAAmB,EAAE;IAC5D,qBACE,KAACJ,GAAG;QACFK,EAAE,EAAE;YACFC,OAAO,EAAE,cAAc;YACvBC,QAAQ,EAAEH,MAAM;YAChBI,QAAQ,EAAE,UAAU;YACpBC,GAAG,EAAE,CAAC,KAAK,EAAEL,MAAM,CAAC,OAAO,CAAC;YAC5BM,SAAS,EAAE,iCAAiC;YAC5CC,eAAe,EAAE,KAAK;YACtBC,SAAS,EAAE,QAAQ;YACnBC,MAAM,EAAE,CAAC;SACV;kBAED,cAAA,KAACZ,UAAU;YACTa,OAAO,EAAC,OAAO;YACfC,YAAU,EAAC,cAAc;YACzBV,EAAE,EAAE;gBACFW,UAAU,EAAE,QAAQ;gBACpBC,QAAQ,EAAE,QAAQ;gBAClBC,YAAY,EAAE,UAAU;aACzB;sBAEAf,IAAI;UACM;MACT,CACN;AACJ,CAAC"}
+{"version":3,"sources":["../src/YAxisLabel.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Typography } from '@mui/material';\n\ninterface YAxisLabelProps {\n  name: string;\n  height: number;\n}\n\nexport function YAxisLabel({ name, height }: YAxisLabelProps) {\n  return (\n    <Box\n      sx={{\n        display: 'inline-block',\n        maxWidth: height, // allows rotated text to truncate instead of causing overlap\n        position: 'absolute',\n        top: `calc(${height}px / 2)`,\n        transform: 'translateX(-50%) rotate(-90deg)',\n        transformOrigin: 'top',\n        textAlign: 'center',\n        zIndex: 1,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        aria-label=\"y axis label\"\n        sx={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n"],"names":["Box","Typography","YAxisLabel","name","height","sx","display","maxWidth","position","top","transform","transformOrigin","textAlign","zIndex","variant","aria-label","whiteSpace","overflow","textOverflow"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,GAAG,EAAEC,UAAU,QAAQ,gBAAgB;AAOhD,OAAO,SAASC,WAAW,EAAEC,KAAI,EAAEC,OAAM,EAAmB;IAC1D,qBACE,KAACJ;QACCK,IAAI;YACFC,SAAS;YACTC,UAAUH;YACVI,UAAU;YACVC,KAAK,CAAC,KAAK,EAAEL,OAAO,OAAO,CAAC;YAC5BM,WAAW;YACXC,iBAAiB;YACjBC,WAAW;YACXC,QAAQ;QACV;kBAEA,cAAA,KAACZ;YACCa,SAAQ;YACRC,cAAW;YACXV,IAAI;gBACFW,YAAY;gBACZC,UAAU;gBACVC,cAAc;YAChB;sBAECf;;;AAIT"}

package/dist/cjs/BarChart/BarChart.js

@@ -16,9 +16,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "BarChart", {
     enumerable: true,
-    get: ()=>BarChart
+    get: function() {
+        return BarChart;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _core = require("@perses-dev/core");
 const _core1 = require("echarts/core");
@@ -26,8 +28,9 @@ const _charts = require("echarts/charts");
 const _components = require("echarts/components");
 const _renderers = require("echarts/renderers");
 const _material = require("@mui/material");
-const _chartsThemeProvider = require("../context/ChartsThemeProvider");
-const _echart = require("../EChart");
+const _ChartsProvider = require("../context/ChartsProvider");
+const _EChart = require("../EChart");
+const _utils = require("../utils");
 (0, _core1.use)([
     _charts.BarChart,
     _components.GridComponent,
@@ -39,12 +42,12 @@ const _echart = require("../EChart");
 const BAR_WIN_WIDTH = 14;
 const BAR_GAP = 6;
 function BarChart(props) {
-    const { width , height , data , unit ={
-        kind: 'Decimal'
+    const { width , height , data , format ={
+        unit: 'decimal'
     } , mode ='value'  } = props;
-    const chartsTheme = (0, _chartsThemeProvider.useChartsTheme)();
+    const chartsTheme = (0, _ChartsProvider.useChartsTheme)();
     const option = (0, _react.useMemo)(()=>{
-        if (data == null) return chartsTheme.noDataOption;
+        if (data == null || !data.length) return chartsTheme.noDataOption;
         const source = [];
         data.map((d)=>{
             source.push([
@@ -65,7 +68,7 @@ function BarChart(props) {
                     source: source
                 }
             ],
-            xAxis: {},
+            xAxis: (0, _utils.getFormattedAxis)({}, format),
             yAxis: {
                 type: 'category',
                 splitLine: {
@@ -84,11 +87,11 @@ function BarChart(props) {
                     formatter: (params)=>{
                         if (mode === 'percentage') {
                             return params.data[1] && (0, _core.formatValue)(params.data[1], {
-                                kind: 'Percent',
-                                decimal_places: unit.decimal_places
+                                unit: 'percent',
+                                decimalPlaces: format.decimalPlaces
                             });
                         }
-                        return params.data[1] && (0, _core.formatValue)(params.data[1], unit);
+                        return params.data[1] && (0, _core.formatValue)(params.data[1], format);
                     },
                     barMinWidth: BAR_WIN_WIDTH,
                     barCategoryGap: BAR_GAP
@@ -101,7 +104,12 @@ function BarChart(props) {
             tooltip: {
                 appendToBody: true,
                 confine: true,
-                formatter: (params)=>params.data[1] && `<b>${params.name}</b> &emsp; ${(0, _core.formatValue)(params.data[1], unit)}`
+                formatter: (params)=>params.data[1] && `<b>${params.name}</b> &emsp; ${(0, _core.formatValue)(params.data[1], format)}`
+            },
+            // increase distance between grid and container to prevent y axis labels from getting cut off
+            grid: {
+                left: '5%',
+                right: '5%'
             }
         };
     }, [
@@ -109,15 +117,15 @@ function BarChart(props) {
         chartsTheme,
         width,
         mode,
-        unit
+        format
     ]);
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
         sx: {
             width: width,
             height: height,
             overflow: 'auto'
         },
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_echart.EChart, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_EChart.EChart, {
             sx: {
                 minHeight: height,
                 height: data ? data.length * (BAR_WIN_WIDTH + BAR_GAP) : '100%'

package/dist/cjs/BarChart/index.js

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./BarChart"), exports);
-function _exportStar(from, to) {
+_export_star(require("./BarChart"), exports);
+function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
-            enumerable: true,
-            get: function() {
-                return from[k];
-            }
-        });
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
     });
     return from;
 }