@atlaskit/editor-core 188.4.0 → 188.5.2

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

@@ -1,272 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldSkipGapCursor = exports.setSelectionTopLevelBlocks = exports.setGapCursorAtPos = exports.setCursorForTopLevelBlocks = exports.hasGapCursorPlugin = exports.deleteNode = exports.arrow = void 0;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _direction = require("./direction");
-var _selection = require("./selection");
-var _utils2 = require("./utils");
-var _isValidTargetNode = require("./utils/is-valid-target-node");
-var _selection2 = require("@atlaskit/editor-common/selection");
-var _gapCursorPluginKey = require("../pm-plugins/gap-cursor-plugin-key");
-var _utils3 = require("@atlaskit/editor-common/utils");
-var shouldSkipGapCursor = exports.shouldSkipGapCursor = function shouldSkipGapCursor(direction, state, $pos) {
-  var _$pos$nodeBefore;
-  var doc = state.doc,
-    schema = state.schema;
-  switch (direction) {
-    case _direction.Direction.UP:
-      if ((0, _selection2.atTheBeginningOfDoc)(state)) {
-        return false;
-      }
-      return (0, _utils3.isPositionNearTableRow)($pos, schema, 'before') || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, -1) || (0, _utils3.isNodeBeforeMediaNode)($pos, state);
-    case _direction.Direction.DOWN:
-      return (0, _selection2.atTheEndOfDoc)(state) || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, 1) || (0, _utils3.isPositionNearTableRow)($pos, schema, 'after') || ((_$pos$nodeBefore = $pos.nodeBefore) === null || _$pos$nodeBefore === void 0 ? void 0 : _$pos$nodeBefore.type.name) === 'text' && !$pos.nodeAfter // end of a paragraph
-      ;
-
-    default:
-      return false;
-  }
-};
-
-// These cases should be handled using the handleMediaGapCursor function
-function shouldHandleMediaGapCursor(dir, state) {
-  var _selection$$from$node;
-  var selection = state.selection;
-  var upArrowFromGapCursorIntoMedia = selection instanceof _selection.GapCursorSelection && dir === _direction.Direction.UP && selection.$from.nodeBefore && (0, _utils3.isMediaNode)(selection.$from.nodeBefore);
-  var downArrowFromGapCursorIntoMediaGroup = selection instanceof _selection.GapCursorSelection && dir === _direction.Direction.DOWN && ((_selection$$from$node = selection.$from.nodeAfter) === null || _selection$$from$node === void 0 ? void 0 : _selection$$from$node.type.name) === 'mediaGroup';
-  return upArrowFromGapCursorIntoMedia || downArrowFromGapCursorIntoMediaGroup;
-}
-
-// Handle media gap cursor for up/down arrow into media nodes
-// Should check this case by using shouldHandleMediaGapCursor first
-function handleMediaGapCursor(dir, state) {
-  var selection = state.selection,
-    tr = state.tr;
-  var $pos = (0, _direction.isBackward)(dir) ? selection.$from : selection.$to;
-  if (dir === _direction.Direction.UP && selection.$from.nodeBefore && (0, _utils3.isMediaNode)(selection.$from.nodeBefore)) {
-    var _tr$doc$nodeAt;
-    var nodeBeforePos = (0, _utils.findPositionOfNodeBefore)(tr.selection);
-    if (nodeBeforePos && selection.side === 'right' && ((_tr$doc$nodeAt = tr.doc.nodeAt(nodeBeforePos)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.type.name) === 'mediaSingle') {
-      tr.setSelection(new _state.NodeSelection(tr.doc.resolve(nodeBeforePos))).scrollIntoView();
-    } else if (nodeBeforePos || nodeBeforePos === 0) {
-      tr.setSelection(new _selection.GapCursorSelection(tr.doc.resolve(nodeBeforePos), _selection.Side.LEFT)).scrollIntoView();
-    }
-  }
-  if (dir === _direction.Direction.DOWN && selection.$from.nodeAfter) {
-    var nodeAfterPos = selection.side === 'right' ? $pos.pos : $pos.pos + selection.$from.nodeAfter.nodeSize;
-    if (nodeAfterPos) {
-      tr.setSelection(new _selection.GapCursorSelection(tr.doc.resolve(nodeAfterPos), _selection.Side.LEFT)).scrollIntoView();
-    }
-  }
-  return tr;
-}
-var arrow = exports.arrow = function arrow(dir, endOfTextblock) {
-  return function (state, dispatch, view) {
-    var doc = state.doc,
-      selection = state.selection,
-      tr = state.tr;
-    var $pos = (0, _direction.isBackward)(dir) ? selection.$from : selection.$to;
-    var mustMove = selection.empty;
-
-    // start from text selection
-    if (selection instanceof _state.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
-      if (shouldSkipGapCursor(dir, state, $pos)) {
-        return false;
-      }
-
-      // otherwise resolve previous/next position
-      $pos = doc.resolve((0, _direction.isBackward)(dir) ? $pos.before() : $pos.after());
-      mustMove = false;
-    }
-    if (selection instanceof _state.NodeSelection) {
-      if (selection.node.isInline) {
-        return false;
-      }
-      if (dir === _direction.Direction.UP && !(0, _selection2.atTheBeginningOfDoc)(state) && !(0, _utils3.isNodeBeforeMediaNode)($pos, state) || dir === _direction.Direction.DOWN) {
-        // We dont add gap cursor on node selections going up and down
-        // Except we do if we're going up for a block node which is the
-        // first node in the document OR the node before is a media node
-        return false;
-      }
-    }
-
-    // Handle media gap cursor for up/down arrow into media nodes
-    if (shouldHandleMediaGapCursor(dir, state)) {
-      var updatedTr = handleMediaGapCursor(dir, state);
-      if (dispatch) {
-        dispatch(updatedTr);
-      }
-      return true;
-    }
-
-    // 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, _utils.findDomRefAtPos)($pos.pos, domAtPos);
-      if (target && target.textContent === _utils3.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;
-  };
-};
-var deleteNode = exports.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;
-      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, _utils.removeNodeBefore)(state.tr);
-      } else if ($from.nodeAfter) {
-        tr = tr.delete($from.pos, $from.pos + $from.nodeAfter.nodeSize);
-      }
-      if (dispatch) {
-        dispatch(tr.setSelection(_state.Selection.near(tr.doc.resolve(tr.mapping.map(state.selection.$from.pos)))).scrollIntoView());
-      }
-      return true;
-    }
-    return false;
-  };
-};
-var setGapCursorAtPos = exports.setGapCursorAtPos = function setGapCursorAtPos(position) {
-  var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _selection.Side.LEFT;
-  return function (state, dispatch) {
-    // @see ED-6231
-    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
-var captureCursorCoords = function captureCursorCoords(event, editorRef, posAtCoords, tr) {
-  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 = exports.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) {
-      tr.setSelection(_state.Selection.near($pos));
-    } else {
-      tr.setSelection(new _selection.GapCursorSelection($pos, cursorCoords.side));
-    }
-  }
-  // 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 = _state.Selection.findFrom($pos, cursorCoords.side === _selection.Side.LEFT ? 1 : -1, true);
-    if (selectionTemp) {
-      tr.setSelection(selectionTemp);
-    }
-  }
-};
-var setCursorForTopLevelBlocks = exports.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;
-  };
-};
-var hasGapCursorPlugin = exports.hasGapCursorPlugin = function hasGapCursorPlugin(state) {
-  return Boolean(_gapCursorPluginKey.gapCursorPluginKey.get(state));
-};

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

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Direction = void 0;
-exports.isBackward = isBackward;
-exports.isForward = isForward;
-var Direction = exports.Direction = /*#__PURE__*/function (Direction) {
-  Direction["UP"] = "up";
-  Direction["RIGHT"] = "right";
-  Direction["DOWN"] = "down";
-  Direction["LEFT"] = "left";
-  Direction["BACKWARD"] = "backward";
-  Direction["FORWARD"] = "forward";
-  return 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

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GapBookmark", {
-  enumerable: true,
-  get: function get() {
-    return _selection.GapBookmark;
-  }
-});
-Object.defineProperty(exports, "GapCursorSelection", {
-  enumerable: true,
-  get: function get() {
-    return _selection.GapCursorSelection;
-  }
-});
-Object.defineProperty(exports, "JSON_ID", {
-  enumerable: true,
-  get: function get() {
-    return _selection.JSON_ID;
-  }
-});
-Object.defineProperty(exports, "Side", {
-  enumerable: true,
-  get: function get() {
-    return _selection.Side;
-  }
-});
-var _selection = require("@atlaskit/editor-common/selection");

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

