@perses-dev/components 0.0.0-snapshot-embed-import-errors-8906900 → 0.0.0-snapshot-test-internal-dep-dd238ac

package/dist/UnitSelector/UnitSelector.test.js

@@ -1,204 +0,0 @@
-// 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
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { UnitSelector } from './UnitSelector';
-describe('UnitSelector', ()=>{
-    const renderUnitSelector = (value, onChange = jest.fn())=>{
-        render(/*#__PURE__*/ _jsx("div", {
-            children: /*#__PURE__*/ _jsx(UnitSelector, {
-                value: value,
-                onChange: onChange
-            })
-        }));
-    };
-    const getUnitSelector = ()=>{
-        return screen.getByRole('combobox', {
-            name: 'Units'
-        });
-    };
-    const getDecimalSelector = ()=>{
-        return screen.getByRole('combobox', {
-            name: 'Decimal'
-        });
-    };
-    const getAbbreviateSwitch = ()=>{
-        return screen.getByRole('checkbox', {
-            name: 'Abbreviate'
-        });
-    };
-    it('can change the unit kind by clicking', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Minutes'
-        }, onChange);
-        const unitSelector = getUnitSelector();
-        userEvent.click(unitSelector);
-        const decimalOption = screen.getByRole('option', {
-            name: 'Decimal'
-        });
-        userEvent.click(decimalOption);
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Decimal'
-        });
-    });
-    it('can change the unit kind using a keyboard', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Bytes'
-        }, onChange);
-        const unitSelector = getUnitSelector();
-        userEvent.tab();
-        userEvent.tab();
-        expect(unitSelector).toHaveFocus();
-        userEvent.clear(unitSelector);
-        userEvent.keyboard('years');
-        screen.getByRole('option', {
-            name: 'Years'
-        });
-        userEvent.keyboard('{arrowup}{enter}');
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Years'
-        });
-    });
-    it('can change the decimal places by clicking', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Decimal',
-            decimal_places: 0,
-            abbreviate: true
-        }, onChange);
-        userEvent.click(getDecimalSelector());
-        const decimalOption = screen.getByRole('option', {
-            name: '1'
-        });
-        userEvent.click(decimalOption);
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Decimal',
-            decimal_places: 1,
-            abbreviate: true
-        });
-    });
-    it('can change the decimal places using a keyboard', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Percent'
-        }, onChange);
-        const decimalSelector = getDecimalSelector();
-        userEvent.tab();
-        userEvent.tab();
-        expect(decimalSelector).toHaveFocus();
-        userEvent.clear(decimalSelector);
-        userEvent.keyboard('3');
-        screen.getByRole('option', {
-            name: '3'
-        });
-        userEvent.keyboard('{arrowup}{enter}');
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Percent',
-            decimal_places: 3
-        });
-    });
-    it('can change abbreviate by clicking', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Decimal',
-            decimal_places: 3,
-            abbreviate: true
-        }, onChange);
-        userEvent.click(getAbbreviateSwitch());
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Decimal',
-            decimal_places: 3,
-            abbreviate: false
-        });
-    });
-    it('can change abbreviate using a keyboard', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Decimal',
-            decimal_places: 0
-        }, onChange);
-        userEvent.tab();
-        userEvent.keyboard('{space}');
-        expect(onChange).toHaveBeenCalledWith({
-            kind: 'Decimal',
-            decimal_places: 0,
-            abbreviate: true
-        });
-    });
-    describe('with a time unit selected', ()=>{
-        it('does not allow the user to set abbreviate', ()=>{
-            renderUnitSelector({
-                kind: 'Minutes'
-            });
-            expect(getAbbreviateSwitch()).toBeDisabled();
-        });
-    });
-    describe('with a percent unit selected', ()=>{
-        it('allows the user to modify the decimal places', ()=>{
-            renderUnitSelector({
-                kind: 'Percent'
-            });
-            expect(getDecimalSelector()).toBeEnabled();
-        });
-        it('does not allow the user to set abbreviate', ()=>{
-            renderUnitSelector({
-                kind: 'PercentDecimal'
-            });
-            expect(getAbbreviateSwitch()).toBeDisabled();
-        });
-    });
-    describe('with a decimal unit selected', ()=>{
-        it('allows the user to modify the decimal places', ()=>{
-            renderUnitSelector({
-                kind: 'Decimal'
-            });
-            expect(getDecimalSelector()).toBeEnabled();
-        });
-        it('allows the user to set abbreviate', ()=>{
-            renderUnitSelector({
-                kind: 'Decimal'
-            });
-            expect(getAbbreviateSwitch()).toBeEnabled();
-        });
-    });
-    describe('with a bytes unit selected', ()=>{
-        it('allows the user to modify the decimal places', ()=>{
-            renderUnitSelector({
-                kind: 'Bytes'
-            });
-            expect(getDecimalSelector()).toBeEnabled();
-        });
-        it('allows the user to set abbreviate', ()=>{
-            renderUnitSelector({
-                kind: 'Bytes'
-            });
-            expect(getAbbreviateSwitch()).toBeEnabled();
-        });
-    });
-    it('should not show an option for disabled units', ()=>{
-        const onChange = jest.fn();
-        renderUnitSelector({
-            kind: 'Decimal'
-        }, onChange);
-        userEvent.click(getUnitSelector());
-        const percentShorthandOption = screen.queryByRole('option', {
-            name: '%'
-        });
-        expect(percentShorthandOption).not.toBeInTheDocument();
-    });
-});
-
-//# sourceMappingURL=UnitSelector.test.js.map

