@helpscout/hsds-react/hooks/usePortal/usePortal.utils.js

React component library for Help Scout's Design System

"use strict";

exports.__esModule = true;
exports.createRootElement = createRootElement;
exports.addRootElement = addRootElement;

/* istanbul ignore file */

/**
 * Creates DOM element to be used as React root.
 * @param {String} selector A valid selector for the target container, e.g '#modal' or '.spotlight'
 * @returns {HTMLElement}
 */
function createRootElement(selector) {
  var rootContainer = document.createElement('div');

  if (selector.includes('.')) {
    rootContainer.classList.add(selector.replace('.', ''));
  } else {
    rootContainer.setAttribute('id', selector.replace('#', ''));
  }

  return rootContainer;
}
/**
 * Appends element as last child of body.
 * @param {HTMLElement} rootElem
 */


function addRootElement(rootElem) {
  document.body.insertBefore(rootElem, document.body.lastElementChild.nextElementSibling);
}