@atlaskit/editor-core 172.1.1 → 172.2.0

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

@@ -1,5 +1,4 @@
 import { TableCssClassName as ClassName } from '../types';
-import { getFeatureFlags } from '../../feature-flags-context';
 export var updateShadowListForStickyStyles = function updateShadowListForStickyStyles(heightStyle, shadows) {
   Array.from(shadows).forEach(function (shadow) {
     if (shadow.classList.contains(ClassName.TABLE_STICKY_SHADOW)) {
@@ -14,40 +13,42 @@ export var updateShadowListForStickyStyles = function updateShadowListForStickyS
  * if `overflowShadowOptimization` is enabled, this will exit early.
  */
 
-export var updateOverflowShadows = function updateOverflowShadows(editorState, wrapper, table, rightShadows, leftShadows) {
-  var _getFeatureFlags;
+export var updateOverflowShadows = function updateOverflowShadows(getEditorFeatureFlags) {
+  return function (editorState, wrapper, table, rightShadows, leftShadows) {
+    var _getEditorFeatureFlag;
 
-  if (((_getFeatureFlags = 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(ClassName.TABLE_STICKY_SHADOW) && stickyCell) {
-          rightShadow.style.height = "".concat(stickyCell.clientHeight + 1, "px");
+          if (rightShadow.classList.contains(ClassName.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(ClassName.TABLE_STICKY_SHADOW) && stickyCell) {
-          leftShadow.style.height = "".concat(stickyCell.clientHeight + 1, "px");
+          if (leftShadow.classList.contains(ClassName.TABLE_STICKY_SHADOW) && stickyCell) {
+            leftShadow.style.height = "".concat(stickyCell.clientHeight + 1, "px");
+          }
         }
       }
     }
-  }
+  };
 };

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

@@ -1,13 +1,14 @@
 import { keymap } from 'prosemirror-keymap';
 import { chainCommands } from 'prosemirror-commands';
 import * as keymaps from '../../../keymaps';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, withAnalytics } from '../../analytics';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { createTable, goToNextCell, moveCursorBackward, triggerUnlessTableHeader } from '../commands';
 import { addRowAroundSelection, emptyMultipleCellsWithAnalytics, deleteTableIfSelectedWithAnalytics } from '../commands-with-analytics';
 import { addColumnAfter, addColumnBefore } from '../commands/insert';
+import { withEditorAnalyticsAPI } from '../utils/analytics';
 
-var createTableWithAnalytics = function createTableWithAnalytics() {
-  return withAnalytics({
+var createTableWithAnalytics = function createTableWithAnalytics(editorAnalyticsAPI) {
+  return withEditorAnalyticsAPI({
     action: ACTION.INSERTED,
     actionSubject: ACTION_SUBJECT.DOCUMENT,
     actionSubjectId: ACTION_SUBJECT_ID.TABLE,
@@ -15,21 +16,21 @@ var createTableWithAnalytics = function createTableWithAnalytics() {
       inputMethod: INPUT_METHOD.SHORTCUT
     },
     eventType: EVENT_TYPE.TRACK
-  })(createTable());
+  })(editorAnalyticsAPI)(createTable());
 };
 
-export function keymapPlugin() {
+export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI) {
   var list = {};
-  keymaps.bindKeymapWithCommand(keymaps.nextCell.common, goToNextCell(1), list);
-  keymaps.bindKeymapWithCommand(keymaps.previousCell.common, goToNextCell(-1), list);
-  keymaps.bindKeymapWithCommand(keymaps.toggleTable.common, createTableWithAnalytics(), list);
-  keymaps.bindKeymapWithCommand(keymaps.backspace.common, chainCommands(deleteTableIfSelectedWithAnalytics(INPUT_METHOD.KEYBOARD), emptyMultipleCellsWithAnalytics(INPUT_METHOD.KEYBOARD)), list);
+  keymaps.bindKeymapWithCommand(keymaps.nextCell.common, goToNextCell(editorAnalyticsAPI)(1), list);
+  keymaps.bindKeymapWithCommand(keymaps.previousCell.common, goToNextCell(editorAnalyticsAPI)(-1), list);
+  keymaps.bindKeymapWithCommand(keymaps.toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  keymaps.bindKeymapWithCommand(keymaps.backspace.common, chainCommands(deleteTableIfSelectedWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD), emptyMultipleCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD)), list);
   keymaps.bindKeymapWithCommand(keymaps.backspace.common, moveCursorBackward, list); // Add row/column shortcuts
 
-  keymaps.bindKeymapWithCommand(keymaps.addRowBefore.common, addRowAroundSelection('TOP'), list);
-  keymaps.bindKeymapWithCommand(keymaps.addRowAfter.common, addRowAroundSelection('BOTTOM'), list);
-  keymaps.bindKeymapWithCommand(keymaps.addColumnBefore.common, triggerUnlessTableHeader(addColumnBefore), list);
-  keymaps.bindKeymapWithCommand(keymaps.addColumnAfter.common, addColumnAfter, list);
+  keymaps.bindKeymapWithCommand(keymaps.addRowBefore.common, addRowAroundSelection(editorAnalyticsAPI)('TOP'), list);
+  keymaps.bindKeymapWithCommand(keymaps.addRowAfter.common, addRowAroundSelection(editorAnalyticsAPI)('BOTTOM'), list);
+  keymaps.bindKeymapWithCommand(keymaps.addColumnBefore.common, triggerUnlessTableHeader(addColumnBefore(getEditorContainerWidth)), list);
+  keymaps.bindKeymapWithCommand(keymaps.addColumnAfter.common, addColumnAfter(getEditorContainerWidth), list);
   return keymap(list);
 }
 export default keymapPlugin;

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

@@ -16,7 +16,7 @@ import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plu
 import { fixTables, replaceSelectedTable } from '../transforms';
 import { TableCssClassName as ClassName } from '../types';
 import { findControlsHoverDecoration, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable, updateResizeHandles } from '../utils';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
@@ -30,7 +30,7 @@ import { isHeaderRowRequired } from '../utils/paste';
 var isBreakoutEnabled;
 var isFullWidthModeEnabled;
 var wasFullWidthModeEnabled;
-export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled) {
+export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI) {
   var _window;
 
   isBreakoutEnabled = breakoutEnabled;
@@ -56,10 +56,10 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
   }) : undefined;
   var tableCellNodeview = pluginConfig.tableCellOptimization ? {
     tableCell: function tableCell(node, view, getPos) {
-      return new TableCellNodeView(node, view, getPos, observer);
+      return new TableCellNodeView(node, view, getPos, getEditorFeatureFlags, observer);
     },
     tableHeader: function tableHeader(node, view, getPos) {
-      return new TableCellNodeView(node, view, getPos, observer);
+      return new TableCellNodeView(node, view, getPos, getEditorFeatureFlags, observer);
     }
   } : {}; // Used to prevent invalid table cell spans being reported more than once per editor/document
 
@@ -107,7 +107,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
 
       if (tr) {
         // "fixTables" removes empty rows as we don't allow that in schema
-        var updatedTr = handleCut(tr, oldState, newState);
+        var updatedTr = handleCut(tr, oldState, newState, editorAnalyticsAPI);
         return fixTables(updatedTr) || updatedTr;
       }
 
@@ -244,7 +244,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       handleTextInput: function handleTextInput(_ref3, from, to, text) {
         var state = _ref3.state,
             dispatch = _ref3.dispatch;
-        var tr = replaceSelectedTable(state, text, INPUT_METHOD.KEYBOARD);
+        var tr = replaceSelectedTable(state, text, INPUT_METHOD.KEYBOARD, editorAnalyticsAPI);
 
         if (tr.selectionSet) {
           dispatch(tr);
@@ -259,7 +259,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
             isBreakoutEnabled: isBreakoutEnabled,
             isFullWidthModeEnabled: isFullWidthModeEnabled,
             wasFullWidthModeEnabled: wasFullWidthModeEnabled
-          });
+          }, getEditorContainerWidth, getEditorFeatureFlags);
         }
       }),
       handleDOMEvents: {
@@ -269,7 +269,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
         mouseover: whenTableInFocus(handleMouseOver),
         mouseleave: whenTableInFocus(handleMouseLeave),
         mouseout: whenTableInFocus(handleMouseOut),
-        mousemove: whenTableInFocus(handleMouseMove, elementContentRects),
+        mousemove: whenTableInFocus(handleMouseMove(getEditorFeatureFlags), elementContentRects),
         click: whenTableInFocus(handleClick)
       },
       handleTripleClick: handleTripleClick

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

