react-bootstrap/amd/lib/utils/domUtils.js

Bootstrap 3 components build with React

define(['exports', 'module', 'react'], function (exports, module, _react) {
  'use strict';

  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

  var _React = _interopRequireDefault(_react);

  /**
   * Get elements owner document
   *
   * @param {ReactComponent|HTMLElement} componentOrElement
   * @returns {HTMLElement}
   */
  function ownerDocument(componentOrElement) {
    var elem = _React['default'].findDOMNode(componentOrElement);
    return elem && elem.ownerDocument || document;
  }

  /**
   * Shortcut to compute element style
   *
   * @param {HTMLElement} elem
   * @returns {CssStyle}
   */
  function getComputedStyles(elem) {
    return ownerDocument(elem).defaultView.getComputedStyle(elem, null);
  }

  /**
   * Get elements offset
   *
   * TODO: REMOVE JQUERY!
   *
   * @param {HTMLElement} DOMNode
   * @returns {{top: number, left: number}}
   */
  function getOffset(DOMNode) {
    if (window.jQuery) {
      return window.jQuery(DOMNode).offset();
    }

    var docElem = ownerDocument(DOMNode).documentElement;
    var box = { top: 0, left: 0 };

    // If we don't have gBCR, just use 0,0 rather than error
    // BlackBerry 5, iOS 3 (original iPhone)
    if (typeof DOMNode.getBoundingClientRect !== 'undefined') {
      box = DOMNode.getBoundingClientRect();
    }

    return {
      top: box.top + window.pageYOffset - docElem.clientTop,
      left: box.left + window.pageXOffset - docElem.clientLeft
    };
  }

  /**
   * Get elements position
   *
   * TODO: REMOVE JQUERY!
   *
   * @param {HTMLElement} elem
   * @param {HTMLElement?} offsetParent
   * @returns {{top: number, left: number}}
   */
  function getPosition(elem, offsetParent) {
    if (window.jQuery) {
      return window.jQuery(elem).position();
    }

    var offset = undefined,
        parentOffset = { top: 0, left: 0 };

    // Fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is its only offset parent
    if (getComputedStyles(elem).position === 'fixed') {
      // We assume that getBoundingClientRect is available when computed position is fixed
      offset = elem.getBoundingClientRect();
    } else {
      if (!offsetParent) {
        // Get *real* offsetParent
        offsetParent = offsetParentFunc(elem);
      }

      // Get correct offsets
      offset = getOffset(elem);
      if (offsetParent.nodeName !== 'HTML') {
        parentOffset = getOffset(offsetParent);
      }

      // Add offsetParent borders
      parentOffset.top += parseInt(getComputedStyles(offsetParent).borderTopWidth, 10);
      parentOffset.left += parseInt(getComputedStyles(offsetParent).borderLeftWidth, 10);
    }

    // Subtract parent offsets and element margins
    return {
      top: offset.top - parentOffset.top - parseInt(getComputedStyles(elem).marginTop, 10),
      left: offset.left - parentOffset.left - parseInt(getComputedStyles(elem).marginLeft, 10)
    };
  }

  /**
   * Get parent element
   *
   * @param {HTMLElement?} elem
   * @returns {HTMLElement}
   */
  function offsetParentFunc(elem) {
    var docElem = ownerDocument(elem).documentElement;
    var offsetParent = elem.offsetParent || docElem;

    while (offsetParent && (offsetParent.nodeName !== 'HTML' && getComputedStyles(offsetParent).position === 'static')) {
      offsetParent = offsetParent.offsetParent;
    }

    return offsetParent || docElem;
  }

  module.exports = {
    ownerDocument: ownerDocument,
    getComputedStyles: getComputedStyles,
    getOffset: getOffset,
    getPosition: getPosition,
    offsetParent: offsetParentFunc
  };
});