@atlaskit/editor-core 166.0.2 → 167.0.0

package/dist/esm/plugins/paste/linkify-md-plugin.js

@@ -1,5 +1,6 @@
 import { linkifyMatch } from '@atlaskit/adf-schema';
-import LinkifyIt from 'linkify-it'; // modified version of the original Linkify plugin
+import LinkifyIt from 'linkify-it';
+import { findFilepaths, isLinkInMatches } from '../hyperlink/utils'; // modified version of the original Linkify plugin
 // https://github.com/markdown-it/markdown-it/blob/master/lib/rules_core/linkify.js
 
 var arrayReplaceAt = function arrayReplaceAt(src, pos, newElements) {
@@ -67,8 +68,13 @@ var linkify = function linkify(state) {
         var nodes = [];
         var level = currentToken.level;
         var lastPos = 0;
+        var filepaths = findFilepaths(text);
 
         for (var ln = 0; ln < links.length; ln++) {
+          if (isLinkInMatches(links[ln].index, filepaths)) {
+            continue;
+          }
+
           var url = links[ln].url;
           var fullUrl = state.md.normalizeLink(url);
 

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

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { ACTION, INPUT_METHOD, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, PasteTypes, PasteContents, withAnalytics } from '../../analytics';
 import { getPasteSource } from '../util';
-import { handlePasteAsPlainText, handlePasteIntoTaskAndDecision, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText } from '../handlers';
+import { handlePasteAsPlainText, handlePasteIntoTaskAndDecision, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText, handlePasteIntoCaption } from '../handlers';
 import { pipe } from '../../../utils';
 import { findParentNode } from 'prosemirror-utils';
 import { mapSlice } from '../../../utils/slice';
@@ -222,6 +222,11 @@ export var handlePasteIntoTaskAndDecisionWithAnalytics = function handlePasteInt
     type: type
   }))(slice);
 };
