@atlaskit/editor-core 187.19.0 → 187.20.0

package/dist/cjs/plugins/media/utils/media-single.js

@@ -16,8 +16,7 @@ var _utils3 = require("@atlaskit/editor-common/utils");
 var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _mediaCommon = require("../utils/media-common");
 var _slice = require("../../../utils/slice");
-var _analytics = require("../../analytics");
-var _analytics2 = require("@atlaskit/editor-common/analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _insert = require("@atlaskit/editor-common/insert");
 var _isImage = require("./is-image");
 var _position = require("../../../utils/prosemirror/position");
@@ -27,15 +26,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { (0, _defineProperty2.default)(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; }
 var getInsertMediaAnalytics = function getInsertMediaAnalytics(inputMethod, fileExtension) {
   return {
-    action: _analytics2.ACTION.INSERTED,
-    actionSubject: _analytics2.ACTION_SUBJECT.DOCUMENT,
-    actionSubjectId: _analytics2.ACTION_SUBJECT_ID.MEDIA,
+    action: _analytics.ACTION.INSERTED,
+    actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+    actionSubjectId: _analytics.ACTION_SUBJECT_ID.MEDIA,
     attributes: {
       inputMethod: inputMethod,
       fileExtension: fileExtension,
-      type: _analytics2.ACTION_SUBJECT_ID.MEDIA_SINGLE
+      type: _analytics.ACTION_SUBJECT_ID.MEDIA_SINGLE
     },
-    eventType: _analytics2.EVENT_TYPE.TRACK
+    eventType: _analytics.EVENT_TYPE.TRACK
   };
 };
 function shouldAddParagraph(state) {
@@ -43,6 +42,7 @@ function shouldAddParagraph(state) {
 }
 function insertNodesWithOptionalParagraph(nodes) {
   var analyticsAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var editorAnalyticsAPI = arguments.length > 2 ? arguments[2] : undefined;
   return function (state, dispatch) {
     var tr = state.tr,
       schema = state.schema;
@@ -56,7 +56,7 @@ function insertNodesWithOptionalParagraph(nodes) {
     }
     tr.replaceSelection(new _model.Slice(_model.Fragment.from(nodes), 0, openEnd));
     if (inputMethod) {
-      (0, _analytics.addAnalytics)(state, tr, getInsertMediaAnalytics(inputMethod, fileExtension));
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
     }
     if (dispatch) {
       dispatch(tr);
@@ -68,7 +68,7 @@ var isMediaSingle = function isMediaSingle(schema, fileMimeType) {
   return !!schema.nodes.mediaSingle && (0, _isImage.isImage)(fileMimeType);
 };
 exports.isMediaSingle = isMediaSingle;
-var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inputMethod) {
+var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inputMethod, editorAnalyticsAPI) {
   var state = view.state,
     dispatch = view.dispatch;
   var _state$schema$nodes = state.schema.nodes,
@@ -88,10 +88,10 @@ var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inp
     inputMethod: inputMethod,
     fileExtension: node.attrs.__fileMimeType
   };
-  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes)(state, dispatch);
+  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI)(state, dispatch);
 };
 exports.insertMediaAsMediaSingle = insertMediaAsMediaSingle;
-var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, newInsertionBehaviour, widthPluginState) {
+var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, newInsertionBehaviour, widthPluginState, editorAnalyticsAPI) {
   var _state$selection$$fro;
   if (collection === undefined) {
     return false;
@@ -122,7 +122,7 @@ var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inp
     insertNodesWithOptionalParagraph([node], {
       fileExtension: fileExtension,
       inputMethod: inputMethod
-    })(state, dispatch);
+    }, editorAnalyticsAPI)(state, dispatch);
   } else {
     var tr = null;
     if (newInsertionBehaviour) {
@@ -133,7 +133,7 @@ var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inp
       tr = (0, _utils.safeInsert)(content, undefined, true)(state.tr);
     }
     if (inputMethod) {
-      tr = (0, _analytics.addAnalytics)(state, tr, getInsertMediaAnalytics(inputMethod, fileExtension));
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
     }
     dispatch(tr);
   }

package/dist/cjs/plugins/paste/handlers.js

