@atlaskit/editor-core 178.1.0 → 178.1.2

package/dist/cjs/plugins/selection/gap-cursor/actions.js

@@ -1,225 +1,176 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldSkipGapCursor = exports.setSelectionTopLevelBlocks = exports.setGapCursorAtPos = exports.setCursorForTopLevelBlocks = exports.hasGapCursorPlugin = exports.deleteNode = exports.arrow = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _direction = require("./direction");
-
 var _selection = require("./selection");
-
 var _utils2 = require("./utils");
-
 var _isValidTargetNode = require("./utils/is-valid-target-node");
-
 var _position = require("../../../utils/prosemirror/position");
-
 var _gapCursorPluginKey = require("../pm-plugins/gap-cursor-plugin-key");
-
 var _table = require("../../../utils/table");
-
 var _mapDirection;
-
 var mapDirection = (_mapDirection = {}, (0, _defineProperty2.default)(_mapDirection, _direction.Direction.LEFT, -1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.RIGHT, 1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.UP, -1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.DOWN, 1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.BACKWARD, -1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.FORWARD, 1), _mapDirection);
-
 function shouldHandleMediaGapCursor(dir, state) {
   var doc = state.doc,
-      schema = state.schema,
-      selection = state.selection;
+    schema = state.schema,
+    selection = state.selection;
   var $pos = (0, _direction.isBackward)(dir) ? selection.$from : selection.$to;
-
   if (selection instanceof _prosemirrorState.TextSelection) {
     // Should not use gap cursor if I am moving from a text selection into a media node
     if (dir === _direction.Direction.UP && !(0, _position.atTheBeginningOfDoc)(state) || dir === _direction.Direction.DOWN && !(0, _position.atTheEndOfDoc)(state)) {
       var media = (0, _utils2.getMediaNearPos)(doc, $pos, schema, mapDirection[dir]);
-
       if (media) {
         return false;
       }
-    } // Should not use gap cursor if I am moving from a text selection into a media node with layout wrap-right or wrap-left
-
+    }
 
+    // Should not use gap cursor if I am moving from a text selection into a media node with layout wrap-right or wrap-left
     if (dir === _direction.Direction.LEFT || dir === _direction.Direction.RIGHT) {
       var _media = (0, _utils2.getMediaNearPos)(doc, $pos, schema, mapDirection[dir]);
-
       var mediaSingle = schema.nodes.mediaSingle;
-
       if (_media && _media.type === mediaSingle && (_media.attrs.layout === 'wrap-right' || _media.attrs.layout === 'wrap-left')) {
         return false;
       }
     }
   }
-
   if (selection instanceof _prosemirrorState.NodeSelection) {
     // Should not use gap cursor if I am moving left/right from media node with layout wrap right or wrap-left
     if (dir === _direction.Direction.LEFT || dir === _direction.Direction.RIGHT) {
       var maybeMedia = doc.nodeAt(selection.$from.pos);
       var _mediaSingle = schema.nodes.mediaSingle;
-
       if (maybeMedia && maybeMedia.type === _mediaSingle && (maybeMedia.attrs.layout === 'wrap-right' || maybeMedia.attrs.layout === 'wrap-left')) {
         return false;
       }
     }
   }
-
   return true;
 }
-
 var shouldSkipGapCursor = function shouldSkipGapCursor(direction, state, $pos) {
   var doc = state.doc,
-      schema = state.schema;
-
+    schema = state.schema;
   switch (direction) {
     case _direction.Direction.UP:
       if ((0, _position.atTheBeginningOfDoc)(state)) {
         return false;
       }
-
       return (0, _table.isPositionNearTableRow)($pos, schema, 'before') || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, -1);
-
     case _direction.Direction.DOWN:
       return (0, _position.atTheEndOfDoc)(state) || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, 1) || (0, _table.isPositionNearTableRow)($pos, schema, 'after');
-
     default:
       return false;
   }
 };
-
 exports.shouldSkipGapCursor = shouldSkipGapCursor;
