@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

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

@@ -17,7 +17,6 @@ export default class TableCellNodeView {
     const {
       mouseMoveOptimization
     } = getEditorFeatureFlags();
-
     if (mouseMoveOptimization && observer) {
       this.contentDOM.id = uuid();
       this.mouseMoveOptimization = mouseMoveOptimization;
@@ -25,56 +24,48 @@ export default class TableCellNodeView {
       observer.observe(this.contentDOM);
     }
   }
-
   updateNodeView(node) {
     if (this.node.type !== node.type) {
       return false;
     }
-
     const attrs = getCellDomAttrs(this.node);
     const nextAttrs = getCellDomAttrs(node);
     const {
       colspan,
       rowspan
-    } = getCellAttrs(this.dom); // need to rerender when colspan/rowspan in dom are different from the node attrs
-    // this can happen when undoing merge cells
+    } = getCellAttrs(this.dom);
 
+    // need to rerender when colspan/rowspan in dom are different from the node attrs
+    // this can happen when undoing merge cells
     if (colspan !== (node.attrs.colspan || DEFAULT_COL_SPAN) || rowspan !== (node.attrs.rowspan || DEFAULT_ROW_SPAN)) {
       return false;
-    } // added + changed attributes
-
+    }
 
+    // added + changed attributes
     const addedAttrs = Object.entries(nextAttrs).filter(([key, value]) => attrs[key] !== value);
     const removedAttrs = Object.keys(attrs).filter(key => !nextAttrs.hasOwnProperty(key));
-
     if (addedAttrs.length || removedAttrs.length) {
       addedAttrs.forEach(([key, value]) => this.dom.setAttribute(key, value || ''));
       removedAttrs.forEach(key => this.dom.removeAttribute(key));
       return true;
-    } // Return true to not re-render this node view
-
+    }
 
+    // Return true to not re-render this node view
     if (this.node.sameMarkup(node)) {
       return true;
     }
-
     return false;
   }
-
   update(node) {
     const didUpdate = this.updateNodeView(node);
-
     if (didUpdate) {
       this.node = node;
     }
-
     return didUpdate;
   }
-
   destroy() {
     if (this.mouseMoveOptimization && this.observer) {
       this.observer.unobserve(this.contentDOM);
     }
   }
-
 }

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

@@ -8,41 +8,34 @@ export const updateShadowListForStickyStyles = (heightStyle, shadows) => {
     }
   });
 };
+
 /**
  * Update overflow shadows for a given wrapper & table.
  * if `overflowShadowOptimization` is enabled, this will exit early.
  */
-
 export const updateOverflowShadows = getEditorFeatureFlags => (editorState, wrapper, table, rightShadows, leftShadows) => {
   var _getEditorFeatureFlag;
-
   if (((_getEditorFeatureFlag = getEditorFeatureFlags()) === null || _getEditorFeatureFlag === void 0 ? void 0 : _getEditorFeatureFlag.tableOverflowShadowsOptimization) === true) {
     return false;
-  } // Right shadow
-
-
+  }
+  // Right shadow
   if (table && wrapper) {
     const stickyRow = wrapper.querySelector('tr.sticky');
     const stickyCell = stickyRow && stickyRow.firstElementChild;
-
     if (rightShadows) {
       const diff = table.offsetWidth - wrapper.offsetWidth;
-
       for (let i = 0; i < rightShadows.length; i++) {
         const 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 = `${stickyCell.clientHeight + 1}px`;
         }
       }
     }
