@atlaskit/editor-core 187.18.2 → 187.19.1

package/dist/es2019/plugins/composition/pm-plugins/plugin-key.js

@@ -0,0 +1,2 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+export const pluginKey = new PluginKey('compositionPlugin');

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

@@ -130,7 +130,10 @@ const mediaPlugin = (options = {}, api) => {
           name: 'mediaAltTextKeymap',
           plugin: ({
             schema
-          }) => keymapMediaAltTextPlugin(schema)
+          }) => {
+            var _api$dependencies$ana2;
+            return keymapMediaAltTextPlugin(schema, api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions);
+          }
         });
       }
       if (options && options.allowLinking) {
@@ -226,11 +229,11 @@ const mediaPlugin = (options = {}, api) => {
         keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
         icon: () => /*#__PURE__*/React.createElement(IconImages, null),
         action(insert, state) {
-          var _api$dependencies$ana2;
+          var _api$dependencies$ana3;
           const pluginState = pluginKey.getState(state);
           pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
           const tr = insert('');
-          api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions.attachAnalyticsEvent({
+          api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions.attachAnalyticsEvent({
             action: ACTION.OPENED,
             actionSubject: ACTION_SUBJECT.PICKER,
             actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,

package/dist/es2019/plugins/media/pm-plugins/alt-text/commands.js

@@ -1,8 +1,9 @@
 import { createCommand } from '.';
 import { isSelectionMediaSingleNode, getMediaNodeFromSelection } from '../../utils/media-common';
-import { ACTION_SUBJECT, EVENT_TYPE, withAnalytics, ACTION_SUBJECT_ID, ACTION } from '../../../analytics';
+import { ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, ACTION } from '@atlaskit/editor-common/analytics';
+import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 const createCommandWithAnalytics = (actionType, action, transform) => {
-  return withAnalytics({
+  return editorAnalyticsAPI => withAnalytics(editorAnalyticsAPI, {
     action: actionType,
     actionSubject: ACTION_SUBJECT.MEDIA,
     actionSubjectId: ACTION_SUBJECT_ID.ALT_TEXT,

package/dist/es2019/plugins/media/pm-plugins/alt-text/keymap.js

@@ -1,9 +1,9 @@
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import * as keymaps from '../../../../keymaps';
 import { openMediaAltTextMenu, closeMediaAltTextMenu } from './commands';
-export default function keymapPlugin(schema) {
+export default function keymapPlugin(schema, editorAnalyticsAPI) {
   const list = {};
-  keymaps.bindKeymapWithCommand(keymaps.addAltText.common, openMediaAltTextMenu, list);
+  keymaps.bindKeymapWithCommand(keymaps.addAltText.common, openMediaAltTextMenu(editorAnalyticsAPI), list);
   keymaps.bindKeymapWithCommand(keymaps.escape.common, closeMediaAltTextMenu, list);
   return keymap(list);
 }

package/dist/es2019/plugins/media/pm-plugins/main.js

@@ -16,7 +16,7 @@ import * as helpers from '../commands/helpers';
 import { updateMediaSingleNodeAttrs } from '../commands/helpers';
 import { stateKey } from './plugin-key';
 import PickerFacade from '../picker-facade';
-import { INPUT_METHOD } from '../../analytics/types';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { isInEmptyLine } from '../../../utils/document';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { isInListItem } from '../../../utils';
@@ -170,16 +170,16 @@ export class MediaPluginStateImplementation {
         });
       }
       if (isMediaSingle(state.schema, mediaStateWithContext.fileMimeType)) {
-        var _this$pluginInjection;
+        var _this$pluginInjection, _pluginInjectionApi$d, _pluginInjectionApi$d2;
         // read width state right before inserting to get up-to-date and define values
         const widthPluginState = (_this$pluginInjection = this.pluginInjectionApi) === null || _this$pluginInjection === void 0 ? void 0 : _this$pluginInjection.dependencies.width.sharedState.currentState();
-        insertMediaSingleNode(this.view, mediaStateWithContext, this.getInputMethod(pickerType), collection, this.mediaOptions && this.mediaOptions.alignLeftOnInsert, this.newInsertionBehaviour, widthPluginState);
+        insertMediaSingleNode(this.view, mediaStateWithContext, this.getInputMethod(pickerType), collection, this.mediaOptions && this.mediaOptions.alignLeftOnInsert, this.newInsertionBehaviour, widthPluginState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions);
       } else if (getMediaFeatureFlag('mediaInline', (_this$mediaOptions2 = this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !isInEmptyLine(state) && (!isInsidePotentialEmptyParagraph(state) || isInListItem(state)) && canInsertMediaInline(state)) {
-        var _pluginInjectionApi$d, _pluginInjectionApi$d2;
-        insertMediaInlineNode(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions)(this.view, mediaStateWithContext, collection, this.getInputMethod(pickerType));
-      } else {
         var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
-        insertMediaGroupNode(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : (_pluginInjectionApi$d4 = _pluginInjectionApi$d3.analytics) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions)(this.view, [mediaStateWithContext], collection, this.getInputMethod(pickerType));
+        insertMediaInlineNode(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : (_pluginInjectionApi$d4 = _pluginInjectionApi$d3.analytics) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions)(this.view, mediaStateWithContext, collection, this.getInputMethod(pickerType));
+      } else {
+        var _pluginInjectionApi$d5, _pluginInjectionApi$d6;
+        insertMediaGroupNode(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d5 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : (_pluginInjectionApi$d6 = _pluginInjectionApi$d5.analytics) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : _pluginInjectionApi$d6.actions)(this.view, [mediaStateWithContext], collection, this.getInputMethod(pickerType));
       }
 
       // do events when media state changes

package/dist/es2019/plugins/media/toolbar/alt-text.js

@@ -6,7 +6,7 @@ import AltTextEdit, { CONTAINER_WIDTH_IN_PX } from '../pm-plugins/alt-text/ui/Al
 import { getMediaNodeFromSelection } from '../utils/media-common';
 import { ClassNames } from '../pm-plugins/alt-text/style';
 const testId = 'alt-text-edit-button';
-export const altTextButton = (intl, state) => {
+export const altTextButton = (intl, state, editorAnalyticsAPI) => {
   const mediaNode = getMediaNodeFromSelection(state);
   const message = mediaNode && mediaNode.attrs.alt ? messages.editAltText : messages.altText;
   const title = intl.formatMessage(message);
@@ -14,7 +14,7 @@ export const altTextButton = (intl, state) => {
     title,
     id: 'editor.media.altText',
     type: 'button',
-    onClick: openMediaAltTextMenu,
+    onClick: openMediaAltTextMenu(editorAnalyticsAPI),
     showTitle: true,
     testId,
     tooltipContent: /*#__PURE__*/React.createElement(ToolTipContent, {

package/dist/es2019/plugins/media/toolbar/index.js

@@ -191,7 +191,7 @@ const generateMediaInlineFloatingToolbar = (state, intl, mediaPluginState, hover
   return items;
 };
 const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags) => {
-  var _pluginInjectionApi$d7;
+  var _pluginInjectionApi$d8;
   const {
     mediaSingle
   } = state.schema.nodes;
@@ -368,13 +368,14 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
     }
   }
   if (allowAltTextOnImages) {
-    toolbarButtons.push(altTextButton(intl, state), {
+    var _pluginInjectionApi$d7;
+    toolbarButtons.push(altTextButton(intl, state, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d7 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d7 === void 0 ? void 0 : _pluginInjectionApi$d7.actions), {
       type: 'separator'
     });
   }
   const {
     hoverDecoration
-  } = (_pluginInjectionApi$d7 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d7 !== void 0 ? _pluginInjectionApi$d7 : {};
+  } = (_pluginInjectionApi$d8 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d8 !== void 0 ? _pluginInjectionApi$d8 : {};
   const removeButton = {
     id: 'editor.media.delete',
     type: 'button',
@@ -402,7 +403,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
   return items;
 };
 export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) => {
-  var _pluginInjectionApi$d8;
+  var _pluginInjectionApi$d9;
   const {
     media,
     mediaInline,
@@ -421,7 +422,7 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
   const mediaLinkingState = getMediaLinkingState(state);
   const {
     hoverDecoration
-  } = (_pluginInjectionApi$d8 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d8 !== void 0 ? _pluginInjectionApi$d8 : {};
+  } = (_pluginInjectionApi$d9 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d9 !== void 0 ? _pluginInjectionApi$d9 : {};
   if (!mediaPluginState || mediaPluginState.isResizing) {
     return;
   }
@@ -440,10 +441,10 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
   if (allowAltTextOnImages) {
     const mediaAltTextPluginState = getMediaAltTextPluginState(state);
     if (mediaAltTextPluginState.isAltTextEditorOpen) {
-      var _pluginInjectionApi$d9;
+      var _pluginInjectionApi$d10;
       return getAltTextToolbar(baseToolbar, {
         altTextValidator,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d9 = pluginInjectionApi.dependencies.floatingToolbar.actions) === null || _pluginInjectionApi$d9 === void 0 ? void 0 : _pluginInjectionApi$d9.forceFocusSelector
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d10 = pluginInjectionApi.dependencies.floatingToolbar.actions) === null || _pluginInjectionApi$d10 === void 0 ? void 0 : _pluginInjectionApi$d10.forceFocusSelector
       });
     }
   }
@@ -454,22 +455,22 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
     selectedNodeType = state.selection.node.type;
   }
   if (allowMediaInline && (parentMediaGroupNode === null || parentMediaGroupNode === void 0 ? void 0 : parentMediaGroupNode.node.type) === mediaGroup) {
-    var _pluginInjectionApi$d10, _pluginInjectionApi$d11;
+    var _pluginInjectionApi$d11, _pluginInjectionApi$d12;
     const mediaOffset = state.selection.$from.parentOffset + 1;
     baseToolbar.getDomRef = () => {
       var _mediaPluginState$ele;
       const selector = mediaFilmstripItemDOMSelector(mediaOffset);
       return (_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(selector);
     };
-    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d10 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d10 === void 0 ? void 0 : (_pluginInjectionApi$d11 = _pluginInjectionApi$d10.analytics) === null || _pluginInjectionApi$d11 === void 0 ? void 0 : _pluginInjectionApi$d11.actions);
+    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d11 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d11 === void 0 ? void 0 : (_pluginInjectionApi$d12 = _pluginInjectionApi$d11.analytics) === null || _pluginInjectionApi$d12 === void 0 ? void 0 : _pluginInjectionApi$d12.actions);
   } else if (allowMediaInline && selectedNodeType && selectedNodeType === mediaInline) {
-    var _pluginInjectionApi$d12, _pluginInjectionApi$d13;
+    var _pluginInjectionApi$d13, _pluginInjectionApi$d14;
     baseToolbar.getDomRef = () => {
       var _mediaPluginState$ele2;
       const element = (_mediaPluginState$ele2 = mediaPluginState.element) === null || _mediaPluginState$ele2 === void 0 ? void 0 : _mediaPluginState$ele2.querySelector(`.${MediaInlineNodeSelector}`);
       return element || mediaPluginState.element;
     };
-    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d12 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d12 === void 0 ? void 0 : (_pluginInjectionApi$d13 = _pluginInjectionApi$d12.analytics) === null || _pluginInjectionApi$d13 === void 0 ? void 0 : _pluginInjectionApi$d13.actions);
+    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d13 = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d13 === void 0 ? void 0 : (_pluginInjectionApi$d14 = _pluginInjectionApi$d13.analytics) === null || _pluginInjectionApi$d14 === void 0 ? void 0 : _pluginInjectionApi$d14.actions);
   } else {
     baseToolbar.getDomRef = () => {
       var _mediaPluginState$ele3;

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

@@ -5,7 +5,6 @@ import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { getMediaSingleInitialWidth } from '@atlaskit/editor-common/media-single';
 import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { mapSlice } from '../../../utils/slice';
-import { addAnalytics } from '../../analytics';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { safeInsert, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { isImage } from './is-image';
@@ -26,7 +25,7 @@ const getInsertMediaAnalytics = (inputMethod, fileExtension) => ({
 function shouldAddParagraph(state) {
   return atTheBeginningOfBlock(state) && !checkNodeDown(state.selection, state.doc, isEmptyParagraph);
 }
-function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}) {
+function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}, editorAnalyticsAPI) {
   return function (state, dispatch) {
     const {
       tr,
@@ -46,7 +45,7 @@ function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}) {
     }
     tr.replaceSelection(new Slice(Fragment.from(nodes), 0, openEnd));
     if (inputMethod) {
-      addAnalytics(state, tr, getInsertMediaAnalytics(inputMethod, fileExtension));
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
     }
     if (dispatch) {
       dispatch(tr);
@@ -55,7 +54,7 @@ function insertNodesWithOptionalParagraph(nodes, analyticsAttributes = {}) {
   };
 }
 export const isMediaSingle = (schema, fileMimeType) => !!schema.nodes.mediaSingle && isImage(fileMimeType);
-export const insertMediaAsMediaSingle = (view, node, inputMethod) => {
+export const insertMediaAsMediaSingle = (view, node, inputMethod, editorAnalyticsAPI) => {
   const {
     state,
     dispatch
@@ -78,9 +77,9 @@ export const insertMediaAsMediaSingle = (view, node, inputMethod) => {
     inputMethod,
     fileExtension: node.attrs.__fileMimeType
   };
-  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes)(state, dispatch);
+  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI)(state, dispatch);
 };
-export const insertMediaSingleNode = (view, mediaState, inputMethod, collection, alignLeftOnInsert, newInsertionBehaviour, widthPluginState) => {
+export const insertMediaSingleNode = (view, mediaState, inputMethod, collection, alignLeftOnInsert, newInsertionBehaviour, widthPluginState, editorAnalyticsAPI) => {
   var _state$selection$$fro;
   if (collection === undefined) {
     return false;
@@ -113,7 +112,7 @@ export const insertMediaSingleNode = (view, mediaState, inputMethod, collection,
     insertNodesWithOptionalParagraph([node], {
       fileExtension,
       inputMethod
-    })(state, dispatch);
+    }, editorAnalyticsAPI)(state, dispatch);
   } else {
     let tr = null;
     if (newInsertionBehaviour) {
@@ -124,7 +123,7 @@ export const insertMediaSingleNode = (view, mediaState, inputMethod, collection,
       tr = pmSafeInsert(content, undefined, true)(state.tr);
     }
     if (inputMethod) {
-      tr = addAnalytics(state, tr, getInsertMediaAnalytics(inputMethod, fileExtension));
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
     }
     dispatch(tr);
   }

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

@@ -17,7 +17,6 @@ import { startTrackingPastedMacroPositions, stopTrackingPastedMacroPositions } f
 import { getPluginState as getPastePluginState } from './pm-plugins/plugin-factory';
 import { doesSelectionWhichStartsOrEndsInListContainEntireList } from '../../utils/lists';
 import { anyMarkActive } from '@atlaskit/editor-common/mark';
-
 // remove text attribute from mention for copy/paste (GDPR)
 export function handleMention(slice, schema) {
   return mapSlice(slice, node => {
@@ -532,12 +531,12 @@ function isOnlyMediaSingle(state, slice) {
   } = state.schema.nodes;
   return mediaSingle && slice.content.childCount === 1 && slice.content.firstChild.type === mediaSingle;
 }
-export function handleMediaSingle(inputMethod) {
+export function handleMediaSingle(inputMethod, editorAnalyticsAPI) {
   return function (slice) {
     return (state, dispatch, view) => {
       if (view) {
         if (isOnlyMedia(state, slice)) {
-          return insertMediaAsMediaSingle(view, slice.content.firstChild, inputMethod);
+          return insertMediaAsMediaSingle(view, slice.content.firstChild, inputMethod, editorAnalyticsAPI);
         }
         if (insideTable(state) && isOnlyMediaSingle(state, slice)) {
           const tr = state.tr.replaceSelection(slice);

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

@@ -238,9 +238,9 @@ export const handlePasteIntoCaptionWithAnalytics = (view, event, slice, type) =>
 export const handleCodeBlockWithAnalytics = (view, event, slice, text) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type: PasteTypes.plain
 }))(handleCodeBlock(text));
-export const handleMediaSingleWithAnalytics = (view, event, slice, type) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
+export const handleMediaSingleWithAnalytics = (view, event, slice, type, editorAnalyticsAPI) => injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
   type
-}))(handleMediaSingle(INPUT_METHOD.CLIPBOARD)(slice));
+}))(handleMediaSingle(INPUT_METHOD.CLIPBOARD, editorAnalyticsAPI)(slice));
 export const handlePastePreservingMarksWithAnalytics = (view, event, slice, type, pluginInjectionApi) => {
   var _pluginInjectionApi$d3, _pluginInjectionApi$d4;
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {

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

@@ -77,7 +77,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         }
       },
       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;
         const event = rawEvent;
         if (!event.clipboardData) {
           return false;
@@ -246,7 +246,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         if (handleCodeBlockWithAnalytics(view, event, slice, text)(state, dispatch)) {
           return true;
         }
-        if (handleMediaSingleWithAnalytics(view, event, slice, isPastedFile ? PasteTypes.binary : PasteTypes.richText)(state, dispatch, view)) {
+        if (handleMediaSingleWithAnalytics(view, event, slice, isPastedFile ? PasteTypes.binary : 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 (handleSelectedTableWithAnalytics(view, event, slice)(state, dispatch)) {
@@ -281,7 +281,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
 
         // finally, handle rich-text copy-paste
         if (isRichText) {
-          var _pluginInjectionApi$d4, _pluginInjectionApi$d5;
+          var _pluginInjectionApi$d6, _pluginInjectionApi$d7;
           // linkify the text where possible
           slice = linkifyContent(state.schema)(slice);
           if (handlePasteLinkOnSelectedTextWithAnalytics(view, event, slice, PasteTypes.richText)(state, dispatch)) {
@@ -289,7 +289,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
           }
 
           // run macro autoconvert prior to other conversions
-          if (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 (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
             sendPasteAnalyticsEvent(view, event, slice, {
               type: PasteTypes.richText

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

@@ -4,7 +4,6 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet, Decoration } from '@atlaskit/editor-prosemirror/view';
 export const pluginKey = new PluginKey('placeholderPlugin');
 import { isTypeAheadOpen } from '../type-ahead/utils';
-import { isComposing } from '../base/pm-plugins/composition';
 function getPlaceholderState(editorState) {
   return pluginKey.getState(editorState);
 }
@@ -100,7 +99,8 @@ export function createPlugin(defaultPlaceholderText, bracketPlaceholderText, api
           placeholderText,
           pos
         } = getPlaceholderState(editorState);
-        if (hasPlaceholder && placeholderText && pos !== undefined && !isComposing(editorState)) {
+        const 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/es2019/plugins/selection/gap-cursor/styles.js

@@ -48,7 +48,8 @@ export const gapCursorStyles = css`
         right: -3px;
       }
       & span[layout='full-width'],
-      & span[layout='wide'] {
+      & span[layout='wide'],
+      & span[layout='fixed-width'] {
         margin-left: 50%;
         transform: translateX(-50%);
       }

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

@@ -1,4 +1,4 @@
-import { getBreakoutModeFromTargetNode, isLeftCursor } from '../utils';
+import { getLayoutModeFromTargetNode, isLeftCursor } from '../utils';
 import { Side } from '../selection';
 
 /**
@@ -76,9 +76,9 @@ export const toDOM = (view, getPos) => {
     if (nodeStart !== 0 || node && node.type.name === 'table') {
       gapCursor.style.marginTop = style.getPropertyValue('margin-top');
     }
-    const breakoutMode = node && getBreakoutModeFromTargetNode(node);
-    if (breakoutMode) {
-      gapCursor.setAttribute('layout', breakoutMode);
+    const layoutMode = node && getLayoutModeFromTargetNode(node);
+    if (layoutMode) {
+      gapCursor.setAttribute('layout', layoutMode);
       gapCursor.style.width = `${measureWidth(style)}px`;
     } else {
       mutateElementStyle(gapCursor, style, selection.side);

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

@@ -56,7 +56,7 @@ export const isTextBlockNearPos = (doc, schema, $pos, dir) => {
   }
   return false;
 };
-export function getBreakoutModeFromTargetNode(node) {
+export function getLayoutModeFromTargetNode(node) {
   let layout;
   if (node.attrs.layout) {
     layout = node.attrs.layout;
@@ -68,7 +68,10 @@ export 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/es2019/plugins/selection/pm-plugins/gap-cursor-main.js

@@ -5,7 +5,7 @@ import { findPositionOfNodeBefore } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { hideCaretModifier } from '../gap-cursor/styles';
 import { GapCursorSelection, JSON_ID, Side as GapCursorSide, Side } from '../gap-cursor/selection';
-import { getBreakoutModeFromTargetNode, isIgnoredClick } from '../gap-cursor/utils';
+import { getLayoutModeFromTargetNode, isIgnoredClick } from '../gap-cursor/utils';
 import { toDOM } from '../gap-cursor/utils/place-gap-cursor';
 import { deleteNode, setGapCursorAtPos } from '../gap-cursor/actions';
 import { Direction } from '../gap-cursor/direction';
@@ -70,10 +70,10 @@ const plugin = new SafePlugin({
           }
         }
         const node = isRightCursor ? $from.nodeBefore : $from.nodeAfter;
-        const breakoutMode = node && getBreakoutModeFromTargetNode(node);
+        const layoutMode = node && getLayoutModeFromTargetNode(node);
         return DecorationSet.create(doc, [Decoration.widget(position, toDOM, {
-          key: `${JSON_ID}-${side}-${breakoutMode}`,
-          side: breakoutMode ? -1 : 0
+          key: `${JSON_ID}-${side}-${layoutMode}`,
+          side: layoutMode ? -1 : 0
         })]);
       }
       return null;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.18.2";
+export const version = "187.19.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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

package/dist/esm/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';
@@ -53,7 +54,7 @@ export function createDefaultPreset(options) {
       }]);
     }
     return builder;
-  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add(focusPlugin).add([basePlugin, options.base]).add(decorationsPlugin).maybeAdd(undoRedoPlugin, function (p, builder) {
+  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add(focusPlugin).add(compositionPlugin).add([basePlugin, options.base]).add(decorationsPlugin).maybeAdd(undoRedoPlugin, function (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/esm/plugins/base/index.js

@@ -14,7 +14,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 var isChromeWithSelectionBug = browser.chrome && browser.chrome_version >= 88;
 var basePlugin = function basePlugin(options, api) {
@@ -104,12 +103,6 @@ var basePlugin = function basePlugin(options, api) {
           return disableSpellcheckingPlugin(featureFlags);
         }
       });
-      plugins.push({
-        name: 'compositionPlugin',
-        plugin: function plugin() {
-          return compositionPlugin();
-        }
-      });
       return plugins;
     },
     nodes: function nodes() {

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

@@ -38,7 +38,7 @@ var codeBlockPlugin = function codeBlockPlugin(options, api) {
       }, {
         name: 'codeBlockIDEKeyBindings',
         plugin: function plugin() {
-          return ideUX;
+          return ideUX(api);
         }
       }, {
         name: 'codeBlockKeyMap',