@atlaskit/editor-core 180.0.0 → 181.0.0

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

@@ -9,7 +9,7 @@ exports.createPasteMeasurePayload = void 0;
 exports.getContent = getContent;
 exports.getContentNodeTypes = void 0;
 exports.getMediaTraceId = getMediaTraceId;
-exports.handleSelectedTableWithAnalytics = exports.handleRichTextWithAnalytics = exports.handlePastePreservingMarksWithAnalytics = exports.handlePastePanelIntoListWithAnalytics = exports.handlePasteLinkOnSelectedTextWithAnalytics = exports.handlePasteIntoTaskAndDecisionWithAnalytics = exports.handlePasteIntoCaptionWithAnalytics = exports.handlePasteAsPlainTextWithAnalytics = exports.handleMediaSingleWithAnalytics = exports.handleMarkdownWithAnalytics = exports.handleExpandWithAnalytics = exports.handleCodeBlockWithAnalytics = void 0;
+exports.handleSelectedTableWithAnalytics = exports.handleRichTextWithAnalytics = exports.handlePastePreservingMarksWithAnalytics = exports.handlePastePanelOrDecisionIntoListWithAnalytics = exports.handlePasteNonNestableBlockNodesIntoListWithAnalytics = exports.handlePasteLinkOnSelectedTextWithAnalytics = exports.handlePasteIntoTaskAndDecisionWithAnalytics = exports.handlePasteIntoCaptionWithAnalytics = exports.handlePasteAsPlainTextWithAnalytics = exports.handleMediaSingleWithAnalytics = exports.handleMarkdownWithAnalytics = exports.handleExpandWithAnalytics = exports.handleCodeBlockWithAnalytics = void 0;
 exports.pasteCommandWithAnalytics = pasteCommandWithAnalytics;
 exports.sendPasteAnalyticsEvent = sendPasteAnalyticsEvent;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -17,10 +17,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _analytics = require("../../analytics");
 var _util = require("../util");
 var _handlers = require("../handlers");
-var _utils = require("../../../utils");
 var _prosemirrorUtils = require("prosemirror-utils");
 var _slice = require("../../../utils/slice");
