@atlaskit/editor-core 188.0.12 → 188.2.0

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

@@ -0,0 +1,181 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isImage = void 0;
+exports.transformSliceForMedia = transformSliceForMedia;
+exports.unwrapNestedMediaElements = exports.transformSliceToCorrectMediaWrapper = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _utils2 = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _mediaCommon = require("@atlaskit/media-common");
+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) { (0, _defineProperty2.default)(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; }
+function transformSliceForMedia(slice, schema) {
+  var _schema$nodes = schema.nodes,
+    mediaSingle = _schema$nodes.mediaSingle,
+    layoutSection = _schema$nodes.layoutSection,
+    table = _schema$nodes.table,
+    bulletList = _schema$nodes.bulletList,
+    orderedList = _schema$nodes.orderedList,
+    media = _schema$nodes.media,
+    mediaInline = _schema$nodes.mediaInline,
+    expand = _schema$nodes.expand,
+    nestedExpand = _schema$nodes.nestedExpand;
+  return function (selection) {
+    var newSlice = slice;
+    if ((0, _utils.hasParentNodeOfType)([layoutSection, table, bulletList, orderedList, expand, nestedExpand])(selection)) {
+      newSlice = (0, _utils2.mapSlice)(newSlice, function (node) {
+        var extendedOrLegacyAttrs = (0, _platformFeatureFlags.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 ((0, _utils.hasParentNodeOfType)([layoutSection, table])(selection)) {
+          // Supports layouts
+          attrs = _objectSpread({}, extendedOrLegacyAttrs);
+        } else if ((0, _utils.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 = (0, _mediaCommon.getRandomHex)(8);
+    newSlice = (0, _utils2.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;
+  };
+}
+
+// TODO move this to editor-common
+var isImage = exports.isImage = function isImage(fileType) {
+  return !!fileType && (fileType.indexOf('image/') > -1 || fileType.indexOf('video/') > -1);
+};
+var transformSliceToCorrectMediaWrapper = exports.transformSliceToCorrectMediaWrapper = function transformSliceToCorrectMediaWrapper(slice, schema) {
+  var _schema$nodes2 = schema.nodes,
+    mediaGroup = _schema$nodes2.mediaGroup,
+    mediaSingle = _schema$nodes2.mediaSingle,
+    media = _schema$nodes2.media;
+  return (0, _utils2.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
+ */
+var unwrapNestedMediaElements = exports.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) {
+    (0, _utils2.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 = (0, _utils2.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
+      (0, _utils2.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;
+};

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

@@ -253,10 +253,10 @@ var handleCodeBlockWithAnalytics = exports.handleCodeBlockWithAnalytics = functi
     type: _analytics.PasteTypes.plain
   }))((0, _handlers.handleCodeBlock)(text));
 };
-var handleMediaSingleWithAnalytics = exports.handleMediaSingleWithAnalytics = function handleMediaSingleWithAnalytics(view, event, slice, type, editorAnalyticsAPI) {
+var handleMediaSingleWithAnalytics = exports.handleMediaSingleWithAnalytics = function handleMediaSingleWithAnalytics(view, event, slice, type, insertMediaAsMediaSingle) {
   return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))((0, _handlers.handleMediaSingle)(_analytics.INPUT_METHOD.CLIPBOARD, editorAnalyticsAPI)(slice));
+  }))((0, _handlers.handleMediaSingle)(_analytics.INPUT_METHOD.CLIPBOARD, insertMediaAsMediaSingle)(slice));
 };
 var handlePastePreservingMarksWithAnalytics = exports.handlePastePreservingMarksWithAnalytics = function handlePastePreservingMarksWithAnalytics(view, event, slice, type, pluginInjectionApi) {
   var _pluginInjectionApi$c2;

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

@@ -21,7 +21,7 @@ var _card = require("@atlaskit/editor-common/card");
 var _slice = require("../../../utils/slice");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _paste = require("@atlaskit/editor-common/paste");
-var _mediaSingle = require("../../media/utils/media-single");
+var _media = require("../plugins/media");
 var _util = require("../util");
 var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("../../expand/utils");
@@ -30,7 +30,6 @@ var _utils3 = require("../../code-block/utils");
 var _analytics = require("./analytics");
 var _analytics2 = require("../../analytics");
 var _utils4 = require("../../../utils");
-var _mediaCommon = require("../../media/utils/media-common");
 var _commands = require("../commands");
 var _utils5 = require("../../tasks-and-decisions/utils");
 var _utils6 = require("../../annotation/utils");
@@ -112,7 +111,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
         }
       },
       handlePaste: function handlePaste(view, rawEvent, slice) {
-        var _text, _analyticsPlugin$perf, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$a;
+        var _text, _analyticsPlugin$perf, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$m;
         var event = rawEvent;
         if (!event.clipboardData) {
           return false;
@@ -224,7 +223,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
         }
 
         // transform slices based on destination
-        slice = (0, _mediaSingle.transformSliceForMedia)(slice, schema)(state.selection);
+        slice = (0, _media.transformSliceForMedia)(slice, schema)(state.selection);
         var markdownSlice;
         if (isPlainText) {
           var _markdownSlice;
@@ -276,7 +275,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
         if ((0, _analytics.handleCodeBlockWithAnalytics)(view, event, slice, text)(state, dispatch)) {
           return true;
         }
-        if ((0, _analytics.handleMediaSingleWithAnalytics)(view, event, slice, isPastedFile ? _analytics2.PasteTypes.binary : _analytics2.PasteTypes.richText, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(state, dispatch, view)) {
+        if ((0, _analytics.handleMediaSingleWithAnalytics)(view, event, slice, isPastedFile ? _analytics2.PasteTypes.binary : _analytics2.PasteTypes.richText, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$m = pluginInjectionApi.media) === null || _pluginInjectionApi$m === void 0 ? void 0 : _pluginInjectionApi$m.actions.insertMediaAsMediaSingle)(state, dispatch, view)) {
           return true;
         }
         if ((0, _analytics.handleSelectedTableWithAnalytics)(view, event, slice)(state, dispatch)) {
@@ -395,7 +394,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
           slice = (0, _utils3.transformSliceToJoinAdjacentCodeBlocks)(slice);
         }
         slice = (0, _utils3.transformSingleLineCodeBlockToCodeMark)(slice, schema);
-        slice = (0, _mediaCommon.transformSliceToCorrectMediaWrapper)(slice, schema);
+        slice = (0, _media.transformSliceToCorrectMediaWrapper)(slice, schema);
         slice = (0, _utils5.transformSliceToDecisionList)(slice, schema);
 
         // splitting linebreaks into paragraphs must happen before upgrading text to lists
@@ -424,7 +423,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
           }
         }
         if (!(0, _util.isPastedFromWord)(html) && !(0, _util.isPastedFromExcel)(html) && html.indexOf('<img ') >= 0) {
-          html = (0, _mediaCommon.unwrapNestedMediaElements)(html);
+          html = (0, _media.unwrapNestedMediaElements)(html);
         }
 
         // https://product-fabric.atlassian.net/browse/ED-11714

package/dist/cjs/plugins/undo-redo/ui/ToolbarUndoRedo/index.js

@@ -19,7 +19,7 @@ var _redo = _interopRequireDefault(require("@atlaskit/icon/glyph/redo"));
 var _keymaps = require("../../../../keymaps");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ToolbarButton = _interopRequireWildcard(require("../../../../ui/ToolbarButton"));
-var _messages = require("../../messages");
+var _messages = require("@atlaskit/editor-common/messages");
 var _api = require("../../../type-ahead/api");
 var _commands = require("../../commands");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
@@ -73,8 +73,8 @@ var ToolbarUndoRedo = exports.ToolbarUndoRedo = /*#__PURE__*/function (_PureComp
       var handleRedo = function handleRedo() {
         forceFocus(editorView)(_commands.redoFromToolbar);
       };
-      var labelUndo = formatMessage(_messages.messages.undo);
-      var labelRedo = formatMessage(_messages.messages.redo);
+      var labelUndo = formatMessage(_messages.undoRedoMessages.undo);
+      var labelRedo = formatMessage(_messages.undoRedoMessages.redo);
       var canUndo = historyState.canUndo,
         canRedo = historyState.canRedo;
       return (0, _react2.jsx)("span", {

package/dist/cjs/ui/Alignment/index.js

@@ -15,7 +15,7 @@ var _react2 = require("react");
 var _reactIntlNext = require("react-intl-next");
 var _iconMap = require("../../plugins/alignment/ui/ToolbarAlignment/icon-map");
 var _AlignmentButton = _interopRequireDefault(require("./AlignmentButton"));
-var _messages = require("./messages");
+var _messages = require("@atlaskit/editor-common/messages");
 var _styles = require("./styles");
 var _keymaps = require("../../keymaps");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }

package/dist/cjs/ui/WithHelpTrigger/index.js

@@ -17,13 +17,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _analytics = require("../../plugins/analytics");
 var _eventDispatcher = require("../../event-dispatcher");
 var _consts = require("../../plugins/analytics/consts");
-var _commands = require("../../plugins/help-dialog/commands");
+var _editorPluginHelpDialog = require("@atlaskit/editor-plugin-help-dialog");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // TODO - ED-20189 Source deprecatedOpenHelpCommand from help-dialog-plugin
-/**
- * @deprecated
- * Use WithHelpTrigger from @atlaskit/editor-plugin-help-dialog which uses pluginInjectionApi
- */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var WithHelpTrigger = exports.default = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(WithHelpTrigger, _React$Component);
   var _super = _createSuper(WithHelpTrigger);
@@ -50,7 +46,7 @@ var WithHelpTrigger = exports.default = /*#__PURE__*/function (_React$Component)
       });
       var editorView = editorActions._privateGetEditorView();
       if (editorView) {
-        (0, _commands.openHelpCommand)(editorView.state.tr, editorView.dispatch);
+        (0, _editorPluginHelpDialog.deprecatedOpenHelpCommand)(editorView.state.tr, editorView.dispatch);
       }
     });
     return _this;

package/dist/cjs/version-wrapper.js

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

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

@@ -1,5 +1,6 @@
 import { createEditorSelectionAPI } from '../../../selection-api/api';
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, borderPlugin } from '../../../plugins';
+import { helpDialogPlugin } from '@atlaskit/editor-plugin-help-dialog';
 import { rulePlugin } from '@atlaskit/editor-plugin-rule';
 import { emojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import { listPlugin } from '@atlaskit/editor-plugin-list';

package/dist/es2019/plugins/annotation/toolbar.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { defineMessages } from 'react-intl-next';
 import CommentIcon from '@atlaskit/icon/glyph/comment';
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
@@ -7,23 +6,8 @@ import { addInlineComment, ToolTipContent } from '../../keymaps';
 import { setInlineCommentDraftState } from './commands';
 import { AnnotationTestIds, AnnotationSelectionType } from './types';
 import { isSelectionValid } from './utils';
-export const annotationMessages = defineMessages({
-  createComment: {
-    id: 'fabric.editor.createComment',
-    defaultMessage: 'Comment',
-    description: 'Create/add an inline comment based on the users selection'
-  },
-  createCommentInvalid: {
-    id: 'fabric.editor.createCommentInvalid',
-    defaultMessage: 'You can only comment on text and headings',
-    description: 'Error message to communicate to the user they can only do the current action in certain contexts'
-  },
-  toolbar: {
-    id: 'fabric.editor.annotationToolbar',
-    defaultMessage: 'Annotation toolbar',
-    description: 'A label for a toolbar (UI element) that creates annotations/comments in the document'
-  }
-});
+import { annotationMessages } from '@atlaskit/editor-common/messages';
+
 /**
  * Returns the coordintes at the bottom the selection.
  */

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

@@ -7,7 +7,7 @@ import ideUX from './pm-plugins/ide-ux';
 import { codeBlockCopySelectionPlugin } from './pm-plugins/codeBlockCopySelectionPlugin';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { IconCode } from '@atlaskit/editor-common/quick-insert';
-import { messages } from '@atlaskit/editor-plugin-block-type/messages';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import refreshBrowserSelectionOnChange from './refresh-browser-selection';
 import { createInsertCodeBlockTransaction, insertCodeBlockWithAnalytics } from './actions';
 import { createCodeBlockInputRule } from './pm-plugins/input-rule';
@@ -75,8 +75,8 @@ const codeBlockPlugin = ({
       formatMessage
     }) => [{
       id: 'codeblock',
-      title: formatMessage(messages.codeblock),
-      description: formatMessage(messages.codeblockDescription),
+      title: formatMessage(blockTypeMessages.codeblock),
+      description: formatMessage(blockTypeMessages.codeblockDescription),
       keywords: ['code block'],
       priority: 700,
       keyshortcut: '```',

package/dist/es2019/plugins/code-block/pm-plugins/codeBlockCopySelectionPlugin.js

@@ -1,7 +1,7 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import { getSelectedNodeOrNodeParentByNodeType } from '@atlaskit/editor-plugin-copy-button/utils';
+import { getSelectedNodeOrNodeParentByNodeType } from '@atlaskit/editor-common/copy-button';
 export const copySelectionPluginKey = new PluginKey('codeBlockCopySelectionPlugin');
 function getSelectionDecorationStartAndEnd({
   state,

package/dist/es2019/plugins/index.js

@@ -5,7 +5,6 @@ export { default as collabEditPlugin } from './collab-edit';
 export { default as datePlugin } from './date';
 export { default as extensionPlugin } from './extension';
 export { default as fakeTextCursorPlugin } from './fake-text-cursor';
-export { default as helpDialogPlugin } from './help-dialog';
 export { default as insertBlockPlugin } from './insert-block';
 export { default as jiraIssuePlugin } from './jira-issue';
 export { default as layoutPlugin } from './layout';

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js

@@ -2,7 +2,7 @@ import React from 'react';
 import memoize from 'lodash/memoize';
 import memoizeOne from 'memoize-one';
 import { messages } from './messages';
-import { messages as blockTypeMessages } from '@atlaskit/editor-plugin-block-type/messages';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { ToolTipContent } from '../../../../keymaps';
 import { sortItems } from './sort-items';
 import { action, link, media, mention, emoji, table, layout, codeblock, panel, blockquote, decision, horizontalrule, expand, date, placeholder, status, more, imageUpload } from './item';

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

@@ -23,6 +23,7 @@ import { ReactMediaNode } from './nodeviews/mediaNodeView';
 import { ReactMediaInlineNode } from './nodeviews/mediaInline';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { stateKey } from './pm-plugins/plugin-key';
+import { insertMediaAsMediaSingle } from './utils/media-single';
 export { insertMediaSingleNode } from './utils/media-single';
 const MediaPickerFunctionalComponent = ({
   api,
@@ -56,6 +57,12 @@ const mediaPlugin = ({
       }
       return stateKey.getState(editorState) || null;
     },
+    actions: {
+      insertMediaAsMediaSingle: (view, node, inputMethod) => {
+        var _api$analytics;
+        return insertMediaAsMediaSingle(view, node, inputMethod, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+      }
+    },
     nodes() {
       const {
         allowMediaGroup = true,
@@ -136,8 +143,8 @@ const mediaPlugin = ({
       }, {
         name: 'mediaKeymap',
         plugin: () => {
-          var _api$analytics;
-          return keymapPlugin(options, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
+          var _api$analytics2;
+          return keymapPlugin(options, api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
         }
       }];
       if (options && options.allowMediaSingle) {
@@ -158,8 +165,8 @@ const mediaPlugin = ({
           plugin: ({
             schema
           }) => {
-            var _api$analytics2;
-            return keymapMediaAltTextPlugin(schema, api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions);
+            var _api$analytics3;
+            return keymapMediaAltTextPlugin(schema, api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions);
           }
         });
       }
@@ -245,11 +252,11 @@ const mediaPlugin = ({
         keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
         icon: () => /*#__PURE__*/React.createElement(IconImages, null),
         action(insert, state) {
-          var _api$analytics3;
+          var _api$analytics4;
           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$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({
+          api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.attachAnalyticsEvent({
             action: ACTION.OPENED,
             actionSubject: ACTION_SUBJECT.PICKER,
             actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,

package/dist/es2019/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';
 const isTemporary = id => {
   return id.indexOf('temporary:') === 0;
@@ -178,108 +175,6 @@ export const copyOptionalAttrsFromMediaState = (mediaState, node) => {
     }
   });
 };
-export const transformSliceToCorrectMediaWrapper = (slice, schema) => {
-  const {
-    mediaGroup,
-    mediaSingle,
-    media
-  } = schema.nodes;
-  return mapSlice(slice, (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
- */
-const isElementInvisible = element => {
-  return element.style.opacity === '0' || element.style.display === 'none' || element.style.visibility === 'hidden';
-};
-const 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 const unwrapNestedMediaElements = html => {
-  const parser = new DOMParser();
-  let doc = parser.parseFromString(html, 'text/html');
-  const wrapper = doc.body;
-
-  // Remove Google Doc's wrapper <b> el
-  const docsWrapper = wrapper.querySelector('b[id^="docs-internal-guid-"]');
-  if (docsWrapper) {
-    unwrap(wrapper, docsWrapper);
-  }
-  const imageTags = wrapper.querySelectorAll('img');
-  if (!imageTags.length) {
-    return html;
-  }
-  imageTags.forEach(imageTag => {
-    // Capture the immediate parent, we may remove the media from here later.
-    const 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
-    const insertBeforeElement = walkUpTreeUntil(mediaParent, 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 const getMediaNodeFromSelection = state => {
   if (!isSelectionMediaSingleNode(state)) {
     return null;