@atlaskit/editor-core 151.2.1 → 153.0.0

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapContentFromLayout = unwrapContentFromLayout;
 exports.removeLayoutFromFirstChild = removeLayoutFromFirstChild;
 exports.removeLayoutFromLastChild = removeLayoutFromLastChild;
 exports.transformSliceToRemoveOpenLayoutNodes = transformSliceToRemoveOpenLayoutNodes;
+exports.unwrapContentFromLayout = unwrapContentFromLayout;
 
 var _prosemirrorModel = require("prosemirror-model");
 

package/dist/cjs/plugins/list/actions/conversions.js

@@ -17,6 +17,8 @@ var _node = require("../utils/node");
 
 var _utils = require("../../../utils");
 
+var _find = require("../utils/find");
+
 function convertListType(_ref) {
   var tr = _ref.tr,
       nextListNodeType = _ref.nextListNodeType;
@@ -42,84 +44,50 @@ function convertListType(_ref) {
   var parentNode = nodeRangeAroundList.parent;
   var startIndex = nodeRangeAroundList.startIndex,
       endIndex = nodeRangeAroundList.endIndex,
-      depth = nodeRangeAroundList.depth;
-  var before = {
-    from: !(0, _node.isListNode)(parentNode.child(startIndex)) ? // @ts-ignore
-    doc.resolve(nodeRangeAroundList.$from.posAtIndex(startIndex, depth) + 1) : null,
-    to: null
-  };
-  var after = {
-    from: null,
-    to: !(0, _node.isListNode)(parentNode.child(endIndex - 1)) ? doc.resolve( // @ts-ignore
-    nodeRangeAroundList.$from.posAtIndex(endIndex - 1, depth) + 1) : null
-  };
-  var isListNodeFound = false;
-  var firstEmptyParagraphAfterListFound = false;
-
-  for (var i = startIndex; i < endIndex; i++) {
-    // @ts-ignore posAtIndex is a public API but has no type yet
-    var position = nodeRangeAroundList.$from.posAtIndex(i, depth);
-    var resolvedPosition = doc.resolve(position);
-
-    if ((0, _utils.isEmptyParagraph)(parentNode.child(i)) && !isListNodeFound) {
-      before.from = doc.resolve( // @ts-ignore posAtIndex is a public API but has no type yet
-      nodeRangeAroundList.$from.posAtIndex(i, depth) + 2);
-    }
-
-    if ((0, _utils.isEmptyParagraph)(parentNode.child(i)) && isListNodeFound && !firstEmptyParagraphAfterListFound) {
-      after.to = resolvedPosition;
-      firstEmptyParagraphAfterListFound = true;
-    }
-
-    if (!(0, _node.isListNode)(parentNode.child(i)) && !isListNodeFound) {
-      before.to = doc.resolve(resolvedPosition.pos + 1);
-    } else if (!isListNodeFound) {
-      isListNodeFound = true;
-      var endNodePosition = doc.resolve(resolvedPosition.pos + 1).end() + 1;
-
-      if (doc.resolve(endNodePosition).nodeAfter) {
-        after.from = doc.resolve(endNodePosition + 1);
+      depth = nodeRangeAroundList.depth; // Checking for invalid nodes to prevent conversion
+  // eg. a panel cannot be wrapped in a list so return
+  // It will skip this check if the selection begins within a list
+  // This is to match the behaviour of the toolbar buttons being disabled
+
+  if (!(0, _find.findFirstParentListNode)($from)) {
+    for (var i = startIndex; i < endIndex; i++) {
+      var position = nodeRangeAroundList.$from.posAtIndex(i, depth);
+      var resolvedPosition = doc.resolve(position);
+      var currentChild = parentNode.child(i);
+      var currentNodeRange = resolvedPosition.blockRange(tr.doc.resolve(position + currentChild.nodeSize));
+
+      if (currentNodeRange && !(0, _node.isListNode)(currentChild) && !(0, _prosemirrorTransform.findWrapping)(currentNodeRange, nextListNodeType)) {
+        return;
       }
     }
-  }
+  } // Checking for any non list nodes and wrapping them in a list
+  // so they can be converted
 
-  var beforeConversionArgs, beforeRange, afterConversionArgs, afterRange;
 
-  if (after.from && after.to) {
-    var mappedFrom = tr.mapping.map(after.from.pos);
-    var mappedTo = tr.mapping.map(after.to.pos);
-    afterRange = new _prosemirrorModel.NodeRange(tr.doc.resolve(mappedFrom), tr.doc.resolve(mappedTo), nodeRangeAroundList.depth);
-    afterConversionArgs = {
-      tr: tr,
-      nextListNodeType: nextListNodeType,
-      nodeRange: afterRange
-    };
-  }
+  tr.doc.nodesBetween(nodeRangeAroundList.start, nodeRangeAroundList.end, function (node, pos) {
+    // Skip over any nodes that are part of a list
+    if ((0, _find.findFirstParentListNode)(tr.doc.resolve(tr.mapping.map(pos)))) {
+      return false;
+    } // The following applies to suitable nodes that are not within a list
 
-  if (before.from && before.to) {
-    var _mappedFrom = tr.mapping.map(before.from.pos);
 
-    var _mappedTo = tr.mapping.map(before.to.pos);
+    var currentNodeNotWrappedInList = node;
+    var isNotAnEmptyParagraphAndIsParagraphOrLeafNode = !(0, _utils.isEmptyParagraph)(currentNodeNotWrappedInList) && (!node.type.isBlock || node.type.name === 'paragraph');
 
-    beforeRange = new _prosemirrorModel.NodeRange(tr.doc.resolve(_mappedFrom), tr.doc.resolve(_mappedTo), nodeRangeAroundList.depth);
-    beforeConversionArgs = {
-      tr: tr,
-      nextListNodeType: nextListNodeType,
-      nodeRange: beforeRange
-    };
-  }
-
-  if (!afterRange && !beforeRange || afterRange && !(0, _prosemirrorTransform.findWrapping)(afterRange, nextListNodeType) || beforeRange && !(0, _prosemirrorTransform.findWrapping)(beforeRange, nextListNodeType)) {
-    return;
-  }
-
-  if (afterConversionArgs) {
-    convertAroundList(afterConversionArgs);
-  }
-
-  if (beforeConversionArgs) {
-    convertAroundList(beforeConversionArgs);
-  }
+    if (isNotAnEmptyParagraphAndIsParagraphOrLeafNode) {
+      var remainingNodeRange = new _prosemirrorModel.NodeRange(tr.doc.resolve(tr.mapping.map(pos)), tr.doc.resolve(tr.mapping.map(pos) + currentNodeNotWrappedInList.nodeSize), nodeRangeAroundList.depth);
+      convertAroundList({
+        tr: tr,
+        nextListNodeType: nextListNodeType,
+        nodeRange: remainingNodeRange
+      });
+      return false;
+    }
+  });
+  convertSelectedList({
+    tr: tr,
+    nextListNodeType: nextListNodeType
+  });
 
   if (tr.docChanged) {
     (0, _node.joinSiblingLists)({

package/dist/cjs/plugins/list/actions/join-list-items-scenarios/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "joinParagrapWithList", {
+Object.defineProperty(exports, "joinListItemWithParagraph", {
   enumerable: true,
   get: function get() {
-    return _joinParagraphWithList.joinParagrapWithList;
+    return _joinListItemWithParagraph.joinListItemWithParagraph;
   }
 });
-Object.defineProperty(exports, "joinSiblingListItems", {
+Object.defineProperty(exports, "joinListItemWithParentNestedList", {
   enumerable: true,
   get: function get() {
-    return _joinSiblingListItems.joinSiblingListItems;
+    return _joinListItemWithParentNestedList.joinListItemWithParentNestedList;
   }
 });
 Object.defineProperty(exports, "joinNestedListWithParentListItem", {
@@ -21,16 +21,16 @@ Object.defineProperty(exports, "joinNestedListWithParentListItem", {
     return _joinNestedListWithParentListItem.joinNestedListWithParentListItem;
   }
 });
-Object.defineProperty(exports, "joinListItemWithParentNestedList", {
+Object.defineProperty(exports, "joinParagrapWithList", {
   enumerable: true,
   get: function get() {
-    return _joinListItemWithParentNestedList.joinListItemWithParentNestedList;
+    return _joinParagraphWithList.joinParagrapWithList;
   }
 });
-Object.defineProperty(exports, "joinListItemWithParagraph", {
+Object.defineProperty(exports, "joinSiblingListItems", {
   enumerable: true,
   get: function get() {
-    return _joinListItemWithParagraph.joinListItemWithParagraph;
+    return _joinSiblingListItems.joinSiblingListItems;
   }
 });
 

package/dist/cjs/plugins/list/commands/index.js

@@ -7,23 +7,24 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toggleList = toggleList;
-exports.toggleBulletList = toggleBulletList;
-exports.toggleOrderedList = toggleOrderedList;
-exports.wrapInList = wrapInList;
-Object.defineProperty(exports, "outdentList", {
+exports.enterKeyCommand = exports.deleteKeyCommand = exports.backspaceKeyCommand = void 0;
+Object.defineProperty(exports, "indentList", {
   enumerable: true,
   get: function get() {
-    return _outdentList.outdentList;
+    return _indentList.indentList;
   }
 });
-Object.defineProperty(exports, "indentList", {
+Object.defineProperty(exports, "outdentList", {
   enumerable: true,
   get: function get() {
-    return _indentList.indentList;
+    return _outdentList.outdentList;
   }
 });
-exports.rootListDepth = exports.deleteKeyCommand = exports.backspaceKeyCommand = exports.enterKeyCommand = void 0;
+exports.rootListDepth = void 0;
+exports.toggleBulletList = toggleBulletList;
+exports.toggleList = toggleList;
+exports.toggleOrderedList = toggleOrderedList;
+exports.wrapInList = wrapInList;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/plugins/list/messages.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 // Common Translations will live here
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   unorderedList: {
     id: 'fabric.editor.unorderedList',
     defaultMessage: 'Bullet list',

package/dist/cjs/plugins/list/pm-plugins/keymap.js

@@ -5,8 +5,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.keymapPlugin = keymapPlugin;
 exports.default = void 0;
+exports.keymapPlugin = keymapPlugin;
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createPlugin = exports.getDecorations = exports.pluginKey = void 0;
+exports.pluginKey = exports.getDecorations = exports.createPlugin = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/plugins/list/transforms.js

@@ -216,11 +216,17 @@ var extractListFromParagraph = function extractListFromParagraph(node, parent, s
     } // Return false to prevent replaceWith from wrapping the text node in a paragraph
     // paragraph since that will be done later. If it's done here, it will fail
     // the paragraph.validContent check.
+    // Dont return false if there are lists, as they arent validContent for paragraphs
+    // and will result in hanging textNodes
 
 
+    var containsList = listified.some(function (node) {
+      return node.type === bulletList || node.type === orderedList;
+    });
+
     if (listified.some(function (node) {
       return node.isText;
-    })) {
+    }) && !containsList) {
       return false;
     }
 

package/dist/cjs/plugins/list/ui/ToolbarLists/index.js

@@ -25,7 +25,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _bulletList = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/bullet-list"));
 
@@ -237,6 +237,6 @@ var ToolbarLists = /*#__PURE__*/function (_PureComponent) {
   return ToolbarLists;
 }(_react.PureComponent);
 
-var _default = (0, _reactIntl.injectIntl)(ToolbarLists);
+var _default = (0, _reactIntlNext.injectIntl)(ToolbarLists);
 
 exports.default = _default;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.countListItemsInSelection = exports.getCommonListAnalyticsAttributes = void 0;
+exports.getCommonListAnalyticsAttributes = exports.countListItemsInSelection = void 0;
 
 var _node = require("./node");
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.findFirstNestedList = findFirstNestedList;
-exports.findFirstParentListNode = findFirstParentListNode;
 exports.findFirstParentListItemNode = findFirstParentListItemNode;
+exports.findFirstParentListNode = findFirstParentListNode;
 exports.findRootParentListNode = findRootParentListNode;
 
 var _prosemirrorUtils = require("prosemirror-utils");

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

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.JoinDirection = void 0;
+exports.isBulletList = isBulletList;
 exports.isDocumentNode = isDocumentNode;
-exports.isListNode = isListNode;
-exports.isParagraphNode = isParagraphNode;
 exports.isListItemNode = isListItemNode;
-exports.isBulletList = isBulletList;
+exports.isListNode = isListNode;
 exports.isListNodeValidContent = isListNodeValidContent;
-exports.joinSiblingLists = exports.JoinDirection = void 0;
+exports.isParagraphNode = isParagraphNode;
+exports.joinSiblingLists = void 0;
 
 var _prosemirrorModel = require("prosemirror-model");
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createListItemNodeRange = exports.createListNodeRange = exports.resolvePositionToEndOfListItem = exports.resolvePositionToStartOfListItem = exports.normalizeListItemsSelection = exports.getListItemAttributes = exports.numberNestedLists = exports.selectionContainsList = exports.canJoinToPreviousListItem = exports.isInsideListItem = exports.isWrappingPossible = exports.isPosInsideList = exports.isPosInsideParagraph = void 0;
+exports.selectionContainsList = exports.resolvePositionToStartOfListItem = exports.resolvePositionToEndOfListItem = exports.numberNestedLists = exports.normalizeListItemsSelection = exports.isWrappingPossible = exports.isPosInsideParagraph = exports.isPosInsideList = exports.isInsideListItem = exports.getListItemAttributes = exports.createListNodeRange = exports.createListItemNodeRange = exports.canJoinToPreviousListItem = void 0;
 
 var _prosemirrorTransform = require("prosemirror-transform");
 

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

@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = exports.createPlugin = void 0;
 Object.defineProperty(exports, "insertMacroFromMacroBrowser", {
   enumerable: true,
   get: function get() {
@@ -29,7 +30,6 @@ Object.defineProperty(exports, "setMacroProvider", {
     return _actions.setMacroProvider;
   }
 });
-exports.default = exports.createPlugin = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/plugins/max-content-size/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createPlugin = createPlugin;
-exports.default = exports.pluginKey = void 0;
+exports.pluginKey = exports.default = void 0;
 
 var _prosemirrorState = require("prosemirror-state");
 

package/dist/cjs/plugins/media/commands/captions.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertAndSelectCaptionFromMediaSinglePos = exports.selectCaptionFromMediaSinglePos = void 0;
+exports.selectCaptionFromMediaSinglePos = exports.insertAndSelectCaptionFromMediaSinglePos = void 0;
 
 var _prosemirrorUtils = require("prosemirror-utils");
 

package/dist/cjs/plugins/media/commands/helpers.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.replaceExternalMedia = exports.updateMediaNodeAttrs = exports.updateAllMediaNodesAttrs = exports.isMobileUploadCompleted = exports.findMediaNode = exports.findAllMediaSingleNodes = exports.findMediaSingleNode = void 0;
+exports.updateMediaNodeAttrs = exports.updateAllMediaNodesAttrs = exports.replaceExternalMedia = exports.isMobileUploadCompleted = exports.findMediaSingleNode = exports.findMediaNode = exports.findAllMediaSingleNodes = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/plugins/media/commands/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "updateMediaNodeAttrs", {
+Object.defineProperty(exports, "replaceExternalMedia", {
   enumerable: true,
   get: function get() {
-    return _helpers.updateMediaNodeAttrs;
+    return _helpers.replaceExternalMedia;
   }
 });
 Object.defineProperty(exports, "updateAllMediaNodesAttrs", {
@@ -15,10 +15,10 @@ Object.defineProperty(exports, "updateAllMediaNodesAttrs", {
     return _helpers.updateAllMediaNodesAttrs;
   }
 });
-Object.defineProperty(exports, "replaceExternalMedia", {
+Object.defineProperty(exports, "updateMediaNodeAttrs", {
   enumerable: true,
   get: function get() {
-    return _helpers.replaceExternalMedia;
+    return _helpers.updateMediaNodeAttrs;
   }
 });
 

package/dist/cjs/plugins/media/commands/linking.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setUrlToMedia = exports.unlink = exports.hideLinkingToolbar = exports.showLinkingToolbarWithMediaTypeCheck = exports.showLinkingToolbar = void 0;
+exports.unlink = exports.showLinkingToolbarWithMediaTypeCheck = exports.showLinkingToolbar = exports.setUrlToMedia = exports.hideLinkingToolbar = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/plugins/media/commands/media-editor.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.uploadAnnotation = exports.setMediaClientConfig = exports.closeMediaEditor = exports.openMediaEditor = void 0;
+exports.uploadAnnotation = exports.setMediaClientConfig = exports.openMediaEditor = exports.closeMediaEditor = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

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

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 Object.defineProperty(exports, "insertMediaSingleNode", {
   enumerable: true,
   get: function get() {
     return _mediaSingle2.insertMediaSingleNode;
   }
 });
-exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -72,11 +72,10 @@ var mediaPlugin = function mediaPlugin(options) {
           allowMediaGroup = _ref$allowMediaGroup === void 0 ? true : _ref$allowMediaGroup,
           _ref$allowMediaSingle = _ref.allowMediaSingle,
           allowMediaSingle = _ref$allowMediaSingle === void 0 ? false : _ref$allowMediaSingle,
-          _ref$allowMediaInline = _ref.allowMediaInline,
-          allowMediaInline = _ref$allowMediaInline === void 0 ? false : _ref$allowMediaInline,
           featureFlags = _ref.featureFlags;
 
       var captions = (0, _mediaCommon.getMediaFeatureFlag)('captions', featureFlags);
+      var allowMediaInline = (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', featureFlags);
       var mediaSingleNode = captions ? _adfSchema.mediaSingleWithCaption : _adfSchema.mediaSingle;
       return [{
         name: 'mediaGroup',
@@ -269,7 +268,7 @@ var mediaPlugin = function mediaPlugin(options) {
       floatingToolbar: function floatingToolbar(state, intl, providerFactory) {
         return (0, _toolbar.floatingToolbar)(state, intl, {
           providerFactory: providerFactory,
-          allowMediaInline: options && options.allowMediaInline,
+          allowMediaInline: options && (0, _mediaCommon.getMediaFeatureFlag)('mediaInline', options.featureFlags),
           allowResizing: options && options.allowResizing,
           allowResizingInTables: options && options.allowResizingInTables,
           allowAnnotation: options && options.allowAnnotation,

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ReactMediaGroupNode = exports.default = void 0;
+exports.default = exports.ReactMediaGroupNode = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -49,6 +49,8 @@ var _pluginKey = require("../pm-plugins/plugin-key");
 
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
 
+var _mediaCommon = require("@atlaskit/media-common");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -181,7 +183,7 @@ var MediaGroup = /*#__PURE__*/function (_React$Component) {
           onClick: function onClick() {
             (0, _utils.setNodeSelection)(_this.props.view, getNodePos());
           }
-        }, mediaInlineOptions(mediaOptions.allowMediaInline));
+        }, mediaInlineOptions((0, _mediaCommon.getMediaFeatureFlag)('mediaInline', mediaOptions.featureFlags)));
       });
 
       return /*#__PURE__*/_react.default.createElement(_mediaFilmstrip.Filmstrip, {
@@ -378,10 +380,11 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
 var ReactMediaGroupNode = function ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return function (node, view, getPos) {
+    var hasIntlContext = true;
     return new MediaGroupNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       mediaOptions: mediaOptions
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 };
 

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

@@ -13,6 +13,8 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -33,6 +35,8 @@ var _mediaCard = require("@atlaskit/media-card");
 
 var _editorCommon = require("@atlaskit/editor-common");
 
+var _styles = require("./styles");
+
 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; }
@@ -92,6 +96,7 @@ var MediaInline = function MediaInline(props) {
     collectionName: collection
   };
   return /*#__PURE__*/_react.default.createElement(_mediaCard.MediaInlineCard, {
+    isSelected: props.isSelected,
     identifier: identifier,
     mediaClientConfig: viewMediaClientConfig
   });
@@ -99,8 +104,8 @@ var MediaInline = function MediaInline(props) {
 
 exports.MediaInline = MediaInline;
 
-var MediaInlineNodeView = /*#__PURE__*/function (_ReactNodeView) {
-  (0, _inherits2.default)(MediaInlineNodeView, _ReactNodeView);
+var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
+  (0, _inherits2.default)(MediaInlineNodeView, _SelectionBasedNodeVi);
 
   var _super = _createSuper(MediaInlineNodeView);
 
@@ -114,6 +119,7 @@ var MediaInlineNodeView = /*#__PURE__*/function (_ReactNodeView) {
     value: function createDomRef() {
       var domRef = document.createElement('span');
       domRef.contentEditable = 'false';
+      domRef.classList.add(_styles.MediaInlineNodeSelector);
       return domRef;
     }
   }, {
@@ -136,7 +142,7 @@ var MediaInlineNodeView = /*#__PURE__*/function (_ReactNodeView) {
         return true;
       }
 
-      return false;
+      return (0, _get2.default)((0, _getPrototypeOf2.default)(MediaInlineNodeView.prototype), "viewShouldUpdate", this).call(this, nextNode);
     }
   }, {
     key: "render",
@@ -157,14 +163,15 @@ var MediaInlineNodeView = /*#__PURE__*/function (_ReactNodeView) {
           return /*#__PURE__*/_react.default.createElement(MediaInline, {
             identifier: _this.node.attrs.id,
             mediaProvider: mediaProvider,
-            node: _this.node
+            node: _this.node,
+            isSelected: _this.nodeInsideSelection()
           });
         }
       });
     }
   }]);
   return MediaInlineNodeView;
-}(_nodeviews.ReactNodeView);
+}(_nodeviews.SelectionBasedNodeView);
 
 exports.MediaInlineNodeView = MediaInlineNodeView;
 

package/dist/cjs/plugins/media/nodeviews/mediaNodeView/index.js

@@ -201,11 +201,12 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
 var ReactMediaNode = function ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory) {
   var mediaOptions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return function (node, view, getPos) {
+    var hasIntlContext = true;
     return new MediaNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
       eventDispatcher: eventDispatcher,
       providerFactory: providerFactory,
       mediaOptions: mediaOptions
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 };
 

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.MediaNode = exports.FILE_WIDTH = exports.MEDIA_HEIGHT = void 0;
+exports.default = exports.MediaNode = exports.MEDIA_HEIGHT = exports.FILE_WIDTH = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));