package/dist/UnitSelector/UnitSelector.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/UnitSelector/UnitSelector.test.tsx"],"sourcesContent":["// Copyright 2022 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 { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { UnitOptions } from '../model';\nimport { UnitSelector } from './UnitSelector';\n\ndescribe('UnitSelector', () => {\n  const renderUnitSelector = (value: UnitOptions, onChange = jest.fn()) => {\n    render(\n      <div>\n        <UnitSelector value={value} onChange={onChange} />\n      </div>\n    );\n  };\n\n  const getUnitSelector = () => {\n    return screen.getByRole('combobox', { name: 'Units' });\n  };\n\n  const getDecimalSelector = () => {\n    return screen.getByRole('combobox', { name: 'Decimal' });\n  };\n\n  const getAbbreviateSwitch = () => {\n    return screen.getByRole('checkbox', { name: 'Abbreviate' });\n  };\n\n  it('can change the unit kind by clicking', () => {\n    const onChange = jest.fn();\n    renderUnitSelector({ kind: 'Minutes' }, onChange);\n\n    const unitSelector = getUnitSelector();\n    userEvent.click(unitSelector);\n    const decimalOption = screen.getByRole('option', {\n      name: 'Decimal',\n    });\n    userEvent.click(decimalOption);\n\n    expect(onChange).toHaveBeenCalledWith({\n      kind: 'Decimal',\n    });\n  });\n\n  it('can change the unit kind using a keyboard', () => {\n    const onChange = jest.fn();\n    renderUnitSelector({ kind: 'Bytes' }, onChange);\n\n    const unitSelector = getUnitSelector();\n    userEvent.tab();\n    userEvent.tab();\n    expect(unitSelector).toHaveFocus();\n\n    userEvent.clear(unitSelector);\n    userEvent.keyboard('years');\n    screen.getByRole('option', {\n      name: 'Years',\n    });\n\n    userEvent.keyboard('{arrowup}{enter}');\n\n    expect(onChange).toHaveBeenCalledWith({\n      kind: 'Years',\n    });\n  });\n\n  it('can change the decimal places by clicking', () => {\n    const onChange = jest.fn();\n    renderUnitSelector({ kind: 'Decimal', decimal_places: 0, abbreviate: true }, onChange);\n\n    userEvent.click(getDecimalSelector());\n    const decimalOption = screen.getByRole('option', {\n      name: '1',\n    });\n    userEvent.click(decimalOption);\n\n    expect(onChange).toHaveBeenCalledWith({\n      kind: 'Decimal',\n      decimal_places: 1,\n      abbreviate: true,\n    });\n  });\n\n  it('can change the decimal places using a keyboard', () => {\n    const onChange = jest.fn();\n    renderUnitSelector({ kind: 'Percent' }, onChange);\n\n    const decimalSelector = getDecimalSelector();\n    userEvent.tab();\n    userEvent.tab();\n    expect(decimalSelector).toHaveFocus();\n\n    userEvent.clear(decimalSelector);\n    userEvent.keyboard('3');\n    screen.getByRole('option', {\n      name: '3',\n    });\n\n    userEvent.keyboard('{arrowup}{enter}');\n\n    expect(onChange).toHaveBeenCalledWith({\n      kind: 'Percent',\n      decimal_places: 3,\n    });\n  });\n\n  it('can change abbreviate by clicking', () => {\n    const onChange = jest.fn();\n    renderUnitSelector({ kind: 'Decimal', decimal_places: 3, abbreviate: true }, onChange);\n\n    userEvent.click(getAbbreviateSwitch());\n\n    expect(onChange).toHaveBeenCalledWith({\n      kind: 'Decimal',\n      decimal_places: 3,\n      abbreviate: false,\n    });\n  });\n\n  it('can change abbreviate using a keyboard', () => {\n    const onChange = jest.fn();\n    renderUnitSelector({ kind: 'Decimal', decimal_places: 0 }, onChange);\n\n    userEvent.tab();\n    userEvent.keyboard('{space}');\n\n    expect(onChange).toHaveBeenCalledWith({\n      kind: 'Decimal',\n      decimal_places: 0,\n      abbreviate: true,\n    });\n  });\n\n  describe('with a time unit selected', () => {\n    it('does not allow the user to set abbreviate', () => {\n      renderUnitSelector({ kind: 'Minutes' });\n      expect(getAbbreviateSwitch()).toBeDisabled();\n    });\n  });\n\n  describe('with a percent unit selected', () => {\n    it('allows the user to modify the decimal places', () => {\n      renderUnitSelector({ kind: 'Percent' });\n      expect(getDecimalSelector()).toBeEnabled();\n    });\n\n    it('does not allow the user to set abbreviate', () => {\n      renderUnitSelector({ kind: 'PercentDecimal' });\n      expect(getAbbreviateSwitch()).toBeDisabled();\n    });\n  });\n\n  describe('with a decimal unit selected', () => {\n    it('allows the user to modify the decimal places', () => {\n      renderUnitSelector({ kind: 'Decimal' });\n      expect(getDecimalSelector()).toBeEnabled();\n    });\n\n    it('allows the user to set abbreviate', () => {\n      renderUnitSelector({ kind: 'Decimal' });\n      expect(getAbbreviateSwitch()).toBeEnabled();\n    });\n  });\n\n  describe('with a bytes unit selected', () => {\n    it('allows the user to modify the decimal places', () => {\n      renderUnitSelector({ kind: 'Bytes' });\n      expect(getDecimalSelector()).toBeEnabled();\n    });\n\n    it('allows the user to set abbreviate', () => {\n      renderUnitSelector({ kind: 'Bytes' });\n      expect(getAbbreviateSwitch()).toBeEnabled();\n    });\n  });\n\n  it('should not show an option for disabled units', () => {\n    const onChange = jest.fn();\n    renderUnitSelector({ kind: 'Decimal' }, onChange);\n\n    userEvent.click(getUnitSelector());\n    const percentShorthandOption = screen.queryByRole('option', {\n      name: '%',\n    });\n    expect(percentShorthandOption).not.toBeInTheDocument();\n  });\n});\n"],"names":["render","screen","userEvent","UnitSelector","describe","renderUnitSelector","value","onChange","jest","fn","div","getUnitSelector","getByRole","name","getDecimalSelector","getAbbreviateSwitch","it","kind","unitSelector","click","decimalOption","expect","toHaveBeenCalledWith","tab","toHaveFocus","clear","keyboard","decimal_places","abbreviate","decimalSelector","toBeDisabled","toBeEnabled","percentShorthandOption","queryByRole","not","toBeInTheDocument"],"mappings":"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"}