@@ -2,7 +2,6 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { pluginKey as widthPluginKey } from '../../../../../plugins/width';
 import { mapChildren } from '../../../../../utils/slice';
 import { TableCssClassName as ClassName, TableCssClassName } from '../../../types';
 import { stickyHeaderBorderBottomWidth, stickyRowOffsetTop, tableControlsSpacing, tableScrollbarOffset } from '../../../ui/consts';
@@ -10,7 +9,6 @@ import { pluginKey as tablePluginKey } from '../../plugin-key';
 import { syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '../../table-resizing/utils/dom';
 import { updateStickyState } from '../commands';
 import { getTop, getTree } from './dom';
-import { getFeatureFlags } from '../../../../feature-flags-context';
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle'; // limit scroll event calls
 
@@ -30,7 +28,7 @@ export var supportedHeaderRow = function supportedHeaderRow(node) {
   return allHeaders && !someMerged;
 };
 export var TableRowNodeView = /*#__PURE__*/function () {
-  function TableRowNodeView(node, view, getPos, eventDispatcher) {
+  function TableRowNodeView(node, view, getPos, eventDispatcher, getEditorFeatureFlags) {
     var _this = this;
 
     _classCallCheck(this, TableRowNodeView);
@@ -329,7 +327,7 @@ export var TableRowNodeView = /*#__PURE__*/function () {
     this.eventDispatcher = eventDispatcher;
     this.dom = document.createElement('tr');
     this.contentDOM = this.dom;
-    var featureFlags = getFeatureFlags(view.state) || {};
+    var featureFlags = getEditorFeatureFlags();
     var stickyHeadersOptimization = featureFlags.stickyHeadersOptimization;
     this.stickyHeadersOptimization = !!stickyHeadersOptimization;
     this.lastTimePainted = 0;
@@ -366,7 +364,7 @@ export var TableRowNodeView = /*#__PURE__*/function () {
         this.topPosEditorElement = getTop(this.editorScrollableElement);
       }
 
-      this.eventDispatcher.on(widthPluginKey.key, this.onWidthPluginState);
+      this.eventDispatcher.on('widthPlugin', this.onWidthPluginState);
       this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState);
       this.listening = true;
       this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this));
@@ -391,7 +389,7 @@ export var TableRowNodeView = /*#__PURE__*/function () {
         this.editorScrollableElement.removeEventListener('scroll', this.onScroll);
       }
 
-      this.eventDispatcher.off(widthPluginKey.key, this.onWidthPluginState);
+      this.eventDispatcher.off('widthPlugin', this.onWidthPluginState);
       this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
       this.listening = false;
       this.dom.removeEventListener('wheel', this.headerRowMouseScroll);

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

@@ -6,13 +6,14 @@ export 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({
     state: createPluginState(dispatch, initialState),
     key: pluginKey,
     props: {
       nodeViews: {
         tableRow: function tableRow(node, view, getPos) {
-          return new TableRowNodeView(node, view, getPos, eventDispatcher);
+          return new TableRowNodeView(node, view, getPos, eventDispatcher, getEditorFeatureFlags);
         }
       }
     }

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

@@ -2,16 +2,15 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
-import { getParentNodeWidth } from '../../../../utils/node-width';
+import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { pluginKey as editorDisabledPluginKey } from '../../../editor-disabled';
-import { pluginKey as widthPluginKey } from '../../../width';
 import { updateColumnWidths } from '../../transforms';
 import { getSelectedColumnIndexes, updateResizeHandles } from '../../utils';
 import { evenColumns, setDragging, stopResizing } from './commands';
 import { getPluginState } from './plugin-factory';
 import { currentColWidth, getLayoutSize, getResizeState, pointsAtCell, resizeColumn, updateControls } from './utils';
-import { ACTION_SUBJECT, addAnalytics, EVENT_TYPE, TABLE_ACTION } from '../../../analytics';
-export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos) {
+import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
+export var handleMouseDown = function handleMouseDown(view, event, localResizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI) {
   var state = view.state,
       dispatch = view.dispatch;
 
@@ -36,7 +35,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     dom = dom.closest('table');
   }
 
-  var containerWidth = widthPluginKey.getState(state);
+  var containerWidth = getEditorContainerWidth();
   var parentWidth = getParentNodeWidth(start, state, containerWidth);
   var maxSize = parentWidth || getLayoutSize(dom.getAttribute('data-layout'), containerWidth.width, {});
 
@@ -117,7 +116,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
 
         if (colIndex === map.width - 1) {
           var mouseUpTime = event.timeStamp;
-          tr = addAnalytics(state, tr, {
+          editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
             action: TABLE_ACTION.ATTEMPTED_TABLE_WIDTH_CHANGE,
             actionSubject: ACTION_SUBJECT.TABLE,
             actionSubjectId: null,
@@ -128,7 +127,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
               delta: Math.abs(clientX - dragging.startX)
             },
             eventType: EVENT_TYPE.UI
-          });
+          })(tr);
         }
       }
 
