@atlaskit/editor-common 72.1.2 → 72.2.1

package/dist/esm/ui/Popup/utils.js

@@ -1,113 +1,95 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 export function isBody(elem) {
   return elem === document.body;
 }
 export function isTextNode(elem) {
   return elem && elem.nodeType === 3;
 }
+
 /**
  * Decides if given fitHeight fits below or above the target taking boundaries into account.
  */
-
 export function getVerticalPlacement(target, boundariesElement, fitHeight, alignY, forcePlacement, preventOverflow) {
   if (forcePlacement && alignY) {
     return alignY;
   }
-
   if (!fitHeight) {
     return 'bottom';
   }
-
   if (isTextNode(target)) {
     target = target.parentElement;
   }
-
   var boundariesClientRect = boundariesElement.getBoundingClientRect();
   var boundariesHeight = boundariesClientRect.height;
   var boundariesTop = isBody(boundariesElement) ? 0 : boundariesClientRect.top;
-
   var _target$getBoundingCl = target.getBoundingClientRect(),
-      targetTop = _target$getBoundingCl.top,
-      targetHeight = _target$getBoundingCl.height;
-
+    targetTop = _target$getBoundingCl.top,
+    targetHeight = _target$getBoundingCl.height;
   var spaceAbove = targetTop - (boundariesTop - boundariesElement.scrollTop);
-  var spaceBelow = boundariesTop + boundariesHeight - (targetTop + targetHeight); // Force vertical placement to bottom if the space above doesn't accomodate the fitHeight
+  var spaceBelow = boundariesTop + boundariesHeight - (targetTop + targetHeight);
 
+  // Force vertical placement to bottom if the space above doesn't accomodate the fitHeight
   if (preventOverflow) {
     if (spaceAbove <= fitHeight) {
       return 'bottom';
     }
   }
-
   if (spaceBelow >= fitHeight || spaceBelow >= spaceAbove) {
     return 'bottom';
   }
-
   return 'top';
 }
+
 /**
  * Decides if given fitWidth fits to the left or to the right of the target taking boundaries into account.
  */
-
 export function getHorizontalPlacement(target, boundariesElement, fitWidth, alignX, forcePlacement, preventOverflow) {
   // force placement unless preventOverflow is enabled
   if (forcePlacement && alignX && !preventOverflow) {
     return alignX;
   }
-
   if (!fitWidth) {
     return alignX || 'left';
   }
-
   if (isTextNode(target)) {
     target = target.parentElement;
   }
-
   var _target$getBoundingCl2 = target.getBoundingClientRect(),
-      targetLeft = _target$getBoundingCl2.left,
-      targetWidth = _target$getBoundingCl2.width;
-
+    targetLeft = _target$getBoundingCl2.left,
+    targetWidth = _target$getBoundingCl2.width;
   var _boundariesElement$ge = boundariesElement.getBoundingClientRect(),
-      boundariesLeft = _boundariesElement$ge.left,
-      boundariesWidth = _boundariesElement$ge.width;
-
+    boundariesLeft = _boundariesElement$ge.left,
+    boundariesWidth = _boundariesElement$ge.width;
   var spaceLeft = targetLeft - boundariesLeft + targetWidth;
   var spaceRight = boundariesLeft + boundariesWidth - targetLeft;
-
   if (alignX && spaceLeft > fitWidth && spaceRight > fitWidth) {
     return alignX;
   } else if (spaceRight >= fitWidth || spaceRight >= spaceLeft && !alignX) {
     return 'left';
   }
-
   return 'right';
 }
 export function calculatePlacement(target, boundariesElement, fitWidth, fitHeight, alignX, alignY, forcePlacement, preventOverflow) {
   return [getVerticalPlacement(target, boundariesElement, fitHeight, alignY, forcePlacement, preventOverflow), getHorizontalPlacement(target, boundariesElement, fitWidth, alignX, forcePlacement, preventOverflow)];
 }
