@atlaskit/editor-core 183.0.12 → 183.1.1

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

@@ -2,7 +2,7 @@ import { findWrapping } from 'prosemirror-transform';
 import { Selection, TextSelection, NodeSelection } from 'prosemirror-state';
 import { findParentNodeClosestToPos, findParentNodeOfType, hasParentNodeOfType } from 'prosemirror-utils';
 import { GapCursorSelection } from '../../selection/gap-cursor-selection';
-import { isListItemNode, isListNode, isParagraphNode } from './node';
+import { isListItemNode, isListNode, isParagraphNode } from '@atlaskit/editor-common/utils';
 export var isPosInsideParagraph = function isPosInsideParagraph($pos) {
   return $pos.parent.type.name === 'paragraph';
 };

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

@@ -7,7 +7,7 @@ import assert from 'assert';
 import { Selection, NodeSelection, TextSelection } from 'prosemirror-state';
 import { safeInsert, replaceSelectedNode, findSelectedNodeOfType, replaceParentNodeOfType } from 'prosemirror-utils';
 import { getValidNode } from '@atlaskit/editor-common/validator';
-import { normaliseNestedLayout } from '../../utils';
+import { normaliseNestedLayout } from '@atlaskit/editor-common/insert';
 import { getPluginState as getExtensionPluginState } from '../extension/plugin-factory';
 import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, addAnalytics } from '../analytics';
 import { TARGET_SELECTION_SOURCE } from '../analytics/types/extension-events';

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

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { createMediaLinkingCommand, getMediaLinkingState, mediaLinkingPluginKey } from '../pm-plugins/linking';
-import { normalizeUrl } from '../../hyperlink/utils';
+import { normalizeUrl } from '@atlaskit/editor-common/utils';
 import { createToggleBlockMarkOnRange } from '../../../commands';
 import { MediaLinkingActionsTypes } from '../pm-plugins/linking/actions';
 import { addAnalytics, EVENT_TYPE, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../../analytics';

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

@@ -81,7 +81,7 @@ var mediaPlugin = function mediaPlugin() {
             providerFactory: providerFactory,
             nodeViews: {
               mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options),
-              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, options),
+              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, options, api),
               media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options),
               mediaInline: ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory)
             },

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

@@ -24,7 +24,6 @@ import WithPluginState from '../../../ui/WithPluginState';
 import { pluginKey as widthPluginKey } from '../../width';
 import { setNodeSelection, setTextSelection } from '../../../utils';
 import ResizableMediaSingle from '../ui/ResizableMediaSingle';
-import { createDisplayGrid } from '../../../plugins/grid';
 import { stateKey as mediaPluginKey, MEDIA_CONTENT_WRAP_CLASS_NAME } from '../pm-plugins/main';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
@@ -224,11 +223,22 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       }
       (_this$captionPlaceHol = _this.captionPlaceHolderRef.current) === null || _this$captionPlaceHol === void 0 ? void 0 : _this$captionPlaceHol.click();
     });
