@atlaskit/editor-common 76.6.0 → 76.8.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 76.8.0
+
+### Minor Changes
+
+- [#40750](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40750) [`fc19a7b9edd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc19a7b9edd) - [ED-19875] Extraction of Editor Core's Selection Plugin into independent package '@atlaskit/editor-plugin-selection'.
+
+## 76.7.0
+
+### Minor Changes
+
+- [#41289](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41289) [`805e20742e7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/805e20742e7) - Decouple Date Plugin
+
 ## 76.6.0
 
 ### Minor Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.6.0";
+var packageVersion = "76.8.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setSelectionTopLevelBlocks = exports.setGapCursorAtPos = void 0;
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _selection = require("./selection");
+var _isValidTargetNode = require("./utils/is-valid-target-node");
+// 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 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;
+  };
+};

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

@@ -0,0 +1,17 @@
+"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/selection/index.js

@@ -64,10 +64,22 @@ Object.defineProperty(exports, "endPositionOfParent", {
     return _utils3.endPositionOfParent;
   }
 });
+Object.defineProperty(exports, "gapCursorStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styles.gapCursorStyles;
+  }
+});
 exports.getAllSelectionAnalyticsPayload = getAllSelectionAnalyticsPayload;
 exports.getCellSelectionAnalyticsPayload = getCellSelectionAnalyticsPayload;
 exports.getNodeSelectionAnalyticsPayload = getNodeSelectionAnalyticsPayload;
 exports.getRangeSelectionAnalyticsPayload = getRangeSelectionAnalyticsPayload;
