@perses-dev/components 0.8.1 → 0.10.0

package/dist/cjs/Tooltip/SeriesInfo.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SeriesInfo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// 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
@@ -14,64 +10,140 @@ 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 material_1 = require("@mui/material");
-const SeriesMarker_1 = require("./SeriesMarker");
-const tooltip_model_1 = require("./tooltip-model");
+"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, y, markerColor, totalSeries, wrapLabels } = props;
+    const { seriesName , y , 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 ((0, jsx_runtime_1.jsxs)(material_1.Stack, { spacing: 0.5, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: (theme) => ({
-                        height: '16px',
-                        display: 'flex',
-                        flexDirection: 'row',
-                        alignItems: 'center',
-                        justifyContent: 'left',
-                        color: theme.palette.common.white,
-                        fontSize: '11px',
-                    }), children: [(0, jsx_runtime_1.jsx)(SeriesMarker_1.SeriesMarker, { markerColor: markerColor }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "span", children: ["value:", (0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", sx: (theme) => ({
-                                        color: theme.palette.common.white,
-                                        fontWeight: 700,
-                                        paddingLeft: '2px',
-                                    }), children: y })] })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: (theme) => ({
-                        borderColor: theme.palette.grey['500'],
-                    }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: (theme) => ({
-                        color: theme.palette.common.white,
-                    }), children: formattedSeriesLabels.split(',').map((name) => {
+        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: y
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__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 ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', gap: '4px' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: '11px' }, children: formattedKey }), (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: (theme) => ({
-                                            color: theme.palette.common.white,
-                                            fontWeight: 700,
-                                            fontSize: '11px',
-                                        }), children: value })] }, name));
+                            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 ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+        sx: {
             display: 'table-row',
-            paddingTop: 0.5,
-        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+            paddingTop: 0.5
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Box, {
+                sx: {
                     display: 'table-cell',
-                    maxWidth: '520px',
-                }, children: [(0, jsx_runtime_1.jsx)(SeriesMarker_1.SeriesMarker, { markerColor: markerColor }), (0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", sx: (theme) => ({
-                            color: theme.palette.common.white,
-                            display: 'inline-block',
-                            maxWidth: tooltip_model_1.TOOLTIP_LABELS_MAX_WIDTH,
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: wrapLabels ? 'normal' : 'nowrap',
-                            width: 'calc(100% - 20px)',
-                        }), children: inlineSeriesLabels })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    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: y })] }));
+                    verticalAlign: 'top'
+                },
+                children: y
+            })
+        ]
+    });
 }
-exports.SeriesInfo = SeriesInfo;

package/dist/cjs/Tooltip/SeriesMarker.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SeriesMarker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// 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
@@ -14,17 +10,30 @@ 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 material_1 = require("@mui/material");
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SeriesMarker", {
+    enumerable: true,
+    get: ()=>SeriesMarker
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
 function SeriesMarker(props) {
-    const { markerColor } = props;
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    const { markerColor  } = props;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+        sx: {
             display: 'inline-block',
             width: '12px',
             borderRadius: '2px',
             height: '12px',
             marginTop: 0.25,
             marginRight: 1,
-            verticalAlign: 'top',
-        }, style: { backgroundColor: markerColor } }));
+            verticalAlign: 'top'
+        },
+        style: {
+            backgroundColor: markerColor
+        }
+    });
 }
-exports.SeriesMarker = SeriesMarker;

package/dist/cjs/Tooltip/Tooltip.js