-
 var calculateHorizontalPlacement = function calculateHorizontalPlacement(_ref) {
   var placement = _ref.placement,
-      targetLeft = _ref.targetLeft,
-      targetRight = _ref.targetRight,
-      targetWidth = _ref.targetWidth,
-      isPopupParentBody = _ref.isPopupParentBody,
-      popupOffsetParentLeft = _ref.popupOffsetParentLeft,
-      popupOffsetParentRight = _ref.popupOffsetParentRight,
-      popupOffsetParentScrollLeft = _ref.popupOffsetParentScrollLeft,
-      popupOffsetParentClientWidth = _ref.popupOffsetParentClientWidth,
-      popupClientWidth = _ref.popupClientWidth,
-      offset = _ref.offset,
-      _ref$allowOutOfBounds = _ref.allowOutOfBounds,
-      allowOutOfBounds = _ref$allowOutOfBounds === void 0 ? false : _ref$allowOutOfBounds;
+    targetLeft = _ref.targetLeft,
+    targetRight = _ref.targetRight,
+    targetWidth = _ref.targetWidth,
+    isPopupParentBody = _ref.isPopupParentBody,
+    popupOffsetParentLeft = _ref.popupOffsetParentLeft,
+    popupOffsetParentRight = _ref.popupOffsetParentRight,
+    popupOffsetParentScrollLeft = _ref.popupOffsetParentScrollLeft,
+    popupOffsetParentClientWidth = _ref.popupOffsetParentClientWidth,
+    popupClientWidth = _ref.popupClientWidth,
+    offset = _ref.offset,
+    _ref$allowOutOfBounds = _ref.allowOutOfBounds,
+    allowOutOfBounds = _ref$allowOutOfBounds === void 0 ? false : _ref$allowOutOfBounds;
   var position = {};
-
   if (placement === 'left') {
     position.left = Math.ceil(targetLeft - popupOffsetParentLeft + (isPopupParentBody ? 0 : popupOffsetParentScrollLeft) + offset[0]);
   } else if (placement === 'center') {
@@ -118,47 +100,38 @@ var calculateHorizontalPlacement = function calculateHorizontalPlacement(_ref) {
   } else {
     position.right = Math.ceil(popupOffsetParentRight - targetRight - (isPopupParentBody ? 0 : popupOffsetParentScrollLeft) + offset[0]);
   }
-
   if (!allowOutOfBounds) {
     if (position.left !== undefined) {
       position.left = getPopupXInsideParent(position.left, popupClientWidth, popupOffsetParentClientWidth);
     }
-
     if (position.right !== undefined) {
       position.right = getPopupXInsideParent(position.right, popupClientWidth, popupOffsetParentClientWidth);
     }
   }
-
   return position;
 };
-
 var getPopupXInsideParent = function getPopupXInsideParent(x, popupClientWidth, popupOffsetParentClientWidth) {
   // minimum distance the popup can be from the edge of its parent
-  var minPopupMargin = 1; // prevent going too far right
-
+  var minPopupMargin = 1;
+  // prevent going too far right
   if (popupOffsetParentClientWidth < x + popupClientWidth) {
     x = popupOffsetParentClientWidth - popupClientWidth - minPopupMargin;
-  } // prevent going too far left
-
-
+  }
+  // prevent going too far left
   return Math.max(minPopupMargin, x);
 };
-
 var calculateVerticalStickBottom = function calculateVerticalStickBottom(_ref2) {
   var target = _ref2.target,
-      targetTop = _ref2.targetTop,
-      targetHeight = _ref2.targetHeight,
-      popup = _ref2.popup,
-      offset = _ref2.offset,
-      position = _ref2.position;
+    targetTop = _ref2.targetTop,
+    targetHeight = _ref2.targetHeight,
+    popup = _ref2.popup,
+    offset = _ref2.offset,
+    position = _ref2.position;
   var scrollParent = findOverflowScrollParent(target);
-
   var newPos = _objectSpread({}, position);
-
   if (scrollParent) {
     var topOffsetTop = targetTop - scrollParent.getBoundingClientRect().top;
     var targetEnd = targetHeight + topOffsetTop;
-
     if (scrollParent.clientHeight - targetEnd <= popup.clientHeight + offset[1] * 2 && topOffsetTop < scrollParent.clientHeight) {
       var scroll = targetEnd - scrollParent.clientHeight + offset[1] * 2;
       var top = newPos.top || 0;
@@ -166,33 +139,26 @@ var calculateVerticalStickBottom = function calculateVerticalStickBottom(_ref2)
       newPos.top = top;
     }
   }
-
   return newPos;
 };
-
 var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
   var target = _ref3.target,