@@ -154,7 +153,7 @@ export var handleMouseDown = function handleMouseDown(view, event, localResizeHa
     var map = TableMap.get(table);
     var colIndex = map.colCount($cell.pos - $cell.start(-1)) + $cell.nodeAfter.attrs.colspan - 1;
     resizeColumn(resizeState, colIndex, clientX - dragging.startX, dom);
-    updateControls(state);
+    updateControls(getEditorFeatureFlags)(state);
     updateResizeHandles(dom);
   }
 

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

@@ -7,7 +7,7 @@ import { handleMouseDown } from './event-handlers';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import { getResizeCellPos } from './utils';
-export function createPlugin(dispatch, _ref) {
+export function createPlugin(dispatch, _ref, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI) {
   var _ref$lastColumnResiza = _ref.lastColumnResizable,
       lastColumnResizable = _ref$lastColumnResiza === void 0 ? true : _ref$lastColumnResiza;
   return new SafePlugin({
@@ -37,7 +37,7 @@ export function createPlugin(dispatch, _ref) {
               dragging = _getPluginState.dragging;
 
           if (resizeHandlePos !== null && !dragging) {
-            if (handleMouseDown(view, event, resizeHandlePos)) {
+            if (handleMouseDown(view, event, resizeHandlePos, getEditorContainerWidth, getEditorFeatureFlags, editorAnalyticsAPI)) {
               var _state = view.state,
                   _dispatch = view.dispatch;
               return setResizeHandlePos(resizeHandlePos)(_state, _dispatch);

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

@@ -6,46 +6,48 @@ import { TableCssClassName as ClassName } from '../../../types';
 import { getRowHeights } from '../../../utils';
 import { colWidthsForRow } from '../../../utils/column-controls';
 import { getPluginState as getMainPluginState } from '../../plugin-factory';
-export var updateControls = function updateControls(state) {
-  var _getMainPluginState = getMainPluginState(state),
-      tableRef = _getMainPluginState.tableRef;
+export var updateControls = function updateControls(getEditorFeatureFlags) {
+  return function (state) {
+    var _getMainPluginState = getMainPluginState(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(ClassName.ROW_CONTROLS_BUTTON_WRAP));
-  var numberedRows = wrapper.parentElement.querySelectorAll(ClassName.NUMBERED_COLUMN_BUTTON);
-  syncStickyRowToTable(tableRef);
-  var rowHeights = getRowHeights(tableRef); // update rows controls height on resize
+    var rowControls = wrapper.parentElement.querySelectorAll(".".concat(ClassName.ROW_CONTROLS_BUTTON_WRAP));
+    var numberedRows = wrapper.parentElement.querySelectorAll(ClassName.NUMBERED_COLUMN_BUTTON);
+    syncStickyRowToTable(tableRef);
+    var rowHeights = 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(ClassName.TABLE_RIGHT_SHADOW));
-  var leftShadows = wrapper.parentElement.querySelectorAll(".".concat(ClassName.TABLE_LEFT_SHADOW));
-  updateOverflowShadows(state, wrapper, tableRef, rightShadows, leftShadows);
+    var rightShadows = wrapper.parentElement.querySelectorAll(".".concat(ClassName.TABLE_RIGHT_SHADOW));
+    var leftShadows = wrapper.parentElement.querySelectorAll(".".concat(ClassName.TABLE_LEFT_SHADOW));
+    updateOverflowShadows(getEditorFeatureFlags)(state, wrapper, tableRef, rightShadows, leftShadows);
+  };
 };
 export var isClickNear = function isClickNear(event, click) {
   var dx = click.x - event.clientX,

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

@@ -2,8 +2,7 @@ import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import { getBreakpoint, mapBreakpointToLayoutMaxWidth } from '@atlaskit/editor-common/ui';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorWideLayoutWidth, akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { containsClassName } from '../../../../../utils';
-import { pluginKey as widthPluginKey } from '../../../../width';
-import { getParentNodeWidth } from '../../../../../utils/node-width';
+import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 export var tableLayoutToSize = {
   default: akEditorDefaultLayoutWidth,
   wide: akEditorWideLayoutWidth,
@@ -75,8 +74,9 @@ export var getTableMaxWidth = function getTableMaxWidth(_ref2) {
   var table = _ref2.table,
       tableStart = _ref2.tableStart,
       state = _ref2.state,
-      layout = _ref2.layout;
-  var containerWidth = widthPluginKey.getState(state);
+      layout = _ref2.layout,
+      getEditorContainerWidth = _ref2.getEditorContainerWidth;
+  var containerWidth = getEditorContainerWidth();
   var parentWidth = getParentNodeWidth(tableStart, state, containerWidth);
   var maxWidth = parentWidth || getLayoutSize(layout, containerWidth.width, {});
 

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

@@ -265,7 +265,7 @@ export var normaliseTableLayout = function normaliseTableLayout(input) {
       return 'default';
   }
 };
-export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelectedColumns(rect, state, domAtPos) {
+export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFromSelectedColumns(rect, state, domAtPos, getEditorContainerWidth) {
   var _getSelectedTableInfo = getSelectedTableInfo(state.selection),
       totalRowCount = _getSelectedTableInfo.totalRowCount,
       totalColumnCount = _getSelectedTableInfo.totalColumnCount,
@@ -287,7 +287,8 @@ export var getNewResizeStateFromSelectedColumns = function getNewResizeStateFrom
     table: table.node,
     tableStart: table.start,
     state: state,
-    layout: layout
+    layout: layout,
+    getEditorContainerWidth: getEditorContainerWidth
   });
   var resizeState = getResizeState({
     minWidth: tableCellMinWidth,

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

@@ -1,10 +1,10 @@
 import { keymap } from 'prosemirror-keymap';
 import { bindKeymapWithCommand, moveRight, moveLeft } from '../../../keymaps';
 import { arrowLeftFromTable, arrowRightFromTable } from '../commands/selection';
-export function tableSelectionKeymapPlugin() {
+export function tableSelectionKeymapPlugin(editorSelectionAPI) {
   var list = {};
-  bindKeymapWithCommand(moveRight.common, arrowRightFromTable, list);
-  bindKeymapWithCommand(moveLeft.common, arrowLeftFromTable, list);
+  bindKeymapWithCommand(moveRight.common, arrowRightFromTable(editorSelectionAPI)(), list);
+  bindKeymapWithCommand(moveLeft.common, arrowLeftFromTable(editorSelectionAPI)(), list);
   return keymap(list);
 }
 export default tableSelectionKeymapPlugin;