@atlaskit/editor-core 180.1.0 → 181.0.0

package/dist/cjs/plugins/floating-toolbar/ui/Toolbar.js

@@ -32,6 +32,7 @@ var _Separator = _interopRequireDefault(require("./Separator"));
 var _Input = _interopRequireDefault(require("./Input"));
 var _ExtensionsPlaceholder = require("./ExtensionsPlaceholder");
 var _ColorPickerButton = _interopRequireDefault(require("../../../ui/ColorPickerButton"));
+var _ColorPalette = require("../../../ui/ColorPalette");
 var _EmojiPickerButton = require("./EmojiPickerButton");
 var _announcer = _interopRequireDefault(require("../../../utils/announcer/announcer"));
 var _reactIntlNext = require("react-intl-next");
@@ -62,6 +63,10 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
     setDisableScroll = _ref.setDisableScroll,
     mountRef = _ref.mountRef;
   var emojiAndColourPickerMountPoint = scrollable ? popupsMountPoint || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.fabric-editor-popup-scroll-parent')) || (editorView === null || editorView === void 0 ? void 0 : editorView.dom.closest('.ak-editor-content-area')) || undefined : popupsMountPoint;
+  var _ref2 = editorView ? (0, _featureFlagsContext.getFeatureFlags)(editorView.state) : {
+      useSomewhatSemanticTextColorNames: false
+    },
+    useSomewhatSemanticTextColorNames = _ref2.useSomewhatSemanticTextColorNames;
   return (0, _react2.jsx)(_buttonGroup.default, null, items.filter(function (item) {
     return !item.hidden;
   }).map(function (item, idx) {
@@ -147,7 +152,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
           showSelected: item.showSelected,
           buttonTestId: item.testId,
           editorView: editorView,
-          setDisableParentScroll: scrollable ? setDisableScroll : undefined
+          setDisableParentScroll: scrollable ? setDisableScroll : undefined,
+          dropdownListId: (item === null || item === void 0 ? void 0 : item.id) && "".concat(item.id, "-dropdownList")
         });
       case 'select':
         if (item.selectType === 'list') {
@@ -186,12 +192,22 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
             // Currently in floating toolbar, color picker is only
             //  used in panel and table cell background color.
             // Both uses same color palette.
-            // That's why hard-coding hexToEditorBackgroundPaletteColor.
+            // That's why hard-coding hexToEditorBackgroundPaletteColor
+            //  and paletteColorTooltipMessages.
             // When we need to support different color palette
             //  in floating toolbar, we need to set hexToPaletteColor
-            //  in item options.
+            //  and paletteColorTooltipMessages in item options.
             ,
-            hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor
+            hexToPaletteColor: _editorPalette.hexToEditorBackgroundPaletteColor,
+            paletteColorTooltipMessages: _ColorPalette.backgroundPaletteTooltipMessages
+            // We did not want to create new FF or update
+            //  useSomewhatSemanticTextColorNames name
+            //  because it is temporary and require extra work.
+            // So even though it says text color names,
+            //  we are going to use for all color pickers
+            //  such as text, background and table charts.
+            ,
+            showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
           });
         }
         if (item.selectType === 'emoji') {
@@ -213,8 +229,8 @@ var ToolbarItems = /*#__PURE__*/_react.default.memo(function (_ref) {
         if (!editorView || !extensionsProvider) {
           return null;
         }
-        var _ref2 = (0, _featureFlagsContext.getFeatureFlags)(editorView.state) || {},
-          extendFloatingToolbar = _ref2.extendFloatingToolbar;
+        var _ref3 = (0, _featureFlagsContext.getFeatureFlags)(editorView.state) || {},
+          extendFloatingToolbar = _ref3.extendFloatingToolbar;
         if (!extendFloatingToolbar) {
           return null;
         }
@@ -353,8 +369,8 @@ var Toolbar = /*#__PURE__*/function (_Component) {
   // this prevents https://product-fabric.atlassian.net/browse/ED-10207
   (0, _createClass2.default)(Toolbar, [{
     key: "resetStyling",
-    value: function resetStyling(_ref3) {
-      var table = _ref3.table;
+    value: function resetStyling(_ref4) {
+      var table = _ref4.table;
       if (this.props.editorView) {
         var _this$props$editorVie2 = this.props.editorView,
           state = _this$props$editorVie2.state,

package/dist/cjs/plugins/floating-toolbar/utils.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.compareArrays = void 0;
 exports.findNode = findNode;
-exports.getFirstFocusableElement = getFirstFocusableElement;
-exports.getFocusableElements = getFocusableElements;
 exports.shallowEqual = void 0;
 var shallowEqual = function shallowEqual(objA, objB) {
   if (objA === objB) {
@@ -62,14 +60,4 @@ function findNode(parent, predicate) {
     return true;
   });
   return matchedNode;
-}
-function getFocusableElements(rootNode) {
-  if (!rootNode) {
-    return [];
-  }
-  var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select') || [];
-  return Array.from(focusableModalElements) || [];
-}
-function getFirstFocusableElement(rootNode) {
-  return getFocusableElements(rootNode)[0];
 }

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

@@ -3,17 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createPlugin = createPlugin;
 exports.default = void 0;
 var _adfSchema = require("@atlaskit/adf-schema");
-var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _pluginKey = require("./plugin-key");
 var _fragmentConsistency = require("./pm-plugins/fragment-consistency");
-function createPlugin() {
-  return new _safePlugin.SafePlugin({
-    key: _pluginKey.pluginKey
-  });
-}
 var fragmentMarkPlugin = function fragmentMarkPlugin() {
   return {
     name: 'fragmentPlugin',

package/dist/cjs/plugins/help-dialog/commands.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stopPropagationCommand = exports.openHelpCommand = exports.closeHelpCommand = void 0;
+exports.openHelpCommand = exports.closeHelpCommand = void 0;
 var _pluginKey = require("./plugin-key");
 var openHelpCommand = function openHelpCommand(tr, dispatch) {
   tr = tr.setMeta(_pluginKey.pluginKey, true);
@@ -18,8 +18,4 @@ var closeHelpCommand = function closeHelpCommand(tr, dispatch) {
   tr = tr.setMeta(_pluginKey.pluginKey, false);
   dispatch(tr);
 };
-exports.closeHelpCommand = closeHelpCommand;
-var stopPropagationCommand = function stopPropagationCommand(e) {
-  return e.stopPropagation();
-};
-exports.stopPropagationCommand = stopPropagationCommand;
+exports.closeHelpCommand = closeHelpCommand;

package/dist/cjs/plugins/image-upload/pm-plugins/main.js

@@ -16,15 +16,50 @@ var _commands = require("./commands");
 var _pluginKey = require("./plugin-key");
 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; }
+/**
+ * Microsoft Office includes a screenshot image when copying text content.
+ *
+ * This function determines whether or not we can ignore the image if it
+ * came from MS Office. We do this by checking for
+ *
+ * - plain text
+ * - HTML text which includes the MS Office namespace
+ * - the number of files and the file name/type
+ *
+ * It is easy to manually verify this using by using Office on Mac
+ * (or Excel if on Windows) and pasting into
+ * https://evercoder.github.io/clipboard-inspector/
+ *
+ * Note: image content in Word is stored in the `text/html` portion
+ * of the clipboard, not under `files` attachment like the screenshot.
+ *
+ * @returns boolean True if the paste event contains a screenshot from MS Office
+ */
+var hasScreenshotImageFromMSOffice = function hasScreenshotImageFromMSOffice(ev) {
+  var _ref = ev,
+    clipboardData = _ref.clipboardData;
+  if (!clipboardData || clipboardData.files.length !== 1) {
+    return false;
+  }
+  var textPlain = !!clipboardData.getData('text/plain');
+  var textHtml = clipboardData.getData('text/html');
+  var isOfficeXMLNamespace = textHtml.includes('urn:schemas-microsoft-com:office:office');
+  var file = clipboardData.files[0];
+  var isImagePNG = file.type === 'image/png' && file.name === 'image.png';
+  return isImagePNG && textPlain && isOfficeXMLNamespace;
+};
 var createDOMHandler = function createDOMHandler(pred, eventName) {
   return function (view, event) {
     if (!pred(event)) {
       return false;
     }
-    event.preventDefault();
-    event.stopPropagation();
-    (0, _commands.startImageUpload)(event)(view.state, view.dispatch);
-    return true;
+    var shouldUpload = !hasScreenshotImageFromMSOffice(event);
+    if (shouldUpload) {
+      event.preventDefault();
+      event.stopPropagation();
+      (0, _commands.startImageUpload)(event)(view.state, view.dispatch);
+    }
+    return shouldUpload;
   };
 };
 var getNewActiveUpload = function getNewActiveUpload(tr, pluginState) {
@@ -36,9 +71,9 @@ var getNewActiveUpload = function getNewActiveUpload(tr, pluginState) {
   }
   return pluginState.activeUpload;
 };
-var createPlugin = function createPlugin(_ref) {
-  var dispatch = _ref.dispatch,
-    providerFactory = _ref.providerFactory;
+var createPlugin = function createPlugin(_ref2) {
+  var dispatch = _ref2.dispatch,
+    providerFactory = _ref2.providerFactory;
   var uploadHandler;
   return new _safePlugin.SafePlugin({
     state: {
@@ -68,7 +103,7 @@ var createPlugin = function createPlugin(_ref) {
     key: _pluginKey.stateKey,
     view: function view() {
       var handleProvider = /*#__PURE__*/function () {
-        var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(name, provider) {
+        var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(name, provider) {
           return _regenerator.default.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
@@ -98,7 +133,7 @@ var createPlugin = function createPlugin(_ref) {
           }, _callee, null, [[2, 8]]);
         }));
         return function handleProvider(_x, _x2) {
-          return _ref2.apply(this, arguments);
+          return _ref3.apply(this, arguments);
         };
       }();
       providerFactory.subscribe('imageUploadProvider', handleProvider);
@@ -110,9 +145,12 @@ var createPlugin = function createPlugin(_ref) {
           // if we've add a new upload to the state, execute the uploadHandler
           var oldState = _pluginKey.stateKey.getState(prevState);
           if (currentState.activeUpload !== oldState.activeUpload && currentState.activeUpload && uploadHandler) {
-            uploadHandler(currentState.activeUpload.event, function (options) {
-              return (0, _commands.insertExternalImage)(options)(view.state, view.dispatch);
-            });
+            var event = currentState.activeUpload.event;
+            if (!event || !hasScreenshotImageFromMSOffice(event)) {
+              uploadHandler(event, function (options) {
+                return (0, _commands.insertExternalImage)(options)(view.state, view.dispatch);
+              });
+            }
           }
         },
         destroy: function destroy() {

package/dist/cjs/plugins/layout/styles.js

@@ -21,10 +21,19 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
+var _components = require("@atlaskit/theme/components");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _types = require("@atlaskit/editor-plugin-table/types");
 var _consts = require("@atlaskit/editor-plugin-table/ui/consts");
 var _templateObject;
-var layoutStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", " [data-layout-section] {\n      margin: ", "px -", "px 0;\n      transition: border-color 0.3s ", ";\n      cursor: pointer;\n\n      /* Inner cursor located 26px from left */\n      [data-layout-column] {\n        flex: 1;\n        min-width: 0;\n        border: ", "px solid\n          ", ";\n        border-radius: 4px;\n        padding: ", "px;\n        box-sizing: border-box;\n\n        > div {\n          > :not(style):first-child,\n          > style:first-child + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child + *,\n          > style:first-child + .ProseMirror-gapcursor + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child + span + *,\n          > style:first-child + .ProseMirror-gapcursor:first-child + span + * {\n            margin-top: 0;\n          }\n\n          > .embedCardView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor.-right:first-child\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > style:first-child\n            + .ProseMirror-gapcursor.-right\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > .ProseMirror-gapcursor.-right:first-of-type\n            + .embedCardView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > style:first-child\n            + .ProseMirror-gapcursor\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          /* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n          > [data-node-type='decisionList'] {\n            li:first-of-type [data-decision-wrapper] {\n              margin-top: 0;\n            }\n          }\n        }\n\n        /* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n        [data-layout-content] {\n          height: 100%;\n          cursor: text;\n        }\n      }\n\n      [data-layout-column] + [data-layout-column] {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        [data-layout-column] + [data-layout-column] {\n          margin-left: 0;\n        }\n      }\n\n      // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n      // This is because the default state already uses the same token and, as such, the hover style won't change anything.\n      // https://product-fabric.atlassian.net/browse/DSP-4441\n      /* Shows the border when cursor is inside a layout */\n      &.selected [data-layout-column],\n      &:hover [data-layout-column] {\n        border-color: ", ";\n      }\n\n      &.selected.danger > [data-layout-column] {\n        background-color: ", ";\n        border-color: ", ";\n      }\n\n      &.", ":not(.danger) {\n        [data-layout-column] {\n          ", "\n        }\n      }\n    }\n  }\n\n  .fabric-editor--full-width-mode .ProseMirror {\n    [data-layout-section] {\n      .", " {\n        margin: 0 ", "px;\n      }\n    }\n  }\n"])), _styles.columnLayoutSharedStyle, (0, _constants.gridSize)() - 1, _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorSelectedBorderSize, "var(--ds-border, ".concat(_colors.N40A, ")"), _styles.LAYOUT_COLUMN_PADDING, _styles.LAYOUT_SECTION_MARGIN, _editorSharedStyles.gridMediumMaxWidth, "var(--ds-border, ".concat(_colors.N50A, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Border, _editorSharedStyles.SelectionStyle.Blanket]), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode);
+var layoutStyles = function layoutStyles(props) {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", " [data-layout-section] {\n      margin: ", "px -", "px 0;\n      transition: border-color 0.3s ", ";\n      cursor: pointer;\n\n      /* Inner cursor located 26px from left */\n      [data-layout-column] {\n        flex: 1;\n        min-width: 0;\n        border: ", "px solid\n          ", ";\n        border-radius: 4px;\n        padding: ", "px;\n        box-sizing: border-box;\n\n        > div {\n          > :not(style):first-child,\n          > style:first-child + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child + *,\n          > style:first-child + .ProseMirror-gapcursor + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child + span + *,\n          > style:first-child + .ProseMirror-gapcursor:first-child + span + * {\n            margin-top: 0;\n          }\n\n          > .embedCardView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor.-right:first-child\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > style:first-child\n            + .ProseMirror-gapcursor.-right\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > .ProseMirror-gapcursor.-right:first-of-type\n            + .embedCardView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-child\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item,\n          > style:first-child\n            + .ProseMirror-gapcursor\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          /* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n          > [data-node-type='decisionList'] {\n            li:first-of-type [data-decision-wrapper] {\n              margin-top: 0;\n            }\n          }\n        }\n\n        /* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n        [data-layout-content] {\n          height: 100%;\n          cursor: text;\n        }\n      }\n\n      [data-layout-column] + [data-layout-column] {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        [data-layout-column] + [data-layout-column] {\n          margin-left: 0;\n        }\n      }\n\n      // TODO: Remove the border styles below once design tokens have been enabled and fallbacks are no longer triggered.\n      // This is because the default state already uses the same token and, as such, the hover style won't change anything.\n      // https://product-fabric.atlassian.net/browse/DSP-4441\n      /* Shows the border when cursor is inside a layout */\n      &.selected [data-layout-column],\n      &:hover [data-layout-column] {\n        border: ", "px solid\n          ", ";\n      }\n\n      &.selected.danger > [data-layout-column] {\n        background-color: ", ";\n        border-color: ", ";\n      }\n\n      &.", ":not(.danger) {\n        [data-layout-column] {\n          ", "\n        }\n      }\n    }\n  }\n\n  .fabric-editor--full-width-mode .ProseMirror {\n    [data-layout-section] {\n      .", " {\n        margin: 0 ", "px;\n      }\n    }\n  }\n"])), _styles.columnLayoutSharedStyle, (0, _constants.gridSize)() - 1, _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorSelectedBorderSize, (0, _components.themed)({
+    light: "var(--ds-border, ".concat(_colors.N40A, ")"),
+    dark: "var(--ds-border, ".concat(_colors.DN70, ")")
+  })(props), _styles.LAYOUT_COLUMN_PADDING, _styles.LAYOUT_SECTION_MARGIN, _editorSharedStyles.gridMediumMaxWidth, _editorSharedStyles.akEditorSelectedBorderSize, (0, _components.themed)({
+    light: "var(--ds-border, ".concat(_colors.N50A, ")"),
+    dark: "var(--ds-border, ".concat(_colors.DN80, ")")
+  })(props), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Border, _editorSharedStyles.SelectionStyle.Blanket]), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode);
+};
 exports.layoutStyles = layoutStyles;

package/dist/cjs/plugins/list/utils/find.js

@@ -3,39 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findFirstNestedList = findFirstNestedList;
 exports.findFirstParentListItemNode = findFirstParentListItemNode;
 exports.findFirstParentListNode = findFirstParentListNode;
 exports.findRootParentListNode = findRootParentListNode;
 var _prosemirrorUtils = require("prosemirror-utils");
 var _node = require("./node");
-function findFirstNestedList($pos) {
-  var currentNode = $pos.doc.nodeAt($pos.pos);
-  var currentListItemPos = null;
-  if ((0, _node.isListItemNode)(currentNode)) {
-    currentListItemPos = $pos.pos;
-  } else {
-    var result = (0, _prosemirrorUtils.findParentNodeClosestToPos)($pos, _node.isListItemNode);
-    currentListItemPos = (result === null || result === void 0 ? void 0 : result.pos) || null;
-  }
-  if (!currentListItemPos) {
-    return null;
-  }
-  var currentListItemNode = $pos.doc.nodeAt(currentListItemPos);
-  if (!currentListItemNode) {
-    return null;
-  }
-  var lastListItemChild = currentListItemNode.child(currentListItemNode.childCount - 1);
-  if (!(0, _node.isListNode)(lastListItemChild)) {
-    return null;
-  }
-  var firstNestedListPosition = currentListItemNode.nodeSize - lastListItemChild.nodeSize;
-  var firstNestedListNode = $pos.doc.nodeAt(firstNestedListPosition);
-  if (!(0, _node.isListNode)(firstNestedListNode)) {
-    return null;
-  }
-  return $pos.doc.resolve(firstNestedListPosition);
-}
 function findFirstParentListNode($pos) {
   var currentNode = $pos.doc.nodeAt($pos.pos);
   var listNodePosition = null;

package/dist/cjs/plugins/list/utils/indentation.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasValidListIndentationLevel = exports.getNextSiblingListItemPosition = exports.getListLiftTarget = void 0;
+exports.hasValidListIndentationLevel = exports.getListLiftTarget = void 0;
 var _selection = require("./selection");
 var _node = require("./node");
 // This will return (depth - 1) for root list parent of a list.
@@ -21,30 +21,6 @@ var getListLiftTarget = function getListLiftTarget(resPos) {
   return target - 1;
 };
 exports.getListLiftTarget = getListLiftTarget;
-var getNextSiblingListItemPosition = function getNextSiblingListItemPosition($pos) {
-  var _$pos$doc$nodeAt;
-  var target = $pos.depth;
-  var found = false;
-  for (var i = $pos.depth; i > 0; i--) {
-    var node = $pos.node(i);
-    if ((0, _node.isListItemNode)(node)) {
-      target = i;
-      found = true;
-    }
-    if (found) {
-      break;
-    }
-  }
-  var listItemPosition = target - 1;
-  var listItemNodePosition = ((_$pos$doc$nodeAt = $pos.doc.nodeAt(listItemPosition)) === null || _$pos$doc$nodeAt === void 0 ? void 0 : _$pos$doc$nodeAt.nodeSize) || 0;
-  var nextListItemPosition = listItemPosition + listItemNodePosition;
-  var nextListItemNode = $pos.doc.nodeAt(nextListItemPosition);
-  if (nextListItemNode) {
-    return $pos.doc.resolve(nextListItemPosition);
-  }
-  return null;
-};
-exports.getNextSiblingListItemPosition = getNextSiblingListItemPosition;
 var hasValidListIndentationLevel = function hasValidListIndentationLevel(_ref) {
   var tr = _ref.tr,
     maxIndentation = _ref.maxIndentation;

package/dist/cjs/plugins/list/utils/node.js

@@ -5,16 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.JoinDirection = void 0;
 exports.isBulletList = isBulletList;
-exports.isDocumentNode = isDocumentNode;
 exports.isListItemNode = isListItemNode;
 exports.isListNode = isListNode;
-exports.isListNodeValidContent = isListNodeValidContent;
 exports.isParagraphNode = isParagraphNode;
 exports.joinSiblingLists = void 0;
 var _prosemirrorModel = require("prosemirror-model");
-function isDocumentNode(node) {
-  return Boolean(node && node.type && node.type.name === 'doc');
-}
 function isListNode(node) {
   return Boolean(node && node.type && ['orderedList', 'bulletList'].includes(node.type.name));
 }

package/dist/cjs/plugins/list/utils/selection.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectionContainsList = exports.resolvePositionToStartOfListItem = exports.resolvePositionToEndOfListItem = exports.numberNestedLists = exports.normalizeListItemsSelection = exports.isWrappingPossible = exports.isPosInsideParagraph = exports.isPosInsideList = exports.isInsideTableCell = exports.isInsideListItem = exports.getListItemAttributes = exports.createListNodeRange = exports.createListItemNodeRange = exports.canJoinToPreviousListItem = void 0;
+exports.selectionContainsList = exports.numberNestedLists = exports.normalizeListItemsSelection = exports.isWrappingPossible = exports.isPosInsideParagraph = exports.isPosInsideList = exports.isInsideTableCell = exports.isInsideListItem = exports.getListItemAttributes = exports.createListNodeRange = exports.canJoinToPreviousListItem = void 0;
 var _prosemirrorTransform = require("prosemirror-transform");
 var _prosemirrorState = require("prosemirror-state");
 var _prosemirrorUtils = require("prosemirror-utils");
@@ -128,13 +128,11 @@ var resolvePositionToStartOfListItem = function resolvePositionToStartOfListItem
   var fromPosition = fromRange && $pos.textOffset === 0 && fromRange.end - 1 === $pos.pos ? _prosemirrorState.Selection.near($pos.doc.resolve(fromRange.end + 1), 1).$from : $pos;
   return fromPosition;
 };
-exports.resolvePositionToStartOfListItem = resolvePositionToStartOfListItem;
 var resolvePositionToEndOfListItem = function resolvePositionToEndOfListItem($pos) {
   var toRange = $pos.blockRange($pos, _node.isListItemNode);
   var toPosition = toRange && $pos.textOffset === 0 && toRange.start + 1 === $pos.pos ? _prosemirrorState.Selection.near($pos.doc.resolve(toRange.start - 1), -1).$to : $pos;
   return toPosition;
 };
-exports.resolvePositionToEndOfListItem = resolvePositionToEndOfListItem;
 var createListNodeRange = function createListNodeRange(_ref2) {
   var selection = _ref2.selection;
   var $from = selection.$from,
@@ -145,15 +143,4 @@ var createListNodeRange = function createListNodeRange(_ref2) {
   }
   return range;
 };
-exports.createListNodeRange = createListNodeRange;
-var createListItemNodeRange = function createListItemNodeRange(_ref3) {
-  var selection = _ref3.selection;
-  var $from = selection.$from,
-    $to = selection.$to;
-  var range = $from.blockRange($to, _node.isListItemNode);
-  if (!range) {
-    return null;
-  }
-  return range;
-};
-exports.createListItemNodeRange = createListItemNodeRange;
+exports.createListNodeRange = createListNodeRange;

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

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.copyOptionalAttrsFromMediaState = void 0;
-exports.endPositionForMedia = endPositionForMedia;
-exports.unwrapNestedMediaElements = exports.transformSliceToCorrectMediaWrapper = exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.posOfMediaGroupBelow = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaNodeFromSelection = void 0;
+exports.unwrapNestedMediaElements = exports.transformSliceToCorrectMediaWrapper = exports.splitMediaGroup = exports.removeMediaNode = exports.posOfPrecedingMediaGroup = exports.posOfParentMediaGroup = exports.posOfMediaGroupNearby = exports.isSelectionNonMediaBlockNode = exports.isSelectionMediaSingleNode = exports.isMediaBlobUrlFromAttrs = exports.isInsidePotentialEmptyParagraph = exports.getMediaNodeFromSelection = exports.copyOptionalAttrsFromMediaState = void 0;
 var _prosemirrorCommands = require("prosemirror-commands");
-var _prosemirrorModel = require("prosemirror-model");
 var _prosemirrorState = require("prosemirror-state");
 var _prosemirrorUtils = require("prosemirror-utils");
 var _commands = require("../../../commands");
@@ -110,7 +107,6 @@ var posOfMediaGroupBelow = function posOfMediaGroupBelow(state, $pos) {
   }
   return;
 };
-exports.posOfMediaGroupBelow = posOfMediaGroupBelow;
 var posOfParentMediaGroup = function posOfParentMediaGroup(state, $pos) {
   var prepend = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var $from = state.selection.$from;
@@ -120,22 +116,7 @@ var posOfParentMediaGroup = function posOfParentMediaGroup(state, $pos) {
   }
   return;
 };
-
-/**
- * The function will return the position after current selection where mediaGroup can be inserted.
- */
 exports.posOfParentMediaGroup = posOfParentMediaGroup;
-function endPositionForMedia(state, resolvedPos) {
-  var mediaGroup = state.schema.nodes.mediaGroup;
-  var i = resolvedPos.depth;
-  for (; i > 1; i--) {
-    var nodeType = resolvedPos.node(i).type;
-    if (nodeType.validContent(_prosemirrorModel.Fragment.from(mediaGroup.create()))) {
-      break;
-    }
-  }
-  return resolvedPos.end(i) + 1;
-}
 var removeMediaNode = function removeMediaNode(view, node, getPos) {
   var id = node.attrs.id;
   var state = view.state;

package/dist/cjs/plugins/mentions/nodeviews/mention.js

@@ -1,36 +1,120 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MentionNodeView = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _Mention = _interopRequireDefault(require("../ui/Mention"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../messages");
-var MentionAssistiveTextComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var mentionedName = _ref.mentionedName;
+var _mention = require("@atlaskit/mention");
+var _types = require("@atlaskit/mention/types");
+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; }
+var UNKNOWN_USER_ID = '_|unknown|_';
+var MentionAssistiveTextComponent = function MentionAssistiveTextComponent(_ref) {
+  var id = _ref.id,
+    text = _ref.text,
+    providers = _ref.providers,
+    accessLevel = _ref.accessLevel,
+    mentionProvider = _ref.mentionProvider;
+  var _useState = (0, _react.useState)(text),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    resolvedName = _useState2[0],
+    setResolvedName = _useState2[1];
   var intl = (0, _reactIntlNext.useIntl)();
-  return /*#__PURE__*/_react.default.createElement("span", {
+  var processName = function processName(name) {
+    if (name.status === _mention.MentionNameStatus.OK) {
+      return "@".concat(name.name || '');
+    } else {
+      return "@".concat(UNKNOWN_USER_ID);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (mentionProvider) {
+      mentionProvider.then( /*#__PURE__*/function () {
+        var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(provider) {
+          var nameDetail;
+          return _regenerator.default.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (!(!text && (0, _mention.isResolvingMentionProvider)(provider))) {
+                    _context.next = 13;
+                    break;
+                  }
+                  nameDetail = provider.resolveMentionName(id);
+                  if (!(0, _types.isPromise)(nameDetail)) {
+                    _context.next = 10;
+                    break;
+                  }
+                  _context.t0 = processName;
+                  _context.next = 6;
+                  return nameDetail;
+                case 6:
+                  _context.t1 = _context.sent;
+                  return _context.abrupt("return", (0, _context.t0)(_context.t1));
+                case 10:
+                  return _context.abrupt("return", processName(nameDetail));
+                case 11:
+                  _context.next = 14;
+                  break;
+                case 13:
+                  return _context.abrupt("return", text);
+                case 14:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }()).then(function (resolvedName) {
+        setResolvedName(resolvedName);
+      });
+    }
+  }, [id, text, mentionProvider]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: 'assistive'
-  }, "".concat(intl.formatMessage(_messages.messages.mentionsNodeLabel), " ").concat(mentionedName));
-});
+  }, "".concat(intl.formatMessage(_messages.messages.mentionsNodeLabel), " ").concat(resolvedName)), /*#__PURE__*/_react.default.createElement("span", {
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement(_Mention.default, {
+    id: id,
+    text: resolvedName,
+    accessLevel: accessLevel,
+    providers: providers
+  })));
+};
 var MentionNodeView = function MentionNodeView(props) {
   var providerFactory = props.providerFactory;
   var _props$node$attrs = props.node.attrs,
     id = _props$node$attrs.id,
     text = _props$node$attrs.text,
     accessLevel = _props$node$attrs.accessLevel;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(MentionAssistiveTextComponent, {
-    mentionedName: text
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement(_Mention.default, {
-    id: id,
-    text: text,
-    accessLevel: accessLevel,
-    providers: providerFactory
-  })));
+  var renderAssistiveTextWithProviders = function renderAssistiveTextWithProviders(providers) {
+    var _ref3 = providers,
+      mentionProvider = _ref3.mentionProvider;
+    return /*#__PURE__*/_react.default.createElement(MentionAssistiveTextComponent, {
+      mentionProvider: mentionProvider,
+      id: id,
+      text: text,
+      providers: providerFactory,
+      accessLevel: accessLevel
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
+    providers: ['mentionProvider', 'profilecardProvider'],
+    providerFactory: providerFactory,
+    renderNode: renderAssistiveTextWithProviders
+  });
 };
 exports.MentionNodeView = MentionNodeView;

package/dist/cjs/plugins/mentions/type-ahead/index.js

@@ -16,7 +16,6 @@ var _prosemirrorModel = require("prosemirror-model");
 var _resource = require("@atlaskit/mention/resource");
 var _item = require("@atlaskit/mention/item");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
-var _spotlight = require("@atlaskit/mention/spotlight");
 var _analytics = require("../analytics");
 var _InviteItem = _interopRequireWildcard(require("../ui/InviteItem"));
 var _utils = require("../utils");
@@ -143,9 +142,7 @@ var buildAndSendElementsTypeAheadAnalytics = function buildAndSendElementsTypeAh
     fireEvent(payload);
   };
 };
-var isTeamMentionProvider = function isTeamMentionProvider(p) {
-  return !!(p.mentionTypeaheadHighlightEnabled && p.mentionTypeaheadCreateTeamPath);
-};
+
 /**
  * When a team mention is selected, we render a team link and list of member/user mentions
  * in editor content
@@ -211,19 +208,6 @@ var createTypeAheadConfig = function createTypeAheadConfig(_ref6) {
       if (CustomHighlightComponent) {
         return /*#__PURE__*/_react.default.createElement(CustomHighlightComponent, null);
       }
-      var pluginState = (0, _utils2.getMentionPluginState)(state);
-      var provider = pluginState.mentionProvider;
-      if (provider) {
-        var teamMentionProvider = provider;
-        if (isTeamMentionProvider(teamMentionProvider) && teamMentionProvider.mentionTypeaheadHighlightEnabled()) {
-          return /*#__PURE__*/_react.default.createElement(_spotlight.TeamMentionHighlight, {
-            createTeamLink: teamMentionProvider.mentionTypeaheadCreateTeamPath(),
-            onClose: function onClose() {
-              return _spotlight.TeamMentionHighlightController.registerClosed();
-            }
-          });
-        }
-      }
       return null;
     },
     getItems: function getItems(_ref7) {
@@ -325,7 +309,6 @@ var createTypeAheadConfig = function createTypeAheadConfig(_ref6) {
       }), query, pluginState.contextIdentifierProvider));
       sessionId = (0, _uuid.default)();
       if (mentionProvider && (0, _utils.isTeamType)(userType)) {
-        _spotlight.TeamMentionHighlightController.registerTeamMention();
         return insert(buildNodesForTeamMention(schema, item.mention, mentionProvider, sanitizePrivateContent));
       }