-
 var arrow = function arrow(dir, endOfTextblock) {
   return function (state, dispatch, view) {
     var doc = state.doc,
-        selection = state.selection,
-        tr = state.tr;
+      selection = state.selection,
+      tr = state.tr;
     var $pos = (0, _direction.isBackward)(dir) ? selection.$from : selection.$to;
-    var mustMove = selection.empty; // start from text selection
+    var mustMove = selection.empty;
 
+    // start from text selection
     if (selection instanceof _prosemirrorState.TextSelection) {
       // if cursor is in the middle of a text node, do nothing
       if (!endOfTextblock || !endOfTextblock(dir.toString())) {
         return false;
-      } // UP/DOWN jumps to the nearest texblock skipping gapcursor whenever possible
-
+      }
 
+      // UP/DOWN jumps to the nearest texblock skipping gapcursor whenever possible
       if (shouldSkipGapCursor(dir, state, $pos)) {
         return false;
-      } // otherwise resolve previous/next position
-
+      }
 
+      // otherwise resolve previous/next position
       $pos = doc.resolve((0, _direction.isBackward)(dir) ? $pos.before() : $pos.after());
       mustMove = false;
     }
-
     if (selection instanceof _prosemirrorState.NodeSelection) {
       if (selection.node.isInline) {
         return false;
       }
-
       if (dir === _direction.Direction.UP || dir === _direction.Direction.DOWN) {
         // We dont add gap cursor on node selections going up and down
         return false;
       }
     }
-
     if (!shouldHandleMediaGapCursor(dir, state)) {
       return false;
-    } // when jumping between block nodes at the same depth, we need to reverse cursor without changing ProseMirror position
-
+    }
 
-    if (selection instanceof _selection.GapCursorSelection && // next node allow gap cursor position
-    (0, _isValidTargetNode.isValidTargetNode)((0, _direction.isBackward)(dir) ? $pos.nodeBefore : $pos.nodeAfter) && ( // gap cursor changes block node
+    // when jumping between block nodes at the same depth, we need to reverse cursor without changing ProseMirror position
+    if (selection instanceof _selection.GapCursorSelection &&
+    // next node allow gap cursor position
+    (0, _isValidTargetNode.isValidTargetNode)((0, _direction.isBackward)(dir) ? $pos.nodeBefore : $pos.nodeAfter) && (
+    // gap cursor changes block node
     (0, _direction.isBackward)(dir) && selection.side === _selection.Side.LEFT || (0, _direction.isForward)(dir) && selection.side === _selection.Side.RIGHT)) {
       // reverse cursor position
       if (dispatch) {
         dispatch(tr.setSelection(new _selection.GapCursorSelection($pos, selection.side === _selection.Side.RIGHT ? _selection.Side.LEFT : _selection.Side.RIGHT)).scrollIntoView());
       }
-
       return true;
     }
-
     if (view) {
       var domAtPos = view.domAtPos.bind(view);
       var target = (0, _prosemirrorUtils.findDomRefAtPos)($pos.pos, domAtPos);
-
       if (target && target.textContent === _utils.ZERO_WIDTH_SPACE) {
         return false;
       }
     }
-
     var nextSelection = _selection.GapCursorSelection.findFrom($pos, (0, _direction.isBackward)(dir) ? -1 : 1, mustMove);
-
     if (!nextSelection) {
       return false;
     }
-
     if (!(0, _isValidTargetNode.isValidTargetNode)((0, _direction.isForward)(dir) ? nextSelection.$from.nodeBefore : nextSelection.$from.nodeAfter)) {
       // reverse cursor position
       if (dispatch) {
         dispatch(tr.setSelection(new _selection.GapCursorSelection(nextSelection.$from, (0, _direction.isForward)(dir) ? _selection.Side.LEFT : _selection.Side.RIGHT)).scrollIntoView());
       }
-
       return true;
     }
-
     if (dispatch) {
       dispatch(tr.setSelection(nextSelection).scrollIntoView());
     }
-
     return true;
   };
 };
-
 exports.arrow = arrow;
