@atlaskit/editor-core 172.1.1 → 172.2.0

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

@@ -3,175 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.messages = void 0;
-
-var _reactIntlNext = require("react-intl-next");
-
-var messages = (0, _reactIntlNext.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'
+Object.defineProperty(exports, "messages", {
+  enumerable: true,
+  get: function get() {
+    return _messages.toolbarInsertBlockMessages;
   }
 });
-exports.messages = messages;
+
+var _messages = require("@atlaskit/editor-common/messages");

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

@@ -5,7 +5,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.layoutStyles = exports.LAYOUT_SECTION_MARGIN = exports.LAYOUT_COLUMN_PADDING = void 0;
+Object.defineProperty(exports, "LAYOUT_COLUMN_PADDING", {
+  enumerable: true,
+  get: function get() {
+    return _styles.LAYOUT_COLUMN_PADDING;
+  }
+});
+Object.defineProperty(exports, "LAYOUT_SECTION_MARGIN", {
+  enumerable: true,
+  get: function get() {
+    return _styles.LAYOUT_SECTION_MARGIN;
+  }
+});
+exports.layoutStyles = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -27,9 +39,5 @@ var _consts = require("../table/ui/consts");
 
 var _templateObject;
 
-var LAYOUT_SECTION_MARGIN = (0, _constants.gridSize)();
-exports.LAYOUT_SECTION_MARGIN = LAYOUT_SECTION_MARGIN;
-var LAYOUT_COLUMN_PADDING = (0, _constants.gridSize)() * 1.5;
-exports.LAYOUT_COLUMN_PADDING = LAYOUT_COLUMN_PADDING;
-var layoutStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", " [data-layout-section] {\n      margin: ", "px -", "px 0;\n      transition: border-color 0.3s ", ";\n      cursor: pointer;\n\n      /* Inner cursor located 26px from left */\n      [data-layout-column] {\n        flex: 1;\n        min-width: 0;\n        // 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"])), _styles.columnLayoutSharedStyle, (0, _constants.gridSize)() - 1, _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorSelectedBorderSize, (0, _tokens.token)('color.border', _colors.N40A), LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN, _editorSharedStyles.gridMediumMaxWidth, (0, _tokens.token)('color.border', _colors.N50A), (0, _tokens.token)('color.background.danger', _editorSharedStyles.akEditorDeleteBackground), (0, _tokens.token)('color.border.danger', _editorSharedStyles.akEditorDeleteBorder), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Border, _editorSharedStyles.SelectionStyle.Blanket]), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode);
+var layoutStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", " [data-layout-section] {\n      margin: ", "px -", "px 0;\n      transition: border-color 0.3s ", ";\n      cursor: pointer;\n\n      /* Inner cursor located 26px from left */\n      [data-layout-column] {\n        flex: 1;\n        min-width: 0;\n        // 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"])), _styles.columnLayoutSharedStyle, (0, _constants.gridSize)() - 1, _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akEditorSwoopCubicBezier, _editorSharedStyles.akEditorSelectedBorderSize, (0, _tokens.token)('color.border', _colors.N40A), _styles.LAYOUT_COLUMN_PADDING, _styles.LAYOUT_SECTION_MARGIN, _editorSharedStyles.gridMediumMaxWidth, (0, _tokens.token)('color.border', _colors.N50A), (0, _tokens.token)('color.background.danger', _editorSharedStyles.akEditorDeleteBackground), (0, _tokens.token)('color.border.danger', _editorSharedStyles.akEditorDeleteBorder), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Border, _editorSharedStyles.SelectionStyle.Blanket]), _types.TableCssClassName.TABLE_CONTAINER, _consts.tableMarginFullWidthMode);
 exports.layoutStyles = layoutStyles;

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

@@ -3,70 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeLayoutFromFirstChild = removeLayoutFromFirstChild;
-exports.removeLayoutFromLastChild = removeLayoutFromLastChild;
-exports.transformSliceToRemoveOpenLayoutNodes = transformSliceToRemoveOpenLayoutNodes;
-exports.unwrapContentFromLayout = unwrapContentFromLayout;
-
-var _prosemirrorModel = require("prosemirror-model");
-
-var _slice = require("../../utils/slice");
-
-var isLayoutNode = function isLayoutNode(node) {
-  return node.type === node.type.schema.nodes.layoutSection || node.type === node.type.schema.nodes.layoutColumn;
-};
-
-function unwrapContentFromLayout(maybeLayoutSection) {
-  var fragment = (0, _slice.mapFragment)(_prosemirrorModel.Fragment.from(maybeLayoutSection), function (node) {
-    return isLayoutNode(node) ? node.content : node;
-  });
-  var nodes = [];
-  fragment.forEach(function (i) {
-    return nodes.push(i);
-  });
-  return nodes;
-}
-
-function removeLayoutFromFirstChild(node, i) {
-  return i === 0 ? unwrapContentFromLayout(node) : node;
-}
-
-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
- */
-
-
-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 _prosemirrorModel.Slice((0, _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 _prosemirrorModel.Slice((0, _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 _prosemirrorModel.Slice((0, _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
-
+Object.defineProperty(exports, "removeLayoutFromFirstChild", {
+  enumerable: true,
+  get: function get() {
+    return _transforms.removeLayoutFromFirstChild;
+  }
+});
+Object.defineProperty(exports, "removeLayoutFromLastChild", {
+  enumerable: true,
+  get: function get() {
+    return _transforms.removeLayoutFromLastChild;
+  }
+});
+Object.defineProperty(exports, "transformSliceToRemoveOpenLayoutNodes", {
+  enumerable: true,
+  get: function get() {
+    return _transforms.transformSliceToRemoveOpenLayoutNodes;
+  }
+});
+Object.defineProperty(exports, "unwrapContentFromLayout", {
+  enumerable: true,
+  get: function get() {
+    return _transforms.unwrapContentFromLayout;
+  }
+});
 
-  return slice;
-}
+var _transforms = require("@atlaskit/editor-common/transforms");

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

@@ -286,6 +286,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(_prosemirrorState.NodeSelection.create(tr.doc, pos));
       return dispatch(tr);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clickPlaceholder", function () {

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

@@ -37,7 +37,9 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
-var _utils = require("../../utils");
+var _utils = require("@atlaskit/editor-tables/utils");
+
+var _utils2 = require("../../utils");
 
 var _slice = require("../../utils/slice");
 
@@ -47,7 +49,7 @@ var _doc = require("../card/pm-plugins/doc");
 
 var _gapCursorSelection = require("../selection/gap-cursor-selection");
 
-var _utils2 = require("../hyperlink/utils");
+var _utils3 = require("../hyperlink/utils");
 
 var _macro = require("../macro");
 
@@ -55,8 +57,6 @@ var _mediaSingle = require("../media/utils/media-single");
 
 var _main = require("../text-formatting/pm-plugins/main");
 
-var _replaceTable = require("../table/transforms/replace-table");
-
 var _util = require("./util");
 
 var _node = require("../list/utils/node");
@@ -128,7 +128,7 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice) {
       return false;
     }
 
-    var filters = [(0, _utils2.linkifyContent)(schema)];
+    var filters = [(0, _utils3.linkifyContent)(schema)];
     var selectionMarks = selection.$head.marks();
 
     var textFormattingState = _main.pluginKey.getState(state);
@@ -138,7 +138,7 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice) {
       filters.push((0, _util.applyTextMarksToSlice)(schema, selection.$head.marks()));
     }
 
-    var transformedSlice = _utils.compose.apply(null, filters)(slice);
+    var transformedSlice = _utils2.compose.apply(null, filters)(slice);
 
     var tr = (0, _prosemirrorHistory.closeHistory)(state.tr);
     var transformedSliceIsValidNode = transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskList', 'taskItem', 'panel'].includes(transformedSlice.content.firstChild.type.name); // If the slice or the selection are valid nodes to handle,
@@ -194,10 +194,10 @@ function handlePasteLinkOnSelectedText(slice) {
         tr = state.tr;
     var linkMark; // check if we have a link on the clipboard
 
-    if (slice.content.childCount === 1 && (0, _utils.isParagraph)(slice.content.child(0), schema)) {
+    if (slice.content.childCount === 1 && (0, _utils2.isParagraph)(slice.content.child(0), schema)) {
       var paragraph = slice.content.child(0);
 
-      if (paragraph.content.childCount === 1 && (0, _utils.isText)(paragraph.content.child(0), schema)) {
+      if (paragraph.content.childCount === 1 && (0, _utils2.isText)(paragraph.content.child(0), schema)) {
         var text = paragraph.content.child(0); // If pasteType is plain text, then
         //  @atlaskit/editor-markdown-transformer in getMarkdownSlice decode
         //  url before setting text property of text node.
@@ -209,7 +209,7 @@ function handlePasteLinkOnSelectedText(slice) {
         //  and href in marks, both won't be decoded.
 
         linkMark = text.marks.find(function (mark) {
-          return (0, _utils.isLinkMark)(mark, schema) && (mark.attrs.href === text.text || decodeURI(mark.attrs.href) === text.text);
+          return (0, _utils2.isLinkMark)(mark, schema) && (mark.attrs.href === text.text || decodeURI(mark.attrs.href) === text.text);
         });
       }
     } // if we have a link, apply it to the selected text if we have any and it's allowed
@@ -243,7 +243,9 @@ 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 = (0, _replaceTable.replaceSelectedTable)(state, slice, _analytics.INPUT_METHOD.CLIPBOARD); // otherwise just replace the selection
+      tr = (0, _utils.replaceSelectedTable)(state, slice); // add analytics after replacing selected table
+
+      tr = (0, _util.addReplaceSelectedTableAnalytics)(state, tr); // otherwise just replace the selection
 
       if (!tr.docChanged) {
         tr.replaceSelection(slice);
@@ -470,7 +472,7 @@ function handleMediaSingle(inputMethod) {
           return (0, _mediaSingle.insertMediaAsMediaSingle)(view, slice.content.firstChild, inputMethod);
         }
 
-        if ((0, _utils.insideTable)(state) && isOnlyMediaSingle(state, slice)) {
+        if ((0, _utils2.insideTable)(state) && isOnlyMediaSingle(state, slice)) {
           var tr = state.tr.replaceSelection(slice);
           var nextPos = tr.doc.resolve(tr.mapping.map(state.selection.$from.pos));
 
@@ -501,7 +503,7 @@ function handleExpandPasteInTable(slice) {
   return function (state, dispatch) {
     // Do not handle expand if it's not being pasted into a table
     // OR if it's nested within another node when being pasted into a table
-    if (!(0, _utils.insideTable)(state) || !checkExpand(slice)) {
+    if (!(0, _utils2.insideTable)(state) || !checkExpand(slice)) {
       return false;
     }
 
@@ -585,7 +587,7 @@ function rollupLeafListItems(list, leafListItems) {
 
 function shouldFlattenList(state, slice) {
   var node = slice.content.firstChild;
-  return node && (0, _utils.insideTable)(state) && (0, _node.isListNode)(node) && slice.openStart > slice.openEnd;
+  return node && (0, _utils2.insideTable)(state) && (0, _node.isListNode)(node) && slice.openStart > slice.openEnd;
 }
 
 function sliceHasTopLevelMarks(slice) {
@@ -791,7 +793,7 @@ function handleRichText(slice) {
         }
       });
 
-      if ((0, _utils.insideTableCell)(state) && !doesBlockNodeExist) {
+      if ((0, _utils2.insideTableCell)(state) && !doesBlockNodeExist) {
         // bring back the old code for inline nodes
         insertIntoPanel(tr, slice, panel);
       } else {
@@ -841,7 +843,9 @@ function handlePasteIntoCaption(slice) {
 
 var handleSelectedTable = function handleSelectedTable(slice) {
   return function (state, dispatch) {
-    var tr = (0, _replaceTable.replaceSelectedTable)(state, slice, _analytics.INPUT_METHOD.CLIPBOARD);
+    var tr = (0, _utils.replaceSelectedTable)(state, slice); // add analytics after replacing selected table
+
+    tr = (0, _util.addReplaceSelectedTableAnalytics)(state, tr);
 
     if (tr.docChanged) {
       if (dispatch) {

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

@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.addReplaceSelectedTableAnalytics = void 0;
 exports.applyTextMarksToSlice = applyTextMarksToSlice;
 exports.escapeLinks = escapeLinks;
 exports.getPasteSource = getPasteSource;
@@ -31,10 +32,14 @@ var _prosemirrorModel = require("prosemirror-model");
 
 var _mediaClient = require("@atlaskit/media-client");
 
+var _analytics = require("../../analytics");
+
 var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
+var _utils = require("@atlaskit/editor-tables/utils");
+
 function isPastedFromWord(html) {
   return !!html && html.indexOf('urn:schemas-microsoft-com:office:word') >= 0;
 }
@@ -255,4 +260,28 @@ var removeDuplicateInvalidLinks = function removeDuplicateInvalidLinks(html) {
   return html;
 };
 
-exports.removeDuplicateInvalidLinks = removeDuplicateInvalidLinks;
+exports.removeDuplicateInvalidLinks = removeDuplicateInvalidLinks;
+
+var addReplaceSelectedTableAnalytics = function addReplaceSelectedTableAnalytics(state, tr) {
+  if ((0, _utils.isTableSelected)(state.selection)) {
+    var _getSelectedTableInfo = (0, _utils.getSelectedTableInfo)(state.selection),
+        totalRowCount = _getSelectedTableInfo.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo.totalColumnCount;
+
+    (0, _analytics.addAnalytics)(state, tr, {
+      action: _analytics.TABLE_ACTION.REPLACED,
+      actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+      attributes: {
+        totalColumnCount: totalColumnCount,
+        totalRowCount: totalRowCount,
+        inputMethod: _analytics.INPUT_METHOD.CLIPBOARD
+      },
+      eventType: _analytics.EVENT_TYPE.TRACK
+    });
+    return tr;
+  }
+
+  return state.tr;
+};
+
+exports.addReplaceSelectedTableAnalytics = addReplaceSelectedTableAnalytics;