@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
32 lines • 2.01 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
/**
* Copyright (c) ACT, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
/* eslint-disable @typescript-eslint/restrict-template-expressions */
import Paper from '@mui/material/Paper';
import get from 'lodash/get';
import { StyledDataLabelTypography, StyledDataValueTypography } from './styles';
export var CustomTooltip = function (_a) {
var CustomTooltipContent = _a.CustomTooltipContent, isBlockingOnHovers = _a.isBlockingOnHovers, payload = _a.payload;
var data = payload && get(payload[0], 'payload');
var members = data === null || data === void 0 ? void 0 : data.members;
if (isBlockingOnHovers) {
return null;
}
function renderContent() {
if (CustomTooltipContent) {
return _jsx(CustomTooltipContent, { payload: payload });
}
if (members === null || members === void 0 ? void 0 : members.length) {
return members.map(function (el) { return (_jsxs(_Fragment, { children: [_jsx(StyledDataLabelTypography, { children: (el === null || el === void 0 ? void 0 : el.label) || '' }), _jsxs(StyledDataValueTypography, { children: ["x: ", el.x] }), _jsxs(StyledDataValueTypography, { children: ["y: ", el.y] })] })); });
}
return (_jsxs(_Fragment, { children: [_jsx(StyledDataLabelTypography, { children: (data === null || data === void 0 ? void 0 : data.label) || '' }), _jsxs(StyledDataValueTypography, { children: ["x: ", data === null || data === void 0 ? void 0 : data.x] }), _jsxs(StyledDataValueTypography, { children: ["y: ", data === null || data === void 0 ? void 0 : data.y] })] }));
}
return (_jsx(Paper, { elevation: 1, sx: { p: 1 }, children: renderContent() }));
};
export default CustomTooltip;
//# sourceMappingURL=index.js.map