-    _defineProperty(_assertThisInitialized(_this), "clickPlaceholder", function () {
+    _defineProperty(_assertThisInitialized(_this), "displayGrid", function (visible, gridType, highlight) {
+      var _pluginInjectionApi$d, _pluginInjectionApi$d2;
       var _this$props = _this.props,
-        view = _this$props.view,
-        getPos = _this$props.getPos,
-        node = _this$props.node;
+        pluginInjectionApi = _this$props.pluginInjectionApi,
+        view = _this$props.view;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.grid) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.displayGrid(view)({
+        visible: visible,
+        gridType: gridType,
+        highlight: highlight
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "clickPlaceholder", function () {
+      var _this$props2 = _this.props,
+        view = _this$props2.view,
+        getPos = _this$props2.getPos,
+        node = _this$props2.node;
       if (typeof getPos === 'boolean') {
         return;
       }
@@ -300,14 +310,14 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props2 = this.props,
-        selected = _this$props2.selected,
-        getPos = _this$props2.getPos,
-        node = _this$props2.node,
-        mediaOptions = _this$props2.mediaOptions,
-        fullWidthMode = _this$props2.fullWidthMode,
-        state = _this$props2.view.state,
-        view = _this$props2.view;
+      var _this$props3 = this.props,
+        selected = _this$props3.selected,
+        getPos = _this$props3.getPos,
+        node = _this$props3.node,
+        mediaOptions = _this$props3.mediaOptions,
+        fullWidthMode = _this$props3.fullWidthMode,
+        state = _this$props3.view.state,
+        view = _this$props3.view;
       var _ref4 = node.attrs,
         layout = _ref4.layout,
         mediaSingleWidth = _ref4.width;
@@ -379,7 +389,7 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         view: this.props.view,
         getPos: getPos,
         updateSize: this.updateSize,
-        displayGrid: createDisplayGrid(this.props.eventDispatcher),
+        displayGrid: this.displayGrid,
         gridSize: 12,
         viewMediaClientConfig: this.state.viewMediaClientConfig,
         allowBreakoutSnapPoints: mediaOptions && mediaOptions.allowBreakoutSnapPoints,
@@ -487,7 +497,8 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
         fullWidthMode = _this$reactComponentP.fullWidthMode,
         providerFactory = _this$reactComponentP.providerFactory,
         mediaOptions = _this$reactComponentP.mediaOptions,
-        dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent;
+        dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent,
+        pluginInjectionApi = _this$reactComponentP.pluginInjectionApi;
 
       // getPos is a boolean for marks, since this is a node we know it must be a function
       var getPos = this.getPos;
@@ -520,7 +531,8 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
                 eventDispatcher: eventDispatcher,
                 mediaPluginState: mediaPluginState,
                 dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-                forwardRef: forwardRef
+                forwardRef: forwardRef,
+                pluginInjectionApi: pluginInjectionApi
               });
             }
           });
@@ -548,6 +560,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
 }(ReactNodeView);
 export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent) {
   var mediaOptions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var pluginInjectionApi = arguments.length > 5 ? arguments[5] : undefined;
   return function (node, view, getPos) {
     var hasIntlContext = true;
     return new MediaSingleNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {
@@ -556,7 +569,8 @@ export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAP
       providerFactory: providerFactory,
       mediaOptions: mediaOptions,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-      isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled
+      isCopyPasteEnabled: mediaOptions.isCopyPasteEnabled,
+      pluginInjectionApi: pluginInjectionApi
     }, undefined, undefined, undefined, hasIntlContext).init();
   };
 };

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

@@ -2,7 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { pluginFactory } from '../../../../utils/plugin-state-factory';
 import reducer from './reducer';
