wix-style-react/src/Tooltip/TooltipContainerStrategy.js

wix-style-react

export class TooltipContainerStrategy {
  constructor(appendTo, appendToParent, appendByPredicate) {
    this._predicates = [
      element =>
        element.getAttribute('data-class') === 'page-scrollable-content',
      element => element === document.body,
    ];

    this._ancestor = null;
    this._appendTo = appendTo;
    this._appendToParent = appendToParent;
    if (appendByPredicate) {
      this._predicates.push(appendByPredicate);
    }
  }

  _findAncestor(element) {
    while (element) {
      if (this._predicates.some(pred => pred(element))) { // eslint-disable-line
        break;
      }

      element = element.parentElement;
    }

    return element || document.body;
  }

  getContainer(element) {
    if (!document) {
      return null;
    }

    if (this._appendTo) {
      return this._appendTo;
    }

    if (this._appendToParent) {
      return element.parentElement;
    }

    if (!this._ancestor) {
      this._ancestor = this._findAncestor(element);
    }

    return this._ancestor;
  }
}