@atlaskit/editor-core 178.1.1 → 179.0.0

package/dist/esm/plugins/selection/pm-plugins/events/create-selection-between.js

@@ -1,76 +1,59 @@
 import { NodeSelection, TextSelection } from 'prosemirror-state';
-
 function findEmptySelectableParentNodePosition($pos, isValidPosition) {
   var doc = $pos.doc;
-
   if ($pos.pos + 1 > doc.content.size) {
     return null;
   }
-
   if ($pos.depth === 0) {
     if (isValidPosition($pos)) {
       return $pos;
     }
-
     return null;
   }
-
   if (isValidPosition($pos)) {
     return $pos;
   }
-
   var positionLevelUp = $pos.before();
   var resolvedPositionLevelUp = doc.resolve(positionLevelUp);
   return findEmptySelectableParentNodePosition(resolvedPositionLevelUp, isValidPosition);
 }
-
 var checkPositionNode = function checkPositionNode($pos) {
   var maybeNode = $pos.nodeAfter;
-
   if (!maybeNode || !maybeNode.isBlock) {
     return false;
   }
-
   if (maybeNode.isAtom) {
     return true;
   }
-
   var isParentEmpty = maybeNode.content.size === 0 || maybeNode.textContent === '';
   return isParentEmpty && NodeSelection.isSelectable(maybeNode);
 };
-
 function findNextSelectionPosition(_ref) {
   var $targetHead = _ref.$targetHead,
-      $anchor = _ref.$anchor,
-      doc = _ref.doc;
+    $anchor = _ref.$anchor,
+    doc = _ref.doc;
   var direction = $anchor.pos < $targetHead.pos ? 'down' : 'up';
   var maybeNextPosition = findEmptySelectableParentNodePosition($targetHead, checkPositionNode);
-
   if (maybeNextPosition && maybeNextPosition.nodeAfter) {
     var nodeAfter = maybeNextPosition.nodeAfter;
     var pos = maybeNextPosition.pos;
     var nextPositionToSelect = direction === 'down' ? Math.min(nodeAfter.nodeSize + pos, doc.content.size) : Math.max(pos, 0);
     return doc.resolve(nextPositionToSelect);
   }
-
   return null;
 }
-
 export var onCreateSelectionBetween = function onCreateSelectionBetween(view, $anchor, $head) {
   if ($anchor.pos === $head.pos) {
     return null;
   }
-
   var $nextHeadPosition = findNextSelectionPosition({
     $targetHead: $head,
     $anchor: $anchor,
     doc: view.state.doc
   });
-
   if (!$nextHeadPosition) {
     return null;
   }
-
   var forcedTextSelection = TextSelection.create(view.state.doc, $anchor.pos, $nextHeadPosition.pos);
   return forcedTextSelection;
 };

package/dist/esm/plugins/selection/pm-plugins/events/keydown.js

@@ -1,18 +1,14 @@
 import { TextSelection } from 'prosemirror-state';
-
 var isCollpasedExpand = function isCollpasedExpand(node) {
   return Boolean(node && ['expand', 'nestedExpand'].includes(node.type.name) && !node.attrs.__expanded);
 };
-
 var findFixedProblematicNodePosition = function findFixedProblematicNodePosition($pos, direction) {
   if ($pos.pos === 0 || $pos.depth === 0) {
     return null;
   }
-
   var pos = direction === 'up' ? $pos.before() : $pos.after();
   var $posResolved = $pos.doc.resolve(pos);
   var maybeExpandNode = direction === 'up' ? $posResolved.nodeBefore : $posResolved.nodeAfter;
-
   if (maybeExpandNode && isCollpasedExpand(maybeExpandNode)) {
     var nodeSize = maybeExpandNode.nodeSize;
     var expandPosition = direction === 'up' ? pos - nodeSize : pos + nodeSize;
@@ -20,10 +16,8 @@ var findFixedProblematicNodePosition = function findFixedProblematicNodePosition
     var $startPosNode = $pos.doc.resolve(Math.min(startPosNode, $pos.doc.content.size));
     return $startPosNode;
   }
-
   return null;
 };
