@atlaskit/editor-core 161.0.0 → 162.0.0

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

@@ -11,46 +11,90 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorState = require("prosemirror-state");
 
+var _utils = require("@atlaskit/editor-common/utils");
+
+var serializePlaceholderNode = function serializePlaceholderNode(node) {
+  var element = document.createElement('span');
+  element.classList.add('pm-placeholder');
+
+  if (_utils.browser.gecko) {
+    element.setAttribute('contenteditable', 'true');
+  }
+
+  element.innerText = _utils.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 (_utils.browser.safari) {
+    element.appendChild(document.createTextNode(_utils.ZERO_WIDTH_SPACE));
+  } else {
+    element.appendChild(document.createElement('wbr'));
+  }
+
+  return element;
+};
+
 var PlaceholderTextNodeView = /*#__PURE__*/function () {
   function PlaceholderTextNodeView(node, view, getPos) {
     (0, _classCallCheck2.default)(this, PlaceholderTextNodeView);
     this.node = node;
     this.view = view;
     this.getPos = getPos;
-
-    var serializer = _prosemirrorModel.DOMSerializer.fromSchema(this.view.state.schema);
-
-    this.dom = serializer.serializeNode(this.node);
+    this.dom = serializePlaceholderNode(this.node);
+    this.getPos = getPos;
   }
 
   (0, _createClass2.default)(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(_prosemirrorState.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(_prosemirrorState.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(_prosemirrorState.Selection.near(tr.doc.resolve(placeholderEndPosition)));
         view.dispatch(tr);
+        return true;
       }
 
-      return record.type !== 'selection';
+      return true;
     }
   }]);
   return PlaceholderTextNodeView;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSelectionAtPlaceholder = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var isSelectionAtPlaceholder = function isSelectionAtPlaceholder(selection) {
+  if (!(selection instanceof _prosemirrorState.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';
+};
+
+exports.isSelectionAtPlaceholder = isSelectionAtPlaceholder;

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

@@ -13,7 +13,9 @@ var _styledComponents = require("styled-components");
 
 var _colors = require("@atlaskit/theme/colors");
 
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+
 var _templateObject;
 
-var placeholderTextStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n  }\n"])), _colors.N300);
+var placeholderTextStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _colors.N300, _colors.N300, _colors.N300, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), _colors.N300);
 exports.placeholderTextStyles = placeholderTextStyles;

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

@@ -153,12 +153,6 @@ Object.defineProperty(exports, "setTableRef", {
     return _misc.setTableRef;
   }
 });
