@atlaskit/editor-core 172.1.1 → 172.2.0

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

@@ -6,10 +6,9 @@ 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 { Slice } from 'prosemirror-model';
 import { Selection, NodeSelection, TextSelection } from 'prosemirror-state';
 import { replaceSelectedNode, findSelectedNodeOfType, replaceParentNodeOfType } from 'prosemirror-utils';
-import { mapFragment } from '../../utils/slice';
+export { transformSliceToRemoveOpenBodiedExtension } from '@atlaskit/editor-common/transforms';
 import { ACTION, ACTION_SUBJECT, INPUT_METHOD, EVENT_TYPE, addAnalytics } from '../analytics';
 import { TARGET_SELECTION_SOURCE } from '../analytics/types/extension-events';
 import { findExtensionWithLocalId } from './utils';
@@ -223,26 +222,4 @@ export var editExtension = function editExtension(macroProvider, updateExtension
 
     return true;
   };
-};
-/**
- * Lift content out of "open" top-level bodiedExtensions.
- * Will not work if bodiedExtensions are nested, or when bodiedExtensions are not in the top level
- */
-
-export var transformSliceToRemoveOpenBodiedExtension = function transformSliceToRemoveOpenBodiedExtension(slice, schema) {
-  var bodiedExtension = schema.nodes.bodiedExtension;
-  var fragment = mapFragment(slice.content, function (node, parent, index) {
-    if (node.type === bodiedExtension && !parent) {
-      var currentNodeIsAtStartAndIsOpen = slice.openStart && index === 0;
-      var currentNodeIsAtEndAndIsOpen = slice.openEnd && index + 1 === slice.content.childCount;
-
-      if (currentNodeIsAtStartAndIsOpen || currentNodeIsAtEndAndIsOpen) {
-        return node.content;
-      }
-    }
-
-    return node;
-  }); // If the first/last child has changed - then we know we've removed a bodied extension & to decrement the open depth
-
-  return new Slice(fragment, fragment.firstChild && fragment.firstChild.type !== slice.content.firstChild.type ? slice.openStart - 1 : slice.openStart, fragment.lastChild && fragment.lastChild.type !== slice.content.lastChild.type ? slice.openEnd - 1 : slice.openEnd);
 };

package/dist/esm/plugins/extension/ui/Extension/styles.js

@@ -3,13 +3,12 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 import { css } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N20, DN50, DN700, B200, N20A, N70 } from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
-export var padding = gridSize();
-export var BODIED_EXT_PADDING = padding * 2;
+import { EXTENSION_PADDING, BODIED_EXT_PADDING } from '@atlaskit/editor-common/styles';
+export { EXTENSION_PADDING as padding, BODIED_EXT_PADDING };
 export var wrapperDefault = function wrapperDefault(theme) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  position: relative;\n  vertical-align: middle;\n\n  .ProseMirror-selectednode > span > & > .extension-overlay {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n    opacity: 1;\n  }\n\n  &.with-overlay {\n    .extension-overlay {\n      background: ", ";\n      color: transparent;\n    }\n\n    &:hover .extension-overlay {\n      opacity: 1;\n    }\n  }\n"])), themed({
     light: token('color.background.neutral', N20),

package/dist/esm/plugins/insert-block/index.js

@@ -90,6 +90,7 @@ var insertBlockPlugin = function insertBlockPlugin() {
                 placeholderTextState = _ref2.placeholderTextState,
                 layoutState = _ref2.layoutState;
             return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
+              insertNodeAPI: options.insertNodeAPI,
               buttons: buttons,
               isReducedSpacing: isToolbarReducedSpacing,
               isDisabled: disabled,

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -24,7 +24,6 @@ import { EmojiPicker as AkEmojiPicker } from '@atlaskit/emoji/picker';
 import { Popup } from '@atlaskit/editor-common/ui';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 import { separatorStyles, buttonGroupStyle, wrapperStyle } from '../../../../ui/styles';
-import { createTable } from '../../../table/commands';
 import { insertDate } from '../../../date/actions';
 import { openElementBrowserModal } from '../../../quick-insert/commands';
 import { showPlaceholderFloatingToolbar } from '../../../placeholder-text/actions';
@@ -34,7 +33,7 @@ import { insertExpand } from '../../../expand/commands';
 import { showLinkToolbar } from '../../../hyperlink/commands';
 import { createTypeAheadTools } from '../../../type-ahead/api';
 import { updateStatusWithAnalytics } from '../../../status/actions';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, withAnalytics as commandWithAnalytics } from '../../../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '../../../analytics';
 import { insertEmoji } from '../../../emoji/commands/insert-emoji';
 import { messages } from './messages';
 import { createItems } from './create-items';
