@atlaskit/editor-core 153.1.1 → 154.0.0

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

@@ -29,11 +29,13 @@ var _utils = require("@atlaskit/editor-tables/utils");
 
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
+
+var _utils2 = require("@atlaskit/editor-common/utils");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _utils2 = require("../../../utils");
+var _utils3 = require("../../../utils");
 
 var _nodeWidth = require("../../../utils/node-width");
 
@@ -47,7 +49,7 @@ var _stickyHeaders = require("../pm-plugins/sticky-headers");
 
 var _tableResizing = require("../pm-plugins/table-resizing");
 
-var _utils3 = require("../pm-plugins/table-resizing/utils");
+var _utils4 = require("../pm-plugins/table-resizing/utils");
 
 var _dom2 = require("../pm-plugins/table-resizing/utils/dom");
 
@@ -55,7 +57,7 @@ var _types = require("../types");
 
 var _TableFloatingControls = _interopRequireDefault(require("../ui/TableFloatingControls"));
 
-var _utils4 = require("../utils");
+var _utils5 = require("../utils");
 
 var _updateOverflowShadows = require("./update-overflow-shadows");
 
@@ -65,15 +67,15 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
 var _OverflowShadowsObserver = require("./OverflowShadowsObserver");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty3.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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, _defineProperty3.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; }
 
 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; } }
 
-var isIE11 = _editorCommon.browser.ie_version === 11;
+var isIE11 = _utils2.browser.ie_version === 11;
 
 var NOOP = function NOOP() {
   return undefined;
@@ -133,7 +135,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
 
       var pos = _this.props.getPos();
 
-      if (!(0, _utils2.isValidPosition)(pos, _this.props.view.state)) {
+      if (!(0, _utils3.isValidPosition)(pos, _this.props.view.state)) {
         return;
       }
 
@@ -206,7 +208,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var layoutSize = _this.tableNodeLayoutSize(node, containerWidth.width, options);
 
       var hasNumberedColumnChanged = prevAttrs.isNumberColumnEnabled !== node.attrs.isNumberColumnEnabled;
-      var noOfColumnsChanged = (0, _utils4.tablesHaveDifferentNoOfColumns)(node, prevNode);
+      var noOfColumnsChanged = (0, _utils5.tablesHaveDifferentNoOfColumns)(node, prevNode);
 
       if ( // Breakout mode/layout changed
       layoutChanged || // We need to react if our parent changes
@@ -244,16 +246,14 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           dispatch = view.dispatch;
       var pos = getPos();
 
-      if (!(0, _utils2.isValidPosition)(pos, state)) {
+      if (!(0, _utils3.isValidPosition)(pos, state)) {
         return;
       }
 
       var domAtPos = view.domAtPos.bind(view);
       var width = containerWidth.width;
 
-      if (_this.frameId && window) {
-        window.cancelAnimationFrame(_this.frameId);
-      }
+      _this.scaleTableDebounced.cancel();
 
       (0, _tableResizing.scaleTable)(_this.table, _objectSpread(_objectSpread({}, scaleOptions), {}, {
         node: node,
@@ -274,7 +274,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         var node = getNode();
         var pos = getPos();
 
-        if (!(0, _utils2.isValidPosition)(pos, view.state)) {
+        if (!(0, _utils3.isValidPosition)(pos, view.state)) {
           return;
         }
 
@@ -297,7 +297,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
 
       var parentWidth = _this.getParentNodeWidth();
 
-      _this.frameId = _this.scaleTableDebounced(parentWidth);
+      _this.scaleTableDebounced(parentWidth);
     });
     (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "updateTableContainerWidth", function () {
       var _this$props5 = _this.props,
@@ -310,7 +310,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         return;
       }
 
-      var tableContainerWidth = (0, _editorCommon.calcTableWidth)(node.attrs.layout, containerWidth.width);
+      var tableContainerWidth = (0, _styles.calcTableWidth)(node.attrs.layout, containerWidth.width);
 
       if (_this.state.tableContainerWidth === tableContainerWidth) {
         return null;
@@ -336,7 +336,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
           state = _this$props6.view.state;
       var pos = getPos();
 
-      if (!(0, _utils2.isValidPosition)(pos, state)) {
+      if (!(0, _utils3.isValidPosition)(pos, state)) {
         return;
       }
 
@@ -348,7 +348,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       });
     });
     (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "tableNodeLayoutSize", function (node, containerWidth, options) {
-      return (0, _utils3.getLayoutSize)(node.attrs.layout, containerWidth || _this.props.containerWidth.width, options || _this.props.options || {});
+      return (0, _utils4.getLayoutSize)(node.attrs.layout, containerWidth || _this.props.containerWidth.width, options || _this.props.options || {});
     });
     (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "scaleTableDebounced", (0, _rafSchd.default)(_this.scaleTable));
     (0, _defineProperty3.default)((0, _assertThisInitialized2.default)(_this), "handleTableResizingDebounced", (0, _rafSchd.default)(_this.handleTableResizing));
@@ -411,7 +411,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
          */
         window.addEventListener('resize', this.handleWindowResizeDebounced);
         this.updateTableContainerWidth();
-        this.frameId = this.handleTableResizingDebounced(this.props);
+        this.handleTableResizingDebounced();
       }
 
       var currentStickyState = _stickyHeaders.pluginKey.getState(this.props.view.state);
@@ -430,15 +430,15 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
 
       this.handleScrollDebounced.cancel();
+      this.scaleTableDebounced.cancel();
+      this.handleTableResizingDebounced.cancel();
+      this.handleAutoSizeDebounced.cancel();
+      this.handleWindowResizeDebounced.cancel();
 
       if (this.props.allowColumnResizing) {
         window.removeEventListener('resize', this.handleWindowResizeDebounced);
       }
 
-      if (this.frameId && window) {
-        window.cancelAnimationFrame(this.frameId);
-      }
-
       if (this.overflowShadowsObserver) {
         this.overflowShadowsObserver.dispose();
       }
@@ -467,7 +467,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, _utils4.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)(view.state, getNode()));
         }
       }
 
