@titaui/pc 1.16.93-beta.3 → 1.16.94

package/lib/components/rich-editor/schemas/list.js

@@ -11,21 +11,23 @@ exports.orderedList = exports.listItem = void 0;
 exports.sinkListItem = sinkListItem;
 exports.splitListItem = splitListItem;
 exports.wrapInList = wrapInList;
+
 var _prosemirrorTransform = require("prosemirror-transform");
+
 var _prosemirrorModel = require("prosemirror-model");
+
 var preCls = 'tita-rich-editor';
 var olDOM = ["ol", {
-    "class": preCls + '-ol'
-  }, 0],
-  ulDOM = ["ul", {
-    "class": preCls + '-ul'
-  }, 0];
-
-// :: NodeSpec
+  "class": preCls + '-ol'
+}, 0],
+    ulDOM = ["ul", {
+  "class": preCls + '-ul'
+}, 0]; // :: NodeSpec
 // An ordered list [node spec](#model.NodeSpec). Has a single
 // attribute, `order`, which determines the number at which the list
 // starts counting, and defaults to 1. Represented as an `<ol>`
 // element.
+
 var orderedList = {
   attrs: {
     order: {
@@ -45,10 +47,9 @@ var orderedList = {
       start: node.attrs.order
     }, 0];
   }
-};
-
-// :: NodeSpec
+}; // :: NodeSpec
 // A bullet list node spec, represented in the DOM as `<ul>`.
