@atlaskit/editor-common 72.2.0 → 72.2.2

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,57 +11,33 @@ Object.defineProperty(exports, "findOverflowScrollParent", {
     return _utils.findOverflowScrollParent;
   }
 });
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _focusTrap = _interopRequireDefault(require("focus-trap"));
-
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-
 var _reactDom = require("react-dom");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _utils = require("./utils");
-
 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-
 var Popup = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Popup, _React$Component);
-
   var _super = _createSuper(Popup);
-
   function Popup() {
     var _window;
-
     var _this;
-
     (0, _classCallCheck2.default)(this, Popup);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "rafIds", new Set());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
@@ -74,7 +49,6 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       if (!popup) {
         return;
       }
-
       _this.initPopup(popup);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scheduledUpdatePosition", (0, _rafSchd.default)(function (props) {
@@ -88,11 +62,9 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     }) : undefined);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "initFocusTrap", (0, _rafSchd.default)(function () {
       var popup = _this.popupRef.current;
-
       if (!popup) {
         return;
       }
-
       var trapConfig = {
         clickOutsideDeactivates: true,
         escapeDeactivates: true,
@@ -101,12 +73,10 @@ var Popup = /*#__PURE__*/function (_React$Component) {
         returnFocusOnDeactivate: false
       };
       _this.focusTrap = (0, _focusTrap.default)(popup, trapConfig);
-
       _this.focusTrap.activate();
     }));
     return _this;
   }