@@ -1,30 +1,3 @@
-"use strict";
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = 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.
@@ -37,52 +10,107 @@ 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 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const focused_series_1 = require("./focused-series");
-const tooltip_model_1 = require("./tooltip-model");
-const TooltipContent_1 = require("./TooltipContent");
-const utils_1 = require("./utils");
-const Tooltip = react_1.default.memo(function Tooltip({ chartRef, chartData, wrapLabels, pinTooltip }) {
-    var _a, _b;
-    const [pinnedPos, setPinnedPos] = (0, react_1.useState)(null);
-    const mousePos = (0, tooltip_model_1.useMousePosition)();
-    if (mousePos === null || mousePos.target === null)
-        return null;
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Tooltip", {
+    enumerable: true,
+    get: ()=>Tooltip
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _material = require("@mui/material");
+const _focusedSeries = require("./focused-series");
+const _tooltipModel = require("./tooltip-model");
+const _tooltipContent = require("./TooltipContent");
+const _utils = require("./utils");
+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;
+}
+const Tooltip = /*#__PURE__*/ _react.default.memo(function Tooltip({ chartRef , chartData , wrapLabels , pinTooltip  }) {
+    const [pinnedPos, setPinnedPos] = (0, _react.useState)(null);
+    const mousePos = (0, _tooltipModel.useMousePosition)();
+    if (mousePos === null || mousePos.target === null) return null;
     // ensure user is hovering over a chart before checking for nearby series
-    if (pinnedPos === null && mousePos.target.tagName !== 'CANVAS')
-        return null;
+    if (pinnedPos === null && mousePos.target.tagName !== 'CANVAS') return null;
     const chart = chartRef.current;
-    const focusedSeries = (0, focused_series_1.getFocusedSeriesData)(mousePos, chartData, pinnedPos, chart);
-    const chartWidth = (_a = chart === null || chart === void 0 ? void 0 : chart.getWidth()) !== null && _a !== void 0 ? _a : 750;
-    const chartHeight = (_b = chart === null || chart === void 0 ? void 0 : chart.getHeight()) !== null && _b !== void 0 ? _b : 230;
-    const cursorTransform = (0, utils_1.assembleTransform)(mousePos, focusedSeries.length, chartWidth, chartHeight, pinnedPos);
+    const focusedSeries = (0, _focusedSeries.getFocusedSeriesData)(mousePos, chartData, pinnedPos, chart);
+    var ref;
+    const chartWidth = (ref = chart === null || chart === void 0 ? void 0 : chart.getWidth()) !== null && ref !== void 0 ? ref : 750;
+    var ref1;
+    const chartHeight = (ref1 = chart === null || chart === void 0 ? void 0 : chart.getHeight()) !== null && ref1 !== void 0 ? ref1 : 230;
+    const cursorTransform = (0, _utils.assembleTransform)(mousePos, focusedSeries.length, chartWidth, chartHeight, pinnedPos);
     if (focusedSeries.length === 0) {
         return null;
     }
     if (pinTooltip === true && pinnedPos === null) {
         setPinnedPos(mousePos);
     }
-    return ((0, jsx_runtime_1.jsx)(material_1.Portal, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: (theme) => ({
-                maxWidth: tooltip_model_1.TOOLTIP_MAX_WIDTH,
-                maxHeight: tooltip_model_1.TOOLTIP_MAX_HEIGHT,
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                backgroundColor: '#2E313E',
-                borderRadius: '6px',
-                color: '#fff',
-                fontSize: '11px',
-                visibility: 'visible',
-                opacity: 1,
-                transition: 'all 0.1s ease-out',
-                zIndex: theme.zIndex.tooltip,
-                overflow: 'hidden',
-                '&:hover': {
-                    overflowY: 'auto',
-                },
-            }), style: {
-                transform: cursorTransform,
-            }, children: (0, jsx_runtime_1.jsx)(TooltipContent_1.TooltipContent, { focusedSeries: focusedSeries, wrapLabels: wrapLabels }) }) }));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Portal, {
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+            sx: (theme)=>({
+                    maxWidth: _tooltipModel.TOOLTIP_MAX_WIDTH,
+                    maxHeight: _tooltipModel.TOOLTIP_MAX_HEIGHT,
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    backgroundColor: '#2E313E',
+                    borderRadius: '6px',
+                    color: '#fff',
+                    fontSize: '11px',
+                    visibility: 'visible',
+                    opacity: 1,
+                    transition: 'all 0.1s ease-out',
+                    zIndex: theme.zIndex.tooltip,
+                    overflow: 'hidden',
+                    '&:hover': {
+                        overflowY: 'auto'
+                    }
+                }),
+            style: {
+                transform: cursorTransform
+            },
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_tooltipContent.TooltipContent, {
+                focusedSeries: focusedSeries,
+                wrapLabels: wrapLabels
+            })
+        })
+    });
 });