package/dist/cjs/InfoTooltip/InfoTooltip.test.js

@@ -1,43 +0,0 @@
-// 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
-//
-// 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
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _userEvent = /*#__PURE__*/ _interopRequireDefault(require("@testing-library/user-event"));
-const _dom = require("@testing-library/dom");
-const _infoTooltip = require("./InfoTooltip");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-describe('InfoTooltip', ()=>{
-    const title = 'Tooltip Title';
-    const description = 'this is a tooltip';
-    it('should render title and description', async ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_infoTooltip.InfoTooltip, {
-            title: title,
-            description: description,
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
-                children: "tooltipAnchor"
-            })
-        }));
-        const tooltipAnchor = _dom.screen.getByText('tooltipAnchor');
-        _userEvent.default.hover(tooltipAnchor);
-        await _dom.screen.findByText(title);
-        _dom.screen.findByText(description);
-    });
-});

package/dist/cjs/LegendOptionsEditor/LegendOptionsEditor.test.js

@@ -1,48 +0,0 @@
-// 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
-//
-// 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
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _userEvent = /*#__PURE__*/ _interopRequireDefault(require("@testing-library/user-event"));
-const _legendOptionsEditor = require("./LegendOptionsEditor");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-describe('LegendOptionsEditor', ()=>{
-    const renderLegendOptionsEditor = (value, onChange = jest.fn())=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_legendOptionsEditor.LegendOptionsEditor, {
-                value: value,
-                onChange: onChange
-            })
-        }));
-    };
-    const getLegendShowSwitch = ()=>{
-        return _react.screen.getByRole('checkbox', {
-            name: 'Show'
-        });
-    };
-    it('can change legend visibility by clicking', ()=>{
-        const onChange = jest.fn();
-        renderLegendOptionsEditor(undefined, onChange);
-        _userEvent.default.click(getLegendShowSwitch());
-        expect(onChange).toHaveBeenCalledWith({
-            position: 'bottom'
-        });
-    });
-});

