@atlaskit/editor-core 187.7.2 → 187.8.3

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

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
+var _transform = require("@atlaskit/editor-prosemirror/transform");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _selection = require("@atlaskit/editor-common/selection");
-var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var isPosInsideParagraph = function isPosInsideParagraph($pos) {
   return $pos.parent.type.name === 'paragraph';
 };
 exports.isPosInsideParagraph = isPosInsideParagraph;
 var isPosInsideList = function isPosInsideList($pos) {
   var posGrandParent = $pos.node(-1);
-  return (0, _utils.isListItemNode)($pos.parent) || (0, _utils.isListNode)($pos.parent) || (0, _utils.isListItemNode)(posGrandParent);
+  return (0, _utils2.isListItemNode)($pos.parent) || (0, _utils2.isListNode)($pos.parent) || (0, _utils2.isListItemNode)(posGrandParent);
 };
 exports.isPosInsideList = isPosInsideList;
 var isWrappingPossible = function isWrappingPossible(nodeType, selection) {
@@ -31,7 +31,7 @@ var isWrappingPossible = function isWrappingPossible(nodeType, selection) {
   if (!range) {
     return false;
   }
-  var wrap = (0, _prosemirrorTransform.findWrapping)(range, nodeType);
+  var wrap = (0, _transform.findWrapping)(range, nodeType);
   if (!wrap) {
     return false;
   }
@@ -44,16 +44,16 @@ var isInsideListItem = function isInsideListItem(state) {
   var parent = state.selection.$from.parent;
   var listItem = state.schema.nodes.listItem;
   if (state.selection instanceof _selection.GapCursorSelection) {
-    return (0, _utils.isListItemNode)(parent);
+    return (0, _utils2.isListItemNode)(parent);
   }
-  return (0, _prosemirrorUtils.hasParentNodeOfType)(listItem)(state.selection) && (0, _utils.isParagraphNode)(parent);
+  return (0, _utils.hasParentNodeOfType)(listItem)(state.selection) && (0, _utils2.isParagraphNode)(parent);
 };
 exports.isInsideListItem = isInsideListItem;
 var isInsideTableCell = function isInsideTableCell(state) {
   var _state$schema$nodes = state.schema.nodes,
     tableCell = _state$schema$nodes.tableCell,
     tableHeader = _state$schema$nodes.tableHeader;
-  return !!(0, _prosemirrorUtils.findParentNodeOfType)([tableCell, tableHeader])(state.selection);
+  return !!(0, _utils.findParentNodeOfType)([tableCell, tableHeader])(state.selection);
 };
 exports.isInsideTableCell = isInsideTableCell;
 var canJoinToPreviousListItem = function canJoinToPreviousListItem(state) {
@@ -63,7 +63,7 @@ var canJoinToPreviousListItem = function canJoinToPreviousListItem(state) {
   if (state.selection instanceof _selection.GapCursorSelection) {
     nodeBefore = $from.nodeBefore;
   }
-  return (0, _utils.isListNode)(nodeBefore);
+  return (0, _utils2.isListNode)(nodeBefore);
 };
 exports.canJoinToPreviousListItem = canJoinToPreviousListItem;
 var selectionContainsList = function selectionContainsList(tr) {
@@ -72,7 +72,7 @@ var selectionContainsList = function selectionContainsList(tr) {
     to = _tr$selection.to;
   var foundListNode = null;
   tr.doc.nodesBetween(from, to, function (node) {
-    if ((0, _utils.isListNode)(node)) {
+    if ((0, _utils2.isListNode)(node)) {
       foundListNode = node;
     }
     if (foundListNode) {
@@ -87,7 +87,7 @@ var numberNestedLists = function numberNestedLists(resolvedPos) {
   var count = 0;
   for (var i = resolvedPos.depth - 1; i > 0; i--) {
     var node = resolvedPos.node(i);
-    if ((0, _utils.isListNode)(node)) {
+    if ((0, _utils2.isListNode)(node)) {
       count += 1;
     }
   }
@@ -96,7 +96,7 @@ var numberNestedLists = function numberNestedLists(resolvedPos) {
 exports.numberNestedLists = numberNestedLists;
 var getListItemAttributes = function getListItemAttributes($pos) {
   var indentLevel = numberNestedLists($pos) - 1;
-  var itemAtPos = (0, _prosemirrorUtils.findParentNodeClosestToPos)($pos, _utils.isListItemNode);
+  var itemAtPos = (0, _utils.findParentNodeClosestToPos)($pos, _utils2.isListItemNode);
 
   // Get the index of the current item relative to parent (parent is at item depth - 1)
   var itemIndex = $pos.index(itemAtPos ? itemAtPos.depth - 1 : undefined);
@@ -114,30 +114,30 @@ var normalizeListItemsSelection = function normalizeListItemsSelection(_ref) {
   }
   var $from = selection.$from,
     $to = selection.$to;
-  if (selection instanceof _prosemirrorState.NodeSelection) {
+  if (selection instanceof _state.NodeSelection) {
     var _head = resolvePositionToStartOfListItem($from);
-    return new _prosemirrorState.TextSelection(_head, _head);
+    return new _state.TextSelection(_head, _head);
   }
   var head = resolvePositionToStartOfListItem($from);
   var anchor = resolvePositionToEndOfListItem($to);
-  return new _prosemirrorState.TextSelection(anchor, head);
+  return new _state.TextSelection(anchor, head);
 };
 exports.normalizeListItemsSelection = normalizeListItemsSelection;
 var resolvePositionToStartOfListItem = function resolvePositionToStartOfListItem($pos) {
-  var fromRange = $pos.blockRange($pos, _utils.isListItemNode);
-  var fromPosition = fromRange && $pos.textOffset === 0 && fromRange.end - 1 === $pos.pos ? _prosemirrorState.Selection.near($pos.doc.resolve(fromRange.end + 1), 1).$from : $pos;
+  var fromRange = $pos.blockRange($pos, _utils2.isListItemNode);
+  var fromPosition = fromRange && $pos.textOffset === 0 && fromRange.end - 1 === $pos.pos ? _state.Selection.near($pos.doc.resolve(fromRange.end + 1), 1).$from : $pos;
   return fromPosition;
 };
 var resolvePositionToEndOfListItem = function resolvePositionToEndOfListItem($pos) {
-  var toRange = $pos.blockRange($pos, _utils.isListItemNode);
-  var toPosition = toRange && $pos.textOffset === 0 && toRange.start + 1 === $pos.pos ? _prosemirrorState.Selection.near($pos.doc.resolve(toRange.start - 1), -1).$to : $pos;
+  var toRange = $pos.blockRange($pos, _utils2.isListItemNode);
+  var toPosition = toRange && $pos.textOffset === 0 && toRange.start + 1 === $pos.pos ? _state.Selection.near($pos.doc.resolve(toRange.start - 1), -1).$to : $pos;
   return toPosition;
 };
 var createListNodeRange = function createListNodeRange(_ref2) {
   var selection = _ref2.selection;
   var $from = selection.$from,
     $to = selection.$to;
-  var range = $from.blockRange($to, _utils.isListNode);
+  var range = $from.blockRange($to, _utils2.isListNode);
   if (!range) {
     return null;
   }

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

@@ -9,8 +9,8 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _assert = _interopRequireDefault(require("assert"));
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorUtils = require("prosemirror-utils");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _validator = require("@atlaskit/editor-common/validator");
 var _insert = require("@atlaskit/editor-common/insert");
 var _pluginFactory = require("../extension/plugin-factory");
@@ -56,18 +56,18 @@ var insertMacroFromMacroBrowser = function insertMacroFromMacroBrowser(macroProv
             extensionState = (0, _pluginFactory.getPluginState)(state);
             targetSelectionSource = _extensionEvents.TARGET_SELECTION_SOURCE.CURRENT_SELECTION;
             tr = state.tr;
-            isBodiedExtensionSelected = !!(0, _prosemirrorUtils.findSelectedNodeOfType)([bodiedExtension])(selection); // When it's a bodiedExtension but not selected
+            isBodiedExtensionSelected = !!(0, _utils.findSelectedNodeOfType)([bodiedExtension])(selection); // When it's a bodiedExtension but not selected
             if (macroNode.type === bodiedExtension && !isBodiedExtensionSelected) {
               // `isEditing` is `false` when we are inserting from insert-block toolbar
-              tr = isEditing ? (0, _prosemirrorUtils.replaceParentNodeOfType)(bodiedExtension, node)(tr) : (0, _prosemirrorUtils.safeInsert)(node)(tr);
+              tr = isEditing ? (0, _utils.replaceParentNodeOfType)(bodiedExtension, node)(tr) : (0, _utils.safeInsert)(node)(tr);
               // Replacing selected node doesn't update the selection. `selection.node` still returns the old node
-              tr.setSelection(_prosemirrorState.TextSelection.create(tr.doc, state.selection.anchor));
+              tr.setSelection(_state.TextSelection.create(tr.doc, state.selection.anchor));
             }
             // If any extension is currently selected
-            else if ((0, _prosemirrorUtils.findSelectedNodeOfType)([extension, bodiedExtension, inlineExtension])(selection)) {
-              tr = (0, _prosemirrorUtils.replaceSelectedNode)(node)(tr);
+            else if ((0, _utils.findSelectedNodeOfType)([extension, bodiedExtension, inlineExtension])(selection)) {
+              tr = (0, _utils.replaceSelectedNode)(node)(tr);
               // Replacing selected node doesn't update the selection. `selection.node` still returns the old node
-              tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, tr.mapping.map(state.selection.anchor)));
+              tr.setSelection(_state.NodeSelection.create(tr.doc, tr.mapping.map(state.selection.anchor)));
             }
             // When we loose the selection. This usually happens when Synchrony resets or changes
             // the selection when user is in the middle of updating an extension.
@@ -75,7 +75,7 @@ var insertMacroFromMacroBrowser = function insertMacroFromMacroBrowser(macroProv
               pos = view.posAtDOM(extensionState.element, -1);
               if (pos > -1) {
                 tr = tr.replaceWith(pos, pos + macroNode.nodeSize, node);
-                tr.setSelection(_prosemirrorState.Selection.near(tr.doc.resolve(pos)));
+                tr.setSelection(_state.Selection.near(tr.doc.resolve(pos)));
                 targetSelectionSource = _extensionEvents.TARGET_SELECTION_SOURCE.HTML_ELEMENT;
               }
             }

package/dist/cjs/plugins/macro/plugin-key.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pluginKey = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var pluginKey = new _prosemirrorState.PluginKey('macroPlugin');
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = new _state.PluginKey('macroPlugin');
 exports.pluginKey = pluginKey;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.createPlugin = createPlugin;
 exports.pluginKey = exports.default = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
-var pluginKey = new _prosemirrorState.PluginKey('maxContentSizePlugin');
+var _state = require("@atlaskit/editor-prosemirror/state");
+var pluginKey = new _state.PluginKey('maxContentSizePlugin');
 exports.pluginKey = pluginKey;
 function createPlugin(dispatch, maxContentSize) {
   if (!maxContentSize) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectCaptionFromMediaSinglePos = exports.insertAndSelectCaptionFromMediaSinglePos = void 0;
-var _prosemirrorUtils = require("prosemirror-utils");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _analytics = require("../../analytics");
 var selectCaptionFromMediaSinglePos = function selectCaptionFromMediaSinglePos(mediaSingleNodePos, mediaSingleNode) {
   return function (state, dispatch) {
@@ -55,5 +55,5 @@ var insertAndSelectCaptionFromMediaSinglePos = function insertAndSelectCaptionFr
 };
 exports.insertAndSelectCaptionFromMediaSinglePos = insertAndSelectCaptionFromMediaSinglePos;
 var setSelectionAtEndOfCaption = function setSelectionAtEndOfCaption(tr, mediaSingleNodePos, mediaNodeSize, captionNodeSize) {
-  return (0, _prosemirrorUtils.setTextSelection)(mediaSingleNodePos + mediaNodeSize + captionNodeSize)(tr);
+  return (0, _utils.setTextSelection)(mediaSingleNodePos + mediaNodeSize + captionNodeSize)(tr);
 };

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

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "insertMediaSingleNode", {
   }
 });
 var _react = _interopRequireDefault(require("react"));
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _main = require("./pm-plugins/main");
@@ -169,11 +169,11 @@ var mediaPlugin = function mediaPlugin() {
         name: 'mediaSelectionHandler',
         plugin: function plugin() {
           var mediaSelectionHandlerPlugin = new _safePlugin.SafePlugin({
-            key: new _prosemirrorState.PluginKey('mediaSelectionHandlerPlugin'),
+            key: new _state.PluginKey('mediaSelectionHandlerPlugin'),
             props: {
               handleScrollToSelection: function handleScrollToSelection(view) {
                 var selection = view.state.selection;
-                if (!(selection instanceof _prosemirrorState.NodeSelection) || selection.node.type.name !== 'media') {
+                if (!(selection instanceof _state.NodeSelection) || selection.node.type.name !== 'media') {
                   return false;
                 }
                 var _view$domAtPos = view.domAtPos(selection.from),

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

@@ -27,7 +27,7 @@ var _utils2 = require("../../../utils");
 var _ResizableMediaSingle = _interopRequireDefault(require("../ui/ResizableMediaSingle"));
 var _main = require("../pm-plugins/main");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
-var _prosemirrorUtils = require("prosemirror-utils");
+var _utils3 = require("@atlaskit/editor-prosemirror/utils");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _styles = require("./styles");
 var _mediaClient = require("@atlaskit/media-client");
@@ -35,7 +35,7 @@ var _mediaCommon = require("../utils/media-common");
 var _mediaCommon2 = require("@atlaskit/media-common");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _CaptionPlaceholder = _interopRequireDefault(require("../ui/CaptionPlaceholder"));
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _captions = require("../commands/captions");
 var _hooks = require("@atlaskit/editor-common/hooks");
 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); }
@@ -219,7 +219,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
        * [1] https://discuss.prosemirror.net/t/setnodemarkup-loses-current-nodeselection/976
        * [2] https://discuss.prosemirror.net/t/setnodemarkup-and-deselect/3673
        */
-      tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, pos));
+      tr.setSelection(_state.NodeSelection.create(tr.doc, pos));
       return dispatch(tr);
     });
     // Workaound for iOS 16 Caption selection issue
@@ -369,13 +369,13 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         if (pos) {
           var $pos = state.doc.resolve(pos);
           var table = state.schema.nodes.table;
-          var disabledNode = !!(0, _prosemirrorUtils.findParentNodeOfTypeClosestToPos)($pos, [table]);
+          var disabledNode = !!(0, _utils3.findParentNodeOfTypeClosestToPos)($pos, [table]);
           canResize = canResize && !disabledNode;
         }
       }
       var lineLength = this.getLineLength(view, getPos()) || this.props.lineLength;
       var isSelected = selected();
-      var shouldShowPlaceholder = (0, _mediaCommon2.getMediaFeatureFlag)('captions', mediaOptions.featureFlags) && node.childCount !== 2 && isSelected && state.selection instanceof _prosemirrorState.NodeSelection;
+      var shouldShowPlaceholder = (0, _mediaCommon2.getMediaFeatureFlag)('captions', mediaOptions.featureFlags) && node.childCount !== 2 && isSelected && state.selection instanceof _state.NodeSelection;
       var MediaChildren = (0, _react.jsx)("figure", {
         ref: this.mediaSingleWrapperRef,
         css: _styles.figureWrapper,

package/dist/cjs/plugins/media/pm-plugins/alt-text/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pluginKey = exports.getPluginState = exports.createPlugin = exports.createCommand = void 0;
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _pluginStateFactory = require("../../../../utils/plugin-state-factory");
 var _reducer = _interopRequireDefault(require("./reducer"));
 var _utils = require("@atlaskit/editor-common/utils");
-var pluginKey = new _prosemirrorState.PluginKey('mediaAltTextPlugin');
+var pluginKey = new _state.PluginKey('mediaAltTextPlugin');
 exports.pluginKey = pluginKey;
 var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(pluginKey, _reducer.default, {
     onSelectionChanged: function onSelectionChanged(tr, newState) {

package/dist/cjs/plugins/media/pm-plugins/alt-text/keymap.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = keymapPlugin;
-var _prosemirrorKeymap = require("prosemirror-keymap");
+var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var keymaps = _interopRequireWildcard(require("../../../../keymaps"));
 var _commands = require("./commands");
 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); }
@@ -14,5 +14,5 @@ function keymapPlugin(schema) {
   var list = {};
   keymaps.bindKeymapWithCommand(keymaps.addAltText.common, _commands.openMediaAltTextMenu, list);
   keymaps.bindKeymapWithCommand(keymaps.escape.common, _commands.closeMediaAltTextMenu, list);
-  return (0, _prosemirrorKeymap.keymap)(list);
+  return (0, _keymap.keymap)(list);
 }

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

@@ -37,11 +37,11 @@ var CONTAINER_WIDTH_IN_PX = _ui.RECENT_SEARCH_WIDTH_IN_PX;
 exports.CONTAINER_WIDTH_IN_PX = CONTAINER_WIDTH_IN_PX;
 var MAX_ALT_TEXT_LENGTH = 510; // double tweet length
 exports.MAX_ALT_TEXT_LENGTH = MAX_ALT_TEXT_LENGTH;
-var supportText = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", ";\n  padding: 12px 40px;\n  line-height: 20px;\n  border-top: 1px solid ", ";\n  margin: 0;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N100, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)(12), "var(--ds-border, ".concat(_colors.N30, ")"));
+var supportText = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", ";\n  padding: ", " ", ";\n  line-height: 20px;\n  border-top: 1px solid ", ";\n  margin: 0;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N100, ")"), (0, _editorSharedStyles.relativeFontSizeToBase16)(12), "var(--ds-space-150, 12px)", "var(--ds-space-500, 40px)", "var(--ds-border, ".concat(_colors.N30, ")"));
 var container = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  line-height: 2;\n"])), CONTAINER_WIDTH_IN_PX);
 var inputWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  line-height: 0;\n  padding: 5px 0;\n  align-items: center;\n"])));
-var validationWrapper = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  line-height: 0;\n  padding: 12px 24px 12px 0;\n  margin: 0 12px 0 40px;\n  border-top: 1px solid ", ";\n  align-items: start;\n  flex-direction: column;\n"])), "var(--ds-border-danger, ".concat(_colors.R400, ")"));
-var buttonWrapper = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: 4px 8px;\n"])));
+var validationWrapper = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  line-height: 0;\n  padding: ", " ", "\n    ", " 0;\n  margin: 0 ", " 0 ", ";\n  border-top: 1px solid ", ";\n  align-items: start;\n  flex-direction: column;\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-500, 40px)", "var(--ds-border-danger, ".concat(_colors.R400, ")"));
+var buttonWrapper = (0, _react2.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: ", " ", ";\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)");
 var clearText = (0, _react2.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), "var(--ds-icon-subtle, ".concat(_colors.N80, ")"));
 var AltTextEditComponent = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(AltTextEditComponent, _React$Component);

package/dist/cjs/plugins/media/pm-plugins/keymap-media-single.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = keymapPlugin;
-var _prosemirrorKeymap = require("prosemirror-keymap");
+var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var keymaps = _interopRequireWildcard(require("../../../keymaps"));
 var _utils = require("../../../utils");
-var _prosemirrorUtils = require("prosemirror-utils");
-var _prosemirrorCommands = require("prosemirror-commands");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _commands = require("@atlaskit/editor-prosemirror/commands");
 var _position = require("../../../utils/prosemirror/position");
 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; }
@@ -111,11 +111,11 @@ function handleSelectionAfterWrapRight(isEmptyNode) {
       // Like a normal backspace from paragraph to paragraph
       if (maybeSibling.type === paragraph) {
         var insideParagraphPos = maybeAnyBlockPos + maybeSibling.nodeSize - 2;
-        (0, _prosemirrorUtils.safeInsert)($from.parent.content, insideParagraphPos)(tr);
+        (0, _utils2.safeInsert)($from.parent.content, insideParagraphPos)(tr);
       } else {
         // If is any other kind of block just add the paragraph after it
         var endOfBlockPos = maybeAnyBlockPos + maybeSibling.nodeSize - 1;
-        (0, _prosemirrorUtils.safeInsert)($from.parent.copy($from.parent.content), endOfBlockPos)(tr);
+        (0, _utils2.safeInsert)($from.parent.copy($from.parent.content), endOfBlockPos)(tr);
       }
     }
     if (dispatch) {
@@ -147,7 +147,7 @@ var maybeRemoveMediaSingleNode = function maybeRemoveMediaSingleNode(schema) {
     }
     if (dispatch) {
       // Select media single, and remove paragraph if it's empty.
-      (0, _prosemirrorCommands.selectNodeBackward)(state, function (tr) {
+      (0, _commands.selectNodeBackward)(state, function (tr) {
         if (isEmptyNodeInSchema($from.parent) && !(0, _position.atTheEndOfDoc)(state)) {
           tr.replace($from.pos - 1, $from.pos + $from.parent.nodeSize - 1); // Remove node
         }
@@ -162,5 +162,5 @@ function keymapPlugin(schema) {
   var list = {};
   var removeMediaSingleCommand = maybeRemoveMediaSingleNode(schema);
   keymaps.bindKeymapWithCommand(keymaps.backspace.common, removeMediaSingleCommand, list);
-  return (0, _prosemirrorKeymap.keymap)(list);
+  return (0, _keymap.keymap)(list);
 }

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.keymapPlugin = keymapPlugin;
-var _prosemirrorKeymap = require("prosemirror-keymap");
-var _prosemirrorState = require("prosemirror-state");
+var _keymap = require("@atlaskit/editor-prosemirror/keymap");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var keymaps = _interopRequireWildcard(require("../../../keymaps"));
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _mediaCommon = require("@atlaskit/media-common");
@@ -28,7 +28,7 @@ function keymapPlugin(options) {
     keymaps.bindKeymapWithCommand(keymaps.moveRight.common, arrowRightFromMediaSingle(options === null || options === void 0 ? void 0 : options.editorSelectionAPI), list);
   }
   keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, splitMediaGroup, list);
-  return (0, _prosemirrorKeymap.keymap)(list);
+  return (0, _keymap.keymap)(list);
 }
 var ignoreLinksInSteps = function ignoreLinksInSteps(state) {
   var mediaPluginState = _pluginKey.stateKey.getState(state);
@@ -42,7 +42,7 @@ var splitMediaGroup = function splitMediaGroup(state) {
 var insertAndSelectCaption = function insertAndSelectCaption(state, dispatch) {
   var selection = state.selection,
     schema = state.schema;
-  if (selection instanceof _prosemirrorState.NodeSelection && selection.node.type === schema.nodes.mediaSingle && schema.nodes.caption) {
+  if (selection instanceof _state.NodeSelection && selection.node.type === schema.nodes.mediaSingle && schema.nodes.caption) {
     if (dispatch) {
       var from = selection.from,
         node = selection.node;
@@ -57,7 +57,7 @@ var insertAndSelectCaption = function insertAndSelectCaption(state, dispatch) {
 var arrowLeftFromMediaSingle = function arrowLeftFromMediaSingle(editorSelectionAPI) {
   return function (state, dispatch) {
     var selection = state.selection;
-    if (editorSelectionAPI && selection instanceof _prosemirrorState.NodeSelection && selection.node.type.name === 'mediaSingle') {
+    if (editorSelectionAPI && selection instanceof _state.NodeSelection && selection.node.type.name === 'mediaSingle') {
       var tr = editorSelectionAPI.setSelectionRelativeToNode({
         selectionRelativeToNode: undefined,
         selection: new _selection.GapCursorSelection(state.doc.resolve(selection.from), _selection.Side.LEFT)
@@ -73,7 +73,7 @@ var arrowLeftFromMediaSingle = function arrowLeftFromMediaSingle(editorSelection
 var arrowRightFromMediaSingle = function arrowRightFromMediaSingle(editorSelectionAPI) {
   return function (state, dispatch) {
     var selection = state.selection;
-    if (editorSelectionAPI && selection instanceof _prosemirrorState.NodeSelection && selection.node.type.name === 'mediaSingle') {
+    if (editorSelectionAPI && selection instanceof _state.NodeSelection && selection.node.type.name === 'mediaSingle') {
       var tr = editorSelectionAPI.setSelectionRelativeToNode({
         selectionRelativeToNode: undefined,
         selection: new _selection.GapCursorSelection(state.doc.resolve(selection.to), _selection.Side.RIGHT)

package/dist/cjs/plugins/media/pm-plugins/linking/index.js

@@ -8,11 +8,11 @@ exports.mediaLinkingPluginKey = exports.getMediaLinkingState = exports.default =
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _pluginStateFactory = require("../../../../utils/plugin-state-factory");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _reducer = _interopRequireDefault(require("./reducer"));
 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 mediaLinkingPluginKey = new _prosemirrorState.PluginKey('mediaLinking');
+var mediaLinkingPluginKey = new _state.PluginKey('mediaLinking');
 exports.mediaLinkingPluginKey = mediaLinkingPluginKey;
 var initialState = {
   visible: false,
@@ -29,7 +29,7 @@ function mapping(tr, pluginState) {
   return pluginState;
 }
 function onSelectionChanged(tr) {
-  var isNodeSelection = tr.selection instanceof _prosemirrorState.NodeSelection;
+  var isNodeSelection = tr.selection instanceof _state.NodeSelection;
   if (!isNodeSelection) {
     return initialState;
   }

package/dist/cjs/plugins/media/pm-plugins/linking/keymap.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = keymapPlugin;
-var _prosemirrorKeymap = require("prosemirror-keymap");
+var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var keymaps = _interopRequireWildcard(require("../../../../keymaps"));
 var _linking = require("../../commands/linking");
 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); }
@@ -13,5 +13,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function keymapPlugin(schema) {
   var list = {};
   keymaps.bindKeymapWithCommand(keymaps.addLink.common, _linking.showLinkingToolbarWithMediaTypeCheck, list);
-  return (0, _prosemirrorKeymap.keymap)(list);
+  return (0, _keymap.keymap)(list);
 }

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

@@ -20,12 +20,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorTransform = require("prosemirror-transform");
-var _prosemirrorView = require("prosemirror-view");
+var _state2 = require("@atlaskit/editor-prosemirror/state");
+var _transform = require("@atlaskit/editor-prosemirror/transform");
+var _view2 = require("@atlaskit/editor-prosemirror/view");
 var _utils = require("@atlaskit/editor-common/utils");
 var _assert = _interopRequireDefault(require("assert"));
-var _prosemirrorUtils = require("prosemirror-utils");
+var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _mediaSingle = require("../utils/media-single");
 var _DropPlaceholder = _interopRequireDefault(require("../ui/Media/DropPlaceholder"));
 var _mediaFiles = require("../utils/media-files");
@@ -36,7 +36,7 @@ var _pickerFacade = _interopRequireDefault(require("../picker-facade"));
 var _types = require("../../analytics/types");
 var _document = require("../../../utils/document");
 var _mediaCommon2 = require("@atlaskit/media-common");
-var _utils2 = require("../../../utils");
+var _utils3 = require("../../../utils");
 var _CaptionPlaceholder = require("../ui/CaptionPlaceholder");
 var _reactIntlNext = require("react-intl-next");
 var _mediaTaskManager = require("./mediaTaskManager");
@@ -243,7 +243,7 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
       }
       if ((0, _mediaSingle.isMediaSingle)(state.schema, mediaStateWithContext.fileMimeType)) {
         (0, _mediaSingle.insertMediaSingleNode)(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour, _this.widthPluginState);
-      } else if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !(0, _document.isInEmptyLine)(state) && (!(0, _mediaCommon.isInsidePotentialEmptyParagraph)(state) || (0, _utils2.isInListItem)(state)) && (0, _mediaFiles.canInsertMediaInline)(state)) {
+      } else if ((0, _mediaCommon2.getMediaFeatureFlag)('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !(0, _document.isInEmptyLine)(state) && (!(0, _mediaCommon.isInsidePotentialEmptyParagraph)(state) || (0, _utils3.isInListItem)(state)) && (0, _mediaFiles.canInsertMediaInline)(state)) {
         (0, _mediaFiles.insertMediaInlineNode)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
       } else {
         (0, _mediaFiles.insertMediaGroupNode)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType));
@@ -443,7 +443,7 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     });
     (0, _defineProperty2.default)(this, "selectedMediaContainerNode", function () {
       var selection = _this.view.state.selection;
-      if (selection instanceof _prosemirrorState.NodeSelection && _this.isMediaSchemaNode(selection.node)) {
+      if (selection instanceof _state2.NodeSelection && _this.isMediaSchemaNode(selection.node)) {
         return selection.node;
       }
       return;
@@ -468,11 +468,11 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
       // @see https://product-fabric.atlassian.net/browse/MEX-2457
       // If the media node is the last selectable item in the current cursor position and it is located within a mediaGroup,
       // we relocate the cursor to the first child of the mediaGroup.
-      var sel = _prosemirrorState.Selection.findFrom(doc.resolve(selection.$from.pos - 1), -1);
-      if (sel && (0, _prosemirrorUtils.findSelectedNodeOfType)(media)(sel)) {
-        var parent = (0, _prosemirrorUtils.findParentNodeOfType)(mediaGroup)(sel);
+      var sel = _state2.Selection.findFrom(doc.resolve(selection.$from.pos - 1), -1);
+      if (sel && (0, _utils2.findSelectedNodeOfType)(media)(sel)) {
+        var parent = (0, _utils2.findParentNodeOfType)(mediaGroup)(sel);
         if (parent) {
-          tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, parent.start));
+          tr.setSelection(_state2.NodeSelection.create(tr.doc, parent.start));
         }
       }
 
@@ -514,13 +514,13 @@ var MediaPluginStateImplementation = /*#__PURE__*/function () {
     key: "getDomElement",
     value: function getDomElement(domAtPos) {
       var selection = this.view.state.selection;
-      if (!(selection instanceof _prosemirrorState.NodeSelection)) {
+      if (!(selection instanceof _state2.NodeSelection)) {
         return;
       }
       if (!this.isMediaSchemaNode(selection.node)) {
         return;
       }
-      var node = (0, _prosemirrorUtils.findDomRefAtPos)(selection.from, domAtPos);
+      var node = (0, _utils2.findDomRefAtPos)(selection.from, domAtPos);
       if (node) {
         if (!node.childNodes.length) {
           return node.parentNode;
@@ -669,7 +669,7 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var transaction = _step.value;
-          var isSelectionOnMediaInsideMediaSingle = transaction.selectionSet && (0, _prosemirrorUtils.isNodeSelection)(transaction.selection) && transaction.selection.node.type === newState.schema.nodes.media && transaction.selection.$anchor.parent.type === newState.schema.nodes.mediaSingle;
+          var isSelectionOnMediaInsideMediaSingle = transaction.selectionSet && (0, _utils2.isNodeSelection)(transaction.selection) && transaction.selection.node.type === newState.schema.nodes.media && transaction.selection.$anchor.parent.type === newState.schema.nodes.mediaSingle;
 
           // Note: this causes an additional transaction when selecting a media node
           // through clicking  on it with the cursor.
@@ -678,7 +678,7 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
             // we shift it to the media single parent as other code is opinionated about
             // the selection landing there. In particular the caption insertion and selection
             // action.
-            return newState.tr.setSelection(_prosemirrorState.NodeSelection.create(newState.doc, transaction.selection.$from.pos - 1));
+            return newState.tr.setSelection(_state2.NodeSelection.create(newState.doc, transaction.selection.$from.pos - 1));
           }
         }
       } catch (err) {
@@ -708,10 +708,10 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
           doc = state.doc;
 
         // Find any media nodes in the current selection
-        if (state.selection instanceof _prosemirrorState.TextSelection || state.selection instanceof _prosemirrorState.AllSelection || state.selection instanceof _prosemirrorState.NodeSelection || state.selection instanceof _cellSelection.CellSelection) {
+        if (state.selection instanceof _state2.TextSelection || state.selection instanceof _state2.AllSelection || state.selection instanceof _state2.NodeSelection || state.selection instanceof _cellSelection.CellSelection) {
           doc.nodesBetween(state.selection.from, state.selection.to, function (node, pos) {
             if (node.type === schema.nodes.media) {
-              mediaNodes.push(_prosemirrorView.Decoration.node(pos, pos + node.nodeSize, {}, {
+              mediaNodes.push(_view2.Decoration.node(pos, pos + node.nodeSize, {}, {
                 type: 'media',
                 selected: true
               }));
@@ -722,31 +722,31 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
         }
         var pluginState = getMediaPluginState(state);
         if (!pluginState.showDropzone) {
-          return _prosemirrorView.DecorationSet.create(state.doc, mediaNodes);
+          return _view2.DecorationSet.create(state.doc, mediaNodes);
         }
 
         // When a media is already selected
-        if (state.selection instanceof _prosemirrorState.NodeSelection) {
+        if (state.selection instanceof _state2.NodeSelection) {
           var node = state.selection.node;
           if (node.type === schema.nodes.mediaSingle) {
-            var deco = _prosemirrorView.Decoration.node(state.selection.from, state.selection.to, {
+            var deco = _view2.Decoration.node(state.selection.from, state.selection.to, {
               class: 'richMedia-selected'
             });
-            return _prosemirrorView.DecorationSet.create(state.doc, [deco].concat(mediaNodes));
+            return _view2.DecorationSet.create(state.doc, [deco].concat(mediaNodes));
           }
-          return _prosemirrorView.DecorationSet.create(state.doc, mediaNodes);
+          return _view2.DecorationSet.create(state.doc, mediaNodes);
         }
         var pos = $anchor.pos;
         if ($anchor.parent.type !== schema.nodes.paragraph && $anchor.parent.type !== schema.nodes.codeBlock) {
-          pos = (0, _prosemirrorTransform.insertPoint)(state.doc, pos, schema.nodes.mediaGroup);
+          pos = (0, _transform.insertPoint)(state.doc, pos, schema.nodes.mediaGroup);
         }
         if (pos === null || pos === undefined) {
-          return _prosemirrorView.DecorationSet.create(state.doc, mediaNodes);
+          return _view2.DecorationSet.create(state.doc, mediaNodes);
         }
-        var dropPlaceholders = [_prosemirrorView.Decoration.widget(pos, dropPlaceholder, {
+        var dropPlaceholders = [_view2.Decoration.widget(pos, dropPlaceholder, {
           key: 'drop-placeholder'
         })].concat(mediaNodes);
-        return _prosemirrorView.DecorationSet.create(state.doc, dropPlaceholders);
+        return _view2.DecorationSet.create(state.doc, dropPlaceholders);
       },
       nodeViews: options.nodeViews,
       handleTextInput: function handleTextInput(view) {