@atlaskit/editor-common 72.2.0 → 72.2.2

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,122 +12,98 @@ exports.getVerticalPlacement = getVerticalPlacement;
 exports.isBody = isBody;
 exports.isTextNode = isTextNode;
 exports.validatePosition = validatePosition;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@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) { (0, _defineProperty2.default)(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; }
-
 function isBody(elem) {
   return elem === document.body;
 }
-
 function isTextNode(elem) {
   return elem && elem.nodeType === 3;
 }
+
 /**
  * Decides if given fitHeight fits below or above the target taking boundaries into account.
  */
-
-
 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.
  */
-
-
 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';
 }
-
 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') {
@@ -139,47 +114,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;
@@ -187,33 +153,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);
@@ -221,7 +180,6 @@ var calculateVerticalStickTop = function calculateVerticalStickTop(_ref3) {
           newPos.bottom = topBoundary + (newPos.bottom || 0);
         }
       }
-
       if (placement === 'start') {
         if (isBelowNodeBoundary) {
           newPos.top = topBoundary + popupOffsetParent.scrollTop + targetHeight;
@@ -231,22 +189,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') {
@@ -255,59 +210,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.
  */
-
-
 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 = (0, _slicedToArray2.default)(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,
@@ -321,7 +266,6 @@ function calculatePosition(_ref5) {
     offset: offset
   });
   position = _objectSpread(_objectSpread({}, position), verticalPosition);
-
   if ((verticalPlacement === 'top' || verticalPlacement === 'start') && stick) {
     position = calculateVerticalStickTop({
       target: target,
@@ -335,7 +279,6 @@ function calculatePosition(_ref5) {
       placement: verticalPlacement
     });
   }
-
   if (verticalPlacement !== 'top' && verticalPlacement !== 'start' && stick) {
     position = calculateVerticalStickBottom({
       target: target,
@@ -346,7 +289,6 @@ function calculatePosition(_ref5) {
       position: position
     });
   }
-
   var horizontalPosition = calculateHorizontalPlacement({
     placement: horizontalPlacement,
     targetLeft: targetLeft,
@@ -364,35 +306,28 @@ function calculatePosition(_ref5) {
   position = _objectSpread(_objectSpread({}, position), horizontalPosition);
   return position;
 }
-
 function validatePosition(popup) {
   // popup.offsetParent does not exist if the popup element is not mounted
   if (!popup || !popup.offsetParent) {
     return false;
   }
-
   return true;
 }
+
 /**
  * Traverse DOM Tree upwards looking for popup parents with "overflow: scroll".
  */
-
-
 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/cjs/ui/PortalProvider/PortalProviderThemesProvider.js

@@ -1,27 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PortalProviderThemeProviders = PortalProviderThemeProviders;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _components = _interopRequireDefault(require("@atlaskit/theme/components"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 function PortalProviderThemeProviders(props) {
   var children = props.children,
-      mode = props.mode;
-
-  var styledComponentsAndEmotionTheme = _react.default.useMemo( // This return value should only be one of the following
+    mode = props.mode;
+  var styledComponentsAndEmotionTheme = _react.default.useMemo(
+  // This return value should only be one of the following
   // - { [CHANNEL]: { mode },
   // - { theme: { [CHANNEL]: { mode } }
   // However, it appears that consumers have inconsistent expectations
@@ -31,20 +24,17 @@ function PortalProviderThemeProviders(props) {
   // we are merging the two shapes consumers expect.
   function () {
     var _ref;
-
     return _ref = {}, (0, _defineProperty2.default)(_ref, _constants.CHANNEL, {
       mode: mode
     }), (0, _defineProperty2.default)(_ref, "theme", (0, _defineProperty2.default)({}, _constants.CHANNEL, {
       mode: mode
     })), _ref;
   }, [mode]);
-
   var atlaskitTheme = _react.default.useCallback(function () {
     return {
       mode: mode
     };
   }, [mode]);
-
   return /*#__PURE__*/_react.default.createElement(_react2.ThemeProvider, {
     theme: styledComponentsAndEmotionTheme
   }, /*#__PURE__*/_react.default.createElement(_components.default.Provider, {