-var _utils2 = require("../../hyperlink/utils");
+var _utils = require("../../hyperlink/utils");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var contentToPasteContent = {
@@ -68,10 +67,11 @@ var nodeToActionSubjectId = {
   tableRow: _analytics.ACTION_SUBJECT_ID.PASTE_TABLE_ROW,
   taskList: _analytics.ACTION_SUBJECT_ID.PASTE_TASK_LIST
 };
-function getContent(state, slice) {
-  var _state$schema = state.schema,
-    paragraph = _state$schema.nodes.paragraph,
-    link = _state$schema.marks.link;
+function getContent(_ref) {
+  var schema = _ref.schema,
+    slice = _ref.slice;
+  var paragraph = schema.nodes.paragraph,
+    link = schema.marks.link;
   var nodeOrMarkName = new Set();
   slice.content.forEach(function (node) {
     if (node.type === paragraph && node.content.size === 0) {
@@ -110,14 +110,14 @@ function getMediaTraceId(slice) {
   });
   return traceId;
 }
-function getActionSubjectId(view) {
-  var _view$state = view.state,
-    selection = _view$state.selection,
-    _view$state$schema$no = _view$state.schema.nodes,
-    paragraph = _view$state$schema$no.paragraph,
-    listItem = _view$state$schema$no.listItem,
-    taskItem = _view$state$schema$no.taskItem,
-    decisionItem = _view$state$schema$no.decisionItem;
+function getActionSubjectId(_ref2) {
+  var selection = _ref2.selection,
+    schema = _ref2.schema;
+  var _schema$nodes = schema.nodes,
+    paragraph = _schema$nodes.paragraph,
+    listItem = _schema$nodes.listItem,
+    taskItem = _schema$nodes.taskItem,
+    decisionItem = _schema$nodes.decisionItem;
   var parent = (0, _prosemirrorUtils.findParentNode)(function (node) {
     if (node.type !== paragraph && node.type !== listItem && node.type !== taskItem && node.type !== decisionItem) {
       return true;
@@ -159,51 +159,64 @@ function createPastePayload(actionSubjectId, attributes, linkDomain) {
     }
   } : {});
 }
-function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
-  var text = event.clipboardData ? event.clipboardData.getData('text/plain') || event.clipboardData.getData('text/uri-list') : '';
-  var actionSubjectId = getActionSubjectId(view);
-  var pasteSize = slice.size;
-  var content = getContent(view.state, slice);
-  var linkUrls = [];
-  var mediaTraceId = getMediaTraceId(slice);
+function createPasteAnalyticsPayloadBySelection(event, slice, pasteContext) {
+  return function (selection) {
+    var text = event.clipboardData ? event.clipboardData.getData('text/plain') || event.clipboardData.getData('text/uri-list') : '';
+    var actionSubjectId = getActionSubjectId({
+      selection: selection,
+      schema: selection.$from.doc.type.schema
+    });
+    var pasteSize = slice.size;
+    var content = getContent({
+      schema: selection.$from.doc.type.schema,
+      slice: slice
+    });
+    var linkUrls = [];
+    var mediaTraceId = getMediaTraceId(slice);
 
-  // If we have a link among the pasted content, grab the
-  // domain and send it up with the analytics event
-  if (content === _analytics.PasteContents.url || content === _analytics.PasteContents.mixed) {
-    (0, _slice.mapSlice)(slice, function (node) {
-      var linkMark = node.marks.find(function (mark) {
-        return mark.type.name === 'link';
+    // If we have a link among the pasted content, grab the
+    // domain and send it up with the analytics event
+    if (content === _analytics.PasteContents.url || content === _analytics.PasteContents.mixed) {
+      (0, _slice.mapSlice)(slice, function (node) {
+        var linkMark = node.marks.find(function (mark) {
+          return mark.type.name === 'link';
+        });
+        if (linkMark) {
+          linkUrls.push(linkMark.attrs.href);
+        }
+        return node;
       });
-      if (linkMark) {
-        linkUrls.push(linkMark.attrs.href);
-      }
-      return node;
-    });
-  }
-  if (pasteContext.asPlain) {
-    return createPasteAsPlainPayload(actionSubjectId, text, linkUrls.length);
-  }
-  var source = (0, _util.getPasteSource)(event);
-  if (pasteContext.type === _analytics.PasteTypes.plain) {
+    }
+    if (pasteContext.asPlain) {
+      return createPasteAsPlainPayload(actionSubjectId, text, linkUrls.length);
+    }
+    var source = (0, _util.getPasteSource)(event);
+    if (pasteContext.type === _analytics.PasteTypes.plain) {
+      return createPastePayload(actionSubjectId, {
+        pasteSize: text.length,
+        type: pasteContext.type,
+        content: _analytics.PasteContents.text,
+        source: source,
+        hyperlinkPasteOnText: false,
+        linksInPasteCount: linkUrls.length,
+        pasteSplitList: pasteContext.pasteSplitList
+      });
+    }
+    var linkDomains = linkUrls.map(_utils.getLinkDomain);
     return createPastePayload(actionSubjectId, {
-      pasteSize: text.length,
       type: pasteContext.type,
-      content: _analytics.PasteContents.text,
+      pasteSize: pasteSize,
+      content: content,
       source: source,
-      hyperlinkPasteOnText: false,
-      linksInPasteCount: linkUrls.length
-    });
-  }
-  var linkDomains = linkUrls.map(_utils2.getLinkDomain);
-  return createPastePayload(actionSubjectId, {
-    type: pasteContext.type,
-    pasteSize: pasteSize,
-    content: content,
-    source: source,
-    hyperlinkPasteOnText: !!pasteContext.hyperlinkPasteOnText,
-    linksInPasteCount: linkUrls.length,
-    mediaTraceId: mediaTraceId
-  }, linkDomains);
+      hyperlinkPasteOnText: !!pasteContext.hyperlinkPasteOnText,
+      linksInPasteCount: linkUrls.length,
+      mediaTraceId: mediaTraceId,
+      pasteSplitList: pasteContext.pasteSplitList
+    }, linkDomains);
+  };
+}
+function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
+  return createPasteAnalyticsPayloadBySelection(event, slice, pasteContext)(view.state.selection);
 }
 
 // TODO: ED-6612 We should not dispatch only analytics, it's preferred to wrap each command with his own analytics.
@@ -219,85 +232,117 @@ function pasteCommandWithAnalytics(view, event, slice, pasteContext) {
   });
 }
 var handlePasteAsPlainTextWithAnalytics = function handlePasteAsPlainTextWithAnalytics(view, event, slice) {
-  return (0, _utils.pipe)(_handlers.handlePasteAsPlainText, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: _analytics.PasteTypes.plain,
     asPlain: true
-  }))(slice, event);
+  }))((0, _handlers.handlePasteAsPlainText)(slice, event));
 };
 exports.handlePasteAsPlainTextWithAnalytics = handlePasteAsPlainTextWithAnalytics;
 var handlePasteIntoTaskAndDecisionWithAnalytics = function handlePasteIntoTaskAndDecisionWithAnalytics(view, event, slice, type) {
-  return (0, _utils.pipe)(_handlers.handlePasteIntoTaskOrDecisionOrPanel, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))(slice);
+  }))((0, _handlers.handlePasteIntoTaskOrDecisionOrPanel)(slice));
 };
 exports.handlePasteIntoTaskAndDecisionWithAnalytics = handlePasteIntoTaskAndDecisionWithAnalytics;
 var handlePasteIntoCaptionWithAnalytics = function handlePasteIntoCaptionWithAnalytics(view, event, slice, type) {
-  return (0, _utils.pipe)(_handlers.handlePasteIntoCaption, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))(slice);
+  }))((0, _handlers.handlePasteIntoCaption)(slice));
 };
 exports.handlePasteIntoCaptionWithAnalytics = handlePasteIntoCaptionWithAnalytics;
 var handleCodeBlockWithAnalytics = function handleCodeBlockWithAnalytics(view, event, slice, text) {
-  return (0, _utils.pipe)(_handlers.handleCodeBlock, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: _analytics.PasteTypes.plain
-  }))(text);
+  }))((0, _handlers.handleCodeBlock)(text));
 };
 exports.handleCodeBlockWithAnalytics = handleCodeBlockWithAnalytics;
 var handleMediaSingleWithAnalytics = function handleMediaSingleWithAnalytics(view, event, slice, type) {
-  return (0, _utils.pipe)((0, _handlers.handleMediaSingle)(_analytics.INPUT_METHOD.CLIPBOARD), pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))(slice);
+  }))((0, _handlers.handleMediaSingle)(_analytics.INPUT_METHOD.CLIPBOARD)(slice));
 };
 exports.handleMediaSingleWithAnalytics = handleMediaSingleWithAnalytics;
 var handlePastePreservingMarksWithAnalytics = function handlePastePreservingMarksWithAnalytics(view, event, slice, type) {
-  return (0, _utils.pipe)(_handlers.handlePastePreservingMarks, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type
-  }))(slice);
+  }))((0, _handlers.handlePastePreservingMarks)(slice));
 };
 exports.handlePastePreservingMarksWithAnalytics = handlePastePreservingMarksWithAnalytics;
 var handleMarkdownWithAnalytics = function handleMarkdownWithAnalytics(view, event, slice) {
-  return (0, _utils.pipe)(_handlers.handleMarkdown, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: _analytics.PasteTypes.markdown
-  }))(slice);
+  }))((0, _handlers.handleMarkdown)(slice));
 };
 exports.handleMarkdownWithAnalytics = handleMarkdownWithAnalytics;
 var handleRichTextWithAnalytics = function handleRichTextWithAnalytics(view, event, slice) {
-  return (0, _utils.pipe)(_handlers.handleRichText, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: _analytics.PasteTypes.richText
-  }))(slice);
+  }))((0, _handlers.handleRichText)(slice));
 };
 exports.handleRichTextWithAnalytics = handleRichTextWithAnalytics;