@@ -1,17 +0,0 @@
-"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 = exports.hideCaretModifier = 'ProseMirror-hide-gapcursor';
-var gapCursor = '.ProseMirror-gapcursor';
-var prosemirrorwidget = '.ProseMirror-widget';
-var wrapLeft = '[layout="wrap-left"]';
-var wrapRight = '[layout="wrap-right"]';
-var gapCursorStyles = exports.gapCursorStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* =============== GAP CURSOR ================== */\n  .ProseMirror {\n    &.", " {\n      caret-color: transparent;\n    }\n\n    ", " {\n      display: none;\n      pointer-events: none;\n      position: relative;\n\n      & span {\n        caret-color: transparent;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        display: block;\n      }\n\n      & span::after {\n        animation: 1s ", " step-end infinite;\n        border-left: 1px solid;\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        height: 100%;\n      }\n      &.-left span::after {\n        left: -3px;\n      }\n      &.-right span::after {\n        right: -3px;\n      }\n      & span[layout='full-width'],\n      & span[layout='wide'],\n      & span[layout='fixed-width'] {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n      &", " {\n        float: right;\n      }\n\n      /* fix vertical alignment of gap cursor */\n      &:first-of-type + ul,\n      &:first-of-type + span + ul,\n      &:first-of-type + ol,\n      &:first-of-type + span + ol,\n      &:first-of-type + pre,\n      &:first-of-type + span + pre,\n      &:first-of-type + blockquote,\n      &:first-of-type + span + blockquote {\n        margin-top: 0;\n      }\n    }\n    &.ProseMirror-focused ", " {\n      display: block;\n      border-color: transparent;\n    }\n  }\n\n  /* This hack below is for two images aligned side by side */\n  ", "", " + span + ", ",\n  ", "", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " {\n    clear: none;\n  }\n\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div {\n    margin-right: 0;\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n\n  ", " + ", ",\n  ", " + ", " {\n    float: left;\n  }\n\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + ", "::after,\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + ", "::after,\n  ", " + ", " + span + ", "::after {\n    visibility: hidden;\n    display: block;\n    font-size: 0;\n    content: ' ';\n    clear: both;\n    height: 0;\n  }\n\n  ", " + ", " + ", " + *,\n  ", " + ", " + ", " + span + *,\n  ", " + ", " + ", " + *,\n  ", " + ", " + ", " + span + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + ", " + * > *,\n  ", " + ", " + ", " + span + * > *,\n  ", " + ", " + ", " + * > *,\n  ", " + ", " + ", " + span + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + *,\n  ", " + ", " + span + * {\n    margin-top: 0;\n  }\n"])), hideCaretModifier, gapCursor, gapCursorBlink, wrapRight, gapCursor, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, wrapLeft, gapCursor, wrapRight, gapCursor, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, prosemirrorwidget, gapCursor, prosemirrorwidget, gapCursor);

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "isIgnored", {
-  enumerable: true,
-  get: function get() {
-    return _selection.isIgnored;
-  }
-});
-var _selection = require("@atlaskit/editor-common/selection");

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

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "isValidTargetNode", {
-  enumerable: true,
-  get: function get() {
-    return _selection.isValidTargetNode;
-  }
-});
-var _selection = require("@atlaskit/editor-common/selection");

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