-      targetTop = _ref3.targetTop,
-      targetHeight = _ref3.targetHeight,
-      popupOffsetParentHeight = _ref3.popupOffsetParentHeight,
-      popupOffsetParent = _ref3.popupOffsetParent,
-      offset = _ref3.offset,
-      position = _ref3.position,
-      placement = _ref3.placement;
+    targetTop = _ref3.targetTop,
+    targetHeight = _ref3.targetHeight,
+    popupOffsetParentHeight = _ref3.popupOffsetParentHeight,
+    popupOffsetParent = _ref3.popupOffsetParent,
+    offset = _ref3.offset,
+    position = _ref3.position,
+    placement = _ref3.placement;
   var scrollParent = findOverflowScrollParent(target);
-
   var newPos = _objectSpread({}, position);
-
   if (scrollParent) {
     var _scrollParent$getBoun = scrollParent.getBoundingClientRect(),
-        scrollParentTop = _scrollParent$getBoun.top;
-
+      scrollParentTop = _scrollParent$getBoun.top;
     var topBoundary = targetTop - scrollParentTop;
     var scrollParentScrollTop = scrollParent.scrollTop;
-
     if (topBoundary < 0) {
       var isBelowNodeBoundary = targetTop + (scrollParentScrollTop - scrollParentTop) + targetHeight + offset[1] < scrollParentScrollTop;
-
       if (placement === 'top') {
         if (isBelowNodeBoundary) {
           newPos.bottom = popupOffsetParentHeight - (topBoundary + popupOffsetParent.scrollTop + targetHeight);
@@ -200,7 +166,6 @@ var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
           newPos.bottom = topBoundary + (newPos.bottom || 0);
         }
       }
-
       if (placement === 'start') {
         if (isBelowNodeBoundary) {
           newPos.top = topBoundary + popupOffsetParent.scrollTop + targetHeight;
@@ -210,22 +175,19 @@ var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
       }
     }
   }
-
   return newPos;
 };
