@perses-dev/components 0.37.2 → 0.39.0

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

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

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

@@ -34,7 +34,10 @@ _export(exports, {
     TOOLTIP_DATE_FORMAT: ()=>TOOLTIP_DATE_FORMAT,
     defaultCursorData: ()=>defaultCursorData,
     emptyTooltipData: ()=>emptyTooltipData,
-    useMousePosition: ()=>useMousePosition
+    useMousePosition: ()=>useMousePosition,
+    DEFAULT_TOOLTIP_CONFIG: ()=>DEFAULT_TOOLTIP_CONFIG,
+    PIN_TOOLTIP_HELP_TEXT: ()=>PIN_TOOLTIP_HELP_TEXT,
+    UNPIN_TOOLTIP_HELP_TEXT: ()=>UNPIN_TOOLTIP_HELP_TEXT
 });
 const _react = require("react");
 const TOOLTIP_MIN_WIDTH = 375;
@@ -108,3 +111,9 @@ const useMousePosition = ()=>{
     }, []);
     return coords;
 };
+const DEFAULT_TOOLTIP_CONFIG = {
+    wrapLabels: true,
+    enablePinning: true
+};
+const PIN_TOOLTIP_HELP_TEXT = 'Click chart to pin';
+const UNPIN_TOOLTIP_HELP_TEXT = 'Click chart to unpin';

package/dist/cjs/UnitSelector/UnitSelector.js

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

package/dist/cjs/context/{ChartsThemeProvider.js → ChartsProvider.js}

@@ -21,8 +21,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ChartsThemeProvider: ()=>ChartsThemeProvider,
+    ChartsProvider: ()=>ChartsProvider,
     ChartsThemeContext: ()=>ChartsThemeContext,
+    useChartsContext: ()=>useChartsContext,
     useChartsTheme: ()=>useChartsTheme
 });
 const _jsxRuntime = require("react/jsx-runtime");
@@ -66,18 +67,36 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function ChartsThemeProvider(props) {
-    const { children , chartsTheme  } = props;
+function ChartsProvider(props) {
+    const { children , chartsTheme , enablePinning =false  } = props;
+    const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = (0, _react.useState)(null);
+    const ctx = (0, _react.useMemo)(()=>{
+        return {
+            chartsTheme,
+            enablePinning,
+            lastTooltipPinnedCoords,
+            setLastTooltipPinnedCoords
+        };
+    }, [
+        chartsTheme,
+        enablePinning,
+        lastTooltipPinnedCoords,
+        setLastTooltipPinnedCoords
+    ]);
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(ChartsThemeContext.Provider, {
-        value: chartsTheme,
+        value: ctx,
         children: children
     });
 }
 const ChartsThemeContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
-function useChartsTheme() {
+function useChartsContext() {
     const ctx = (0, _react.useContext)(ChartsThemeContext);
     if (ctx === undefined) {
         throw new Error('No ChartsThemeContext found. Did you forget a Provider?');
     }
     return ctx;
 }
+function useChartsTheme() {
+    const ctx = useChartsContext();
+    return ctx.chartsTheme;
+}

package/dist/cjs/context/index.js

@@ -0,0 +1,30 @@
+// 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
+});
+_exportStar(require("./ChartsProvider"), exports);
+_exportStar(require("./SnackbarProvider"), exports);
+_exportStar(require("./TimeZoneProvider"), exports);
+function _exportStar(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];
+            }
+        });
+    });
+    return from;
+}

package/dist/cjs/index.js

@@ -14,6 +14,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+_exportStar(require("./BarChart"), exports);
 _exportStar(require("./ColorPicker"), exports);
 _exportStar(require("./ContentWithLegend"), exports);
 _exportStar(require("./DateTimeRangePicker"), exports);
@@ -28,8 +29,10 @@ _exportStar(require("./InfoTooltip"), exports);
 _exportStar(require("./JSONEditor"), exports);
 _exportStar(require("./Legend"), exports);
 _exportStar(require("./LineChart"), exports);
+_exportStar(require("./ModeSelector"), exports);
 _exportStar(require("./OptionsEditorLayout"), exports);
 _exportStar(require("./SettingsAutocomplete"), exports);
+_exportStar(require("./SortSelector"), exports);
 _exportStar(require("./StatChart"), exports);
 _exportStar(require("./Table"), exports);
 _exportStar(require("./ThresholdsEditor"), exports);
@@ -37,9 +40,7 @@ _exportStar(require("./TimeChart"), exports);
 _exportStar(require("./TimeSeriesTooltip"), exports);
 _exportStar(require("./UnitSelector"), exports);
 _exportStar(require("./YAxisLabel"), exports);
-_exportStar(require("./context/ChartsThemeProvider"), exports);
-_exportStar(require("./context/TimeZoneProvider"), exports);
-_exportStar(require("./context/SnackbarProvider"), exports);
+_exportStar(require("./context"), exports);
 _exportStar(require("./utils"), exports);
 _exportStar(require("./model"), exports);
 _exportStar(require("./test-utils"), exports);

package/dist/cjs/model/graph.js

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

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

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

package/dist/cjs/utils/axis.js

@@ -21,7 +21,7 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getYAxes: ()=>getYAxes,
+    getFormattedAxis: ()=>getFormattedAxis,
     getDateRange: ()=>getDateRange
 });
 const _merge = /*#__PURE__*/ _interopRequireDefault(require("lodash/merge"));
@@ -31,9 +31,9 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-function getYAxes(yAxis, unit) {
+function getFormattedAxis(axis, unit) {
     // TODO: support alternate yAxis that shows on right side
-    const Y_AXIS_DEFAULT = {
+    const AXIS_DEFAULT = {
         type: 'value',
         boundaryGap: [
             0,
@@ -46,7 +46,7 @@ function getYAxes(yAxis, unit) {
         }
     };
     return [
-        (0, _merge.default)(Y_AXIS_DEFAULT, yAxis)
+        (0, _merge.default)(AXIS_DEFAULT, axis)
     ];
 }
 function getDateRange(data) {