package/dist/cjs/StatChart/StatChart.test.js

@@ -1,96 +0,0 @@
-// 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
-//
-// 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
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _chartsThemeProvider = require("../context/ChartsThemeProvider");
-const _testUtils = require("../test-utils");
-const _statChart = require("./StatChart");
-describe('StatChart', ()=>{
-    const renderChart = (unit)=>{
-        const contentDimensions = {
-            width: 200,
-            height: 200
-        };
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_chartsThemeProvider.ChartsThemeProvider, {
-            chartsTheme: _testUtils.testChartsTheme,
-            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_statChart.StatChart, {
-                width: contentDimensions.width,
-                height: contentDimensions.height,
-                data: mockStatData,
-                unit: unit
-            })
-        }));
-    };
-    const mockStatData = {
-        calculatedValue: 7.72931659687181,
-        name: 'Example Stat Chart',
-        seriesData: {
-            name: '(((count(count(node_cpu_seconds_total{job="example"}) by (cpu))',
-            values: [
-                [
-                    1654006170000,
-                    7.736401673473903
-                ],
-                [
-                    1654006185000,
-                    7.733891213538757
-                ],
-                [
-                    1654006200000,
-                    7.731101813010433
-                ],
-                [
-                    1654006215000,
-                    7.722454672079215
-                ],
-                [
-                    1654006230000,
-                    7.722733612256738
-                ]
-            ]
-        }
-    };
-    it('render default options (no sparkline)', ()=>{
-        const unit = {
-            kind: 'Decimal',
-            decimal_places: 2
-        };
-        renderChart(unit);
-        expect(_react.screen.getByText('7.73')).toBeInTheDocument();
-    });
-    it('show value with bytes unit formatting', ()=>{
-        const unit = {
-            kind: 'Bytes'
-        };
-        renderChart(unit);
-        expect(_react.screen.getByText('7.73 bytes')).toBeInTheDocument();
-    });
-    it('show value with seconds time unit formatting', ()=>{
-        const unit = {
-            kind: 'Seconds'
-        };
-        renderChart(unit);
-        expect(_react.screen.getByText('7.73 seconds')).toBeInTheDocument();
-    });
-    it('show value with months time unit formatting', ()=>{
-        const unit = {
-            kind: 'Months'
-        };
-        renderChart(unit);
-        expect(_react.screen.getByText('7.73 months')).toBeInTheDocument();
-    });
-});

package/dist/cjs/Tooltip/SeriesInfo.js

