@atlaskit/editor-core 160.0.0 → 162.0.1

package/dist/esm/plugins/list/commands/index.js

@@ -5,9 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { Fragment, Slice } from 'prosemirror-model';
-import { ReplaceAroundStep } from 'prosemirror-transform';
 import * as baseCommand from 'prosemirror-commands';
-import * as baseListCommand from 'prosemirror-schema-list';
 import { hasParentNodeOfType, findPositionOfNodeBefore } from 'prosemirror-utils';
 import { hasVisibleContent, isNodeEmpty } from '../../../utils/document';
 import { findCutBefore, isEmptySelectionAtStart, isFirstChildOfParent, filter } from '../../../utils/commands';
@@ -20,8 +18,10 @@ import { getCommonListAnalyticsAttributes } from '../utils/analytics';
 import { listBackspace } from './listBackspace';
 import { joinListItemForward } from './join-list-item-forward';
 import { convertListType } from '../actions/conversions';
+import { wrapInListAndJoin } from '../actions/wrap-and-join-lists';
 import { outdentList } from './outdent-list';
 import { indentList } from './indent-list';
+import { moveTargetIntoList } from '../utils/replace-content';
 export { outdentList, indentList };
 export var enterKeyCommand = function enterKeyCommand(state, dispatch) {
   var selection = state.selection;
@@ -89,8 +89,8 @@ function untoggleSelectedList(tr) {
 
 export function toggleList(inputMethod, listType) {
   return function (state, dispatch) {
-    var customTr = state.tr;
-    var listInsideSelection = selectionContainsList(customTr);
+    var tr = state.tr;
+    var listInsideSelection = selectionContainsList(tr);
     var listNodeType = state.schema.nodes[listType];
     var actionSubjectId = listType === 'bulletList' ? ACTION_SUBJECT_ID.FORMAT_LIST_BULLET : ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER;
 
@@ -101,9 +101,9 @@ export function toggleList(inputMethod, listType) {
       var transformedFrom = listInsideSelection.type.name === 'bulletList' ? ACTION_SUBJECT_ID.FORMAT_LIST_BULLET : ACTION_SUBJECT_ID.FORMAT_LIST_NUMBER;
 
       if ((fromNode === null || fromNode === void 0 ? void 0 : fromNode.type.name) === listType && (toNode === null || toNode === void 0 ? void 0 : toNode.type.name) === listType) {
-        var tr = state.tr;
-        untoggleSelectedList(tr);
-        addAnalytics(state, tr, {
+        var _tr2 = state.tr;
+        untoggleSelectedList(_tr2);
+        addAnalytics(state, _tr2, {
           action: ACTION.CONVERTED,
           actionSubject: ACTION_SUBJECT.LIST,
           actionSubjectId: ACTION_SUBJECT_ID.TEXT,
@@ -115,17 +115,17 @@ export function toggleList(inputMethod, listType) {
         });
 
         if (dispatch) {
-          dispatch(tr);
+          dispatch(_tr2);
         }
 
         return true;
       }
 
       convertListType({
-        tr: customTr,
+        tr: tr,
         nextListNodeType: listNodeType
       });
-      addAnalytics(state, customTr, {
+      addAnalytics(state, tr, {
         action: ACTION.CONVERTED,
         actionSubject: ACTION_SUBJECT.LIST,
         actionSubjectId: actionSubjectId,
@@ -136,17 +136,11 @@ export function toggleList(inputMethod, listType) {
         })
       });
     } else {
-      var replaceCurrentTr = function replaceCurrentTr(tr) {
-        customTr = tr;
-      }; // NOTE: replaceCurrentTr is supplied here instead of the usual dispatch function
-      // to 'mutate' the transaction without actually dispatching (as it is more performant
-      // if we only dispatch once at the end). This means customTr should not be modified
-      // until after wrapInList, since any changes made to it will be discarded when it
-      // gets replaced with the transaction generated by wrapInList.
-
-
-      wrapInList(listNodeType)(state, replaceCurrentTr);
-      addAnalytics(state, customTr, {
+      // Need to have this before wrapInList so the wrapping is done with valid content
+      // For example, if trying to convert centre or right aligned paragraphs to lists
+      sanitiseMarksInSelection(tr, listNodeType);
+      wrapInListAndJoin(listNodeType, tr);
+      addAnalytics(state, tr, {
         action: ACTION.INSERTED,
         actionSubject: ACTION_SUBJECT.LIST,
         actionSubjectId: actionSubjectId,
@@ -155,18 +149,16 @@ export function toggleList(inputMethod, listType) {
           inputMethod: inputMethod
         }
       });
-    } // if document wasn't changed, that means setNodeMarkup step didn't work, so
-    // return false from the command to indicate that the editing action failed
+    } // If document wasn't changed, return false from the command to indicate that the
+    // editing action failed
 
 
-    if (!customTr.docChanged) {
+    if (!tr.docChanged) {
       return false;
     }
 
-    sanitiseMarksInSelection(customTr, listNodeType);
-
     if (dispatch) {
-      dispatch(customTr);
+      dispatch(tr);
     }
 
     return true;
@@ -180,11 +172,6 @@ export function toggleOrderedList(view) {
   var inputMethod = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : INPUT_METHOD.TOOLBAR;
   return toggleList(inputMethod, 'orderedList')(view.state, view.dispatch);
 }
-export function wrapInList(nodeType) {
-  return baseCommand.autoJoin(baseListCommand.wrapInList(nodeType), function (before, after) {
-    return before.type === after.type && before.type === nodeType;
-  });
-}
 /**
  * Implementation taken and modified for our needs from PM
  * @param itemType Node
@@ -315,8 +302,20 @@ var joinToPreviousListItem = function joinToPreviousListItem(state, dispatch) {
         var list = $cut.nodeBefore.copy($cut.nodeBefore.content.append(Fragment.from(listItem.createChecked({}, $cut.nodeAfter))));
         tr.replaceWith(nodeBeforePos, $from.pos + $cut.nodeAfter.nodeSize, list);
       } else {
-        // take the text content of the paragraph and insert after the paragraph up until before the the cut
-        tr = state.tr.step(new ReplaceAroundStep($lastNode.pos, $cut.pos + $cut.nodeAfter.nodeSize, $cut.pos + 1, $cut.pos + $cut.nodeAfter.nodeSize - 1, state.tr.doc.slice($lastNode.pos, $cut.pos), 0, true));
+        var step = moveTargetIntoList({
+          insertPosition: $lastNode.pos,
+          $target: $cut
+        }); // ED-13966: check if the step will cause an ProseMirror error
+        // if there's an error don't apply the step as it will might lead into a data loss.
+        // It doesn't play well with media being a leaf node.
+
+        var stepResult = state.tr.maybeStep(step);
+
+        if (stepResult.failed) {
+          return false;
+        } else {
+          tr = state.tr.step(step);
+        }
       } // find out if there's now another list following and join them
       // as in, [list, p, list] => [list with p, list], and we want [joined list]
 

package/dist/esm/plugins/list/utils/replace-content.js

@@ -0,0 +1,21 @@
+import { ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform';
+export var moveTargetIntoList = function moveTargetIntoList(_ref) {
+  var _$target$nodeAfter;
+
+  var insertPosition = _ref.insertPosition,
+      $target = _ref.$target;
+  // take the text content of the paragraph and insert after the paragraph up until before the the cut
+  var from = insertPosition;
+  var to = $target.pos + (((_$target$nodeAfter = $target.nodeAfter) === null || _$target$nodeAfter === void 0 ? void 0 : _$target$nodeAfter.nodeSize) || 0); //$cut.pos + $cut.nodeAfter.nodeSize;
+
+  var gapFrom = $target.posAtIndex(0, $target.depth + 1); // start pos of the child
+
+  var gapTo = $target.doc.resolve(gapFrom).end(); // end pos of the paragraph
+
+  if (gapTo - gapFrom === 0) {
+    return new ReplaceStep(from, to, $target.doc.slice(insertPosition, $target.pos));
+  }
+
+  var step = new ReplaceAroundStep(from, to, gapFrom, gapTo, $target.doc.slice(insertPosition, $target.pos), 0, true);
+  return step;
+};

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

@@ -178,7 +178,7 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
 
             case 2:
               contextIdentifierProvider = _context3.sent;
-              return _context3.abrupt("return", contextIdentifierProvider && contextIdentifierProvider.objectId);
+              return _context3.abrupt("return", (contextIdentifierProvider === null || contextIdentifierProvider === void 0 ? void 0 : contextIdentifierProvider.objectId) || null);
 
             case 4:
             case "end":
@@ -266,10 +266,10 @@ export var MediaNodeUpdater = /*#__PURE__*/function () {
       var attrs = _this.getAttrs();
 
       if (!attrs || attrs.type !== 'file') {
-        return undefined;
+        return null;
       }
 
-      return attrs.__contextId;
+      return attrs.__contextId || null;
     });
 
     _defineProperty(this, "updateDimensions", function (dimensions) {

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

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject;
 
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 import { mediaSingleSharedStyle, richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akEditorDeleteBorder, akEditorDeleteBackground, akEditorSelectedBorderBoldSize, akEditorMediaResizeHandlerPaddingWide, akEditorMediaResizeHandlerPadding, akEditorSelectedNodeClassName, akEditorDeleteIconColor } from '@atlaskit/editor-shared-styles';
 import { N60, B200 } from '@atlaskit/theme/colors';

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

@@ -252,4 +252,15 @@ export var calcMediaPxWidth = function calcMediaPxWidth(opts) {
 
 var calcPctWidth = function calcPctWidth(containerWidth, pctWidth, origWidth, origHeight) {
   return pctWidth && origWidth && origHeight && Math.ceil(calcPxFromPct(pctWidth / 100, containerWidth.lineLength || containerWidth.width));
-};
+};
+
+export function isCaptionNode(editorView) {
+  var $from = editorView.state.selection.$from;
+  var immediateWrapperParentNode = editorView.state.doc.nodeAt($from.before(Math.max($from.depth, 1)));
+
+  if (immediateWrapperParentNode && immediateWrapperParentNode.type.name === 'caption') {
+    return true;
+  }
+
+  return false;
+}

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

@@ -14,7 +14,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { closeHistory } from 'prosemirror-history';
 import { Fragment, Node as PMNode, Slice } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
+import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { findParentNodeOfType, hasParentNodeOfType, safeInsert } from 'prosemirror-utils';
 import { compose, insideTable, isParagraph, isText, isLinkMark, processRawValue } from '../../utils';
 import { mapSlice } from '../../utils/slice';
@@ -61,8 +61,10 @@ export function handlePasteIntoTaskAndDecision(slice) {
         taskList = _schema$nodes.taskList,
         taskItem = _schema$nodes.taskItem,
         text = _schema$nodes.text;
+    var isDecisionOrTaskNodeSelection = state.selection instanceof NodeSelection && ['decisionList', 'decisionItem', 'taskList', 'taskItem'].includes(state.selection.node.type.name);
+    var hasParentDecisionOrTaskItem = hasParentNodeOfType([decisionItem, taskItem])(state.selection);
 
-    if (!decisionItem || !decisionList || !taskList || !taskItem || !hasParentNodeOfType([decisionItem, taskItem])(state.selection)) {
+    if (!decisionItem || !decisionList || !taskList || !taskItem || !hasParentDecisionOrTaskItem && !isDecisionOrTaskNodeSelection) {
       return false;
     }
 
@@ -76,7 +78,15 @@ export function handlePasteIntoTaskAndDecision(slice) {
     }
 
     var transformedSlice = compose.apply(null, filters)(slice);
-    var tr = closeHistory(state.tr).replaceSelection(transformedSlice).scrollIntoView();
+    var tr = closeHistory(state.tr);
+    var transformedSliceIsValidNode = transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskList', 'taskItem'].includes(transformedSlice.content.firstChild.type.name);
+
+    if (transformedSliceIsValidNode || isDecisionOrTaskNodeSelection) {
+      tr.replaceSelection(transformedSlice).scrollIntoView();
+    } else {
+      safeInsert(transformedSlice.content)(tr).scrollIntoView();
+    }
+
     queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
 
     if (dispatch) {
@@ -396,9 +406,13 @@ export function handleMediaSingle(inputMethod) {
     };
   };
 }
-export function handleExpand(slice) {
+export function handleExpandPasteInTable(slice) {
   return function (state, dispatch) {
-    if (!insideTable(state)) {
+    var _slice$content$firstC;
+
+    // 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 (!insideTable(state) || ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type.name) !== 'expand') {
       return false;
     }
 

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, handleExpand, handleSelectedTable, handlePasteLinkOnSelectedText } from '../handlers';
+import { handlePasteAsPlainText, handlePasteIntoTaskAndDecision, handleCodeBlock, handleMediaSingle, handlePastePreservingMarks, handleMarkdown, handleRichText, handleExpandPasteInTable, handleSelectedTable, handlePasteLinkOnSelectedText } from '../handlers';
 import { pipe } from '../../../utils';
 import { findParentNode } from 'prosemirror-utils';
 import { mapSlice } from '../../../utils/slice';
@@ -248,7 +248,7 @@ export var handleRichTextWithAnalytics = function handleRichTextWithAnalytics(vi
   }))(slice);
 };
 export var handleExpandWithAnalytics = function handleExpandWithAnalytics(view, event, slice) {
-  return pipe(handleExpand, pasteCommandWithAnalytics(view, event, slice, {
+  return pipe(handleExpandPasteInTable, pasteCommandWithAnalytics(view, event, slice, {
     type: PasteTypes.richText
   }))(slice);
 };

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

@@ -12,6 +12,23 @@ import { PlaceholderTextNodeView } from './placeholder-text-nodeview';
 import { pluginKey } from './plugin-key';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, addAnalytics, EVENT_TYPE, INPUT_METHOD } from '../analytics';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
+import { isSelectionAtPlaceholder } from './selection-utils';
+import { createInternalTypeAheadTools } from '../type-ahead/api';
+
+var getOpenTypeAhead = function getOpenTypeAhead(view, content) {
+  var typeAheadAPI = createInternalTypeAheadTools(view);
+  var typeAheadHandler = typeAheadAPI.findTypeAheadHandler(content);
+
+  if (!typeAheadHandler || !typeAheadHandler.id) {
+    return null;
+  }
+
+  return typeAheadAPI.openTypeAheadHandler({
+    triggerHandler: typeAheadHandler,
+    inputMethod: INPUT_METHOD.KEYBOARD
+  });
+};
+
 export function createPlugin(dispatch, options) {
   var allowInserting = !!options.allowInserting;
   return new SafePlugin({
@@ -82,6 +99,32 @@ export function createPlugin(dispatch, options) {
       return;
     },
     props: {
+      handleDOMEvents: {
+        beforeinput: function beforeinput(view, event) {
+          var state = view.state;
+
+          if (event instanceof InputEvent && !event.isComposing && event.inputType === 'insertText' && isSelectionAtPlaceholder(view.state.selection)) {
+            event.stopPropagation();
+            event.preventDefault();
+            var startNodePosition = state.selection.from;
+            var content = event.data || '';
+            var tr = view.state.tr;
+            tr.delete(startNodePosition, startNodePosition + 1);
+            var openTypeAhead = getOpenTypeAhead(view, content);
+
+            if (openTypeAhead) {
+              openTypeAhead(tr);
+            } else {
+              tr.insertText(content);
+            }
+
+            view.dispatch(tr);
+            return true;
+          }
+
+          return false;
+        }
+      },
       nodeViews: {
         placeholder: function placeholder(node, view, getPos) {
           return new PlaceholderTextNodeView(node, view, getPos);
@@ -183,7 +226,7 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
           });
         },
         action: function action(insert, state) {
-          var tr = insert(state.schema.nodes.placeholder.createChecked());
+          var tr = state.tr;
           tr.setMeta(pluginKey, {
             showInsertPanelAt: tr.selection.anchor
           });

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

@@ -1,7 +1,32 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import { DOMSerializer } from 'prosemirror-model';
-import { TextSelection } from 'prosemirror-state';
+import { Selection } from 'prosemirror-state';
+import { browser, ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils';
+
+var serializePlaceholderNode = function serializePlaceholderNode(node) {
+  var element = document.createElement('span');
+  element.classList.add('pm-placeholder');
+
+  if (browser.gecko) {
+    element.setAttribute('contenteditable', 'true');
+  }
+
+  element.innerText = ZERO_WIDTH_SPACE;
+  var elementChildren = document.createElement('span');
+  elementChildren.classList.add('pm-placeholder__text');
+  elementChildren.dataset.placeholder = node.attrs.text;
+  elementChildren.setAttribute('contenteditable', 'false');
+  element.appendChild(elementChildren);
+
+  if (browser.safari) {
+    element.appendChild(document.createTextNode(ZERO_WIDTH_SPACE));
+  } else {
+    element.appendChild(document.createElement('wbr'));
+  }
+
+  return element;
+};
+
 export var PlaceholderTextNodeView = /*#__PURE__*/function () {
   function PlaceholderTextNodeView(node, view, getPos) {
     _classCallCheck(this, PlaceholderTextNodeView);
@@ -9,34 +34,56 @@ export var PlaceholderTextNodeView = /*#__PURE__*/function () {
     this.node = node;
     this.view = view;
     this.getPos = getPos;
-    var serializer = DOMSerializer.fromSchema(this.view.state.schema);
-    this.dom = serializer.serializeNode(this.node);
+    this.dom = serializePlaceholderNode(this.node);
+    this.getPos = getPos;
   }
 
   _createClass(PlaceholderTextNodeView, [{
+    key: "stopEvent",
+    value: function stopEvent(e) {
+      if (e.type === 'mousedown' && typeof this.getPos === 'function') {
+        e.preventDefault();
+        var _view = this.view;
+        var startNodePosition = this.getPos();
+        var tr = _view.state.tr;
+        tr.setSelection(Selection.near(tr.doc.resolve(startNodePosition)));
+
+        _view.dispatch(tr);
+
+        return true;
+      }
+
+      return false;
+    }
+  }, {
     key: "ignoreMutation",
     value: function ignoreMutation(record) {
-      // 😬
-      // DOM Node needs to be contenteditable so Android does
-      // not close its virtual keyboard, see ED-9613
-      // To reestablish desired behaviour we replace the placeholdeer
-      // when we detect a characterData mutation inside
+      if (typeof this.getPos !== 'function' || record.type !== 'selection') {
+        return true;
+      }
+
       var view = this.view,
-          dom = this.dom,
           node = this.node;
-      var content = dom.textContent || '';
-      var text = node.attrs.text;
-
-      if (record.type === 'characterData' && content !== text && content.includes(text) && typeof this.getPos === 'function') {
-        var start = this.getPos();
-        var end = start + this.node.nodeSize;
-        var stripped = content.replace(text, '');
-        var tr = view.state.tr.replaceRangeWith(start, end, view.state.schema.text(stripped));
-        tr = tr.setSelection(TextSelection.create(tr.doc, end, end));
+      var placeholderStartPosition = this.getPos();
+      var placeholderEndPosition = this.getPos() + node.nodeSize;
+      var selection = view.state.selection; // when the selection is set right after the placeholder.
+      // we should let ProseMirror deal with this edge-case
+
+      if (selection.from === placeholderEndPosition) {
+        return false;
+      }
+
+      var isSelectionAtPlaceholder = selection.from === placeholderStartPosition;
+      var isSelectionAfterlaceholder = selection.from > placeholderEndPosition;
+
+      if (isSelectionAtPlaceholder || isSelectionAfterlaceholder) {
+        var tr = view.state.tr;
+        tr.setSelection(Selection.near(tr.doc.resolve(placeholderEndPosition)));
         view.dispatch(tr);
+        return true;
       }
 
-      return record.type !== 'selection';
+      return true;
     }
   }]);
 

package/dist/esm/plugins/placeholder-text/selection-utils.js

@@ -0,0 +1,9 @@
+import { TextSelection } from 'prosemirror-state';
+export var isSelectionAtPlaceholder = function isSelectionAtPlaceholder(selection) {
+  if (!(selection instanceof TextSelection) || !selection.$cursor) {
+    return false;
+  }
+
+  var node = selection.$cursor.doc.nodeAt(selection.$cursor.pos);
+  return (node === null || node === void 0 ? void 0 : node.type.name) === 'placeholder';
+};

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

@@ -4,4 +4,5 @@ var _templateObject;
 
 import { css } from 'styled-components';
 import { N300 } from '@atlaskit/theme/colors';
-export var placeholderTextStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n  }\n"])), N300);
+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);

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

@@ -2,6 +2,6 @@ export { hoverColumns, hoverRows, hoverTable, hoverMergedCells, clearHoverSelect
 export { insertColumn, insertRow, createTable } from './insert';
 export { getNextLayout, toggleContextualMenu, toggleHeaderColumn, toggleHeaderRow, toggleNumberColumn, toggleTableLayout } from './toggle';
 export { clearMultipleCells } from './clear';
-export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectRow, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations, setTableSize } from './misc';
+export { autoSizeTable, convertFirstRowToHeader, deleteTable, hideInsertColumnOrRowButton, moveCursorBackward, selectColumn, selectRow, setCellAttr, setEditorFocus, setMultipleCellAttrs, setTableRef, showInsertColumnButton, showInsertRowButton, transformSliceToAddTableHeaders, triggerUnlessTableHeader, addBoldInEmptyHeaderCells, addResizeHandleDecorations } from './misc';
 export { sortByColumn } from './sort';
 export { goToNextCell } from './go-to-next-cell';

package/dist/esm/plugins/table/commands/insert.js

@@ -99,7 +99,7 @@ export var insertColumn = function insertColumn(column) {
 export var insertRow = function insertRow(row, moveCursorToTheNewRow) {
   return function (state, dispatch) {
     // Don't clone the header row
-    var headerRowEnabled = checkIfHeaderRowEnabled(state);
+    var headerRowEnabled = checkIfHeaderRowEnabled(state.selection);
     var clonePreviousRow = headerRowEnabled && row > 1 || !headerRowEnabled && row > 0; // When the table have header row
     // we should not add row on the position zero
 

package/dist/esm/plugins/table/commands/misc.js

@@ -19,7 +19,7 @@ import { createCommand, getPluginState } from '../pm-plugins/plugin-factory';
 import { fixAutoSizedTable } from '../transforms';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 import { createColumnControlsDecoration, createColumnSelectedDecoration } from '../utils/decoration';
-import { checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, isIsolating } from '../utils/nodes';
+import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, isIsolating } from '../utils/nodes';
 import { updatePluginStateDecorations } from '../utils/update-plugin-state-decorations'; // #endregion
 // #endregion
 // #region Commands
@@ -49,8 +49,9 @@ export var setTableRef = function setTableRef(ref) {
         tablePos: tablePos,
         tableWrapperTarget: tableWrapperTarget,
         layout: layout || 'default',
-        isHeaderRowEnabled: checkIfHeaderRowEnabled(state),
-        isHeaderColumnEnabled: checkIfHeaderColumnEnabled(state),
+        isNumberColumnEnabled: checkIfNumberColumnEnabled(state.selection),
+        isHeaderRowEnabled: checkIfHeaderRowEnabled(state.selection),
+        isHeaderColumnEnabled: checkIfHeaderColumnEnabled(state.selection),
         decorationSet: decorationSet,
         resizeHandleColumnIndex: undefined
       }
@@ -113,7 +114,7 @@ export var triggerUnlessTableHeader = function triggerUnlessTableHeader(command)
     if (selection instanceof CellSelection) {
       var rect = getSelectionRect(selection);
 
-      if (!checkIfHeaderRowEnabled(state) || rect && rect.top > 0) {
+      if (!checkIfHeaderRowEnabled(selection) || rect && rect.top > 0) {
         return command(state, dispatch, view);
       }
     }
@@ -404,17 +405,6 @@ export var addResizeHandleDecorations = function addResizeHandleDecorations(colu
     return tr.setMeta('addToHistory', false);
   });
 };
-export var setTableSize = function setTableSize(tableHeight, tableWidth) {
-  return createCommand({
-    type: 'SET_TABLE_SIZE',
-    data: {
-      tableHeight: tableHeight,
-      tableWidth: tableWidth
-    }
-  }, function (tr) {
-    return tr.setMeta('addToHistory', false);
-  });
-};
 export var autoSizeTable = function autoSizeTable(view, node, table, basePos, opts) {
   view.dispatch(fixAutoSizedTable(view, node, table, basePos, opts));
   return true;

package/dist/esm/plugins/table/commands-with-analytics.js

@@ -345,7 +345,7 @@ export var toggleNumberColumnWithAnalytics = function toggleNumberColumnWithAnal
       actionSubject: ACTION_SUBJECT.TABLE,
       actionSubjectId: null,
       attributes: {
-        newState: !checkIfNumberColumnEnabled(state),
+        newState: !checkIfNumberColumnEnabled(state.selection),
         totalRowCount: totalRowCount,
         totalColumnCount: totalColumnCount
       },

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

@@ -12,8 +12,9 @@ import { isTableCollapsible } from './utils/collapse';
 import { defaultTableSelection } from './pm-plugins/default-table-selection';
 import { pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
 import { TableSortStep } from '@atlaskit/adf-schema/steps';
-
 // #endregion
+import { checkIfNumberColumnEnabled, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled } from './utils/nodes';
+
 var nextTableSorting = function nextTableSorting(tr, table) {
   var tableSortStep = tr.steps.find(function (step) {
     return step instanceof TableSortStep;
@@ -70,7 +71,10 @@ var updateTableNodePluginState = function updateTableNodePluginState(_ref2) {
     return _objectSpread(_objectSpread(_objectSpread({}, pluginState), defaultTableSelection), {}, {
       tableNode: tableNode,
       ordering: nextTableSorting(tr, table),
-      resizeHandleColumnIndex: nextResizeHandleColumnIndex(tr, pluginState.resizeHandleColumnIndex)
+      resizeHandleColumnIndex: nextResizeHandleColumnIndex(tr, pluginState.resizeHandleColumnIndex),
+      isNumberColumnEnabled: checkIfNumberColumnEnabled(tr.selection),
+      isHeaderColumnEnabled: checkIfHeaderColumnEnabled(tr.selection),
+      isHeaderRowEnabled: checkIfHeaderRowEnabled(tr.selection)
     });
   };
 };

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

@@ -15,7 +15,7 @@ import { createPlugin as createDecorationsPlugin } from './pm-plugins/decoration
 import { keymapPlugin } from './pm-plugins/keymap';
 import { tableSelectionKeymapPlugin } from './pm-plugins/table-selection-keymap';
 import { createPlugin } from './pm-plugins/main';
-import { pluginKey } from './pm-plugins/plugin-factory';
+import { pluginKey } from './pm-plugins/plugin-key';
 import { createPlugin as createStickyHeadersPlugin, findStickyHeaderForTable, pluginKey as stickyHeadersPluginKey } from './pm-plugins/sticky-headers';
 import { createPlugin as createFlexiResizingPlugin, pluginKey as tableResizingPluginKey } from './pm-plugins/table-resizing';
 import { getToolbarConfig } from './toolbar';
@@ -25,7 +25,6 @@ import FloatingDeleteButton from './ui/FloatingDeleteButton';
 import FloatingInsertButton from './ui/FloatingInsertButton';
 import LayoutButton from './ui/LayoutButton';
 import { isLayoutSupported } from './utils';
-import { getFeatureFlags } from '../feature-flags-context';
 import { ErrorBoundary } from '../../ui/ErrorBoundary';
 
 var tablesPlugin = function tablesPlugin(options) {
@@ -120,6 +119,8 @@ var tablesPlugin = function tablesPlugin(options) {
       }]; // workaround for prosemirrors delayed dom selection syncing during pointer drag
       // causing issues with table selections in Safari
       // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
+      // NOTE: this workaround can be removed when next upgrading prosemirror as the issue will be fixed
+      // https://github.com/ProseMirror/prosemirror-view/pull/116
 
       if (browser.safari) {
         plugins.push({
@@ -166,13 +167,8 @@ var tablesPlugin = function tablesPlugin(options) {
               insertRowButtonIndex = _ref9.insertRowButtonIndex,
               isHeaderColumnEnabled = _ref9.isHeaderColumnEnabled,
               isHeaderRowEnabled = _ref9.isHeaderRowEnabled,
-              tableWrapperTarget = _ref9.tableWrapperTarget,
-              tableWidth = _ref9.tableWidth;
+              tableWrapperTarget = _ref9.tableWrapperTarget;
           var allowControls = pluginConfig.allowControls;
-
-          var _ref10 = getFeatureFlags(state) || {},
-              tableRenderOptimization = _ref10.tableRenderOptimization;
-
           var stickyHeader = stickyHeadersState ? findStickyHeaderForTable(stickyHeadersState, tablePos) : undefined;
           return /*#__PURE__*/React.createElement(React.Fragment, null, targetCellPosition && tableRef && !isDragging && options && options.allowContextualMenu && /*#__PURE__*/React.createElement(FloatingContextualButton, {
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
@@ -222,15 +218,14 @@ var tablesPlugin = function tablesPlugin(options) {
             targetRef: tableWrapperTarget,
             layout: layout,
             isResizing: !!resizingPluginState && !!resizingPluginState.dragging,
-            tableWidth: tableRenderOptimization ? tableWidth : undefined,
             stickyHeader: stickyHeader
           }));
         }
       }));
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref11) {
-        var formatMessage = _ref11.formatMessage;
+      quickInsert: function quickInsert(_ref10) {
+        var formatMessage = _ref10.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(messages.table),