-
 var deleteNode = function deleteNode(dir) {
   return function (state, dispatch) {
     if (state.selection instanceof _selection.GapCursorSelection) {
       var _state$selection = state.selection,
-          $from = _state$selection.$from,
-          $anchor = _state$selection.$anchor;
+        $from = _state$selection.$from,
+        $anchor = _state$selection.$anchor;
       var tr = state.tr;
-
       if ((0, _direction.isBackward)(dir)) {
         if (state.selection.side === 'left') {
           tr.setSelection(new _selection.GapCursorSelection($anchor, _selection.Side.RIGHT));
-
           if (dispatch) {
             dispatch(tr);
           }
-
           return true;
         }
-
         tr = (0, _prosemirrorUtils.removeNodeBefore)(state.tr);
       } else if ($from.nodeAfter) {
         tr = tr.delete($from.pos, $from.pos + $from.nodeAfter.nodeSize);
       }
-
       if (dispatch) {
         dispatch(tr.setSelection(_prosemirrorState.Selection.near(tr.doc.resolve(tr.mapping.map(state.selection.$from.pos)))).scrollIntoView());
       }
-
       return true;
     }
-
     return false;
   };
 };
-
 exports.deleteNode = deleteNode;
-
 var setGapCursorAtPos = function setGapCursorAtPos(position) {
   var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _selection.Side.LEFT;
   return function (state, dispatch) {
@@ -227,83 +178,67 @@ var setGapCursorAtPos = function setGapCursorAtPos(position) {
     if (position > state.doc.content.size) {
       return false;
     }
-
     var $pos = state.doc.resolve(position);
-
     if (_selection.GapCursorSelection.valid($pos)) {
       if (dispatch) {
         dispatch(state.tr.setSelection(new _selection.GapCursorSelection($pos, side)));
       }
-
       return true;
     }
-
     return false;
   };
-}; // This function captures clicks outside of the ProseMirror contentEditable area
-// see also description of "handleClick" in gap-cursor pm-plugin
-
+};
 
+// This function captures clicks outside of the ProseMirror contentEditable area
+// see also description of "handleClick" in gap-cursor pm-plugin
 exports.setGapCursorAtPos = setGapCursorAtPos;
-
 var captureCursorCoords = function captureCursorCoords(event, editorRef, posAtCoords, tr) {
-  var rect = editorRef.getBoundingClientRect(); // capture clicks before the first block element
+  var rect = editorRef.getBoundingClientRect();
 
+  // capture clicks before the first block element
   if (event.clientY < rect.top) {
     return {
       position: 0,
       side: _selection.Side.LEFT
     };
   }
-
   if (rect.left > 0) {
     // calculate start position of a node that is vertically at the same level
     var _coords = posAtCoords({
       left: rect.left,
       top: event.clientY
     });
-
     if (_coords && _coords.inside > -1) {
       var $from = tr.doc.resolve(_coords.inside);
       var start = $from.before(1);
       var side = event.clientX < rect.left ? _selection.Side.LEFT : _selection.Side.RIGHT;
       var position;
-
       if (side === _selection.Side.LEFT) {
         position = start;
       } else {
         var node = tr.doc.nodeAt(start);
-
         if (node) {
           position = start + node.nodeSize;
         }
       }
-
       return {
         position: position,
         side: side
       };
     }
   }
-
   return null;
 };