-var handlePastePanelIntoListWithAnalytics = function handlePastePanelIntoListWithAnalytics(view, event, slice) {
-  return (0, _utils.pipe)(_handlers.handlePastePanelIntoList, pasteCommandWithAnalytics(view, event, slice, {
+function injectAnalyticsPayloadBeforeCommand(createPayloadByTransaction) {
+  return function (mainCommand) {
+    return function (state, dispatch, view) {
+      var originalTransaction = state.tr;
+      var fakeDispatch = function fakeDispatch(tr) {
+        originalTransaction = tr;
+      };
+      var result = mainCommand(state, fakeDispatch, view);
+      if (!result) {
+        return false;
+      }
+      if (dispatch && originalTransaction.docChanged) {
+        // it needs to know the selection before the changes
+        var payload = createPayloadByTransaction(state.selection);
+        (0, _analytics.addAnalytics)(state, originalTransaction, payload);
+        dispatch(originalTransaction);
+      }
+      return true;
+    };
+  };
+}
+var handlePastePanelOrDecisionIntoListWithAnalytics = function handlePastePanelOrDecisionIntoListWithAnalytics(view, event, slice) {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: _analytics.PasteTypes.richText
-  }))(slice);
+  }))((0, _handlers.handlePastePanelOrDecisionContentIntoList)(slice));
 };
