@wix/design-system
Version:
@wix/design-system
72 lines (71 loc) • 2.23 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.ChartTooltip = void 0;
var _react = _interopRequireDefault(require("react"));
var _ChartTooltipSt = require("./ChartTooltip.st.css.js");
var _Popover = _interopRequireDefault(require("../Popover"));
var _constants = require("./constants");
var _Text = _interopRequireDefault(require("../Text"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SparklineChart/ChartTooltip.jsx",
_this = void 0;
var ChartTooltip = exports.ChartTooltip = function ChartTooltip(props) {
var dataPoint = props.dataPoint;
return /*#__PURE__*/_react["default"].createElement("div", {
className: _ChartTooltipSt.classes.absolutePosition,
style: {
left: dataPoint.xCoordinate,
top: dataPoint.yCoordinate
},
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 11,
columnNumber: 5
}
}, /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
skin: "dark",
showArrow: true,
shown: true,
appendTo: "window",
placement: "top",
fluid: true,
dataHooks: _constants.dataHooks.chartPopover,
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 18,
columnNumber: 7
}
}, /*#__PURE__*/_react["default"].createElement(_Popover["default"].Element, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 27,
columnNumber: 9
}
}, null), /*#__PURE__*/_react["default"].createElement(_Popover["default"].Content, {
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 28,
columnNumber: 9
}
}, /*#__PURE__*/_react["default"].createElement("div", {
className: _ChartTooltipSt.classes.contentWrapper,
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 29,
columnNumber: 11
}
}, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
light: true,
__self: _this,
__source: {
fileName: _jsxFileName,
lineNumber: 30,
columnNumber: 13
}
}, dataPoint.content)))));
};