-
 var setSelectionTopLevelBlocks = function setSelectionTopLevelBlocks(tr, event, editorRef, posAtCoords, editorFocused) {
   var cursorCoords = captureCursorCoords(event, editorRef, posAtCoords, tr);
-
   if (!cursorCoords) {
     return;
   }
-
   var $pos = cursorCoords.position !== undefined ? tr.doc.resolve(cursorCoords.position) : null;
-
   if ($pos === null) {
     return;
   }
-
   var isGapCursorAllowed = cursorCoords.side === _selection.Side.LEFT ? (0, _isValidTargetNode.isValidTargetNode)($pos.nodeAfter) : (0, _isValidTargetNode.isValidTargetNode)($pos.nodeBefore);
-
   if (isGapCursorAllowed && _selection.GapCursorSelection.valid($pos)) {
     // this forces PM to re-render the decoration node if we change the side of the gap cursor, it doesn't do it by default
     if (tr.selection instanceof _selection.GapCursorSelection) {
@@ -311,37 +246,30 @@ var setSelectionTopLevelBlocks = function setSelectionTopLevelBlocks(tr, event,
     } else {
       tr.setSelection(new _selection.GapCursorSelection($pos, cursorCoords.side));
     }
-  } // try to set text selection if the editor isnt focused
+  }
+  // try to set text selection if the editor isnt focused
   // if the editor is focused, we are most likely dragging a selection outside.
   else if (editorFocused === false) {
     var selectionTemp = _prosemirrorState.Selection.findFrom($pos, cursorCoords.side === _selection.Side.LEFT ? 1 : -1, true);
-
     if (selectionTemp) {
       tr.setSelection(selectionTemp);
     }
   }
 };
-
 exports.setSelectionTopLevelBlocks = setSelectionTopLevelBlocks;
-
 var setCursorForTopLevelBlocks = function setCursorForTopLevelBlocks(event, editorRef, posAtCoords, editorFocused) {
   return function (state, dispatch) {
     var tr = state.tr;
     setSelectionTopLevelBlocks(tr, event, editorRef, posAtCoords, editorFocused);
-
     if (tr.selectionSet && dispatch) {
       dispatch(tr);
       return true;
     }
-
     return false;
   };
 };
-
 exports.setCursorForTopLevelBlocks = setCursorForTopLevelBlocks;
-
 var hasGapCursorPlugin = function hasGapCursorPlugin(state) {
   return Boolean(_gapCursorPluginKey.gapCursorPluginKey.get(state));
 };
-
 exports.hasGapCursorPlugin = hasGapCursorPlugin;

package/dist/cjs/plugins/selection/gap-cursor/direction.js

@@ -8,7 +8,6 @@ exports.isBackward = isBackward;
 exports.isForward = isForward;
 var Direction;
 exports.Direction = Direction;
-
 (function (Direction) {
   Direction["UP"] = "up";
   Direction["RIGHT"] = "right";
@@ -17,11 +16,9 @@ exports.Direction = Direction;
   Direction["BACKWARD"] = "backward";
   Direction["FORWARD"] = "forward";
 })(Direction || (exports.Direction = Direction = {}));
-
 function isBackward(dir) {
   return [Direction.UP, Direction.LEFT, Direction.BACKWARD].indexOf(dir) !== -1;
 }
-
 function isForward(dir) {
   return [Direction.RIGHT, Direction.DOWN, Direction.FORWARD].indexOf(dir) !== -1;
 }

package/dist/cjs/plugins/selection/gap-cursor/selection.js

@@ -27,5 +27,4 @@ Object.defineProperty(exports, "Side", {
     return _selection.Side;
   }
 });
-
 var _selection = require("@atlaskit/editor-common/selection");

package/dist/cjs/plugins/selection/gap-cursor/styles.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hideCaretModifier = exports.gapCursorStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _templateObject, _templateObject2;
-
 var gapCursorBlink = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  from, to {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n"])));
 var hideCaretModifier = 'ProseMirror-hide-gapcursor';
 exports.hideCaretModifier = hideCaretModifier;

package/dist/cjs/plugins/selection/gap-cursor/utils/is-ignored.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "isIgnored", {
     return _selection.isIgnored;
   }
 });
-
 var _selection = require("@atlaskit/editor-common/selection");

package/dist/cjs/plugins/selection/gap-cursor/utils/is-valid-target-node.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "isValidTargetNode", {
     return _selection.isValidTargetNode;
   }
 });
-
 var _selection = require("@atlaskit/editor-common/selection");

package/dist/cjs/plugins/selection/gap-cursor/utils/place-gap-cursor.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toDOM = void 0;
-
 var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
-
 var _utils = require("../utils");
-
 var _selection = require("../selection");