-
     if (leftShadows) {
       for (let i = 0; i < leftShadows.length; i++) {
         const leftShadow = leftShadows[i];
         leftShadow.style.display = wrapper.scrollLeft > 0 ? 'block' : 'none';
-
         if (leftShadow.classList.contains(ClassName.TABLE_STICKY_SHADOW) && stickyCell) {
           leftShadow.style.height = `${stickyCell.clientHeight + 1}px`;
         }

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

@@ -14,7 +14,6 @@ export const handleDocOrSelectionChanged = (tr, decorationSet, oldState) => {
     });
   } else if (tr.selectionSet) {
     const isTransactionFromMouseClick = !tr.docChanged && tr.selectionSet && tr.getMeta('pointer');
-
     if (isTransactionFromMouseClick || oldState.selection instanceof CellSelection) {
       return maybeUpdateColumnControlsSelectedDecoration({
         decorationSet,
@@ -22,7 +21,6 @@ export const handleDocOrSelectionChanged = (tr, decorationSet, oldState) => {
       });
     }
   }
-
   return decorationSet;
 };
 export const createPlugin = () => {
@@ -32,16 +30,13 @@ export const createPlugin = () => {
       apply: (tr, decorationSet, oldState) => {
         let pluginState = decorationSet;
         const meta = tr.getMeta(tablePluginKey);
-
         if (meta && meta.data && meta.data.decorationSet) {
           pluginState = meta.data.decorationSet;
         }
-
         if (tr.docChanged || tr.selectionSet) {
           pluginState = pluginState.map(tr.mapping, tr.doc);
           return handleDocOrSelectionChanged(tr, pluginState, oldState);
         }
-
         return pluginState;
       }
     },

package/dist/es2019/plugins/table/pm-plugins/decorations/utils/column-controls.js

@@ -3,14 +3,12 @@ import { findTable } from '@atlaskit/editor-tables/utils';
 import { TableDecorations } from '../../../types';
 import { createColumnControlsDecoration, createColumnSelectedDecoration, findColumnControlSelectedDecoration, findControlsHoverDecoration, updateDecorations } from '../../../utils/decoration';
 import { composeDecorations } from './compose-decorations';
+const isColumnSelected = tr => tr.selection instanceof CellSelection && tr.selection.isColSelection();
 
-const isColumnSelected = tr => tr.selection instanceof CellSelection && tr.selection.isColSelection(); // @see: https://product-fabric.atlassian.net/browse/ED-3796
-
-
+// @see: https://product-fabric.atlassian.net/browse/ED-3796
 const removeControlsHoverDecoration = ({
   decorationSet
 }) => decorationSet.remove(findControlsHoverDecoration(decorationSet));
-
 const maybeUpdateColumnSelectedDecoration = ({
   decorationSet,
   tr
@@ -18,30 +16,24 @@ const maybeUpdateColumnSelectedDecoration = ({
   if (!isColumnSelected(tr)) {
     return decorationSet;
   }
-
   return updateDecorations(tr.doc, decorationSet, createColumnSelectedDecoration(tr), TableDecorations.COLUMN_SELECTED);
 };
-
 const maybeUpdateColumnControlsDecoration = ({
   decorationSet,
   tr
 }) => {
   const table = findTable(tr.selection);
-
   if (!table) {
     return decorationSet;
   }
-
   return updateDecorations(tr.doc, decorationSet, createColumnControlsDecoration(tr.selection), TableDecorations.COLUMN_CONTROLS_DECORATIONS);
-}; // @see: https://product-fabric.atlassian.net/browse/ED-7304
-
+};
 
+// @see: https://product-fabric.atlassian.net/browse/ED-7304
 const removeColumnControlsSelectedDecoration = ({
   decorationSet
 }) => decorationSet.remove(findColumnControlSelectedDecoration(decorationSet));
-
 const hasColumnSelectedDecorations = decorationSet => !!findColumnControlSelectedDecoration(decorationSet).length;
-
 export const maybeUpdateColumnControlsSelectedDecoration = ({
   decorationSet,
   tr
@@ -49,7 +41,6 @@ export const maybeUpdateColumnControlsSelectedDecoration = ({
   if (!hasColumnSelectedDecorations(decorationSet)) {
     return decorationSet;
   }
-
   return removeColumnControlsSelectedDecoration({
     decorationSet,
     tr

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

@@ -2,17 +2,14 @@ import { TableDecorations } from '../../../types';
 import { createResizeHandleDecoration, updateDecorations } from '../../../utils/decoration';
 import { composeDecorations } from './compose-decorations';
 const emptyDecorations = [[], []];
-
 const updateColumnResizeHandle = columnResizesDecorations => ({
   decorationSet,
   tr
 }) => updateDecorations(tr.doc, decorationSet, columnResizesDecorations, TableDecorations.COLUMN_RESIZING_HANDLE);
-
 const updateLastCellElement = lastCellElementsDecorations => ({
   decorationSet,
   tr
 }) => updateDecorations(tr.doc, decorationSet, lastCellElementsDecorations, TableDecorations.LAST_CELL_ELEMENT);
-
 export const buildColumnResizingDecorations = (rowEndIndex, columnEndIndex) => ({
   tr,
   decorationSet

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

@@ -6,7 +6,6 @@ import { triggerUnlessTableHeader, createTable, goToNextCell, moveCursorBackward
 import { addRowAroundSelection, emptyMultipleCellsWithAnalytics, deleteTableIfSelectedWithAnalytics } from '../commands-with-analytics';
 import { addColumnAfter, addColumnBefore } from '../commands/insert';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
-
 const createTableWithAnalytics = editorAnalyticsAPI => withEditorAnalyticsAPI({
   action: ACTION.INSERTED,
   actionSubject: ACTION_SUBJECT.DOCUMENT,
@@ -16,15 +15,15 @@ const createTableWithAnalytics = editorAnalyticsAPI => withEditorAnalyticsAPI({
   },
   eventType: EVENT_TYPE.TRACK
 })(editorAnalyticsAPI)(createTable());
-
 export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI) {
   const 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.backspace.common, moveCursorBackward, list);
 
+  // Add row/column shortcuts
   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);

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

@@ -26,7 +26,6 @@ let isFullWidthModeEnabled;
 let wasFullWidthModeEnabled;
 export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI, eventDispatcher, pluginConfig, getEditorContainerWidth, getEditorFeatureFlags, breakoutEnabled, fullWidthModeEnabled, previousFullWidthModeEnabled, editorAnalyticsAPI) => {
   var _window;
-
   isBreakoutEnabled = breakoutEnabled;
   isFullWidthModeEnabled = fullWidthModeEnabled;
   wasFullWidthModeEnabled = previousFullWidthModeEnabled;
@@ -45,39 +44,33 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
       if (!entry.target.id) {
         return;
       }
-
       elementContentRects[entry.target.id] = entry.contentRect;
     });
   }) : undefined;
   const tableCellNodeview = {
     tableCell: (node, view, getPos) => new TableCellNodeView(node, view, getPos, getEditorFeatureFlags, observer),
     tableHeader: (node, view, getPos) => new TableCellNodeView(node, view, getPos, getEditorFeatureFlags, observer)
-  }; // Used to prevent invalid table cell spans being reported more than once per editor/document
+  };
 
+  // Used to prevent invalid table cell spans being reported more than once per editor/document
   const invalidTableIds = [];
   let editorViewRef = null;
-
   const getCurrentEditorState = () => {
     const editorView = editorViewRef;
-
     if (!editorView) {
       return null;
     }
-
     return editorView.state;
   };
-
   return new SafePlugin({
     state: state,
     key: pluginKey,
     appendTransaction: (transactions, oldState, newState) => {
       const tr = transactions.find(tr => tr.getMeta('uiEvent') === 'cut');
-
       function reportInvalidTableCellSpanAttrs(invalidNodeAttr) {
         if (invalidTableIds.find(id => id === invalidNodeAttr.tableLocalId)) {
           return;
         }
-
         invalidTableIds.push(invalidNodeAttr.tableLocalId);
         dispatchAnalyticsEvent({
           action: ACTION.INVALID_DOCUMENT_ENCOUNTERED,
@@ -91,13 +84,11 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
           }
         });
       }
-
       if (tr) {
         // "fixTables" removes empty rows as we don't allow that in schema
         const updatedTr = handleCut(tr, oldState, newState, editorAnalyticsAPI);
         return fixTables(updatedTr) || updatedTr;
       }
-
       if (transactions.find(tr => tr.docChanged)) {
         return fixTables(newState.tr, reportInvalidTableCellSpanAttrs);
       }
@@ -117,34 +108,26 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
           const pluginState = getPluginState(state);
           let tableRef;
           let tableNode;
-
           if (pluginState.editorHasFocus) {
             const parent = findParentDomRefOfType(state.schema.nodes.table, domAtPos)(selection);
-
             if (parent) {
               tableRef = parent.querySelector('table') || undefined;
             }
-
             tableNode = findTable(state.selection);
           }
-
           if (pluginState.tableRef !== tableRef) {
             setTableRef(tableRef)(state, dispatch);
           }
-
           if (pluginState.tableNode !== tableNode) {
             updateResizeHandles(tableRef);
           }
-
           if (pluginState.editorHasFocus && pluginState.tableRef) {
             const {
               $cursor
             } = state.selection;
-
             if ($cursor) {
               // Only update bold when it's a cursor
               const tableCellHeader = findParentNodeOfType(state.schema.nodes.tableHeader)(state.selection);
-
               if (tableCellHeader) {
                 addBoldInEmptyHeaderCells(tableCellHeader)(state, dispatch);
               }
@@ -161,70 +144,64 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
     props: {
       transformPasted(slice) {
         const editorState = getCurrentEditorState();
-
         if (!editorState) {
           return slice;
         }
-
         const {
           schema
-        } = editorState; // if we're pasting to outside a table or outside a table
+        } = editorState;
+
+        // if we're pasting to outside a table or outside a table
         // header, ensure that we apply any table headers to the first
         // row of content we see, if required
-
         if (!insideTable(editorState) && isHeaderRowRequired(editorState)) {
           slice = transformSliceToAddTableHeaders(slice, schema);
         }
+        slice = transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema);
 
-        slice = transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema); // We do this separately, so it also applies to drag/drop events
+        // We do this separately, so it also applies to drag/drop events
         // This needs to go before `transformSliceToRemoveOpenExpand`
+        slice = transformSliceToRemoveOpenLayoutNodes(slice, schema);
 
-        slice = transformSliceToRemoveOpenLayoutNodes(slice, schema); // If a partial paste of expand, paste only the content
+        // If a partial paste of expand, paste only the content
         // This needs to go before `transformSliceToRemoveOpenTable`
-
         slice = transformSliceToRemoveOpenExpand(slice, schema);
-        /** If a partial paste of table, paste only table's content */
 
+        /** If a partial paste of table, paste only table's content */
         slice = transformSliceToRemoveOpenTable(slice, schema);
-        /** If a partial paste of bodied extension, paste only text */
 
+        /** If a partial paste of bodied extension, paste only text */
         slice = transformSliceToRemoveOpenBodiedExtension(slice, schema);
         slice = transformSliceToCorrectEmptyTableCells(slice, schema);
-
         if (!pluginConfig.allowColumnResizing) {
           slice = transformSliceToRemoveColumnsWidths(slice, schema);
-        } // If we don't allow background on cells, we need to remove it
-        // from the paste slice
-
+        }
 
+        // If we don't allow background on cells, we need to remove it
+        // from the paste slice
         if (!pluginConfig.allowBackgroundColor) {
           slice = transformSliceRemoveCellBackgroundColor(slice, schema);
         }
-
         return slice;
       },
-
       handleClick: ({
         state,
         dispatch
       }, _pos, event) => {
         const decorationSet = decorationsPluginKey.getState(state);
-
         if (findControlsHoverDecoration(decorationSet).length) {
           clearHoverSelection()(state, dispatch);
-        } // ED-6069: workaround for Chrome given a regression introduced in prosemirror-view@1.6.8
+        }
+
+        // ED-6069: workaround for Chrome given a regression introduced in prosemirror-view@1.6.8
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/commit/33fe4a8b01584f6b4103c279033dcd33e8047b95
-
-
         if (browser.chrome && event.target) {
           const targetClassList = event.target.classList;
-
           if (targetClassList.contains(ClassName.CONTROLS_BUTTON) || targetClassList.contains(ClassName.CONTEXTUAL_MENU_BUTTON)) {
             return true;
           }
         }
-
         return false;
       },
       handleScrollToSelection: view => {
@@ -242,15 +219,14 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
         dispatch
       }, from, to, text) => {
         const tr = replaceSelectedTable(state, text, INPUT_METHOD.KEYBOARD, editorAnalyticsAPI);
-
         if (tr.selectionSet) {
           dispatch(tr);
           return true;
         }
-
         return false;
       },
-      nodeViews: { //temporary flag to test tableCell optimisation
+      nodeViews: {
+        //temporary flag to test tableCell optimisation
         ...tableCellNodeview,
         table: (node, view, getPos) => createTableView(node, view, getPos, portalProviderAPI, eventDispatcher, {
           isBreakoutEnabled,

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

@@ -10,7 +10,6 @@ export const {
   mapping: (tr, pluginState) => {
     if (tr.docChanged) {
       let updatedTargetCell = {};
-
       if (pluginState.targetCellPosition) {
         const {
           pos,
@@ -20,9 +19,7 @@ export const {
           targetCellPosition: deleted ? undefined : pos
         };
       }
-
       let updatedTablePos = {};
-
       if (pluginState.tablePos) {
         const {
           pos,
@@ -32,13 +29,12 @@ export const {
           tablePos: deleted ? undefined : pos
         };
       }
-
-      return { ...pluginState,
+      return {
+        ...pluginState,
         ...updatedTargetCell,
         ...updatedTablePos
       };
     }
-
     return pluginState;
   },
   onDocChanged: handleDocOrSelectionChanged,

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

@@ -9,6 +9,7 @@ export const createPlugin = () => {
   //     to delay drag selections
   //   - to ensure it is cleaned up when the mouseup
   //     event is not fired in a previous mousedown event
+
   // Because we are manually wiping the view.mouseDown,
   // we manage this custom cleanup ourselves
   let prevMouseDownDone = null;
@@ -22,13 +23,16 @@ export const createPlugin = () => {
           // DOM selection syncing during pointer drag.
           //
           // https://github.com/ProseMirror/prosemirror-view/commit/885258b80551ac87b81601d3ed25f552aeb22293
+
           // NOTE: this workaround can be removed when next upgrading prosemirror as the issue will be fixed
           // https://github.com/ProseMirror/prosemirror-view/pull/116
+
           // This fix removes the selectionToDOM from the view
           // prior to selectionToDOM being called.
           // selectionToDOM checks if there is an "active"
           // mouseDown, and if so, it delays running logic
           // which causes the table selections issue.
+
           // The handleDOMEvents are called before ProseMirror
           // events fired on the editable DOM element.
           // This means the view.mouseView will not yet be
@@ -40,21 +44,22 @@ export const createPlugin = () => {
           // prepend a task which will clear the mouseDown from
           // the view. We do this using a setTimout with no
           // interval.
+
           if (prevMouseDownDone) {
             // avoid memory leaks when the mouseup event is not fired
             // in a previous mousedown event
             prevMouseDownDone();
           }
-
           setTimeout(() => {
             // the ts-ignores here are required due to the
             // view.mouseDown being an internal which is
             // not part of the views type signature
+
             // @ts-ignore
             if (view.mouseDown) {
               // @ts-ignore
-              prevMouseDownDone = view.mouseDown.done.bind(view.mouseDown); // @ts-ignore
-
+              prevMouseDownDone = view.mouseDown.done.bind(view.mouseDown);
+              // @ts-ignore
               view.mouseDown = null;
             }
           });

package/dist/es2019/plugins/table/pm-plugins/safari-delete-composition-text-issue-workaround.js

@@ -17,13 +17,10 @@ export const createPlugin = () => {
       }),
       apply: (tr, value) => {
         const renderSpan = tr.getMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey);
-
         if (typeof renderSpan === 'undefined') {
           return value;
         }
-
         let decorations;
-
         if (renderSpan) {
           // Find position of the first text node in case it has multiple text nodes created by Japanese IME
           const {
@@ -38,7 +35,6 @@ export const createPlugin = () => {
         } else {
           decorations = DecorationSet.empty;
         }
-
         return {
           renderSpan,
           decorations
@@ -52,13 +48,10 @@ export const createPlugin = () => {
           if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {
             return false;
           }
-
           const selection = window.getSelection();
-
           if (!selection || selection.rangeCount <= 0 || selection.type !== 'Range') {
             return false;
           }
-
           const range = selection.getRangeAt(0);
           const {
             startContainer,
@@ -71,7 +64,6 @@ export const createPlugin = () => {
            * and will think that we meant to delete those elements. This fix forces the resulting node to not be empty.
            * The condition here checks to see if the entire text node is about to be swapped inside of an element
            */
-
           if (startContainer.nodeType === Node.TEXT_NODE && startContainer === endContainer && startOffset === 0 && endOffset === startContainer.length) {
             const {
               tr
@@ -79,20 +71,16 @@ export const createPlugin = () => {
             tr.setMeta(tableSafariDeleteCompositionTextIssueWorkaroundKey, true);
             view.dispatch(tr);
           }
-
           return false;
         },
         input: (view, event) => {
           if ((event === null || event === void 0 ? void 0 : event.inputType) !== 'deleteCompositionText') {
             return false;
           }
-
           const selection = window.getSelection();
-
           if (!selection) {
             return false;
           }
-
           const {
             tr
           } = view.state;

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

@@ -1,25 +1,21 @@
 export const getTree = tr => {
   // pm renders into tbody, owned by react
   const tbody = tr.parentElement;
-
   if (!tbody) {
     return null;
-  } // rendered by react
-
+  }
 
+  // rendered by react
   const table = tbody.parentElement;
-
   if (!table) {
     return null;
-  } // rendered by react
-
+  }
 
+  // rendered by react
   const wrapper = table.parentElement;
-
   if (!wrapper) {
     return null;
   }
-
   return {
     wrapper: wrapper,
     table: table
@@ -29,6 +25,5 @@ export const getTop = element => {
   if (!element || element instanceof Window) {
     return 0;
   }
-
   return element.getBoundingClientRect().top;
 };