@atlaskit/editor-core 187.18.2 → 187.19.1

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

@@ -9,112 +9,115 @@ 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: function handleTextInput(view, from, to, text) {
-      var state = view.state,
-        dispatch = view.dispatch;
-      if (isCursorInsideCodeBlock(state) && !isComposing(state)) {
-        var beforeText = getStartOfCurrentLine(state).text;
-        var 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)) {
-          var _getAutoClosingBracke = getAutoClosingBracketInfo(beforeText + text, afterText),
-            left = _getAutoClosingBracke.left,
-            right = _getAutoClosingBracke.right;
-          if (left && right) {
-            var bracketPair = state.schema.text(text + right);
-            var 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)) {
-          var _getAutoClosingQuoteI = getAutoClosingQuoteInfo(beforeText + text, afterText),
-            leftQuote = _getAutoClosingQuoteI.left,
-            rightQuote = _getAutoClosingQuoteI.right;
-          if (leftQuote && rightQuote) {
-            var quotePair = state.schema.text(text + rightQuote);
-            var _tr = state.tr.replaceWith(from, to, quotePair);
-            dispatch(setTextSelection(from + text.length)(_tr));
-            return true;
-          }
-        }
-      }
-      return false;
-    },
-    handleKeyDown: keydownHandler({
-      Backspace: function Backspace(state, dispatch) {
-        if (isCursorInsideCodeBlock(state)) {
-          var $cursor = getCursor(state.selection);
+var ideUX = function ideUX(pluginInjectionApi) {
+  return new SafePlugin({
+    props: {
+      handleTextInput: function handleTextInput(view, from, to, text) {
+        var state = view.state,
+          dispatch = view.dispatch;
+        var compositionPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.composition.sharedState.currentState();
+        if (isCursorInsideCodeBlock(state) && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
           var beforeText = getStartOfCurrentLine(state).text;
           var afterText = getEndOfCurrentLine(state).text;
-          var _getAutoClosingBracke2 = getAutoClosingBracketInfo(beforeText, afterText),
-            leftBracket = _getAutoClosingBracke2.left,
-            rightBracket = _getAutoClosingBracke2.right,
-            hasTrailingMatchingBracket = _getAutoClosingBracke2.hasTrailingMatchingBracket;
-          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;
           }
-          var _getAutoClosingQuoteI2 = getAutoClosingQuoteInfo(beforeText, afterText),
-            leftQuote = _getAutoClosingQuoteI2.left,
-            rightQuote = _getAutoClosingQuoteI2.right,
-            hasTrailingMatchingQuote = _getAutoClosingQuoteI2.hasTrailingMatchingQuote;
-          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)) {
+            var _getAutoClosingBracke = getAutoClosingBracketInfo(beforeText + text, afterText),
+              left = _getAutoClosingBracke.left,
+              right = _getAutoClosingBracke.right;
+            if (left && right) {
+              var bracketPair = state.schema.text(text + right);
+              var tr = state.tr.replaceWith(from, to, bracketPair);
+              dispatch(setTextSelection(from + text.length)(tr));
+              return true;
+            }
           }
-          var _getLineInfo = getLineInfo(beforeText),
-            _getLineInfo$indentTo = _getLineInfo.indentToken,
-            size = _getLineInfo$indentTo.size,
-            token = _getLineInfo$indentTo.token,
-            indentText = _getLineInfo.indentText;
-          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)) {
+            var _getAutoClosingQuoteI = getAutoClosingQuoteInfo(beforeText + text, afterText),
+              leftQuote = _getAutoClosingQuoteI.left,
+              rightQuote = _getAutoClosingQuoteI.right;
+            if (leftQuote && rightQuote) {
+              var quotePair = state.schema.text(text + rightQuote);
+              var _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, function (state, dispatch) {
-        if (!dispatch) {
+      handleKeyDown: keydownHandler({
+        Backspace: function Backspace(state, dispatch) {
+          if (isCursorInsideCodeBlock(state)) {
+            var $cursor = getCursor(state.selection);
+            var beforeText = getStartOfCurrentLine(state).text;
+            var afterText = getEndOfCurrentLine(state).text;
+            var _getAutoClosingBracke2 = getAutoClosingBracketInfo(beforeText, afterText),
+              leftBracket = _getAutoClosingBracke2.left,
+              rightBracket = _getAutoClosingBracke2.right,
+              hasTrailingMatchingBracket = _getAutoClosingBracke2.hasTrailingMatchingBracket;
+            if (leftBracket && rightBracket && hasTrailingMatchingBracket && dispatch) {
+              dispatch(state.tr.delete($cursor.pos - leftBracket.length, $cursor.pos + rightBracket.length));
+              return true;
+            }
+            var _getAutoClosingQuoteI2 = getAutoClosingQuoteInfo(beforeText, afterText),
+              leftQuote = _getAutoClosingQuoteI2.left,
+              rightQuote = _getAutoClosingQuoteI2.right,
+              hasTrailingMatchingQuote = _getAutoClosingQuoteI2.hasTrailingMatchingQuote;
+            if (leftQuote && rightQuote && hasTrailingMatchingQuote && dispatch) {
+              dispatch(state.tr.delete($cursor.pos - leftQuote.length, $cursor.pos + rightQuote.length));
+              return true;
+            }
+            var _getLineInfo = getLineInfo(beforeText),
+              _getLineInfo$indentTo = _getLineInfo.indentToken,
+              size = _getLineInfo$indentTo.size,
+              token = _getLineInfo$indentTo.token,
+              indentText = _getLineInfo.indentText;
+            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': function ModA(state, dispatch) {
-        if (isSelectionEntirelyInsideCodeBlock(state)) {
-          var _state$selection = state.selection,
-            $from = _state$selection.$from,
-            $to = _state$selection.$to;
-          var 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, function (state, dispatch) {
+          if (!dispatch) {
+            return false;
+          }
+          if (isCursorInsideCodeBlock(state)) {
+            return insertIndent(state, dispatch);
           }
+          return indent(state, dispatch);
+        }),
+        'Shift-Tab': filter(isSelectionEntirelyInsideCodeBlock, outdent),
+        'Mod-a': function ModA(state, dispatch) {
+          if (isSelectionEntirelyInsideCodeBlock(state)) {
+            var _state$selection = state.selection,
+              $from = _state$selection.$from,
+              $to = _state$selection.$to;
+            var 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/esm/plugins/composition/index.js

@@ -0,0 +1,25 @@
+import createPlugin from './pm-plugins/main';
+import { pluginKey } from './pm-plugins/plugin-key';
+var composition = function composition() {
+  return {
+    name: 'composition',
+    getSharedState: function 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: function pmPlugins() {
+      return [{
+        name: 'composition',
+        plugin: function plugin() {
+          return createPlugin();
+        }
+      }];
+    }
+  };
+};
+export default composition;

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

@@ -1,17 +1,12 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
-var compositionPluginKey = new PluginKey('compositionPlugin');
-export var isComposing = function isComposing(state) {
-  var _compositionPluginKey;
-  return !!((_compositionPluginKey = compositionPluginKey.getState(state)) !== null && _compositionPluginKey !== void 0 && _compositionPluginKey.isComposing);
-};
+import { pluginKey } from './plugin-key';
 var isLinux = function isLinux() {
   return navigator.userAgent.indexOf('Linux') >= 0;
 };
 export default (function () {
   return new SafePlugin({
-    key: compositionPluginKey,
+    key: pluginKey,
     state: {
       init: function init() {
         return {
@@ -20,7 +15,7 @@ export default (function () {
         };
       },
       apply: function apply(tr, value) {
-        var isComposing = tr.getMeta(compositionPluginKey);
+        var isComposing = tr.getMeta(pluginKey);
         var zeroWidthSpacePos = tr.getMeta('zeroWidthSpacePos');
         if (typeof isComposing === 'undefined') {
           return value;
@@ -35,7 +30,7 @@ export default (function () {
       handleDOMEvents: {
         compositionstart: function compositionstart(view, event) {
           var tr = view.state.tr;
-          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) {
@@ -49,10 +44,10 @@ export default (function () {
         },
         compositionend: function compositionend(view, event) {
           var tr = view.state.tr;
-          tr.setMeta(compositionPluginKey, false);
+          tr.setMeta(pluginKey, false);
           if (isLinux()) {
-            var _compositionPluginKey2;
-            var zeroWidthSpacePos = (_compositionPluginKey2 = compositionPluginKey.getState(view.state)) === null || _compositionPluginKey2 === void 0 ? void 0 : _compositionPluginKey2.zeroWidthSpacePos;
+            var _pluginKey$getState;
+            var 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);
             }

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

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

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

@@ -132,8 +132,9 @@ var mediaPlugin = function mediaPlugin() {
         pmPlugins.push({
           name: 'mediaAltTextKeymap',
           plugin: function plugin(_ref4) {
+            var _api$dependencies$ana2;
             var schema = _ref4.schema;
-            return keymapMediaAltTextPlugin(schema);
+            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);
           }
         });
       }
@@ -228,11 +229,11 @@ var mediaPlugin = function mediaPlugin() {
             return /*#__PURE__*/React.createElement(IconImages, null);
           },
           action: function action(insert, state) {
-            var _api$dependencies$ana2;
+            var _api$dependencies$ana3;
             var pluginState = pluginKey.getState(state);
             pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
             var 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/esm/plugins/media/pm-plugins/alt-text/commands.js

@@ -3,14 +3,17 @@ 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) { _defineProperty(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; }
 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';
 var createCommandWithAnalytics = function createCommandWithAnalytics(actionType, action, transform) {
-  return withAnalytics({
-    action: actionType,
-    actionSubject: ACTION_SUBJECT.MEDIA,
-    actionSubjectId: ACTION_SUBJECT_ID.ALT_TEXT,
-    eventType: EVENT_TYPE.TRACK
-  })(createCommand(action, transform));
+  return function (editorAnalyticsAPI) {
+    return withAnalytics(editorAnalyticsAPI, {
+      action: actionType,
+      actionSubject: ACTION_SUBJECT.MEDIA,
+      actionSubjectId: ACTION_SUBJECT_ID.ALT_TEXT,
+      eventType: EVENT_TYPE.TRACK
+    })(createCommand(action, transform));
+  };
 };
 export var closeMediaAltTextMenu = createCommand(function (state) {
   if (isSelectionMediaSingleNode(state)) {

package/dist/esm/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) {
   var 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/esm/plugins/media/pm-plugins/main.js

@@ -25,7 +25,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';
@@ -224,16 +224,16 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
         });
       }
       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
         var 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/esm/plugins/media/toolbar/alt-text.js

@@ -9,7 +9,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';
 var testId = 'alt-text-edit-button';
-export var altTextButton = function altTextButton(intl, state) {
+export var altTextButton = function altTextButton(intl, state, editorAnalyticsAPI) {
   var mediaNode = getMediaNodeFromSelection(state);
   var message = mediaNode && mediaNode.attrs.alt ? messages.editAltText : messages.altText;
   var title = intl.formatMessage(message);
@@ -17,7 +17,7 @@ export var altTextButton = function altTextButton(intl, state) {
     title: title,
     id: 'editor.media.altText',
     type: 'button',
-    onClick: openMediaAltTextMenu,
+    onClick: openMediaAltTextMenu(editorAnalyticsAPI),
     showTitle: true,
     testId: testId,
     tooltipContent: /*#__PURE__*/React.createElement(ToolTipContent, {

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

@@ -191,7 +191,7 @@ var generateMediaInlineFloatingToolbar = function generateMediaInlineFloatingToo
   return items;
 };
 var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToolbar(state, intl, options, pluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags) {
-  var _pluginInjectionApi$d7;
+  var _pluginInjectionApi$d8;
   var mediaSingle = state.schema.nodes.mediaSingle;
   var allowResizing = options.allowResizing,
     allowLinking = options.allowLinking,
@@ -347,11 +347,12 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     }
   }
   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'
     });
   }
-  var _ref2 = (_pluginInjectionApi$d7 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d7 !== void 0 ? _pluginInjectionApi$d7 : {},
+  var _ref2 = (_pluginInjectionApi$d8 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d8 !== void 0 ? _pluginInjectionApi$d8 : {},
     hoverDecoration = _ref2.hoverDecoration;
   var removeButton = {
     id: 'editor.media.delete',
@@ -380,7 +381,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
   return items;
 };
 export var floatingToolbar = function floatingToolbar(state, intl) {
-  var _pluginInjectionApi$d8;
+  var _pluginInjectionApi$d9;
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var pluginInjectionApi = arguments.length > 3 ? arguments[3] : undefined;
   var _state$schema$nodes = state.schema.nodes,
@@ -396,7 +397,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     getEditorFeatureFlags = options.getEditorFeatureFlags;
   var mediaPluginState = stateKey.getState(state);
   var mediaLinkingState = getMediaLinkingState(state);
-  var _ref3 = (_pluginInjectionApi$d8 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d8 !== void 0 ? _pluginInjectionApi$d8 : {},
+  var _ref3 = (_pluginInjectionApi$d9 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions) !== null && _pluginInjectionApi$d9 !== void 0 ? _pluginInjectionApi$d9 : {},
     hoverDecoration = _ref3.hoverDecoration;
   if (!mediaPluginState || mediaPluginState.isResizing) {
     return;
@@ -418,10 +419,10 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
   if (allowAltTextOnImages) {
     var mediaAltTextPluginState = getMediaAltTextPluginState(state);
     if (mediaAltTextPluginState.isAltTextEditorOpen) {
-      var _pluginInjectionApi$d9;
+      var _pluginInjectionApi$d10;
       return getAltTextToolbar(baseToolbar, {
         altTextValidator: 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
       });
     }
   }
@@ -432,22 +433,22 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     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;
     var mediaOffset = state.selection.$from.parentOffset + 1;
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele;
       var 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 = function () {
       var _mediaPluginState$ele2;
       var element = (_mediaPluginState$ele2 = mediaPluginState.element) === null || _mediaPluginState$ele2 === void 0 ? void 0 : _mediaPluginState$ele2.querySelector(".".concat(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 = function () {
       var _mediaPluginState$ele3;

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

@@ -8,7 +8,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';
@@ -33,6 +32,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;
@@ -46,7 +46,7 @@ function insertNodesWithOptionalParagraph(nodes) {
     }
     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);
@@ -57,7 +57,7 @@ function insertNodesWithOptionalParagraph(nodes) {
 export var isMediaSingle = function isMediaSingle(schema, fileMimeType) {
   return !!schema.nodes.mediaSingle && isImage(fileMimeType);
 };
-export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inputMethod) {
+export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, node, inputMethod, editorAnalyticsAPI) {
   var state = view.state,
     dispatch = view.dispatch;
   var _state$schema$nodes = state.schema.nodes,
@@ -77,9 +77,9 @@ export var insertMediaAsMediaSingle = function insertMediaAsMediaSingle(view, no
     inputMethod: inputMethod,
     fileExtension: node.attrs.__fileMimeType
   };
-  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes)(state, dispatch);
+  return insertNodesWithOptionalParagraph(nodes, analyticsAttributes, editorAnalyticsAPI)(state, dispatch);
 };
-export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, newInsertionBehaviour, widthPluginState) {
+export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaState, inputMethod, collection, alignLeftOnInsert, newInsertionBehaviour, widthPluginState, editorAnalyticsAPI) {
   var _state$selection$$fro;
   if (collection === undefined) {
     return false;
@@ -110,7 +110,7 @@ export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaSta
     insertNodesWithOptionalParagraph([node], {
       fileExtension: fileExtension,
       inputMethod: inputMethod
-    })(state, dispatch);
+    }, editorAnalyticsAPI)(state, dispatch);
   } else {
     var tr = null;
     if (newInsertionBehaviour) {
@@ -121,7 +121,7 @@ export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaSta
       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/esm/plugins/paste/handlers.js

@@ -25,7 +25,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, function (node) {
@@ -522,12 +521,12 @@ function isOnlyMediaSingle(state, slice) {
   var mediaSingle = state.schema.nodes.mediaSingle;
   return mediaSingle && slice.content.childCount === 1 && slice.content.firstChild.type === mediaSingle;
 }
-export function handleMediaSingle(inputMethod) {
+export function handleMediaSingle(inputMethod, editorAnalyticsAPI) {
   return function (slice) {
     return function (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)) {
           var tr = state.tr.replaceSelection(slice);

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

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