@atlaskit/editor-plugin-table 7.5.4 → 7.5.6

package/dist/cjs/utils/drag-menu.js

@@ -70,7 +70,7 @@ var defaultSelectionRect = {
 };
 var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(direction, getEditorContainerWidth, canDrag, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, isHeaderRowRequired) {
   var _tableMap$height, _tableMap$height2, _tableMap$width, _tableMap$width2;
-  var tablePreserveWidth = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : false;
+  var isTableScalingEnabled = arguments.length > 11 && arguments[11] !== undefined ? arguments[11] : false;
   var addOptions = direction === 'row' ? [{
     label: 'above',
     offset: 0,
@@ -155,7 +155,7 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
             moveCursorToInsertedRow: true
           })(state, dispatch);
         } else {
-          (0, _commandsWithAnalytics.insertColumnWithAnalytics)(getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
+          (0, _commandsWithAnalytics.insertColumnWithAnalytics)(editorAnalyticsAPI, isTableScalingEnabled)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, (index !== null && index !== void 0 ? index : 0) + offset)(state, dispatch, editorView);
         }
         return true;
       },
@@ -168,7 +168,7 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
     onClick: function onClick(state, dispatch) {
       var selectionRect = (0, _toolbar.getClosestSelectionRect)(state);
       if (selectionRect) {
-        var newResizeState = (0, _resizeState.getNewResizeStateFromSelectedColumns)(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, tablePreserveWidth);
+        var newResizeState = (0, _resizeState.getNewResizeStateFromSelectedColumns)(selectionRect, state, editorView.domAtPos.bind(editorView), getEditorContainerWidth, isTableScalingEnabled);
         if (newResizeState) {
           (0, _commandsWithAnalytics.distributeColumnsWidthsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, newResizeState)(state, dispatch);
           return true;
@@ -194,7 +194,7 @@ var getDragMenuConfig = exports.getDragMenuConfig = function getDragMenuConfig(d
       if (direction === 'row') {
         (0, _commandsWithAnalytics.deleteRowsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect, !!isHeaderRowRequired)(state, dispatch);
       } else {
-        (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI, tablePreserveWidth)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect)(state, dispatch, editorView);
+        (0, _commandsWithAnalytics.deleteColumnsWithAnalytics)(editorAnalyticsAPI, isTableScalingEnabled)(_analytics.INPUT_METHOD.TABLE_CONTEXT_MENU, selectionRect !== null && selectionRect !== void 0 ? selectionRect : defaultSelectionRect)(state, dispatch, editorView);
       }
       return true;
     },

package/dist/es2019/commands/column-resize.js

@@ -121,7 +121,7 @@ export const activateNextResizeArea = direction => (state, dispatch, view) => {
   }
   return false;
 };
-export const changeColumnWidthByStep = (stepSize, getEditorContainerWidth, tablePreserveWidth = false) => (state, dispatch, view) => {
+export const changeColumnWidthByStep = (stepSize, getEditorContainerWidth, isTableScalingEnabled = false) => (state, dispatch, view) => {
   let customTr = state.tr;
   const fakeDispatch = tr => {
     customTr = tr;
@@ -171,14 +171,14 @@ export const changeColumnWidthByStep = (stepSize, getEditorContainerWidth, table
     tableRef: dom,
     start: tableStartPosition,
     domAtPos,
-    tablePreserveWidth
+    isTableScalingEnabled
   });
   updateControls()(state);
   const selectionRect = getSelectionRect(state.selection);
   const selectedColumns = selectionRect ? getSelectedColumnIndexes(selectionRect) : [];
   // only selected (or selected - 1) columns should be distributed
   const resizingSelectedColumns = selectedColumns.indexOf(colIndex) > -1 || selectedColumns.indexOf(colIndex + 1) > -1;
-  const newResizeState = resizeColumn(initialResizeState, colIndex, stepSize, dom, resizingSelectedColumns ? selectedColumns : undefined, tablePreserveWidth);
+  const newResizeState = resizeColumn(initialResizeState, colIndex, stepSize, dom, originalTable, resizingSelectedColumns ? selectedColumns : undefined, isTableScalingEnabled);
   customTr = updateColumnWidths(newResizeState, originalTable, tableStartPosition)(customTr);
   if (dispatch) {
     dispatch(customTr);

package/dist/es2019/commands/delete.js

@@ -1,7 +1,7 @@
 import { deleteColumns } from '../transforms/delete-columns';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
-export const deleteColumnsCommand = (rect, tablePreserveWidth = false) => (state, dispatch, view) => {
-  const tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), view, tablePreserveWidth)(state.tr);
+export const deleteColumnsCommand = (rect, isTableScalingEnabled = false) => (state, dispatch, view) => {
+  const tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), view, isTableScalingEnabled)(state.tr);
   if (dispatch) {
     dispatch(tr);
     return true;

package/dist/es2019/commands/insert.js

@@ -20,7 +20,7 @@ function addColumnAtCustomStep(column) {
     return tr;
   };
 }
-export function addColumnAt(getEditorContainerWidth, tablePreserveWidth = false) {
+export function addColumnAt(isTableScalingEnabled = false) {
   return (column, allowAddColumnCustomStep = false, view) => {
     return tr => {
       let updatedTr = tr;
@@ -32,7 +32,7 @@ export function addColumnAt(getEditorContainerWidth, tablePreserveWidth = false)
       const table = findTable(updatedTr.selection);
       if (table) {
         // [ED-8288] Update colwidths manually to avoid multiple dispatch in TableComponent
-        updatedTr = rescaleColumns(tablePreserveWidth)(table, view)(updatedTr);
+        updatedTr = rescaleColumns(isTableScalingEnabled)(table, view)(updatedTr);
       }
       if (getBooleanFF('platform.editor.table.analytics-plugin-moved-event') && view) {
         updatedTr = updateRowOrColumnMovedTransform({
@@ -49,33 +49,33 @@ export function addColumnAt(getEditorContainerWidth, tablePreserveWidth = false)
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column before the column with the selection.
-export const addColumnBefore = (getEditorContainerWidth, tablePreserveWidth = false) => (state, dispatch, view) => {
+export const addColumnBefore = (isTableScalingEnabled = false) => (state, dispatch, view) => {
   const table = findTable(state.selection);
   if (!table) {
     return false;
   }
   if (dispatch) {
     let rect = selectedRect(state);
-    dispatch(addColumnAt(getEditorContainerWidth, tablePreserveWidth)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
+    dispatch(addColumnAt(isTableScalingEnabled)(rect.left, getAllowAddColumnCustomStep(state), view)(state.tr));
   }
   return true;
 };
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column after the column with the selection.
-export const addColumnAfter = getEditorContainerWidth => (state, dispatch, view) => {
+export const addColumnAfter = isTableScalingEnabled => (state, dispatch, view) => {
   const table = findTable(state.selection);
   if (!table) {
     return false;
   }
   if (dispatch) {
     let rect = selectedRect(state);
-    dispatch(addColumnAt(getEditorContainerWidth)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
+    dispatch(addColumnAt(isTableScalingEnabled)(rect.right, getAllowAddColumnCustomStep(state), view)(state.tr));
   }
   return true;
 };
-export const insertColumn = (getEditorContainerWidth, tablePreserveWidth = false) => column => (state, dispatch, view) => {
-  let tr = addColumnAt(getEditorContainerWidth, tablePreserveWidth)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
+export const insertColumn = (isTableScalingEnabled = false) => column => (state, dispatch, view) => {
+  let tr = addColumnAt(isTableScalingEnabled)(column, getAllowAddColumnCustomStep(state), view)(state.tr);
   const table = findTable(tr.selection);
   if (!table) {
     return false;
@@ -122,18 +122,18 @@ export const insertRow = (row, moveCursorToTheNewRow) => (state, dispatch) => {
   }
   return true;
 };
-export const createTable = (isFullWidthModeEnabled, getEditorFeatureFlags) => (state, dispatch) => {
-  const table = createTableWithWidth(isFullWidthModeEnabled, getEditorFeatureFlags)(state.schema);
+export const createTable = (isTableScalingEnabled, isFullWidthModeEnabled) => (state, dispatch) => {
+  const table = createTableWithWidth(isTableScalingEnabled, isFullWidthModeEnabled)(state.schema);
   if (dispatch) {
     dispatch(safeInsert(table)(state.tr).scrollIntoView());
   }
   return true;
 };
-export const insertTableWithSize = (isFullWidthModeEnabled, getEditorFeatureFlags, editorAnalyticsAPI) => (rowsCount, colsCount, inputMethod) => {
+export const insertTableWithSize = (isFullWidthModeEnabled, isTableScalingEnabled, editorAnalyticsAPI) => (rowsCount, colsCount, inputMethod) => {
   return ({
     tr
   }) => {
-    const tableNode = createTableWithWidth(isFullWidthModeEnabled, getEditorFeatureFlags, {
+    const tableNode = createTableWithWidth(isTableScalingEnabled, isFullWidthModeEnabled, {
       rowsCount: rowsCount,
       colsCount: colsCount
     })(tr.doc.type.schema);

package/dist/es2019/commands-with-analytics.js

@@ -168,7 +168,7 @@ export const insertRowWithAnalytics = editorAnalyticsAPI => (inputMethod, option
     eventType: EVENT_TYPE.TRACK
   };
 })(editorAnalyticsAPI)(insertRow(options.index, options.moveCursorToInsertedRow));
-export const changeColumnWidthByStepWithAnalytics = editorAnalyticsAPI => (stepSize, getEditorContainerWidth, tablePreserveWidth, inputMethod) => withEditorAnalyticsAPI(state => {
+export const changeColumnWidthByStepWithAnalytics = editorAnalyticsAPI => (stepSize, getEditorContainerWidth, isTableScalingEnabled, inputMethod) => withEditorAnalyticsAPI(state => {
   const {
     table,
     totalRowCount,
@@ -193,8 +193,8 @@ export const changeColumnWidthByStepWithAnalytics = editorAnalyticsAPI => (stepS
       totalColumnCount
     }
   };
-})(editorAnalyticsAPI)(changeColumnWidthByStep(stepSize, getEditorContainerWidth, tablePreserveWidth));
-export const insertColumnWithAnalytics = (getEditorContainerWidth, editorAnalyticsAPI, tablePreserveWidth = false) => (inputMethod, position) => withEditorAnalyticsAPI(state => {
+})(editorAnalyticsAPI)(changeColumnWidthByStep(stepSize, getEditorContainerWidth, isTableScalingEnabled));
+export const insertColumnWithAnalytics = (editorAnalyticsAPI, isTableScalingEnabled = false) => (inputMethod, position) => withEditorAnalyticsAPI(state => {
   const {
     totalRowCount,
     totalColumnCount
@@ -211,7 +211,7 @@ export const insertColumnWithAnalytics = (getEditorContainerWidth, editorAnalyti
     },
     eventType: EVENT_TYPE.TRACK
   };
-})(editorAnalyticsAPI)(insertColumn(getEditorContainerWidth, tablePreserveWidth)(position));
+})(editorAnalyticsAPI)(insertColumn(isTableScalingEnabled)(position));
 export const deleteRowsWithAnalytics = editorAnalyticsAPI => (inputMethod, rect, isHeaderRowRequired) => withEditorAnalyticsAPI(({
   selection
 }) => {
@@ -238,7 +238,7 @@ export const deleteRowsWithAnalytics = editorAnalyticsAPI => (inputMethod, rect,
   }
   return true;
 });
-export const deleteColumnsWithAnalytics = (editorAnalyticsAPI, tablePreserveWidth = false) => (inputMethod, rect) => withEditorAnalyticsAPI(({
+export const deleteColumnsWithAnalytics = (editorAnalyticsAPI, isTableScalingEnabled = false) => (inputMethod, rect) => withEditorAnalyticsAPI(({
   selection
 }) => {
   const {
@@ -258,7 +258,7 @@ export const deleteColumnsWithAnalytics = (editorAnalyticsAPI, tablePreserveWidt
     },
     eventType: EVENT_TYPE.TRACK
   };
-})(editorAnalyticsAPI)(deleteColumnsCommand(rect, tablePreserveWidth));
+})(editorAnalyticsAPI)(deleteColumnsCommand(rect, isTableScalingEnabled));
 export const deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut = editorAnalyticsAPI => (state, dispatch) => {
   const {
     selection

package/dist/es2019/event-handlers.js

@@ -1,3 +1,4 @@
+import rafSchedule from 'raf-schd';
 import { ACTION_SUBJECT, EVENT_TYPE, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { browser, closestElement, isElementInTableCell, isLastItemMediaGroup, setNodeSelection } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
@@ -261,7 +262,10 @@ export const handleMouseLeave = (view, event) => {
   }
   return false;
 };
-export const handleMouseMove = (view, event, elementContentRects) => {
+
+// IMPORTANT: The mouse move handler has been setup with RAF schedule to avoid Reflows which will occur as some methods
+// need to access the mouse event offset position and also the target clientWidth vallue.
+const handleMouseMoveDebounce = rafSchedule((view, event, offsetX) => {
   if (!(event.target instanceof HTMLElement)) {
     return false;
   }
@@ -272,11 +276,10 @@ export const handleMouseMove = (view, event, elementContentRects) => {
       dispatch
     } = view;
     const {
-      insertColumnButtonIndex,
-      isDragAndDropEnabled
+      insertColumnButtonIndex
     } = getPluginState(state);
     const [startIndex, endIndex] = getColumnOrRowIndex(element);
-    const positionColumn = getMousePositionHorizontalRelativeByElement(event, elementContentRects, undefined, isDragAndDropEnabled) === 'right' ? endIndex : startIndex;
+    const positionColumn = getMousePositionHorizontalRelativeByElement(event, offsetX, undefined) === 'right' ? endIndex : startIndex;
     if (positionColumn !== insertColumnButtonIndex) {
       return showInsertColumnButton(positionColumn)(state, dispatch);
     }
@@ -296,7 +299,7 @@ export const handleMouseMove = (view, event, elementContentRects) => {
     }
   }
   if (!isResizeHandleDecoration(element) && isCell(element)) {
-    const positionColumn = getMousePositionHorizontalRelativeByElement(event, elementContentRects, RESIZE_HANDLE_AREA_DECORATION_GAP);
+    const positionColumn = getMousePositionHorizontalRelativeByElement(event, offsetX, RESIZE_HANDLE_AREA_DECORATION_GAP);
     if (positionColumn !== null) {
       const {
         state,
@@ -324,6 +327,19 @@ export const handleMouseMove = (view, event, elementContentRects) => {
     }
   }
   return false;
+});
+export const handleMouseMove = (view, event) => {
+  if (!(event.target instanceof HTMLElement)) {
+    return false;
+  }
+
+  // NOTE: When accessing offsetX in gecko from a deferred callback, it will return 0. However it will be non-zero if accessed
+  // within the scope of it's initial mouse move handler. Also Chrome does return the correct value, however it could trigger
+  // a reflow. So for now this will just grab the offsetX value immediately for gecko and chrome will calculate later
+  // in the deferred callback handler.
+  // Bug Tracking: https://bugzilla.mozilla.org/show_bug.cgi?id=1882903
+  handleMouseMoveDebounce(view, event, browser.gecko ? event.offsetX : NaN);
+  return false;
 };
 export function handleTripleClick(view, pos) {
   const {
@@ -345,7 +361,7 @@ export function handleTripleClick(view, pos) {
   }
   return false;
 }
-export const handleCut = (oldTr, oldState, newState, editorAnalyticsAPI, editorView, tablePreserveWidth = false) => {
+export const handleCut = (oldTr, oldState, newState, editorAnalyticsAPI, editorView, isTableScalingEnabled = false) => {
   const oldSelection = oldState.tr.selection;
   let {
     tr
@@ -394,7 +410,7 @@ export const handleCut = (oldTr, oldState, newState, editorAnalyticsAPI, editorV
             } = getPluginState(newState);
             tr = deleteRows(rect, isHeaderRowRequired)(tr);
           } else if (tr.selection.isColSelection()) {
-            tr = deleteColumns(rect, getAllowAddColumnCustomStep(oldState), editorView, tablePreserveWidth)(tr);
+            tr = deleteColumns(rect, getAllowAddColumnCustomStep(oldState), editorView, isTableScalingEnabled)(tr);
           }
         }
       }
@@ -406,11 +422,11 @@ export const isTableInFocus = view => {
   var _getPluginState, _getResizePluginState;
   return !!((_getPluginState = getPluginState(view.state)) !== null && _getPluginState !== void 0 && _getPluginState.tableNode) && !((_getResizePluginState = getResizePluginState(view.state)) !== null && _getResizePluginState !== void 0 && _getResizePluginState.dragging);
 };
-export const whenTableInFocus = (eventHandler, elementContentRects) => (view, mouseEvent) => {
+export const whenTableInFocus = eventHandler => (view, mouseEvent) => {
   if (!isTableInFocus(view)) {
     return false;
   }
-  return eventHandler(view, mouseEvent, elementContentRects);
+  return eventHandler(view, mouseEvent);
 };
 const trackCellLocation = (view, mouseEvent) => {
   var _tableElement$dataset;
@@ -440,9 +456,9 @@ const trackCellLocation = (view, mouseEvent) => {
   }
   hoverCell(htmlRowIndex, colIndex)(view.state, view.dispatch);
 };
-export const withCellTracking = (eventHandler, elementContentRects) => (view, mouseEvent) => {
+export const withCellTracking = eventHandler => (view, mouseEvent) => {
   if (getPluginState(view.state).isDragAndDropEnabled && !getDragDropPluginState(view.state).isDragging) {
     trackCellLocation(view, mouseEvent);
   }
-  return eventHandler(view, mouseEvent, elementContentRects);
+  return eventHandler(view, mouseEvent);
 };

package/dist/es2019/nodeviews/OverflowShadowsObserver.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import rafSchedule from 'raf-schd';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { TableCssClassName as ClassName, ShadowEvent } from '../types';
 import { tableInsertColumnButtonSize } from '../ui/consts';
@@ -36,8 +37,13 @@ export class OverflowShadowsObserver {
     });
     _defineProperty(this, "observeShadowSentinels", isSticky => {
       var _this$table, _this$table2;
+      if (this.isSticky === isSticky) {
+        return;
+      }
       this.isSticky = !!isSticky;
 
+      // reset height
+      this.stickyRowHeight = 0;
       // update sticky shadows
       this.updateStickyShadowsHeightIfChanged();
       this.leftShadowSentinel = (_this$table = this.table) === null || _this$table === void 0 ? void 0 : _this$table.querySelector(`.${ClassName.TABLE_SHADOW_SENTINEL_LEFT}`);
@@ -54,8 +60,8 @@ export class OverflowShadowsObserver {
      * e.g. bounds on an IntersectionObserverEntry, otherwise proceed with
      * reading it from sticky cell
      */
-    _defineProperty(this, "updateStickyShadows", stickyRowHeight => {
-      var _this$wrapper, _this$wrapper2, _this$wrapper2$parent, _this$wrapper3, _this$wrapper3$parent;
+    _defineProperty(this, "updateStickyShadows", rafSchedule(stickyRowHeight => {
+      var _this$wrapper;
       if (!this.isSticky) {
         return;
       }
@@ -63,14 +69,21 @@ export class OverflowShadowsObserver {
       if (!stickyCell || !((_this$wrapper = this.wrapper) !== null && _this$wrapper !== void 0 && _this$wrapper.parentElement)) {
         return;
       }
-      const heightStyleOrCompute = `${stickyRowHeight || stickyCell.clientHeight + 1}px`;
-      // Use getElementsByClassName here for a live node list to capture
-      // sticky shadows
-      const liveRightShadows = (_this$wrapper2 = this.wrapper) === null || _this$wrapper2 === void 0 ? void 0 : (_this$wrapper2$parent = _this$wrapper2.parentElement) === null || _this$wrapper2$parent === void 0 ? void 0 : _this$wrapper2$parent.getElementsByClassName(`${ClassName.TABLE_RIGHT_SHADOW}`);
-      const liveLeftShadows = (_this$wrapper3 = this.wrapper) === null || _this$wrapper3 === void 0 ? void 0 : (_this$wrapper3$parent = _this$wrapper3.parentElement) === null || _this$wrapper3$parent === void 0 ? void 0 : _this$wrapper3$parent.getElementsByClassName(`${ClassName.TABLE_LEFT_SHADOW}`);
-      updateShadowListForStickyStyles(heightStyleOrCompute, liveLeftShadows);
-      updateShadowListForStickyStyles(heightStyleOrCompute, liveRightShadows);
-    });
+
+      // Reflow Warning! - stickyCell.clientHeight
+      const newStickyRowHeight = stickyRowHeight || stickyCell.clientHeight + 1;
+      if (newStickyRowHeight !== this.stickyRowHeight) {
+        var _this$wrapper2, _this$wrapper2$parent, _this$wrapper3, _this$wrapper3$parent;
+        this.stickyRowHeight = newStickyRowHeight;
+        const heightStyleOrCompute = `${newStickyRowHeight}px`;
+        // Use getElementsByClassName here for a live node list to capture
+        // sticky shadows
+        const liveRightShadows = (_this$wrapper2 = this.wrapper) === null || _this$wrapper2 === void 0 ? void 0 : (_this$wrapper2$parent = _this$wrapper2.parentElement) === null || _this$wrapper2$parent === void 0 ? void 0 : _this$wrapper2$parent.getElementsByClassName(`${ClassName.TABLE_RIGHT_SHADOW}`);
+        const liveLeftShadows = (_this$wrapper3 = this.wrapper) === null || _this$wrapper3 === void 0 ? void 0 : (_this$wrapper3$parent = _this$wrapper3.parentElement) === null || _this$wrapper3$parent === void 0 ? void 0 : _this$wrapper3$parent.getElementsByClassName(`${ClassName.TABLE_LEFT_SHADOW}`);
+        updateShadowListForStickyStyles(heightStyleOrCompute, liveLeftShadows);
+        updateShadowListForStickyStyles(heightStyleOrCompute, liveRightShadows);
+      }
+    }));
     this.updateShadowState = updateShadowState;
     this.table = _table;
     this.wrapper = wrapper;
@@ -84,11 +97,7 @@ export class OverflowShadowsObserver {
     if (!stickyCell) {
       return;
     }
-    const newStickyRowHeight = stickyCell.clientHeight + 1;
-    if (newStickyRowHeight === this.stickyRowHeight) {
-      this.stickyRowHeight = newStickyRowHeight;
-      this.updateStickyShadows(this.stickyRowHeight);
-    }
+    this.updateStickyShadows();
   }
   getStickyCell() {
     var _this$wrapper4;

package/dist/es2019/nodeviews/TableCell.js

@@ -1,29 +1,11 @@
-import uuid from 'uuid';
 import { getCellAttrs, getCellDomAttrs } from '@atlaskit/adf-schema';
-import { getPluginState } from '../pm-plugins/plugin-factory';
 import TableNodeView from './TableNodeViewBase';
 const DEFAULT_COL_SPAN = 1;
 const DEFAULT_ROW_SPAN = 1;
 export default class TableCell extends TableNodeView {
-  constructor(node, view, getPos, eventDispatcher, observer) {
+  constructor(node, view, getPos, eventDispatcher) {
     super(node, view, getPos, eventDispatcher);
-    this.observer = observer;
-    const {
-      pluginConfig,
-      isDragAndDropEnabled
-    } = getPluginState(view.state);
-    this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
-    this.isDragAndDropEnabled = !!isDragAndDropEnabled;
-    if (observer) {
-      this.contentDOM.id = uuid();
-      observer.observe(this.contentDOM);
-    }
   }
-
-  // @ts-ignore
-
-  // @ts-ignore
-
   update(node) {
     const didUpdate = this.updateNodeView(node);
     if (didUpdate) {
@@ -31,11 +13,6 @@ export default class TableCell extends TableNodeView {
     }
     return didUpdate;
   }
-  destroy() {
-    if (this.observer) {
-      this.observer.unobserve(this.contentDOM);
-    }
-  }
   updateNodeView(node) {
     if (this.node.type !== node.type) {
       return false;