1 | "use strict";
|
2 | Object.defineProperty(exports, "__esModule", { value: true });
|
3 | exports.DataListText = void 0;
|
4 | const tslib_1 = require("tslib");
|
5 | const React = tslib_1.__importStar(require("react"));
|
6 | const react_styles_1 = require("@patternfly/react-styles");
|
7 | const data_list_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DataList/data-list"));
|
8 | const Tooltip_1 = require("../Tooltip");
|
9 | const DataListText = (_a) => {
|
10 | var { children = null, className = '', component = 'span', wrapModifier = null, tooltip: tooltipProp = '', onMouseEnter: onMouseEnterProp = () => { } } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "wrapModifier", "tooltip", "onMouseEnter"]);
|
11 | const Component = component;
|
12 | const [tooltip, setTooltip] = React.useState('');
|
13 | const onMouseEnter = (event) => {
|
14 | if (event.target.offsetWidth < event.target.scrollWidth) {
|
15 | setTooltip(tooltipProp || event.target.innerHTML);
|
16 | }
|
17 | else {
|
18 | setTooltip('');
|
19 | }
|
20 | onMouseEnterProp(event);
|
21 | };
|
22 | const text = (React.createElement(Component, Object.assign({ onMouseEnter: onMouseEnter, className: react_styles_1.css(className, wrapModifier && data_list_1.default.modifiers[wrapModifier], data_list_1.default.dataListText) }, props), children));
|
23 | return tooltip !== '' ? (React.createElement(Tooltip_1.Tooltip, { content: tooltip, isVisible: true }, text)) : (text);
|
24 | };
|
25 | exports.DataListText = DataListText;
|
26 | exports.DataListText.displayName = 'DataListText';
|
27 |
|
\ | No newline at end of file |