@atlaskit/editor-core 188.0.11 → 188.1.0

package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -105,8 +105,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return Math.round(height / width * newWidth);
     });
     _defineProperty(_assertThisInitialized(_this), "displayGuideline", function (guidelines) {
-      var _this$props$pluginInj, _this$props$pluginInj2, _this$props$pluginInj3;
-      return (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 ? void 0 : (_this$props$pluginInj2 = _this$props$pluginInj.guideline) === null || _this$props$pluginInj2 === void 0 ? void 0 : (_this$props$pluginInj3 = _this$props$pluginInj2.actions) === null || _this$props$pluginInj3 === void 0 ? void 0 : _this$props$pluginInj3.displayGuideline(_this.props.view)({
+      var _this$props$pluginInj;
+      return (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.guideline) === null || _this$props$pluginInj === void 0 || (_this$props$pluginInj = _this$props$pluginInj.actions) === null || _this$props$pluginInj === void 0 ? void 0 : _this$props$pluginInj.displayGuideline(_this.props.view)({
         guidelines: guidelines
       });
     });
@@ -136,8 +136,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       return Math.min(contentWidth || akEditorDefaultLayoutWidth, isVideoFile ? MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH : MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH);
     }));
     _defineProperty(_assertThisInitialized(_this), "getRelativeGuides", function () {
-      var _this$props$pluginInj4, _this$props$pluginInj5, _this$props$pluginInj6;
-      var guidelinePluginState = (_this$props$pluginInj4 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj4 === void 0 ? void 0 : (_this$props$pluginInj5 = _this$props$pluginInj4.guideline) === null || _this$props$pluginInj5 === void 0 ? void 0 : (_this$props$pluginInj6 = _this$props$pluginInj5.sharedState) === null || _this$props$pluginInj6 === void 0 ? void 0 : _this$props$pluginInj6.currentState();
+      var _this$props$pluginInj2;
+      var guidelinePluginState = (_this$props$pluginInj2 = _this.props.pluginInjectionApi) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.guideline) === null || _this$props$pluginInj2 === void 0 || (_this$props$pluginInj2 = _this$props$pluginInj2.sharedState) === null || _this$props$pluginInj2 === void 0 ? void 0 : _this$props$pluginInj2.currentState();
       var _ref = (guidelinePluginState === null || guidelinePluginState === void 0 ? void 0 : guidelinePluginState.rect) || {
           top: 0,
           left: 0
@@ -392,8 +392,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "isGuidelineEnabled",
     get: function get() {
-      var _this$props$pluginInj7;
-      return !!((_this$props$pluginInj7 = this.props.pluginInjectionApi) !== null && _this$props$pluginInj7 !== void 0 && _this$props$pluginInj7.guideline);
+      var _this$props$pluginInj3;
+      return !!((_this$props$pluginInj3 = this.props.pluginInjectionApi) !== null && _this$props$pluginInj3 !== void 0 && _this$props$pluginInj3.guideline);
     }
 
     // check if is inside of layout, table, expand, nestedExpand and list item
@@ -491,6 +491,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         'richMedia-selected': selected,
         'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
       });
+      // @ts-expect-error - TS2339 Lodash get() now infers types.
       var resizerNextClassName = classnames(className, resizerStyles);
       var isNestedNode = this.isNestedNode();
       var maxWidth = !isResizing && isNestedNode ?

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

@@ -36,11 +36,11 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
       isVideoFile: true
     });
     _defineProperty(_assertThisInitialized(_this), "displayGrid", function (visible, gridType, highlight) {
-      var _pluginInjectionApi$g, _pluginInjectionApi$g2;
+      var _pluginInjectionApi$g;
       var _this$props = _this.props,
         pluginInjectionApi = _this$props.pluginInjectionApi,
         view = _this$props.view;
-      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$g = pluginInjectionApi.grid) === null || _pluginInjectionApi$g === void 0 ? void 0 : (_pluginInjectionApi$g2 = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g2 === void 0 ? void 0 : _pluginInjectionApi$g2.displayGrid(view)({
+      pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.grid) === null || _pluginInjectionApi$g === void 0 || (_pluginInjectionApi$g = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g === void 0 || _pluginInjectionApi$g.displayGrid(view)({
         visible: visible,
         gridType: gridType,
         highlight: highlight

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

@@ -1,11 +1,8 @@
+import { atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, endPositionOfParent, GapCursorSelection, startPositionOfParent } from '@atlaskit/editor-common/selection';
+import { createNewParagraphBelow, createParagraphNear } from '@atlaskit/editor-common/utils';
 import { deleteSelection, splitBlock } from '@atlaskit/editor-prosemirror/commands';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findPositionOfNodeBefore } from '@atlaskit/editor-prosemirror/utils';
-import { createParagraphNear, createNewParagraphBelow } from '@atlaskit/editor-common/utils';
-import { mapSlice } from '@atlaskit/editor-common/utils';
-import { walkUpTreeUntil, removeNestedEmptyEls, unwrap } from '@atlaskit/editor-common/utils';
-import { isImage } from './is-image';
-import { GapCursorSelection, atTheBeginningOfBlock, atTheBeginningOfDoc, atTheEndOfBlock, endPositionOfParent, startPositionOfParent } from '@atlaskit/editor-common/selection';
 import { isMediaBlobUrl } from '@atlaskit/media-client';
 var isTemporary = function isTemporary(id) {
   return id.indexOf('temporary:') === 0;
@@ -164,107 +161,6 @@ export var copyOptionalAttrsFromMediaState = function copyOptionalAttrsFromMedia
     }
   });
 };
-export var transformSliceToCorrectMediaWrapper = function transformSliceToCorrectMediaWrapper(slice, schema) {
-  var _schema$nodes = schema.nodes,
-    mediaGroup = _schema$nodes.mediaGroup,
-    mediaSingle = _schema$nodes.mediaSingle,
-    media = _schema$nodes.media;
-  return mapSlice(slice, function (node, parent) {
-    if (!parent && node.type === media) {
-      if (mediaSingle && (isImage(node.attrs.__fileMimeType) || node.attrs.type === 'external')) {
-        return mediaSingle.createChecked({}, node);
-      } else {
-        return mediaGroup.createChecked({}, [node]);
-      }
-    }
-    return node;
-  });
-};
-
-/**
- * Check base styles to see if an element will be invisible when rendered in a document.
- * @param element
- */
-var isElementInvisible = function isElementInvisible(element) {
-  return element.style.opacity === '0' || element.style.display === 'none' || element.style.visibility === 'hidden';
-};
-var VALID_TAGS_CONTAINER = ['DIV', 'TD'];
-function canContainImage(element) {
-  if (!element) {
-    return false;
-  }
-  return VALID_TAGS_CONTAINER.indexOf(element.tagName) !== -1;
-}
-
-/**
- * Given a html string, we attempt to hoist any nested `<img>` tags,
- * not directly wrapped by a `<div>` as ProseMirror no-op's
- * on those scenarios.
- * @param html
- */
-export var unwrapNestedMediaElements = function unwrapNestedMediaElements(html) {
-  var parser = new DOMParser();
-  var doc = parser.parseFromString(html, 'text/html');
-  var wrapper = doc.body;
-
-  // Remove Google Doc's wrapper <b> el
-  var docsWrapper = wrapper.querySelector('b[id^="docs-internal-guid-"]');
-  if (docsWrapper) {
-    unwrap(wrapper, docsWrapper);
-  }
-  var imageTags = wrapper.querySelectorAll('img');
-  if (!imageTags.length) {
-    return html;
-  }
-  imageTags.forEach(function (imageTag) {
-    // Capture the immediate parent, we may remove the media from here later.
-    var mediaParent = imageTag.parentElement;
-    if (!mediaParent) {
-      return;
-    }
-
-    // If either the parent or the image itself contains styles that would make
-    // them invisible on copy, dont paste them.
-    if (isElementInvisible(mediaParent) || isElementInvisible(imageTag)) {
-      mediaParent.removeChild(imageTag);
-      return;
-    }
-
-    // If its wrapped by a valid container we assume its safe to bypass.
-    // ProseMirror should handle these cases properly.
-    if (canContainImage(mediaParent) || mediaParent instanceof HTMLSpanElement && mediaParent.closest('[class*="emoji-common"]')) {
-      return;
-    }
-
-    // Find the top most element that the parent has a valid container for the image.
-    // Stop just before found the wrapper
-    var insertBeforeElement = walkUpTreeUntil(mediaParent, function (element) {
-      // If is at the top just use this element as reference
-      if (element.parentElement === wrapper) {
-        return true;
-      }
-      return canContainImage(element.parentElement);
-    });
-
-    // Here we try to insert the media right after its top most valid parent element
-    // Unless its the last element in our structure then we will insert above it.
-    if (insertBeforeElement && insertBeforeElement.parentElement) {
-      // Insert as close as possible to the most closest valid element index in the tree.
-      insertBeforeElement.parentElement.insertBefore(imageTag, insertBeforeElement.nextElementSibling || insertBeforeElement);
-
-      // Attempt to clean up lines left behind by the image
-      mediaParent.innerText = mediaParent.innerText.trim();
-      // Walk up and delete empty elements left over after removing the image tag
-      removeNestedEmptyEls(mediaParent);
-    }
-  });
-
-  // If last child is a hardbreak we don't want it
-  if (wrapper.lastElementChild && wrapper.lastElementChild.tagName === 'BR') {
-    wrapper.removeChild(wrapper.lastElementChild);
-  }
-  return wrapper.innerHTML;
-};
 export var getMediaNodeFromSelection = function getMediaNodeFromSelection(state) {
   if (!isSelectionMediaSingleNode(state)) {
     return null;

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

@@ -103,7 +103,7 @@ export var insertMediaInlineNode = function insertMediaInlineNode(editorAnalytic
     } else {
       tr.insert(pos, content).deleteRange(deleteRange.start, deleteRange.end);
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaInlineAnalytics(mediaState, inputMethod))(tr);
     dispatch(tr);
     return true;
   };
@@ -150,7 +150,7 @@ export var insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsA
       } else {
         tr.insert(mediaInsertPos, content).deleteRange(deleteRange.start, deleteRange.end);
       }
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
       dispatch(tr);
       setSelectionAfterMediaInsertion(view);
       return;
@@ -160,7 +160,7 @@ export var insertMediaGroupNode = function insertMediaGroupNode(editorAnalyticsA
     if (withParagraph && parent.type !== schema.nodes.mediaGroup) {
       content.push(paragraph.create());
     }
-    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaGroupAnalytics(mediaStates, inputMethod))(tr);
     dispatch(safeInsert(Fragment.fromArray(content), mediaInsertPos)(tr));
   };
 };

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