-
 export var onKeydown = function onKeydown(view, event) {
   /*
    * This workaround is needed for some specific situation with collapsed expand.
@@ -41,26 +35,20 @@ export var onKeydown = function onKeydown(view, event) {
   if (!(event instanceof KeyboardEvent)) {
     return false;
   }
-
   if (!event.shiftKey || event.ctrlKey || event.metaKey) {
     return false;
   }
-
   if (!['ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'Home', 'End'].includes(event.key)) {
     return false;
   }
-
   var _view$state$selection = view.state.selection,
-      $head = _view$state$selection.$head,
-      $anchor = _view$state$selection.$anchor;
-
+    $head = _view$state$selection.$head,
+    $anchor = _view$state$selection.$anchor;
   if (event.key === 'ArrowRight' && $head.nodeAfter || event.key === 'ArrowLeft' && $head.nodeBefore) {
     return false;
   }
-
   var direction = ['ArrowLeft', 'ArrowUp', 'Home'].includes(event.key) ? 'up' : 'down';
   var $fixedProblematicNodePosition = findFixedProblematicNodePosition($head, direction);
-
   if ($fixedProblematicNodePosition) {
     var forcedTextSelection = TextSelection.create(view.state.doc, $anchor.pos, $fixedProblematicNodePosition.pos);
     var tr = view.state.tr;
@@ -69,6 +57,5 @@ export var onKeydown = function onKeydown(view, event) {
     event.preventDefault();
     return true;
   }
-
   return false;
 };

package/dist/esm/plugins/selection/pm-plugins/gap-cursor-keymap.js

@@ -7,12 +7,11 @@ import { createParagraphNear } from 'prosemirror-commands';
 export default function keymapPlugin() {
   var map = {};
   keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, function (state, dispatch, view) {
-    var isInGapCursor = state.selection instanceof GapCursorSelection; // Only operate in gap cursor
-
+    var isInGapCursor = state.selection instanceof GapCursorSelection;
+    // Only operate in gap cursor
     if (!isInGapCursor) {
       return false;
     }
-
     return createParagraphNear(state, dispatch);
   }, map);
   keymaps.bindKeymapWithCommand(keymaps.moveLeft.common, function (state, dispatch, view) {
@@ -30,10 +29,12 @@ export default function keymapPlugin() {
   keymaps.bindKeymapWithCommand(keymaps.moveDown.common, function (state, dispatch, view) {
     var endOfTextblock = view ? view.endOfTextblock.bind(view) : undefined;
     return arrow(Direction.DOWN, endOfTextblock)(state, dispatch);
-  }, map); // default PM's Backspace doesn't handle removing block nodes when cursor is after it
+  }, map);
 
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, deleteNode(Direction.BACKWARD), map); // handle Delete key (remove node after the cursor)
+  // default PM's Backspace doesn't handle removing block nodes when cursor is after it
+  keymaps.bindKeymapWithCommand(keymaps.backspace.common, deleteNode(Direction.BACKWARD), map);
 
+  // handle Delete key (remove node after the cursor)
   keymaps.bindKeymapWithCommand(keymaps.deleteKey.common, deleteNode(Direction.FORWARD), map);
   return keymap(map);
 }

package/dist/esm/plugins/selection/pm-plugins/gap-cursor-main.js

@@ -32,7 +32,6 @@ var plugin = new SafePlugin({
         _view.dispatch(_view.state.tr.setSelection(new GapCursorSelection(_view.state.doc.resolve(0), GapCursorSide.LEFT)));
       });
     }
-
     return {
       update: function update(view) {
         var pluginState = gapCursorPluginKey.getState(view.state);
@@ -47,7 +46,6 @@ var plugin = new SafePlugin({
          *
          * Browser support is pretty good: https://caniuse.com/#feat=css-caret-color
          */
-
         view.dom.classList.toggle(hideCaretModifier, pluginState);
       }
     };
