@perses-dev/components 0.8.0 → 0.9.0

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

@@ -1,5 +1,4 @@
-"use strict";
-// Copyright 2021 The Perses Authors
+// Copyright 2022 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
@@ -11,38 +10,49 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFocusedSeriesData = exports.getNearbySeries = void 0;
-const tooltip_model_1 = require("./tooltip-model");
-/**
- * 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
- */
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getNearbySeries: ()=>getNearbySeries,
+    getFocusedSeriesData: ()=>getFocusedSeriesData
+});
+const _tooltipModel = require("./tooltip-model");
 function getNearbySeries(data, pointInGrid, yBuffer) {
-    var _a, _b, _c, _d, _e;
     const currentFocusedData = [];
-    const focusedX = (_a = pointInGrid[0]) !== null && _a !== void 0 ? _a : null;
-    const focusedY = (_b = pointInGrid[1]) !== null && _b !== void 0 ? _b : null;
+    var ref;
+    const focusedX = (ref = pointInGrid[0]) !== null && ref !== void 0 ? ref : null;
+    var ref1;
+    const focusedY = (ref1 = pointInGrid[1]) !== null && ref1 !== void 0 ? ref1 : null;
     if (focusedX === null || focusedY === null) {
         return currentFocusedData;
     }
     if (Array.isArray(data.xAxis) && Array.isArray(data.timeSeries)) {
-        for (let seriesIdx = 0; seriesIdx < data.timeSeries.length; seriesIdx++) {
+        for(let seriesIdx = 0; seriesIdx < data.timeSeries.length; seriesIdx++){
             const currentSeries = data.timeSeries[seriesIdx];
-            if (currentFocusedData.length >= tooltip_model_1.TOOLTIP_MAX_ITEMS)
-                break;
+            if (currentFocusedData.length >= _tooltipModel.TOOLTIP_MAX_ITEMS) break;
             if (currentSeries !== undefined) {
                 const currentSeriesName = currentSeries.name ? currentSeries.name.toString() : '';
-                const markerColor = (_c = currentSeries.color) !== null && _c !== void 0 ? _c : '#000';
+                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++) {
-                        const xValue = (_d = data.xAxis[datumIdx]) !== null && _d !== void 0 ? _d : 0;
-                        const yValue = (_e = currentSeries.data[datumIdx]) !== null && _e !== void 0 ? _e : 0;
+                    for(let datumIdx = 0; datumIdx < currentSeries.data.length; datumIdx++){
+                        var _datumIdx;
+                        const xValue = (_datumIdx = data.xAxis[datumIdx]) !== null && _datumIdx !== void 0 ? _datumIdx : 0;
+                        var _datumIdx1;
+                        const yValue = (_datumIdx1 = currentSeries.data[datumIdx]) !== null && _datumIdx1 !== void 0 ? _datumIdx1 : 0;
                         if (focusedX === datumIdx) {
                             if (yValue !== '-' && focusedY <= yValue + yBuffer && focusedY >= yValue - yBuffer) {
                                 // determine whether to convert timestamp to ms, see: https://stackoverflow.com/a/23982005/17575201
                                 const xValueMilliSeconds = xValue > 99999999999 ? xValue : xValue * 1000;
-                                const formattedDate = tooltip_model_1.TOOLTIP_DATE_FORMAT.format(xValueMilliSeconds);
+                                const formattedDate = _tooltipModel.TOOLTIP_DATE_FORMAT.format(xValueMilliSeconds);
                                 currentFocusedData.push({
                                     seriesIdx: seriesIdx,
                                     datumIdx: datumIdx,
@@ -50,7 +60,7 @@ function getNearbySeries(data, pointInGrid, yBuffer) {
                                     date: formattedDate,
                                     x: xValue,
                                     y: yValue,
-                                    markerColor: markerColor.toString(),
+                                    markerColor: markerColor.toString()
                                 });
                             }
                         }
@@ -61,15 +71,8 @@ function getNearbySeries(data, pointInGrid, yBuffer) {
     }
     return currentFocusedData;
 }
-exports.getNearbySeries = getNearbySeries;
-/**
- * Uses mouse position to determine whether user is hovering over a chart canvas
- * If yes, convert from pixel values to logical cartesian coordinates and return all focused series
- */
 function getFocusedSeriesData(mousePos, chartData, pinnedPos, chart) {
-    var _a, _b;
-    if (chart === undefined || mousePos === null)
-        return [];
+    if (chart === undefined || mousePos === null) return [];
     // prevents multiple tooltips showing from adjacent charts
     let cursorTargetMatchesChart = false;
     if (mousePos.target !== null) {
@@ -89,16 +92,18 @@ function getFocusedSeriesData(mousePos, chartData, pinnedPos, chart) {
         mousePos = pinnedPos;
         cursorTargetMatchesChart = true;
     }
-    if (cursorTargetMatchesChart === false)
-        return [];
-    if (chart['_model'] === undefined)
-        return [];
+    if (cursorTargetMatchesChart === false) return [];
+    if (chart['_model'] === undefined) return [];
     const chartModel = chart['_model'];
     const yAxisInterval = chartModel.getComponent('yAxis').axis.scale._interval;
     const seriesNum = chartData.timeSeries.length;
     // tooltip trigger area gets smaller with more series
-    const yBuffer = seriesNum > tooltip_model_1.TOOLTIP_MAX_ITEMS ? yAxisInterval * 0.5 : yAxisInterval * 2;
-    const pointInPixel = [(_a = mousePos.plotCanvas.x) !== null && _a !== void 0 ? _a : 0, (_b = mousePos.plotCanvas.y) !== null && _b !== void 0 ? _b : 0];
+    const yBuffer = seriesNum > _tooltipModel.TOOLTIP_MAX_ITEMS ? yAxisInterval * 0.5 : yAxisInterval * 2;
+    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) {
@@ -107,4 +112,3 @@ function getFocusedSeriesData(mousePos, chartData, pinnedPos, chart) {
     }
     return [];
 }
-exports.getFocusedSeriesData = getFocusedSeriesData;

package/dist/cjs/Tooltip/focused-series.test.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 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.
@@ -11,9 +10,12 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-const focused_series_1 = require("./focused-series");
-describe('getNearbySeries', () => {
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _focusedSeries = require("./focused-series");
+describe('getNearbySeries', ()=>{
     const chartData = {
         timeSeries: [
             {
@@ -21,24 +23,42 @@ describe('getNearbySeries', () => {
                 name: 'env="demo", instance="demo.do.prometheus", job="node", mode="test"',
                 color: 'hsla(-1365438424,50%,50%,0.8)',
                 data: [
-                    0.0002315202231525094, 0.00022873082287300112, 0.00023152022315149463, 0.00023152022315149463,
+                    0.0002315202231525094,
                     0.00022873082287300112,
+                    0.00023152022315149463,
+                    0.00023152022315149463,
+                    0.00022873082287300112
                 ],
-                symbol: 'circle',
+                symbol: 'circle'
             },
             {
                 type: 'line',
                 name: 'env="demo", instance="demo.do.prometheus", job="node", mode="test alt"',
                 color: 'hsla(286664040,50%,50%,0.8)',
-                data: [0.05245188284519867, 0.0524463040446356, 0.0524463040446356, 0.05247140864723438, 0.052482566248230646],
-                symbol: 'circle',
-            },
+                data: [
+                    0.05245188284519867,
+                    0.0524463040446356,
+                    0.0524463040446356,
+                    0.05247140864723438,
+                    0.052482566248230646
+                ],
+                symbol: 'circle'
+            }
+        ],
+        xAxis: [
+            1654007865000,
+            1654007880000,
+            1654007895000,
+            1654007910000,
+            1654007925000
         ],
-        xAxis: [1654007865000, 1654007880000, 1654007895000, 1654007910000, 1654007925000],
-        rangeMs: 60000,
+        rangeMs: 60000
     };
     // https://echarts.apache.org/en/api.html#echartsInstance.convertFromPixel
-    const pointInGrid = [2, 0.0560655737704918]; // converted from chart.getZr() mousemove coordinates
+    const pointInGrid = [
+        2,
+        0.0560655737704918
+    ]; // converted from chart.getZr() mousemove coordinates
     const yBuffer = 0.02; // calculated from y axis interval
     const focusedSeriesOutput = [
         {
@@ -48,10 +68,10 @@ describe('getNearbySeries', () => {
             seriesName: 'env="demo", instance="demo.do.prometheus", job="node", mode="test alt"',
             seriesIdx: 1,
             x: 1654007895000,
-            y: 0.0524463040446356,
-        },
+            y: 0.0524463040446356
+        }
     ];
-    it('should return focused series data for points nearby the cursor', () => {
-        expect((0, focused_series_1.getNearbySeries)(chartData, pointInGrid, yBuffer)).toEqual(focusedSeriesOutput);
+    it('should return focused series data for points nearby the cursor', ()=>{
+        expect((0, _focusedSeries.getNearbySeries)(chartData, pointInGrid, yBuffer)).toEqual(focusedSeriesOutput);
     });
 });

package/dist/cjs/Tooltip/index.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 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.
@@ -11,20 +10,20 @@
 // 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Tooltip"), exports);
-__exportStar(require("./SeriesMarker"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./Tooltip"), exports);
+_exportStar(require("./SeriesMarker"), 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/Tooltip/tooltip-model.js

@@ -1,5 +1,4 @@
-"use strict";
-// Copyright 2021 The Perses Authors
+// Copyright 2022 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
@@ -11,72 +10,89 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMousePosition = exports.emptyTooltipData = exports.defaultCursorData = exports.TOOLTIP_DATE_FORMAT = exports.TOOLTIP_MAX_ITEMS = exports.TOOLTIP_LABELS_MAX_WIDTH = exports.TOOLTIP_MAX_HEIGHT = exports.TOOLTIP_MAX_WIDTH = void 0;
-const react_1 = require("react");
-exports.TOOLTIP_MAX_WIDTH = 650;
-exports.TOOLTIP_MAX_HEIGHT = 230;
-exports.TOOLTIP_LABELS_MAX_WIDTH = exports.TOOLTIP_MAX_WIDTH - 150;
-exports.TOOLTIP_MAX_ITEMS = 50;
-exports.TOOLTIP_DATE_FORMAT = new Intl.DateTimeFormat(undefined, {
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TOOLTIP_MAX_WIDTH: ()=>TOOLTIP_MAX_WIDTH,
+    TOOLTIP_MAX_HEIGHT: ()=>TOOLTIP_MAX_HEIGHT,
+    TOOLTIP_LABELS_MAX_WIDTH: ()=>TOOLTIP_LABELS_MAX_WIDTH,
+    TOOLTIP_MAX_ITEMS: ()=>TOOLTIP_MAX_ITEMS,
+    TOOLTIP_DATE_FORMAT: ()=>TOOLTIP_DATE_FORMAT,
+    defaultCursorData: ()=>defaultCursorData,
+    emptyTooltipData: ()=>emptyTooltipData,
+    useMousePosition: ()=>useMousePosition
+});
+const _react = require("react");
+const TOOLTIP_MAX_WIDTH = 650;
+const TOOLTIP_MAX_HEIGHT = 230;
+const TOOLTIP_LABELS_MAX_WIDTH = TOOLTIP_MAX_WIDTH - 150;
+const TOOLTIP_MAX_ITEMS = 50;
+const TOOLTIP_DATE_FORMAT = new Intl.DateTimeFormat(undefined, {
     year: 'numeric',
     month: 'short',
     day: 'numeric',
     hour: 'numeric',
     minute: 'numeric',
     second: 'numeric',
-    hour12: true,
+    hour12: true
 });
-exports.defaultCursorData = {
+const defaultCursorData = {
     coords: {
         viewport: {
             x: 0,
-            y: 0,
+            y: 0
         },
         plotCanvas: {
             x: 0,
-            y: 0,
+            y: 0
         },
         zrender: {
             x: 0,
-            y: 0,
+            y: 0
         },
-        target: null,
+        target: null
     },
-    chartWidth: 0,
+    chartWidth: 0
 };
-exports.emptyTooltipData = {
-    cursor: exports.defaultCursorData,
-    focusedSeries: null,
+const emptyTooltipData = {
+    cursor: defaultCursorData,
+    focusedSeries: null
 };
-const useMousePosition = () => {
-    const [coords, setCoords] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        const setFromEvent = (e) => {
+const useMousePosition = ()=>{
+    const [coords, setCoords] = (0, _react.useState)(null);
+    (0, _react.useEffect)(()=>{
+        const setFromEvent = (e)=>{
             return setCoords({
                 viewport: {
                     x: e.clientX,
-                    y: e.clientY,
+                    y: e.clientY
                 },
                 plotCanvas: {
                     x: e.offsetX,
-                    y: e.offsetY,
+                    y: e.offsetY
                 },
                 zrender: {
                     // echarts canvas coordinates added automatically by zrender
                     // zrX and zrY are similar to offsetX and offsetY but they return undefined when not hovering over a chart canvas
                     x: e.zrX,
-                    y: e.zrY,
+                    y: e.zrY
                 },
                 // necessary to check whether cursor target matches correct chart canvas (since each chart has its own mousemove listener)
-                target: e.target,
+                target: e.target
             });
         };
         window.addEventListener('mousemove', setFromEvent);
-        return () => {
+        return ()=>{
             window.removeEventListener('mousemove', setFromEvent);
         };
     }, []);
     return coords;
 };
-exports.useMousePosition = useMousePosition;

package/dist/cjs/Tooltip/utils.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 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.
@@ -11,12 +10,15 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.assembleTransform = void 0;
-const tooltip_model_1 = require("./tooltip-model");
-/**
- * Determine position of tooltip depending on chart dimensions and the number of focused series
- */
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "assembleTransform", {
+    enumerable: true,
+    get: ()=>assembleTransform
+});
+const _tooltipModel = require("./tooltip-model");
 function assembleTransform(mousePos, seriesNum, chartWidth, chartHeight, pinnedPos) {
     if (mousePos === null) {
         return 'translate3d(0, 0)';
@@ -34,20 +36,15 @@ function assembleTransform(mousePos, seriesNum, chartWidth, chartHeight, pinnedP
     if (isCloseToBottom === true) {
         if (seriesNum > 6) {
             y = mousePos.viewport.y * 0.65;
-        }
-        else {
+        } else {
             y = mousePos.viewport.y * 0.75;
         }
-    }
-    else if (mousePos.plotCanvas.y > yPosAdjustThreshold) {
+    } else if (mousePos.plotCanvas.y > yPosAdjustThreshold) {
         y = mousePos.viewport.y * 0.85;
     }
     // use tooltip width to determine when to repos from right to left (width is narrower when only 1 focused series since labels wrap)
-    const tooltipWidth = seriesNum > 1 ? tooltip_model_1.TOOLTIP_MAX_WIDTH : tooltip_model_1.TOOLTIP_MAX_WIDTH / 2;
+    const tooltipWidth = seriesNum > 1 ? _tooltipModel.TOOLTIP_MAX_WIDTH : _tooltipModel.TOOLTIP_MAX_WIDTH / 2;
     const xPosAdjustThreshold = chartWidth - tooltipWidth * 0.9;
     // reposition so tooltip is never too close to right side of chart or left side of browser window
-    return mousePos.plotCanvas.x > xPosAdjustThreshold && x > tooltip_model_1.TOOLTIP_MAX_WIDTH
-        ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)`
-        : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;
+    return mousePos.plotCanvas.x > xPosAdjustThreshold && x > _tooltipModel.TOOLTIP_MAX_WIDTH ? `translate3d(${x - cursorPaddingX}px, ${y}px, 0) translateX(-100%)` : `translate3d(${x + cursorPaddingX}px, ${y}px, 0)`;
 }
-exports.assembleTransform = assembleTransform;

package/dist/cjs/context/ChartsThemeProvider.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useChartsTheme = exports.ChartsThemeContext = exports.ChartsThemeProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 // Copyright 2022 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.
@@ -14,23 +10,79 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // 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.
-const react_1 = require("react");
-const echarts_1 = require("echarts");
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ChartsThemeProvider: ()=>ChartsThemeProvider,
+    ChartsThemeContext: ()=>ChartsThemeContext,
+    useChartsTheme: ()=>useChartsTheme
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _echarts = require("echarts");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function ChartsThemeProvider(props) {
-    const { children, themeName, chartsTheme } = props;
+    const { children , themeName , chartsTheme  } = props;
     if (chartsTheme !== undefined && chartsTheme.echartsTheme !== undefined) {
         // register ECharts theme to be used in individual charts, see: https://apache.github.io/echarts-handbook/en/concepts/style/#theme
-        (0, echarts_1.registerTheme)(themeName, chartsTheme.echartsTheme);
+        (0, _echarts.registerTheme)(themeName, chartsTheme.echartsTheme);
     }
-    return (0, jsx_runtime_1.jsx)(exports.ChartsThemeContext.Provider, { value: chartsTheme, children: children });
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(ChartsThemeContext.Provider, {
+        value: chartsTheme,
+        children: children
+    });
 }
-exports.ChartsThemeProvider = ChartsThemeProvider;
-exports.ChartsThemeContext = (0, react_1.createContext)(undefined);
+const ChartsThemeContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function useChartsTheme() {
-    const ctx = (0, react_1.useContext)(exports.ChartsThemeContext);
+    const ctx = (0, _react.useContext)(ChartsThemeContext);
     if (ctx === undefined) {
         throw new Error('No ChartsThemeContext found. Did you forget a Provider?');
     }
     return ctx;
 }
-exports.useChartsTheme = useChartsTheme;

package/dist/cjs/index.js

@@ -1,4 +1,3 @@
-"use strict";
 // Copyright 2022 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.
@@ -11,30 +10,30 @@
 // 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Drawer"), exports);
-__exportStar(require("./EChart"), exports);
-__exportStar(require("./ErrorAlert"), exports);
-__exportStar(require("./ErrorBoundary"), exports);
-__exportStar(require("./InfoTooltip"), exports);
-__exportStar(require("./LineChart"), exports);
-__exportStar(require("./GaugeChart"), exports);
-__exportStar(require("./StatChart"), exports);
-__exportStar(require("./TimeRangeSelector"), exports);
-__exportStar(require("./context/ChartsThemeProvider"), exports);
-__exportStar(require("./utils"), exports);
-__exportStar(require("./model"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./Drawer"), exports);
+_exportStar(require("./EChart"), exports);
+_exportStar(require("./ErrorAlert"), exports);
+_exportStar(require("./ErrorBoundary"), exports);
+_exportStar(require("./InfoTooltip"), exports);
+_exportStar(require("./LineChart"), exports);
+_exportStar(require("./GaugeChart"), exports);
+_exportStar(require("./StatChart"), exports);
+_exportStar(require("./TimeRangeSelector"), exports);
+_exportStar(require("./context/ChartsThemeProvider"), exports);
+_exportStar(require("./utils"), exports);
+_exportStar(require("./model"), 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/model/graph.js

@@ -1,5 +1,4 @@
-"use strict";
-// Copyright 2021 The Perses Authors
+// Copyright 2022 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
@@ -11,6 +10,12 @@
 // 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PROGRESSIVE_MODE_SERIES_LIMIT = void 0;
-exports.PROGRESSIVE_MODE_SERIES_LIMIT = 500;
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PROGRESSIVE_MODE_SERIES_LIMIT", {
+    enumerable: true,
+    get: ()=>PROGRESSIVE_MODE_SERIES_LIMIT
+});
+const PROGRESSIVE_MODE_SERIES_LIMIT = 500;