-import { pmHistoryPluginKey } from '../../../history/pm-history-types';
+import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 export var pluginKey = new PluginKey('mediaAltTextPlugin');
 var _pluginFactory = pluginFactory(pluginKey, reducer, {
     onSelectionChanged: function onSelectionChanged(tr, newState) {

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

@@ -17,7 +17,7 @@ import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
 import CrossCircleIcon from '@atlaskit/icon/glyph/cross-circle';
 import { messages } from '../messages';
 import { injectIntl } from 'react-intl-next';
-import Button from '../../../../floating-toolbar/ui/Button';
+import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import PanelTextInput from '../../../../../ui/PanelTextInput';
 import * as keymaps from '../../../../../keymaps';
 import { ToolTipContent } from '../../../../../keymaps';

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

@@ -4,7 +4,7 @@ import ReactDOM from 'react-dom';
 import { MediaViewer } from '@atlaskit/media-viewer';
 import { messages } from '@atlaskit/media-ui';
 import FilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
-import ToolbarButton from '../../floating-toolbar/ui/Button';
+import { FloatingToolbarButton as ToolbarButton } from '@atlaskit/editor-common/ui';
 import { getSelectedMediaContainerNodeAttrs } from './utils';
 export var FilePreviewItem = function FilePreviewItem(_ref) {
   var mediaPluginState = _ref.mediaPluginState,

package/dist/esm/plugins/media/toolbar/linking-toolbar-appearance.js

@@ -8,7 +8,7 @@ import LinkIcon from '@atlaskit/icon/glyph/editor/link';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { checkMediaType } from '../utils/check-media-type';
-import ToolbarButton from '../../floating-toolbar/ui/Button';
+import { FloatingToolbarButton as ToolbarButton } from '@atlaskit/editor-common/ui';
 import Separator from '../../floating-toolbar/ui/Separator';
 import { linkToolbarMessages, linkMessages } from '../../../messages';
 import { ToolTipContent, addLink } from '../../../keymaps';

package/dist/esm/plugins/media/ui/ImageBorder/styles.js

@@ -4,6 +4,7 @@ import { css } from '@emotion/react';
 import * as colors from '@atlaskit/theme/colors';
 import { DEFAULT_BORDER_COLOR } from '@atlaskit/editor-common/ui-color';
 import { N20A, N50, N60A, N90, N800, N0 } from '@atlaskit/theme/colors';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 
 // menuItemDimensions and itemSpacing are copied from
@@ -13,6 +14,9 @@ export var menuItemDimensions = {
   width: 175,
   height: 32
 };
+
+// TODO: Migrate away from gridSize
+// Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
 export var itemSpacing = gridSize() / 2;
 export var contextualMenuArrow = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  &::after {\n    content: '\u203A';\n    margin-left: 4px;\n    line-height: 20px;\n    color: ", ";\n  }\n"])), "var(--ds-icon, ".concat(N90, ")"));
 export var contextualMenuColorIcon = function contextualMenuColorIcon(color) {

package/dist/esm/plugins/media/ui/MediaLinkingToolbar.js

@@ -18,12 +18,12 @@ import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 // Common Translations will live here
 
 import PanelTextInput from '../../../ui/PanelTextInput';
-import Button from '../../floating-toolbar/ui/Button';
+import { FloatingToolbarButton as Button } from '@atlaskit/editor-common/ui';
 import Separator from '../../floating-toolbar/ui/Separator';
 import { container, containerWithProvider, inputWrapper } from '../../../ui/LinkSearch/ToolbarComponents';
 import RecentSearch from '../../../ui/LinkSearch';
 import { linkToolbarMessages } from '../../../messages';
-import { normalizeUrl } from '../../hyperlink/utils';
+import { normalizeUrl } from '@atlaskit/editor-common/utils';
 import { R400 } from '@atlaskit/theme/colors';
 import { INPUT_METHOD } from '../../analytics/types/enums';
 import { mediaLinkToolbarMessages } from './media-linking-toolbar-messages';

package/dist/esm/plugins/media/ui/ResizableMediaSingle/index.js

@@ -20,7 +20,7 @@ import { akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { wrapperStyle } from './styled';
 import Resizer from '../../../../ui/Resizer';
 import { snapTo, handleSides, imageAlignmentMap } from '../../../../ui/Resizer/utils';
-import { calcMediaPxWidth } from '../../utils/media-single';
+import { calcMediaPxWidth } from '@atlaskit/editor-common/ui';
 import { calculateSnapPoints } from '../../../../utils/rich-media-utils';
 var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingle, _React$Component);
@@ -86,6 +86,7 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
         fullWidthMode = _this$props2.fullWidthMode,
         getPos = _this$props2.getPos,
         state = _this$props2.view.state;
+      var resizedPctWidth = _this.state.resizedPctWidth;
       var pos = typeof getPos === 'function' ? getPos() : undefined;
       return calcMediaPxWidth({
         origWidth: origWidth,
@@ -98,7 +99,8 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
         },
         isFullWidthModeEnabled: fullWidthMode,
         layout: useLayout || layout,
-        pos: pos
+        pos: pos,
+        resizedPctWidth: resizedPctWidth
       });
     });
     _defineProperty(_assertThisInitialized(_this), "highlights", function (newWidth, snapPoints) {
@@ -139,13 +141,21 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
   }
   _createClass(ResizableMediaSingle, [{
     key: "componentDidUpdate",
-    value: function componentDidUpdate() {
+    value: function componentDidUpdate(prevProps) {
       var offsetLeft = calcOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
       if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
         this.setState({
           offsetLeft: offsetLeft
         });
       }
+
+      // Handle undo, when the actual pctWidth changed,
+      // we sync up with the internal state.
+      if (prevProps.pctWidth !== this.props.pctWidth) {
+        this.setState({
+          resizedPctWidth: this.props.pctWidth
+        });
+      }
       return true;
     }
   }, {

package/dist/esm/plugins/media/utils/media-single.js

@@ -3,13 +3,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Fragment, Slice } from 'prosemirror-model';
 import { safeInsert as pmSafeInsert, hasParentNodeOfType } from 'prosemirror-utils';
-import { calcPxFromPct, wrappedLayouts } from '@atlaskit/editor-common/ui';
-import { akEditorBreakoutPadding, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
-import { checkNodeDown, isEmptyParagraph } from '../../../utils';
+import { checkNodeDown } from '../../../utils';
+import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { copyOptionalAttrsFromMediaState } from '../utils/media-common';
 import { mapSlice } from '../../../utils/slice';
-import { addAnalytics, ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../analytics';
-import { safeInsert, shouldSplitSelectedNodeOnNodeInsertion } from '../../../utils/insert';
+import { addAnalytics } from '../../analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { safeInsert, shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { isImage } from './is-image';
 import { atTheBeginningOfBlock } from '../../../utils/prosemirror/position';
 import { getRandomHex } from '@atlaskit/media-common';
@@ -188,52 +188,6 @@ export function transformSliceForMedia(slice, schema) {
     return newSlice;
   };
 }
-export var calcMediaPxWidth = function calcMediaPxWidth(opts) {
-  var origWidth = opts.origWidth,
-    origHeight = opts.origHeight,
-    layout = opts.layout,
-    pctWidth = opts.pctWidth,
-    containerWidth = opts.containerWidth,
-    resizedPctWidth = opts.resizedPctWidth;
-  var width = containerWidth.width,
-    lineLength = containerWidth.lineLength;
-  var calculatedPctWidth = calcPctWidth(containerWidth, pctWidth, origWidth, origHeight);
-  var calculatedResizedPctWidth = calcPctWidth(containerWidth, resizedPctWidth, origWidth, origHeight);
-  if (layout === 'wide') {
-    if (lineLength) {
-      var wideWidth = Math.ceil(lineLength * breakoutWideScaleRatio);
-      return wideWidth > width ? lineLength : wideWidth;
-    }
-  } else if (layout === 'full-width') {
-    return width - akEditorBreakoutPadding;
-  } else if (calculatedPctWidth) {
-    if (wrappedLayouts.indexOf(layout) > -1) {
-      if (calculatedResizedPctWidth) {
-        if (resizedPctWidth < 50) {
-          return calculatedResizedPctWidth;
-        }
-        return calculatedPctWidth;
-      }
-      return Math.min(calculatedPctWidth, origWidth);
-    }
-    if (calculatedResizedPctWidth) {
-      return calculatedResizedPctWidth;
-    }
-    return calculatedPctWidth;
-  } else if (layout === 'center') {
-    if (calculatedResizedPctWidth) {
-      return calculatedResizedPctWidth;
-    }
-    return Math.min(origWidth, lineLength || width);
-  } else if (layout && wrappedLayouts.indexOf(layout) !== -1) {
-    var halfLineLength = Math.ceil((lineLength || width) / 2);
-    return origWidth <= halfLineLength ? origWidth : halfLineLength;
-  }
-  return origWidth;
-};
-var calcPctWidth = function calcPctWidth(containerWidth, pctWidth, origWidth, origHeight) {
-  return pctWidth && origWidth && origHeight && Math.ceil(calcPxFromPct(pctWidth / 100, containerWidth.lineLength || containerWidth.width));
-};
 export function isCaptionNode(editorView) {
   var $from = editorView.state.selection.$from;
   var immediateWrapperParentNode = editorView.state.doc.nodeAt($from.before(Math.max($from.depth, 1)));

package/dist/esm/plugins/paste/edge-cases/index.js

@@ -1,6 +1,6 @@
 import { findParentNodeOfType } from 'prosemirror-utils';
 import { insertSliceIntoRangeSelectionInsideList, insertSliceInsideOfPanelNodeSelected, insertSliceAtNodeEdge, insertSliceIntoEmptyNode } from './lists';
-import { isListNode } from '../../list/utils/node';
+import { isListNode } from '@atlaskit/editor-common/utils';
 import { isSelectionInsidePanel, isEmptyNode, isCursorSelectionAtTextStartOrEnd } from '../util';
 export function insertSliceForLists(_ref) {
   var _slice$content$firstC;

package/dist/esm/plugins/paste/edge-cases/lists.js

@@ -1,7 +1,7 @@
 import { Fragment } from 'prosemirror-model';
 import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { Transform } from 'prosemirror-transform';
-import { isEmptyParagraph } from '../../../utils';
+import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 export function insertSliceIntoEmptyNode(_ref) {
   var tr = _ref.tr,
     slice = _ref.slice;

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

@@ -17,12 +17,12 @@ import { mapSlice } from '../../utils/slice';
 import { INPUT_METHOD } from '../analytics';
 import { queueCardsFromChangedTr } from '../card/pm-plugins/doc';
 import { GapCursorSelection, Side } from '../selection/gap-cursor-selection';
-import { linkifyContent } from '../hyperlink/utils';
+import { linkifyContent } from '@atlaskit/editor-common/utils';
 import { runMacroAutoConvert } from '../macro';
 import { insertMediaAsMediaSingle } from '../media/utils/media-single';
 import { pluginKey as textFormattingPluginKey } from '../text-formatting/pm-plugins/main';
 import { addReplaceSelectedTableAnalytics, applyTextMarksToSlice, hasOnlyNodesOfType } from './util';
-import { isListNode, isListItemNode } from '../list/utils/node';
+import { isListItemNode, isListNode } from '@atlaskit/editor-common/utils';
 import { canLinkBeCreatedInRange } from '../hyperlink/pm-plugins/main';
 import { insertSliceForLists } from './edge-cases';
 import { startTrackingPastedMacroPositions, stopTrackingPastedMacroPositions } from './commands';
@@ -59,6 +59,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice) {
       panel = _schema$nodes.panel,
       bulletList = _schema$nodes.bulletList,
       orderedList = _schema$nodes.orderedList,
+      taskList = _schema$nodes.taskList,
       listItem = _schema$nodes.listItem,
       expand = _schema$nodes.expand,
       heading = _schema$nodes.heading;
@@ -73,6 +74,9 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice) {
       if (node.type === bulletList || node.type === orderedList || node.type === expand || node.type === heading || node.type === listItem) {
         sliceIsInvalid = true;
       }
+      if (selectionIsPanel && node.type === taskList) {
+        sliceIsInvalid = true;
+      }
     });
 
     // If the selection is a panel,
@@ -743,7 +747,7 @@ export function flattenNestedListInSlice(slice) {
 }
 export function handleRichText(slice) {
   return function (state, dispatch) {
-    var _slice$content, _slice$content2, _panelParentOverCurre;
+    var _slice$content, _slice$content2, _firstChildOfSlice$ty, _lastChildOfSlice$typ, _panelParentOverCurre;
     var _state$schema$nodes3 = state.schema.nodes,
       codeBlock = _state$schema$nodes3.codeBlock,
       heading = _state$schema$nodes3.heading,
@@ -767,6 +771,9 @@ export function handleRichText(slice) {
     var isFirstChildListNode = isListNode(firstChildOfSlice);
     var isLastChildListNode = isListNode(lastChildOfSlice);
     var isSliceContentListNodes = isFirstChildListNode || isLastChildListNode;
+    var isFirstChildTaskListNode = (firstChildOfSlice === null || firstChildOfSlice === void 0 ? void 0 : (_firstChildOfSlice$ty = firstChildOfSlice.type) === null || _firstChildOfSlice$ty === void 0 ? void 0 : _firstChildOfSlice$ty.name) === 'taskList';
+    var isLastChildTaskListNode = (lastChildOfSlice === null || lastChildOfSlice === void 0 ? void 0 : (_lastChildOfSlice$typ = lastChildOfSlice.type) === null || _lastChildOfSlice$typ === void 0 ? void 0 : _lastChildOfSlice$typ.name) === 'taskList';
+    var isSliceContentTaskListNodes = isFirstChildTaskListNode || isLastChildTaskListNode;
 
     // We want to use safeInsert to insert invalid content, as it inserts at the closest non schema violating position
     // rather than spliting the selection parent node in half (which is what replaceSelection does)
@@ -776,7 +783,7 @@ export function handleRichText(slice) {
     var noNeedForSafeInsert = selection.$to.node().type.validContent(slice.content) || textNodes.includes(selection.$to.node().type) && selectionParent.type.validContent(slice.content);
     var panelParentOverCurrentSelection = findParentNodeOfType(panel)(tr.selection);
     var isTargetPanelEmpty = panelParentOverCurrentSelection && ((_panelParentOverCurre = panelParentOverCurrentSelection.node) === null || _panelParentOverCurre === void 0 ? void 0 : _panelParentOverCurre.content.size) === 2;
-    if (isSliceContentListNodes || isTargetPanelEmpty) {
+    if (!isSliceContentTaskListNodes && (isSliceContentListNodes || isTargetPanelEmpty)) {
       insertSliceForLists({
         tr: tr,
         slice: slice,

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

@@ -7,7 +7,7 @@ import { getPasteSource } from '../util';
 import { handlePasteAsPlainText, handlePasteIntoTaskOrDecisionOrPanel, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption, handlePastePanelOrDecisionContentIntoList, handlePasteNonNestableBlockNodesIntoList } from '../handlers';
 import { findParentNode } from 'prosemirror-utils';
 import { mapSlice } from '../../../utils/slice';
-import { getLinkDomain } from '../../hyperlink/utils';
+import { getLinkDomain } from '@atlaskit/editor-common/utils';
 var contentToPasteContent = {
   url: PasteContents.url,
   paragraph: PasteContents.text,

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

@@ -10,7 +10,7 @@ import { getExtensionAutoConvertersFromProvider } from '@atlaskit/editor-common/
 import * as clipboard from '../../../utils/clipboard';
 import { transformSliceForMedia } from '../../media/utils/media-single';
 import { escapeLinks, htmlContainsSingleFile, isPastedFromWord, isPastedFromExcel, htmlHasInvalidLinkTags, removeDuplicateInvalidLinks } from '../util';
-import { linkifyContent } from '../../hyperlink/utils';
+import { linkifyContent } from '@atlaskit/editor-common/utils';
 import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
@@ -20,7 +20,7 @@ import { isInsideBlockQuote, insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
 import { transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../../media/utils/media-common';
 import { upgradeTextToLists, splitParagraphs } from '../../list/transforms';
-import { md } from '../md';
+import { md } from '@atlaskit/editor-common/paste';
 import { transformUnsupportedBlockCardToInline } from '../../card/utils';
 import { transformSliceToDecisionList } from '../../tasks-and-decisions/utils';
 import { containsAnyAnnotations, stripNonExistingAnnotations } from '../../annotation/utils';
@@ -31,7 +31,6 @@ import { handlePaste as handlePasteTable } from '@atlaskit/editor-tables/utils';
 import { extractSliceFromStep } from '../../../utils/step';
 import { pluginKey as stateKey, createPluginState } from './plugin-factory';
 export { pluginKey as stateKey } from './plugin-factory';
-export { md } from '../md';
 export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, cardOptions, sanitizePrivateContent, providerFactory) {
   var atlassianMarkDownParser = new MarkdownTransformer(schema, md);
   function getMarkdownSlice(text, openStart, openEnd) {

package/dist/esm/plugins/quick-insert/commands.js

@@ -1,6 +1,6 @@
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { insertSelectedItem } from '../../utils/insert';
+import { insertSelectedItem } from '@atlaskit/editor-common/insert';
 import { pluginKey } from './plugin-key';
 export var openElementBrowserModal = function openElementBrowserModal() {
   return function (state, dispatch) {

package/dist/esm/plugins/rule/pm-plugins/input-rule.js

@@ -1,7 +1,7 @@
 import { Fragment, Slice } from 'prosemirror-model';
 import { createRule, createPlugin } from '../../../utils/input-rules';
 import { leafNodeReplacementCharacter } from '@atlaskit/prosemirror-input-rules';
-import { safeInsert } from '../../../utils/insert';
+import { safeInsert } from '@atlaskit/editor-common/insert';
 import { hasParentNodeOfType } from 'prosemirror-utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
 export var createHorizontalRule = function createHorizontalRule(state, featureFlags, start, end, inputMethod) {

package/dist/esm/plugins/selection/commands.js

@@ -1,7 +1,8 @@
 import { NodeSelection, TextSelection, Selection } from 'prosemirror-state';
 import { GapCursorSelection, Side } from './gap-cursor-selection';
 import { isIgnored as isIgnoredByGapCursor } from '../selection/gap-cursor/utils/is-ignored';
-import { isNodeEmpty, isEmptyParagraph } from '../../utils/document';
+import { isNodeEmpty } from '../../utils/document';
+import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { SelectionActionTypes } from './actions';
 import { createCommand, getPluginState } from './plugin-factory';
 import { isSelectableContainerNode, isSelectionAtEndOfParentNode, findSelectableContainerParent, isSelectionAtStartOfParentNode, findSelectableContainerBefore, findSelectableContainerAfter, findFirstChildNodeToSelect, findLastChildNodeToSelect } from './utils';

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

@@ -6,7 +6,7 @@ import { flatten, findParentNode } from 'prosemirror-utils';
 import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { isSelectionAtStartOfNode, isSelectionAtEndOfNode } from '@atlaskit/editor-common/selection';
 import { selectNode } from '../../utils/commands';
-import { isEmptyParagraph } from '../../utils/document';
+import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../analytics';
 import { isIgnored as isIgnoredByGapCursor } from '../selection/gap-cursor/utils/is-ignored';
 import { selectionPluginKey } from './types';

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

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { getInlineNodeViewProducer } from '../../nodeviews/getInlineNodeViewProducer';
 import { StatusNodeView } from './nodeviews/status';
 import { pluginKey } from './plugin-key';
@@ -76,9 +77,14 @@ var createPlugin = function createPlugin(pmPluginFactoryParams, options) {
       var changed = false;
       var tr = newEditorState.tr;
 
-      // user leaves the StatusPicker with empty text and selects a new node
+      /**
+       * When user start creating status, and, when users navigates away
+       *  while empty, then we want to remove empty ("set a status") status.
+       * But when transaction to add empty status happens from undo/redo
+       *  we don't want to remove it.
+       */
       if (transactions.find(function (tr) {
-        return tr.selectionSet;
+        return tr.selectionSet && !tr.getMeta(pmHistoryPluginKey);
       })) {
         var oldStatus = mayGetStatusAtSelection(oldEditorState.selection);
         var newStatus = mayGetStatusAtSelection(newEditorState.selection);

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

@@ -16,7 +16,7 @@ import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { StatusPicker as AkStatusPicker } from '@atlaskit/status/picker';
-import { borderRadius, gridSize } from '@atlaskit/theme/constants';
+import { borderRadius } from '@atlaskit/theme/constants';
 import { N0 } from '@atlaskit/theme/colors';
 import withOuterListeners from '../../../ui/with-outer-listeners';
 import { DEFAULT_STATUS } from '../actions';
@@ -28,7 +28,7 @@ export var InputMethod = /*#__PURE__*/function (InputMethod) {
   InputMethod["enterKey"] = "enterKey";
   return InputMethod;
 }({});
-var pickerContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: ", "px 0;\n  border-radius: ", "px;\n  box-shadow: ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), "var(--ds-surface-overlay, ".concat(N0, ")"), gridSize(), borderRadius(), "var(--ds-shadow-overlay, 0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25))");
+var pickerContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: ", " 0;\n  border-radius: ", "px;\n  box-shadow: ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), "var(--ds-surface-overlay, ".concat(N0, ")"), "var(--ds-space-100, 8px)", borderRadius(), "var(--ds-shadow-overlay, 0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25))");
 export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component) {
   _inherits(StatusPickerWithoutAnalytcs, _React$Component);
   var _super = _createSuper(StatusPickerWithoutAnalytcs);

package/dist/esm/plugins/type-ahead/insert-utils.js

@@ -1,7 +1,6 @@
 import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { Node as PMNode, Slice, Fragment } from 'prosemirror-model';
-import { normaliseNestedLayout } from '../../utils/selection';
-import { safeInsert } from '../../utils/insert';
+import { safeInsert, normaliseNestedLayout } from '@atlaskit/editor-common/insert';
 function findInsertPoint(doc, pos, nodeToInsert) {
   var $pos = doc.resolve(pos);
   var createInsertPosition = function createInsertPosition(from, to) {

package/dist/esm/plugins/type-ahead/ui/TypeAheadPopup.js

@@ -7,14 +7,14 @@ import { css, jsx } from '@emotion/react';
 import rafSchedule from 'raf-schd';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { findOverflowScrollParent, Popup } from '@atlaskit/editor-common/ui';
-import { borderRadius, gridSize } from '@atlaskit/theme/constants';
+import { borderRadius } from '@atlaskit/theme/constants';
 import { N0, N60A, N50A } from '@atlaskit/theme/colors';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_DATA_ATTRIBUTE, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../constants';
 import { TypeAheadList } from './TypeAheadList';
 import { ITEM_PADDING } from './TypeAheadListItem';
 var DEFAULT_TYPEAHEAD_MENU_HEIGHT = 380;
-var typeAheadContent = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  padding: ", "px 0;\n  width: 320px;\n  max-height: 380px; /* ~5.5 visibile items */\n  overflow-y: auto;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n  position: relative;\n"])), "var(--ds-surface-overlay, ".concat(N0, ")"), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 0 1px ".concat(N60A, ", 0 4px 8px -2px ").concat(N50A), ")"), gridSize() / 2);
+var typeAheadContent = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n  padding: ", " 0;\n  width: 320px;\n  max-height: 380px; /* ~5.5 visibile items */\n  overflow-y: auto;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n  position: relative;\n"])), "var(--ds-surface-overlay, ".concat(N0, ")"), borderRadius(), "var(--ds-shadow-overlay, ".concat("0 0 1px ".concat(N60A, ", 0 4px 8px -2px ").concat(N50A), ")"), "var(--ds-space-050, 4px)");
 var Highlight = function Highlight(_ref) {
   var state = _ref.state,
     triggerHandler = _ref.triggerHandler;

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

@@ -3,6 +3,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
+/**
+ * @private
+ * @deprecated
+ *
+ * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
+ */
 export var pluginKey = new PluginKey('widthPlugin');
 export function createPlugin(dispatch) {
   return new SafePlugin({
@@ -41,6 +47,12 @@ var widthPlugin = function widthPlugin() {
         }
       }];
     },
+    getSharedState: function getSharedState(editorState) {
+      if (!editorState) {
+        return undefined;
+      }
+      return pluginKey.getState(editorState);
+    },
     // do this early here, otherwise we have to wait for WidthEmitter to debounce
     // which causes anything dependent on lineLength to jump around
     contentComponent: function contentComponent(_ref2) {

package/dist/esm/ui/Alignment/styles.js

@@ -1,5 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
-export var alignmentWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 ", "px;\n  display: flex;\n  flex-wrap: wrap;\n  max-width: ", "px;\n"])), gridSize(), 3 * 32);
+export var alignmentWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 ", ";\n  display: flex;\n  flex-wrap: wrap;\n  max-width: ", "px;\n"])), "var(--ds-space-100, 8px)", 3 * 32);