@atlaskit/editor-core 187.18.2 → 187.19.1

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/placeholder/index.js

@@ -11,7 +11,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _utils2 = require("../type-ahead/utils");
-var _composition = require("../base/pm-plugins/composition");
 var pluginKey = new _state.PluginKey('placeholderPlugin');
 exports.pluginKey = pluginKey;
 function getPlaceholderState(editorState) {
@@ -108,7 +107,8 @@ function createPlugin(defaultPlaceholderText, bracketPlaceholderText, api) {
           hasPlaceholder = _getPlaceholderState.hasPlaceholder,
           placeholderText = _getPlaceholderState.placeholderText,
           pos = _getPlaceholderState.pos;
-        if (hasPlaceholder && placeholderText && pos !== undefined && !(0, _composition.isComposing)(editorState)) {
+        var compositionPluginState = api === null || api === void 0 ? void 0 : api.dependencies.composition.sharedState.currentState();
+        if (hasPlaceholder && placeholderText && pos !== undefined && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
           return createPlaceholderDecoration(editorState, placeholderText, pos);
         }
         return;

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/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.18.2";
+var version = "187.19.1";
 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.18.2",
+	"version": "187.19.1",
 	"sideEffects": false
 }

package/dist/es2019/labs/next/presets/default.js

@@ -20,6 +20,7 @@ import { analyticsPlugin as deprecatedAnalyticsPlugin } from '../../../plugins';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import placeholderPlugin from '../../../plugins/placeholder';
 import annotationPlugin from '../../../plugins/annotation';
+import compositionPlugin from '../../../plugins/composition';
 import quickInsertPlugin from '../../../plugins/quick-insert';
 import selectionPlugin from '../../../plugins/selection';
 import codeBlockPlugin from '../../../plugins/code-block';
@@ -57,7 +58,7 @@ export function createDefaultPreset(options) {
       }]);
     }
     return builder;
