@atlaskit/editor-core 172.1.2 → 172.2.0

package/dist/cjs/plugins/table/nodeviews/update-overflow-shadows.js

@@ -7,8 +7,6 @@ exports.updateShadowListForStickyStyles = exports.updateOverflowShadows = void 0
 
 var _types = require("../types");
 
-var _featureFlagsContext = require("../../feature-flags-context");
-
 var updateShadowListForStickyStyles = function updateShadowListForStickyStyles(heightStyle, shadows) {
   Array.from(shadows).forEach(function (shadow) {
     if (shadow.classList.contains(_types.TableCssClassName.TABLE_STICKY_SHADOW)) {
@@ -26,42 +24,44 @@ var updateShadowListForStickyStyles = function updateShadowListForStickyStyles(h
 
 exports.updateShadowListForStickyStyles = updateShadowListForStickyStyles;
 
-var updateOverflowShadows = function updateOverflowShadows(editorState, wrapper, table, rightShadows, leftShadows) {
-  var _getFeatureFlags;
+var updateOverflowShadows = function updateOverflowShadows(getEditorFeatureFlags) {
+  return function (editorState, wrapper, table, rightShadows, leftShadows) {
+    var _getEditorFeatureFlag;
 
-  if (((_getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(editorState)) === null || _getFeatureFlags === void 0 ? void 0 : _getFeatureFlags.tableOverflowShadowsOptimization) === true) {
-    return false;
-  } // Right shadow
+    if (((_getEditorFeatureFlag = getEditorFeatureFlags()) === null || _getEditorFeatureFlag === void 0 ? void 0 : _getEditorFeatureFlag.tableOverflowShadowsOptimization) === true) {
+      return false;
+    } // Right shadow
 
 
-  if (table && wrapper) {
-    var stickyRow = wrapper.querySelector('tr.sticky');
-    var stickyCell = stickyRow && stickyRow.firstElementChild;
+    if (table && wrapper) {
+      var stickyRow = wrapper.querySelector('tr.sticky');
+      var stickyCell = stickyRow && stickyRow.firstElementChild;
 
-    if (rightShadows) {
-      var diff = table.offsetWidth - wrapper.offsetWidth;
+      if (rightShadows) {
+        var diff = table.offsetWidth - wrapper.offsetWidth;
 
-      for (var i = 0; i < rightShadows.length; i++) {
-        var rightShadow = rightShadows[i];
-        rightShadow.style.display = diff > 0 && diff > wrapper.scrollLeft ? 'block' : 'none';
+        for (var i = 0; i < rightShadows.length; i++) {
+          var rightShadow = rightShadows[i];
+          rightShadow.style.display = diff > 0 && diff > wrapper.scrollLeft ? 'block' : 'none';
 
-        if (rightShadow.classList.contains(_types.TableCssClassName.TABLE_STICKY_SHADOW) && stickyCell) {
-          rightShadow.style.height = "".concat(stickyCell.clientHeight + 1, "px");
+          if (rightShadow.classList.contains(_types.TableCssClassName.TABLE_STICKY_SHADOW) && stickyCell) {
+            rightShadow.style.height = "".concat(stickyCell.clientHeight + 1, "px");
+          }
         }
       }
-    }
 
-    if (leftShadows) {
-      for (var _i = 0; _i < leftShadows.length; _i++) {
-        var leftShadow = leftShadows[_i];
-        leftShadow.style.display = wrapper.scrollLeft > 0 ? 'block' : 'none';
+      if (leftShadows) {
+        for (var _i = 0; _i < leftShadows.length; _i++) {
+          var leftShadow = leftShadows[_i];
+          leftShadow.style.display = wrapper.scrollLeft > 0 ? 'block' : 'none';
 
-        if (leftShadow.classList.contains(_types.TableCssClassName.TABLE_STICKY_SHADOW) && stickyCell) {
-          leftShadow.style.height = "".concat(stickyCell.clientHeight + 1, "px");
+          if (leftShadow.classList.contains(_types.TableCssClassName.TABLE_STICKY_SHADOW) && stickyCell) {
+            leftShadow.style.height = "".concat(stickyCell.clientHeight + 1, "px");
+          }
         }
       }
     }
-  }
+  };
 };
 
 exports.updateOverflowShadows = updateOverflowShadows;

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

@@ -14,7 +14,7 @@ var _prosemirrorCommands = require("prosemirror-commands");
 
 var keymaps = _interopRequireWildcard(require("../../../keymaps"));
 
-var _analytics = require("../../analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _commands = require("../commands");
 
@@ -22,12 +22,14 @@ var _commandsWithAnalytics = require("../commands-with-analytics");
 
 var _insert = require("../commands/insert");
 
+var _analytics2 = require("../utils/analytics");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var createTableWithAnalytics = function createTableWithAnalytics() {
-  return (0, _analytics.withAnalytics)({
+var createTableWithAnalytics = function createTableWithAnalytics(editorAnalyticsAPI) {
+  return (0, _analytics2.withEditorAnalyticsAPI)({
     action: _analytics.ACTION.INSERTED,
     actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
     actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE,
@@ -35,21 +37,21 @@ var createTableWithAnalytics = function createTableWithAnalytics() {
       inputMethod: _analytics.INPUT_METHOD.SHORTCUT
     },
     eventType: _analytics.EVENT_TYPE.TRACK
-  })((0, _commands.createTable)());
+  })(editorAnalyticsAPI)((0, _commands.createTable)());
 };
 
-function keymapPlugin() {
+function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI) {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.nextCell.common, (0, _commands.goToNextCell)(1), list);
-  keymaps.bindKeymapWithCommand(keymaps.previousCell.common, (0, _commands.goToNextCell)(-1), list);
-  keymaps.bindKeymapWithCommand(keymaps.toggleTable.common, createTableWithAnalytics(), list);
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, (0, _prosemirrorCommands.chainCommands)((0, _commandsWithAnalytics.deleteTableIfSelectedWithAnalytics)(_analytics.INPUT_METHOD.KEYBOARD), (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(_analytics.INPUT_METHOD.KEYBOARD)), list);
+  keymaps.bindKeymapWithCommand(keymaps.nextCell.common, (0, _commands.goToNextCell)(editorAnalyticsAPI)(1), list);
+  keymaps.bindKeymapWithCommand(keymaps.previousCell.common, (0, _commands.goToNextCell)(editorAnalyticsAPI)(-1), list);
+  keymaps.bindKeymapWithCommand(keymaps.toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  keymaps.bindKeymapWithCommand(keymaps.backspace.common, (0, _prosemirrorCommands.chainCommands)((0, _commandsWithAnalytics.deleteTableIfSelectedWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD), (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD)), list);
   keymaps.bindKeymapWithCommand(keymaps.backspace.common, _commands.moveCursorBackward, list); // Add row/column shortcuts
 
-  keymaps.bindKeymapWithCommand(keymaps.addRowBefore.common, (0, _commandsWithAnalytics.addRowAroundSelection)('TOP'), list);
-  keymaps.bindKeymapWithCommand(keymaps.addRowAfter.common, (0, _commandsWithAnalytics.addRowAroundSelection)('BOTTOM'), list);
-  keymaps.bindKeymapWithCommand(keymaps.addColumnBefore.common, (0, _commands.triggerUnlessTableHeader)(_insert.addColumnBefore), list);
-  keymaps.bindKeymapWithCommand(keymaps.addColumnAfter.common, _insert.addColumnAfter, list);
+  keymaps.bindKeymapWithCommand(keymaps.addRowBefore.common, (0, _commandsWithAnalytics.addRowAroundSelection)(editorAnalyticsAPI)('TOP'), list);
+  keymaps.bindKeymapWithCommand(keymaps.addRowAfter.common, (0, _commandsWithAnalytics.addRowAroundSelection)(editorAnalyticsAPI)('BOTTOM'), list);
+  keymaps.bindKeymapWithCommand(keymaps.addColumnBefore.common, (0, _commands.triggerUnlessTableHeader)((0, _insert.addColumnBefore)(getEditorContainerWidth)), list);
+  keymaps.bindKeymapWithCommand(keymaps.addColumnAfter.common, (0, _insert.addColumnAfter)(getEditorContainerWidth), list);
   return (0, _prosemirrorKeymap.keymap)(list);
 }
 

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

@@ -33,7 +33,7 @@ var _types = require("../types");
 
 var _utils3 = require("../utils");
 
-var _analytics = require("../../analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
 var _defaultTableSelection = require("./default-table-selection");
 
@@ -63,7 +63,7 @@ var isBreakoutEnabled;
 var isFullWidthModeEnabled;
 var wasFullWidthModeEnabled;
 
-var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled) {
+var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI) {
   var _window;
 
   isBreakoutEnabled = breakoutEnabled;
@@ -89,10 +89,10 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
   }) : undefined;
   var tableCellNodeview = pluginConfig.tableCellOptimization ? {
     tableCell: function tableCell(node, view, getPos) {
-      return new _tableCell.default(node, view, getPos, observer);
+      return new _tableCell.default(node, view, getPos, getEditorFeatureFlags, observer);
     },
     tableHeader: function tableHeader(node, view, getPos) {
-      return new _tableCell.default(node, view, getPos, observer);
+      return new _tableCell.default(node, view, getPos, getEditorFeatureFlags, observer);
     }
   } : {}; // Used to prevent invalid table cell spans being reported more than once per editor/document
 
@@ -140,7 +140,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
 
       if (tr) {
         // "fixTables" removes empty rows as we don't allow that in schema
-        var updatedTr = (0, _eventHandlers.handleCut)(tr, oldState, newState);
+        var updatedTr = (0, _eventHandlers.handleCut)(tr, oldState, newState, editorAnalyticsAPI);
         return (0, _transforms.fixTables)(updatedTr) || updatedTr;
       }
 
@@ -278,7 +278,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
       handleTextInput: function handleTextInput(_ref3, from, to, text) {
         var state = _ref3.state,
             dispatch = _ref3.dispatch;
-        var tr = (0, _transforms.replaceSelectedTable)(state, text, _analytics.INPUT_METHOD.KEYBOARD);
+        var tr = (0, _transforms.replaceSelectedTable)(state, text, _analytics.INPUT_METHOD.KEYBOARD, editorAnalyticsAPI);
 
         if (tr.selectionSet) {
           dispatch(tr);
@@ -293,7 +293,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
             isBreakoutEnabled: isBreakoutEnabled,
             isFullWidthModeEnabled: isFullWidthModeEnabled,
             wasFullWidthModeEnabled: wasFullWidthModeEnabled
-          });
+          }, getEditorContainerWidth, getEditorFeatureFlags);
         }
       }),
       handleDOMEvents: {
@@ -303,7 +303,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
         mouseover: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseOver),
         mouseleave: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseLeave),
         mouseout: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseOut),
-        mousemove: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleMouseMove, elementContentRects),
+        mousemove: (0, _eventHandlers.whenTableInFocus)((0, _eventHandlers.handleMouseMove)(getEditorFeatureFlags), elementContentRects),
         click: (0, _eventHandlers.whenTableInFocus)(_eventHandlers.handleClick)
       },
       handleTripleClick: _eventHandlers.handleTripleClick

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

@@ -15,8 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _ui = require("@atlaskit/editor-common/ui");
 
-var _width = require("../../../../../plugins/width");
-
 var _slice = require("../../../../../utils/slice");
 
 var _types = require("../../../types");
@@ -31,8 +29,6 @@ var _commands = require("../commands");
 
 var _dom2 = require("./dom");
 
-var _featureFlagsContext = require("../../../../feature-flags-context");
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
@@ -58,7 +54,7 @@ var supportedHeaderRow = function supportedHeaderRow(node) {
 exports.supportedHeaderRow = supportedHeaderRow;
 
 var TableRowNodeView = /*#__PURE__*/function () {
-  function TableRowNodeView(node, view, getPos, eventDispatcher) {
+  function TableRowNodeView(node, view, getPos, eventDispatcher, getEditorFeatureFlags) {
     var _this = this;
 
     (0, _classCallCheck2.default)(this, TableRowNodeView);
@@ -332,7 +328,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
     this.eventDispatcher = eventDispatcher;
     this.dom = document.createElement('tr');
     this.contentDOM = this.dom;
-    var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(view.state) || {};
+    var featureFlags = getEditorFeatureFlags();
     var stickyHeadersOptimization = featureFlags.stickyHeadersOptimization;
     this.stickyHeadersOptimization = !!stickyHeadersOptimization;
     this.lastTimePainted = 0;
@@ -369,7 +365,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
         this.topPosEditorElement = (0, _dom2.getTop)(this.editorScrollableElement);
       }
 
-      this.eventDispatcher.on(_width.pluginKey.key, this.onWidthPluginState);
+      this.eventDispatcher.on('widthPlugin', this.onWidthPluginState);
       this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState);
       this.listening = true;
       this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this));
@@ -394,7 +390,7 @@ var TableRowNodeView = /*#__PURE__*/function () {
         this.editorScrollableElement.removeEventListener('scroll', this.onScroll);
       }
 
-      this.eventDispatcher.off(_width.pluginKey.key, this.onWidthPluginState);
+      this.eventDispatcher.off('widthPlugin', this.onWidthPluginState);
       this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
       this.listening = false;
       this.dom.removeEventListener('wheel', this.headerRowMouseScroll);

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

@@ -17,13 +17,14 @@ var createPlugin = function createPlugin(dispatch, eventDispatcher) {
   var initialState = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {
     return [];
   };
+  var getEditorFeatureFlags = arguments.length > 3 ? arguments[3] : undefined;
   return new _safePlugin.SafePlugin({
     state: (0, _pluginState.createPluginState)(dispatch, initialState),
     key: _pluginKey.pluginKey,
     props: {
       nodeViews: {
         tableRow: function tableRow(node, view, getPos) {
-          return new _tableRow.TableRowNodeView(node, view, getPos, eventDispatcher);
+          return new _tableRow.TableRowNodeView(node, view, getPos, eventDispatcher, getEditorFeatureFlags);
         }
       }
     }

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

@@ -13,12 +13,10 @@ var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _nodeWidth = require("../../../../utils/node-width");
+var _nodeWidth = require("@atlaskit/editor-common/node-width");
 
 var _editorDisabled = require("../../../editor-disabled");
 
-var _width = require("../../../width");
-
 var _transforms = require("../../transforms");
 
 var _utils2 = require("../../utils");
@@ -29,9 +27,9 @@ var _pluginFactory = require("./plugin-factory");
 
 var _utils3 = require("./utils");
 
-var _analytics = require("../../../analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
 
-var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos) {
+var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI) {
   var state = view.state,
       dispatch = view.dispatch;
 
@@ -56,8 +54,7 @@ var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos
     dom = dom.closest('table');
   }
 
-  var containerWidth = _width.pluginKey.getState(state);
-
+  var containerWidth = getEditorContainerWidth();
   var parentWidth = (0, _nodeWidth.getParentNodeWidth)(start, state, containerWidth);
   var maxSize = parentWidth || (0, _utils3.getLayoutSize)(dom.getAttribute('data-layout'), containerWidth.width, {});
 
@@ -139,7 +136,7 @@ var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos
 
         if (colIndex === map.width - 1) {
           var mouseUpTime = event.timeStamp;
-          tr = (0, _analytics.addAnalytics)(state, tr, {
+          editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
             action: _analytics.TABLE_ACTION.ATTEMPTED_TABLE_WIDTH_CHANGE,
             actionSubject: _analytics.ACTION_SUBJECT.TABLE,
             actionSubjectId: null,
@@ -150,7 +147,7 @@ var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos
               delta: Math.abs(clientX - dragging.startX)
             },
             eventType: _analytics.EVENT_TYPE.UI
-          });
+          })(tr);
         }
       }
 
@@ -178,7 +175,7 @@ var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos
 
     var colIndex = map.colCount($cell.pos - $cell.start(-1)) + $cell.nodeAfter.attrs.colspan - 1;
     (0, _utils3.resizeColumn)(resizeState, colIndex, clientX - dragging.startX, dom);
-    (0, _utils3.updateControls)(state);
+    (0, _utils3.updateControls)(getEditorFeatureFlags)(state);
     (0, _utils2.updateResizeHandles)(dom);
   }
 

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

@@ -25,7 +25,7 @@ var _pluginKey = require("./plugin-key");
 
 var _utils = require("./utils");
 
-function createPlugin(dispatch, _ref) {
+function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI) {
   var _ref$lastColumnResiza = _ref.lastColumnResizable,
       lastColumnResizable = _ref$lastColumnResiza === void 0 ? true : _ref$lastColumnResiza;
   return new _safePlugin.SafePlugin({
@@ -55,7 +55,7 @@ function createPlugin(dispatch, _ref) {
               dragging = _getPluginState.dragging;
 
           if (resizeHandlePos !== null && !dragging) {
-            if ((0, _eventHandlers.handleMouseDown)(view, event, resizeHandlePos)) {
+            if ((0, _eventHandlers.handleMouseDown)(view, event, resizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI)) {
               var _state = view.state,
                   _dispatch = view.dispatch;
               return (0, _commands.setResizeHandlePos)(resizeHandlePos)(_state, _dispatch);

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

@@ -21,46 +21,48 @@ var _columnControls = require("../../../utils/column-controls");
 
 var _pluginFactory = require("../../plugin-factory");
 
-var updateControls = function updateControls(state) {
-  var _getMainPluginState = (0, _pluginFactory.getPluginState)(state),
-      tableRef = _getMainPluginState.tableRef;
+var updateControls = function updateControls(getEditorFeatureFlags) {
+  return function (state) {
+    var _getMainPluginState = (0, _pluginFactory.getPluginState)(state),
+        tableRef = _getMainPluginState.tableRef;
 
-  if (!tableRef) {
-    return;
-  }
+    if (!tableRef) {
+      return;
+    }
 
-  var tr = tableRef.querySelector('tr');
+    var tr = tableRef.querySelector('tr');
 
-  if (!tr) {
-    return;
-  }
+    if (!tr) {
+      return;
+    }
 
-  var wrapper = tableRef.parentElement;
+    var wrapper = tableRef.parentElement;
 
-  if (!(wrapper && wrapper.parentElement)) {
-    return;
-  }
+    if (!(wrapper && wrapper.parentElement)) {
+      return;
+    }
 
-  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, _utils2.getRowHeights)(tableRef); // update rows controls height on resize
+    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, _utils2.getRowHeights)(tableRef); // update rows controls height on resize
 
-  for (var i = 0, count = rowControls.length; i < count; i++) {
-    var height = rowHeights[i];
+    for (var i = 0, count = rowControls.length; i < count; i++) {
+      var height = rowHeights[i];
 
-    if (height) {
-      rowControls[i].style.height = "".concat(height, "px");
+      if (height) {
+        rowControls[i].style.height = "".concat(height, "px");
 
-      if (numberedRows.length) {
-        numberedRows[i].style.height = "".concat(height, "px");
+        if (numberedRows.length) {
+          numberedRows[i].style.height = "".concat(height, "px");
+        }
       }
     }
-  }
 
-  var rightShadows = wrapper.parentElement.querySelectorAll(".".concat(_types.TableCssClassName.TABLE_RIGHT_SHADOW));
-  var leftShadows = wrapper.parentElement.querySelectorAll(".".concat(_types.TableCssClassName.TABLE_LEFT_SHADOW));
-  (0, _updateOverflowShadows.updateOverflowShadows)(state, wrapper, tableRef, rightShadows, leftShadows);
+    var rightShadows = wrapper.parentElement.querySelectorAll(".".concat(_types.TableCssClassName.TABLE_RIGHT_SHADOW));
+    var leftShadows = wrapper.parentElement.querySelectorAll(".".concat(_types.TableCssClassName.TABLE_LEFT_SHADOW));
+    (0, _updateOverflowShadows.updateOverflowShadows)(getEditorFeatureFlags)(state, wrapper, tableRef, rightShadows, leftShadows);
+  };
 };
 
 exports.updateControls = updateControls;

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

@@ -19,9 +19,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _utils = require("../../../../../utils");
 
-var _width = require("../../../../width");
-
-var _nodeWidth = require("../../../../../utils/node-width");
+var _nodeWidth = require("@atlaskit/editor-common/node-width");
 
 var tableLayoutToSize = {
   default: _editorSharedStyles.akEditorDefaultLayoutWidth,
@@ -101,10 +99,9 @@ var getTableMaxWidth = function getTableMaxWidth(_ref2) {
   var table = _ref2.table,
       tableStart = _ref2.tableStart,
       state = _ref2.state,
-      layout = _ref2.layout;
-
-  var containerWidth = _width.pluginKey.getState(state);
-
+      layout = _ref2.layout,
+      getEditorContainerWidth = _ref2.getEditorContainerWidth;
+  var containerWidth = getEditorContainerWidth();
   var parentWidth = (0, _nodeWidth.getParentNodeWidth)(tableStart, state, containerWidth);
   var maxWidth = parentWidth || getLayoutSize(layout, containerWidth.width, {});
 

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

@@ -307,7 +307,7 @@ var normaliseTableLayout = function normaliseTableLayout(input) {
 
 exports.normaliseTableLayout = normaliseTableLayout;
 
-var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelectedColumns(rect, state, domAtPos) {
+var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelectedColumns(rect, state, domAtPos, getEditorContainerWidth) {
   var _getSelectedTableInfo = (0, _utils2.getSelectedTableInfo)(state.selection),
       totalRowCount = _getSelectedTableInfo.totalRowCount,
       totalColumnCount = _getSelectedTableInfo.totalColumnCount,
@@ -329,7 +329,8 @@ var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelecte
     table: table.node,
     tableStart: table.start,
     state: state,
-    layout: layout
+    layout: layout,
+    getEditorContainerWidth: getEditorContainerWidth
   });
   var resizeState = getResizeState({
     minWidth: _styles.tableCellMinWidth,

package/dist/cjs/plugins/table/pm-plugins/table-selection-keymap.js

@@ -12,10 +12,10 @@ var _keymaps = require("../../../keymaps");
 
 var _selection = require("../commands/selection");
 
-function tableSelectionKeymapPlugin() {
+function tableSelectionKeymapPlugin(editorSelectionAPI) {
   var list = {};
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRight.common, _selection.arrowRightFromTable, list);
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, _selection.arrowLeftFromTable, list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRight.common, (0, _selection.arrowRightFromTable)(editorSelectionAPI)(), list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, (0, _selection.arrowLeftFromTable)(editorSelectionAPI)(), list);
   return (0, _prosemirrorKeymap.keymap)(list);
 }