-
 var calculateVerticalPlacement = function calculateVerticalPlacement(_ref4) {
   var placement = _ref4.placement,
-      targetTop = _ref4.targetTop,
-      targetHeight = _ref4.targetHeight,
-      isPopupParentBody = _ref4.isPopupParentBody,
-      popupOffsetParentHeight = _ref4.popupOffsetParentHeight,
-      popupOffsetParentTop = _ref4.popupOffsetParentTop,
-      popupOffsetParentScrollTop = _ref4.popupOffsetParentScrollTop,
-      borderBottomWidth = _ref4.borderBottomWidth,
-      offset = _ref4.offset;
+    targetTop = _ref4.targetTop,
+    targetHeight = _ref4.targetHeight,
+    isPopupParentBody = _ref4.isPopupParentBody,
+    popupOffsetParentHeight = _ref4.popupOffsetParentHeight,
+    popupOffsetParentTop = _ref4.popupOffsetParentTop,
+    popupOffsetParentScrollTop = _ref4.popupOffsetParentScrollTop,
+    borderBottomWidth = _ref4.borderBottomWidth,
+    offset = _ref4.offset;
   var position = {};
-
   if (placement === 'top') {
     position.bottom = Math.ceil(popupOffsetParentHeight - (targetTop - popupOffsetParentTop) - (isPopupParentBody ? 0 : popupOffsetParentScrollTop) - borderBottomWidth + offset[1]);
   } else if (placement === 'start') {
@@ -234,59 +196,49 @@ var calculateVerticalPlacement = function calculateVerticalPlacement(_ref4) {
     var top = Math.ceil(targetTop - popupOffsetParentTop + targetHeight + (isPopupParentBody ? 0 : popupOffsetParentScrollTop) - borderBottomWidth + offset[1]);
     position.top = top;
   }
-
   return position;
 };
+
 /**
  * Calculates relative coordinates for placing popup along with the target.
  * Uses placement from calculatePlacement.
  */
-
-
 export function calculatePosition(_ref5) {
   var placement = _ref5.placement,
-      target = _ref5.target,
-      popup = _ref5.popup,
-      offset = _ref5.offset,
-      stick = _ref5.stick,
-      _ref5$allowOutOfBound = _ref5.allowOutOfBounds,
-      allowOutOfBounds = _ref5$allowOutOfBound === void 0 ? false : _ref5$allowOutOfBound,
-      rect = _ref5.rect;
+    target = _ref5.target,
+    popup = _ref5.popup,
+    offset = _ref5.offset,
+    stick = _ref5.stick,
+    _ref5$allowOutOfBound = _ref5.allowOutOfBounds,
+    allowOutOfBounds = _ref5$allowOutOfBound === void 0 ? false : _ref5$allowOutOfBound,
+    rect = _ref5.rect;
   var position = {};
-
   if (!target || !popup || !popup.offsetParent) {
     return position;
   }
-
   if (isTextNode(target)) {
     target = target.parentElement;
   }
-
   var popupOffsetParent = popup.offsetParent;
   var offsetParentStyle = popupOffsetParent.style;
   var borderBottomWidth = 0;
-
   if (offsetParentStyle && offsetParentStyle.borderBottomWidth) {
     borderBottomWidth = parseInt(offsetParentStyle.borderBottomWidth, 10);
   }
-
   var _placement = _slicedToArray(placement, 2),
-      verticalPlacement = _placement[0],
-      horizontalPlacement = _placement[1];
-
+    verticalPlacement = _placement[0],
+    horizontalPlacement = _placement[1];
   var _ref6 = rect ? rect : popupOffsetParent.getBoundingClientRect(),
-      popupOffsetParentTop = _ref6.top,
-      popupOffsetParentLeft = _ref6.left,
-      popupOffsetParentRight = _ref6.right,
-      popupOffsetParentHeight = _ref6.height;
-
+    popupOffsetParentTop = _ref6.top,
+    popupOffsetParentLeft = _ref6.left,
+    popupOffsetParentRight = _ref6.right,
+    popupOffsetParentHeight = _ref6.height;
   var _target$getBoundingCl3 = target.getBoundingClientRect(),
-      targetTop = _target$getBoundingCl3.top,
-      targetLeft = _target$getBoundingCl3.left,
-      targetRight = _target$getBoundingCl3.right,
-      targetHeight = _target$getBoundingCl3.height,
-      targetWidth = _target$getBoundingCl3.width;
-
+    targetTop = _target$getBoundingCl3.top,
+    targetLeft = _target$getBoundingCl3.left,
+    targetRight = _target$getBoundingCl3.right,
+    targetHeight = _target$getBoundingCl3.height,
+    targetWidth = _target$getBoundingCl3.width;
   var isPopupParentBody = isBody(popupOffsetParent);
   var verticalPosition = calculateVerticalPlacement({
     placement: verticalPlacement,
@@ -300,7 +252,6 @@ export function calculatePosition(_ref5) {
     offset: offset
   });
   position = _objectSpread(_objectSpread({}, position), verticalPosition);
-
   if ((verticalPlacement === 'top' || verticalPlacement === 'start') && stick) {
     position = calculateVerticalStickTop({
       target: target,
@@ -314,7 +265,6 @@ export function calculatePosition(_ref5) {
       placement: verticalPlacement
     });
   }
-
   if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
     position = calculateVerticalStickBottom({
       target: target,
@@ -325,7 +275,6 @@ export function calculatePosition(_ref5) {
       position: position
     });
   }
-
   var horizontalPosition = calculateHorizontalPlacement({
     placement: horizontalPlacement,
     targetLeft: targetLeft,
@@ -348,28 +297,23 @@ export function validatePosition(popup) {
   if (!popup || !popup.offsetParent) {
     return false;
   }
-
   return true;
 }
+
 /**
  * Traverse DOM Tree upwards looking for popup parents with "overflow: scroll".
  */
-
 export function findOverflowScrollParent(popup) {
   var parent = popup;
-
   if (!parent) {
     return false;
   }
-
   while (parent = parent.parentElement) {
     // IE11 on Window 8 doesn't show styles from CSS when accessing through element.style property.
     var style = window.getComputedStyle(parent);
-
     if (style.overflow === 'scroll' || style.overflowX === 'scroll' || style.overflowY === 'scroll' || parent.classList.contains('fabric-editor-popup-scroll-parent')) {
       return parent;
     }
   }
-
   return false;
 }

package/dist/esm/ui/PortalProvider/PortalProviderThemesProvider.js

@@ -5,8 +5,9 @@ import AtlaskitTheme from '@atlaskit/theme/components';
 import { CHANNEL } from '@atlaskit/theme/constants';
 export function PortalProviderThemeProviders(props) {
   var children = props.children,
-      mode = props.mode;
-  var styledComponentsAndEmotionTheme = React.useMemo( // This return value should only be one of the following
+    mode = props.mode;
+  var styledComponentsAndEmotionTheme = React.useMemo(
+  // This return value should only be one of the following
   // - { [CHANNEL]: { mode },
   // - { theme: { [CHANNEL]: { mode } }
   // However, it appears that consumers have inconsistent expectations
@@ -16,7 +17,6 @@ export function PortalProviderThemeProviders(props) {
   // we are merging the two shapes consumers expect.
   function () {
     var _ref;
-
     return _ref = {}, _defineProperty(_ref, CHANNEL, {
       mode: mode
     }), _defineProperty(_ref, "theme", _defineProperty({}, CHANNEL, {

package/dist/esm/ui/PortalProvider/index.js

@@ -6,13 +6,9 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _class;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { createPortal, unmountComponentAtNode, unstable_renderSubtreeIntoContainer } from 'react-dom';
@@ -25,29 +21,21 @@ import IntlProviderIfMissingWrapper from '../IntlProviderIfMissingWrapper';
 import { PortalProviderThemeProviders } from './PortalProviderThemesProvider';
 export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
   _inherits(PortalProviderAPI, _EventDispatcher);
-
   var _super = _createSuper(PortalProviderAPI);
-
   function PortalProviderAPI(intl, onAnalyticsEvent, analyticsContext, themeMode) {
     var _this;
-
     _classCallCheck(this, PortalProviderAPI);
-
     _this = _super.call(this);
-
     _defineProperty(_assertThisInitialized(_this), "portals", new Map());
-
     _defineProperty(_assertThisInitialized(_this), "setContext", function (context) {
       _this.context = context;
     });
-
     _this.intl = intl;
     _this.onAnalyticsEvent = onAnalyticsEvent;
     _this.useAnalyticsContext = analyticsContext;
     _this.themeMode = themeMode;
     return _this;
   }
-
   _createClass(PortalProviderAPI, [{
     key: "render",
     value: function render(children, container) {
@@ -62,60 +50,55 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
         mode: this.themeMode
       }, children());
       var wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders) : childrenWithThemeProviders;
-
       if (hasIntlContext) {
         wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
           value: this.intl
         }, wrappedChildren);
       }
-
       unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
-    } // TODO: until https://product-fabric.atlassian.net/browse/ED-5013
+    }
+
+    // TODO: until https://product-fabric.atlassian.net/browse/ED-5013
     // we (unfortunately) need to re-render to pass down any updated context.
     // selectively do this for nodeviews that opt-in via `hasAnalyticsContext`
-
   }, {
     key: "forceUpdate",
     value: function forceUpdate(_ref) {
       var _this2 = this;
-
       var intl = _ref.intl,
-          themeMode = _ref.themeMode;
+        themeMode = _ref.themeMode;
       this.intl = intl;
       this.themeMode = themeMode;
       this.portals.forEach(function (portal, container) {
         if (!portal.hasAnalyticsContext && !_this2.useAnalyticsContext && !portal.hasIntlContext) {
           return;
         }
-
         var wrappedChildren = portal.children();
         var childrenWithThemeProviders = /*#__PURE__*/React.createElement(PortalProviderThemeProviders, {
           mode: themeMode
         }, wrappedChildren);
-
         if (portal.hasAnalyticsContext && _this2.useAnalyticsContext) {
           wrappedChildren = /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders);
         }
-
         if (portal.hasIntlContext) {
           wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
             value: _this2.intl
           }, childrenWithThemeProviders);
         }
-
         unstable_renderSubtreeIntoContainer(_this2.context, wrappedChildren, container);
       });
     }
   }, {
     key: "remove",
     value: function remove(container) {
-      this.portals.delete(container); // There is a race condition that can happen caused by Prosemirror vs React,
+      this.portals.delete(container);
+
+      // There is a race condition that can happen caused by Prosemirror vs React,
       // where Prosemirror removes the container from the DOM before React gets
       // around to removing the child from the container
       // This will throw a NotFoundError: The node to be removed is not a child of this node
       // Both Prosemirror and React remove the elements asynchronously, and in edge
       // cases Prosemirror beats React
-
       try {
         unmountComponentAtNode(container);
       } catch (error) {
@@ -140,25 +123,18 @@ export var PortalProviderAPI = /*#__PURE__*/function (_EventDispatcher) {
       }
     }
   }]);
-
   return PortalProviderAPI;
 }(EventDispatcher);
-
 var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
   _inherits(BasePortalProvider, _React$Component);
-
   var _super2 = _createSuper(BasePortalProvider);
-
   function BasePortalProvider(props) {
     var _this3;
-
     _classCallCheck(this, BasePortalProvider);
-
     _this3 = _super2.call(this, props);
     _this3.portalProviderAPI = new PortalProviderAPI(props.intl, props.onAnalyticsEvent, props.useAnalyticsContext, props.themeMode);
     return _this3;
   }
-
   _createClass(BasePortalProvider, [{
     key: "render",
     value: function render() {
@@ -173,28 +149,24 @@ var BasePortalProvider = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return BasePortalProvider;
 }(React.Component);
-
 _defineProperty(BasePortalProvider, "displayName", 'PortalProvider');
-
 export var PortalProvider = injectIntl(BasePortalProvider);
 export var PortalProviderWithThemeProviders = function PortalProviderWithThemeProviders(_ref2) {
   var onAnalyticsEvent = _ref2.onAnalyticsEvent,
-      useAnalyticsContext = _ref2.useAnalyticsContext,
-      render = _ref2.render;
+    useAnalyticsContext = _ref2.useAnalyticsContext,
+    render = _ref2.render;
   return /*#__PURE__*/React.createElement(IntlProviderIfMissingWrapper, null, /*#__PURE__*/React.createElement(PortalProviderWithThemeAndIntlProviders, {
     onAnalyticsEvent: onAnalyticsEvent,
     useAnalyticsContext: useAnalyticsContext,
     render: render
   }));
 };
-
 var PortalProviderWithThemeAndIntlProviders = function PortalProviderWithThemeAndIntlProviders(_ref3) {
   var onAnalyticsEvent = _ref3.onAnalyticsEvent,
-      useAnalyticsContext = _ref3.useAnalyticsContext,
-      render = _ref3.render;
+    useAnalyticsContext = _ref3.useAnalyticsContext,
+    render = _ref3.render;
   var intl = useIntl();
   var globalTheme = useGlobalTheme();
   return /*#__PURE__*/React.createElement(BasePortalProvider, {
@@ -205,25 +177,18 @@ var PortalProviderWithThemeAndIntlProviders = function PortalProviderWithThemeAn
     render: render
   });
 };
-
 export var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
   _inherits(PortalRenderer, _React$Component2);
-
   var _super3 = _createSuper(PortalRenderer);
-
   function PortalRenderer(props) {
     var _this4;
-
     _classCallCheck(this, PortalRenderer);
-
     _this4 = _super3.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this4), "handleUpdate", function (portals) {
       return _this4.setState({
         portals: portals
       });
     });
-
     props.portalProviderAPI.setContext(_assertThisInitialized(_this4));
     props.portalProviderAPI.on('update', _this4.handleUpdate);
     _this4.state = {
@@ -231,56 +196,47 @@ export var PortalRenderer = /*#__PURE__*/function (_React$Component2) {
     };
     return _this4;
   }
-
   _createClass(PortalRenderer, [{
     key: "render",
     value: function render() {
       var portals = this.state.portals;
       return /*#__PURE__*/React.createElement(React.Fragment, null, Array.from(portals.entries()).map(function (_ref4) {
         var _ref5 = _slicedToArray(_ref4, 2),
-            container = _ref5[0],
-            children = _ref5[1];
-
+          container = _ref5[0],
+          children = _ref5[1];
         return /*#__PURE__*/createPortal(children, container);
       }));
     }
   }]);
-
   return PortalRenderer;
 }(React.Component);
+
 /**
  * Wrapper to re-provide modern analytics context to ReactNodeViews.
  */
-
 var dummyAnalyticsContext = {
   getAtlaskitAnalyticsContext: function getAtlaskitAnalyticsContext() {},
   getAtlaskitAnalyticsEventHandlers: function getAtlaskitAnalyticsEventHandlers() {}
 };
 var AnalyticsContextWrapper = (_class = /*#__PURE__*/function (_React$Component3) {
   _inherits(AnalyticsContextWrapper, _React$Component3);
-
   var _super4 = _createSuper(AnalyticsContextWrapper);
-
   function AnalyticsContextWrapper() {
     _classCallCheck(this, AnalyticsContextWrapper);
-
     return _super4.apply(this, arguments);
   }
-
   _createClass(AnalyticsContextWrapper, [{
     key: "render",
     value: function render() {
       var _ref6 = this.context.contextAdapter.analytics || {
-        value: dummyAnalyticsContext
-      },
-          value = _ref6.value;
-
+          value: dummyAnalyticsContext
+        },
+        value = _ref6.value;
       return /*#__PURE__*/React.createElement(AnalyticsReactContext.Provider, {
         value: value
       }, this.props.children);
     }
   }]);
-
   return AnalyticsContextWrapper;
 }(React.Component), _defineProperty(_class, "contextTypes", {
   contextAdapter: PropTypes.object