@@ -55,24 +53,21 @@ var plugin = new SafePlugin({
   props: {
     decorations: function decorations(_ref) {
       var doc = _ref.doc,
-          selection = _ref.selection;
-
+        selection = _ref.selection;
       if (selection instanceof GapCursorSelection) {
         var $from = selection.$from,
-            side = selection.side; // render decoration DOM node always to the left of the target node even if selection points to the right
-        // otherwise positioning of the right gap cursor is a nightmare when the target node has a nodeView with vertical margins
+          side = selection.side;
 
+        // render decoration DOM node always to the left of the target node even if selection points to the right
+        // otherwise positioning of the right gap cursor is a nightmare when the target node has a nodeView with vertical margins
         var position = selection.head;
         var isRightCursor = side === Side.RIGHT;
-
         if (isRightCursor && $from.nodeBefore) {
           var nodeBeforeStart = findPositionOfNodeBefore(selection);
-
           if (typeof nodeBeforeStart === 'number') {
             position = nodeBeforeStart;
           }
         }
-
         var node = isRightCursor ? $from.nodeBefore : $from.nodeAfter;
         var breakoutMode = node && getBreakoutModeFromTargetNode(node);
         return DecorationSet.create(doc, [Decoration.widget(position, toDOM, {
@@ -80,7 +75,6 @@ var plugin = new SafePlugin({
           side: breakoutMode ? -1 : 0
         })]);
       }
-
       return null;
     },
     // render gap cursor only when its valid
@@ -89,11 +83,9 @@ var plugin = new SafePlugin({
         // Do not show GapCursor when there is a CellSection happening
         return;
       }
-
       if ($anchor.pos === $head.pos && GapCursorSelection.valid($head)) {
         return new GapCursorSelection($head);
       }
-
       return;
     },
     // there's no space between top level nodes and the wrapping ProseMirror contenteditable area and handleClick won't capture clicks, there's nothing to click on
@@ -103,8 +95,9 @@ var plugin = new SafePlugin({
       var posAtCoords = view.posAtCoords({
         left: event.clientX,
         top: event.clientY
-      }); // this helps to ignore all of the clicks outside of the parent (e.g. nodeView controls)
+      });
 
+      // this helps to ignore all of the clicks outside of the parent (e.g. nodeView controls)
       if (posAtCoords && posAtCoords.inside !== position && !isIgnoredClick(event.target)) {
         // max available space between parent and child from the left side in px
         // this ensures the correct side of the gap cursor in case of clicking in between two block nodes
@@ -112,7 +105,6 @@ var plugin = new SafePlugin({
         var side = event.offsetX > leftSideOffsetX ? Side.RIGHT : Side.LEFT;
         return setGapCursorAtPos(position, side)(view.state, view.dispatch);
       }
-
       return false;
     },
     handleDOMEvents: {
@@ -127,7 +119,6 @@ var plugin = new SafePlugin({
           event.preventDefault();
           return deleteNode(Direction.BACKWARD)(view.state, view.dispatch);
         }
-
         return false;
       }
     }

package/dist/esm/plugins/selection/pm-plugins/keymap.js

@@ -1,12 +1,10 @@
 import { keymap } from 'prosemirror-keymap';
 import { bindKeymapWithCommand, moveRight, moveLeft } from '../../../keymaps';
 import { arrowRight, arrowLeft } from '../commands';
-
 function keymapPlugin() {
   var list = {};
   bindKeymapWithCommand(moveRight.common, arrowRight, list);
   bindKeymapWithCommand(moveLeft.common, arrowLeft, list);
   return keymap(list);
 }
-
 export default keymapPlugin;

package/dist/esm/plugins/selection/pm-plugins/selection-main.js

@@ -21,22 +21,22 @@ export var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent
       return {
         update: function update(editorView, oldEditorState) {
           var state = editorView.state;
-
           if (!shouldRecalcDecorations({
             oldEditorState: oldEditorState,
             newEditorState: state
           })) {
             return;
           }
-
-          var analyticsPayload = getNodeSelectionAnalyticsPayload(state.selection) || getAllSelectionAnalyticsPayload(state.selection) || // We handle all range/cell selections except click and drag here, which is
+          var analyticsPayload = getNodeSelectionAnalyticsPayload(state.selection) || getAllSelectionAnalyticsPayload(state.selection) ||
+          // We handle all range/cell selections except click and drag here, which is
           // handled in mouseup handler below
-          !editorView.mouseDown && (getRangeSelectionAnalyticsPayload(state.selection, state.doc) || getCellSelectionAnalyticsPayload(state)); // We have to use dispatchAnalyticsEvent over any of the analytics plugin helpers
+          !editorView.mouseDown && (getRangeSelectionAnalyticsPayload(state.selection, state.doc) || getCellSelectionAnalyticsPayload(state));
+
+          // We have to use dispatchAnalyticsEvent over any of the analytics plugin helpers
           // as there were several issues caused by the fact that adding analytics through
           // the plugin adds a new step to the transaction
           // This causes prosemirror to run through some different code paths, eg. attempting
           // to map selection
-
           if (analyticsPayload) {
             dispatchAnalyticsEvent(analyticsPayload);
           }
@@ -50,7 +50,6 @@ export var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent
       })) {
         return;
       }
-
       var tr = newEditorState.tr;
       tr.setMeta(selectionPluginKey, {
         type: SelectionActionTypes.SET_DECORATIONS,
@@ -63,15 +62,14 @@ export var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent
       // Prevent single click selecting atom nodes on mobile (we want to select with long press gesture instead)
       if (options.useLongPressSelection && tr.selectionSet && tr.selection instanceof NodeSelection && !tr.getMeta(selectionPluginKey)) {
         return false;
-      } // Prevent prosemirror's mutation observer overriding a node selection with a text selection
+      }
+
+      // Prevent prosemirror's mutation observer overriding a node selection with a text selection
       // for exact same range - this was cause of being unable to change dates in collab:
       // https://product-fabric.atlassian.net/browse/ED-10645
-
-
       if (state.selection instanceof NodeSelection && tr.selection instanceof TextSelection && state.selection.from === tr.selection.from && state.selection.to === tr.selection.to) {
         return false;
       }
-
       return true;
     },
     props: {
@@ -86,15 +84,12 @@ export var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent
         // their mouse which is too much
         mouseup: function mouseup(editorView, event) {
           var mouseEvent = event;
-
           if (!mouseEvent.shiftKey) {
             var analyticsPayload = getRangeSelectionAnalyticsPayload(editorView.state.selection, editorView.state.doc) || getCellSelectionAnalyticsPayload(editorView.state);
-
             if (analyticsPayload) {
               dispatchAnalyticsEvent(analyticsPayload);
             }
           }
-
           return false;
         }
       }

package/dist/esm/plugins/selection/reducer.js

@@ -1,9 +1,6 @@
 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; }
-
 import { SelectionActionTypes } from './actions';
 export function reducer(pluginState, action) {
   switch (action.type) {
@@ -12,12 +9,10 @@ export function reducer(pluginState, action) {
         decorationSet: action.decorationSet,
         selection: action.selection
       });
-
     case SelectionActionTypes.SET_RELATIVE_SELECTION:
       return _objectSpread(_objectSpread({}, pluginState), {}, {
         selectionRelativeToNode: action.selectionRelativeToNode
       });
-
     default:
       return pluginState;
   }

package/dist/esm/plugins/selection/types.js

@@ -3,7 +3,6 @@ import { RelativeSelectionPos } from '@atlaskit/editor-common/selection';
 export var selectionPluginKey = new PluginKey('selection');
 export { RelativeSelectionPos };
 export var SelectionDirection;
-
 (function (SelectionDirection) {
   SelectionDirection[SelectionDirection["Before"] = -1] = "Before";
   SelectionDirection[SelectionDirection["After"] = 1] = "After";

package/dist/esm/plugins/selection/utils.js

@@ -15,11 +15,9 @@ export function createSelectionClickHandler(nodes, isValidTarget, options) {
     if (options.useLongPressSelection) {
       return false;
     }
-
     if (direct && nodes.indexOf(node.type.name) !== -1) {
       if (event.target) {
         var _target = event.target;
-
         if (isValidTarget(_target)) {
           var selectionPos = options.getNodeSelectionPos ? options.getNodeSelectionPos(view.state, nodePos) : nodePos;
           selectNode(selectionPos)(view.state, view.dispatch);
@@ -27,7 +25,6 @@ export function createSelectionClickHandler(nodes, isValidTarget, options) {
         }
       }
     }
-
     return false;
   };
 }
@@ -37,18 +34,16 @@ export var getDecorations = function getDecorations(tr) {
       class: akEditorSelectedNodeClassName
     })]);
   }
-
   if (tr.selection instanceof TextSelection || tr.selection instanceof AllSelection) {
     var decorations = getNodesToDecorateFromSelection(tr.selection, tr.doc).map(function (_ref) {
       var node = _ref.node,
-          pos = _ref.pos;
+        pos = _ref.pos;
       return Decoration.node(pos, pos + node.nodeSize, {
         class: akEditorSelectedNodeClassName
       });
     });
     return DecorationSet.create(tr.doc, decorations);
   }
-
   return DecorationSet.empty;
 };
 export function getNodeSelectionAnalyticsPayload(selection) {
@@ -92,6 +87,7 @@ export function getCellSelectionAnalyticsPayload(state) {
   }
 }
 var topLevelBlockNodesThatHaveSelectionStyles = ['table', 'panel', 'expand', 'layoutSection', 'decisionList', 'decisionItem', 'codeBlock'];
+
 /**
  * Use `getNodesToDecorateFromSelection` to collect and return
  * a list of nodes within the Selection that should have Selection
@@ -100,15 +96,14 @@ var topLevelBlockNodesThatHaveSelectionStyles = ['table', 'panel', 'expand', 'la
  * applied natively and also ignore nodes that don't completely
  * sit within the given `Selection`.
  */
-
 export var getNodesToDecorateFromSelection = function getNodesToDecorateFromSelection(selection, doc) {
   var nodes = [];
-
   if (selection.from !== selection.to) {
     var from = selection.from,
-        to = selection.to;
+      to = selection.to;
     doc.nodesBetween(from, to, function (node, pos) {
-      var withinSelection = from <= pos && pos + node.nodeSize <= to; // The reason we need to check for these nodes is to stop
+      var withinSelection = from <= pos && pos + node.nodeSize <= to;
+      // The reason we need to check for these nodes is to stop
       // traversing their children if they are within a selection -
       // this is to prevent selection styles from being added to
       // the children as well as the parent node.
@@ -120,18 +115,18 @@ export var getNodesToDecorateFromSelection = function getNodesToDecorateFromSele
       // selection styles. I couldn’t see a clear way to differentiate
       // without explicitly stating which nodes should be traversed
       // and which shouldn’t.
-
-      var isTopLevelNodeThatHasSelectionStyles = topLevelBlockNodesThatHaveSelectionStyles.includes(node.type.name); // If the node is a top-level block node and completely sits within
+      var isTopLevelNodeThatHasSelectionStyles = topLevelBlockNodesThatHaveSelectionStyles.includes(node.type.name);
+      // If the node is a top-level block node and completely sits within
       // the selection, we do not recurse it's children to prevent selection
       // styles being added to its child nodes. The expected behaviour
       // is that selection styles are only added to the parent.
-
       if (node && withinSelection && isTopLevelNodeThatHasSelectionStyles) {
         nodes.push({
           node: node,
           pos: pos
         });
-        return false; // Otherwise we recurse the children and return them so we can apply
+        return false;
+        // Otherwise we recurse the children and return them so we can apply
         // selection styles. Text is handled by the browser.
       } else if (node && withinSelection && !node.isText) {
         nodes.push({
@@ -139,19 +134,17 @@ export var getNodesToDecorateFromSelection = function getNodesToDecorateFromSele
           pos: pos
         });
       }
-
       return true;
     });
   }
-
   return nodes;
 };
 export function getRangeSelectionAnalyticsPayload(selection, doc) {
   if (selection instanceof TextSelection && selection.from !== selection.to) {
     var from = selection.from,
-        to = selection.to,
-        anchor = selection.anchor,
-        head = selection.head;
+      to = selection.to,
+      anchor = selection.anchor,
+      head = selection.head;
     var nodes = [];
     doc.nodesBetween(from, to, function (node, pos) {
       // We want to send top-level nodes only, ie. the nodes that would have the selection styling
@@ -176,40 +169,36 @@ export function getRangeSelectionAnalyticsPayload(selection, doc) {
 }
 export function shouldRecalcDecorations(_ref2) {
   var oldEditorState = _ref2.oldEditorState,
-      newEditorState = _ref2.newEditorState;
+    newEditorState = _ref2.newEditorState;
   var oldSelection = oldEditorState.selection;
   var newSelection = newEditorState.selection;
   var oldPluginState = selectionPluginKey.getState(oldEditorState);
   var newPluginState = selectionPluginKey.getState(newEditorState);
-
   if (!oldPluginState || !newPluginState) {
     return false;
-  } // If selection is unchanged, no need to recalculate
-
+  }
 
+  // If selection is unchanged, no need to recalculate
   if (oldSelection.eq(newSelection)) {
     // We need this special case for NodeSelection, as Prosemirror still thinks the
     // selections are equal when the node has changed
     if (oldSelection instanceof NodeSelection && newSelection instanceof NodeSelection) {
       var oldDecorations = oldPluginState.decorationSet.find();
-      var newDecorations = newPluginState.decorationSet.find(); // There might not be old or new decorations if the node selection is for a text node
+      var newDecorations = newPluginState.decorationSet.find();
+      // There might not be old or new decorations if the node selection is for a text node
       // This wouldn't have happened intentionally, but we need to handle this case regardless
-
       if (oldDecorations.length > 0 && newDecorations.length > 0) {
         return !oldDecorations[0].eq(newDecorations[0]);
       }
-
       return !(oldDecorations.length === 0 && newDecorations.length === 0);
     }
-
     return false;
-  } // There's no point updating decorations if going from one standard TextSelection to another
-
+  }
 
+  // There's no point updating decorations if going from one standard TextSelection to another
   if (oldSelection instanceof TextSelection && newSelection instanceof TextSelection && oldSelection.from === oldSelection.to && newSelection.from === newSelection.to) {
     return false;
   }
-
   return true;
 }
 export var isSelectableContainerNode = function isSelectableContainerNode(node) {
@@ -218,35 +207,32 @@ export var isSelectableContainerNode = function isSelectableContainerNode(node)
 export var isSelectableChildNode = function isSelectableChildNode(node) {
   return !!(node && (node.isText || isEmptyParagraph(node) || NodeSelection.isSelectable(node)));
 };
+
 /**
  * Finds closest parent node that is a selectable block container node
  * If it finds a parent that is not selectable but supports gap cursor, will
  * return undefined
  */
-
 export var findSelectableContainerParent = function findSelectableContainerParent(selection) {
   var foundNodeThatSupportsGapCursor = false;
   var selectableNode = findParentNode(function (node) {
     var isSelectable = isSelectableContainerNode(node);
-
     if (!isSelectable && !isIgnoredByGapCursor(node)) {
       foundNodeThatSupportsGapCursor = true;
     }
-
     return isSelectable;
   })(selection);
-
   if (!foundNodeThatSupportsGapCursor) {
     return selectableNode;
   }
 };
+
 /**
  * Finds node before that is a selectable block container node, starting
  * from $pos.depth + 1 and working in
  * If it finds a node that is not selectable but supports gap cursor, will
  * return undefined
  */
-
 export var findSelectableContainerBefore = function findSelectableContainerBefore($pos, doc) {
   // prosemirror just returns the same pos from Selection.findFrom when
   // parent.inlineContent is true, so we move position back one here
@@ -254,32 +240,26 @@ export var findSelectableContainerBefore = function findSelectableContainerBefor
   if ($pos.parent.inlineContent && isSelectableContainerNode($pos.parent)) {
     $pos = doc.resolve($pos.start() - 1);
   }
-
   var selectionBefore = Selection.findFrom($pos, -1);
-
   if (selectionBefore) {
     var $selectionBefore = doc.resolve(selectionBefore.from);
-
     for (var i = $pos.depth + 1; i <= $selectionBefore.depth; i++) {
       var node = $selectionBefore.node(i);
-
       if (isSelectableContainerNode(node)) {
         return {
           node: node,
           pos: $selectionBefore.start(i) - 1
         };
       }
-
       if (i > $pos.depth + 1 && !isIgnoredByGapCursor(node)) {
         return;
       }
     }
+
     /**
      * Stick to the default left selection behaviour,
      * useful for mediaSingleWithCaption
      */
-
-
     if (selectionBefore instanceof NodeSelection && NodeSelection.isSelectable(selectionBefore.node)) {
       return {
         node: selectionBefore.node,
@@ -288,50 +268,46 @@ export var findSelectableContainerBefore = function findSelectableContainerBefor
     }
   }
 };
+
 /**
  * Finds node after that is a selectable block container node, starting
  * from $pos.depth + 1 and working in
  * If it finds a node that is not selectable but supports gap cursor, will
  * return undefined
  */
-
 export var findSelectableContainerAfter = function findSelectableContainerAfter($pos, doc) {
   var selectionAfter = Selection.findFrom($pos, 1);
-
   if (selectionAfter) {
     var $selectionAfter = doc.resolve(selectionAfter.from);
-
     for (var i = $pos.depth + 1; i <= $selectionAfter.depth; i++) {
       var node = $selectionAfter.node(i);
-
       if (isSelectableContainerNode(node)) {
         return {
           node: node,
           pos: $selectionAfter.start(i) - 1
         };
       }
-
       if (i > $pos.depth + 1 && !isIgnoredByGapCursor(node)) {
         return;
       }
     }
   }
 };
+
 /**
  * Finds first child node that is a selectable block container node OR that
  * supports gap cursor
  */
-
 export var findFirstChildNodeToSelect = function findFirstChildNodeToSelect(parent) {
   return flatten(parent).find(function (child) {
     return isSelectableChildNode(child.node) || !isIgnoredByGapCursor(child.node);
   });
 };
+
 /**
  * Finds last child node that is a selectable block container node OR that
  * supports gap cursor
  */
-
 export var findLastChildNodeToSelect = function findLastChildNodeToSelect(parent) {
   var child;
   parent.descendants(function (node, pos) {
@@ -343,7 +319,6 @@ export var findLastChildNodeToSelect = function findLastChildNodeToSelect(parent
       return false;
     }
   });
-
   if (child) {
     return child;
   }