-exports.handlePastePanelIntoListWithAnalytics = handlePastePanelIntoListWithAnalytics;
+exports.handlePastePanelOrDecisionIntoListWithAnalytics = handlePastePanelOrDecisionIntoListWithAnalytics;
+var handlePasteNonNestableBlockNodesIntoListWithAnalytics = function handlePasteNonNestableBlockNodesIntoListWithAnalytics(view, event, slice) {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
+    type: _analytics.PasteTypes.richText,
+    pasteSplitList: true
+  }))((0, _handlers.handlePasteNonNestableBlockNodesIntoList)(slice));
+};
+exports.handlePasteNonNestableBlockNodesIntoListWithAnalytics = handlePasteNonNestableBlockNodesIntoListWithAnalytics;
 var handleExpandWithAnalytics = function handleExpandWithAnalytics(view, event, slice) {
-  return (0, _utils.pipe)(_handlers.handleExpandPasteInTable, pasteCommandWithAnalytics(view, event, slice, {
-    type: _analytics.PasteTypes.richText
-  }))(slice);
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
+    type: _analytics.PasteTypes.richText,
+    pasteSplitList: true
+  }))((0, _handlers.handleExpandPasteInTable)(slice));
 };
 exports.handleExpandWithAnalytics = handleExpandWithAnalytics;
 var handleSelectedTableWithAnalytics = function handleSelectedTableWithAnalytics(view, event, slice) {
-  return (0, _utils.pipe)(_handlers.handleSelectedTable, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: _analytics.PasteTypes.richText
-  }))(slice);
+  }))((0, _handlers.handleSelectedTable)(slice));
 };
 exports.handleSelectedTableWithAnalytics = handleSelectedTableWithAnalytics;
 var handlePasteLinkOnSelectedTextWithAnalytics = function handlePasteLinkOnSelectedTextWithAnalytics(view, event, slice, type) {
-  return (0, _utils.pipe)(_handlers.handlePasteLinkOnSelectedText, pasteCommandWithAnalytics(view, event, slice, {
+  return injectAnalyticsPayloadBeforeCommand(createPasteAnalyticsPayloadBySelection(event, slice, {
     type: type,
     hyperlinkPasteOnText: true
-  }))(slice);
+  }))((0, _handlers.handlePasteLinkOnSelectedText)(slice));
 };
 exports.handlePasteLinkOnSelectedTextWithAnalytics = handlePasteLinkOnSelectedTextWithAnalytics;