-
   (0, _createClass2.default)(Popup, [{
     key: "calculatePosition",
     value:
@@ -115,31 +85,27 @@ var Popup = /*#__PURE__*/function (_React$Component) {
      */
     function calculatePosition(props, popup) {
       var target = props.target,
-          fitHeight = props.fitHeight,
-          fitWidth = props.fitWidth,
-          boundariesElement = props.boundariesElement,
-          offset = props.offset,
-          onPositionCalculated = props.onPositionCalculated,
-          onPlacementChanged = props.onPlacementChanged,
-          alignX = props.alignX,
-          alignY = props.alignY,
-          stick = props.stick,
-          forcePlacement = props.forcePlacement,
-          allowOutOfBounds = props.allowOutOfBounds,
-          rect = props.rect,
-          preventOverflow = props.preventOverflow;
-
+        fitHeight = props.fitHeight,
+        fitWidth = props.fitWidth,
+        boundariesElement = props.boundariesElement,
+        offset = props.offset,
+        onPositionCalculated = props.onPositionCalculated,
+        onPlacementChanged = props.onPlacementChanged,
+        alignX = props.alignX,
+        alignY = props.alignY,
+        stick = props.stick,
+        forcePlacement = props.forcePlacement,
+        allowOutOfBounds = props.allowOutOfBounds,
+        rect = props.rect,
+        preventOverflow = props.preventOverflow;
       if (!target || !popup) {
         return {};
       }
-
       var placement = (0, _utils.calculatePlacement)(target, boundariesElement || document.body, fitWidth, fitHeight, alignX, alignY, forcePlacement, preventOverflow);
-
       if (onPlacementChanged && this.placement.join('') !== placement.join('')) {
         onPlacementChanged(placement);
         this.placement = placement;
       }
-
       var position = (0, _utils.calculatePosition)({
         placement: placement,
         popup: popup,
@@ -161,11 +127,9 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;
       var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;
       var popup = state.popup;
-
       var _this$calculatePositi = this.calculatePosition(props, popup),
-          position = _this$calculatePositi.position,
-          validPosition = _this$calculatePositi.validPosition;
-
+        position = _this$calculatePositi.position,
+        validPosition = _this$calculatePositi.validPosition;
       if (position && validPosition) {
         this.setState({
           position: position,
@@ -186,22 +150,20 @@ var Popup = /*#__PURE__*/function (_React$Component) {
        */
       return !target || document.body.contains(target) && popup.offsetParent && !popup.offsetParent.contains(target) || overflowScrollParent && !overflowScrollParent.contains(popup.offsetParent);
     }
+
     /**
      * Popup initialization.
      * Checks whether it's possible to position popup along given target, and if it's not throws an error.
      */
-
   }, {
     key: "initPopup",
     value: function initPopup(popup) {
       this.popupRef.current = popup;
       var target = this.props.target;
       var overflowScrollParent = (0, _utils.findOverflowScrollParent)(popup);
-
       if (this.cannotSetPopup(popup, target, overflowScrollParent)) {
         return;
       }
-
       this.setState({
         popup: popup
       });
@@ -216,9 +178,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
        * So, calling scheduledUpdatePosition to position popup on next request animation frame,
        * which is currently working for most of the floating toolbar and other popups.
        */
-
       this.scheduledUpdatePosition(this.props);
-
       if (this.props.focusTrap) {
         this.initFocusTrap();
       }
@@ -239,14 +199,13 @@ var Popup = /*#__PURE__*/function (_React$Component) {
      */
     function destroyFocusTrap() {
       var _this$focusTrap;
-
       this.initFocusTrap.cancel();
       (_this$focusTrap = this.focusTrap) === null || _this$focusTrap === void 0 ? void 0 : _this$focusTrap.deactivate();
     }
+
     /**
      * Handle pausing, unpausing, and initialising (if not yet initialised) of the focus trap
      */
-
   }, {
     key: "handleChangedFocusTrapProp",
     value: function handleChangedFocusTrapProp(prevProps) {
@@ -254,16 +213,15 @@ var Popup = /*#__PURE__*/function (_React$Component) {
         // If currently set to disable, then pause the trap if it exists
         if (!this.props.focusTrap) {
           var _this$focusTrap2;
-
           return (_this$focusTrap2 = this.focusTrap) === null || _this$focusTrap2 === void 0 ? void 0 : _this$focusTrap2.pause();
-        } // If set to enabled and trap already exists, unpause
-
+        }
 
+        // If set to enabled and trap already exists, unpause
         if (this.focusTrap) {
           this.focusTrap.unpause();
-        } // Else initialise the focus trap
-
+        }
 
+        // Else initialise the focus trap
         return this.initFocusTrap();
       }
     }
@@ -278,17 +236,14 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       window.addEventListener('resize', this.onResize);
       var stick = this.props.stick;
       this.scrollParentElement = (0, _utils.findOverflowScrollParent)(this.props.target);
-
       if (this.scrollParentElement && this.resizeObserver) {
         this.resizeObserver.observe(this.scrollParentElement);
       }
-
       if (stick) {
         this.scrollElement = this.scrollParentElement;
       } else {
         this.scrollElement = this.props.scrollableElement;
       }
-
       if (this.scrollElement) {
         this.scrollElement.addEventListener('scroll', this.onResize);
       }
@@ -297,15 +252,12 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       window.removeEventListener('resize', this.onResize);
-
       if (this.scrollElement) {
         this.scrollElement.removeEventListener('scroll', this.onResize);
       }
-
       if (this.scrollParentElement && this.resizeObserver) {
         this.resizeObserver.unobserve(this.scrollParentElement);
       }
-
       this.scheduledUpdatePosition.cancel();
       this.destroyFocusTrap();
     }
@@ -314,18 +266,17 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     value: function renderPopup() {
       var position = this.state.position;
       var shouldRenderPopup = this.props.shouldRenderPopup;
-
       if (shouldRenderPopup && !shouldRenderPopup(position || {})) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: this.handleRef,
         style: _objectSpread(_objectSpread({
           position: 'absolute',
           zIndex: this.props.zIndex || _editorSharedStyles.akEditorFloatingPanelZIndex
         }, position), this.props.style),
-        "aria-label": this.props.ariaLabel || 'Popup' // Indicates component is an editor pop. Required for focus handling in Message.tsx
+        "aria-label": this.props.ariaLabel || 'Popup'
+        // Indicates component is an editor pop. Required for focus handling in Message.tsx
         ,
         "data-editor-popup": true
       }, this.props.children);
@@ -334,26 +285,23 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          target = _this$props.target,
-          mountTo = _this$props.mountTo;
+        target = _this$props.target,
+        mountTo = _this$props.mountTo;
       var validPosition = this.state.validPosition;
-
       if (!target || !validPosition) {
         return null;
       }
-
       if (mountTo) {
         return /*#__PURE__*/(0, _reactDom.createPortal)(this.renderPopup(), mountTo);
-      } // Without mountTo property renders popup as is,
-      // which means it will be cropped by "overflow: hidden" container.
-
+      }
 
+      // Without mountTo property renders popup as is,
+      // which means it will be cropped by "overflow: hidden" container.
       return this.renderPopup();
     }
   }]);
   return Popup;
 }(_react.default.Component);
-
 exports.default = Popup;
 (0, _defineProperty2.default)(Popup, "defaultProps", {
   offset: [0, 0],