@@ -1,149 +0,0 @@
-// 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
-//
-// 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
-});
-Object.defineProperty(exports, "SeriesInfo", {
-    enumerable: true,
-    get: ()=>SeriesInfo
-});
-const _jsxRuntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _seriesMarker = require("./SeriesMarker");
-const _tooltipModel = require("./tooltip-model");
-function SeriesInfo(props) {
-    const { seriesName , formattedY , markerColor , totalSeries , wrapLabels  } = props;
-    // TODO (sjcobb): regex to remove __name__, improve series labels
-    const formattedSeriesLabels = seriesName.replace(/[{}"]/g, '');
-    if (totalSeries === 1) {
-        const jsonFormattedSeries = seriesName[0] === '{' ? true : false;
-        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-            spacing: 0.5,
-            children: [
-                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-                    sx: (theme)=>({
-                            height: '16px',
-                            display: 'flex',
-                            flexDirection: 'row',
-                            alignItems: 'center',
-                            justifyContent: 'left',
-                            color: theme.palette.common.white,
-                            fontSize: '11px'
-                        }),
-                    children: [
-                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_seriesMarker.SeriesMarker, {
-                            markerColor: markerColor
-                        }),
-                        /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-                            component: "span",
-                            children: [
-                                "value:",
-                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
-                                    component: "span",
-                                    sx: (theme)=>({
-                                            color: theme.palette.common.white,
-                                            fontWeight: 700,
-                                            paddingLeft: '2px'
-                                        }),
-                                    children: formattedY
-                                })
-                            ]
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Divider, {
-                    sx: (theme)=>({
-                            borderColor: theme.palette.grey['500']
-                        })
-                }),
-                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
-                    sx: (theme)=>({
-                            color: theme.palette.common.white
-                        }),
-                    children: formattedSeriesLabels.split(',').map((name)=>{
-                        if (name) {
-                            const [key, value] = jsonFormattedSeries ? name.split(':') : name.split('=');
-                            const formattedKey = value !== undefined ? `${key}: ` : key;
-                            return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-                                sx: {
-                                    display: 'flex',
-                                    gap: '4px'
-                                },
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                                        sx: {
-                                            fontSize: '11px'
-                                        },
-                                        children: formattedKey
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
-                                        sx: (theme)=>({
-                                                color: theme.palette.common.white,
-                                                fontWeight: 700,
-                                                fontSize: '11px'
-                                            }),
-                                        children: value
-                                    })
-                                ]
-                            }, name);
-                        }
-                    })
-                })
-            ]
-        });
-    }
-    const inlineSeriesLabels = formattedSeriesLabels.replace(/[,]/g, ', ').replace(/[:=]/g, ': ');
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-        sx: {
-            display: 'table-row',
-            paddingTop: 0.5
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
-                sx: {
-                    display: 'table-cell',
-                    maxWidth: '520px'
-                },
-                children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_seriesMarker.SeriesMarker, {
-                        markerColor: markerColor
-                    }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
-                        component: "span",
-                        sx: (theme)=>({
-                                color: theme.palette.common.white,
-                                display: 'inline-block',
-                                maxWidth: _tooltipModel.TOOLTIP_LABELS_MAX_WIDTH,
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                whiteSpace: wrapLabels ? 'normal' : 'nowrap',
-                                width: 'calc(100% - 20px)'
-                            }),
-                        children: inlineSeriesLabels
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
-                sx: {
-                    display: 'table-cell',
-                    fontWeight: '700',
-                    paddingLeft: 1.5,
-                    textAlign: 'right',
-                    verticalAlign: 'top'
-                },
-                children: formattedY
-            })
-        ]
-    });
-}

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

@@ -1,95 +0,0 @@
-// 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
-//
-// 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
-});
-const _focusedSeries = require("./focused-series");
-describe('getNearbySeries', ()=>{
-    const chartData = {
-        timeSeries: [
-            {
-                type: 'line',
-                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.00022873082287300112
-                ],
-                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'
-            }
-        ],
-        xAxis: [
-            1654007865000,
-            1654007880000,
-            1654007895000,
-            1654007910000,
-            1654007925000
-        ],
-        rangeMs: 60000
-    };
-    // https://echarts.apache.org/en/api.html#echartsInstance.convertFromPixel
-    const pointInGrid = [
-        2,
-        0.0560655737704918
-    ]; // converted from chart.getZr() mousemove coordinates
-    const yBuffer = 0.02; // calculated from y axis interval
-    const focusedSeriesOutput = [
-        {
-            date: 'May 31, 2022, 2:38:15 PM',
-            datumIdx: 2,
-            markerColor: 'hsla(286664040,50%,50%,0.8)',
-            seriesName: 'env="demo", instance="demo.do.prometheus", job="node", mode="test alt"',
-            seriesIdx: 1,
-            x: 1654007895000,
-            y: 0.0524463040446356,
-            formattedY: '0.05'
-        }
-    ];
-    it('should return focused series data for points nearby the cursor', ()=>{
-        const decimalUnit = {
-            kind: 'Decimal',
-            decimal_places: 2
-        };
-        expect((0, _focusedSeries.getNearbySeries)(chartData, pointInGrid, yBuffer, decimalUnit)).toEqual(focusedSeriesOutput);
-    });
-    it('should return series values formatted as a percent', ()=>{
-        const percentFormattedOutput = [
-            ...focusedSeriesOutput
-        ];
-        if (percentFormattedOutput[0]) {
-            percentFormattedOutput[0].formattedY = '5%';
-        }
-        const percentFormattedUnit = {
-            kind: 'PercentDecimal',
-            decimal_places: 0
-        };
-        expect((0, _focusedSeries.getNearbySeries)(chartData, pointInGrid, yBuffer, percentFormattedUnit)).toEqual(percentFormattedOutput);
-    });
-});