-var createPasteMeasurePayload = function createPasteMeasurePayload(_ref) {
-  var view = _ref.view,
-    duration = _ref.duration,
-    content = _ref.content,
-    distortedDuration = _ref.distortedDuration;
-  var pasteIntoNode = getActionSubjectId(view);
+var createPasteMeasurePayload = function createPasteMeasurePayload(_ref3) {
+  var view = _ref3.view,
+    duration = _ref3.duration,
+    content = _ref3.content,
+    distortedDuration = _ref3.distortedDuration;
+  var pasteIntoNode = getActionSubjectId({
+    selection: view.state.selection,
+    schema: view.state.schema
+  });
   return {
     action: _analytics.ACTION.PASTED_TIMED,
     actionSubject: _analytics.ACTION_SUBJECT.EDITOR,

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

@@ -49,6 +49,7 @@ var _tinyMCE = require("../util/tinyMCE");
 var _utils9 = require("@atlaskit/editor-tables/utils");
 var _step = require("../../../utils/step");
 var _pluginFactory = require("./plugin-factory");
+var _featureFlagsContext = require("../../feature-flags-context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 _analytics.sendPasteAnalyticsEvent;
@@ -56,9 +57,13 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, san
   var atlassianMarkDownParser = new _editorMarkdownTransformer.MarkdownTransformer(schema, _md.md);
   function getMarkdownSlice(text, openStart, openEnd) {
     var textInput = text;
-    if (textInput.includes('\\')) {
-      textInput = textInput.replace(/\\/g, '\\\\');
+    var textSplitByCodeBlock = textInput.split(/```/);
+    for (var i = 0; i < textSplitByCodeBlock.length; i++) {
+      if (i % 2 === 0) {
+        textSplitByCodeBlock[i] = textSplitByCodeBlock[i].replace(/\\/g, '\\\\');
+      }
     }
+    textInput = textSplitByCodeBlock.join('```');
     var doc = atlassianMarkDownParser.parse((0, _util.escapeLinks)(textInput));
     if (doc && doc.content) {
       return new _prosemirrorModel.Slice(doc.content, openStart, openEnd);
@@ -370,7 +375,11 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, san
           if ((0, _analytics.handlePasteIntoCaptionWithAnalytics)(view, event, slice, _analytics2.PasteTypes.richText)(state, dispatch)) {
             return true;
           }
-          if ((0, _analytics.handlePastePanelIntoListWithAnalytics)(view, event, slice)(state, dispatch)) {
+          var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(state);
+          if ((0, _analytics.handlePastePanelOrDecisionIntoListWithAnalytics)(view, event, slice)(state, dispatch)) {
+            return true;
+          }
+          if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists && (0, _analytics.handlePasteNonNestableBlockNodesIntoListWithAnalytics)(view, event, slice)(state, dispatch)) {
             return true;
           }
           return (0, _analytics.handleRichTextWithAnalytics)(view, event, slice)(state, dispatch);

package/dist/cjs/plugins/paste/util/index.js

@@ -11,16 +11,10 @@ exports.getPasteSource = getPasteSource;
 exports.hasOnlyNodesOfType = hasOnlyNodesOfType;
 exports.htmlContainsSingleFile = htmlContainsSingleFile;
 exports.htmlHasInvalidLinkTags = void 0;
-exports.isCode = isCode;
 exports.isCursorSelectionAtTextStartOrEnd = isCursorSelectionAtTextStartOrEnd;
 exports.isEmptyNode = isEmptyNode;
 exports.isPanelNode = isPanelNode;
-exports.isPastedFromDropboxPaper = isPastedFromDropboxPaper;
 exports.isPastedFromExcel = isPastedFromExcel;
-exports.isPastedFromFabricEditor = isPastedFromFabricEditor;
-exports.isPastedFromGoogleDocs = isPastedFromGoogleDocs;
-exports.isPastedFromGoogleSpreadSheets = isPastedFromGoogleSpreadSheets;
-exports.isPastedFromPages = isPastedFromPages;
 exports.isPastedFromWord = isPastedFromWord;
 exports.isSelectionInsidePanel = isSelectionInsidePanel;
 exports.removeDuplicateInvalidLinks = exports.isSingleLine = void 0;
@@ -79,46 +73,6 @@ function getPasteSource(event) {
   return 'uncategorized';
 }
 
-// TODO: Write JEST tests for this part
-function isCode(str) {
-  var lines = str.split(/\r?\n|\r/);
-  if (3 > lines.length) {
-    return false;
-  }
-  var weight = 0;
-  lines.forEach(function (line) {
-    // Ends with : or ;
-    if (/[:;]$/.test(line)) {
-      weight++;
-    }
-    // Contains second and third braces
-    if (/[{}\[\]]/.test(line)) {
-      weight++;
-    }
-    // Contains <tag> or </
-    if (/<\w+>/.test(line) || /<\//.test(line)) {
-      weight++;
-    }
-    // Contains () <- function calls
-    if (/\(\)/.test(line)) {
-      weight++;
-    }
-    // Contains a link
-    if (/(^|[^!])\[(.*?)\]\((\S+)\)$/.test(line)) {
-      weight--;
-    }
-    // New line starts with less than two chars. e.g- if, {, <, etc
-    var token = /^(\s+)[a-zA-Z<{]{2,}/.exec(line);
-    if (token && 2 <= token[1].length) {
-      weight++;
-    }
-    if (/&&/.test(line)) {
-      weight++;
-    }
-  });
-  return 4 <= weight && weight >= 0.5 * lines.length;
-}
-
 // @see https://product-fabric.atlassian.net/browse/ED-3159
 // @see https://github.com/markdown-it/markdown-it/issues/38
 function escapeLinks(text) {

package/dist/cjs/plugins/placeholder-text/index.js

@@ -232,8 +232,8 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
   };
   return plugin;
 };
-var placeholderTextPlugin = function placeholderTextPlugin(options) {
-  return decorateWithPluginOptions(basePlaceholderTextPlugin(options), options);
+var placeholderTextPlugin = function placeholderTextPlugin(options, api) {
+  return decorateWithPluginOptions(basePlaceholderTextPlugin(options, api), options);
 };
 var _default = placeholderTextPlugin;
 exports.default = _default;

package/dist/cjs/plugins/quick-insert/assets/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IconStatus = exports.IconQuote = exports.IconPanelWarning = exports.IconPanelSuccess = exports.IconPanelNote = exports.IconPanelError = exports.IconPanel = exports.IconMention = exports.IconListNumber = exports.IconList = exports.IconLink = exports.IconLayout = exports.IconImages = exports.IconHeading = exports.IconFeedback = exports.IconFallback = exports.IconExpand = exports.IconEmoji = exports.IconDivider = exports.IconDecision = exports.IconDate = exports.IconCustomPanel = exports.IconCode = exports.IconAction = void 0;
+exports.IconStatus = exports.IconQuote = exports.IconPanelWarning = exports.IconPanelSuccess = exports.IconPanelNote = exports.IconPanelError = exports.IconPanel = exports.IconMention = exports.IconListNumber = exports.IconList = exports.IconLink = exports.IconLayout = exports.IconImages = exports.IconHeading = exports.IconFeedback = exports.IconExpand = exports.IconEmoji = exports.IconDivider = exports.IconDecision = exports.IconDate = exports.IconCode = exports.IconAction = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -233,19 +233,6 @@ var IconPanel = (0, _reactLoadable.default)({
   }
 });
 exports.IconPanel = IconPanel;
-var IconCustomPanel = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('./custom-panel'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
-exports.IconCustomPanel = IconCustomPanel;
 var IconQuote = (0, _reactLoadable.default)({
   loader: function loader() {
     return Promise.resolve().then(function () {
@@ -272,19 +259,6 @@ var IconStatus = (0, _reactLoadable.default)({
   }
 });
 exports.IconStatus = IconStatus;
-var IconFallback = (0, _reactLoadable.default)({
-  loader: function loader() {
-    return Promise.resolve().then(function () {
-      return _interopRequireWildcard(require('./fallback'));
-    }).then(function (module) {
-      return module.default;
-    });
-  },
-  loading: function loading() {
-    return null;
-  }
-});
-exports.IconFallback = IconFallback;
 function importHeading(level) {
   switch (level) {
     case 1:

package/dist/cjs/plugins/selection/gap-cursor/actions.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldSkipGapCursor = exports.setSelectionTopLevelBlocks = exports.setGapCursorAtPos = exports.setCursorForTopLevelBlocks = exports.hasGapCursorPlugin = exports.deleteNode = exports.arrow = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _prosemirrorState = require("prosemirror-state");
 var _prosemirrorUtils = require("prosemirror-utils");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -16,44 +14,8 @@ var _isValidTargetNode = require("./utils/is-valid-target-node");
 var _position = require("../../../utils/prosemirror/position");
 var _gapCursorPluginKey = require("../pm-plugins/gap-cursor-plugin-key");
 var _table = require("../../../utils/table");
-var _mapDirection;
-var mapDirection = (_mapDirection = {}, (0, _defineProperty2.default)(_mapDirection, _direction.Direction.LEFT, -1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.RIGHT, 1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.UP, -1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.DOWN, 1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.BACKWARD, -1), (0, _defineProperty2.default)(_mapDirection, _direction.Direction.FORWARD, 1), _mapDirection);
-function shouldHandleMediaGapCursor(dir, state) {
-  var doc = state.doc,
-    schema = state.schema,
-    selection = state.selection;
-  var $pos = (0, _direction.isBackward)(dir) ? selection.$from : selection.$to;
-  if (selection instanceof _prosemirrorState.TextSelection) {
-    // Should not use gap cursor if I am moving from a text selection into a media node
-    if (dir === _direction.Direction.UP && !(0, _position.atTheBeginningOfDoc)(state) || dir === _direction.Direction.DOWN && !(0, _position.atTheEndOfDoc)(state)) {
-      var media = (0, _utils2.getMediaNearPos)(doc, $pos, schema, mapDirection[dir]);
-      if (media) {
-        return false;
-      }
-    }
-
-    // Should not use gap cursor if I am moving from a text selection into a media node with layout wrap-right or wrap-left
-    if (dir === _direction.Direction.LEFT || dir === _direction.Direction.RIGHT) {
-      var _media = (0, _utils2.getMediaNearPos)(doc, $pos, schema, mapDirection[dir]);
-      var mediaSingle = schema.nodes.mediaSingle;
-      if (_media && _media.type === mediaSingle && (_media.attrs.layout === 'wrap-right' || _media.attrs.layout === 'wrap-left')) {
-        return false;
-      }
-    }
-  }
-  if (selection instanceof _prosemirrorState.NodeSelection) {
-    // Should not use gap cursor if I am moving left/right from media node with layout wrap right or wrap-left
-    if (dir === _direction.Direction.LEFT || dir === _direction.Direction.RIGHT) {
-      var maybeMedia = doc.nodeAt(selection.$from.pos);
-      var _mediaSingle = schema.nodes.mediaSingle;
-      if (maybeMedia && maybeMedia.type === _mediaSingle && (maybeMedia.attrs.layout === 'wrap-right' || maybeMedia.attrs.layout === 'wrap-left')) {
-        return false;
-      }
-    }
-  }
-  return true;
-}
 var shouldSkipGapCursor = function shouldSkipGapCursor(direction, state, $pos) {
+  var _$pos$nodeBefore;
   var doc = state.doc,
     schema = state.schema;
   switch (direction) {
@@ -61,14 +23,49 @@ var shouldSkipGapCursor = function shouldSkipGapCursor(direction, state, $pos) {
       if ((0, _position.atTheBeginningOfDoc)(state)) {
         return false;
       }
-      return (0, _table.isPositionNearTableRow)($pos, schema, 'before') || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, -1);
+      return (0, _table.isPositionNearTableRow)($pos, schema, 'before') || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, -1) || (0, _utils.isNodeBeforeMediaNode)($pos, state);
     case _direction.Direction.DOWN:
-      return (0, _position.atTheEndOfDoc)(state) || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, 1) || (0, _table.isPositionNearTableRow)($pos, schema, 'after');
+      return (0, _position.atTheEndOfDoc)(state) || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, 1) || (0, _table.isPositionNearTableRow)($pos, schema, 'after') || ((_$pos$nodeBefore = $pos.nodeBefore) === null || _$pos$nodeBefore === void 0 ? void 0 : _$pos$nodeBefore.type.name) === 'text' && !$pos.nodeAfter // end of a paragraph
+      ;
+
     default:
       return false;
   }
 };
+
+// These cases should be handled using the handleMediaGapCursor function
 exports.shouldSkipGapCursor = shouldSkipGapCursor;
+function shouldHandleMediaGapCursor(dir, state) {
+  var _selection$$from$node;
+  var selection = state.selection;
+  var upArrowFromGapCursorIntoMedia = selection instanceof _selection.GapCursorSelection && dir === _direction.Direction.UP && selection.$from.nodeBefore && (0, _utils.isMediaNode)(selection.$from.nodeBefore);
+  var downArrowFromGapCursorIntoMediaGroup = selection instanceof _selection.GapCursorSelection && dir === _direction.Direction.DOWN && ((_selection$$from$node = selection.$from.nodeAfter) === null || _selection$$from$node === void 0 ? void 0 : _selection$$from$node.type.name) === 'mediaGroup';
+  return upArrowFromGapCursorIntoMedia || downArrowFromGapCursorIntoMediaGroup;
+}
+
+// Handle media gap cursor for up/down arrow into media nodes
+// Should check this case by using shouldHandleMediaGapCursor first
+function handleMediaGapCursor(dir, state) {
+  var selection = state.selection,
+    tr = state.tr;
+  var $pos = (0, _direction.isBackward)(dir) ? selection.$from : selection.$to;
+  if (dir === _direction.Direction.UP && selection.$from.nodeBefore && (0, _utils.isMediaNode)(selection.$from.nodeBefore)) {
+    var _tr$doc$nodeAt;
+    var nodeBeforePos = (0, _prosemirrorUtils.findPositionOfNodeBefore)(tr.selection);
+    if (nodeBeforePos && selection.side === 'right' && ((_tr$doc$nodeAt = tr.doc.nodeAt(nodeBeforePos)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.type.name) === 'mediaSingle') {
+      tr.setSelection(new _prosemirrorState.NodeSelection(tr.doc.resolve(nodeBeforePos))).scrollIntoView();
+    } else if (nodeBeforePos || nodeBeforePos === 0) {
+      tr.setSelection(new _selection.GapCursorSelection(tr.doc.resolve(nodeBeforePos), _selection.Side.LEFT)).scrollIntoView();
+    }
+  }
+  if (dir === _direction.Direction.DOWN && selection.$from.nodeAfter) {
+    var nodeAfterPos = selection.side === 'right' ? $pos.pos : $pos.pos + selection.$from.nodeAfter.nodeSize;
+    if (nodeAfterPos) {
+      tr.setSelection(new _selection.GapCursorSelection(tr.doc.resolve(nodeAfterPos), _selection.Side.LEFT)).scrollIntoView();
+    }
+  }
+  return tr;
+}
 var arrow = function arrow(dir, endOfTextblock) {
   return function (state, dispatch, view) {
     var doc = state.doc,
@@ -97,13 +94,21 @@ var arrow = function arrow(dir, endOfTextblock) {
       if (selection.node.isInline) {
         return false;
       }
-      if (dir === _direction.Direction.UP || dir === _direction.Direction.DOWN) {
+      if (dir === _direction.Direction.UP && !(0, _position.atTheBeginningOfDoc)(state) && !(0, _utils.isNodeBeforeMediaNode)($pos, state) || dir === _direction.Direction.DOWN) {
         // We dont add gap cursor on node selections going up and down
+        // Except we do if we're going up for a block node which is the
+        // first node in the document OR the node before is a media node
         return false;
       }
     }
-    if (!shouldHandleMediaGapCursor(dir, state)) {
-      return false;
+
+    // Handle media gap cursor for up/down arrow into media nodes
+    if (shouldHandleMediaGapCursor(dir, state)) {
+      var updatedTr = handleMediaGapCursor(dir, state);
+      if (dispatch) {
+        dispatch(updatedTr);
+      }
+      return true;
     }
 
     // when jumping between block nodes at the same depth, we need to reverse cursor without changing ProseMirror position

package/dist/cjs/plugins/status/index.js

@@ -38,7 +38,10 @@ var baseStatusPlugin = function baseStatusPlugin(options) {
       }];
     },
     contentComponent: function contentComponent(_ref) {
-      var editorView = _ref.editorView;
+      var editorView = _ref.editorView,
+        popupsMountPoint = _ref.popupsMountPoint,
+        popupsBoundariesElement = _ref.popupsBoundariesElement,
+        popupsScrollableElement = _ref.popupsScrollableElement;
       var domAtPos = editorView.domAtPos.bind(editorView);
       return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
         plugins: {
@@ -66,6 +69,9 @@ var baseStatusPlugin = function baseStatusPlugin(options) {
             defaultText: text,
             defaultColor: color,
             defaultLocalId: localId,
+            mountTo: popupsMountPoint,
+            boundariesElement: popupsBoundariesElement,
+            scrollableElement: popupsScrollableElement,
             onSelect: function onSelect(status) {
               (0, _actions.updateStatus)(status)(editorView.state, editorView.dispatch);
             },
@@ -116,8 +122,8 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
   };
   return plugin;
 };
-var statusPlugin = function statusPlugin(options) {
-  return decorateWithPluginOptions(baseStatusPlugin(options), options);
+var statusPlugin = function statusPlugin(options, api) {
+  return decorateWithPluginOptions(baseStatusPlugin(options, api), options);
 };
 var _default = statusPlugin;
 exports.default = _default;