@@ -1,17 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { getMaxWidthForNestedNodeNext, getMediaSingleInitialWidth, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH } from '@atlaskit/editor-common/media-single';
+import { checkNodeDown, isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
-import { safeInsert as pmSafeInsert, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
-import { checkNodeDown, isEmptyParagraph, mapSlice } from '@atlaskit/editor-common/utils';
-import { getMediaSingleInitialWidth, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, getMaxWidthForNestedNodeNext } from '@atlaskit/editor-common/media-single';
-import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { safeInsert as pmSafeInsert } from '@atlaskit/editor-prosemirror/utils';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { safeInsert, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
-import { isImage } from './is-image';
+import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { atTheBeginningOfBlock } from '@atlaskit/editor-common/selection';
-import { getRandomHex } from '@atlaskit/media-common';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { isImage } from './is-image';
 var getInsertMediaAnalytics = function getInsertMediaAnalytics(inputMethod, fileExtension) {
   return {
     action: ACTION.INSERTED,
@@ -44,7 +43,7 @@ function insertNodesWithOptionalParagraph(nodes) {
     }
     tr.replaceSelection(new Slice(Fragment.from(nodes), 0, openEnd));
     if (inputMethod) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
     }
     if (dispatch) {
       dispatch(tr);
@@ -117,7 +116,7 @@ export var insertMediaSingleNode = function insertMediaSingleNode(view, mediaSta
       tr = pmSafeInsert(content, undefined, true)(state.tr);
     }
     if (inputMethod) {
-      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent(getInsertMediaAnalytics(inputMethod, fileExtension))(tr);
     }
     dispatch(tr);
   }
@@ -160,65 +159,6 @@ export var createMediaSingleNode = function createMediaSingleNode(schema, collec
     return mediaSingle.createChecked(extendedMediaSingleAttrs, mediaNode);
   };
 };
-export function transformSliceForMedia(slice, schema) {
-  var _schema$nodes2 = schema.nodes,
-    mediaSingle = _schema$nodes2.mediaSingle,
-    layoutSection = _schema$nodes2.layoutSection,
-    table = _schema$nodes2.table,
-    bulletList = _schema$nodes2.bulletList,
-    orderedList = _schema$nodes2.orderedList,
-    media = _schema$nodes2.media,
-    mediaInline = _schema$nodes2.mediaInline,
-    expand = _schema$nodes2.expand,
-    nestedExpand = _schema$nodes2.nestedExpand;
-  return function (selection) {
-    var newSlice = slice;
-    if (hasParentNodeOfType([layoutSection, table, bulletList, orderedList, expand, nestedExpand])(selection)) {
-      newSlice = mapSlice(newSlice, function (node) {
-        var extendedOrLegacyAttrs = getBooleanFF('platform.editor.media.extended-resize-experience') ? {
-          layout: node.attrs.layout,
-          widthType: node.attrs.widthType,
-          width: node.attrs.width
-        } : {
-          layout: node.attrs.layout
-        };
-        var attrs = {};
-        if (hasParentNodeOfType([layoutSection, table])(selection)) {
-          // Supports layouts
-          attrs = _objectSpread({}, extendedOrLegacyAttrs);
-        } else if (hasParentNodeOfType([bulletList, orderedList, expand, nestedExpand])(selection)) {
-          // does not support other layouts
-          attrs = _objectSpread(_objectSpread({}, extendedOrLegacyAttrs), {}, {
-            layout: 'center'
-          });
-        }
-        return node.type.name === 'mediaSingle' ? mediaSingle.createChecked(attrs, node.content, node.marks) : node;
-      });
-    }
-    var __mediaTraceId = getRandomHex(8);
-    newSlice = mapSlice(newSlice, function (node) {
-      // This logic is duplicated in editor-plugin-ai where external images can be inserted
-      // from external sources through the use of AI.  The editor-plugin-ai package is avoiding
-      // sharing dependencies with editor-core to support products using it with various versions
-      // of editor packages.
-      // The duplication is in the following file:
-      // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
-      if (node.type.name === 'media') {
-        return media.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
-          __external: node.attrs.type === 'external',
-          __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
-        }), node.content, node.marks);
-      }
-      if (node.type.name === 'mediaInline') {
-        return mediaInline.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
-          __mediaTraceId: __mediaTraceId
-        }), node.content, node.marks);
-      }
-      return node;
-    });
-    return newSlice;
-  };
-}
 export function isCaptionNode(editorView) {
   var $from = editorView.state.selection.$from;
   var immediateWrapperParentNode = editorView.state.doc.nodeAt($from.before(Math.max($from.depth, 1)));

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

@@ -23,7 +23,7 @@ var mentionsPlugin = function mentionsPlugin(_ref) {
   var sessionId = uuid();
   var fireEvent = function fireEvent(payload) {
     var _api$analytics$shared, _api$analytics;
-    var _ref2 = (_api$analytics$shared = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.sharedState.currentState()) !== null && _api$analytics$shared !== void 0 ? _api$analytics$shared : {},
+    var _ref2 = (_api$analytics$shared = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.sharedState.currentState()) !== null && _api$analytics$shared !== void 0 ? _api$analytics$shared : {},
       createAnalyticsEvent = _ref2.createAnalyticsEvent;
     if (!createAnalyticsEvent) {
       return;
@@ -94,13 +94,13 @@ var mentionsPlugin = function mentionsPlugin(_ref) {
             if (pluginState && pluginState.canInsertMention === false) {
               return false;
             }
-            api === null || api === void 0 ? void 0 : api.typeAhead.commands.openTypeAheadAtCursor({
+            api === null || api === void 0 || api.typeAhead.commands.openTypeAheadAtCursor({
               triggerHandler: typeAhead,
               inputMethod: INPUT_METHOD.QUICK_INSERT
             })({
               tr: tr
             });
-            api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
+            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
               action: ACTION.INVOKED,
               actionSubject: ACTION_SUBJECT.TYPEAHEAD,
               actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_MENTION,

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

@@ -6,7 +6,7 @@ import keymap from './pm-plugins/keymaps';
 import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '../analytics';
 import { IconPanel, IconPanelNote, IconPanelSuccess, IconPanelWarning, IconPanelError } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
-import { messages } from '@atlaskit/editor-plugin-block-type/messages';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconCustomPanel } from '@atlaskit/editor-common/quick-insert';
 import { T50 } from '@atlaskit/theme/colors';
 import { insertPanelWithAnalytics } from './actions';
@@ -41,7 +41,7 @@ var panelPlugin = function panelPlugin(_ref) {
     actions: {
       insertPanel: function insertPanel(inputMethod) {
         var _api$analytics;
-        return insertPanelWithAnalytics(inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+        return insertPanelWithAnalytics(inputMethod, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
       }
     },
     pluginsOptions: {
@@ -49,9 +49,9 @@ var panelPlugin = function panelPlugin(_ref) {
         var formatMessage = _ref3.formatMessage;
         var quickInsertOptions = [{
           id: 'infopanel',
-          title: formatMessage(messages.infoPanel),
+          title: formatMessage(blockTypeMessages.infoPanel),
           keywords: ['panel'],
-          description: formatMessage(messages.infoPanelDescription),
+          description: formatMessage(blockTypeMessages.infoPanelDescription),
           priority: 800,
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconPanel, null);
@@ -66,8 +66,8 @@ var panelPlugin = function panelPlugin(_ref) {
           }
         }, {
           id: 'notepanel',
-          title: formatMessage(messages.notePanel),
-          description: formatMessage(messages.notePanelDescription),
+          title: formatMessage(blockTypeMessages.notePanel),
+          description: formatMessage(blockTypeMessages.notePanelDescription),
           priority: 1000,
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconPanelNote, null);
@@ -82,8 +82,8 @@ var panelPlugin = function panelPlugin(_ref) {
           }
         }, {
           id: 'successpanel',
-          title: formatMessage(messages.successPanel),
-          description: formatMessage(messages.successPanelDescription),
+          title: formatMessage(blockTypeMessages.successPanel),
+          description: formatMessage(blockTypeMessages.successPanelDescription),
           keywords: ['tip'],
           priority: 1000,
           icon: function icon() {
@@ -99,8 +99,8 @@ var panelPlugin = function panelPlugin(_ref) {
           }
         }, {
           id: 'warningpanel',
-          title: formatMessage(messages.warningPanel),
-          description: formatMessage(messages.warningPanelDescription),
+          title: formatMessage(blockTypeMessages.warningPanel),
+          description: formatMessage(blockTypeMessages.warningPanelDescription),
           priority: 1000,
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconPanelWarning, null);
@@ -115,8 +115,8 @@ var panelPlugin = function panelPlugin(_ref) {
           }
         }, {
           id: 'errorpanel',
-          title: formatMessage(messages.errorPanel),
-          description: formatMessage(messages.errorPanelDescription),
+          title: formatMessage(blockTypeMessages.errorPanel),
+          description: formatMessage(blockTypeMessages.errorPanelDescription),
           priority: 1000,
           icon: function icon() {
             return /*#__PURE__*/React.createElement(IconPanelError, null);
@@ -133,8 +133,8 @@ var panelPlugin = function panelPlugin(_ref) {
         if (options.allowCustomPanel && options.allowCustomPanelEdit) {
           quickInsertOptions.push({
             id: 'custompanel',
-            title: formatMessage(messages.customPanel),
-            description: formatMessage(messages.customPanelDescription),
+            title: formatMessage(blockTypeMessages.customPanel),
+            description: formatMessage(blockTypeMessages.customPanelDescription),
             priority: 1000,
             icon: function icon() {
               return /*#__PURE__*/React.createElement(IconCustomPanel, null);

package/dist/esm/plugins/panel/pm-plugins/keymaps.js

@@ -20,7 +20,7 @@ export function keymapPlugin() {
   };
   var keymaps = {
     Backspace: function Backspace(state, dispatch) {
-      var _nodeBeforePanel$type, _nodeBeforePanel$type2;
+      var _nodeBeforePanel$type;
       var selection = state.selection,
         nodes = state.schema.nodes,
         tr = state.tr;
@@ -53,7 +53,7 @@ export function keymapPlugin() {
       // (for e.g. a table, or an expand), otherwise the default prosemirror backspace
       // behaviour will fallback to 'select node backward' logic because the node
       // before is an isolating node.
-      nodeBeforePanel !== null && nodeBeforePanel !== void 0 && (_nodeBeforePanel$type = nodeBeforePanel.type) !== null && _nodeBeforePanel$type !== void 0 && (_nodeBeforePanel$type2 = _nodeBeforePanel$type.spec) !== null && _nodeBeforePanel$type2 !== void 0 && _nodeBeforePanel$type2.isolating && hasParentNodeOfType(panel)(selection)) {
+      nodeBeforePanel !== null && nodeBeforePanel !== void 0 && (_nodeBeforePanel$type = nodeBeforePanel.type) !== null && _nodeBeforePanel$type !== void 0 && (_nodeBeforePanel$type = _nodeBeforePanel$type.spec) !== null && _nodeBeforePanel$type !== void 0 && _nodeBeforePanel$type.isolating && hasParentNodeOfType(panel)(selection)) {
         var content = $from.node($from.depth).content;
         var insertPos = $previousPos.pos;
         deleteCurrentItem($from, tr).insert(insertPos, content);

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

@@ -14,10 +14,9 @@ import uuid from 'uuid/v4';
 import { replaceSelectedTable } from '@atlaskit/editor-tables/utils';
 import { compose, insideTable, isParagraph, isText, isLinkMark, insideTableCell, isInListItem } from '../../utils';
 import { mapSlice } from '../../utils/slice';
-import { INPUT_METHOD } from '../analytics';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { runMacroAutoConvert } from '../macro';
-import { insertMediaAsMediaSingle } from '../media/utils/media-single';
 import { addReplaceSelectedTableAnalytics, applyTextMarksToSlice, hasOnlyNodesOfType } from './util';
 import { linkifyContent, isListItemNode, isListNode, canLinkBeCreatedInRange } from '@atlaskit/editor-common/utils';
 import { insertSliceForLists } from './edge-cases';
@@ -103,7 +102,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
       // This maintains both the selection (destination) and the slice (paste content).
       safeInsert(transformedSlice.content)(tr).scrollIntoView();
     }
-    queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
+    queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 || queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr);
     }
@@ -393,7 +392,7 @@ export function handlePastePreservingMarks(slice, queueCardsFromChangedTr) {
     // special case for plainTextSlice & linkMark: merge into existing link
     if (isPlainTextSlice && linkMark.isInSet(selectionMarks) && selectionMarks.length === 1) {
       var tr = closeHistory(state.tr).replaceSelectionWith(slice.content.firstChild.firstChild, true).setStoredMarks(selectionMarks).scrollIntoView();
-      queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
+      queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 || queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
       if (dispatch) {
         dispatch(tr);
       }
@@ -405,7 +404,7 @@ export function handlePastePreservingMarks(slice, queueCardsFromChangedTr) {
     if (hasOnlyNodesOfType(bulletList, hardBreak, heading, listItem, paragraph, text, emoji, mention, orderedList)(slice)) {
       var transformedSlice = applyTextMarksToSlice(schema, selectionMarks)(slice);
       var _tr2 = closeHistory(state.tr).replaceSelection(transformedSlice).setStoredMarks(selectionMarks).scrollIntoView();
-      queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, _tr2, INPUT_METHOD.CLIPBOARD);
+      queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 || queueCardsFromChangedTr(state, _tr2, INPUT_METHOD.CLIPBOARD);
       if (dispatch) {
         dispatch(_tr2);
       }
@@ -543,12 +542,13 @@ 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, editorAnalyticsAPI) {
+export function handleMediaSingle(inputMethod, insertMediaAsMediaSingle) {
   return function (slice) {
     return function (state, dispatch, view) {
       if (view) {
         if (isOnlyMedia(state, slice)) {
-          return insertMediaAsMediaSingle(view, slice.content.firstChild, inputMethod, editorAnalyticsAPI);
+          var _insertMediaAsMediaSi;
+          return (_insertMediaAsMediaSi = insertMediaAsMediaSingle === null || insertMediaAsMediaSingle === void 0 ? void 0 : insertMediaAsMediaSingle(view, slice.content.firstChild, inputMethod)) !== null && _insertMediaAsMediaSi !== void 0 ? _insertMediaAsMediaSi : false;
         }
         if (insideTable(state) && isOnlyMediaSingle(state, slice)) {
           var tr = state.tr.replaceSelection(slice);
@@ -622,7 +622,7 @@ export function handleMarkdown(markdownSlice, queueCardsFromChangedTr, from, to)
     }
     var textPosition = tr.doc.resolve(Math.min(pastesFrom + markdownSlice.size, tr.doc.content.size));
     tr.setSelection(TextSelection.near(textPosition, -1));
-    queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
+    queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 || queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr.scrollIntoView());
     }
@@ -800,8 +800,8 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
     var isFirstChildListNode = isListNode(firstChildOfSlice);
     var isLastChildListNode = isListNode(lastChildOfSlice);
     var isSliceContentListNodes = isFirstChildListNode || isLastChildListNode;
-    var isFirstChildTaskListNode = (firstChildOfSlice === null || firstChildOfSlice === void 0 ? void 0 : (_firstChildOfSlice$ty = firstChildOfSlice.type) === null || _firstChildOfSlice$ty === void 0 ? void 0 : _firstChildOfSlice$ty.name) === 'taskList';
-    var isLastChildTaskListNode = (lastChildOfSlice === null || lastChildOfSlice === void 0 ? void 0 : (_lastChildOfSlice$typ = lastChildOfSlice.type) === null || _lastChildOfSlice$typ === void 0 ? void 0 : _lastChildOfSlice$typ.name) === 'taskList';
+    var isFirstChildTaskListNode = (firstChildOfSlice === null || firstChildOfSlice === void 0 || (_firstChildOfSlice$ty = firstChildOfSlice.type) === null || _firstChildOfSlice$ty === void 0 ? void 0 : _firstChildOfSlice$ty.name) === 'taskList';
+    var isLastChildTaskListNode = (lastChildOfSlice === null || lastChildOfSlice === void 0 || (_lastChildOfSlice$typ = lastChildOfSlice.type) === null || _lastChildOfSlice$typ === void 0 ? void 0 : _lastChildOfSlice$typ.name) === 'taskList';
     var isSliceContentTaskListNodes = isFirstChildTaskListNode || isLastChildTaskListNode;
 
     // We want to use safeInsert to insert invalid content, as it inserts at the closest non schema violating position
@@ -819,12 +819,12 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
         schema: schema
       });
     } else if (noNeedForSafeInsert) {
-      var _slice$content$lastCh, _slice$content$lastCh2;
+      var _slice$content$lastCh;
       tr.replaceSelection(slice);
       // when cursor is inside a table cell, and slice.content.lastChild is a panel, expand, or decisionList
       // need to make sure the cursor position is is right after the panel, expand, or decisionList
       // still in the same table cell, see issue: https://product-fabric.atlassian.net/browse/ED-17862
-      var shouldUpdateCursorPosAfterPaste = ['panel', 'nestedExpand', 'decisionList'].includes(((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 ? void 0 : (_slice$content$lastCh2 = _slice$content$lastCh.type) === null || _slice$content$lastCh2 === void 0 ? void 0 : _slice$content$lastCh2.name) || '');
+      var shouldUpdateCursorPosAfterPaste = ['panel', 'nestedExpand', 'decisionList'].includes(((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 || (_slice$content$lastCh = _slice$content$lastCh.type) === null || _slice$content$lastCh === void 0 ? void 0 : _slice$content$lastCh.name) || '');
       if (insideTableCell(state) && shouldUpdateCursorPosAfterPaste) {
         var nextPos = tr.doc.resolve(tr.mapping.map(selection.$from.pos));
         tr.setSelection(new GapCursorSelection(nextPos, Side.RIGHT));
@@ -857,7 +857,7 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
     tr.scrollIntoView();
 
     // queue link cards, ignoring any errors
-    queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
+    queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 || queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr);
     }

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

@@ -6,7 +6,7 @@ var pastePlugin = function pastePlugin(_ref) {
   var _ref2 = config !== null && config !== void 0 ? config : {},
     cardOptions = _ref2.cardOptions,
     sanitizePrivateContent = _ref2.sanitizePrivateContent;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  var featureFlags = (api === null || api === void 0 || (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'paste',
     pmPlugins: function pmPlugins() {