+export var handlePasteIntoCaptionWithAnalytics = function handlePasteIntoCaptionWithAnalytics(view, event, slice, type) {
+  return pipe(handlePasteIntoCaption, pasteCommandWithAnalytics(view, event, slice, {
+    type: type
+  }))(slice);
+};
 export var handleCodeBlockWithAnalytics = function handleCodeBlockWithAnalytics(view, event, slice, text) {
   return pipe(handleCodeBlock, pasteCommandWithAnalytics(view, event, slice, {
     type: PasteTypes.plain

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

@@ -1,5 +1,5 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import { Slice, Fragment } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
@@ -14,7 +14,7 @@ import { linkifyContent } from '../../hyperlink/utils';
 import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
-import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent } from './analytics';
+import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics } from './analytics';
 import { analyticsPluginKey, PasteTypes } from '../../analytics';
 import { insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
@@ -28,6 +28,7 @@ import { pluginKey as betterTypePluginKey } from '../../base/pm-plugins/better-t
 import { clipboardTextSerializer } from './clipboard-text-serializer';
 import { htmlHasIncompleteTable, tryRebuildCompleteTableHtml, isPastedFromTinyMCEConfluence } from '../util/tinyMCE';
 import { handlePaste as handlePasteTable } from '@atlaskit/editor-tables/utils';
+import { extractSliceFromStep } from '../../../utils/step';
 export var stateKey = new PluginKey('pastePlugin');
 export { md } from '../md';
 export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkification, cardOptions, sanitizePrivateContent, providerFactory) {
@@ -184,8 +185,25 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
           // don't add closeHistory call if we're pasting a text inside placeholder text as we want the whole action
           // to be atomic
           var placeholder = state.schema.nodes.placeholder;
+          var isPastingTextInsidePlaceholderText = ((_state$doc$resolve$no = state.doc.resolve(state.selection.$anchor.pos).nodeAfter) === null || _state$doc$resolve$no === void 0 ? void 0 : _state$doc$resolve$no.type) === placeholder; // don't add closeHistory call if we're pasting a table, as some tables may involve additional
+          // appendedTransactions to repair them (if they're partial or incomplete) and we don't want
+          // to split those repairing transactions in prosemirror-history when they're being added to the
+          // "done" stack
+
+          var isPastingTable = tr.steps.some(function (step) {
+            var _slice$content;
+
+            var slice = extractSliceFromStep(step);
+            var tableExists = false;
+            slice === null || slice === void 0 ? void 0 : (_slice$content = slice.content) === null || _slice$content === void 0 ? void 0 : _slice$content.forEach(function (node) {
+              if (node.type === state.schema.nodes.table) {
+                tableExists = true;
+              }
+            });
+            return tableExists;
+          });
 
-          if (((_state$doc$resolve$no = state.doc.resolve(state.selection.$anchor.pos).nodeAfter) === null || _state$doc$resolve$no === void 0 ? void 0 : _state$doc$resolve$no.type) !== placeholder) {
+          if (!isPastingTextInsidePlaceholderText && !isPastingTable) {
             tr.setMeta(betterTypePluginKey, true);
           }
 
@@ -308,6 +326,13 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
 
           if (!insideTable(state)) {
             slice = transformSliceNestedExpandToExpand(slice, state.schema);
+          } // Create a custom handler to avoid handling with handleRichText method
+          // As SafeInsert is used inside handleRichText which caused some bad UX like this:
+          // https://product-fabric.atlassian.net/browse/MEX-1520
+
+
+          if (handlePasteIntoCaptionWithAnalytics(view, event, slice, PasteTypes.richText)(state, dispatch)) {
+            return true;
           }
 
           return handleRichTextWithAnalytics(view, event, slice)(state, dispatch);

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

@@ -1,4 +1,5 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { browser } from '@atlaskit/editor-common/utils';
 import { PluginKey } from 'prosemirror-state';
 import { DecorationSet, Decoration } from 'prosemirror-view';
 import { isInEmptyLine, isEmptyDocument, bracketTyped } from '../../utils/document';
@@ -27,7 +28,17 @@ export function createPlaceholderDecoration(editorState, placeholderText) {
   placeholderDecoration.className = placeHolderClass;
   var placeholderNode = document.createElement('span');
   placeholderNode.textContent = placeholderText;
-  placeholderDecoration.appendChild(placeholderNode);
+  placeholderDecoration.appendChild(placeholderNode); // ME-2289 Tapping on backspace in empty editor hides and displays the keyboard
+  // Add a editable buff node as the cursor moving forward is inevitable
+  // when backspace in GBoard composition
+
+  if (browser.android && browser.chrome) {
+    var buffNode = document.createElement('span');
+    buffNode.setAttribute('contenteditable', 'true');
+    buffNode.textContent = ' ';
+    placeholderDecoration.appendChild(buffNode);
+  }
+
   return DecorationSet.create(editorState.doc, [Decoration.widget(pos, placeholderDecoration, {
     side: -1,
     key: 'placeholder'

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

@@ -4,5 +4,6 @@ var _templateObject;
 
 import { css } from '@emotion/react';
 import { N200 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 export var placeHolderClassName = 'placeholder-decoration';
-export var placeholderStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .", " {\n    position: relative;\n    color: ", ";\n    width: 100%;\n\n    pointer-events: none;\n    display: block;\n    user-select: none;\n\n    > span {\n      position: absolute;\n      pointer-events: none;\n    }\n\n    &.align-end > span {\n      right: 0;\n    }\n\n    &.align-center > span {\n      left: 0;\n    }\n  }\n"])), placeHolderClassName, N200);
+export var placeholderStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .", " {\n    position: relative;\n    color: ", ";\n    width: 100%;\n\n    pointer-events: none;\n    display: block;\n    user-select: none;\n\n    > span {\n      position: absolute;\n      pointer-events: none;\n      outline: none;\n    }\n\n    &.align-end > span {\n      right: 0;\n    }\n\n    &.align-center > span {\n      left: 0;\n    }\n  }\n"])), placeHolderClassName, token('color.text.subtlest', N200));

package/dist/esm/plugins/placeholder-text/styles.js

@@ -5,4 +5,5 @@ var _templateObject;
 import { css } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-export var placeholderTextStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n    display: inline;\n  }\n\n  .ProseMirror span.pm-placeholder {\n    display: inline;\n    color: ", ";\n  }\n  .ProseMirror span.pm-placeholder__text {\n    display: inline;\n    color: ", ";\n  }\n\n  .ProseMirror span.pm-placeholder.", " {\n    ", "\n  }\n\n  .ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n    color: ", ";\n    cursor: text;\n    content: attr(data-placeholder);\n    display: inline;\n  }\n"])), N300, N300, N300, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Background]), N300);
+import { token } from '@atlaskit/tokens';
+export var placeholderTextStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n    display: inline;\n  }\n\n  .ProseMirror span.pm-placeholder {\n    display: inline;\n    color: ", ";\n  }\n  .ProseMirror span.pm-placeholder__text {\n    display: inline;\n    color: ", ";\n  }\n\n  .ProseMirror span.pm-placeholder.", " {\n    ", "\n  }\n\n  .ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n    color: ", ";\n    cursor: text;\n    content: attr(data-placeholder);\n    display: inline;\n  }\n"])), token('color.text.subtlest', N300), token('color.text.subtlest', N300), token('color.text.subtlest', N300), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Background]), token('color.text.subtlest', N300));

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

@@ -1,6 +1,6 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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; }
 

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

@@ -9,4 +9,4 @@ var gapCursor = '.ProseMirror-gapcursor';
 var prosemirrorwidget = '.ProseMirror-widget';
 var wrapLeft = '[layout="wrap-left"]';
 var wrapRight = '[layout="wrap-right"]';
-export var gapCursorStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* =============== GAP CURSOR ================== */\n  .ProseMirror {\n    &.", " {\n      caret-color: transparent;\n    }\n\n    ", " {\n      display: none;\n      pointer-events: none;\n      position: relative;\n\n      & span {\n        caret-color: transparent;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        display: block;\n      }\n\n      & span::after {\n        animation: 1s ", " step-end infinite;\n        border-left: 1px solid;\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        height: 100%;\n      }\n      &.-left span::after {\n        left: -3px;\n      }\n      &.-right span::after {\n        right: -3px;\n      }\n      & span[layout='full-width'],\n      & span[layout='wide'] {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n      &", " {\n        float: right;\n      }\n\n      /* fix vertical alighment of gap cursor */\n      &:first-child + ul,\n      &:first-child + span + ul,\n      &:first-child + ol,\n      &:first-child + span + ol,\n      &:first-child + pre,\n      &:first-child + span + pre,\n      &:first-child + blockquote,\n      &:first-child + span + blockquote {\n        margin-top: 0;\n      }\n    }\n    &.ProseMirror-focused ", " {\n      display: block;\n      border-color: transparent;\n    }\n  }\n\n  /* This hack below is for two images aligned side by side */\n  ", "", " + span + ", ",\n  ", "", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " {\n    clear: none;\n  }\n\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div {\n    margin-right: 0;\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n\n  ", " + ", ",\n  ", " + ", " {\n    float: left;\n  }\n\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + ", "::after,\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + ", "::after,\n  ", " + ", " + span + ", "::after {\n    visibility: hidden;\n    display: block;\n    font-size: 0;\n    content: ' ';\n    clear: both;\n    height: 0;\n  }\n\n  ", " + ", " + ", " + *,\n  ", " + ", " + ", " + span + *,\n  ", " + ", " + ", " + *,\n  ", " + ", " + ", " + span + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + ", " + * > *,\n  ", " + ", " + ", " + span + * > *,\n  ", " + ", " + ", " + * > *,\n  ", " + ", " + ", " + span + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + *,\n  ", " + ", " + span + * {\n    margin-top: 0;\n  }\n"])), hideCaretModifier, gapCursor, gapCursorBlink, wrapRight, gapCursor, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, wrapLeft, gapCursor, wrapRight, gapCursor, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, prosemirrorwidget, gapCursor, prosemirrorwidget, gapCursor);
+export var gapCursorStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  /* =============== GAP CURSOR ================== */\n  .ProseMirror {\n    &.", " {\n      caret-color: transparent;\n    }\n\n    ", " {\n      display: none;\n      pointer-events: none;\n      position: relative;\n\n      & span {\n        caret-color: transparent;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        display: block;\n      }\n\n      & span::after {\n        animation: 1s ", " step-end infinite;\n        border-left: 1px solid;\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        height: 100%;\n      }\n      &.-left span::after {\n        left: -3px;\n      }\n      &.-right span::after {\n        right: -3px;\n      }\n      & span[layout='full-width'],\n      & span[layout='wide'] {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n      &", " {\n        float: right;\n      }\n\n      /* fix vertical alignment of gap cursor */\n      &:first-of-type + ul,\n      &:first-of-type + span + ul,\n      &:first-of-type + ol,\n      &:first-of-type + span + ol,\n      &:first-of-type + pre,\n      &:first-of-type + span + pre,\n      &:first-of-type + blockquote,\n      &:first-of-type + span + blockquote {\n        margin-top: 0;\n      }\n    }\n    &.ProseMirror-focused ", " {\n      display: block;\n      border-color: transparent;\n    }\n  }\n\n  /* This hack below is for two images aligned side by side */\n  ", "", " + span + ", ",\n  ", "", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " {\n    clear: none;\n  }\n\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div {\n    margin-right: 0;\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n\n  ", " + ", ",\n  ", " + ", " {\n    float: left;\n  }\n\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + ", "::after,\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + ", "::after,\n  ", " + ", " + span + ", "::after {\n    visibility: hidden;\n    display: block;\n    font-size: 0;\n    content: ' ';\n    clear: both;\n    height: 0;\n  }\n\n  ", " + ", " + ", " + *,\n  ", " + ", " + ", " + span + *,\n  ", " + ", " + ", " + *,\n  ", " + ", " + ", " + span + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + ", " + * > *,\n  ", " + ", " + ", " + span + * > *,\n  ", " + ", " + ", " + * > *,\n  ", " + ", " + ", " + span + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + *,\n  ", " + ", " + span + * {\n    margin-top: 0;\n  }\n"])), hideCaretModifier, gapCursor, gapCursorBlink, wrapRight, gapCursor, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, wrapLeft, gapCursor, wrapRight, gapCursor, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, prosemirrorwidget, gapCursor, prosemirrorwidget, gapCursor);

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

@@ -34,8 +34,8 @@ var plugin = new SafePlugin({
     }
 
     return {
-      update: function update(view, state) {
-        var pluginState = gapCursorPluginKey.getState(state);
+      update: function update(view) {
+        var pluginState = gapCursorPluginKey.getState(view.state);
         /**
          * Starting with prosemirror-view 1.19.4, cursor wrapper that previousely was hiding cursor doesn't exist:
          * https://github.com/ProseMirror/prosemirror-view/commit/4a56bc7b7e61e96ef879d1dae1014ede0fc09e43

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

@@ -22,10 +22,10 @@ import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
 import { StatusPicker as AkStatusPicker } from '@atlaskit/status/picker';
 import { borderRadius, gridSize } from '@atlaskit/theme/constants';
 import { N0 } from '@atlaskit/theme/colors';
-import { dropShadow } from '../../../ui/styles';
 import withOuterListeners from '../../../ui/with-outer-listeners';
 import { DEFAULT_STATUS } from '../actions';
 import { analyticsState, createStatusAnalyticsAndFire } from '../analytics';
+import { token } from '@atlaskit/tokens';
 var PopupWithListeners = withOuterListeners(Popup);
 export var InputMethod;
 
@@ -35,7 +35,7 @@ export var InputMethod;
   InputMethod["enterKey"] = "enterKey";
 })(InputMethod || (InputMethod = {}));
 
-var pickerContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: ", "px 0;\n  border-radius: ", "px;\n  ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), N0, gridSize(), borderRadius(), dropShadow);
+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"])), token('elevation.surface.overlay', N0), gridSize(), borderRadius(), token('elevation.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);
 

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

@@ -11,6 +11,7 @@ import { IconTable } from '../quick-insert/assets';
 import { pluginConfig } from './create-plugin-config';
 import { createPlugin as createTableLocalIdPlugin } from './pm-plugins/table-local-id';
 import { createPlugin as createTableSafariDelayedDomSelectionSyncingWorkaroundPlugin } from './pm-plugins/safari-delayed-dom-selection-syncing-workaround';
+import { createPlugin as createTableSafariDeleteCompositionTextIssueWorkaroundPlugin } from './pm-plugins/safari-delete-composition-text-issue-workaround';
 import { createPlugin as createDecorationsPlugin } from './pm-plugins/decorations/plugin';
 import { keymapPlugin } from './pm-plugins/keymap';
 import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap';
@@ -55,13 +56,12 @@ var tablesPlugin = function tablesPlugin(options) {
               eventDispatcher = _ref.eventDispatcher;
 
           var _ref2 = options || {},
-              dynamicSizingEnabled = _ref2.dynamicSizingEnabled,
               fullWidthEnabled = _ref2.fullWidthEnabled,
               wasFullWidthEnabled = _ref2.wasFullWidthEnabled,
               breakoutEnabled = _ref2.breakoutEnabled,
               tableOptions = _ref2.tableOptions;
 
-          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), breakoutEnabled && dynamicSizingEnabled, breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled);
+          return createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig(tableOptions), breakoutEnabled, fullWidthEnabled, wasFullWidthEnabled);
         }
       }, {
         name: 'tablePMColResizing',
@@ -69,7 +69,6 @@ var tablesPlugin = function tablesPlugin(options) {
           var dispatch = _ref3.dispatch;
 
           var _ref4 = options || {},
-              dynamicSizingEnabled = _ref4.dynamicSizingEnabled,
               fullWidthEnabled = _ref4.fullWidthEnabled,
               tableOptions = _ref4.tableOptions;
 
@@ -77,7 +76,6 @@ var tablesPlugin = function tablesPlugin(options) {
               allowColumnResizing = _pluginConfig.allowColumnResizing;
 
           return allowColumnResizing ? createFlexiResizingPlugin(dispatch, {
-            dynamicTextSizing: dynamicSizingEnabled && !fullWidthEnabled,
             lastColumnResizable: !fullWidthEnabled
           }) : undefined;
         }
@@ -129,6 +127,17 @@ var tablesPlugin = function tablesPlugin(options) {
             return createTableSafariDelayedDomSelectionSyncingWorkaroundPlugin();
           }
         });
+      } // Workaround for table element breaking issue caused by composition event with an inputType of deleteCompositionText.
+      // https://github.com/ProseMirror/prosemirror/issues/934
+
+
+      if (browser.safari) {
+        plugins.push({
+          name: 'tableSafariDeleteCompositionTextIssueWorkaround',
+          plugin: function plugin() {
+            return createTableSafariDeleteCompositionTextIssueWorkaroundPlugin();
+          }
+        });
       }
 
       return plugins;

package/dist/esm/plugins/table/nodeviews/TableComponent.js

@@ -223,7 +223,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
             view = _this$props3.view,
             getNode = _this$props3.getNode,
             getPos = _this$props3.getPos,
-            options = _this$props3.options,
             containerWidth = _this$props3.containerWidth;
         var node = getNode();
         var pos = getPos();
@@ -233,7 +232,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         }
 
         autoSizeTable(view, node, _this.table, pos, {
-          dynamicTextSizing: options && options.dynamicTextSizing || false,
           containerWidth: containerWidth.width
         });
       }
@@ -327,10 +325,8 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     _this.node = _getNode();
     _this.containerWidth = _containerWidth; // store table size using previous full-width mode so can detect if it has changed
 
-    var dynamicTextSizing = _options ? _options.dynamicTextSizing : false;
     var isFullWidthModeEnabled = _options ? _options.wasFullWidthModeEnabled : false;
     _this.layoutSize = _this.tableNodeLayoutSize(_this.node, _containerWidth.width, {
-      dynamicTextSizing: dynamicTextSizing,
       isFullWidthModeEnabled: isFullWidthModeEnabled
     }); // Disable inline table editing and resizing controls in Firefox
     // https://github.com/ProseMirror/prosemirror/issues/432
@@ -415,7 +411,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate(prevProps) {
       var _this$props8 = this.props,
           view = _this$props8.view,
-          getNode = _this$props8.getNode;
+          getNode = _this$props8.getNode,
+          isMediaFullscreen = _this$props8.isMediaFullscreen,
+          allowColumnResizing = _this$props8.allowColumnResizing;
 
       var _ref4 = getFeatureFlags(view.state) || {},
           tableOverflowShadowsOptimization = _ref4.tableOverflowShadowsOptimization;
@@ -441,7 +439,9 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       if (currentTable.attrs.__autoSize) {
         // Wait for next tick to handle auto sizing, gives the browser time to do layout calc etc.
         this.handleAutoSizeDebounced();
-      } else if (this.props.allowColumnResizing && this.table) {
+      } // re-drawing will cause media component get unmounted that will exit fullscreen mode if media is in fullscreen mode
+      // see https://product-fabric.atlassian.net/browse/MEX-1290
+      else if (allowColumnResizing && this.table && !isMediaFullscreen) {
         // If col widths (e.g. via collab) or number of columns (e.g. delete a column) have changed,
         // re-draw colgroup.
         var previousTable = this.node;

package/dist/esm/plugins/table/nodeviews/table.js

@@ -15,6 +15,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { DOMSerializer } from 'prosemirror-model';
+import { stateKey as mediaPluginKey } from '../../../plugins/media/pm-plugins/plugin-key';
 import ReactNodeView from '../../../nodeviews/ReactNodeView';
 import WithPluginState from '../../../ui/WithPluginState';
 import { pluginKey as widthPluginKey } from '../../width';
@@ -105,19 +106,22 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
         plugins: {
           containerWidth: widthPluginKey,
           pluginState: pluginKey,
-          tableResizingPluginState: tableResizingPluginKey
+          tableResizingPluginState: tableResizingPluginKey,
+          mediaState: mediaPluginKey
         },
         editorView: props.view,
         render: function render(pluginStates) {
           var tableResizingPluginState = pluginStates.tableResizingPluginState,
               pluginState = pluginStates.pluginState,
-              containerWidth = pluginStates.containerWidth;
+              containerWidth = pluginStates.containerWidth,
+              mediaState = pluginStates.mediaState;
           var tableActive = props.getPos() === pluginState.tablePos;
           return /*#__PURE__*/React.createElement(TableComponent, {
             view: props.view,
             allowColumnResizing: props.allowColumnResizing,
             eventDispatcher: props.eventDispatcher,
             getPos: props.getPos,
+            isMediaFullscreen: mediaState === null || mediaState === void 0 ? void 0 : mediaState.isFullscreen,
             options: props.options,
             allowControls: pluginState.pluginConfig.allowControls,
             isHeaderRowEnabled: pluginState.isHeaderRowEnabled,

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

@@ -28,14 +28,12 @@ import { transformSliceToRemoveOpenBodiedExtension } from '../../extension/actio
 import { insideTable } from '../../../utils';
 import { isHeaderRowRequired } from '../utils/paste';
 var isBreakoutEnabled;
-var isDynamicTextSizingEnabled;
 var isFullWidthModeEnabled;
 var wasFullWidthModeEnabled;
-export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, dynamicTextSizing, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled) {
+export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled) {
   var _window;
 
   isBreakoutEnabled = breakoutEnabled;
-  isDynamicTextSizingEnabled = dynamicTextSizing;
   isFullWidthModeEnabled = fullWidthModeEnabled;
   wasFullWidthModeEnabled = previousFullWidthModeEnabled;
   var state = createPluginState(dispatch, _objectSpread({
@@ -259,7 +257,6 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
         table: function table(node, view, getPos) {
           return createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, {
             isBreakoutEnabled: isBreakoutEnabled,
-            dynamicTextSizing: isDynamicTextSizingEnabled,
             isFullWidthModeEnabled: isFullWidthModeEnabled,
             wasFullWidthModeEnabled: wasFullWidthModeEnabled
           });

package/dist/esm/plugins/table/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -0,0 +1,102 @@
+/**
+ * Fix an issue that composition text replacement in Safari removes empty nodes during text composition text deletion.
+ * https://github.com/ProseMirror/prosemirror/issues/934
+ * We will remove this plugin when Webkit fix the problem itself.
+ */
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+export var tableSafariDeleteCompositionTextIssueWorkaroundKey = new PluginKey('tableSafariDeleteCompositionTextIssueWorkaround');
+export var createPlugin = function createPlugin() {
+  return new SafePlugin({
+    key: tableSafariDeleteCompositionTextIssueWorkaroundKey,
+    state: {
+      init: function init() {
+        return {
+          renderSpan: false,
+          decorations: DecorationSet.empty
+        };
+      },
+      apply: function apply(tr, value) {
+        var renderSpan = tr.getMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey);
+
+        if (typeof renderSpan === 'undefined') {
+          return value;
+        }
+
+        var decorations;
+
+        if (renderSpan) {
+          // Find position of the first text node in case it has multiple text nodes created by Japanese IME
+          var $from = tr.selection.$from;
+          var pos = $from.before($from.depth);
+          var spanDecoration = Decoration.widget(pos, function () {
+            var spanElement = document.createElement('span');
+            return spanElement;
+          });
+          decorations = DecorationSet.create(tr.doc, [spanDecoration]);
+        } else {
+          decorations = DecorationSet.empty;
+        }
+
+        return {
+          renderSpan: renderSpan,
+          decorations: decorations
+        };
+      }
+    },
+    props: {
+      decorations: function decorations(state) {
+        return tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state).decorations;
+      },
+      handleDOMEvents: {
+        beforeinput: function beforeinput(view, event) {
+          if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {
+            return false;
+          }
+
+          var selection = window.getSelection();
+
+          if (!selection || selection.rangeCount <= 0 || selection.type !== 'Range') {
+            return false;
+          }
+
+          var range = selection.getRangeAt(0);
+          var startContainer = range.startContainer,
+              endContainer = range.endContainer,
+              endOffset = range.endOffset,
+              startOffset = range.startOffset;
+          /**
+           * On Safari when composition text is deleted, it deletes any empty elements it finds up the dom tree. Prosemirror can sometimes be confused by this
+           * and will think that we meant to delete those elements. This fix forces the resulting node to not be empty.
+           * The condition here checks to see if the entire text node is about to be swapped inside of an element
+           */
+
+          if (startContainer.nodeType === Node.TEXT_NODE && startContainer === endContainer && startOffset === 0 && endOffset === startContainer.length) {
+            var tr = view.state.tr;
+            tr.setMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey, true);
+            view.dispatch(tr);
+          }
+
+          return false;
+        },
+        input: function input(view, event) {
+          if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {
+            return false;
+          }
+
+          var selection = window.getSelection();
+
+          if (!selection) {
+            return false;
+          }
+
+          var tr = view.state.tr;
+          tr.setMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey, false);
+          view.dispatch(tr);
+          return false;
+        }
+      }
+    }
+  });
+};

package/dist/esm/plugins/table/pm-plugins/table-resizing/event-handlers.js

@@ -11,7 +11,7 @@ import { evenColumns, setDragging, stopResizing } from './commands';
 import { getPluginState } from './plugin-factory';
 import { currentColWidth, getLayoutSize, getResizeState, pointsAtCell, resizeColumn, updateControls } from './utils';
 import { ACTION_SUBJECT, addAnalytics, EVENT_TYPE, TABLE_ACTION } from '../../../analytics';
-export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, dynamicTextSizing) {
+export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos) {
   var state = view.state,
       dispatch = view.dispatch;
 
@@ -38,9 +38,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
 
   var containerWidth = widthPluginKey.getState(state);
   var parentWidth = getParentNodeWidth(start, state, containerWidth);
-  var maxSize = parentWidth || getLayoutSize(dom.getAttribute('data-layout'), containerWidth.width, {
-    dynamicTextSizing: dynamicTextSizing
-  });
+  var maxSize = parentWidth || getLayoutSize(dom.getAttribute('data-layout'), containerWidth.width, {});
 
   if (originalTable.attrs.isNumberColumnEnabled) {
     maxSize -= akEditorTableNumberColumnWidth;

package/dist/esm/plugins/table/pm-plugins/table-resizing/plugin.js

@@ -9,14 +9,11 @@ import { pluginKey } from './plugin-key';
 import { getResizeCellPos } from './utils';
 export function createPlugin(dispatch, _ref) {
   var _ref$lastColumnResiza = _ref.lastColumnResizable,
-      lastColumnResizable = _ref$lastColumnResiza === void 0 ? true : _ref$lastColumnResiza,
-      _ref$dynamicTextSizin = _ref.dynamicTextSizing,
-      dynamicTextSizing = _ref$dynamicTextSizin === void 0 ? false : _ref$dynamicTextSizin;
+      lastColumnResizable = _ref$lastColumnResiza === void 0 ? true : _ref$lastColumnResiza;
   return new SafePlugin({
     key: pluginKey,
     state: createPluginState(dispatch, {
       lastColumnResizable: lastColumnResizable,
-      dynamicTextSizing: dynamicTextSizing,
       resizeHandlePos: null,
       dragging: null,
       lastClick: null
@@ -40,7 +37,7 @@ export function createPlugin(dispatch, _ref) {
               dragging = _getPluginState.dragging;
 
           if (resizeHandlePos !== null && !dragging) {
-            if (handleMouseDown(view, event, resizeHandlePos, dynamicTextSizing)) {
+            if (handleMouseDown(view, event, resizeHandlePos)) {
               var _state = view.state,
                   _dispatch = view.dispatch;
               return setResizeHandlePos(resizeHandlePos)(_state, _dispatch);

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/misc.js

@@ -13,8 +13,7 @@ export var tableLayoutToSize = {
 export function getLayoutSize(tableLayout) {
   var containerWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var options = arguments.length > 2 ? arguments[2] : undefined;
-  var dynamicTextSizing = options.dynamicTextSizing,
-      isFullWidthModeEnabled = options.isFullWidthModeEnabled;
+  var isFullWidthModeEnabled = options.isFullWidthModeEnabled;
 
   if (isFullWidthModeEnabled) {
     return containerWidth ? Math.min(containerWidth - akEditorGutterPadding * 2, akEditorFullWidthLayoutWidth) : akEditorFullWidthLayoutWidth;
@@ -26,7 +25,7 @@ export function getLayoutSize(tableLayout) {
     return parseInt(calculatedTableWidth, 10);
   }
 
-  if (dynamicTextSizing && tableLayout === 'default') {
+  if (tableLayout === 'default') {
     return getDefaultLayoutMaxWidth(containerWidth);
   }
 
@@ -76,13 +75,10 @@ export var getTableMaxWidth = function getTableMaxWidth(_ref2) {
   var table = _ref2.table,
       tableStart = _ref2.tableStart,
       state = _ref2.state,
-      layout = _ref2.layout,
-      dynamicTextSizing = _ref2.dynamicTextSizing;
+      layout = _ref2.layout;
   var containerWidth = widthPluginKey.getState(state);
   var parentWidth = getParentNodeWidth(tableStart, state, containerWidth);
-  var maxWidth = parentWidth || getLayoutSize(layout, containerWidth.width, {
-    dynamicTextSizing: dynamicTextSizing
-  });
+  var maxWidth = parentWidth || getLayoutSize(layout, containerWidth.width, {});
 
   if (table.attrs.isNumberColumnEnabled) {
     maxWidth -= akEditorTableNumberColumnWidth;

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/resize-state.js

@@ -265,7 +265,7 @@ export var normaliseTableLayout = function normaliseTableLayout(input) {
       return 'default';
   }
 };
-export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelectedColumns(rect, state, domAtPos, dynamicTextSizing) {
+export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelectedColumns(rect, state, domAtPos) {
   var _getSelectedTableInfo = getSelectedTableInfo(state.selection),
       totalRowCount = _getSelectedTableInfo.totalRowCount,
       totalColumnCount = _getSelectedTableInfo.totalColumnCount,
@@ -287,8 +287,7 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
     table: table.node,
     tableStart: table.start,
     state: state,
-    layout: layout,
-    dynamicTextSizing: dynamicTextSizing
+    layout: layout
   });
   var resizeState = getResizeState({
     minWidth: tableCellMinWidth,

package/dist/esm/plugins/table/pm-plugins/table-resizing/utils/scale-table.js

@@ -20,18 +20,15 @@ export var scale = function scale(tableRef, options, domAtPos) {
   var node = options.node,
       containerWidth = options.containerWidth,
       previousContainerWidth = options.previousContainerWidth,
-      dynamicTextSizing = options.dynamicTextSizing,
       prevNode = options.prevNode,
       start = options.start,
       isBreakoutEnabled = options.isBreakoutEnabled,
       layoutChanged = options.layoutChanged;
   var maxSize = getLayoutSize(node.attrs.layout, containerWidth, {
-    dynamicTextSizing: dynamicTextSizing,
     isBreakoutEnabled: isBreakoutEnabled
   });
   var prevTableWidth = getTableWidth(prevNode);
   var previousMaxSize = getLayoutSize(prevNode.attrs.layout, previousContainerWidth, {
-    dynamicTextSizing: dynamicTextSizing,
     isBreakoutEnabled: isBreakoutEnabled
   });
   var newWidth = maxSize; // adjust table width if layout is updated

package/dist/esm/plugins/table/transforms/column-width.js

@@ -149,8 +149,7 @@ export var rescaleColumns = function rescaleColumns(table, view) {
       table: table.node,
       tableStart: table.start,
       state: state,
-      layout: layout,
-      dynamicTextSizing: true
+      layout: layout
     });
     var resizeState = getResizeState({
       minWidth: tableCellMinWidth,