+Object.defineProperty(exports, "hideCaretModifier", {
+  enumerable: true,
+  get: function get() {
+    return _styles.hideCaretModifier;
+  }
+});
 Object.defineProperty(exports, "isIgnored", {
   enumerable: true,
   get: function get() {
@@ -93,12 +105,24 @@ Object.defineProperty(exports, "isValidTargetNode", {
   }
 });
 exports.selectNode = void 0;
+Object.defineProperty(exports, "setGapCursorAtPos", {
+  enumerable: true,
+  get: function get() {
+    return _actions.setGapCursorAtPos;
+  }
+});
 Object.defineProperty(exports, "setGapCursorSelection", {
   enumerable: true,
   get: function get() {
     return _setGapCursorSelection.setGapCursorSelection;
   }
 });
+Object.defineProperty(exports, "setSelectionTopLevelBlocks", {
+  enumerable: true,
+  get: function get() {
+    return _actions.setSelectionTopLevelBlocks;
+  }
+});
 Object.defineProperty(exports, "startPositionOfParent", {
   enumerable: true,
   get: function get() {
@@ -111,8 +135,10 @@ var _utils = require("@atlaskit/editor-tables/utils");
 var _analytics = require("../analytics");
 var _types = require("./types");
 var _selection = require("./gap-cursor/selection");
+var _actions = require("./gap-cursor/actions");
 var _utils2 = require("./gap-cursor/utils");
 var _setGapCursorSelection = require("./gap-cursor/utils/setGapCursorSelection");
+var _styles = require("./gap-cursor/styles");
 var _utils3 = require("./utils");
 function getNodeSelectionAnalyticsPayload(selection) {
   if (selection instanceof _state.NodeSelection) {

package/dist/cjs/types/insert-block.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.6.0";
+var packageVersion = "76.8.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/utils/editor-core-utils.js

@@ -9,13 +9,17 @@ exports.isElementInTableCell = void 0;
 exports.isEmptyParagraph = isEmptyParagraph;
 exports.isValidPosition = exports.isTextSelection = exports.isLastItemMediaGroup = exports.isInLayoutColumn = void 0;
 exports.nonNullable = nonNullable;
-exports.setNodeSelection = exports.removeBlockMarks = void 0;
+exports.removeBlockMarks = void 0;
+exports.setAllSelection = setAllSelection;
+exports.setCellSelection = setCellSelection;
+exports.setNodeSelection = void 0;
 exports.setTextSelection = setTextSelection;
 exports.stepAddsOneOf = stepAddsOneOf;
 exports.stepHasSlice = void 0;
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _dom = require("./dom");
 /**
  * Checks if node is an empty paragraph.
@@ -81,6 +85,17 @@ function setTextSelection(view, anchor, head) {
   var tr = state.tr.setSelection(_state.TextSelection.create(state.doc, anchor, head));
   dispatch(tr);
 }
+function setAllSelection(view) {
+  var state = view.state,
+    dispatch = view.dispatch;
+  var tr = state.tr.setSelection(new _state.AllSelection(view.state.doc));
+  dispatch(tr);
+}
+function setCellSelection(view, anchor, head) {
+  var state = view.state,
+    dispatch = view.dispatch;
+  dispatch(state.tr.setSelection(_cellSelection.CellSelection.create(state.doc, anchor, head)));
+}
 function nonNullable(value) {
   return value !== null && value !== undefined;
 }

package/dist/cjs/utils/index.js

@@ -871,6 +871,18 @@ Object.defineProperty(exports, "sanitizeNodeForPrivacy", {
     return _privacyFilter.sanitizeNodeForPrivacy;
   }
 });
+Object.defineProperty(exports, "setAllSelection", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.setAllSelection;
+  }
+});
+Object.defineProperty(exports, "setCellSelection", {
+  enumerable: true,
+  get: function get() {
+    return _editorCoreUtils.setCellSelection;
+  }
+});
 Object.defineProperty(exports, "setNodeSelection", {
   enumerable: true,
   get: function get() {

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "76.6.0";
+const packageVersion = "76.8.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/selection/gap-cursor/actions.js

@@ -0,0 +1,84 @@
+import { Selection } from '@atlaskit/editor-prosemirror/state';
+import { GapCursorSelection, Side } from './selection';
+import { isValidTargetNode } from './utils/is-valid-target-node';
+
+// This function captures clicks outside of the ProseMirror contentEditable area
+// see also description of "handleClick" in gap-cursor pm-plugin
+const captureCursorCoords = (event, editorRef, posAtCoords, tr) => {
+  const rect = editorRef.getBoundingClientRect();
+
+  // capture clicks before the first block element
+  if (event.clientY < rect.top) {
+    return {
+      position: 0,
+      side: Side.LEFT
+    };
+  }
+  if (rect.left > 0) {
+    // calculate start position of a node that is vertically at the same level
+    const coords = posAtCoords({
+      left: rect.left,
+      top: event.clientY
+    });
+    if (coords && coords.inside > -1) {
+      const $from = tr.doc.resolve(coords.inside);
+      const start = $from.before(1);
+      const side = event.clientX < rect.left ? Side.LEFT : Side.RIGHT;
+      let position;
+      if (side === Side.LEFT) {
+        position = start;
+      } else {
+        const node = tr.doc.nodeAt(start);
+        if (node) {
+          position = start + node.nodeSize;
+        }
+      }
+      return {
+        position,
+        side
+      };
+    }
+  }
+  return null;
+};
+export const setSelectionTopLevelBlocks = (tr, event, editorRef, posAtCoords, editorFocused) => {
+  const cursorCoords = captureCursorCoords(event, editorRef, posAtCoords, tr);
+  if (!cursorCoords) {
+    return;
+  }
+  const $pos = cursorCoords.position !== undefined ? tr.doc.resolve(cursorCoords.position) : null;
+  if ($pos === null) {
+    return;
+  }
+  const isGapCursorAllowed = cursorCoords.side === Side.LEFT ? isValidTargetNode($pos.nodeAfter) : isValidTargetNode($pos.nodeBefore);
+  if (isGapCursorAllowed && 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 GapCursorSelection) {
+      tr.setSelection(Selection.near($pos));
+    } else {
+      tr.setSelection(new 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) {
+    const selectionTemp = Selection.findFrom($pos, cursorCoords.side === Side.LEFT ? 1 : -1, true);
+    if (selectionTemp) {
+      tr.setSelection(selectionTemp);
+    }
+  }
+};
+export const setGapCursorAtPos = (position, side = Side.LEFT) => (state, dispatch) => {
+  // @see ED-6231
+  if (position > state.doc.content.size) {
+    return false;
+  }
+  const $pos = state.doc.resolve(position);
+  if (GapCursorSelection.valid($pos)) {
+    if (dispatch) {
+      dispatch(state.tr.setSelection(new GapCursorSelection($pos, side)));
+    }
+    return true;
+  }
+  return false;
+};

package/dist/es2019/selection/gap-cursor/styles.js

@@ -0,0 +1,145 @@
+import { css, keyframes } from '@emotion/react';
+const gapCursorBlink = keyframes`
+  from, to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+`;
+export const hideCaretModifier = 'ProseMirror-hide-gapcursor';
+const gapCursor = '.ProseMirror-gapcursor';
+const prosemirrorwidget = '.ProseMirror-widget';
+const wrapLeft = '[layout="wrap-left"]';
+const wrapRight = '[layout="wrap-right"]';
+export const gapCursorStyles = css`
+  /* =============== GAP CURSOR ================== */
+  .ProseMirror {
+    &.${hideCaretModifier} {
+      caret-color: transparent;
+    }
+
+    ${gapCursor} {
+      display: none;
+      pointer-events: none;
+      position: relative;
+
+      & span {
+        caret-color: transparent;
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        display: block;
+      }
+
+      & span::after {
+        animation: 1s ${gapCursorBlink} step-end infinite;
+        border-left: 1px solid;
+        content: '';
+        display: block;
+        position: absolute;
+        top: 0;
+        height: 100%;
+      }
+      &.-left span::after {
+        left: -3px;
+      }
+      &.-right span::after {
+        right: -3px;
+      }
+      & span[layout='full-width'],
+      & span[layout='wide'],
+      & span[layout='fixed-width'] {
+        margin-left: 50%;
+        transform: translateX(-50%);
+      }
+      &${wrapRight} {
+        float: right;
+      }
+
+      /* fix vertical alignment of gap cursor */
+      &:first-of-type + ul,
+      &:first-of-type + span + ul,
+      &:first-of-type + ol,
+      &:first-of-type + span + ol,
+      &:first-of-type + pre,
+      &:first-of-type + span + pre,
+      &:first-of-type + blockquote,
+      &:first-of-type + span + blockquote {
+        margin-top: 0;
+      }
+    }
+    &.ProseMirror-focused ${gapCursor} {
+      display: block;
+      border-color: transparent;
+    }
+  }
+
+  /* This hack below is for two images aligned side by side */
+  ${gapCursor}${wrapLeft} + span + ${wrapLeft},
+  ${gapCursor}${wrapRight} + span + ${wrapRight},
+  ${gapCursor} + ${wrapLeft} + ${wrapRight},
+  ${gapCursor} + ${wrapLeft} + span + ${wrapRight},
+  ${gapCursor} + ${wrapRight} + ${wrapLeft},
+  ${gapCursor} + ${wrapRight} + span + ${wrapLeft},
+  ${wrapLeft} + ${gapCursor} + ${wrapRight},
+  ${wrapLeft} + ${gapCursor} + span ${wrapRight},
+  ${wrapRight} + ${gapCursor} + ${wrapLeft},
+  ${wrapRight} + ${gapCursor} + span + ${wrapLeft},
+  ${wrapLeft} + ${gapCursor} {
+    clear: none;
+  }
+
+  ${wrapLeft} + ${gapCursor} + ${wrapRight} > div,
+  ${wrapLeft} + ${gapCursor} + span + ${wrapRight} > div,
+  ${wrapRight} + ${gapCursor} + ${wrapLeft} > div,
+  ${wrapRight} + ${gapCursor} + span + ${wrapLeft} > div,
+  ${gapCursor} + ${wrapRight} + ${wrapLeft} > div,
+  ${gapCursor} + ${wrapRight} + span + ${wrapLeft} > div,
+  ${gapCursor} + ${wrapLeft} + ${wrapRight} > div,
+  ${gapCursor} + ${wrapLeft} + span + ${wrapRight} > div {
+    margin-right: 0;
+    margin-left: 0;
+    margin-bottom: 0;
+  }
+
+  ${wrapLeft} + ${gapCursor},
+  ${wrapRight} + ${gapCursor} {
+    float: left;
+  }
+
+  ${gapCursor} + ${wrapLeft} + span + ${wrapRight}::after,
+  ${gapCursor} + ${wrapRight} + span + ${wrapLeft}::after,
+  ${wrapLeft} + ${gapCursor} + ${wrapRight}::after,
+  ${wrapLeft} + ${gapCursor} + span + ${wrapRight}::after,
+  ${wrapRight} + ${gapCursor} + ${wrapLeft}::after,
+  ${wrapRight} + ${gapCursor} + span + ${wrapLeft}::after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: ' ';
+    clear: both;
+    height: 0;
+  }
+
+  ${wrapLeft} + ${gapCursor} + ${wrapRight} + *,
+  ${wrapLeft} + ${gapCursor} + ${wrapRight} + span + *,
+  ${wrapRight} + ${gapCursor} + ${wrapLeft} + *,
+  ${wrapRight} + ${gapCursor} + ${wrapLeft} + span + *,
+  ${wrapLeft} + ${gapCursor} + span + ${wrapRight} + *,
+  ${wrapRight} + ${gapCursor} + span + ${wrapLeft} + *,
+  ${gapCursor} + ${wrapLeft} + span + ${wrapRight} + *,
+  ${gapCursor} + ${wrapRight} + span + ${wrapLeft} + *,
+  ${wrapLeft} + ${gapCursor} + ${wrapRight} + * > *,
+  ${wrapLeft} + ${gapCursor} + ${wrapRight} + span + * > *,
+  ${wrapRight} + ${gapCursor} + ${wrapLeft} + * > *,
+  ${wrapRight} + ${gapCursor} + ${wrapLeft} + span + * > *,
+  ${wrapLeft} + ${gapCursor} + span + ${wrapRight} + * > *,
+  ${wrapRight} + ${gapCursor} + span + ${wrapLeft} + * > *,
+  ${gapCursor} + ${wrapLeft} + span + ${wrapRight} + * > *,
+  ${gapCursor} + ${wrapRight} + span + ${wrapLeft} + * > *,
+  ${prosemirrorwidget} + ${gapCursor} + *,
+  ${prosemirrorwidget} + ${gapCursor} + span + * {
+    margin-top: 0;
+  }
+`;

package/dist/es2019/selection/index.js

@@ -4,8 +4,10 @@ import { selectedRect } from '@atlaskit/editor-tables/utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics';
 export { RelativeSelectionPos } from './types';
 export { GapCursorSelection, Side, JSON_ID, GapBookmark } from './gap-cursor/selection';
+export { setSelectionTopLevelBlocks, setGapCursorAtPos } from './gap-cursor/actions';
 export { isIgnored, isValidTargetNode } from './gap-cursor/utils';
 export { setGapCursorSelection } from './gap-cursor/utils/setGapCursorSelection';
+export { hideCaretModifier, gapCursorStyles } from './gap-cursor/styles';
 export { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, atTheEndOfDoc, endPositionOfParent, isSelectionAtEndOfNode, isSelectionAtStartOfNode, startPositionOfParent } from './utils';
 export function getNodeSelectionAnalyticsPayload(selection) {
   if (selection instanceof NodeSelection) {

package/dist/es2019/types/insert-block.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/ui/DropList/index.js

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.6.0";
+const packageVersion = "76.8.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/utils/editor-core-utils.js

@@ -1,6 +1,7 @@
-import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { AllSelection, NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { closest } from './dom';
 
 /**
@@ -69,6 +70,21 @@ export function setTextSelection(view, anchor, head) {
   const tr = state.tr.setSelection(TextSelection.create(state.doc, anchor, head));
   dispatch(tr);
 }
+export function setAllSelection(view) {
+  const {
+    state,
+    dispatch
+  } = view;
+  const tr = state.tr.setSelection(new AllSelection(view.state.doc));
+  dispatch(tr);
+}
+export function setCellSelection(view, anchor, head) {
+  const {
+    state,
+    dispatch
+  } = view;
+  dispatch(state.tr.setSelection(CellSelection.create(state.doc, anchor, head)));
+}
 export function nonNullable(value) {
   return value !== null && value !== undefined;
 }

package/dist/es2019/utils/index.js

@@ -6,7 +6,7 @@ export { getExtensionLozengeData } from './macro';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';
-export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween } from './editor-core-utils';
+export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, setAllSelection, setCellSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
 export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle } from './breakout';
 export { findChangedNodesFromTransaction, validNode, validateNodes, isType, isParagraph, isText, isLinkMark, SelectedState, isNodeSelectedOrInRange, isSupportedInParent, isMediaNode, isNodeBeforeMediaNode } from './nodes';

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.6.0";
+var packageVersion = "76.8.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it