-Object.defineProperty(exports, "setTableSize", {
-  enumerable: true,
-  get: function get() {
-    return _misc.setTableSize;
-  }
-});
 Object.defineProperty(exports, "showInsertColumnButton", {
   enumerable: true,
   get: function get() {

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

@@ -126,7 +126,7 @@ exports.insertColumn = insertColumn;
 var insertRow = function insertRow(row, moveCursorToTheNewRow) {
   return function (state, dispatch) {
     // Don't clone the header row
-    var headerRowEnabled = (0, _utils2.checkIfHeaderRowEnabled)(state);
+    var headerRowEnabled = (0, _utils2.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/cjs/plugins/table/commands/misc.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.triggerUnlessTableHeader = exports.transformSliceToRemoveColumnsWidths = exports.transformSliceToAddTableHeaders = exports.transformSliceRemoveCellBackgroundColor = exports.showInsertRowButton = exports.showInsertColumnButton = exports.setTableSize = exports.setTableRef = exports.setMultipleCellAttrs = exports.setEditorFocus = exports.setCellAttr = exports.selectRow = exports.selectColumn = exports.moveCursorBackward = exports.hideInsertColumnOrRowButton = exports.deleteTableIfSelected = exports.deleteTable = exports.convertFirstRowToHeader = exports.autoSizeTable = exports.addResizeHandleDecorations = exports.addBoldInEmptyHeaderCells = void 0;
+exports.triggerUnlessTableHeader = exports.transformSliceToRemoveColumnsWidths = exports.transformSliceToAddTableHeaders = exports.transformSliceRemoveCellBackgroundColor = exports.showInsertRowButton = exports.showInsertColumnButton = exports.setTableRef = exports.setMultipleCellAttrs = exports.setEditorFocus = exports.setCellAttr = exports.selectRow = exports.selectColumn = exports.moveCursorBackward = exports.hideInsertColumnOrRowButton = exports.deleteTableIfSelected = exports.deleteTable = exports.convertFirstRowToHeader = exports.autoSizeTable = exports.addResizeHandleDecorations = exports.addBoldInEmptyHeaderCells = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -76,8 +76,9 @@ var setTableRef = function setTableRef(ref) {
         tablePos: tablePos,
         tableWrapperTarget: tableWrapperTarget,
         layout: layout || 'default',
-        isHeaderRowEnabled: (0, _nodes.checkIfHeaderRowEnabled)(state),
-        isHeaderColumnEnabled: (0, _nodes.checkIfHeaderColumnEnabled)(state),
+        isNumberColumnEnabled: (0, _nodes.checkIfNumberColumnEnabled)(state.selection),
+        isHeaderRowEnabled: (0, _nodes.checkIfHeaderRowEnabled)(state.selection),
+        isHeaderColumnEnabled: (0, _nodes.checkIfHeaderColumnEnabled)(state.selection),
         decorationSet: decorationSet,
         resizeHandleColumnIndex: undefined
       }
@@ -146,7 +147,7 @@ var triggerUnlessTableHeader = function triggerUnlessTableHeader(command) {
     if (selection instanceof _cellSelection.CellSelection) {
       var rect = (0, _utils.getSelectionRect)(selection);
 
-      if (!(0, _nodes.checkIfHeaderRowEnabled)(state) || rect && rect.top > 0) {
+      if (!(0, _nodes.checkIfHeaderRowEnabled)(selection) || rect && rect.top > 0) {
         return command(state, dispatch, view);
       }
     }
@@ -483,20 +484,6 @@ var addResizeHandleDecorations = function addResizeHandleDecorations(columnIndex
 
 exports.addResizeHandleDecorations = addResizeHandleDecorations;
 
-var setTableSize = function setTableSize(tableHeight, tableWidth) {
-  return (0, _pluginFactory.createCommand)({
-    type: 'SET_TABLE_SIZE',
-    data: {
-      tableHeight: tableHeight,
-      tableWidth: tableWidth
-    }
-  }, function (tr) {
-    return tr.setMeta('addToHistory', false);
-  });
-};
-
-exports.setTableSize = setTableSize;
-
 var autoSizeTable = function autoSizeTable(view, node, table, basePos, opts) {
   view.dispatch((0, _transforms.fixAutoSizedTable)(view, node, table, basePos, opts));
   return true;

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

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

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

@@ -23,11 +23,12 @@ var _tableResizing = require("./pm-plugins/table-resizing");
 
 var _steps = require("@atlaskit/adf-schema/steps");
 
+var _nodes = require("./utils/nodes");
+
 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; }
 
 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) { (0, _defineProperty2.default)(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; }
 
-// #endregion
 var nextTableSorting = function nextTableSorting(tr, table) {
   var tableSortStep = tr.steps.find(function (step) {
     return step instanceof _steps.TableSortStep;
@@ -84,7 +85,10 @@ var updateTableNodePluginState = function updateTableNodePluginState(_ref2) {
     return _objectSpread(_objectSpread(_objectSpread({}, pluginState), _defaultTableSelection.defaultTableSelection), {}, {
       tableNode: tableNode,
       ordering: nextTableSorting(tr, table),
-      resizeHandleColumnIndex: nextResizeHandleColumnIndex(tr, pluginState.resizeHandleColumnIndex)
+      resizeHandleColumnIndex: nextResizeHandleColumnIndex(tr, pluginState.resizeHandleColumnIndex),
+      isNumberColumnEnabled: (0, _nodes.checkIfNumberColumnEnabled)(tr.selection),
+      isHeaderColumnEnabled: (0, _nodes.checkIfHeaderColumnEnabled)(tr.selection),
+      isHeaderRowEnabled: (0, _nodes.checkIfHeaderRowEnabled)(tr.selection)
     });
   };
 };

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

@@ -41,7 +41,7 @@ var _tableSelectionKeymap = require("./pm-plugins/table-selection-keymap");
 
 var _main = require("./pm-plugins/main");
 
-var _pluginFactory = require("./pm-plugins/plugin-factory");
+var _pluginKey = require("./pm-plugins/plugin-key");
 
 var _stickyHeaders = require("./pm-plugins/sticky-headers");
 
@@ -61,8 +61,6 @@ var _LayoutButton = _interopRequireDefault(require("./ui/LayoutButton"));
 
 var _utils3 = require("./utils");
 
-var _featureFlagsContext = require("../feature-flags-context");
-
 var _ErrorBoundary = require("../../ui/ErrorBoundary");
 
 var tablesPlugin = function tablesPlugin(options) {
@@ -157,6 +155,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 (_utils.browser.safari) {
         plugins.push({
@@ -181,7 +181,7 @@ var tablesPlugin = function tablesPlugin(options) {
         fallbackComponent: null
       }, /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
         plugins: {
-          tablePluginState: _pluginFactory.pluginKey,
+          tablePluginState: _pluginKey.pluginKey,
           tableResizingPluginState: _tableResizing.pluginKey,
           stickyHeadersState: _stickyHeaders.pluginKey
         },
@@ -203,13 +203,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 = (0, _featureFlagsContext.getFeatureFlags)(state) || {},
-              tableRenderOptimization = _ref10.tableRenderOptimization;
-
           var stickyHeader = stickyHeadersState ? (0, _stickyHeaders.findStickyHeaderForTable)(stickyHeadersState, tablePos) : undefined;
           return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, targetCellPosition && tableRef && !isDragging && options && options.allowContextualMenu && /*#__PURE__*/_react.default.createElement(_FloatingContextualButton.default, {
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
@@ -259,15 +254,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.messages.table),

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

@@ -449,7 +449,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         if (this.overflowShadowsObserver) {
           var _this$state$stickyHea;
 
-          this.overflowShadowsObserver.observeCells((_this$state$stickyHea = this.state.stickyHeader) === null || _this$state$stickyHea === void 0 ? void 0 : _this$state$stickyHea.sticky, (0, _utils5.containsHeaderRow)(view.state, getNode()));
+          this.overflowShadowsObserver.observeCells((_this$state$stickyHea = this.state.stickyHeader) === null || _this$state$stickyHea === void 0 ? void 0 : _this$state$stickyHea.sticky, (0, _utils5.containsHeaderRow)(getNode()));
         }
       }
 
@@ -524,7 +524,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var headerRow = tableRef ? tableRef.querySelector('tr[data-header-row]') : undefined; //dont need to change tableHeight with tableRenderOptimization because it will be observed inside floating components
 
       var tableHeight = tableRef && !tableRenderOptimization ? tableRef.offsetHeight : undefined;
-      var hasHeaderRow = (0, _utils5.containsHeaderRow)(view.state, node);
+      var hasHeaderRow = (0, _utils5.containsHeaderRow)(node);
 
       var rowControls = /*#__PURE__*/_react.default.createElement("div", {
         className: _types.TableCssClassName.ROW_CONTROLS_WRAPPER

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

@@ -41,6 +41,8 @@ var _createPluginConfig = require("../create-plugin-config");
 
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 
+var _pluginKey = require("../pm-plugins/plugin-key");
+
 var _tableResizing = require("../pm-plugins/table-resizing");
 
 var _utils = require("../pm-plugins/table-resizing/utils");
@@ -49,18 +51,10 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 
-var _commands = require("../commands");
-
 var _featureFlagsContext = require("../../feature-flags-context");
 
 var _extensibility = require("../../../extensibility");
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -99,7 +93,6 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hasHoveredRows", false);
     _this.getPos = props.getPos;
-    _this.editorView = props.view;
     _this.tableRenderOptimization = props.tableRenderOptimization;
     _this.eventDispatcher = props.eventDispatcher;
     return _this;
@@ -108,42 +101,18 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
   (0, _createClass2.default)(TableView, [{
     key: "getContentDOM",
     value: function getContentDOM() {
-      var _window,
-          _this2 = this;
-
       var rendered = _prosemirrorModel.DOMSerializer.renderSpec(document, toDOM(this.node, this.reactComponentProps));
 
       if (rendered.dom) {
         this.table = rendered.dom;
       }
 
-      if (this.tableRenderOptimization && this.table && !this.resizeObserver && (_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
-        this.resizeObserver = new ResizeObserver(function (entries) {
-          var _iterator = _createForOfIteratorHelper(entries),
-              _step;
-
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var entry = _step.value;
-              var height = entry.contentRect ? entry.contentRect.height : entry.target.offsetHeight;
-              var width = entry.contentRect ? entry.contentRect.width : entry.target.offsetWidth;
-              (0, _commands.setTableSize)(height, width)(_this2.editorView.state, _this2.editorView.dispatch);
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
-          }
-        });
-        this.resizeObserver.observe(this.table);
-      }
-
       return rendered;
     }
   }, {
     key: "setDomAttrs",
     value: function setDomAttrs(node) {
-      var _this3 = this;
+      var _this2 = this;
 
       if (!this.table) {
         return;
@@ -151,18 +120,18 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
 
       var attrs = tableAttributes(node);
       Object.keys(attrs).forEach(function (attr) {
-        _this3.table.setAttribute(attr, attrs[attr]);
+        _this2.table.setAttribute(attr, attrs[attr]);
       });
     }
   }, {
     key: "render",
     value: function render(props, forwardRef) {
-      var _this4 = this;
+      var _this3 = this;
 
       return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
         plugins: {
           containerWidth: _width.pluginKey,
-          pluginState: _pluginFactory.pluginKey,
+          pluginState: _pluginKey.pluginKey,
           tableResizingPluginState: _tableResizing.pluginKey
         },
         editorView: props.view,
@@ -183,7 +152,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
             tableActive: tableActive,
             ordering: pluginState.ordering,
             tableResizingPluginState: tableResizingPluginState,
-            getNode: _this4.getNode,
+            getNode: _this3.getNode,
             containerWidth: containerWidth,
             contentDOM: forwardRef
           });

package/dist/cjs/plugins/table/pm-plugins/decorations/plugin.js

@@ -13,7 +13,7 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 
 var _prosemirrorView = require("prosemirror-view");
 
-var _pluginFactory = require("../plugin-factory");
+var _pluginKey = require("../plugin-key");
 
 var _utils = require("./utils");
 
@@ -56,7 +56,7 @@ var createPlugin = function createPlugin() {
       },
       apply: function apply(tr, decorationSet, oldState) {
         var pluginState = decorationSet;
-        var meta = tr.getMeta(_pluginFactory.pluginKey);
+        var meta = tr.getMeta(_pluginKey.pluginKey);
 
         if (meta && meta.data && meta.data.decorationSet) {
           pluginState = meta.data.decorationSet;

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

@@ -39,6 +39,8 @@ var _defaultTableSelection = require("./default-table-selection");
 
 var _pluginFactory = require("./plugin-factory");
 
+var _pluginKey = require("./plugin-key");
+
 var _tableCell = _interopRequireDefault(require("../nodeviews/tableCell"));
 
 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; }
@@ -87,7 +89,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
   var invalidTableIds = [];
   return new _safePlugin.SafePlugin({
     state: state,
-    key: _pluginFactory.pluginKey,
+    key: _pluginKey.pluginKey,
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       var tr = transactions.find(function (tr) {
         return tr.getMeta('uiEvent') === 'cut';

package/dist/cjs/plugins/table/pm-plugins/plugin-factory.js

@@ -5,26 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pluginKey = exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
+exports.getPluginState = exports.createPluginState = exports.createCommand = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _prosemirrorState = require("prosemirror-state");
-
 var _pluginStateFactory = require("../../../utils/plugin-state-factory");
 
 var _handlers = require("../handlers");
 
 var _reducer = _interopRequireDefault(require("../reducer"));
 
+var _pluginKey = require("./plugin-key");
+
 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; }
 
 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) { (0, _defineProperty2.default)(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; }
 
-var pluginKey = new _prosemirrorState.PluginKey('tablePlugin');
-exports.pluginKey = pluginKey;
-
-var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(pluginKey, _reducer.default, {
+var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(_pluginKey.pluginKey, _reducer.default, {
   mapping: function mapping(tr, pluginState) {
     if (tr.docChanged) {
       var updatedTargetCell = {};

package/dist/cjs/plugins/table/pm-plugins/plugin-key.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var pluginKey = new _prosemirrorState.PluginKey('tablePlugin');
+exports.pluginKey = pluginKey;

package/dist/cjs/plugins/table/pm-plugins/safari-delayed-dom-selection-syncing-workaround.js

@@ -33,6 +33,8 @@ var createPlugin = function createPlugin() {
           // DOM selection syncing during pointer drag.
           //
           // 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
           // This fix removes the selectionToDOM from the view
           // prior to selectionToDOM being called.
           // selectionToDOM checks if there is an "active"

package/dist/cjs/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -23,7 +23,7 @@ var _types = require("../../../types");
 
 var _consts = require("../../../ui/consts");
 
-var _pluginFactory = require("../../plugin-factory");
+var _pluginKey = require("../../plugin-key");
 
 var _dom = require("../../table-resizing/utils/dom");
 
@@ -350,7 +350,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
       }
 
       this.eventDispatcher.on(_width.pluginKey.key, this.onWidthPluginState);
-      this.eventDispatcher.on(_pluginFactory.pluginKey.key, this.onTablePluginState);
+      this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState);
       this.listening = true;
     }
   }, {
@@ -373,7 +373,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
       }
 
       this.eventDispatcher.off(_width.pluginKey.key, this.onWidthPluginState);
-      this.eventDispatcher.off(_pluginFactory.pluginKey.key, this.onTablePluginState);
+      this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
       this.listening = false;
     } // initialize intersection observer to track if table is within scroll area
 

package/dist/cjs/plugins/table/reducer.js

@@ -90,13 +90,6 @@ var _default = function _default(pluginState, action) {
 
       return _objectSpread(_objectSpread({}, pluginState), action.data);
 
-    case 'SET_TABLE_SIZE':
-      if (pluginState.tableWidth !== action.data.tableWidth || pluginState.tableHeight !== action.data.tableHeight) {
-        return _objectSpread(_objectSpread({}, pluginState), action.data);
-      }
-
-      return pluginState;
-
     case 'SET_TABLE_REF':
     case 'HOVER_ROWS':
     case 'HOVER_COLUMNS':