-  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add(focusPlugin).add([basePlugin, options.base]).add(decorationsPlugin).maybeAdd(undoRedoPlugin, (p, builder) => {
+  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add(focusPlugin).add(compositionPlugin).add([basePlugin, options.base]).add(decorationsPlugin).maybeAdd(undoRedoPlugin, (p, builder) => {
     var _options$featureFlags;
     // The undo redo plugin needs to be add before the blockTypePlugin
     if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {

package/dist/es2019/plugins/base/index.js

@@ -11,7 +11,6 @@ import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '@atlaskit/editor-common/keymaps';
 import frozenEditor from './pm-plugins/frozen-editor';
-import compositionPlugin from './pm-plugins/composition';
 // Chrome >= 88
 export const isChromeWithSelectionBug = browser.chrome && browser.chrome_version >= 88;
 const basePlugin = (options, api) => {
@@ -85,10 +84,6 @@ const basePlugin = (options, api) => {
         name: 'disableSpellcheckingPlugin',
         plugin: () => disableSpellcheckingPlugin(featureFlags)
       });
-      plugins.push({
-        name: 'compositionPlugin',
-        plugin: () => compositionPlugin()
-      });
       return plugins;
     },
     nodes() {

package/dist/es2019/plugins/code-block/index.js

@@ -33,7 +33,7 @@ const codeBlockPlugin = (options, api) => ({
       })
     }, {
       name: 'codeBlockIDEKeyBindings',
-      plugin: () => ideUX
+      plugin: () => ideUX(api)
     }, {
       name: 'codeBlockKeyMap',
       plugin: ({

package/dist/es2019/plugins/code-block/pm-plugins/ide-ux.js

@@ -9,121 +9,124 @@ import { getAutoClosingBracketInfo, shouldAutoCloseBracket } from '../ide-ux/bra
 import { getAutoClosingQuoteInfo, shouldAutoCloseQuote } from '../ide-ux/quote-handling';
 import { getEndOfCurrentLine, getStartOfCurrentLine, isCursorInsideCodeBlock, isSelectionEntirelyInsideCodeBlock, getLineInfo } from '../ide-ux/line-handling';
 import { insertIndent, outdent, indent, insertNewlineWithIndent } from '../ide-ux/commands';
-import { isComposing } from '../../base/pm-plugins/composition';
-export default new SafePlugin({
-  props: {
-    handleTextInput(view, from, to, text) {
-      const {
-        state,
-        dispatch
-      } = view;
-      if (isCursorInsideCodeBlock(state) && !isComposing(state)) {
-        const beforeText = getStartOfCurrentLine(state).text;
-        const afterText = getEndOfCurrentLine(state).text;
-
-        // If text is a closing bracket/quote and we've already inserted it, move the selection after
-        if (isCursorBeforeClosingCharacter(afterText) && isClosingCharacter(text) && afterText.startsWith(text)) {
-          dispatch(setTextSelection(to + text.length)(state.tr));
-          return true;
-        }
-
-        // Automatically add right-hand side bracket when user types the left bracket
-        if (shouldAutoCloseBracket(beforeText, afterText)) {
-          const {
-            left,
-            right
-          } = getAutoClosingBracketInfo(beforeText + text, afterText);
-          if (left && right) {
-            const bracketPair = state.schema.text(text + right);
-            let tr = state.tr.replaceWith(from, to, bracketPair);
-            dispatch(setTextSelection(from + text.length)(tr));
-            return true;
-          }
-        }
-
-        // Automatically add closing quote when user types a starting quote
-        if (shouldAutoCloseQuote(beforeText, afterText)) {
-          const {
-            left: leftQuote,
-            right: rightQuote
-          } = getAutoClosingQuoteInfo(beforeText + text, afterText);
-          if (leftQuote && rightQuote) {
-            const quotePair = state.schema.text(text + rightQuote);
-            let tr = state.tr.replaceWith(from, to, quotePair);
-            dispatch(setTextSelection(from + text.length)(tr));
-            return true;
-          }
-        }
-      }
-      return false;
-    },
-    handleKeyDown: keydownHandler({
-      Backspace: (state, dispatch) => {
-        if (isCursorInsideCodeBlock(state)) {
-          const $cursor = getCursor(state.selection);
+const ideUX = pluginInjectionApi => {
+  return new SafePlugin({
+    props: {
+      handleTextInput(view, from, to, text) {
+        const {
+          state,
+          dispatch
+        } = view;
+        const compositionPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.composition.sharedState.currentState();
+        if (isCursorInsideCodeBlock(state) && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
           const beforeText = getStartOfCurrentLine(state).text;
           const afterText = getEndOfCurrentLine(state).text;
-          const {
-            left: leftBracket,
-            right: rightBracket,
-            hasTrailingMatchingBracket
-          } = getAutoClosingBracketInfo(beforeText, afterText);
-          if (leftBracket && rightBracket && hasTrailingMatchingBracket && dispatch) {
-            dispatch(state.tr.delete($cursor.pos - leftBracket.length, $cursor.pos + rightBracket.length));
+
+          // If text is a closing bracket/quote and we've already inserted it, move the selection after
+          if (isCursorBeforeClosingCharacter(afterText) && isClosingCharacter(text) && afterText.startsWith(text)) {
+            dispatch(setTextSelection(to + text.length)(state.tr));
             return true;
           }
-          const {
-            left: leftQuote,
-            right: rightQuote,
-            hasTrailingMatchingQuote
-          } = getAutoClosingQuoteInfo(beforeText, afterText);
-          if (leftQuote && rightQuote && hasTrailingMatchingQuote && dispatch) {
-            dispatch(state.tr.delete($cursor.pos - leftQuote.length, $cursor.pos + rightQuote.length));
-            return true;
+
+          // Automatically add right-hand side bracket when user types the left bracket
+          if (shouldAutoCloseBracket(beforeText, afterText)) {
+            const {
+              left,
+              right
+            } = getAutoClosingBracketInfo(beforeText + text, afterText);
+            if (left && right) {
+              const bracketPair = state.schema.text(text + right);
+              let tr = state.tr.replaceWith(from, to, bracketPair);
+              dispatch(setTextSelection(from + text.length)(tr));
+              return true;
+            }
           }
-          const {
-            indentToken: {
-              size,
-              token
-            },
-            indentText
-          } = getLineInfo(beforeText);
-          if (beforeText === indentText) {
-            if (indentText.endsWith(token.repeat(size)) && dispatch) {
-              dispatch(state.tr.delete($cursor.pos - (size - indentText.length % size || size), $cursor.pos));
+
+          // Automatically add closing quote when user types a starting quote
+          if (shouldAutoCloseQuote(beforeText, afterText)) {
+            const {
+              left: leftQuote,
+              right: rightQuote
+            } = getAutoClosingQuoteInfo(beforeText + text, afterText);
+            if (leftQuote && rightQuote) {
+              const quotePair = state.schema.text(text + rightQuote);
+              let tr = state.tr.replaceWith(from, to, quotePair);
+              dispatch(setTextSelection(from + text.length)(tr));
               return true;
             }
           }
         }
         return false;
       },
-      Enter: filter(isSelectionEntirelyInsideCodeBlock, insertNewlineWithIndent),
-      'Mod-]': filter(isSelectionEntirelyInsideCodeBlock, indent),
-      'Mod-[': filter(isSelectionEntirelyInsideCodeBlock, outdent),
-      Tab: filter(isSelectionEntirelyInsideCodeBlock, (state, dispatch) => {
-        if (!dispatch) {
+      handleKeyDown: keydownHandler({
+        Backspace: (state, dispatch) => {
+          if (isCursorInsideCodeBlock(state)) {
+            const $cursor = getCursor(state.selection);
+            const beforeText = getStartOfCurrentLine(state).text;
+            const afterText = getEndOfCurrentLine(state).text;
+            const {
+              left: leftBracket,
+              right: rightBracket,
+              hasTrailingMatchingBracket
+            } = getAutoClosingBracketInfo(beforeText, afterText);
+            if (leftBracket && rightBracket && hasTrailingMatchingBracket && dispatch) {
+              dispatch(state.tr.delete($cursor.pos - leftBracket.length, $cursor.pos + rightBracket.length));
+              return true;
+            }
+            const {
+              left: leftQuote,
+              right: rightQuote,
+              hasTrailingMatchingQuote
+            } = getAutoClosingQuoteInfo(beforeText, afterText);
+            if (leftQuote && rightQuote && hasTrailingMatchingQuote && dispatch) {
+              dispatch(state.tr.delete($cursor.pos - leftQuote.length, $cursor.pos + rightQuote.length));
+              return true;
+            }
+            const {
+              indentToken: {
+                size,
+                token
+              },
+              indentText
+            } = getLineInfo(beforeText);
+            if (beforeText === indentText) {
+              if (indentText.endsWith(token.repeat(size)) && dispatch) {
+                dispatch(state.tr.delete($cursor.pos - (size - indentText.length % size || size), $cursor.pos));
+                return true;
+              }
+            }
+          }
           return false;
-        }
-        if (isCursorInsideCodeBlock(state)) {
-          return insertIndent(state, dispatch);
-        }
-        return indent(state, dispatch);
-      }),
-      'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent),
-      'Mod-a': (state, dispatch) => {
-        if (isSelectionEntirelyInsideCodeBlock(state)) {
-          const {
-            $from,
-            $to
-          } = state.selection;
-          const isFullCodeBlockSelection = $from.parentOffset === 0 && $to.parentOffset === $to.parent.nodeSize - 2;
-          if (!isFullCodeBlockSelection && dispatch) {
-            dispatch(state.tr.setSelection(TextSelection.create(state.doc, $from.start(), $to.end())));
-            return true;
+        },
+        Enter: filter(isSelectionEntirelyInsideCodeBlock, insertNewlineWithIndent),
+        'Mod-]': filter(isSelectionEntirelyInsideCodeBlock, indent),
+        'Mod-[': filter(isSelectionEntirelyInsideCodeBlock, outdent),
+        Tab: filter(isSelectionEntirelyInsideCodeBlock, (state, dispatch) => {
+          if (!dispatch) {
+            return false;
+          }
+          if (isCursorInsideCodeBlock(state)) {
+            return insertIndent(state, dispatch);
           }
+          return indent(state, dispatch);
+        }),
+        'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent),
+        'Mod-a': (state, dispatch) => {
+          if (isSelectionEntirelyInsideCodeBlock(state)) {
+            const {
+              $from,
+              $to
+            } = state.selection;
+            const isFullCodeBlockSelection = $from.parentOffset === 0 && $to.parentOffset === $to.parent.nodeSize - 2;
+            if (!isFullCodeBlockSelection && dispatch) {
+              dispatch(state.tr.setSelection(TextSelection.create(state.doc, $from.start(), $to.end())));
+              return true;
+            }
+          }
+          return false;
         }
-        return false;
-      }
-    })
-  }
-});
+      })
+    }
+  });
+};
+export default ideUX;

package/dist/es2019/plugins/composition/index.js

@@ -0,0 +1,23 @@
+import createPlugin from './pm-plugins/main';
+import { pluginKey } from './pm-plugins/plugin-key';
+const composition = () => {
+  return {
+    name: 'composition',
+    getSharedState(editorState) {
+      var _pluginKey$getState;
+      if (!editorState) {
+        return undefined;
+      }
+      return {
+        isComposing: !!((_pluginKey$getState = pluginKey.getState(editorState)) !== null && _pluginKey$getState !== void 0 && _pluginKey$getState.isComposing)
+      };
+    },
+    pmPlugins() {
+      return [{
+        name: 'composition',
+        plugin: () => createPlugin()
+      }];
+    }
+  };
+};
+export default composition;

package/dist/es2019/plugins/{base/pm-plugins/composition.js → composition/pm-plugins/main.js}

@@ -1,21 +1,16 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-const compositionPluginKey = new PluginKey('compositionPlugin');
-export const isComposing = state => {
-  var _compositionPluginKey;
-  return !!((_compositionPluginKey = compositionPluginKey.getState(state)) !== null && _compositionPluginKey !== void 0 && _compositionPluginKey.isComposing);
-};
+import { pluginKey } from './plugin-key';
 const isLinux = () => navigator.userAgent.indexOf('Linux') >= 0;
 export default (() => new SafePlugin({
-  key: compositionPluginKey,
+  key: pluginKey,
   state: {
     init: () => ({
       isComposing: false,
       zeroWidthSpacePos: undefined
     }),
     apply: (tr, value) => {
-      const isComposing = tr.getMeta(compositionPluginKey);
+      const isComposing = tr.getMeta(pluginKey);
       const zeroWidthSpacePos = tr.getMeta('zeroWidthSpacePos');
       if (typeof isComposing === 'undefined') {
         return value;
@@ -32,7 +27,7 @@ export default (() => new SafePlugin({
         const {
           tr
         } = view.state;
-        tr.setMeta(compositionPluginKey, true);
+        tr.setMeta(pluginKey, true);
 
         // only apply for linux and cursor is at start of line
         if (isLinux() && view.state.selection.$from.parentOffset === 0) {
@@ -48,10 +43,10 @@ export default (() => new SafePlugin({
         const {
           tr
         } = view.state;
-        tr.setMeta(compositionPluginKey, false);
+        tr.setMeta(pluginKey, false);
         if (isLinux()) {
-          var _compositionPluginKey2;
-          const zeroWidthSpacePos = (_compositionPluginKey2 = compositionPluginKey.getState(view.state)) === null || _compositionPluginKey2 === void 0 ? void 0 : _compositionPluginKey2.zeroWidthSpacePos;
+          var _pluginKey$getState;
+          const zeroWidthSpacePos = (_pluginKey$getState = pluginKey.getState(view.state)) === null || _pluginKey$getState === void 0 ? void 0 : _pluginKey$getState.zeroWidthSpacePos;
           if (typeof zeroWidthSpacePos !== 'undefined') {
             tr.deleteRange(zeroWidthSpacePos, zeroWidthSpacePos + 1);
           }