-
 /**
  * We have a couple of nodes that require us to compute style
  * on different elements, ideally all nodes should be able to
@@ -22,59 +17,46 @@ var nestedCases = {
   'tableView-content-wrap': 'table',
   'mediaSingleView-content-wrap': '.rich-media-item'
 };
-
 var computeNestedStyle = function computeNestedStyle(dom) {
   var foundKey = Object.keys(nestedCases).find(function (className) {
     return dom.classList.contains(className);
   });
   var nestedSelector = foundKey && nestedCases[foundKey];
-
   if (nestedSelector) {
     var nestedElement = dom.querySelector(nestedSelector);
-
     if (nestedElement) {
       return window.getComputedStyle(nestedElement);
     }
   }
 };
-
 var measureHeight = function measureHeight(style) {
   return measureValue(style, ['height', 'padding-top', 'padding-bottom', 'border-top-width', 'border-bottom-width']);
 };
-
 var measureWidth = function measureWidth(style) {
   return measureValue(style, ['width', 'padding-left', 'padding-right', 'border-left-width', 'border-right-width']);
 };
-
 var measureValue = function measureValue(style, measureValues) {
   var _measureValues = (0, _toArray2.default)(measureValues),
-      base = _measureValues[0],
-      contentBoxValues = _measureValues.slice(1);
-
+    base = _measureValues[0],
+    contentBoxValues = _measureValues.slice(1);
   var measures = [style.getPropertyValue(base)];
   var boxSizing = style.getPropertyValue('box-sizing');
-
   if (boxSizing === 'content-box') {
     contentBoxValues.forEach(function (value) {
       measures.push(style.getPropertyValue(value));
     });
   }
-
   var result = 0;
-
   for (var i = 0; i < measures.length; i++) {
     result += parseFloat(measures[i]);
   }
-
   return result;
 };
-
 var mutateElementStyle = function mutateElementStyle(element, style, side) {
   if ((0, _utils.isLeftCursor)(side)) {
     element.style.marginLeft = style.getPropertyValue('margin-left');
   } else {
     var marginRight = parseFloat(style.getPropertyValue('margin-right'));
-
     if (marginRight > 0) {
       element.style.marginLeft = "-".concat(Math.abs(marginRight), "px");
     } else {
@@ -82,11 +64,10 @@ var mutateElementStyle = function mutateElementStyle(element, style, side) {
     }
   }
 };
-
 var toDOM = function toDOM(view, getPos) {
   var selection = view.state.selection;
   var $from = selection.$from,
-      side = selection.side;
+    side = selection.side;
   var isRightCursor = side === _selection.Side.RIGHT;
   var node = isRightCursor ? $from.nodeBefore : $from.nodeAfter;
   var nodeStart = getPos();
@@ -94,18 +75,16 @@ var toDOM = function toDOM(view, getPos) {
   var element = document.createElement('span');
   element.className = "ProseMirror-gapcursor ".concat(isRightCursor ? '-right' : '-left');
   element.appendChild(document.createElement('span'));
-
   if (dom instanceof HTMLElement && element.firstChild) {
     var style = computeNestedStyle(dom) || window.getComputedStyle(dom);
     var gapCursor = element.firstChild;
-    gapCursor.style.height = "".concat(measureHeight(style), "px"); // TODO remove this table specific piece. need to figure out margin collapsing logic
+    gapCursor.style.height = "".concat(measureHeight(style), "px");
 
+    // TODO remove this table specific piece. need to figure out margin collapsing logic
     if (nodeStart !== 0 || node && node.type.name === 'table') {
       gapCursor.style.marginTop = style.getPropertyValue('margin-top');
     }
-
     var breakoutMode = node && (0, _utils.getBreakoutModeFromTargetNode)(node);
-
     if (breakoutMode) {
       gapCursor.setAttribute('layout', breakoutMode);
       gapCursor.style.width = "".concat(measureWidth(style), "px");
@@ -113,8 +92,6 @@ var toDOM = function toDOM(view, getPos) {
       mutateElementStyle(gapCursor, style, selection.side);
     }
   }
-
   return element;
 };
-
 exports.toDOM = toDOM;