@@ -544,12 +544,12 @@ function isOnlyMediaSingle(state, slice) {
   var mediaSingle = state.schema.nodes.mediaSingle;
   return mediaSingle && slice.content.childCount === 1 && slice.content.firstChild.type === mediaSingle;
 }
-function handleMediaSingle(inputMethod) {
+function handleMediaSingle(inputMethod, editorAnalyticsAPI) {
   return function (slice) {
     return function (state, dispatch, view) {
       if (view) {
         if (isOnlyMedia(state, slice)) {
-          return (0, _mediaSingle.insertMediaAsMediaSingle)(view, slice.content.firstChild, inputMethod);
+          return (0, _mediaSingle.insertMediaAsMediaSingle)(view, slice.content.firstChild, inputMethod, editorAnalyticsAPI);
         }
         if ((0, _utils3.insideTable)(state) && isOnlyMediaSingle(state, slice)) {
           var tr = state.tr.replaceSelection(slice);

package/dist/cjs/plugins/paste/pm-plugins/analytics.js

@@ -257,10 +257,10 @@ var handleCodeBlockWithAnalytics = function handleCodeBlockWithAnalytics(view, e
   }))((0, _handlers.handleCodeBlock)(text));
 };
 exports.handleCodeBlockWithAnalytics = handleCodeBlockWithAnalytics;
-var handleMediaSingleWithAnalytics = function handleMediaSingleWithAnalytics(view, event, slice, type) {
+var handleMediaSingleWithAnalytics = function handleMediaSingleWithAnalytics(view, event, slice, type, editorAnalyticsAPI) {
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))((0, _handlers.handleMediaSingle)(_analytics.INPUT_METHOD.CLIPBOARD)(slice));
+  }))((0, _handlers.handleMediaSingle)(_analytics.INPUT_METHOD.CLIPBOARD, editorAnalyticsAPI)(slice));
 };
 exports.handleMediaSingleWithAnalytics = handleMediaSingleWithAnalytics;
 var handlePastePreservingMarksWithAnalytics = function handlePastePreservingMarksWithAnalytics(view, event, slice, type, pluginInjectionApi) {

package/dist/cjs/plugins/paste/pm-plugins/main.js

@@ -112,7 +112,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
         }
       },
       handlePaste: function handlePaste(view, rawEvent, slice) {
-        var _text, _analyticsPlugin$perf, _analyticsPlugin$perf2, _schema$nodes, _schema$nodes2, _schema$nodes3;
+        var _text, _analyticsPlugin$perf, _analyticsPlugin$perf2, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$d4, _pluginInjectionApi$d5;
         var event = rawEvent;
         if (!event.clipboardData) {
           return false;
@@ -276,7 +276,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
         if ((0, _analytics.handleCodeBlockWithAnalytics)(view, event, slice, text)(state, dispatch)) {
           return true;
         }
-        if ((0, _analytics.handleMediaSingleWithAnalytics)(view, event, slice, isPastedFile ? _analytics2.PasteTypes.binary : _analytics2.PasteTypes.richText)(state, dispatch, view)) {
+        if ((0, _analytics.handleMediaSingleWithAnalytics)(view, event, slice, isPastedFile ? _analytics2.PasteTypes.binary : _analytics2.PasteTypes.richText, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.analytics) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions)(state, dispatch, view)) {
           return true;
         }
         if ((0, _analytics.handleSelectedTableWithAnalytics)(view, event, slice)(state, dispatch)) {
@@ -309,7 +309,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
 
         // finally, handle rich-text copy-paste
         if (isRichText) {
-          var _pluginInjectionApi$d4, _pluginInjectionApi$d5;
+          var _pluginInjectionApi$d6, _pluginInjectionApi$d7;
           // linkify the text where possible
           slice = (0, _utils.linkifyContent)(state.schema)(slice);
           if ((0, _analytics.handlePasteLinkOnSelectedTextWithAnalytics)(view, event, slice, _analytics2.PasteTypes.richText)(state, dispatch)) {
@@ -317,7 +317,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
           }
 
           // run macro autoconvert prior to other conversions
-          if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.actions) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
+          if ((0, _handlers.handleMacroAutoConvert)(text, slice, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d6 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : (_pluginInjectionApi$d7 = _pluginInjectionApi$d6.actions) === null || _pluginInjectionApi$d7 === void 0 ? void 0 : _pluginInjectionApi$d7.queueCardsFromChangedTr, cardOptions, extensionAutoConverter)(state, dispatch, view)) {
             // TODO: handleMacroAutoConvert dispatch twice, so we can't use the helper
             (0, _analytics.sendPasteAnalyticsEvent)(view, event, slice, {
               type: _analytics2.PasteTypes.richText

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

@@ -15,5 +15,5 @@ var gapCursor = '.ProseMirror-gapcursor';
 var prosemirrorwidget = '.ProseMirror-widget';
 var wrapLeft = '[layout="wrap-left"]';
 var wrapRight = '[layout="wrap-right"]';
-var 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        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);
+var 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);
 exports.gapCursorStyles = gapCursorStyles;

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

@@ -85,9 +85,9 @@ var toDOM = function toDOM(view, getPos) {
     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);
+    var layoutMode = node && (0, _utils.getLayoutModeFromTargetNode)(node);
+    if (layoutMode) {
+      gapCursor.setAttribute('layout', layoutMode);
       gapCursor.style.width = "".concat(measureWidth(style), "px");
     } else {
       mutateElementStyle(gapCursor, style, selection.side);

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBreakoutModeFromTargetNode = getBreakoutModeFromTargetNode;
+exports.getLayoutModeFromTargetNode = getLayoutModeFromTargetNode;
 exports.getMediaNearPos = getMediaNearPos;
 exports.isTextBlockNearPos = exports.isLeftCursor = exports.isIgnoredClick = void 0;
 var _styles = require("@atlaskit/editor-common/styles");
@@ -68,7 +68,7 @@ var isTextBlockNearPos = function isTextBlockNearPos(doc, schema, $pos, dir) {
   return false;
 };
 exports.isTextBlockNearPos = isTextBlockNearPos;
-function getBreakoutModeFromTargetNode(node) {
+function getLayoutModeFromTargetNode(node) {
   var layout;
   if (node.attrs.layout) {
     layout = node.attrs.layout;
@@ -82,7 +82,10 @@ function getBreakoutModeFromTargetNode(node) {
       }
     }).attrs.mode;
   }
-  if (['wide', 'full-width'].indexOf(layout) === -1) {
+  if (node.type.name === 'table' && node.attrs.width) {
+    layout = 'fixed-width';
+  }
+  if (['wide', 'full-width', 'fixed-width'].indexOf(layout) === -1) {
     return '';
   }
   return layout;

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

@@ -75,10 +75,10 @@ var plugin = new _safePlugin.SafePlugin({
           }
         }
         var node = isRightCursor ? $from.nodeBefore : $from.nodeAfter;
-        var breakoutMode = node && (0, _utils2.getBreakoutModeFromTargetNode)(node);
+        var layoutMode = node && (0, _utils2.getLayoutModeFromTargetNode)(node);
         return _view2.DecorationSet.create(doc, [_view2.Decoration.widget(position, _placeGapCursor.toDOM, {
-          key: "".concat(_selection.JSON_ID, "-").concat(side, "-").concat(breakoutMode),
-          side: breakoutMode ? -1 : 0
+          key: "".concat(_selection.JSON_ID, "-").concat(side, "-").concat(layoutMode),
+          side: layoutMode ? -1 : 0
         })]);
       }
       return null;

package/dist/cjs/plugins/text-color/commands/toggle-color.js

@@ -7,6 +7,7 @@ exports.toggleColor = void 0;
 var _mark = require("@atlaskit/editor-common/mark");
 var _main = require("../pm-plugins/main");
 var _disabled = require("../utils/disabled");
+var _preset = require("@atlaskit/editor-common/preset");
 var toggleColor = function toggleColor(color) {
   return function (state, dispatch) {
     var textColor = state.schema.marks.textColor;
@@ -26,9 +27,9 @@ var toggleColor = function toggleColor(color) {
         color: color
       });
       state.tr.scrollIntoView();
-      (0, _mark.toggleMark)(textColor, {
+      (0, _preset.pluginCommandToPMCommand)((0, _mark.toggleMark)(textColor, {
         color: color
-      })(state, dispatch);
+      }))(state, dispatch);
     }
     return true;
   };

package/dist/cjs/utils/document.js

@@ -4,7 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findFarthestParentNode = void 0;
+Object.defineProperty(exports, "findFarthestParentNode", {
+  enumerable: true,
+  get: function get() {
+    return _utils.findFarthestParentNode;
+  }
+});
 exports.getChangedNodes = getChangedNodes;
 exports.getChangedNodesIn = getChangedNodesIn;
 exports.getChildBreakoutModes = getChildBreakoutModes;
@@ -65,29 +70,6 @@ function processRawFragmentValue(schema, value, providerFactory, sanitizePrivate
   }
   return _model.Fragment.from(adfEntities);
 }
-
-/**
- * Find the farthest node given a condition
- * @param predicate Function to check the node
- */
-var findFarthestParentNode = function findFarthestParentNode(predicate) {
-  return function ($pos) {
-    var candidate = null;
-    for (var i = $pos.depth; i > 0; i--) {
-      var _node = $pos.node(i);
-      if (predicate(_node)) {
-        candidate = {
-          pos: i > 0 ? $pos.before(i) : 0,
-          start: $pos.start(i),
-          depth: i,
-          node: _node
-        };
-      }
-    }
-    return candidate;
-  };
-};
-exports.findFarthestParentNode = findFarthestParentNode;
 var isSelectionEndOfParagraph = function isSelectionEndOfParagraph(state) {
   return state.selection.$to.parent.type === state.schema.nodes.paragraph && state.selection.$to.pos === state.doc.resolve(state.selection.$to.pos).end();
 };

package/dist/cjs/utils/index.js

@@ -10,7 +10,12 @@ Object.defineProperty(exports, "SetAttrsStep", {
     return _steps.SetAttrsStep;
   }
 });
-exports.checkNodeDown = checkNodeDown;
+Object.defineProperty(exports, "checkNodeDown", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.checkNodeDown;
+  }
+});
 exports.compose = compose;
 exports.dedupe = dedupe;
 Object.defineProperty(exports, "findFarthestParentNode", {
@@ -33,14 +38,31 @@ Object.defineProperty(exports, "insideTable", {
     return _coreUtils.insideTable;
   }
 });
-exports.insideTableCell = void 0;
+Object.defineProperty(exports, "insideTableCell", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.insideTableCell;
+  }
+});
 Object.defineProperty(exports, "isElementInTableCell", {
   enumerable: true,
   get: function get() {
     return _utils2.isElementInTableCell;
   }
 });