-exports.Tooltip = Tooltip;

package/dist/cjs/Tooltip/TooltipContent.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipContent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// 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
@@ -14,37 +10,86 @@ 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 material_1 = require("@mui/material");
-const SeriesInfo_1 = require("./SeriesInfo");
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TooltipContent", {
+    enumerable: true,
+    get: ()=>TooltipContent
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = require("react");
+const _material = require("@mui/material");
+const _seriesInfo = require("./SeriesInfo");
 function TooltipContent(props) {
-    const { focusedSeries, wrapLabels } = props;
+    const { focusedSeries , wrapLabels  } = props;
     const seriesTime = focusedSeries && focusedSeries[0] && focusedSeries[0].date ? focusedSeries[0].date : null;
-    const formatTimeSeriesHeader = (timeString) => {
+    const formatTimeSeriesHeader = (timeString)=>{
         const [month, year, time] = timeString.split(',');
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "caption", sx: (theme) => ({
-                        color: theme.palette.common.white,
-                    }), children: [month, ", ", year, " \u2013"] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: (0, jsx_runtime_1.jsx)("strong", { children: time }) })] }));
+        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Typography, {
+                    variant: "caption",
+                    sx: (theme)=>({
+                            color: theme.palette.common.white
+                        }),
+                    children: [
+                        month,
+                        ", ",
+                        year,
+                        " –"
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                    variant: "caption",
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)("strong", {
+                        children: time
+                    })
+                })
+            ]
+        });
     };
-    const sortedFocusedSeries = (0, react_1.useMemo)(() => {
-        if (focusedSeries === null)
-            return null;
-        return focusedSeries.sort((a, b) => (a.y > b.y ? -1 : 1));
-    }, [focusedSeries]);
+    const sortedFocusedSeries = (0, _react.useMemo)(()=>{
+        if (focusedSeries === null) return null;
+        return focusedSeries.sort((a, b)=>a.y > b.y ? -1 : 1);
+    }, [
+        focusedSeries
+    ]);
     if (sortedFocusedSeries !== null && seriesTime !== null) {
-        return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { py: 1, px: 1.5, spacing: 0.5, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: formatTimeSeriesHeader(seriesTime) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: (theme) => ({
-                        borderColor: theme.palette.grey['500'],
-                    }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                        display: 'table',
-                    }, children: sortedFocusedSeries.map(({ datumIdx, seriesIdx, seriesName, y, markerColor }) => {
-                        if (datumIdx === null || seriesIdx === null)
-                            return null;
+        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+            py: 1,
+            px: 1.5,
+            spacing: 0.5,
+            children: [
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Typography, {
+                    variant: "caption",
+                    children: formatTimeSeriesHeader(seriesTime)
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Divider, {
+                    sx: (theme)=>({
+                            borderColor: theme.palette.grey['500']
+                        })
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+                    sx: {
+                        display: 'table'
+                    },
+                    children: sortedFocusedSeries.map(({ datumIdx , seriesIdx , seriesName , y , markerColor  })=>{
+                        if (datumIdx === null || seriesIdx === null) return null;
                         const key = seriesIdx.toString() + datumIdx.toString();
-                        return ((0, jsx_runtime_1.jsx)(SeriesInfo_1.SeriesInfo, { seriesName: seriesName, y: y, markerColor: markerColor, totalSeries: sortedFocusedSeries.length, wrapLabels: wrapLabels }, key));
-                    }) })] }));
-    }
-    else {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_seriesInfo.SeriesInfo, {
+                            seriesName: seriesName,
+                            y: y,
+                            markerColor: markerColor,
+                            totalSeries: sortedFocusedSeries.length,
+                            wrapLabels: wrapLabels
+                        }, key);
+                    })
+                })
+            ]
+        });
+    } else {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
     }
 }
-exports.TooltipContent = TooltipContent;