box-ui-elements-mlh/es/elements/content-open-with/IntegrationPortal.js

Box UI Elements

/**
 * 
 * @file Allows react to render a component in an arbitrary DOM node, in this case in a new window.
 * @author Box
 */
import { createPortal } from 'react-dom';

/**
 * Copies stylesheets to the new window.
 *
 * @private
 * @param {HTMLDocument} documentElement - an HTML document
 * @param {Window} integrationWindow - a browser window
 * @return {void}
 */
export function copyStyles(documentElement, integrationWindow) {
  // The new window will have no CSS, so we copy all style sheets as a safe way
  // of ensuring required styles are present
  Array.from(documentElement.styleSheets).forEach(function (styleSheet) {
    if (!styleSheet.href) {
      return;
    }

    var copiedStyleSheet = integrationWindow.document.createElement('link');
    copiedStyleSheet.rel = 'stylesheet';
    copiedStyleSheet.href = styleSheet.href;
    integrationWindow.document.head.appendChild(copiedStyleSheet);
  }); // Reset margin and padding in our new window

  integrationWindow.document.body.style.margin = 0;
  integrationWindow.document.body.style.padding = 0;
}

var IntegrationPortal = function IntegrationPortal(_ref) {
  var integrationWindow = _ref.integrationWindow,
      children = _ref.children;
  var containerElement = integrationWindow.document.createElement('div');
  copyStyles(document, integrationWindow);
  integrationWindow.document.body.appendChild(containerElement);
  return /*#__PURE__*/createPortal(children, containerElement);
};

export default IntegrationPortal;
//# sourceMappingURL=IntegrationPortal.js.map