@atlaskit/editor-core 180.0.0 → 180.1.0

package/dist/esm/plugins/media/nodeviews/mediaSingle.js

@@ -265,7 +265,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
 
       // We need to call this method on any prop change since attrs can get removed with collab editing
       // the method internally checks if we already have all attrs
-      this.createMediaNodeUpdater(nextProps).updateFileAttrs();
+      this.createMediaNodeUpdater(nextProps).updateMediaSingleFileAttrs();
     }
   }, {
     key: "componentDidMount",

package/dist/esm/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -23,7 +23,7 @@ import * as keymaps from '../../../../../keymaps';
 import { ToolTipContent } from '../../../../../keymaps';
 import { closeMediaAltTextMenu, updateAltText } from '../commands';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, ACTION } from '../../../../analytics';
+import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent, ACTION } from '@atlaskit/editor-common/analytics';
 import { RECENT_SEARCH_WIDTH_IN_PX } from '../../../../../ui/LinkSearch/ToolbarComponents';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { ErrorMessage } from '@atlaskit/editor-common/ui';

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

@@ -22,11 +22,10 @@ import DropPlaceholder from '../ui/Media/DropPlaceholder';
 import { insertMediaGroupNode, insertMediaInlineNode, canInsertMediaInline } from '../utils/media-files';
 import { isInsidePotentialEmptyParagraph, removeMediaNode, splitMediaGroup } from '../utils/media-common';
 import * as helpers from '../commands/helpers';
-import { updateMediaNodeAttrs } from '../commands/helpers';
+import { updateMediaSingleNodeAttrs } from '../commands/helpers';
 import { stateKey } from './plugin-key';
 import PickerFacade from '../picker-facade';
 import { INPUT_METHOD } from '../../analytics/types';
-import { isImage } from '../utils/is-image';
 import { isInEmptyLine } from '../../../utils/document';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { isInListItem } from '../../../utils';
@@ -64,7 +63,6 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     _defineProperty(this, "isFullscreen", false);
     _defineProperty(this, "layout", 'center');
     _defineProperty(this, "mediaNodes", []);
-    _defineProperty(this, "mediaGroupNodes", {});
     _defineProperty(this, "destroyed", false);
     _defineProperty(this, "removeOnCloseListener", function () {});
     _defineProperty(this, "onPopupToggleCallback", function () {});
@@ -371,12 +369,12 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
       }
       return;
     });