@@ -481,13 +481,13 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         // re-draw colgroup.
         var previousTable = this.node;
 
-        if ((0, _utils4.tablesHaveDifferentColumnWidths)(currentTable, previousTable) || (0, _utils4.tablesHaveDifferentNoOfColumns)(currentTable, previousTable)) {
+        if ((0, _utils5.tablesHaveDifferentColumnWidths)(currentTable, previousTable) || (0, _utils5.tablesHaveDifferentNoOfColumns)(currentTable, previousTable)) {
           var _view2 = this.props.view;
-          (0, _utils3.insertColgroupFromNode)(this.table, currentTable);
+          (0, _utils4.insertColgroupFromNode)(this.table, currentTable);
           (0, _dom2.updateControls)(_view2.state);
         }
 
-        this.frameId = this.handleTableResizingDebounced(prevProps);
+        this.handleTableResizingDebounced();
       }
     }
   }, {
@@ -542,7 +542,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, _utils4.containsHeaderRow)(view.state, node);
+      var hasHeaderRow = (0, _utils5.containsHeaderRow)(view.state, node);
 
       var rowControls = /*#__PURE__*/_react.default.createElement("div", {
         className: _types.TableCssClassName.ROW_CONTROLS_WRAPPER
@@ -565,7 +565,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         stickyHeader: this.state.stickyHeader
       }));
 