+
 exports.orderedList = orderedList;
 var bulletList = {
   parseDOM: [{
@@ -57,10 +58,9 @@ var bulletList = {
   toDOM: function toDOM() {
     return ulDOM;
   }
-};
-
-// :: NodeSpec
+}; // :: NodeSpec
 // A list item (`<li>`) spec.
+
 exports.bulletList = bulletList;
 var listItem = {
   attrs: {
@@ -80,18 +80,20 @@ var listItem = {
   defining: true
 };
 exports.listItem = listItem;
+
 function add(obj, props) {
   var copy = {};
+
   for (var prop in obj) {
     copy[prop] = obj[prop];
   }
+
   for (var _prop in props) {
     copy[_prop] = props[_prop];
   }
-  return copy;
-}
 
-// :: (OrderedMap<NodeSpec>, string, ?string) → OrderedMap<NodeSpec>
+  return copy;
+} // :: (OrderedMap<NodeSpec>, string, ?string) → OrderedMap<NodeSpec>
 // Convenience function for adding list-related node types to a map
 // specifying the nodes for a schema. Adds
 // [`orderedList`](#schema-list.orderedList) as `"ordered_list"`,
@@ -104,6 +106,8 @@ function add(obj, props) {
 // `"paragraph (ordered_list | bullet_list)*"`. `listGroup` can be
 // given to assign a group name to the list node types, for example
 // `"block"`.
+
+
 function addListNodes(nodes, itemContent, listGroup) {
   return nodes.append({
     ordered_list: add(orderedList, {
@@ -118,23 +122,23 @@ function addListNodes(nodes, itemContent, listGroup) {
       content: itemContent
     })
   });
-}
-
-// :: (NodeType, ?Object) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
+} // :: (NodeType, ?Object) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
 // Returns a command function that wraps the selection in a list with
 // the given type an attributes. If `dispatch` is null, only return a
 // value to indicate whether this is possible, but don't actually
 // perform the change.
+
+
 function wrapInList(listType, attrs) {
   return function (state, dispatch) {
     var _state$selection = state.selection,
-      $from = _state$selection.$from,
-      $to = _state$selection.$to;
+        $from = _state$selection.$from,
+        $to = _state$selection.$to;
     var range = $from.blockRange($to),
-      doJoin = false,
-      outerRange = range;
-    if (!range) return false;
-    // This is at the top of an existing list item
+        doJoin = false,
+        outerRange = range;
+    if (!range) return false; // This is at the top of an existing list item
+
     if (range.depth >= 2 && $from.node(range.depth - 1).type.compatibleContent(listType) && range.startIndex == 0) {
       // Don't do anything if this is the top of the list
       if ($from.index(range.depth - 1) == 0) return false;
@@ -143,75 +147,93 @@ function wrapInList(listType, attrs) {
       if (range.endIndex < range.parent.childCount) range = new _prosemirrorModel.NodeRange($from, state.doc.resolve($to.end(range.depth)), range.depth);
       doJoin = true;
     }
+
     var wrap = (0, _prosemirrorTransform.findWrapping)(outerRange, listType, attrs, range);
     if (!wrap) return false;
     if (dispatch) dispatch(doWrapInList(state.tr, range, wrap, doJoin, listType).scrollIntoView());
     return true;
   };
 }
+
 function doWrapInList(tr, range, wrappers, joinBefore, listType) {
   var content = _prosemirrorModel.Fragment.empty;
+
   for (var i = wrappers.length - 1; i >= 0; i--) {
     content = _prosemirrorModel.Fragment.from(wrappers[i].type.create(wrappers[i].attrs, content));
   }
+
   tr.step(new _prosemirrorTransform.ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new _prosemirrorModel.Slice(content, 0, 0), wrappers.length, true));
   var found = 0;
+
   for (var _i = 0; _i < wrappers.length; _i++) {
     if (wrappers[_i].type == listType) found = _i + 1;
   }
+
   var splitDepth = wrappers.length - found;
   var splitPos = range.start + wrappers.length - (joinBefore ? 2 : 0),
-    parent = range.parent;
+      parent = range.parent;
+
   for (var _i2 = range.startIndex, e = range.endIndex, first = true; _i2 < e; _i2++, first = false) {
     if (!first && (0, _prosemirrorTransform.canSplit)(tr.doc, splitPos, splitDepth)) {
       tr.split(splitPos, splitDepth);
       splitPos += 2 * splitDepth;
     }
+
     splitPos += parent.child(_i2).nodeSize;
   }
-  return tr;
-}
 
-// :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
+  return tr;
+} // :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
 // Build a command that splits a non-empty textblock at the top level
 // of a list item by also splitting that list item.
+
+
 function splitListItem(itemType) {
   return function (state, dispatch) {
     var _state$selection2 = state.selection,
-      $from = _state$selection2.$from,
-      $to = _state$selection2.$to,
-      node = _state$selection2.node;
+        $from = _state$selection2.$from,
+        $to = _state$selection2.$to,
+        node = _state$selection2.node;
     if (node && node.isBlock || $from.depth < 2 || !$from.sameParent($to)) return false;
     var grandParent = $from.node(-1);
     if (grandParent.type != itemType) return false;
+
     if ($from.parent.content.size == 0 && $from.node(-1).childCount == $from.indexAfter(-1)) {
       // In an empty block. If this is a nested list, the wrapping
       // list item should be split. Otherwise, bail out and let next
       // command handle lifting.
       if ($from.depth == 2 || $from.node(-3).type != itemType || $from.index(-2) != $from.node(-2).childCount - 1) return false;
+
       if (dispatch) {
         var wrap = _prosemirrorModel.Fragment.empty;
-        var depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3;
-        // Build a fragment containing empty versions of the structure
+        var depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3; // Build a fragment containing empty versions of the structure
         // from the outer list item to the parent node of the cursor
+
         for (var d = $from.depth - depthBefore; d >= $from.depth - 3; d--) {
           wrap = _prosemirrorModel.Fragment.from($from.node(d).copy(wrap));
         }
-        var depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1 : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3;
-        // Add a second list item with an empty default start node
+
+        var depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1 : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3; // Add a second list item with an empty default start node
+
         wrap = wrap.append(_prosemirrorModel.Fragment.from(itemType.createAndFill()));
         var start = $from.before($from.depth - (depthBefore - 1));
+
         var _tr = state.tr.replace(start, $from.after(-depthAfter), new _prosemirrorModel.Slice(wrap, 4 - depthBefore, 0));
+
         var sel = -1;
+
         _tr.doc.nodesBetween(start, _tr.doc.content.size, function (node, pos) {
           if (sel > -1) return false;
           if (node.isTextblock && node.content.size == 0) sel = pos + 1;
         });
+
         if (sel > -1) _tr.setSelection(state.selection.constructor.near(_tr.doc.resolve(sel)));
         dispatch(_tr.scrollIntoView());
       }
+
       return true;
     }
+
     var nextType = $to.pos == $from.end() ? grandParent.contentMatchAt(0).defaultType : null;
     var tr = state.tr["delete"]($from.pos, $to.pos);
     var types = nextType && [null, {
@@ -221,75 +243,78 @@ function splitListItem(itemType) {
     if (dispatch) dispatch(tr.split($from.pos, 2, types).scrollIntoView());
     return true;
   };
-}
-
-// :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
+} // :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
 // Create a command to lift the list item around the selection up into
 // a wrapping list.
+
+
 function liftListItem(itemType) {
   return function (state, dispatch) {
     var _state$selection3 = state.selection,
-      $from = _state$selection3.$from,
-      $to = _state$selection3.$to;
+        $from = _state$selection3.$from,
+        $to = _state$selection3.$to;
     var range = $from.blockRange($to, function (node) {
       return node.childCount && node.firstChild.type == itemType;
     });
     if (!range) return false;
     if (!dispatch) return true;
-    if ($from.node(range.depth - 1).type == itemType)
-      // Inside a parent list
-      return liftToOuterList(state, dispatch, itemType, range);else
-      // Outer list node
+    if ($from.node(range.depth - 1).type == itemType) // Inside a parent list
+      return liftToOuterList(state, dispatch, itemType, range);else // Outer list node
       return liftOutOfList(state, dispatch, range);
   };
 }
+
 function liftToOuterList(state, dispatch, itemType, range) {
   var tr = state.tr,
-    end = range.end,
-    endOfList = range.$to.end(range.depth);
+      end = range.end,
+      endOfList = range.$to.end(range.depth);
+
   if (end < endOfList) {
     // There are siblings after the lifted items, which must become
     // children of the last item
     tr.step(new _prosemirrorTransform.ReplaceAroundStep(end - 1, endOfList, end, endOfList, new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
     range = new _prosemirrorModel.NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
   }
+
   dispatch(tr.lift(range, (0, _prosemirrorTransform.liftTarget)(range)).scrollIntoView());
   return true;
 }
+
 function liftOutOfList(state, dispatch, range) {
   var tr = state.tr,
-    list = range.parent;
-  // Merge the list items into a single big item
+      list = range.parent; // Merge the list items into a single big item
+
   for (var pos = range.end, i = range.endIndex - 1, e = range.startIndex; i > e; i--) {
     pos -= list.child(i).nodeSize;
     tr["delete"](pos - 1, pos + 1);
   }
+
   var $start = tr.doc.resolve(range.start),
-    item = $start.nodeAfter;
+      item = $start.nodeAfter;
   if (tr.mapping.map(range.end) != range.start + $start.nodeAfter.nodeSize) return false;
   var atStart = range.startIndex == 0,
-    atEnd = range.endIndex == list.childCount;
+      atEnd = range.endIndex == list.childCount;
   var parent = $start.node(-1),
-    indexBefore = $start.index(-1);
+      indexBefore = $start.index(-1);
   if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? _prosemirrorModel.Fragment.empty : _prosemirrorModel.Fragment.from(list)))) return false;
   var start = $start.pos,
-    end = start + item.nodeSize;
-  // Strip off the surrounding list. At the sides where we're not at
+      end = start + item.nodeSize; // Strip off the surrounding list. At the sides where we're not at
   // the end of the list, the existing list is closed. At sides where
   // this is the end, it is overwritten to its end.
+
   tr.step(new _prosemirrorTransform.ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new _prosemirrorModel.Slice((atStart ? _prosemirrorModel.Fragment.empty : _prosemirrorModel.Fragment.from(list.copy(_prosemirrorModel.Fragment.empty))).append(atEnd ? _prosemirrorModel.Fragment.empty : _prosemirrorModel.Fragment.from(list.copy(_prosemirrorModel.Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
   dispatch(tr.scrollIntoView());
   return true;
-}
-
-// :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
+} // :: (NodeType) → (state: EditorState, dispatch: ?(tr: Transaction)) → bool
 // Create a command to sink the list item around the selection down
 // into an inner list.
+
+
 function sinkListItem(itemType) {
   return function (state, dispatch) {
     var _state$selection4 = state.selection,
-      $from = _state$selection4.$from,
-      $to = _state$selection4.$to;
+        $from = _state$selection4.$from,
+        $to = _state$selection4.$to;
     var range = $from.blockRange($to, function (node) {
       return node.childCount && node.firstChild.type == itemType;
     });
@@ -297,16 +322,20 @@ function sinkListItem(itemType) {
     var startIndex = range.startIndex;
     if (startIndex == 0) return false;
     var parent = range.parent,
-      nodeBefore = parent.child(startIndex - 1);
+        nodeBefore = parent.child(startIndex - 1);
     if (nodeBefore.type != itemType) return false;
+
     if (dispatch) {
       var nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
+
       var inner = _prosemirrorModel.Fragment.from(nestedBefore ? itemType.create() : null);
+
       var slice = new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.from(itemType.create(null, _prosemirrorModel.Fragment.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
       var before = range.start,
-        after = range.end;
+          after = range.end;
       dispatch(state.tr.step(new _prosemirrorTransform.ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice, 1, true)).scrollIntoView());
     }
+
     return true;
   };
 }

package/lib/components/rich-editor/types/index.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var _commond = require("./commond");
+
 Object.keys(_commond).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _commond[key]) return;

package/lib/components/rich-editor/ui/Popup/index.js

@@ -1,39 +1,66 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var React = _interopRequireWildcard(require("react"));
+
 var _reactDom = require("react-dom");
+
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+
 var _utils = require("./utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 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; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var EditorPopup = /*#__PURE__*/function (_React$Component) {
   _inherits(EditorPopup, _React$Component);
+
   var _super = _createSuper(EditorPopup);
+
   function EditorPopup() {
     var _this;
+
     _classCallCheck(this, EditorPopup);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       overflowScrollParent: false,
       validPosition: true
@@ -41,6 +68,7 @@ var EditorPopup = /*#__PURE__*/function (_React$Component) {
       if (!popup) {
         return;
       }
+
       _this.initPopup(popup);
     }, _this.scheduledUpdatePosition = (0, _rafSchd["default"])(function (props) {
       return _this.updatePosition(props);
@@ -48,6 +76,7 @@ var EditorPopup = /*#__PURE__*/function (_React$Component) {
       return _this.scheduledUpdatePosition();
     }, _assertThisInitialized(_this)));
   }
+
   _createClass(EditorPopup, [{
     key: "updatePosition",
     value:
@@ -58,27 +87,31 @@ var EditorPopup = /*#__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 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;
+          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;
       var popup = state.popup;
+
       if (!target || !popup) {
         return;
       }
+
       var placement = (0, _utils.calculatePlacement)(target, boundariesElement || document.body, fitWidth, fitHeight, alignX, alignY, forcePlacement);
+
       if (onPlacementChanged && this.placement.join('') !== placement.join('')) {
         onPlacementChanged(placement);
         this.placement = placement;
       }
+
       var position = (0, _utils.calculatePosition)({
         placement: placement,
         popup: popup,
@@ -107,19 +140,21 @@ var EditorPopup = /*#__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) {
       var target = this.props.target;
       var overflowScrollParent = (0, _utils.findOverflowScrollParent)(popup);
+
       if (this.cannotSetPopup(popup, target, overflowScrollParent)) {
         return;
       }
+
       this.setState({
         popup: popup,
         overflowScrollParent: overflowScrollParent
@@ -137,11 +172,13 @@ var EditorPopup = /*#__PURE__*/function (_React$Component) {
     value: function componentDidMount() {
       window.addEventListener('resize', this.onResize);
       var stick = this.props.stick;
+
       if (stick) {
         this.scrollElement = (0, _utils.findOverflowScrollParent)(this.props.target);
       } else {
         this.scrollElement = this.props.scrollableElement;
       }
+
       if (this.scrollElement) {
         this.scrollElement.addEventListener('scroll', this.onResize);
       }
@@ -150,9 +187,11 @@ var EditorPopup = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       window.removeEventListener('resize', this.onResize);
+
       if (this.scrollElement) {
         this.scrollElement.removeEventListener('scroll', this.onResize);
       }
+
       this.scheduledUpdatePosition.cancel();
     }
   }, {
@@ -160,17 +199,18 @@ var EditorPopup = /*#__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.createElement("div", {
         ref: this.handleRef,
         style: _objectSpread({
           position: 'absolute',
           zIndex: this.props.zIndex || 100
         }, position),
-        "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);
@@ -179,23 +219,27 @@ var EditorPopup = /*#__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,
+      } // Without mountTo property renders popup as is,
       // which means it will be cropped by "overflow: hidden" container.
+
+
       return this.renderPopup();
     }
   }]);
+
   return EditorPopup;
 }(React.Component);
+
 exports["default"] = EditorPopup;
 EditorPopup.defaultProps = {
   offset: [0, 0],