@atlaskit/editor-core 180.0.0 → 180.1.0

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

@@ -274,7 +274,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/cjs/plugins/media/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -26,7 +26,7 @@ var _PanelTextInput = _interopRequireDefault(require("../../../../../ui/PanelTex
 var keymaps = _interopRequireWildcard(require("../../../../../keymaps"));
 var _commands = require("../commands");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _analytics = require("../../../../analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _ToolbarComponents = require("../../../../../ui/LinkSearch/ToolbarComponents");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _ui = require("@atlaskit/editor-common/ui");

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

@@ -34,7 +34,6 @@ var helpers = _interopRequireWildcard(require("../commands/helpers"));
 var _pluginKey = require("./plugin-key");
 var _pickerFacade = _interopRequireDefault(require("../picker-facade"));
 var _types = require("../../analytics/types");
-var _isImage = require("../utils/is-image");
 var _document = require("../../../utils/document");
 var _mediaCommon2 = require("@atlaskit/media-common");
 var _utils2 = require("../../../utils");
@@ -79,7 +78,6 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     (0, _defineProperty2.default)(this, "isFullscreen", false);
     (0, _defineProperty2.default)(this, "layout", 'center');
     (0, _defineProperty2.default)(this, "mediaNodes", []);
-    (0, _defineProperty2.default)(this, "mediaGroupNodes", {});
     (0, _defineProperty2.default)(this, "destroyed", false);
     (0, _defineProperty2.default)(this, "removeOnCloseListener", function () {});
     (0, _defineProperty2.default)(this, "onPopupToggleCallback", function () {});
@@ -386,12 +384,12 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
       }
       return;
     });