@@ -1,103 +0,0 @@
-"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("@atlaskit/editor-common/selection");
-/**
- * We have a couple of nodes that require us to compute style
- * on different elements, ideally all nodes should be able to
- * compute the appropriate styles based on their wrapper.
- */
-var nestedCases = {
-  'tableView-content-wrap': 'table',
-  'mediaSingleView-content-wrap': '.rich-media-item',
-  'bodiedExtensionView-content-wrap': '.extension-container',
-  'embedCardView-content-wrap': '.rich-media-item',
-  'datasourceView-content-wrap': '.datasourceView-content-inner-wrap'
-};
-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);
-  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) {
-  element.style.transform = style.getPropertyValue('transform');
-  if ((0, _utils.isLeftCursor)(side)) {
-    element.style.width = style.getPropertyValue('width');
-    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 {
-      element.style.paddingRight = "".concat(Math.abs(marginRight), "px");
-    }
-  }
-};
-var toDOM = exports.toDOM = function toDOM(view, getPos) {
-  var selection = view.state.selection;
-  var $from = selection.$from,
-    side = selection.side;
-  var isRightCursor = side === _selection.Side.RIGHT;
-  var node = isRightCursor ? $from.nodeBefore : $from.nodeAfter;
-  var nodeStart = getPos();
-  // @ts-ignore - [unblock prosemirror bump] nodeStart can be undefined
-  var dom = view.nodeDOM(nodeStart);
-  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");
-    var layoutMode = node && (0, _utils.getLayoutModeFromTargetNode)(node);
-
-    // TODO remove this table specific piece. need to figure out margin collapsing logic
-    if (nodeStart !== 0 || layoutMode || (node === null || node === void 0 ? void 0 : node.type.name) === 'table') {
-      gapCursor.style.marginTop = style.getPropertyValue('margin-top');
-    }
-    if (layoutMode) {
-      gapCursor.setAttribute('layout', layoutMode);
-      var breakoutModeStyle = (0, _utils.getComputedStyleForLayoutMode)(dom, node, style);
-      gapCursor.style.width = "".concat(measureWidth(breakoutModeStyle), "px");
-    } else {
-      mutateElementStyle(gapCursor, style, selection.side);
-    }
-  }
-  return element;
-};

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

