1 |
|
2 | import $ from 'jquery';
|
3 |
|
4 | export default function findTooltip(selector, { targetSelector } = {}) {
|
5 |
|
6 | if (!selector) {
|
7 | selector = '.ember-tooltip, .ember-popover';
|
8 | }
|
9 |
|
10 | |
11 |
|
12 |
|
13 | let $tooltips = $(document.body).find(selector);
|
14 | const tooltipElements = $tooltips.toArray().
|
15 | map((el) => getActualTooltip(el, targetSelector)).
|
16 | filter((el) => el);
|
17 | $tooltips = $(tooltipElements);
|
18 |
|
19 | if ($tooltips.length && !$tooltips.hasClass('ember-tooltip') && !$tooltips.hasClass('ember-popover')) {
|
20 | throw Error(`getTooltipFromBody(): returned an element that is not a tooltip`);
|
21 | } else if ($tooltips.length > 1) {
|
22 | console.warn(`getTooltipFromBody(): Multiple tooltips were found. Consider passing { selector: '.specific-tooltip-class' }`);
|
23 | }
|
24 |
|
25 | return $tooltips;
|
26 | }
|
27 |
|
28 | function getActualTooltip(tooltip, targetSelector) {
|
29 | let $tooltip = $(tooltip);
|
30 |
|
31 | if ($tooltip.hasClass('ember-tooltip-base')) {
|
32 | |
33 |
|
34 |
|
35 |
|
36 | const $target = $tooltip.closest('.ember-tooltip-target, .ember-popover-target');
|
37 |
|
38 |
|
39 | if (!$target.length || (targetSelector && !$target.is(targetSelector))) {
|
40 | return null;
|
41 | }
|
42 |
|
43 | $tooltip = $(document.body).find(`#${$target.attr('aria-describedby')}`);
|
44 | }
|
45 |
|
46 | return $tooltip[0];
|
47 | }
|