@atlaskit/editor-core 153.1.3 → 155.0.0

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

@@ -3,7 +3,8 @@ import React from 'react';
 import classnames from 'classnames';
 import { isTableSelected } from '@atlaskit/editor-tables/utils';
 import rafSchedule from 'raf-schd';
-import { browser, calcTableWidth, tableMarginSides } from '@atlaskit/editor-common';
+import { calcTableWidth, tableMarginSides } from '@atlaskit/editor-common/styles';
+import { browser } from '@atlaskit/editor-common/utils';
 import { akEditorMobileBreakoutPoint, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { isValidPosition } from '../../../utils';
 import { getParentNodeWidth } from '../../../utils/node-width';
@@ -25,22 +26,6 @@ const isIE11 = browser.ie_version === 11;
 
 const NOOP = () => undefined;
 
-// in Chrome, if none of the parent elements
-// have content, then it will auto-scroll the container
-// which interferes with us applying padding to the
-// sticky header to make up for us taking it out of
-// the layout flow.
-//
-// this is only an issue when scrolling down the
-// page without row controls active, and doesn't
-// occur in other browsers afaik
-const FloatingPlaceholder = () => /*#__PURE__*/React.createElement("div", {
-  style: {
-    position: 'absolute',
-    top: '30px'
-  }
-}, ' ');
-
 class TableComponent extends React.Component {
   constructor(props) {
     super(props);
@@ -205,11 +190,7 @@ class TableComponent extends React.Component {
       const {
         width
       } = containerWidth;
-
-      if (this.frameId && window) {
-        window.cancelAnimationFrame(this.frameId);
-      }
-
+      this.scaleTableDebounced.cancel();
       scaleTable(this.table, { ...scaleOptions,
         node,
         prevNode: this.node || node,
@@ -255,7 +236,7 @@ class TableComponent extends React.Component {
       }
 
       const parentWidth = this.getParentNodeWidth();
-      this.frameId = this.scaleTableDebounced(parentWidth);
+      this.scaleTableDebounced(parentWidth);
     });
 
     _defineProperty(this, "updateTableContainerWidth", () => {
@@ -381,7 +362,7 @@ class TableComponent extends React.Component {
        */
       window.addEventListener('resize', this.handleWindowResizeDebounced);
       this.updateTableContainerWidth();
-      this.frameId = this.handleTableResizingDebounced(this.props);
+      this.handleTableResizingDebounced();
     }
 
     const currentStickyState = stickyHeadersPluginKey.getState(this.props.view.state);
@@ -399,15 +380,15 @@ class TableComponent extends 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();
     }
@@ -458,7 +439,7 @@ class TableComponent extends React.Component {
         updateControls(view.state);
       }
 
-      this.frameId = this.handleTableResizingDebounced(prevProps);
+      this.handleTableResizingDebounced();
     }
   }
 
@@ -550,7 +531,7 @@ class TableComponent extends React.Component {
       "data-layout": node.attrs.layout
     }, stickyHeadersOptimization && /*#__PURE__*/React.createElement("div", {
       className: ClassName.TABLE_STICKY_SENTINEL_TOP
-    }), /*#__PURE__*/React.createElement(FloatingPlaceholder, null), allowControls && (!isLoading || initialRenderOptimization) && rowControls, /*#__PURE__*/React.createElement("div", {
+    }), allowControls && (!isLoading || initialRenderOptimization) && rowControls, /*#__PURE__*/React.createElement("div", {
       style: shadowStyle(showBeforeShadow),
       className: ClassName.TABLE_LEFT_SHADOW
     }), this.state.stickyHeader && /*#__PURE__*/React.createElement("div", {

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

@@ -8,6 +8,7 @@ import { pluginConfig as getPluginConfig } from '../create-plugin-config';
 import { getPluginState, pluginKey } from '../pm-plugins/plugin-factory';
 import { pluginKey as tableResizingPluginKey } from '../pm-plugins/table-resizing';
 import { generateColgroup } from '../pm-plugins/table-resizing/utils';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import TableComponent from './TableComponent';
 import { setTableSize } from '../commands';
 import { getFeatureFlags } from '../../feature-flags-context';
@@ -142,6 +143,13 @@ export default class TableView extends ReactNodeView {
         return true;
       }
 
+      const tableMap = TableMap.get(node);
+      const nextTableMap = TableMap.get(nextNode);
+
+      if (tableMap.width !== nextTableMap.width) {
+        return true;
+      }
+
       return attrKeys.some(key => {
         return node.attrs[key] !== nextNode.attrs[key];
       });

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

@@ -1,4 +1,5 @@
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { DecorationSet } from 'prosemirror-view';
 import { pluginKey as tablePluginKey } from '../plugin-factory';
@@ -25,7 +26,7 @@ export const handleDocOrSelectionChanged = (tr, decorationSet, oldState) => {
   return decorationSet;
 };
 export const createPlugin = () => {
-  return new Plugin({
+  return new SafePlugin({
     state: {
       init: () => DecorationSet.empty,
       apply: (tr, decorationSet, oldState) => {

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

@@ -1,7 +1,7 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findParentDomRefOfType, findParentNodeOfType } from 'prosemirror-utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { browser } from '@atlaskit/editor-common';
+import { browser } from '@atlaskit/editor-common/utils';
 import { closestElement } from '../../../utils/dom';
 import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
 import { handleBlur, handleClick, handleCut, handleFocus, handleMouseDown, handleMouseLeave, handleMouseMove, handleMouseOut, handleMouseOver, handleTripleClick, whenTableInFocus } from '../event-handlers';
@@ -50,7 +50,7 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
   } : {}; // Used to prevent invalid table cell spans being reported more than once per editor/document
 
   const invalidTableIds = [];
-  return new Plugin({
+  return new SafePlugin({
     state: state,
     key: pluginKey,
     appendTransaction: (transactions, oldState, newState) => {

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

@@ -1,4 +1,5 @@
-import { PluginKey, Plugin } from 'prosemirror-state';
+import { PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 export const tableSafariDelayedDomSelectionSyncingWorkaroundKey = new PluginKey('tableSafariDelayedDomSelectionSyncingWorkaround');
 export const createPlugin = () => {
   // From a review of the prosemirror-view source code,
@@ -11,7 +12,7 @@ export const createPlugin = () => {
   // Because we are manually wiping the view.mouseDown,
   // we manage this custom cleanup ourselves
   let prevMouseDownDone = null;
-  return new Plugin({
+  return new SafePlugin({
     key: tableSafariDelayedDomSelectionSyncingWorkaroundKey,
     props: {
       handleDOMEvents: {

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

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { findOverflowScrollParent } from '@atlaskit/editor-common';
+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';
@@ -15,6 +15,7 @@ export const supportedHeaderRow = node => {
   return allHeaders && !someMerged;
 };
 export class TableRowNodeView {
+  // this is the sticky header table row
   get tree() {
     return getTree(this.dom);
   }
@@ -24,9 +25,7 @@ export class TableRowNodeView {
 
     _defineProperty(this, "focused", false);
 
-    _defineProperty(this, "scrollElementTop", 0);
-
-    _defineProperty(this, "isSticky", false);
+    _defineProperty(this, "topPosEditorElement", 0);
 
     _defineProperty(this, "stickyHeadersOptimization", false);
 
@@ -73,7 +72,14 @@ export class TableRowNodeView {
       const {
         table,
         wrapper
-      } = tree;
+      } = tree; // If the previous refresh is less than 10ms then don't do anything.
+      // The jumpiness happen under that time and this is to avoid it.
+
+      const timelapse = Math.abs(performance.now() - this.lastTimePainted);
+
+      if (timelapse < 10) {
+        return;
+      }
 
       if (this.shouldHeaderStick(tree)) {
         this.makeHeaderRowSticky(tree);
@@ -83,6 +89,7 @@ export class TableRowNodeView {
 
 
       this.dom.scrollLeft = wrapper.scrollLeft;
+      this.lastTimePainted = performance.now();
     });
 
     _defineProperty(this, "onTablePluginState", state => {
@@ -92,6 +99,14 @@ export class TableRowNodeView {
 
       if (!tree) {
         return;
+      } // make it non-sticky initially to avoid making it look separated
+
+
+      if (!this.isTableInit) {
+        if (this.tree) {
+          this.makeRowHeaderNotSticky(this.tree.table);
+          this.isTableInit = true;
+        }
       } // when header rows are toggled off - mark sentinels as unobserved
 
 
@@ -159,23 +174,39 @@ export class TableRowNodeView {
       const {
         wrapper
       } = tree;
-      const scrollTop = this.scrollElementTop;
-      const refTop = this.getWrapperRefTop(wrapper);
-      const wrapperRect = wrapper.getBoundingClientRect(); // we don't have parent information in via the node,
-      // so we need to look this up on scroll
-
+      const tableWrapperRect = wrapper.getBoundingClientRect();
+      const editorAreaRect = this.editorScrollableElement.getBoundingClientRect();
+      const stickyHeaderRect = this.contentDOM.getBoundingClientRect();
       const firstHeaderRow = !this.dom.previousElementSibling;
       const subsequentRows = !!this.dom.nextElementSibling;
-      const bottomVisible = scrollTop - wrapperRect.bottom < this.dom.clientHeight;
-      return refTop <= scrollTop && bottomVisible && firstHeaderRow && subsequentRows;
+      const isHeaderValid = firstHeaderRow && subsequentRows; // if the table wrapper is less than the editor top pos then make it sticky
+      // Make header sticky if table wrapper top is outside viewport
+      //  but bottom is still in the viewport.
+
+      if (tableWrapperRect.top < editorAreaRect.top && tableWrapperRect.bottom > editorAreaRect.top && isHeaderValid) {
+        return true;
+      } // if the sticky header is below the editor area make it non-sticky
+
+
+      if (stickyHeaderRect.top > editorAreaRect.top) {
+        return false;
+      } // otherwise make it non-sticky
+
+
+      return false;
     });
 
     _defineProperty(this, "makeHeaderRowSticky", tree => {
+      // If header row height is more than 50% of viewport height don't do this
+      if (this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2) {
+        return;
+      }
+
       const {
         table
       } = tree;
       const currentTableTop = this.getCurrentTableTop(tree);
-      const domTop = currentTableTop > 0 ? this.scrollElementTop : this.scrollElementTop + currentTableTop;
+      const domTop = currentTableTop > 0 ? this.topPosEditorElement : this.topPosEditorElement + currentTableTop;
 
       if (!this.isSticky) {
         syncStickyRowToTable(table);
@@ -189,19 +220,8 @@ export class TableRowNodeView {
       this.emitOn(domTop, this.colControlsOffset);
     });
 
-    _defineProperty(this, "getWrapperoffset", (inverse = false) => {
-      const focusValue = inverse ? !this.focused : this.focused;
-      return focusValue ? 0 : tableControlsSpacing;
-    });
-
-    _defineProperty(this, "getWrapperRefTop", wrapper => Math.round(getTop(wrapper)) + this.getWrapperoffset());
-
-    _defineProperty(this, "getScrolledTableTop", wrapper => this.getWrapperRefTop(wrapper) - this.scrollElementTop);
-
-    _defineProperty(this, "getCurrentTableTop", tree => this.getScrolledTableTop(tree.wrapper) + tree.table.clientHeight);
-
-    _defineProperty(this, "makeRowHeaderNotSticky", table => {
-      if (!this.isSticky) {
+    _defineProperty(this, "makeRowHeaderNotSticky", (table, isEditorDestroyed = false) => {
+      if (!this.isSticky || !table || !this.dom) {
         return;
       }
 
@@ -211,9 +231,20 @@ export class TableRowNodeView {
       this.isSticky = false;
       this.dom.style.top = '';
       table.style.removeProperty('margin-top');
-      this.emitOff();
+      this.emitOff(isEditorDestroyed);
+    });
+
+    _defineProperty(this, "getWrapperoffset", (inverse = false) => {
+      const focusValue = inverse ? !this.focused : this.focused;
+      return focusValue ? 0 : tableControlsSpacing;
     });
 
+    _defineProperty(this, "getWrapperRefTop", wrapper => Math.round(getTop(wrapper)) + this.getWrapperoffset());
+
+    _defineProperty(this, "getScrolledTableTop", wrapper => this.getWrapperRefTop(wrapper) - this.topPosEditorElement);
+
+    _defineProperty(this, "getCurrentTableTop", tree => this.getScrolledTableTop(tree.wrapper) + tree.table.clientHeight);
+
     _defineProperty(this, "padding", 0);
 
     _defineProperty(this, "top", 0);
@@ -233,19 +264,22 @@ export class TableRowNodeView {
       })(this.view.state, this.view.dispatch, this.view);
     });
 
-    _defineProperty(this, "emitOff", () => {
+    _defineProperty(this, "emitOff", isEditorDestroyed => {
       if (this.top === 0 && this.padding === 0) {
         return;
       }
 
       this.top = 0;
       this.padding = 0;
-      updateStickyState({
-        pos: this.getPos(),
-        sticky: false,
-        top: this.top,
-        padding: this.padding
-      })(this.view.state, this.view.dispatch, this.view);
+
+      if (!isEditorDestroyed) {
+        updateStickyState({
+          pos: this.getPos(),
+          sticky: false,
+          top: this.top,
+          padding: this.padding
+        })(this.view.state, this.view.dispatch, this.view);
+      }
     });
 
     this.view = view;
@@ -259,7 +293,10 @@ export class TableRowNodeView {
       stickyHeadersOptimization
     } = featureFlags;
     this.stickyHeadersOptimization = !!stickyHeadersOptimization;
+    this.lastTimePainted = 0;
     this.isHeaderRow = supportedHeaderRow(node);
+    this.isSticky = false;
+    this.isTableInit = false;
 
     if (this.isHeaderRow) {
       this.dom.setAttribute('data-header-row', 'true');
@@ -270,16 +307,16 @@ export class TableRowNodeView {
 
 
   subscribe() {
-    this.scrollElement = findOverflowScrollParent(this.view.dom) || window;
+    this.editorScrollableElement = findOverflowScrollParent(this.view.dom) || window;
 
-    if (this.scrollElement) {
+    if (this.editorScrollableElement) {
       if (this.stickyHeadersOptimization) {
         this.initObservers();
       } else {
-        this.scrollElement.addEventListener('scroll', this.onScroll);
+        this.editorScrollableElement.addEventListener('scroll', this.onScroll);
       }
 
-      this.scrollElementTop = getTop(this.scrollElement);
+      this.topPosEditorElement = getTop(this.editorScrollableElement);
     }
 
     this.eventDispatcher.on(widthPluginKey.key, this.onWidthPluginState);
@@ -300,8 +337,8 @@ export class TableRowNodeView {
       this.resizeObserver.disconnect();
     }
 
-    if (this.scrollElement && !this.stickyHeadersOptimization) {
-      this.scrollElement.removeEventListener('scroll', this.onScroll);
+    if (this.editorScrollableElement && !this.stickyHeadersOptimization) {
+      this.editorScrollableElement.removeEventListener('scroll', this.onScroll);
     }
 
     this.eventDispatcher.off(widthPluginKey.key, this.onWidthPluginState);
@@ -412,7 +449,7 @@ export class TableRowNodeView {
         }
       });
     }, {
-      root: this.scrollElement
+      root: this.editorScrollableElement
     });
   }
   /* paint/update loop */
@@ -451,10 +488,10 @@ export class TableRowNodeView {
     this.unsubscribe();
 
     if (this.tree) {
-      this.makeRowHeaderNotSticky(this.tree.table);
+      this.makeRowHeaderNotSticky(this.tree.table, true);
     }
 
-    this.emitOff();
+    this.emitOff(true);
   }
 
   ignoreMutation(mutationRecord) {

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

@@ -1,9 +1,9 @@
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TableRowNodeView } from './nodeviews/tableRow';
 import { pluginKey } from './plugin-key';
 import { createPluginState } from './plugin-state';
 export const createPlugin = (dispatch, eventDispatcher, initialState = () => []) => {
-  return new Plugin({
+  return new SafePlugin({
     state: createPluginState(dispatch, initialState),
     key: pluginKey,
     props: {

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

@@ -10,10 +10,11 @@
  * TODO: https://product-fabric.atlassian.net/browse/ED-12714
  *
  */
-import { Plugin, PluginKey } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from 'prosemirror-state';
 import rafSchedule from 'raf-schd';
 import { uuid } from '@atlaskit/adf-schema';
-import { stepAdds } from '../../../utils/step';
+import { stepAddsOneOf } from '../../../utils/step';
 const pluginKey = new PluginKey('tableLocalIdPlugin');
 
 const getPluginState = state => state && pluginKey.getState(state);
@@ -23,14 +24,14 @@ const getPluginState = state => state && pluginKey.getState(state);
 
 
 const checkIsAddingTable = (transaction, nodeType) => {
-  return transaction.steps.some(step => stepAdds(step, nodeType));
+  return transaction.steps.some(step => stepAddsOneOf(step, new Set([nodeType])));
 };
 /**
  * Ensures uniqueness of `localId`s on tables being created or edited
  */
 
 
-const createPlugin = dispatch => new Plugin({
+const createPlugin = dispatch => new SafePlugin({
   key: pluginKey,
   state: {
     init() {

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

@@ -1,6 +1,6 @@
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { tableCellMinWidth } from '@atlaskit/editor-common';
+import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { getParentNodeWidth } from '../../../../utils/node-width';
 import { pluginKey as editorDisabledPluginKey } from '../../../editor-disabled';

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

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import { Plugin } from 'prosemirror-state';
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { TableCssClassName as ClassName } from '../../types';
 import { setResizeHandlePos } from './commands';
 import { handleMouseDown } from './event-handlers';
@@ -10,7 +10,7 @@ export function createPlugin(dispatch, {
   lastColumnResizable = true,
   dynamicTextSizing = false
 }) {
-  return new Plugin({
+  return new SafePlugin({
     key: pluginKey,
     state: createPluginState(dispatch, {
       lastColumnResizable,

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

@@ -1,6 +1,6 @@
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findDomRefAtPos } from 'prosemirror-utils';
-import { tableNewColumnMinWidth } from '@atlaskit/editor-common';
+import { tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { contentWidth } from './content-width';
 import { unitToNumber } from './unit-to-number';
 // Reads `width` and `minWidth` of each column from DOM and returns `ColumnState` containing those values

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

@@ -1,4 +1,5 @@
-import { browser, tableCellBorderWidth, tableCellPadding, tableMarginTop } from '@atlaskit/editor-common';
+import { tableCellBorderWidth, tableCellPadding, tableMarginTop } from '@atlaskit/editor-common/styles';
+import { browser } from '@atlaskit/editor-common/utils';
 import { closestElement, containsClassName, parsePx } from '../../../../../utils/dom';
 import { updateOverflowShadows } from '../../../nodeviews/update-overflow-shadows';
 import { TableCssClassName as ClassName } from '../../../types';

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

@@ -1,4 +1,5 @@
-import { calcTableWidth, getBreakpoint, mapBreakpointToLayoutMaxWidth } from '@atlaskit/editor-common';
+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';

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

@@ -1,4 +1,5 @@
-import { calcTableColumnWidths, tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common';
+import { tableCellMinWidth, tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
+import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import { hasTableBeenResized, insertColgroupFromNode } from './colgroup';
 import { getCellsRefsInColumn, getColumnStateFromDOM } from './column-state';
 import { syncStickyRowToTable } from './dom';

package/dist/es2019/plugins/table/pm-plugins/table-resizing/utils/scale-table.js

@@ -1,4 +1,4 @@
-import { tableCellMinWidth } from '@atlaskit/editor-common';
+import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { getTableWidth } from '../../../utils';
 import { getLayoutSize } from '../utils/misc';

package/dist/es2019/plugins/table/toolbar.js

@@ -15,7 +15,8 @@ import { splitCell } from '@atlaskit/editor-tables/utils';
 import tableMessages from './ui/messages';
 import { messages as ContextualMenuMessages } from './ui/FloatingContextualMenu/ContextualMenu';
 import { findParentDomRefOfType } from 'prosemirror-utils';
-import { closestElement } from '../../utils/dom';
+import { closestElement } from '../../utils/dom'; // TODO: ED-14403 investigate why these translations don't work
+
 export const messages = defineMessages({
   tableOptions: {
     id: 'fabric.editor.tableOptions',

package/dist/es2019/plugins/table/transforms/column-width.js

@@ -1,10 +1,10 @@
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { tableNewColumnMinWidth } from '@atlaskit/editor-common';
+import { tableNewColumnMinWidth } from '@atlaskit/editor-common/styles';
 import { hasTableBeenResized } from '../pm-plugins/table-resizing/utils';
 import { setMeta } from './metadata';
 import { getResizeState, normaliseTableLayout } from '../pm-plugins/table-resizing/utils/resize-state';
 import { getTableMaxWidth } from '../pm-plugins/table-resizing/utils/misc';
-import { tableCellMinWidth } from '@atlaskit/editor-common';
+import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { scaleTableTo } from '../pm-plugins/table-resizing/utils/scale-table';
 export const updateColumnWidths = (resizeState, table, start) => tr => {
   const map = TableMap.get(table);

package/dist/es2019/plugins/table/transforms/fix-tables.js

@@ -1,4 +1,4 @@
-import { tableCellMinWidth } from '@atlaskit/editor-common';
+import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorDefaultLayoutWidth, akEditorWideLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { sendLogs } from '../../../utils/sendLogs';
 import { calculateColumnWidth, contentWidth, getCellsRefsInColumn, getLayoutSize } from '../pm-plugins/table-resizing/utils';

package/dist/es2019/plugins/table/types.js

@@ -1,5 +1,5 @@
 import { tableCellSelector, tableHeaderSelector, tablePrefixSelector } from '@atlaskit/adf-schema';
-import { TableSharedCssClassName } from '@atlaskit/editor-common';
+import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 export const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 export let TableDecorations;
 

package/dist/es2019/plugins/table/ui/FloatingContextualButton/index.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingOverlapPanelZIndex, akEditorSmallZIndex } from '@atlaskit/editor-shared-styles';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import ToolbarButton from '../../../../ui/ToolbarButton';

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
 import styled from 'styled-components';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { getPluginState, pluginKey } from '../../pm-plugins/plugin-factory';
 import { contextualMenuDropdownWidth, contextualMenuTriggerSize } from '../consts';

package/dist/es2019/plugins/table/ui/FloatingDeleteButton/index.js

@@ -4,7 +4,7 @@ import React, { Component } from 'react';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { getSelectionRect, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { createPortal } from 'react-dom';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { closestElement } from '../../../../utils/dom';
 import { INPUT_METHOD } from '../../../analytics';

package/dist/es2019/plugins/table/ui/FloatingInsertButton/InsertButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { injectIntl } from 'react-intl-next';
-import { tableMarginTop } from '@atlaskit/editor-common';
+import { tableMarginTop } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import Tooltip from '@atlaskit/tooltip';
 import * as keymaps from '../../../../keymaps';

package/dist/es2019/plugins/table/ui/FloatingInsertButton/index.js

@@ -6,7 +6,7 @@ import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { injectIntl } from 'react-intl-next';
-import { Popup } from '@atlaskit/editor-common';
+import { Popup } from '@atlaskit/editor-common/ui';
 import { closestElement } from '../../../../utils/dom';
 import { INPUT_METHOD } from '../../../analytics';
 import { insertColumnWithAnalytics, insertRowWithAnalytics } from '../../commands-with-analytics';