-      var shadowPadding = allowControls && (!isLoading || initialRenderOptimization) && tableActive ? -_editorSharedStyles.akEditorTableToolbarSize : _editorCommon.tableMarginSides;
+      var shadowPadding = allowControls && (!isLoading || initialRenderOptimization) && tableActive ? -_editorSharedStyles.akEditorTableToolbarSize : _styles.tableMarginSides;
       var shadowStyle = tableOverflowShadowsOptimization ? (0, _memoizeOne.default)(function (visible) {
         return {
           visibility: visible ? 'visible' : 'hidden'

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

@@ -45,6 +45,8 @@ var _tableResizing = require("../pm-plugins/table-resizing");
 
 var _utils = require("../pm-plugins/table-resizing/utils");
 
+var _tableMap = require("@atlaskit/editor-tables/table-map");
+
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 
 var _commands = require("../commands");
@@ -215,6 +217,14 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
           return true;
         }
 
+        var tableMap = _tableMap.TableMap.get(node);
+
+        var nextTableMap = _tableMap.TableMap.get(nextNode);
+
+        if (tableMap.width !== nextTableMap.width) {
+          return true;
+        }
+
         return attrKeys.some(function (key) {
           return node.attrs[key] !== nextNode.attrs[key];
         });

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

@@ -15,7 +15,7 @@ var _prosemirrorUtils = require("prosemirror-utils");
 
 var _utils = require("@atlaskit/editor-tables/utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils2 = require("@atlaskit/editor-common/utils");
 
 var _dom = require("../../../utils/dom");
 
@@ -31,7 +31,7 @@ var _transforms = require("../transforms");
 
 var _types = require("../types");
 
-var _utils2 = require("../utils");
+var _utils3 = require("../utils");
 
 var _analytics = require("../../analytics");
 
@@ -41,9 +41,9 @@ var _pluginFactory = require("./plugin-factory");
 
 var _tableCell = _interopRequireDefault(require("../nodeviews/tableCell"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 isBreakoutEnabled;
 var isDynamicTextSizingEnabled;
@@ -152,7 +152,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
           }
 
           if (pluginState.tableNode !== tableNode) {
-            (0, _utils2.updateResizeHandles)(tableRef);
+            (0, _utils3.updateResizeHandles)(tableRef);
           }
 
           if (pluginState.editorHasFocus && pluginState.tableRef) {
@@ -183,14 +183,14 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
 
         var decorationSet = _plugin.pluginKey.getState(state);
 
-        if ((0, _utils2.findControlsHoverDecoration)(decorationSet).length) {
+        if ((0, _utils3.findControlsHoverDecoration)(decorationSet).length) {
           (0, _commands.clearHoverSelection)()(state, dispatch);
         } // ED-6069: workaround for Chrome given a regression introduced in prosemirror-view@1.6.8
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/commit/33fe4a8b01584f6b4103c279033dcd33e8047b95
 
 
-        if (_editorCommon.browser.chrome && event.target) {
+        if (_utils2.browser.chrome && event.target) {
           var targetClassList = event.target.classList;
 
           if (targetClassList.contains(_types.TableCssClassName.CONTROLS_BUTTON) || targetClassList.contains(_types.TableCssClassName.CONTEXTUAL_MENU_BUTTON)) {

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

@@ -17,9 +17,9 @@ var _handlers = require("../handlers");
 
 var _reducer = _interopRequireDefault(require("../reducer"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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;

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tableSafariDelayedDomSelectionSyncingWorkaroundKey = exports.createPlugin = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var tableSafariDelayedDomSelectionSyncingWorkaroundKey = new _prosemirrorState.PluginKey('tableSafariDelayedDomSelectionSyncingWorkaround');
+exports.tableSafariDelayedDomSelectionSyncingWorkaroundKey = tableSafariDelayedDomSelectionSyncingWorkaroundKey;
+
+var createPlugin = function createPlugin() {
+  // From a review of the prosemirror-view source code,
+  // the only places where a view relies on the presence
+  // of view.mouseDown are;
+  //   - when checking it's presence in selectionToDOM
+  //     to delay drag selections
+  //   - to ensure it is cleaned up when the mouseup
+  //     event is not fired in a previous mousedown event
+  // Because we are manually wiping the view.mouseDown,
+  // we manage this custom cleanup ourselves
+  var prevMouseDownDone = null;
+  return new _prosemirrorState.Plugin({
+    key: tableSafariDelayedDomSelectionSyncingWorkaroundKey,
+    props: {
+      handleDOMEvents: {
+        mousedown: function mousedown(view) {
+          // Workaround issue in safari where table selections
+          //  do not work correctly since prosemirror delayed
+          // DOM selection syncing during pointer drag.
+          //
+          // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
+          // This fix removes the selectionToDOM from the view
+          // prior to selectionToDOM being called.
+          // selectionToDOM checks if there is an "active"
+          // mouseDown, and if so, it delays running logic
+          // which causes the table selections issue.
+          // The handleDOMEvents are called before ProseMirror
+          // events fired on the editable DOM element.
+          // This means the view.mouseView will not yet be
+          // created when the mousedown event starts.
+          // https://prosemirror.net/docs/ref/#view.EditorProps.handleDOMEvents
+          //
+          // Because selectionToDOM is only added to the script
+          // tasks queue following the mousedown event, we can
+          // prepend a task which will clear the mouseDown from
+          // the view. We do this using a setTimout with no
+          // interval.
+          if (prevMouseDownDone) {
+            // avoid memory leaks when the mouseup event is not fired
+            // in a previous mousedown event
+            prevMouseDownDone();
+          }
+
+          setTimeout(function () {
+            // the ts-ignores here are required due to the
+            // view.mouseDown being an internal which is
+            // not part of the views type signature
+            // @ts-ignore
+            if (view.mouseDown) {
+              // @ts-ignore
+              prevMouseDownDone = view.mouseDown.done.bind(view.mouseDown); // @ts-ignore
+
+              view.mouseDown = null;
+            }
+          });
+          return false;
+        }
+      }
+    }
+  });
+};
+
+exports.createPlugin = createPlugin;

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

@@ -13,7 +13,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _width = require("../../../../../plugins/width");
 
@@ -223,7 +223,9 @@ var TableRowNodeView = /*#__PURE__*/function () {
       return _this.getScrolledTableTop(tree.wrapper) + tree.table.clientHeight;
     });
     (0, _defineProperty2.default)(this, "makeRowHeaderNotSticky", function (table) {
-      if (!_this.isSticky) {
+      var isEditorDestroyed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+      if (!_this.isSticky || !table || !_this.dom) {
         return;
       }
 
@@ -236,7 +238,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
       _this.dom.style.top = '';
       table.style.removeProperty('margin-top');
 
-      _this.emitOff();
+      _this.emitOff(isEditorDestroyed);
     });
     (0, _defineProperty2.default)(this, "padding", 0);
     (0, _defineProperty2.default)(this, "top", 0);
@@ -254,19 +256,22 @@ var TableRowNodeView = /*#__PURE__*/function () {
         padding: padding
       })(_this.view.state, _this.view.dispatch, _this.view);
     });
-    (0, _defineProperty2.default)(this, "emitOff", function () {
+    (0, _defineProperty2.default)(this, "emitOff", function (isEditorDestroyed) {
       if (_this.top === 0 && _this.padding === 0) {
         return;
       }
 
       _this.top = 0;
       _this.padding = 0;
-      (0, _commands.updateStickyState)({
-        pos: _this.getPos(),
-        sticky: false,
-        top: _this.top,
-        padding: _this.padding
-      })(_this.view.state, _this.view.dispatch, _this.view);
+
+      if (!isEditorDestroyed) {
+        (0, _commands.updateStickyState)({
+          pos: _this.getPos(),
+          sticky: false,
+          top: _this.top,
+          padding: _this.padding
+        })(_this.view.state, _this.view.dispatch, _this.view);
+      }
     });
     this.view = view;
     this.node = node;
@@ -295,7 +300,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
   }, {
     key: "subscribe",
     value: function subscribe() {
-      this.scrollElement = (0, _editorCommon.findOverflowScrollParent)(this.view.dom) || window;
+      this.scrollElement = (0, _ui.findOverflowScrollParent)(this.view.dom) || window;
 
       if (this.scrollElement) {
         if (this.stickyHeadersOptimization) {
@@ -486,10 +491,10 @@ var TableRowNodeView = /*#__PURE__*/function () {
       this.unsubscribe();
 
       if (this.tree) {
-        this.makeRowHeaderNotSticky(this.tree.table);
+        this.makeRowHeaderNotSticky(this.tree.table, true);
       }
 
-      this.emitOff();
+      this.emitOff(true);
     }
   }, {
     key: "ignoreMutation",

package/dist/cjs/plugins/table/pm-plugins/sticky-headers/plugin-state.js

@@ -13,9 +13,9 @@ var _pluginStateFactory = require("../../../../utils/plugin-state-factory");
 
 var _pluginKey = require("./plugin-key");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 reducer = function reducer(pluginState, action) {
   if (action.name === 'UPDATE') {

package/dist/cjs/plugins/table/pm-plugins/table-local-id.js

@@ -17,9 +17,9 @@ var _adfSchema = require("@atlaskit/adf-schema");
 
 var _step = require("../../../utils/step");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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('tableLocalIdPlugin');
 
@@ -33,7 +33,7 @@ var getPluginState = function getPluginState(state) {
 
 var checkIsAddingTable = function checkIsAddingTable(transaction, nodeType) {
   return transaction.steps.some(function (step) {
-    return (0, _step.stepAdds)(step, nodeType);
+    return (0, _step.stepAddsOneOf)(step, new Set([nodeType]));
   });
 };
 /**

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

@@ -9,7 +9,7 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 
 var _utils = require("@atlaskit/editor-tables/utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -68,7 +68,7 @@ var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos
   }
 
   var resizeState = (0, _utils3.getResizeState)({
-    minWidth: _editorCommon.tableCellMinWidth,
+    minWidth: _styles.tableCellMinWidth,
     maxSize: maxSize,
     table: originalTable,
     tableRef: dom,

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

@@ -15,9 +15,9 @@ var _pluginKey = require("./plugin-key");
 
 var _reducer = _interopRequireDefault(require("./reducer"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 function mapping(tr, pluginState) {
   if (pluginState && pluginState.resizeHandlePos !== null) {

package/dist/cjs/plugins/table/pm-plugins/table-resizing/reducer.js

@@ -9,9 +9,9 @@ exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 _default = function _default(pluginState, action) {
   switch (action.type) {

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/column-state.js

@@ -9,7 +9,7 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _contentWidth2 = require("./content-width");
 
@@ -19,10 +19,10 @@ var _unitToNumber = require("./unit-to-number");
 var getColumnStateFromDOM = function getColumnStateFromDOM(cells, index, minWidth) {
   var width = calculateColumnWidth(cells, calculateColumnWidthCallback);
   var minColumnWidth = width < minWidth ? // for newly created column (where width < minWidth) we set minWidth = tableNewColumnMinWidth (140px atm)
-  _editorCommon.tableNewColumnMinWidth : calculateColumnWidth(cells, calculateColumnMinWidthCallback(minWidth));
+  _styles.tableNewColumnMinWidth : calculateColumnWidth(cells, calculateColumnMinWidthCallback(minWidth));
   return {
     index: index,
-    width: width < minWidth ? _editorCommon.tableNewColumnMinWidth : width,
+    width: width < minWidth ? _styles.tableNewColumnMinWidth : width,
     minWidth: minColumnWidth
   };
 };

package/dist/cjs/plugins/table/pm-plugins/table-resizing/utils/dom.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateStickyMargins = exports.updateControls = exports.syncStickyRowToTable = exports.isClickNear = exports.getResizeCellPos = exports.applyTableWidthToStickyRow = exports.applyColWidthsToStickyRow = void 0;
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
+
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _dom = require("../../../../../utils/dom");
 
@@ -13,7 +15,7 @@ var _updateOverflowShadows = require("../../../nodeviews/update-overflow-shadows
 
 var _types = require("../../../types");
 
-var _utils = require("../../../utils");
+var _utils2 = require("../../../utils");
 
 var _columnControls = require("../../../utils/column-controls");
 
@@ -42,7 +44,7 @@ var updateControls = function updateControls(state) {
   var rowControls = wrapper.parentElement.querySelectorAll(".".concat(_types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP));
   var numberedRows = wrapper.parentElement.querySelectorAll(_types.TableCssClassName.NUMBERED_COLUMN_BUTTON);
   syncStickyRowToTable(tableRef);
-  var rowHeights = (0, _utils.getRowHeights)(tableRef); // update rows controls height on resize
+  var rowHeights = (0, _utils2.getRowHeights)(tableRef); // update rows controls height on resize
 
   for (var i = 0, count = rowControls.length; i < count; i++) {
     var height = rowHeights[i];
@@ -104,7 +106,7 @@ var updateStickyMargins = function updateStickyMargins(table) {
   // firefox handles margin and padding differently
   // when applied with tables
 
-  table.style.marginTop = "".concat(_editorCommon.browser.gecko ? firstRowHeight + _editorCommon.tableCellPadding - _editorCommon.tableCellBorderWidth : _editorCommon.tableMarginTop + firstRowHeight, "px");
+  table.style.marginTop = "".concat(_utils.browser.gecko ? firstRowHeight + _styles.tableCellPadding - _styles.tableCellBorderWidth : _styles.tableMarginTop + firstRowHeight, "px");
 };
 
 exports.updateStickyMargins = updateStickyMargins;

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

@@ -11,7 +11,9 @@ exports.getTableMaxWidth = void 0;
 exports.pointsAtCell = pointsAtCell;
 exports.tableLayoutToSize = void 0;
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
+
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -39,7 +41,7 @@ function getLayoutSize(tableLayout) {
     return containerWidth ? Math.min(containerWidth - _editorSharedStyles.akEditorGutterPadding * 2, _editorSharedStyles.akEditorFullWidthLayoutWidth) : _editorSharedStyles.akEditorFullWidthLayoutWidth;
   }
 
-  var calculatedTableWidth = (0, _editorCommon.calcTableWidth)(tableLayout, containerWidth, true);
+  var calculatedTableWidth = (0, _styles.calcTableWidth)(tableLayout, containerWidth, true);
 
   if (calculatedTableWidth.endsWith('px')) {
     return parseInt(calculatedTableWidth, 10);
@@ -53,7 +55,7 @@ function getLayoutSize(tableLayout) {
 }
 
 function getDefaultLayoutMaxWidth(containerWidth) {
-  return (0, _editorCommon.mapBreakpointToLayoutMaxWidth)((0, _editorCommon.getBreakpoint)(containerWidth));
+  return (0, _ui.mapBreakpointToLayoutMaxWidth)((0, _ui.getBreakpoint)(containerWidth));
 } // Does the current position point at a cell.