@atlaskit/editor-core 166.0.4 → 167.0.0

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

@@ -690,6 +690,29 @@ export function handleRichText(slice) {
     return true;
   };
 }
+export function handlePasteIntoCaption(slice) {
+  return (state, dispatch) => {
+    const {
+      caption
+    } = state.schema.nodes;
+    const tr = state.tr;
+
+    if (hasParentNodeOfType(caption)(state.selection)) {
+      // We let PM replace the selection and it will insert as text where it can't place the node
+      // This is totally fine as caption is just a simple block that only contains inline contents
+      // And it is more in line with WYSIWYG expectations
+      tr.replaceSelection(slice).scrollIntoView();
+
+      if (dispatch) {
+        dispatch(tr);
+      }
+
+      return true;
+    }
+
+    return false;
+  };
+}
 export const handleSelectedTable = slice => (state, dispatch) => {
   const tr = replaceSelectedTable(state, slice, INPUT_METHOD.CLIPBOARD);
 

package/dist/es2019/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
 
 const arrayReplaceAt = (src, pos, newElements) => {
@@ -67,8 +68,13 @@ const linkify = state => {
         const nodes = [];
         let level = currentToken.level;
         let lastPos = 0;
+        const filepaths = findFilepaths(text);
 
         for (let ln = 0; ln < links.length; ln++) {
+          if (isLinkInMatches(links[ln].index, filepaths)) {
+            continue;
+          }
+
           const {
             url
           } = links[ln];

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

@@ -1,6 +1,6 @@
 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,9 @@ export const handlePasteAsPlainTextWithAnalytics = (view, event, slice) => pipe(
 export const handlePasteIntoTaskAndDecisionWithAnalytics = (view, event, slice, type) => pipe(handlePasteIntoTaskAndDecision, pasteCommandWithAnalytics(view, event, slice, {
   type: type
 }))(slice);
+export const handlePasteIntoCaptionWithAnalytics = (view, event, slice, type) => pipe(handlePasteIntoCaption, pasteCommandWithAnalytics(view, event, slice, {
+  type: type
+}))(slice);
 export const handleCodeBlockWithAnalytics = (view, event, slice, text) => pipe(handleCodeBlock, pasteCommandWithAnalytics(view, event, slice, {
   type: PasteTypes.plain
 }))(text);

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

@@ -12,7 +12,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';
@@ -26,6 +26,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 const stateKey = new PluginKey('pastePlugin');
 export { md } from '../md';
 export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkification, cardOptions, sanitizePrivateContent, providerFactory) {
@@ -157,8 +158,25 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
           const {
             placeholder
           } = state.schema.nodes;
+          const 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
+
+          const isPastingTable = tr.steps.some(step => {
+            var _slice$content;
+
+            const slice = extractSliceFromStep(step);
+            let tableExists = false;
+            slice === null || slice === void 0 ? void 0 : (_slice$content = slice.content) === null || _slice$content === void 0 ? void 0 : _slice$content.forEach(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);
           }
 
@@ -281,6 +299,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/es2019/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';
@@ -26,7 +27,17 @@ export function createPlaceholderDecoration(editorState, placeholderText, pos =
   placeholderDecoration.className = placeHolderClass;
   const 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) {
+    const 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/es2019/plugins/placeholder/styles.js

@@ -1,10 +1,11 @@
 import { css } from '@emotion/react';
 import { N200 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 export const placeHolderClassName = 'placeholder-decoration';
 export const placeholderStyles = css`
   .ProseMirror .${placeHolderClassName} {
     position: relative;
-    color: ${N200};
+    color: ${token('color.text.subtlest', N200)};
     width: 100%;
 
     pointer-events: none;
@@ -14,6 +15,7 @@ export const placeholderStyles = css`
     > span {
       position: absolute;
       pointer-events: none;
+      outline: none;
     }
 
     &.align-end > span {

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

@@ -1,19 +1,20 @@
 import { css } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { token } from '@atlaskit/tokens';
 export const placeholderTextStyles = css`
   .ProseMirror span[data-placeholder] {
-    color: ${N300};
+    color: ${token('color.text.subtlest', N300)};
     display: inline;
   }
 
   .ProseMirror span.pm-placeholder {
     display: inline;
-    color: ${N300};
+    color: ${token('color.text.subtlest', N300)};
   }
   .ProseMirror span.pm-placeholder__text {
     display: inline;
-    color: ${N300};
+    color: ${token('color.text.subtlest', N300)};
   }
 
   .ProseMirror span.pm-placeholder.${akEditorSelectedNodeClassName} {
@@ -21,7 +22,7 @@ export const placeholderTextStyles = css`
   }
 
   .ProseMirror span.pm-placeholder__text[data-placeholder]::after {
-    color: ${N300};
+    color: ${token('color.text.subtlest', N300)};
     cursor: text;
     content: attr(data-placeholder);
     display: inline;

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

@@ -56,15 +56,15 @@ export const gapCursorStyles = css`
         float: right;
       }
 
-      /* fix vertical alighment of gap cursor */
-      &:first-child + ul,
-      &:first-child + span + ul,
-      &:first-child + ol,
-      &:first-child + span + ol,
-      &:first-child + pre,
-      &:first-child + span + pre,
-      &:first-child + blockquote,
-      &:first-child + span + blockquote {
+      /* fix vertical alignment of gap cursor */
+      &:first-of-type + ul,
+      &:first-of-type + span + ul,
+      &:first-of-type + ol,
+      &:first-of-type + span + ol,
+      &:first-of-type + pre,
+      &:first-of-type + span + pre,
+      &:first-of-type + blockquote,
+      &:first-of-type + span + blockquote {
         margin-top: 0;
       }
     }

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

@@ -32,8 +32,8 @@ const plugin = new SafePlugin({
     }
 
     return {
-      update(view, state) {
-        const pluginState = gapCursorPluginKey.getState(state);
+      update(view) {
+        const 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/es2019/plugins/status/ui/statusPicker.js

@@ -9,10 +9,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';
 const PopupWithListeners = withOuterListeners(Popup);
 export let InputMethod;
 
@@ -23,10 +23,10 @@ export let InputMethod;
 })(InputMethod || (InputMethod = {}));
 
 const pickerContainer = css`
-  background: ${N0};
+  background: ${token('elevation.surface.overlay', N0)};
   padding: ${gridSize()}px 0;
   border-radius: ${borderRadius()}px;
-  ${dropShadow};
+  box-shadow: ${token('elevation.shadow.overlay', '0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25)')};
   input {
     text-transform: uppercase;
   }

package/dist/es2019/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';
@@ -56,13 +57,12 @@ const tablesPlugin = options => ({
         eventDispatcher
       }) => {
         const {
-          dynamicSizingEnabled,
           fullWidthEnabled,
           wasFullWidthEnabled,
           breakoutEnabled,
           tableOptions
         } = options || {};
-        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',
@@ -70,7 +70,6 @@ const tablesPlugin = options => ({
         dispatch
       }) => {
         const {
-          dynamicSizingEnabled,
           fullWidthEnabled,
           tableOptions
         } = options || {};
@@ -78,7 +77,6 @@ const tablesPlugin = options => ({
           allowColumnResizing
         } = pluginConfig(tableOptions);
         return allowColumnResizing ? createFlexiResizingPlugin(dispatch, {
-          dynamicTextSizing: dynamicSizingEnabled && !fullWidthEnabled,
           lastColumnResizable: !fullWidthEnabled
         }) : undefined;
       }
@@ -120,6 +118,17 @@ const 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: () => {
+          return createTableSafariDeleteCompositionTextIssueWorkaroundPlugin();
+        }
+      });
     }
 
     return plugins;

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

@@ -207,7 +207,6 @@ class TableComponent extends React.Component {
           view,
           getNode,
           getPos,
-          options,
           containerWidth
         } = this.props;
         const node = getNode();
@@ -218,7 +217,6 @@ class TableComponent extends React.Component {
         }
 
         autoSizeTable(view, node, this.table, pos, {
-          dynamicTextSizing: options && options.dynamicTextSizing || false,
           containerWidth: containerWidth.width
         });
       }
@@ -315,10 +313,8 @@ class TableComponent extends React.Component {
     this.node = _getNode();
     this.containerWidth = _containerWidth; // store table size using previous full-width mode so can detect if it has changed
 
-    const dynamicTextSizing = _options ? _options.dynamicTextSizing : false;
     const isFullWidthModeEnabled = _options ? _options.wasFullWidthModeEnabled : false;
     this.layoutSize = this.tableNodeLayoutSize(this.node, _containerWidth.width, {
-      dynamicTextSizing,
       isFullWidthModeEnabled
     }); // Disable inline table editing and resizing controls in Firefox
     // https://github.com/ProseMirror/prosemirror/issues/432
@@ -399,7 +395,9 @@ class TableComponent extends React.Component {
   componentDidUpdate(prevProps) {
     const {
       view,
-      getNode
+      getNode,
+      isMediaFullscreen,
+      allowColumnResizing
     } = this.props;
     const {
       tableOverflowShadowsOptimization
@@ -426,7 +424,9 @@ class TableComponent extends 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.
       const previousTable = this.node;

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

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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';
@@ -74,14 +75,16 @@ export default class TableView extends ReactNodeView {
       plugins: {
         containerWidth: widthPluginKey,
         pluginState: pluginKey,
-        tableResizingPluginState: tableResizingPluginKey
+        tableResizingPluginState: tableResizingPluginKey,
+        mediaState: mediaPluginKey
       },
       editorView: props.view,
       render: pluginStates => {
         const {
           tableResizingPluginState,
           pluginState,
-          containerWidth
+          containerWidth,
+          mediaState
         } = pluginStates;
         const tableActive = props.getPos() === pluginState.tablePos;
         return /*#__PURE__*/React.createElement(TableComponent, {
@@ -89,6 +92,7 @@ export default class TableView extends ReactNodeView {
           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/es2019/plugins/table/pm-plugins/main.js

@@ -22,14 +22,12 @@ import { transformSliceToRemoveOpenBodiedExtension } from '../../extension/actio
 import { insideTable } from '../../../utils';
 import { isHeaderRowRequired } from '../utils/paste';
 let isBreakoutEnabled;
-let isDynamicTextSizingEnabled;
 let isFullWidthModeEnabled;
 let wasFullWidthModeEnabled;
-export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, dynamicTextSizing, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled) => {
+export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled) => {
   var _window;
 
   isBreakoutEnabled = breakoutEnabled;
-  isDynamicTextSizingEnabled = dynamicTextSizing;
   isFullWidthModeEnabled = fullWidthModeEnabled;
   wasFullWidthModeEnabled = previousFullWidthModeEnabled;
   const state = createPluginState(dispatch, {
@@ -256,7 +254,6 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
         ...tableCellNodeview,
         table: (node, view, getPos) => createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, {
           isBreakoutEnabled,
-          dynamicTextSizing: isDynamicTextSizingEnabled,
           isFullWidthModeEnabled,
           wasFullWidthModeEnabled
         })

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

@@ -0,0 +1,106 @@
+/**
+ * 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 const tableSafariDeleteCompositionTextIssueWorkaroundKey = new PluginKey('tableSafariDeleteCompositionTextIssueWorkaround');
+export const createPlugin = () => {
+  return new SafePlugin({
+    key: tableSafariDeleteCompositionTextIssueWorkaroundKey,
+    state: {
+      init: () => ({
+        renderSpan: false,
+        decorations: DecorationSet.empty
+      }),
+      apply: (tr, value) => {
+        const renderSpan = tr.getMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey);
+
+        if (typeof renderSpan === 'undefined') {
+          return value;
+        }
+
+        let decorations;
+
+        if (renderSpan) {
+          // Find position of the first text node in case it has multiple text nodes created by Japanese IME
+          const {
+            $from
+          } = tr.selection;
+          const pos = $from.before($from.depth);
+          const spanDecoration = Decoration.widget(pos, () => {
+            const spanElement = document.createElement('span');
+            return spanElement;
+          });
+          decorations = DecorationSet.create(tr.doc, [spanDecoration]);
+        } else {
+          decorations = DecorationSet.empty;
+        }
+
+        return {
+          renderSpan,
+          decorations
+        };
+      }
+    },
+    props: {
+      decorations: state => tableSafariDeleteCompositionTextIssueWorkaroundKey.getState(state).decorations,
+      handleDOMEvents: {
+        beforeinput: (view, event) => {
+          if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {
+            return false;
+          }
+
+          const selection = window.getSelection();
+
+          if (!selection || selection.rangeCount <= 0 || selection.type !== 'Range') {
+            return false;
+          }
+
+          const range = selection.getRangeAt(0);
+          const {
+            startContainer,
+            endContainer,
+            endOffset,
+            startOffset
+          } = range;
+          /**
+           * 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) {
+            const {
+              tr
+            } = view.state;
+            tr.setMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey, true);
+            view.dispatch(tr);
+          }
+
+          return false;
+        },
+        input: (view, event) => {
+          if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {
+            return false;
+          }
+
+          const selection = window.getSelection();
+
+          if (!selection) {
+            return false;
+          }
+
+          const {
+            tr
+          } = view.state;
+          tr.setMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey, false);
+          view.dispatch(tr);
+          return false;
+        }
+      }
+    }
+  });
+};

package/dist/es2019/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 const handleMouseDown = (view, event, localResizeHandlePos, dynamicTextSizing) => {
+export const handleMouseDown = (view, event, localResizeHandlePos) => {
   const {
     state,
     dispatch
@@ -39,9 +39,7 @@ export const handleMouseDown = (view, event, localResizeHandlePos, dynamicTextSi
 
   const containerWidth = widthPluginKey.getState(state);
   const parentWidth = getParentNodeWidth(start, state, containerWidth);
-  let maxSize = parentWidth || getLayoutSize(dom.getAttribute('data-layout'), containerWidth.width, {
-    dynamicTextSizing
-  });
+  let maxSize = parentWidth || getLayoutSize(dom.getAttribute('data-layout'), containerWidth.width, {});
 
   if (originalTable.attrs.isNumberColumnEnabled) {
     maxSize -= akEditorTableNumberColumnWidth;

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

@@ -7,14 +7,12 @@ import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import { getResizeCellPos } from './utils';
 export function createPlugin(dispatch, {
-  lastColumnResizable = true,
-  dynamicTextSizing = false
+  lastColumnResizable = true
 }) {
   return new SafePlugin({
     key: pluginKey,
     state: createPluginState(dispatch, {
       lastColumnResizable,
-      dynamicTextSizing,
       resizeHandlePos: null,
       dragging: null,
       lastClick: null
@@ -42,7 +40,7 @@ export function createPlugin(dispatch, {
           } = getPluginState(state);
 
           if (resizeHandlePos !== null && !dragging) {
-            if (handleMouseDown(view, event, resizeHandlePos, dynamicTextSizing)) {
+            if (handleMouseDown(view, event, resizeHandlePos)) {
               const {
                 state,
                 dispatch

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

@@ -12,7 +12,6 @@ export const tableLayoutToSize = {
 
 export function getLayoutSize(tableLayout, containerWidth = 0, options) {
   const {
-    dynamicTextSizing,
     isFullWidthModeEnabled
   } = options;
 
@@ -26,7 +25,7 @@ export function getLayoutSize(tableLayout, containerWidth = 0, options) {
     return parseInt(calculatedTableWidth, 10);
   }
 
-  if (dynamicTextSizing && tableLayout === 'default') {
+  if (tableLayout === 'default') {
     return getDefaultLayoutMaxWidth(containerWidth);
   }
 
@@ -77,14 +76,11 @@ export const getTableMaxWidth = ({
   table,
   tableStart,
   state,
-  layout,
-  dynamicTextSizing
+  layout
 }) => {
   const containerWidth = widthPluginKey.getState(state);
   const parentWidth = getParentNodeWidth(tableStart, state, containerWidth);
-  let maxWidth = parentWidth || getLayoutSize(layout, containerWidth.width, {
-    dynamicTextSizing
-  });
+  let maxWidth = parentWidth || getLayoutSize(layout, containerWidth.width, {});
 
   if (table.attrs.isNumberColumnEnabled) {
     maxWidth -= akEditorTableNumberColumnWidth;

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

@@ -222,7 +222,7 @@ export const normaliseTableLayout = input => {
       return 'default';
   }
 };
-export const getNewResizeStateFromSelectedColumns = (rect, state, domAtPos, dynamicTextSizing) => {
+export const getNewResizeStateFromSelectedColumns = (rect, state, domAtPos) => {
   const {
     totalRowCount,
     totalColumnCount,
@@ -245,8 +245,7 @@ export const getNewResizeStateFromSelectedColumns = (rect, state, domAtPos, dyna
     table: table.node,
     tableStart: table.start,
     state,
-    layout,
-    dynamicTextSizing
+    layout
   });
   const resizeState = getResizeState({
     minWidth: tableCellMinWidth,