@perses-dev/components 0.21.1 → 0.23.0

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
-            })
-        ]
-    });
-}