@@ -200,16 +199,27 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "insertTable", function (inputMethod) {
-      var editorView = _this.props.editorView;
-      return commandWithAnalytics({
-        action: ACTION.INSERTED,
-        actionSubject: ACTION_SUBJECT.DOCUMENT,
-        actionSubjectId: ACTION_SUBJECT_ID.TABLE,
-        attributes: {
-          inputMethod: inputMethod
-        },
-        eventType: EVENT_TYPE.TRACK
-      })(createTable())(editorView.state, editorView.dispatch);
+      var insertNodeAPI = _this.props.insertNodeAPI;
+
+      if (!insertNodeAPI) {
+        return false;
+      }
+
+      return insertNodeAPI.insert({
+        node: 'table',
+        options: {
+          selectNodeInserted: false,
+          analyticsPayload: {
+            action: ACTION.INSERTED,
+            actionSubject: ACTION_SUBJECT.DOCUMENT,
+            actionSubjectId: ACTION_SUBJECT_ID.TABLE,
+            attributes: {
+              inputMethod: inputMethod
+            },
+            eventType: EVENT_TYPE.TRACK
+          }
+        }
+      });
     });
 
     _defineProperty(_assertThisInitialized(_this), "createDate", function (inputMethod) {

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/messages.js

@@ -1,168 +1 @@
-import { defineMessages } from 'react-intl-next';
-export var messages = defineMessages({
-  action: {
-    id: 'fabric.editor.action',
-    defaultMessage: 'Action item',
-    description: 'Also known as a “task”, “to do item”, or a checklist'
-  },
-  actionDescription: {
-    id: 'fabric.editor.action.description',
-    defaultMessage: 'Create and assign action items',
-    description: ''
-  },
-  link: {
-    id: 'fabric.editor.link',
-    defaultMessage: 'Link',
-    description: 'Insert a hyperlink'
-  },
-  linkDescription: {
-    id: 'fabric.editor.link.description',
-    defaultMessage: 'Insert a link',
-    description: 'Insert a hyperlink'
-  },
-  filesAndImages: {
-    id: 'fabric.editor.filesAndImages',
-    defaultMessage: 'Files & images',
-    description: 'Insert one or more files or images'
-  },
-  filesAndImagesDescription: {
-    id: 'fabric.editor.filesAndImages.description',
-    defaultMessage: 'Add images and other files to your page',
-    description: 'Insert one or more files or images'
-  },
-  image: {
-    id: 'fabric.editor.image',
-    defaultMessage: 'Image',
-    description: 'Insert an image.'
-  },
-  mention: {
-    id: 'fabric.editor.mention',
-    defaultMessage: 'Mention',
-    description: 'Reference another person in your document'
-  },
-  mentionDescription: {
-    id: 'fabric.editor.mention.description',
-    defaultMessage: 'Mention someone to send them a notification',
-    description: 'Reference another person in your document'
-  },
-  emoji: {
-    id: 'fabric.editor.emoji',
-    defaultMessage: 'Emoji',
-    description: 'Insert an emoticon or smiley :-)'
-  },
-  emojiDescription: {
-    id: 'fabric.editor.emoji.description',
-    defaultMessage: 'Use emojis to express ideas 🎉 and emotions 😄',
-    description: 'Insert an emoticon or smiley :-)'
-  },
-  table: {
-    id: 'fabric.editor.table',
-    defaultMessage: 'Table',
-    description: 'Inserts a table in the document'
-  },
-  tableDescription: {
-    id: 'fabric.editor.table.description',
-    defaultMessage: 'Insert a table',
-    description: 'Inserts a table in the document'
-  },
-  expand: {
-    id: 'fabric.editor.expand',
-    defaultMessage: 'Expand',
-    description: 'Inserts an expand in the document'
-  },
-  expandDescription: {
-    id: 'fabric.editor.expand.description',
-    defaultMessage: 'Insert an expand',
-    description: 'Inserts an expand in the document'
-  },
-  decision: {
-    id: 'fabric.editor.decision',
-    defaultMessage: 'Decision',
-    description: 'Capture a decision you’ve made'
-  },
-  decisionDescription: {
-    id: 'fabric.editor.decision.description',
-    defaultMessage: 'Capture decisions so they’re easy to track',
-    description: 'Capture a decision you’ve made'
-  },
-  feedbackDialog: {
-    id: 'fabric.editor.feedbackDialog',
-    defaultMessage: 'Give feedback',
-    description: 'Open the feedback dialog from editor'
-  },
-  feedbackDialogDescription: {
-    id: 'fabric.editor.feedbackDialog.description',
-    defaultMessage: 'Tell us about your experience using the new editor',
-    description: 'Description for feedback option under quick insert dropdown'
-  },
-  horizontalRule: {
-    id: 'fabric.editor.horizontalRule',
-    defaultMessage: 'Divider',
-    description: 'A horizontal rule or divider'
-  },
-  horizontalRuleDescription: {
-    id: 'fabric.editor.horizontalRule.description',
-    defaultMessage: 'Separate content with a horizontal line',
-    description: 'A horizontal rule or divider'
-  },
-  date: {
-    id: 'fabric.editor.date',
-    defaultMessage: 'Date',
-    description: 'Opens a date picker that lets you select a date'
-  },
-  dateDescription: {
-    id: 'fabric.editor.date.description',
-    defaultMessage: 'Add a date using a calendar',
-    description: 'Opens a date picker that lets you select a date'
-  },
-  placeholderText: {
-    id: 'fabric.editor.placeholderText',
-    defaultMessage: 'Placeholder text',
-    description: 'Inserts a text placeholder into the page'
-  },
-  placeholderTextDescription: {
-    id: 'fabric.editor.placeholderText.description',
-    defaultMessage: 'Insert a text placeholder into the page',
-    description: 'Inserts a text placeholder into the page'
-  },
-  columns: {
-    id: 'fabric.editor.columns',
-    defaultMessage: 'Layouts',
-    description: 'Create a multi column section or layout'
-  },
-  columnsDescription: {
-    id: 'fabric.editor.columns.description',
-    defaultMessage: 'Structure your page using sections',
-    description: 'Create a multi column section or layout'
-  },
-  status: {
-    id: 'fabric.editor.status',
-    defaultMessage: 'Status',
-    description: 'Inserts an item representing the status of an activity to task.'
-  },
-  statusDescription: {
-    id: 'fabric.editor.status.description',
-    defaultMessage: 'Add a custom status label',
-    description: 'Inserts an item representing the status of an activity to task.'
-  },
-  viewMore: {
-    id: 'fabric.editor.viewMore',
-    defaultMessage: 'View more',
-    description: ''
-  },
-  insertMenu: {
-    id: 'fabric.editor.insertMenu',
-    defaultMessage: 'Insert',
-    description: 'Opens a menu of additional items that can be inserted into your document.'
-  },
-  help: {
-    id: 'fabric.editor.help',
-    defaultMessage: 'Help',
-    description: 'Opens up the help dialog'
-  },
-  helpDescription: {
-    id: 'fabric.editor.help.description',
-    defaultMessage: 'Browse all the keyboard shortcuts and markdown options',
-    description: 'Browse all the keyboard shortcuts and markdown options'
-  }
-});
+export { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';

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

@@ -5,11 +5,10 @@ var _templateObject;
 import { css } from '@emotion/react';
 import { gridSize } from '@atlaskit/theme/constants';
 import { N40A, N50A } from '@atlaskit/theme/colors';
-import { columnLayoutSharedStyle } from '@atlaskit/editor-common/styles';
+import { columnLayoutSharedStyle, LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from '@atlaskit/editor-common/styles';
 import { gridMediumMaxWidth, akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderSize, akLayoutGutterOffset, akEditorSwoopCubicBezier, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import { token } from '@atlaskit/tokens';
 import { TableCssClassName } from '../table/types';
 import { tableMarginFullWidthMode } from '../table/ui/consts';
-export var LAYOUT_SECTION_MARGIN = gridSize();
-export var LAYOUT_COLUMN_PADDING = gridSize() * 1.5;
+export { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN };
 export var layoutStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", " [data-layout-section] {\n      margin: ", "px -", "px 0;\n      transition: border-color 0.3s ", ";\n      cursor: pointer;\n\n      /* Inner cursor located 26px from left */\n      [data-layout-column] {\n        flex: 1;\n        min-width: 0;\n        // TODO: https://product-fabric.atlassian.net/browse/DSP-4353\n        border: ", "px solid\n          ", ";\n        border-radius: 4px;\n        padding: ", "px;\n        box-sizing: border-box;\n\n        > div {\n          > :not(style):first-child,\n          > style:first-child + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor.-right:first-of-type + * {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursord:first-of-type + span + * {\n            margin-top: 0;\n          }\n\n          .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .mediaSingleView-content-wrap:first-of-type .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor.-right:first-of-type\n            + .mediaSingleView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          > .ProseMirror-gapcursor:first-of-type\n            + span\n            + .mediaSingleView-content-wrap\n            .rich-media-item {\n            margin-top: 0;\n          }\n\n          /* Prevent first DecisionWrapper's margin-top: 8px from shifting decisions down\n             and shrinking layout's node selectable area (leniency margin) */\n          > [data-node-type='decisionList'] {\n            li:first-of-type [data-decision-wrapper] {\n              margin-top: 0;\n            }\n          }\n        }\n\n        /* Make the 'content' fill the entire height of the layout column to allow click\n           handler of layout section nodeview to target only data-layout-column */\n        [data-layout-content] {\n          height: 100%;\n          cursor: text;\n        }\n      }\n\n      [data-layout-column] + [data-layout-column] {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        [data-layout-column] + [data-layout-column] {\n          margin-left: 0;\n        }\n      }\n\n      // TODO: https://product-fabric.atlassian.net/browse/DSP-4441\n      /* Shows the border when cursor is inside a layout */\n      &.selected [data-layout-column],\n      &:hover [data-layout-column] {\n        border-color: ", ";\n      }\n\n      &.selected.danger > [data-layout-column] {\n        background-color: ", ";\n        border-color: ", ";\n      }\n\n      &.", ":not(.danger) {\n        [data-layout-column] {\n          ", "\n        }\n      }\n    }\n  }\n\n  .fabric-editor--full-width-mode .ProseMirror {\n    [data-layout-section] {\n      .", " {\n        margin: 0 ", "px;\n      }\n    }\n  }\n"])), columnLayoutSharedStyle, gridSize() - 1, akLayoutGutterOffset, akEditorSwoopCubicBezier, akEditorSelectedBorderSize, token('color.border', N40A), LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN, gridMediumMaxWidth, token('color.border', N50A), token('color.background.danger', akEditorDeleteBackground), token('color.border.danger', akEditorDeleteBorder), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Border, SelectionStyle.Blanket]), TableCssClassName.TABLE_CONTAINER, tableMarginFullWidthMode);

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

@@ -1,58 +1 @@
-import { Fragment, Slice } from 'prosemirror-model';
-import { flatmap, mapFragment } from '../../utils/slice';
-
-var isLayoutNode = function isLayoutNode(node) {
-  return node.type === node.type.schema.nodes.layoutSection || node.type === node.type.schema.nodes.layoutColumn;
-};
-
-export function unwrapContentFromLayout(maybeLayoutSection) {
-  var fragment = mapFragment(Fragment.from(maybeLayoutSection), function (node) {
-    return isLayoutNode(node) ? node.content : node;
-  });
-  var nodes = [];
-  fragment.forEach(function (i) {
-    return nodes.push(i);
-  });
-  return nodes;
-}
-export function removeLayoutFromFirstChild(node, i) {
-  return i === 0 ? unwrapContentFromLayout(node) : node;
-}
-export function removeLayoutFromLastChild(node, i, fragment) {
-  return i === fragment.childCount - 1 ? unwrapContentFromLayout(node) : node;
-}
-/**
- * When we have a slice that cuts across a layoutSection/layoutColumn
- * we can end up with unexpected behaviour on paste/drop where a user
- * is able to add columns to a layoutSection. By 'lifting' any content
- * inside an 'open' layoutSection/layoutColumn to the top level, we
- * can ensure prevent this.
- *
- * We only care about slices with non-zero openStart / openEnd's here
- * as we're totally fine for people to copy/paste a full layoutSection
- */
-
-export function transformSliceToRemoveOpenLayoutNodes(slice, schema) {
-  // Case 1: A slice entirely within a single layoutSection
-  if (slice.openStart && slice.openEnd && slice.content.childCount === 1) {
-    var maybeLayoutSection = slice.content.firstChild;
-
-    if (maybeLayoutSection.type === schema.nodes.layoutSection) {
-      return new Slice(flatmap(slice.content, removeLayoutFromFirstChild), // '-2' here because we've removed the layoutSection/layoutColumn; reducing the open depth.
-      slice.openStart - 2, slice.openEnd - 2);
-    }
-  } // Case 2: A slice starting inside a layoutSection and finishing outside
-
-
-  if (slice.openStart && slice.content.firstChild.type === schema.nodes.layoutSection) {
-    slice = new Slice(flatmap(slice.content, removeLayoutFromFirstChild), slice.openStart - 2, slice.openEnd);
-  } // Case 3: A slice starting outside a layoutSection and finishing inside
-
-
-  if (slice.openEnd && slice.content.lastChild.type === schema.nodes.layoutSection) {
-    slice = new Slice(flatmap(slice.content, removeLayoutFromLastChild), slice.openStart, slice.openEnd - 2);
-  } // Case 2 & 3 also handles a slice starting in one layoutSection & finishing in a different layoutSection
-
-
-  return slice;
-}
+export { unwrapContentFromLayout, removeLayoutFromFirstChild, removeLayoutFromLastChild, transformSliceToRemoveOpenLayoutNodes } from '@atlaskit/editor-common/transforms';

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

@@ -251,6 +251,16 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         width: width
       }));
       tr.setMeta('scrollIntoView', false);
+      /**
+       * Any changes to attributes of a node count the node as "recreated" in Prosemirror[1]
+       * This makes it so Prosemirror resets the selection to the child i.e. "media" instead of "media-single"
+       * The recommended fix is to reset the selection.[2]
+       *
+       * [1] https://discuss.prosemirror.net/t/setnodemarkup-loses-current-nodeselection/976
+       * [2] https://discuss.prosemirror.net/t/setnodemarkup-and-deselect/3673
+       */
+
+      tr.setSelection(NodeSelection.create(tr.doc, pos));
       return dispatch(tr);
     });
 

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

@@ -16,6 +16,7 @@ import { closeHistory } from 'prosemirror-history';
 import { Fragment, Node as PMNode, Slice } from 'prosemirror-model';
 import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { findParentNodeOfType, hasParentNodeOfType, safeInsert } from 'prosemirror-utils';
+import { replaceSelectedTable } from '@atlaskit/editor-tables/utils';
 import { compose, insideTable, isParagraph, isText, isLinkMark, insideTableCell } from '../../utils';
 import { mapSlice } from '../../utils/slice';
 import { INPUT_METHOD } from '../analytics';
@@ -25,8 +26,7 @@ import { linkifyContent } from '../hyperlink/utils';
 import { runMacroAutoConvert } from '../macro';
 import { insertMediaAsMediaSingle } from '../media/utils/media-single';
 import { pluginKey as textFormattingPluginKey } from '../text-formatting/pm-plugins/main';
-import { replaceSelectedTable } from '../table/transforms/replace-table';
-import { applyTextMarksToSlice, hasOnlyNodesOfType } from './util';
+import { addReplaceSelectedTableAnalytics, applyTextMarksToSlice, hasOnlyNodesOfType } from './util';
 import { isListNode, isListItemNode } from '../list/utils/node';
 import { canLinkBeCreatedInRange } from '../hyperlink/pm-plugins/main';
 import { insertSliceForLists } from './edge-cases'; // remove text attribute from mention for copy/paste (GDPR)
@@ -192,7 +192,9 @@ export function handlePasteAsPlainText(slice, _event) {
           selection = _tr.selection; // <- using the same internal flag that prosemirror-view is using
       // if user has selected table we need custom logic to replace the table
 
-      tr = replaceSelectedTable(state, slice, INPUT_METHOD.CLIPBOARD); // otherwise just replace the selection
+      tr = replaceSelectedTable(state, slice); // add analytics after replacing selected table
+
+      tr = addReplaceSelectedTableAnalytics(state, tr); // otherwise just replace the selection
 
       if (!tr.docChanged) {
         tr.replaceSelection(slice);
@@ -781,7 +783,9 @@ export function handlePasteIntoCaption(slice) {
 }
 export var handleSelectedTable = function handleSelectedTable(slice) {
   return function (state, dispatch) {
-    var tr = replaceSelectedTable(state, slice, INPUT_METHOD.CLIPBOARD);
+    var tr = replaceSelectedTable(state, slice); // add analytics after replacing selected table
+
+    tr = addReplaceSelectedTableAnalytics(state, tr);
 
     if (tr.docChanged) {
       if (dispatch) {

package/dist/esm/plugins/paste/util/index.js

@@ -1,8 +1,10 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { Slice, Mark } from 'prosemirror-model';
 import { isMediaBlobUrl } from '@atlaskit/media-client';
+import { ACTION_SUBJECT, addAnalytics, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '../../analytics';
 import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { findParentNodeOfType } from 'prosemirror-utils';
+import { getSelectedTableInfo, isTableSelected } from '@atlaskit/editor-tables/utils';
 export function isPastedFromWord(html) {
   return !!html && html.indexOf('urn:schemas-microsoft-com:office:word') >= 0;
 }
@@ -197,4 +199,25 @@ export var removeDuplicateInvalidLinks = function removeDuplicateInvalidLinks(ht
   }
 
   return html;
+};
+export var addReplaceSelectedTableAnalytics = function addReplaceSelectedTableAnalytics(state, tr) {
+  if (isTableSelected(state.selection)) {
+    var _getSelectedTableInfo = getSelectedTableInfo(state.selection),
+        totalRowCount = _getSelectedTableInfo.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo.totalColumnCount;
+
+    addAnalytics(state, tr, {
+      action: TABLE_ACTION.REPLACED,
+      actionSubject: ACTION_SUBJECT.TABLE,
+      attributes: {
+        totalColumnCount: totalColumnCount,
+        totalRowCount: totalRowCount,
+        inputMethod: INPUT_METHOD.CLIPBOARD
+      },
+      eventType: EVENT_TYPE.TRACK
+    });
+    return tr;
+  }
+
+  return state.tr;
 };

package/dist/esm/plugins/selection/gap-cursor/selection.js

@@ -1,176 +1 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import { Selection } from 'prosemirror-state';
-import { Slice } from 'prosemirror-model';
-import { isValidTargetNode } from './utils/is-valid-target-node';
-export var Side;
-
-(function (Side) {
-  Side["LEFT"] = "left";
-  Side["RIGHT"] = "right";
-})(Side || (Side = {}));
-
-export var JSON_ID = 'gapcursor';
-export var GapCursorSelection = /*#__PURE__*/function (_Selection) {
-  _inherits(GapCursorSelection, _Selection);
-
-  var _super = _createSuper(GapCursorSelection);
-
-  /**
-   * Construct a GapCursorSelection
-   * @param {ResolvedPos} $pos resolved position
-   * @param {Side} side side where the gap cursor is drawn
-   */
-  function GapCursorSelection($pos) {
-    var _this;
-
-    var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Side.LEFT;
-
-    _classCallCheck(this, GapCursorSelection);
-
-    _this = _super.call(this, $pos, $pos);
-
-    _defineProperty(_assertThisInitialized(_this), "visible", false);
-
-    _this.side = side;
-    return _this;
-  }
-
-  _createClass(GapCursorSelection, [{
-    key: "map",
-    value: function map(doc, mapping) {
-      var $pos = doc.resolve(mapping.map(this.head));
-      return GapCursorSelection.valid($pos) ? new GapCursorSelection($pos, this.side) : Selection.near($pos);
-    }
-  }, {
-    key: "eq",
-    value: function eq(other) {
-      return other instanceof GapCursorSelection && other.head === this.head;
-    }
-  }, {
-    key: "content",
-    value: function content() {
-      return Slice.empty;
-    }
-  }, {
-    key: "getBookmark",
-    value: function getBookmark() {
-      return new GapBookmark(this.anchor);
-    }
-  }, {
-    key: "toJSON",
-    value: function toJSON() {
-      return {
-        pos: this.head,
-        type: JSON_ID,
-        side: this.side
-      };
-    }
-  }], [{
-    key: "valid",
-    value: function valid($pos) {
-      var parent = $pos.parent,
-          nodeBefore = $pos.nodeBefore,
-          nodeAfter = $pos.nodeAfter;
-      var targetNode = isValidTargetNode(nodeBefore) ? nodeBefore : isValidTargetNode(nodeAfter) ? nodeAfter : null;
-
-      if (!targetNode || parent.isTextblock) {
-        return false;
-      }
-
-      var deflt = parent.contentMatchAt($pos.index()).defaultType;
-      return deflt && deflt.isTextblock;
-    }
-  }, {
-    key: "findFrom",
-    value: function findFrom($pos, dir) {
-      var mustMove = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var side = dir === 1 ? Side.RIGHT : Side.LEFT;
-
-      if (!mustMove && GapCursorSelection.valid($pos)) {
-        return new GapCursorSelection($pos, side);
-      }
-
-      var pos = $pos.pos; // TODO: Fix any, potential issue. ED-5048
-
-      var next = null; // Scan up from this position
-
-      for (var d = $pos.depth;; d--) {
-        var parent = $pos.node(d);
-
-        if (side === Side.RIGHT ? $pos.indexAfter(d) < parent.childCount : $pos.index(d) > 0) {
-          next = parent.maybeChild(side === Side.RIGHT ? $pos.indexAfter(d) : $pos.index(d) - 1);
-          break;
-        } else if (d === 0) {
-          return null;
-        }
-
-        pos += dir;
-        var $cur = $pos.doc.resolve(pos);
-
-        if (GapCursorSelection.valid($cur)) {
-          return new GapCursorSelection($cur, side);
-        }
-      } // And then down into the next node
-
-
-      for (;;) {
-        next = side === Side.RIGHT ? next.firstChild : next.lastChild;
-
-        if (next === null) {
-          break;
-        }
-
-        pos += dir;
-
-        var _$cur = $pos.doc.resolve(pos);
-
-        if (GapCursorSelection.valid(_$cur)) {
-          return new GapCursorSelection(_$cur, side);
-        }
-      }
-
-      return null;
-    }
-  }, {
-    key: "fromJSON",
-    value: function fromJSON(doc, json) {
-      return new GapCursorSelection(doc.resolve(json.pos), json.side);
-    }
-  }]);
-
-  return GapCursorSelection;
-}(Selection);
-Selection.jsonID(JSON_ID, GapCursorSelection);
-export var GapBookmark = /*#__PURE__*/function () {
-  function GapBookmark(pos) {
-    _classCallCheck(this, GapBookmark);
-
-    this.pos = pos;
-  }
-
-  _createClass(GapBookmark, [{
-    key: "map",
-    value: function map(mapping) {
-      return new GapBookmark(mapping.map(this.pos));
-    }
-  }, {
-    key: "resolve",
-    value: function resolve(doc) {
-      var $pos = doc.resolve(this.pos);
-      return GapCursorSelection.valid($pos) ? new GapCursorSelection($pos) : Selection.near($pos);
-    }
-  }]);
-
-  return GapBookmark;
-}();
+export { GapCursorSelection, JSON_ID, Side, GapBookmark } from '@atlaskit/editor-common/selection';

package/dist/esm/plugins/selection/gap-cursor/utils/is-ignored.js

@@ -1,5 +1 @@
-// we don't show gap cursor for those nodes
-var IGNORED_NODES = ['paragraph', 'bulletList', 'orderedList', 'listItem', 'taskItem', 'decisionItem', 'heading', 'blockquote', 'layoutColumn', 'caption', 'media'];
-export var isIgnored = function isIgnored(node) {
-  return !!node && IGNORED_NODES.indexOf(node.type.name) !== -1;
-};
+export { isIgnored } from '@atlaskit/editor-common/selection';

package/dist/esm/plugins/selection/gap-cursor/utils/is-valid-target-node.js

@@ -1,4 +1 @@
-import { isIgnored } from './is-ignored';
-export var isValidTargetNode = function isValidTargetNode(node) {
-  return !!node && !isIgnored(node);
-};
+export { isValidTargetNode } from '@atlaskit/editor-common/selection';