-    (0, _defineProperty2.default)(this, "updateMediaNodeAttrs", function (id, attrs, isMediaSingle) {
+    (0, _defineProperty2.default)(this, "updateMediaSingleNodeAttrs", function (id, attrs) {
       var view = _this.view;
       if (!view) {
         return;
       }
-      return (0, helpers.updateMediaNodeAttrs)(id, attrs, isMediaSingle)(view.state, view.dispatch);
+      return (0, helpers.updateMediaSingleNodeAttrs)(id, attrs)(view.state, view.dispatch);
     });
     (0, _defineProperty2.default)(this, "handleMediaState", function (state) {
       switch (state.status) {
@@ -401,29 +399,6 @@ 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, (0, _mediaSingle.isMediaSingle)(_this.view.state.schema, state.fileMimeType));
-          delete _this.mediaGroupNodes[state.id];
-          break;
-      }
-    });
-    (0, _defineProperty2.default)(this, "setMediaGroupNode", function (node, getPos) {
-      _this.mediaGroupNodes[node.attrs.id] = {
-        node: node,
-        getPos: getPos
-      };
-    });
-    (0, _defineProperty2.default)(this, "removeNodeById", function (state) {
-      var id = state.id;
-      var mediaNodeWithPos = helpers.findMediaNode(_this, id, (0, _isImage.isImage)(state.fileMimeType));
-      if (mediaNodeWithPos) {
-        (0, _mediaCommon.removeMediaNode)(_this.view, mediaNodeWithPos.node, mediaNodeWithPos.getPos);
       }
     });
     (0, _defineProperty2.default)(this, "removeSelectedMediaContainer", function () {

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

@@ -31,9 +31,6 @@ var FilePreviewItem = function FilePreviewItem(_ref) {
   };
   var renderMediaViewer = function renderMediaViewer() {
     if (isMediaViewerVisible) {
-      var dataSource = {
-        list: []
-      };
       var selectedNodeAttrs = (0, _utils.getSelectedMediaContainerNodeAttrs)(mediaPluginState);
       if (selectedNodeAttrs && mediaPluginState.mediaClientConfig) {
         var id = selectedNodeAttrs.id,
@@ -46,7 +43,7 @@ var FilePreviewItem = function FilePreviewItem(_ref) {
         };
         return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_mediaViewer.MediaViewer, {
           collectionName: collection,
-          dataSource: dataSource,
+          items: [],
           mediaClientConfig: mediaPluginState.mediaClientConfig,
           selectedItem: identifier,
           onClose: onMediaViewerClose

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

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _prosemirrorUtils = require("prosemirror-utils");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _panel = require("@atlaskit/editor-common/panel");
+var _editorPalette = require("@atlaskit/editor-palette");
 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 findPanel = function findPanel(state, selection) {
@@ -24,7 +25,9 @@ var panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
     panelIconText = attrs.panelIconText;
   var isCustomPanel = panelType === _adfSchema.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 && (0, _editorPalette.hexToEditorBackgroundPaletteColor)(panelColor);
+  var panelBackgroundColor = tokenColor || panelColor;
+  var style = ["".concat(panelColor && isCustomPanel ? "background-color: ".concat(panelBackgroundColor, ";") : ''), "".concat(hasIcon ? '' : 'padding-left: 12px;')].join('');
   var panelAttrs = {
     class: _panel.PanelSharedCssClassName.prefix,
     'data-panel-type': panelType || _adfSchema.PanelType.INFO,

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

@@ -16,7 +16,8 @@ exports.handlePasteAsPlainText = handlePasteAsPlainText;
 exports.handlePasteIntoCaption = handlePasteIntoCaption;
 exports.handlePasteIntoTaskOrDecisionOrPanel = handlePasteIntoTaskOrDecisionOrPanel;
 exports.handlePasteLinkOnSelectedText = handlePasteLinkOnSelectedText;
-exports.handlePastePanelIntoList = handlePastePanelIntoList;
+exports.handlePasteNonNestableBlockNodesIntoList = handlePasteNonNestableBlockNodesIntoList;
+exports.handlePastePanelOrDecisionContentIntoList = handlePastePanelOrDecisionContentIntoList;
 exports.handlePastePreservingMarks = handlePastePreservingMarks;
 exports.handleRichText = handleRichText;
 exports.handleSelectedTable = void 0;
@@ -131,23 +132,137 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice) {
     return true;
   };
 }
-function handlePastePanelIntoList(slice) {
+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 = (0, _prosemirrorUtils.findParentNodeOfType)(listItem)(selection);
+    var selectionParentListNodeWithPos = (0, _prosemirrorUtils.findParentNodeOfType)([bulletList, orderedList])(selection);
+    var selectionParentListNode = selectionParentListNodeWithPos === null || selectionParentListNodeWithPos === void 0 ? void 0 : selectionParentListNodeWithPos.node;
+
+    // Slice info
+    var sliceContent = slice.content;
+    var sliceIsListItems = (0, _node.isListNode)(sliceContent.firstChild) && (0, _node.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 || (0, _prosemirrorUtils.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 = (0, _prosemirrorUtils.findParentNodeOfTypeClosestToPos)(tr.doc.resolve(selectionParentListNodeWithPos.pos), [bulletList, orderedList]);
+    var selectionIsInNestedList = !!grandParentListNode;
+    var selectedListItemHasNestedList = false;
+    selectionParentListItemNode.node.content.forEach(function (child) {
+      if ((0, _node.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 = (0, _prosemirrorUtils.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 = (0, _prosemirrorUtils.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;
+  };
+}
+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 && !(0, _lists.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;
   };
 }
@@ -456,9 +571,9 @@ function handleExpandPasteInTable(slice) {
     if (!(0, _utils2.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 = (0, _slice.mapSlice)(slice, function (maybeNode) {
@@ -653,11 +768,11 @@ function flattenNestedListInSlice(slice) {
 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/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"));
@@ -191,7 +191,8 @@ function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
       content: _analytics.PasteContents.text,
       source: source,
       hyperlinkPasteOnText: false,
-      linksInPasteCount: linkUrls.length
+      linksInPasteCount: linkUrls.length,
+      pasteSplitList: pasteContext.pasteSplitList
     });
   }
   var linkDomains = linkUrls.map(_utils2.getLinkDomain);
@@ -202,7 +203,8 @@ function createPasteAnalyticsPayload(view, event, slice, pasteContext) {
     source: source,
     hyperlinkPasteOnText: !!pasteContext.hyperlinkPasteOnText,
     linksInPasteCount: linkUrls.length,
-    mediaTraceId: mediaTraceId
+    mediaTraceId: mediaTraceId,
+    pasteSplitList: pasteContext.pasteSplitList
   }, linkDomains);
 }
 
@@ -267,12 +269,19 @@ var handleRichTextWithAnalytics = function handleRichTextWithAnalytics(view, eve
   }))(slice);
 };
 exports.handleRichTextWithAnalytics = handleRichTextWithAnalytics;
-var handlePastePanelIntoListWithAnalytics = function handlePastePanelIntoListWithAnalytics(view, event, slice) {
-  return (0, _utils.pipe)(_handlers.handlePastePanelIntoList, pasteCommandWithAnalytics(view, event, slice, {
+var handlePastePanelOrDecisionIntoListWithAnalytics = function handlePastePanelOrDecisionIntoListWithAnalytics(view, event, slice) {
+  return (0, _utils.pipe)(_handlers.handlePastePanelOrDecisionContentIntoList, pasteCommandWithAnalytics(view, event, slice, {
     type: _analytics.PasteTypes.richText
   }))(slice);
 };
-exports.handlePastePanelIntoListWithAnalytics = handlePastePanelIntoListWithAnalytics;
+exports.handlePastePanelOrDecisionIntoListWithAnalytics = handlePastePanelOrDecisionIntoListWithAnalytics;
+var handlePasteNonNestableBlockNodesIntoListWithAnalytics = function handlePasteNonNestableBlockNodesIntoListWithAnalytics(view, event, slice) {
+  return (0, _utils.pipe)(_handlers.handlePasteNonNestableBlockNodesIntoList, pasteCommandWithAnalytics(view, event, slice, {
+    type: _analytics.PasteTypes.richText,
+    pasteSplitList: true
+  }))(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

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/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/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;

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

@@ -206,7 +206,10 @@ 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;
@@ -216,7 +219,10 @@ var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component) {
         handleClickOutside: this.handleClickOutside,
         handleEscapeKeydown: this.handleEscapeKeydown,
         zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
-        fitHeight: 40
+        fitHeight: 40,
+        mountTo: mountTo,
+        boundariesElement: boundariesElement,
+        scrollableElement: scrollableElement
       }, (0, _react2.jsx)("div", {
         css: pickerContainer,
         onClick: this.handlePopupClick

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

@@ -16,6 +16,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _uiColor = require("@atlaskit/editor-common/ui-color");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _editorPalette = require("@atlaskit/editor-palette");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _ColorPalette = _interopRequireDefault(require("../../../../ui/ColorPalette"));
@@ -54,7 +57,8 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      isOpen: false
+      isOpen: false,
+      isOpenedByKeyboard: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toolbarItemRef", /*#__PURE__*/_react.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeColor", function (color) {
@@ -68,6 +72,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeTextColor", function (color, disabled) {
+      var _this$toolbarItemRef, _this$toolbarItemRef$;
       if (!disabled) {
         var _this$props$editorVie;
         var palette = _this.props.pluginState.palette;
@@ -87,6 +92,7 @@ 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;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleOpen", function () {
@@ -95,6 +101,15 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         logCloseEvent: true
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyDown", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.setState({
+          isOpenedByKeyboard: true
+        });
+        _this.toggleOpen();
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenChange", function (_ref) {
       var isOpen = _ref.isOpen,
         logCloseEvent = _ref.logCloseEvent,
@@ -102,14 +117,19 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
       _this.setState({
         isOpen: isOpen
       });
+      if (!isOpen) {
+        _this.setState({
+          isOpenedByKeyboard: false
+        });
+      }
       if (logCloseEvent) {
         _this.dispatchAnalyticsEvent(_this.buildAnalyticsPalette(isOpen ? _analytics.ACTION.OPENED : _analytics.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();
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hide", function (e) {
@@ -122,15 +142,15 @@ 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();
         }
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
   }
@@ -138,7 +158,9 @@ 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,
@@ -160,6 +182,9 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         fitWidth = 242;
       }
       var selectedColor = pluginState.color !== pluginState.defaultColor && pluginState.color;
+      var _getSelectedRowAndCol = (0, _uiColor.getSelectedRowAndColumnFromPalette)(palette, pluginState.color),
+        selectedRowIndex = _getSelectedRowAndCol.selectedRowIndex,
+        selectedColumnIndex = _getSelectedRowAndCol.selectedColumnIndex;
       return (0, _react2.jsx)("span", {
         css: _styles.wrapperStyle
       }, (0, _react2.jsx)(_Dropdown.default, {
@@ -173,6 +198,13 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         fitWidth: fitWidth,
         onOpenChange: this.onOpenChange,
         closeOnTab: true,
+        arrowKeyNavigationProviderOptions: {
+          type: _uiMenu.ArrowKeyNavigationType.COLOR,
+          selectedRowIndex: selectedRowIndex,
+          selectedColumnIndex: selectedColumnIndex,
+          isOpenedByKeyboard: isOpenedByKeyboard,
+          isPopupPositioned: true
+        },
         trigger: (0, _react2.jsx)(_ToolbarButton.default, {
           buttonId: _ToolbarButton.TOOLBAR_BUTTON.TEXT_COLOR,
           spacing: isReducedSpacing ? 'none' : 'default',
@@ -183,6 +215,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
           "aria-haspopup": true,
           title: labelTextColor,
           onClick: this.toggleOpen,
+          onKeyDown: this.onKeyDown,
           ref: this.toolbarItemRef,
           iconBefore: (0, _react2.jsx)("div", {
             css: _styles.triggerWrapperStyles
@@ -205,6 +238,7 @@ var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         },
         selectedColor: pluginState.color,
         textPalette: true,
+        hexToPaletteColor: _editorPalette.hexToEditorTextPaletteColor,
         useSomewhatSemanticTextColorNames: useSomewhatSemanticTextColorNames
       }))), (0, _react2.jsx)("span", {
         css: _styles.separatorStyles