@@ -1,137 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getComputedStyleForLayoutMode = void 0;
-exports.getLayoutModeFromTargetNode = getLayoutModeFromTargetNode;
-exports.getMediaNearPos = getMediaNearPos;
-exports.isTextBlockNearPos = exports.isLeftCursor = exports.isIgnoredClick = void 0;
-var _styles = require("@atlaskit/editor-common/styles");
-var _selection = require("./selection");
-var _mediaSingle = require("@atlaskit/editor-common/media-single");
-var isLeftCursor = exports.isLeftCursor = function isLeftCursor(side) {
-  return side === _selection.Side.LEFT;
-};
-function getMediaNearPos(doc, $pos, schema) {
-  var dir = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : -1;
-  var $currentPos = $pos;
-  var currentNode = null;
-  var _schema$nodes = schema.nodes,
-    mediaSingle = _schema$nodes.mediaSingle,
-    media = _schema$nodes.media,
-    mediaGroup = _schema$nodes.mediaGroup;
-  do {
-    $currentPos = doc.resolve(dir === -1 ? $currentPos.before() : $currentPos.after());
-    if (!$currentPos) {
-      return null;
-    }
-    currentNode = (dir === -1 ? $currentPos.nodeBefore : $currentPos.nodeAfter) || $currentPos.parent;
-    if (!currentNode || currentNode.type === schema.nodes.doc) {
-      return null;
-    }
-    if (currentNode.type === mediaSingle || currentNode.type === media || currentNode.type === mediaGroup) {
-      return currentNode;
-    }
-  } while ($currentPos.depth > 0);
-  return null;
-}
-var isTextBlockNearPos = exports.isTextBlockNearPos = function isTextBlockNearPos(doc, schema, $pos, dir) {
-  var $currentPos = $pos;
-  var currentNode = dir === -1 ? $currentPos.nodeBefore : $currentPos.nodeAfter;
-
-  // If next node is a text or a text block bail out early.
-  if (currentNode && (currentNode.isTextblock || currentNode.isText)) {
-    return true;
-  }
-  while ($currentPos.depth > 0) {
-    $currentPos = doc.resolve(dir === -1 ? $currentPos.before() : $currentPos.after());
-    if (!$currentPos) {
-      return false;
-    }
-    currentNode = (dir === -1 ? $currentPos.nodeBefore : $currentPos.nodeAfter) || $currentPos.parent;
-    if (!currentNode || currentNode.type === schema.nodes.doc) {
-      return false;
-    }
-    if (currentNode.isTextblock) {
-      return true;
-    }
-  }
-  var childNode = currentNode;
-  while (childNode && childNode.firstChild) {
-    childNode = childNode.firstChild;
-    if (childNode && (childNode.isTextblock || childNode.isText)) {
-      return true;
-    }
-  }
-  return false;
-};
-function getLayoutModeFromTargetNode(node) {
-  var layout;
-  if (node.attrs.layout) {
-    layout = node.attrs.layout;
-  }
-  if (node.marks && node.marks.length) {
-    layout = (node.marks.find(function (mark) {
-      return mark.type.name === 'breakout';
-    }) || {
-      attrs: {
-        mode: ''
-      }
-    }).attrs.mode;
-  }
-  if (node.type.name === 'table' && node.attrs.width) {
-    layout = 'fixed-width';
-  }
-  if (['wide', 'full-width', 'fixed-width'].indexOf(layout) === -1) {
-    return '';
-  }
-  return layout;
-}
-var isIgnoredClick = exports.isIgnoredClick = function isIgnoredClick(elem) {
-  if (elem.nodeName === 'BUTTON' || elem.closest('button')) {
-    return true;
-  }
-
-  // check if we're clicking an image caption placeholder
-  if (elem.closest("[data-id=\"".concat(_mediaSingle.CAPTION_PLACEHOLDER_ID, "\"]"))) {
-    return true;
-  }
-
-  // check if target node has a parent table node
-  var tableWrap;
-  var node = elem;
-  while (node) {
-    if (node.className && (node.getAttribute('class') || '').indexOf(_styles.TableSharedCssClassName.TABLE_CONTAINER) > -1) {
-      tableWrap = node;
-      break;
-    }
-    node = node.parentNode;
-  }
-  if (tableWrap) {
-    var rowControls = tableWrap.querySelector(".".concat(_styles.TableSharedCssClassName.TABLE_ROW_CONTROLS_WRAPPER));
-    var isColumnControlsDecoration = elem && elem.classList && elem.classList.contains(_styles.TableSharedCssClassName.TABLE_COLUMN_CONTROLS_DECORATIONS);
-    return rowControls && rowControls.contains(elem) || isColumnControlsDecoration;
-  }
-
-  // Check if unsupported node selection
-  // (without this, selection requires double clicking in FF due to posAtCoords differences)
-  if (elem.closest(".".concat(_styles.UnsupportedSharedCssClassName.BLOCK_CONTAINER))) {
-    return true;
-  }
-  return false;
-};
-
-/*
-  Calculates custom style for breakout mode
-  Mainly to handle table width to include the numbered column width as well
-*/
-var getComputedStyleForLayoutMode = exports.getComputedStyleForLayoutMode = function getComputedStyleForLayoutMode(dom, node, style) {
-  if (node && node.type.name === 'table') {
-    var tableContainer = dom.querySelector('.pm-table-container');
-    if (tableContainer) {
-      return window.getComputedStyle(tableContainer);
-    }
-  }
-  return style;
-};

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

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "GapCursorSelection", {
-  enumerable: true,
-  get: function get() {
-    return _selection.GapCursorSelection;
-  }
-});
-Object.defineProperty(exports, "Side", {
-  enumerable: true,
-  get: function get() {
-    return _selection.Side;
-  }
-});
-Object.defineProperty(exports, "hasGapCursorPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _actions.hasGapCursorPlugin;
-  }
-});
-Object.defineProperty(exports, "setCursorForTopLevelBlocks", {
-  enumerable: true,
-  get: function get() {
-    return _actions.setCursorForTopLevelBlocks;
-  }
-});
-Object.defineProperty(exports, "setSelectionTopLevelBlocks", {
-  enumerable: true,
-  get: function get() {
-    return _actions.setSelectionTopLevelBlocks;
-  }
-});
-var _selection = require("@atlaskit/editor-common/selection");
-var _actions = require("./gap-cursor/actions");