-exports.isInsideBlockQuote = exports.isInListItem = exports.isEmptyNode = void 0;
+Object.defineProperty(exports, "isEmptyNode", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.isEmptyNode;
+  }
+});
+Object.defineProperty(exports, "isInListItem", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.isInListItem;
+  }
+});
+exports.isInsideBlockQuote = void 0;
 Object.defineProperty(exports, "isLastItemMediaGroup", {
   enumerable: true,
   get: function get() {
@@ -72,7 +94,12 @@ Object.defineProperty(exports, "isSelectionEndOfParagraph", {
     return _document.isSelectionEndOfParagraph;
   }
 });
-exports.isSelectionInsideLastNodeInDocument = isSelectionInsideLastNodeInDocument;
+Object.defineProperty(exports, "isSelectionInsideLastNodeInDocument", {
+  enumerable: true,
+  get: function get() {
+    return _utils2.isSelectionInsideLastNodeInDocument;
+  }
+});
 exports.isTemporary = void 0;
 Object.defineProperty(exports, "isText", {
   enumerable: true,
@@ -138,13 +165,13 @@ var _commands = require("@atlaskit/editor-prosemirror/commands");
 var _editorJsonTransformer = require("@atlaskit/editor-json-transformer");
 var _cursor = require("../plugins/fake-text-cursor/cursor");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
-var _document = require("./document");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _document = require("./document");
 var _mark = require("./mark");
 var _nodes = require("./nodes");
 var _selection = require("./selection");
 var _measureEnum = _interopRequireDefault(require("./performance/measure-enum"));
-var _utils2 = require("@atlaskit/editor-common/utils");
 var _steps = require("@atlaskit/adf-schema/steps");
 function isMarkTypeCompatibleWithMark(markType, mark) {
   return !mark.type.excludes(markType) && !markType.excludes(mark.type);
@@ -152,11 +179,6 @@ function isMarkTypeCompatibleWithMark(markType, mark) {
 function isMarkTypeAllowedInNode(markType, state) {
   return (0, _commands.toggleMark)(markType)(state);
 }
-function isSelectionInsideLastNodeInDocument(selection) {
-  var docNode = selection.$anchor.node(0);
-  var rootNode = selection.$anchor.node(1);
-  return docNode.lastChild === rootNode;
-}
 function getCursor(selection) {
   return selection.$cursor || undefined;
 }
@@ -204,36 +226,6 @@ function isMarkTypeAllowedInCurrentSelection(markType, state) {
     return allowedInActiveMarks;
   });
 }
-function checkNodeDown(selection, doc, filter) {
-  var ancestorDepth = findAncestorPosition(doc, selection.$to).depth;
-
-  // Top level node
-  if (ancestorDepth === 0) {
-    return false;
-  }
-  var res = doc.resolve(selection.$to.after(ancestorDepth));
-  return res.nodeAfter ? filter(res.nodeAfter) : false;
-}
-
-/**
- * Traverse the document until an "ancestor" is found. Any nestable block can be an ancestor.
- */
-function findAncestorPosition(doc, pos) {
-  var nestableBlocks = ['blockquote', 'bulletList', 'orderedList'];
-  if (pos.depth === 1) {
-    return pos;
-  }
-  var node = pos.node(pos.depth);
-  var newPos = pos;
-  while (pos.depth >= 1) {
-    pos = doc.resolve(pos.before(pos.depth));
-    node = pos.node(pos.depth);
-    if (node && nestableBlocks.indexOf(node.type.name) !== -1) {
-      newPos = pos;
-    }
-  }
-  return newPos;
-}
 var transformer = new _editorJsonTransformer.JSONTransformer();
 function toJSON(node) {
   return transformer.encode(node);
@@ -280,70 +272,6 @@ var isTemporary = function isTemporary(id) {
   return id.indexOf('temporary:') === 0;
 };
 exports.isTemporary = isTemporary;
-var isEmptyNode = function isEmptyNode(schema) {
-  var _schema$nodes = schema.nodes,
-    doc = _schema$nodes.doc,
-    paragraph = _schema$nodes.paragraph,
-    codeBlock = _schema$nodes.codeBlock,
-    blockquote = _schema$nodes.blockquote,
-    panel = _schema$nodes.panel,
-    heading = _schema$nodes.heading,
-    listItem = _schema$nodes.listItem,
-    bulletList = _schema$nodes.bulletList,
-    orderedList = _schema$nodes.orderedList,
-    taskList = _schema$nodes.taskList,
-    taskItem = _schema$nodes.taskItem,
-    decisionList = _schema$nodes.decisionList,
-    decisionItem = _schema$nodes.decisionItem,
-    media = _schema$nodes.media,
-    mediaGroup = _schema$nodes.mediaGroup,
-    mediaSingle = _schema$nodes.mediaSingle;
-  var innerIsEmptyNode = function innerIsEmptyNode(node) {
-    switch (node.type) {
-      case media:
-      case mediaGroup:
-      case mediaSingle:
-        return false;
-      case paragraph:
-      case codeBlock:
-      case heading:
-      case taskItem:
-      case decisionItem:
-        return node.content.size === 0;
-      case blockquote:
-      case panel:
-      case listItem:
-        return node.content.size === 2 && innerIsEmptyNode(node.content.firstChild);
-      case bulletList:
-      case orderedList:
-        return node.content.size === 4 && innerIsEmptyNode(node.content.firstChild);
-      case taskList:
-      case decisionList:
-        return node.content.size === 2 && innerIsEmptyNode(node.content.firstChild);
-      case doc:
-        var isEmpty = true;
-        node.content.forEach(function (child) {
-          isEmpty = isEmpty && innerIsEmptyNode(child);
-        });
-        return isEmpty;
-      default:
-        return (0, _document.isNodeEmpty)(node);
-    }
-  };
-  return innerIsEmptyNode;
-};
-exports.isEmptyNode = isEmptyNode;
-var insideTableCell = function insideTableCell(state) {
-  var _state$schema$nodes = state.schema.nodes,
-    tableCell = _state$schema$nodes.tableCell,
-    tableHeader = _state$schema$nodes.tableHeader;
-  return (0, _utils.hasParentNodeOfType)([tableCell, tableHeader])(state.selection);
-};
-exports.insideTableCell = insideTableCell;
-var isInListItem = function isInListItem(state) {
-  return (0, _utils.hasParentNodeOfType)(state.schema.nodes.listItem)(state.selection);
-};
-exports.isInListItem = isInListItem;
 var hasOpenEnd = function hasOpenEnd(slice) {
   return slice.openStart > 0 || slice.openEnd > 0;
 };

package/dist/cjs/utils/prosemirror/position.js

@@ -3,48 +3,40 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.atTheBeginningOfBlock = atTheBeginningOfBlock;
-exports.atTheBeginningOfDoc = atTheBeginningOfDoc;
-exports.atTheEndOfBlock = atTheEndOfBlock;
-exports.atTheEndOfDoc = atTheEndOfDoc;
-exports.endPositionOfParent = endPositionOfParent;
-exports.startPositionOfParent = startPositionOfParent;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _selection = require("../../plugins/selection/gap-cursor/selection");
-function atTheEndOfDoc(state) {
-  var selection = state.selection,
-    doc = state.doc;
-  return doc.nodeSize - selection.$to.pos - 2 === selection.$to.depth;
-}
-function atTheBeginningOfDoc(state) {
-  var selection = state.selection;
-  return selection.$from.pos === selection.$from.depth;
-}
-function atTheEndOfBlock(state) {
-  var selection = state.selection;
-  var $to = selection.$to;
-  if (selection instanceof _selection.GapCursorSelection) {
-    return false;
+Object.defineProperty(exports, "atTheBeginningOfBlock", {
+  enumerable: true,
+  get: function get() {
+    return _selection.atTheBeginningOfBlock;
   }
-  if (selection instanceof _state.NodeSelection && selection.node.isBlock) {
-    return true;
+});
+Object.defineProperty(exports, "atTheBeginningOfDoc", {
+  enumerable: true,
+  get: function get() {
+    return _selection.atTheBeginningOfDoc;
+  }
+});
+Object.defineProperty(exports, "atTheEndOfBlock", {
+  enumerable: true,
+  get: function get() {
+    return _selection.atTheEndOfBlock;
+  }
+});
+Object.defineProperty(exports, "atTheEndOfDoc", {
+  enumerable: true,
+  get: function get() {
+    return _selection.atTheEndOfDoc;
   }
-  return endPositionOfParent($to) === $to.pos + 1;
-}
-function atTheBeginningOfBlock(state) {
-  var selection = state.selection;
-  var $from = selection.$from;
-  if (selection instanceof _selection.GapCursorSelection) {
-    return false;
+});
+Object.defineProperty(exports, "endPositionOfParent", {
+  enumerable: true,
+  get: function get() {
+    return _selection.endPositionOfParent;
   }
-  if (selection instanceof _state.NodeSelection && selection.node.isBlock) {
-    return true;
+});
+Object.defineProperty(exports, "startPositionOfParent", {
+  enumerable: true,
+  get: function get() {
+    return _selection.startPositionOfParent;
   }
-  return startPositionOfParent($from) === $from.pos;
-}
-function startPositionOfParent(resolvedPos) {
-  return resolvedPos.start(resolvedPos.depth);
-}
-function endPositionOfParent(resolvedPos) {
-  return resolvedPos.end(resolvedPos.depth) + 1;
-}
+});
+var _selection = require("@atlaskit/editor-common/selection");

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.19.0";
+var version = "187.20.0";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "187.19.0",
+	"version": "187.20.0",
 	"sideEffects": false
 }