-    _defineProperty(this, "updateMediaNodeAttrs", function (id, attrs, isMediaSingle) {
+    _defineProperty(this, "updateMediaSingleNodeAttrs", function (id, attrs) {
       var view = _this.view;
       if (!view) {
         return;
       }
-      return updateMediaNodeAttrs(id, attrs, isMediaSingle)(view.state, view.dispatch);
+      return updateMediaSingleNodeAttrs(id, attrs)(view.state, view.dispatch);
     });
     _defineProperty(this, "handleMediaState", function (state) {
       switch (state.status) {
@@ -386,29 +384,6 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
             uploadErrorHandler(state);
           }
           break;
-        case 'mobile-upload-end':
-          var attrs = {
-            id: state.publicId || state.id
-          };
-          if (typeof state.collection === 'string') {
-            attrs.collection = state.collection;
-          }
-          _this.updateMediaNodeAttrs(state.id, attrs, isMediaSingle(_this.view.state.schema, state.fileMimeType));
-          delete _this.mediaGroupNodes[state.id];
-          break;
-      }
-    });
-    _defineProperty(this, "setMediaGroupNode", function (node, getPos) {
-      _this.mediaGroupNodes[node.attrs.id] = {
-        node: node,
-        getPos: getPos
-      };
-    });
-    _defineProperty(this, "removeNodeById", function (state) {
-      var id = state.id;
-      var mediaNodeWithPos = helpers.findMediaNode(_this, id, isImage(state.fileMimeType));
-      if (mediaNodeWithPos) {
-        removeMediaNode(_this.view, mediaNodeWithPos.node, mediaNodeWithPos.getPos);
       }
     });
     _defineProperty(this, "removeSelectedMediaContainer", function () {

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

@@ -21,9 +21,6 @@ export var FilePreviewItem = function FilePreviewItem(_ref) {
   };
   var renderMediaViewer = function renderMediaViewer() {
     if (isMediaViewerVisible) {
-      var dataSource = {
-        list: []
-      };
       var selectedNodeAttrs = getSelectedMediaContainerNodeAttrs(mediaPluginState);
       if (selectedNodeAttrs && mediaPluginState.mediaClientConfig) {
         var id = selectedNodeAttrs.id,
@@ -36,7 +33,7 @@ export var FilePreviewItem = function FilePreviewItem(_ref) {
         };
         return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(MediaViewer, {
           collectionName: collection,
-          dataSource: dataSource,
+          items: [],
           mediaClientConfig: mediaPluginState.mediaClientConfig,
           selectedItem: identifier,
           onClose: onMediaViewerClose

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

@@ -4,6 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { findSelectedNodeOfType, findParentNodeOfType } from 'prosemirror-utils';
 import { PanelType } from '@atlaskit/adf-schema';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
+import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 export var findPanel = function findPanel(state, selection) {
   var panel = state.schema.nodes.panel;
   return findSelectedNodeOfType(panel)(selection || state.selection) || findParentNodeOfType(panel)(selection || state.selection);
@@ -16,7 +17,9 @@ export var panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
     panelIconText = attrs.panelIconText;
   var isCustomPanel = panelType === PanelType.CUSTOM && allowCustomPanel;
   var hasIcon = !isCustomPanel || !!panelIcon || !!panelIconId;
-  var style = ["".concat(panelColor && isCustomPanel ? "background-color: ".concat(panelColor, ";") : ''), "".concat(hasIcon ? '' : 'padding-left: 12px;')].join('');
+  var tokenColor = panelColor && hexToEditorBackgroundPaletteColor(panelColor);
+  var panelBackgroundColor = tokenColor || panelColor;
+  var style = ["".concat(panelColor && isCustomPanel ? "background-color: ".concat(panelBackgroundColor, ";") : ''), "".concat(hasIcon ? '' : 'padding-left: 12px;')].join('');
   var panelAttrs = {
     class: PanelSharedCssClassName.prefix,
     'data-panel-type': panelType || PanelType.INFO,

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

@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { closeHistory } from 'prosemirror-history';
 import { Fragment, Node as PMNode, Slice } from 'prosemirror-model';
 import { TextSelection, NodeSelection } from 'prosemirror-state';
-import { canInsert, findParentNodeOfType, hasParentNodeOfType, safeInsert } from 'prosemirror-utils';
+import { canInsert, findParentNodeOfType, findParentNodeOfTypeClosestToPos, hasParentNodeOfType, safeInsert } from 'prosemirror-utils';
 import uuid from 'uuid/v4';
 import { replaceSelectedTable } from '@atlaskit/editor-tables/utils';
 import { compose, insideTable, isParagraph, isText, isLinkMark, insideTableCell, isInListItem } from '../../utils';
@@ -110,23 +110,137 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice) {
     return true;
   };
 }
-export function handlePastePanelIntoList(slice) {
+export function handlePasteNonNestableBlockNodesIntoList(slice) {
+  return function (state, dispatch) {
+    var _tr$doc$nodeAt, _sliceContent$firstCh, _findParentNodeOfType;
+    var tr = state.tr;
+    var selection = tr.selection;
+    var $from = selection.$from,
+      $to = selection.$to,
+      from = selection.from,
+      to = selection.to;
+    var _state$schema$nodes = state.schema.nodes,
+      orderedList = _state$schema$nodes.orderedList,
+      bulletList = _state$schema$nodes.bulletList,
+      listItem = _state$schema$nodes.listItem;
+
+    // Selected nodes
+    var selectionParentListItemNode = findParentNodeOfType(listItem)(selection);
+    var selectionParentListNodeWithPos = findParentNodeOfType([bulletList, orderedList])(selection);
+    var selectionParentListNode = selectionParentListNodeWithPos === null || selectionParentListNodeWithPos === void 0 ? void 0 : selectionParentListNodeWithPos.node;
+
+    // Slice info
+    var sliceContent = slice.content;
+    var sliceIsListItems = isListNode(sliceContent.firstChild) && isListNode(sliceContent.lastChild);
+
+    // Find case of slices that can be inserted into a list item
+    // (eg. paragraphs, list items, code blocks, media single)
+    // These scenarios already get handled elsewhere and don't need to split the list
+    var sliceContainsBlockNodesOtherThanThoseAllowedInListItem = false;
+    slice.content.forEach(function (child) {
+      if (child.isBlock && !listItem.spec.content.includes(child.type.name)) {
+        sliceContainsBlockNodesOtherThanThoseAllowedInListItem = true;
+      }
+    });
+    if (!selectionParentListItemNode || !sliceContent || canInsert($from, sliceContent) ||
+    // eg. inline nodes that can be inserted in a list item
+    !sliceContainsBlockNodesOtherThanThoseAllowedInListItem || sliceIsListItems || !selectionParentListNodeWithPos) {
+      return false;
+    }
+
+    // Offsets
+    var listWrappingOffset = $to.depth - selectionParentListNodeWithPos.depth + 1; // difference in depth between to position and list node
+    var listItemWrappingOffset = $to.depth - selectionParentListNodeWithPos.depth; // difference in depth between to position and list item node
+
+    // Anything to do with nested lists should safeInsert and not be handled here
+    var grandParentListNode = findParentNodeOfTypeClosestToPos(tr.doc.resolve(selectionParentListNodeWithPos.pos), [bulletList, orderedList]);
+    var selectionIsInNestedList = !!grandParentListNode;
+    var selectedListItemHasNestedList = false;
+    selectionParentListItemNode.node.content.forEach(function (child) {
+      if (isListNode(child)) {
+        selectedListItemHasNestedList = true;
+      }
+    });
+    if (selectedListItemHasNestedList || selectionIsInNestedList) {
+      return false;
+    }
+
+    // Node after the insert position
+    var nodeAfterInsertPositionIsListItem = ((_tr$doc$nodeAt = tr.doc.nodeAt(to + listItemWrappingOffset)) === null || _tr$doc$nodeAt === void 0 ? void 0 : _tr$doc$nodeAt.type.name) === 'listItem';
+
+    // Get the next list items position (used later to find the split out ordered list)
+    var indexOfNextListItem = $to.indexAfter($to.depth - listItemWrappingOffset);
+    var positionOfNextListItem = tr.doc.resolve(selectionParentListNodeWithPos.pos + 1).posAtIndex(indexOfNextListItem);
+
+    // These nodes paste as plain text by default so need to be handled differently
+    var sliceContainsNodeThatPastesAsPlainText = sliceContent.firstChild && ['taskItem', 'taskList', 'heading', 'blockquote'].includes(sliceContent.firstChild.type.name);
+
+    // Work out position to replace up to
+    var replaceTo;
+    if (sliceContainsNodeThatPastesAsPlainText && nodeAfterInsertPositionIsListItem) {
+      replaceTo = to + listItemWrappingOffset;
+    } else if (sliceContainsNodeThatPastesAsPlainText || !nodeAfterInsertPositionIsListItem) {
+      replaceTo = to;
+    } else {
+      replaceTo = to + listWrappingOffset;
+    }
+
+    // handle the insertion of the slice
+    if (sliceContainsNodeThatPastesAsPlainText || nodeAfterInsertPositionIsListItem || sliceContent.childCount > 1 && ((_sliceContent$firstCh = sliceContent.firstChild) === null || _sliceContent$firstCh === void 0 ? void 0 : _sliceContent$firstCh.type.name) !== 'paragraph') {
+      tr.replaceWith(from, replaceTo, sliceContent).scrollIntoView();
+    } else {
+      // When the selection is not at the end of a list item
+      // eg. middle of list item, start of list item
+      tr.replaceSelection(slice).scrollIntoView();
+    }
+
+    // Find the ordered list node after the pasted content so we can set it's order
+    var mappedPositionOfNextListItem = tr.mapping.map(positionOfNextListItem);
+    if (mappedPositionOfNextListItem > tr.doc.nodeSize) {
+      return false;
+    }
+    var nodeAfterPastedContentResolvedPos = findParentNodeOfTypeClosestToPos(tr.doc.resolve(mappedPositionOfNextListItem), [orderedList]);
+
+    // Work out the new split out lists 'order' (the number it starts from)
+    var originalParentOrderedListNodeOrder = selectionParentListNode === null || selectionParentListNode === void 0 ? void 0 : selectionParentListNode.attrs.order;
+    var numOfListItemsInOriginalList = (_findParentNodeOfType = findParentNodeOfTypeClosestToPos(tr.doc.resolve(from - 1), [orderedList])) === null || _findParentNodeOfType === void 0 ? void 0 : _findParentNodeOfType.node.childCount;
+
+    // Set the new split out lists order attribute
+    if (typeof originalParentOrderedListNodeOrder === 'number' && numOfListItemsInOriginalList && nodeAfterPastedContentResolvedPos) {
+      tr.setNodeMarkup(nodeAfterPastedContentResolvedPos.pos, orderedList, _objectSpread(_objectSpread({}, nodeAfterPastedContentResolvedPos.node.attrs), {}, {
+        order: originalParentOrderedListNodeOrder + numOfListItemsInOriginalList
+      }));
+    }
+
+    // dispatch transaction
+    if (tr.docChanged) {
+      if (dispatch) {
+        dispatch(tr);
+      }
+      return true;
+    }
+    return false;
+  };
+}
+export function handlePastePanelOrDecisionContentIntoList(slice) {
   return function (state, dispatch) {
     var schema = state.schema,
       tr = state.tr;
     var selection = tr.selection;
     // Check this pasting action is related to copy content from panel node into a selected the list node
-    var panelNode = slice.content.firstChild;
+    var blockNode = slice.content.firstChild;
     var isSliceWholeNode = slice.openStart === 0 && slice.openEnd === 0;
     var selectionParentListItemNode = selection.$to.node(selection.$to.depth - 1);
     var sliceIsWholeNodeButShouldNotReplaceSelection = isSliceWholeNode && !doesSelectionWhichStartsOrEndsInListContainEntireList(selection);
-    if (!dispatch || !selectionParentListItemNode || (selectionParentListItemNode === null || selectionParentListItemNode === void 0 ? void 0 : selectionParentListItemNode.type) !== schema.nodes.listItem || !panelNode || (panelNode === null || panelNode === void 0 ? void 0 : panelNode.type) !== schema.nodes.panel || (panelNode === null || panelNode === void 0 ? void 0 : panelNode.content.firstChild) === undefined || sliceIsWholeNodeButShouldNotReplaceSelection) {
+    if (!selectionParentListItemNode || (selectionParentListItemNode === null || selectionParentListItemNode === void 0 ? void 0 : selectionParentListItemNode.type) !== schema.nodes.listItem || !blockNode || !['panel', 'decisionList'].includes(blockNode === null || blockNode === void 0 ? void 0 : blockNode.type.name) || slice.content.childCount > 1 || (blockNode === null || blockNode === void 0 ? void 0 : blockNode.content.firstChild) === undefined || sliceIsWholeNodeButShouldNotReplaceSelection) {
       return false;
     }
 
     // Paste the panel node contents extracted instead of pasting the entire panel node
     tr.replaceSelection(slice).scrollIntoView();
-    dispatch(tr);
+    if (dispatch) {
+      dispatch(tr);
+    }
     return true;
   };
 }
@@ -435,9 +549,9 @@ export function handleExpandPasteInTable(slice) {
     if (!insideTable(state) || !checkExpand(slice)) {
       return false;
     }
-    var _state$schema$nodes = state.schema.nodes,
-      expand = _state$schema$nodes.expand,
-      nestedExpand = _state$schema$nodes.nestedExpand;
+    var _state$schema$nodes2 = state.schema.nodes,
+      expand = _state$schema$nodes2.expand,
+      nestedExpand = _state$schema$nodes2.nestedExpand;
     var tr = state.tr;
     var hasExpand = false;
     var newSlice = mapSlice(slice, function (maybeNode) {
@@ -632,11 +746,11 @@ export function flattenNestedListInSlice(slice) {
 export function handleRichText(slice) {
   return function (state, dispatch) {
     var _slice$content, _slice$content2, _panelParentOverCurre;
-    var _state$schema$nodes2 = state.schema.nodes,
-      codeBlock = _state$schema$nodes2.codeBlock,
-      heading = _state$schema$nodes2.heading,
-      paragraph = _state$schema$nodes2.paragraph,
-      panel = _state$schema$nodes2.panel;
+    var _state$schema$nodes3 = state.schema.nodes,
+      codeBlock = _state$schema$nodes3.codeBlock,
+      heading = _state$schema$nodes3.heading,
+      paragraph = _state$schema$nodes3.paragraph,
+      panel = _state$schema$nodes3.panel;
     var selection = state.selection,
       schema = state.schema;
     var firstChildOfSlice = (_slice$content = slice.content) === null || _slice$content === void 0 ? void 0 : _slice$content.firstChild;

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

@@ -4,7 +4,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { ACTION, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, PasteTypes, PasteContents, withAnalytics } from '../../analytics';
 import { getPasteSource } from '../util';
-import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption, handlePastePanelIntoList } from '../handlers';
+import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption, handlePastePanelOrDecisionContentIntoList, handlePasteNonNestableBlockNodesIntoList } from '../handlers';
 import { pipe } from '../../../utils';
 import { findParentNode } from 'prosemirror-utils';
 import { mapSlice } from '../../../utils/slice';
@@ -177,7 +177,8 @@ export function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
       content: PasteContents.text,
       source: source,
       hyperlinkPasteOnText: false,
-      linksInPasteCount: linkUrls.length
+      linksInPasteCount: linkUrls.length,
+      pasteSplitList: pasteContext.pasteSplitList
     });
   }
   var linkDomains = linkUrls.map(getLinkDomain);
@@ -188,7 +189,8 @@ export function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
     source: source,
     hyperlinkPasteOnText: !!pasteContext.hyperlinkPasteOnText,
     linksInPasteCount: linkUrls.length,
-    mediaTraceId: mediaTraceId
+    mediaTraceId: mediaTraceId,
+    pasteSplitList: pasteContext.pasteSplitList
   }, linkDomains);
 }
 
@@ -245,11 +247,17 @@ export var handleRichTextWithAnalytics = function handleRichTextWithAnalytics(vi
     type: PasteTypes.richText
   }))(slice);
 };
-export var handlePastePanelIntoListWithAnalytics = function handlePastePanelIntoListWithAnalytics(view, event, slice) {
-  return pipe(handlePastePanelIntoList, pasteCommandWithAnalytics(view, event, slice, {
+export var handlePastePanelOrDecisionIntoListWithAnalytics = function handlePastePanelOrDecisionIntoListWithAnalytics(view, event, slice) {
+  return pipe(handlePastePanelOrDecisionContentIntoList, pasteCommandWithAnalytics(view, event, slice, {
     type: PasteTypes.richText
   }))(slice);
 };
+export var handlePasteNonNestableBlockNodesIntoListWithAnalytics = function handlePasteNonNestableBlockNodesIntoListWithAnalytics(view, event, slice) {
+  return pipe(handlePasteNonNestableBlockNodesIntoList, pasteCommandWithAnalytics(view, event, slice, {
+    type: PasteTypes.richText,
+    pasteSplitList: true
+  }))(slice);
+};
 export var handleExpandWithAnalytics = function handleExpandWithAnalytics(view, event, slice) {
   return pipe(handleExpandPasteInTable, pasteCommandWithAnalytics(view, event, slice, {
     type: PasteTypes.richText

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

@@ -14,7 +14,7 @@ import { linkifyContent } from '../../hyperlink/utils';
 import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
-import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics, handlePastePanelIntoListWithAnalytics } from './analytics';
+import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics, handlePastePanelOrDecisionIntoListWithAnalytics, handlePasteNonNestableBlockNodesIntoListWithAnalytics } from './analytics';
 import { analyticsPluginKey, PasteTypes } from '../../analytics';
 import { isInsideBlockQuote, insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
@@ -32,13 +32,18 @@ import { extractSliceFromStep } from '../../../utils/step';
 import { pluginKey as stateKey, createPluginState } from './plugin-factory';
 export { pluginKey as stateKey } from './plugin-factory';
 export { md } from '../md';
+import { getFeatureFlags } from '../../feature-flags-context';
 export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptions, sanitizePrivateContent, providerFactory) {
   var atlassianMarkDownParser = new MarkdownTransformer(schema, 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(escapeLinks(textInput));
     if (doc && doc.content) {
       return new Slice(doc.content, openStart, openEnd);
@@ -350,7 +355,11 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, cardOptio
           if (handlePasteIntoCaptionWithAnalytics(view, event, slice, PasteTypes.richText)(state, dispatch)) {
             return true;
           }
-          if (handlePastePanelIntoListWithAnalytics(view, event, slice)(state, dispatch)) {
+          var featureFlags = getFeatureFlags(state);
+          if (handlePastePanelOrDecisionIntoListWithAnalytics(view, event, slice)(state, dispatch)) {
+            return true;
+          }
+          if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists && handlePasteNonNestableBlockNodesIntoListWithAnalytics(view, event, slice)(state, dispatch)) {
             return true;
           }
           return handleRichTextWithAnalytics(view, event, slice)(state, dispatch);

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

@@ -224,7 +224,7 @@ 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);
 };
 export default placeholderTextPlugin;

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

@@ -31,7 +31,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.createElement(WithPluginState, {
         plugins: {
@@ -59,6 +62,9 @@ var baseStatusPlugin = function baseStatusPlugin(options) {
             defaultText: text,
             defaultColor: color,
             defaultLocalId: localId,
+            mountTo: popupsMountPoint,
+            boundariesElement: popupsBoundariesElement,
+            scrollableElement: popupsScrollableElement,
             onSelect: function onSelect(status) {
               updateStatus(status)(editorView.state, editorView.dispatch);
             },
@@ -109,7 +115,7 @@ 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);
 };
 export default statusPlugin;

package/dist/esm/plugins/status/ui/statusPicker.js

@@ -199,7 +199,10 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
     value: function render() {
       var _this$props = this.props,
         isNew = _this$props.isNew,
-        target = _this$props.target;
+        target = _this$props.target,
+        mountTo = _this$props.mountTo,
+        boundariesElement = _this$props.boundariesElement,
+        scrollableElement = _this$props.scrollableElement;
       var _this$state3 = this.state,
         color = _this$state3.color,
         text = _this$state3.text;
@@ -209,7 +212,10 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
         handleClickOutside: this.handleClickOutside,
         handleEscapeKeydown: this.handleEscapeKeydown,
         zIndex: akEditorFloatingDialogZIndex,
-        fitHeight: 40
+        fitHeight: 40,
+        mountTo: mountTo,
+        boundariesElement: boundariesElement,
+        scrollableElement: scrollableElement
       }, jsx("div", {
         css: pickerContainer,
         onClick: this.handlePopupClick

package/dist/esm/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -13,6 +13,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { defineMessages, injectIntl } from 'react-intl-next';
+import { getSelectedRowAndColumnFromPalette } from '@atlaskit/editor-common/ui-color';
+import { ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
+import { hexToEditorTextPaletteColor } from '@atlaskit/editor-palette';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ColorPalette from '../../../../ui/ColorPalette';
@@ -44,7 +47,8 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      isOpen: false
+      isOpen: false,
+      isOpenedByKeyboard: false
     });
     _defineProperty(_assertThisInitialized(_this), "toolbarItemRef", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "changeColor", function (color) {
@@ -58,6 +62,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "changeTextColor", function (color, disabled) {
+      var _this$toolbarItemRef, _this$toolbarItemRef$;
       if (!disabled) {
         var _this$props$editorVie;
         var palette = _this.props.pluginState.palette;
@@ -77,6 +82,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         //To set the focus on the textcolor button when the menu is closed by 'Esc' only to meet aria guidelines
         (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
       }
+      (_this$toolbarItemRef = _this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 ? void 0 : (_this$toolbarItemRef$ = _this$toolbarItemRef.current) === null || _this$toolbarItemRef$ === void 0 ? void 0 : _this$toolbarItemRef$.focus();
       return false;
     });
     _defineProperty(_assertThisInitialized(_this), "toggleOpen", function () {
@@ -85,6 +91,15 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         logCloseEvent: true
       });
     });
+    _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.setState({
+          isOpenedByKeyboard: true
+        });
+        _this.toggleOpen();
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "handleOpenChange", function (_ref) {
       var isOpen = _ref.isOpen,
         logCloseEvent = _ref.logCloseEvent,
@@ -92,14 +107,19 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         isOpen: isOpen
       });
+      if (!isOpen) {
+        _this.setState({
+          isOpenedByKeyboard: false
+        });
+      }
       if (logCloseEvent) {
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsPalette(isOpen ? ACTION.OPENED : ACTION.CLOSED, {
           noSelect: isOpen === false
         }));
       }
       if (!isOpen && event instanceof KeyboardEvent && (event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
-        var _this$toolbarItemRef, _this$toolbarItemRef$;
-        (_this$toolbarItemRef = _this.toolbarItemRef) === null || _this$toolbarItemRef === void 0 ? void 0 : (_this$toolbarItemRef$ = _this$toolbarItemRef.current) === null || _this$toolbarItemRef$ === void 0 ? void 0 : _this$toolbarItemRef$.focus();
+        var _this$toolbarItemRef2, _this$toolbarItemRef3;
+        (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
       }
     });
     _defineProperty(_assertThisInitialized(_this), "hide", function (e) {
@@ -112,15 +132,15 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           isOpen: false
         });
         if (e instanceof KeyboardEvent && e.key === 'Escape') {
-          var _this$toolbarItemRef2, _this$toolbarItemRef3;
-          (_this$toolbarItemRef2 = _this.toolbarItemRef) === null || _this$toolbarItemRef2 === void 0 ? void 0 : (_this$toolbarItemRef3 = _this$toolbarItemRef2.current) === null || _this$toolbarItemRef3 === void 0 ? void 0 : _this$toolbarItemRef3.focus();
+          var _this$toolbarItemRef4, _this$toolbarItemRef5;
+          (_this$toolbarItemRef4 = _this.toolbarItemRef) === null || _this$toolbarItemRef4 === void 0 ? void 0 : (_this$toolbarItemRef5 = _this$toolbarItemRef4.current) === null || _this$toolbarItemRef5 === void 0 ? void 0 : _this$toolbarItemRef5.focus();
         }
       }
     });
     _defineProperty(_assertThisInitialized(_this), "hideonEsc", function (e) {
-      var _this$toolbarItemRef4, _this$toolbarItemRef5;
+      var _this$toolbarItemRef6, _this$toolbarItemRef7;
       _this.hide(e);
-      (_this$toolbarItemRef4 = _this.toolbarItemRef) === null || _this$toolbarItemRef4 === void 0 ? void 0 : (_this$toolbarItemRef5 = _this$toolbarItemRef4.current) === null || _this$toolbarItemRef5 === void 0 ? void 0 : _this$toolbarItemRef5.focus();
+      (_this$toolbarItemRef6 = _this.toolbarItemRef) === null || _this$toolbarItemRef6 === void 0 ? void 0 : (_this$toolbarItemRef7 = _this$toolbarItemRef6.current) === null || _this$toolbarItemRef7 === void 0 ? void 0 : _this$toolbarItemRef7.focus();
     });
     return _this;
   }
@@ -128,7 +148,9 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-      var isOpen = this.state.isOpen;
+      var _this$state = this.state,
+        isOpen = _this$state.isOpen,
+        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -150,6 +172,9 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         fitWidth = 242;
       }
       var selectedColor = pluginState.color !== pluginState.defaultColor && pluginState.color;
+      var _getSelectedRowAndCol = getSelectedRowAndColumnFromPalette(palette, pluginState.color),
+        selectedRowIndex = _getSelectedRowAndCol.selectedRowIndex,
+        selectedColumnIndex = _getSelectedRowAndCol.selectedColumnIndex;
       return jsx("span", {
         css: wrapperStyle
       }, jsx(Dropdown, {
@@ -163,6 +188,13 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         fitWidth: fitWidth,
         onOpenChange: this.onOpenChange,
         closeOnTab: true,
+        arrowKeyNavigationProviderOptions: {
+          type: ArrowKeyNavigationType.COLOR,
+          selectedRowIndex: selectedRowIndex,
+          selectedColumnIndex: selectedColumnIndex,
+          isOpenedByKeyboard: isOpenedByKeyboard,
+          isPopupPositioned: true
+        },
         trigger: jsx(ToolbarButton, {
           buttonId: TOOLBAR_BUTTON.TEXT_COLOR,
           spacing: isReducedSpacing ? 'none' : 'default',
@@ -173,6 +205,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           "aria-haspopup": true,
           title: labelTextColor,
           onClick: this.toggleOpen,
+          onKeyDown: this.onKeyDown,
           ref: this.toolbarItemRef,
           iconBefore: jsx("div", {
             css: triggerWrapperStyles
@@ -195,6 +228,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         },
         selectedColor: pluginState.color,
         textPalette: true,
+        hexToPaletteColor: hexToEditorTextPaletteColor,
         useSomewhatSemanticTextColorNames: useSomewhatSemanticTextColorNames
       }))), jsx("span", {
         css: separatorStyles