@atlaskit/editor-plugin-table 1.1.0 → 1.1.2

package/dist/es2019/plugins/table/utils/collapse.js

@@ -1,25 +1,21 @@
 import { NodeRange } from 'prosemirror-model';
 import { findWrapping } from 'prosemirror-transform';
 import { findTable } from '@atlaskit/editor-tables/utils';
-
 const bail = () => ({
   tableIsCollapsible: false
 });
+
 /**
  * Checks whether we can wrap the selected table into an expand via
  * prosemirror-transform's `findWrapping` helper
  */
-
-
 export const isTableCollapsible = tr => {
   const selection = tr.selection;
   const schema = tr.doc.type.schema;
   const nodePos = findTable(selection);
-
   if (!nodePos) {
     return bail();
   }
-
   const expand = schema.nodes.expand;
   const {
     node,
@@ -27,21 +23,16 @@ export const isTableCollapsible = tr => {
   } = nodePos;
   const $pos = tr.doc.resolve(pos);
   const range = new NodeRange($pos, tr.doc.resolve(pos + node.nodeSize), $pos.depth);
-
   if (!range) {
     return bail();
   }
-
   const canWrap = findWrapping(range, expand);
-
   if (canWrap === null) {
     return bail();
   }
-
   return {
     tableIsCollapsible: true,
     range,
-
     /**
      * Do we ever want to deal with the result of `findWrapping`? Probably not,
      * but we have it anyway.
@@ -49,6 +40,7 @@ export const isTableCollapsible = tr => {
     findWrappingRes: canWrap
   };
 };
+
 /**
  * Collapses the selected table into an expand given a transaction via
  * `Transform.wrap`.
@@ -59,14 +51,13 @@ export const isTableCollapsible = tr => {
  * @param tr
  * @returns Transaction | undefined
  */
-
 export const collapseSelectedTable = tr => {
   const canCollapse = isTableCollapsible(tr);
   const expand = tr.doc.type.schema.nodes.expand;
-
   if (!canCollapse.range || !canCollapse.tableIsCollapsible) {
     return undefined;
   }
+
   /**
    * TODO: add attrs: { __expanded: false } when
    * - it is working with new collab (CEMS-1204)
@@ -75,8 +66,6 @@ export const collapseSelectedTable = tr => {
    *   (via confluence-frontend, "this feature" referencing allowInteractiveExpand)
    *   `we can NEVER allow this feature to be enabled for the synchrony-powered editor
    */
-
-
   tr.wrap(canCollapse.range, [{
     type: expand
   }]).setMeta('scrollIntoView', true);

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

@@ -11,19 +11,17 @@ export const getColumnsWidths = view => {
   } = view.state;
   let widths = [];
   const table = findTable(selection);
-
   if (table) {
     const map = TableMap.get(table.node);
-    const domAtPos = view.domAtPos.bind(view); // When there is no cell we need to fill it with undefined
+    const domAtPos = view.domAtPos.bind(view);
 
+    // When there is no cell we need to fill it with undefined
     widths = Array.from({
       length: map.width
     });
-
     for (let i = 0; i < map.width; i++) {
       const cells = getCellsInColumn(i)(selection);
       const cell = cells[0];
-
       if (cell) {
         const cellRef = findDomRefAtPos(cell.pos, domAtPos);
         const rect = cellRef.getBoundingClientRect();
@@ -32,46 +30,37 @@ export const getColumnsWidths = view => {
       }
     }
   }
-
   return widths;
 };
 export const isColumnDeleteButtonVisible = selection => {
   if (!isTableSelected(selection) && selection instanceof CellSelection && selection.isColSelection()) {
     return true;
   }
-
   return false;
 };
 export const getColumnDeleteButtonParams = (columnsWidths, selection) => {
   const rect = getSelectionRect(selection);
-
   if (!rect) {
     return null;
   }
-
   let width = 0;
-  let offset = 0; // find the columns before the selection
-
+  let offset = 0;
+  // find the columns before the selection
   for (let i = 0; i < rect.left; i++) {
     const colWidth = columnsWidths[i];
-
     if (colWidth) {
       offset += colWidth - 1;
     }
-  } // these are the selected columns widths
-
-
+  }
+  // these are the selected columns widths
   const indexes = [];
-
   for (let i = rect.left; i < rect.right; i++) {
     const colWidth = columnsWidths[i];
-
     if (colWidth) {
       width += colWidth;
       indexes.push(i);
     }
   }
-
   const left = offset + width / 2 - tableDeleteButtonSize / 2;
   return {
     left,
@@ -80,19 +69,17 @@ export const getColumnDeleteButtonParams = (columnsWidths, selection) => {
 };
 export const getColumnClassNames = (index, selection, hoveredColumns = [], isInDanger, isResizing) => {
   const classNames = [];
-
   if (isColumnSelected(index)(selection) || hoveredColumns.indexOf(index) > -1 && !isResizing) {
     classNames.push(ClassName.HOVERED_CELL_ACTIVE);
-
     if (isInDanger) {
       classNames.push(ClassName.HOVERED_CELL_IN_DANGER);
     }
   }
-
   return classNames.join(' ');
-}; // give a row colspan and a colwidths
-// and map to a row's colwidths
+};
 
+// give a row colspan and a colwidths
+// and map to a row's colwidths
 const mapTableColwidthsToRow = (rowColSpans, tableColWidths) => {
   let curColIdx = 0;
   const colWidths = [];
@@ -103,7 +90,6 @@ const mapTableColwidthsToRow = (rowColSpans, tableColWidths) => {
   });
   return colWidths;
 };
-
 const getRelativeDomCellWidths = ({
   width,
   colspan,
@@ -116,30 +102,31 @@ const getRelativeDomCellWidths = ({
   // return equally partitioned total cell width in DOM for each cell.
   if (colspan === 1 || !colwidth) {
     return new Array(colspan).fill(width / colspan);
-  } // For cells that have colSpan > 1 and
+  }
+
+  // For cells that have colSpan > 1 and
   // are part of a table with resized columns
   // return the current total DOM width of the cell multiplied
   // by the percentage of the each individual cell's size.
   // The cell size percentage is calculated using individual colwidth of the cell,
   // from data-colwidth attribute on the cell,
   // divided by the total width of the cells from colwidths for merged cells.
+
   // Ex:
   // colwidth = ‘201,102’
   // Total colWidth = 303
   // returned cellWidths = [303 * (201/303), 303 * (102/303)]
-  // For merged cells we get back colwidth as `201,102`
-
 
+  // For merged cells we get back colwidth as `201,102`
   const cellColWidths = colwidth.split(',').map(colwidth => Number(colwidth));
   const totalCalculatedCellWidth = cellColWidths.reduce((acc, cellColWidth) => acc + cellColWidth, 0);
   return cellColWidths.map(cellColWidth => width * (cellColWidth / totalCalculatedCellWidth));
 };
-
 export const colWidthsForRow = (colGroup, tr) => {
   // get the colspans
-  const rowColSpans = maphElem(tr, cell => Number(cell.getAttribute('colspan') || 1
-  /* default to span of 1 */
-  )); // Chrome has trouble aligning borders with auto tables
+  const rowColSpans = maphElem(tr, cell => Number(cell.getAttribute('colspan') || 1 /* default to span of 1 */));
+
+  // Chrome has trouble aligning borders with auto tables
   // and the rest of the page grid. tables with defined
   // column widths align fine.
   //
@@ -147,30 +134,28 @@ export const colWidthsForRow = (colGroup, tr) => {
   //
   // prefer copying the widths via the DOM
   // or inferring from the next row if one exists
-
   const copyTarget = tr.nextElementSibling || tr;
-
   if (copyTarget) {
     // either from the first row while it's still in the table
     const cellInfos = maphElem(copyTarget, cell => ({
       width: cell.getBoundingClientRect().width,
       colspan: Number(cell.getAttribute('colspan') || 1),
       colwidth: cell.dataset.colwidth
-    })); // reverse engineer cell widths from table widths
+    }));
 
+    // reverse engineer cell widths from table widths
     let domBasedCellWidths = [];
     cellInfos.map((cell, idx) => {
       domBasedCellWidths.push(...getRelativeDomCellWidths(cell));
     });
-
     if (cellInfos.reduce((acc, cell) => acc + cell.width, 0) !== 0) {
       const newWidths = mapTableColwidthsToRow(rowColSpans, domBasedCellWidths);
       return newWidths.map(px => `${px}px`).join(' ');
     }
-  } // as a fallback, just calculate a %, and hope that
-  // it aligns perfectly in the user's browser
-
+  }
 
+  // as a fallback, just calculate a %, and hope that
+  // it aligns perfectly in the user's browser
   const visualColCount = rowColSpans.reduce((acc, val) => acc + val, 0);
   const pctWidths = rowColSpans.map(cellColSpan => cellColSpan / visualColCount * 100);
   return pctWidths.map(pct => `${pct}%`).join(' ');

package/dist/es2019/plugins/table/utils/decoration.js

@@ -3,9 +3,7 @@ import { findTable, getCellsInRow, getSelectionRect } from '@atlaskit/editor-tab
 import { Decoration } from 'prosemirror-view';
 import { nonNullable } from '@atlaskit/editor-common/utils';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
-
 const filterDecorationByKey = (key, decorationSet) => decorationSet.find(undefined, undefined, spec => spec.key.indexOf(key) > -1);
-
 export const findColumnControlSelectedDecoration = decorationSet => filterDecorationByKey(TableDecorations.COLUMN_SELECTED, decorationSet);
 export const findControlsHoverDecoration = decorationSet => filterDecorationByKey(TableDecorations.ALL_CONTROLS_HOVER, decorationSet);
 export const createCellHoverDecoration = (cells, type) => cells.map(cell => Decoration.node(cell.pos, cell.pos + cell.node.nodeSize, {
@@ -15,29 +13,25 @@ export const createCellHoverDecoration = (cells, type) => cells.map(cell => Deco
 }));
 export const createControlsHoverDecoration = (cells, type, tr, danger, selected) => {
   const table = findTable(tr.selection);
-
   if (!table) {
     return [];
   }
-
   const map = TableMap.get(table.node);
   const [min, max] = cells.reduce(([min, max], cell) => {
     if (min === null || cell.pos < min) {
       min = cell.pos;
     }
-
     if (max === null || cell.pos > max) {
       max = cell.pos;
     }
-
     return [min, max];
   }, [null, null]);
-
   if (min === null || max === null) {
     return [];
   }
+  let updatedCells = cells.map(x => x.pos);
 
-  let updatedCells = cells.map(x => x.pos); // ED-15246 fixed trello card table overflow issue
+  // ED-15246 fixed trello card table overflow issue
   // If columns / rows have been merged the hovered selection is different to the actual selection
   // So If the table cells are in danger we want to create a "rectangle" selection
   // to match the "clicked" selection
@@ -56,16 +50,17 @@ export const createControlsHoverDecoration = (cells, type, tr, danger, selected)
         right,
         bottom,
         top
-      } = map.findCell(cell.pos - table.start); // Finding the bounding rect requires finding the min left and top positions,
+      } = map.findCell(cell.pos - table.start);
+      // Finding the bounding rect requires finding the min left and top positions,
       // and the max right and bottom positions of the cells
-
       return {
         recLeft: Math.min(acc.recLeft, left),
         recTop: Math.min(acc.recTop, top),
         recRight: Math.max(acc.recRight, right),
         recBottom: Math.max(acc.recBottom, bottom)
       };
-    }, // +-Infinity as initialisation vars which will always be overwritten
+    },
+    // +-Infinity as initialisation vars which will always be overwritten
     // by smaller/larger values respectively
     {
       recLeft: Infinity,
@@ -76,36 +71,28 @@ export const createControlsHoverDecoration = (cells, type, tr, danger, selected)
     const rect = new Rect(recLeft, recTop, recRight, recBottom);
     updatedCells = map.cellsInRect(rect).map(x => x + table.start);
   }
-
   return updatedCells.map(pos => {
     const cell = tr.doc.nodeAt(pos);
     const classes = [ClassName.HOVERED_CELL];
-
     if (danger) {
       classes.push(ClassName.HOVERED_CELL_IN_DANGER);
     }
-
     if (selected) {
       classes.push(ClassName.SELECTED_CELL);
     }
-
     classes.push(type === 'column' ? ClassName.HOVERED_COLUMN : type === 'row' ? ClassName.HOVERED_ROW : ClassName.HOVERED_TABLE);
     let key;
-
     switch (type) {
       case 'row':
         key = TableDecorations.ROW_CONTROLS_HOVER;
         break;
-
       case 'column':
         key = TableDecorations.COLUMN_CONTROLS_HOVER;
         break;
-
       default:
         key = TableDecorations.TABLE_CONTROLS_HOVER;
         break;
     }
-
     return Decoration.node(pos, pos + cell.nodeSize, {
       class: classes.join(' ')
     }, {
@@ -120,11 +107,9 @@ export const createColumnSelectedDecoration = tr => {
   } = tr;
   const table = findTable(selection);
   const rect = getSelectionRect(selection);
-
   if (!table || !rect) {
     return [];
   }
-
   const map = TableMap.get(table.node);
   const cellPositions = map.cellsInRect(rect);
   return cellPositions.map((pos, index) => {
@@ -140,12 +125,13 @@ export const createColumnControlsDecoration = selection => {
   const cells = getCellsInRow(0)(selection) || [];
   let index = 0;
   return cells.map(cell => {
-    const colspan = cell.node.attrs.colspan || 1; // It's important these values are scoped locally as the widget callback could be executed anytime in the future
+    const colspan = cell.node.attrs.colspan || 1;
+    // It's important these values are scoped locally as the widget callback could be executed anytime in the future
     // and we want to avoid value leak
-
     const startIndex = index;
-    const endIndex = startIndex + colspan; // The next cell start index will commence from the current cell end index.
+    const endIndex = startIndex + colspan;
 
+    // The next cell start index will commence from the current cell end index.
     index = endIndex;
     return Decoration.widget(cell.pos + 1, () => {
       const element = document.createElement('div');
@@ -165,8 +151,8 @@ export const updateDecorations = (node, decorationSet, decorations, key) => {
   const decorationSetFiltered = decorationSet.remove(filteredDecorations);
   return decorationSetFiltered.add(node, decorations);
 };
-
 const makeArray = n => Array.from(Array(n).keys());
+
 /*
  * This function will create two specific decorations for each cell in a column index target,
  * for example given that table:
@@ -246,22 +232,16 @@ const makeArray = n => Array.from(Array(n).keys());
  *   we will add a new class on the last item for each cell,
  *   hence the second media will receive this class `ClassName.LAST_ITEM_IN_CELL`
  */
-
-
 export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexTarget) => {
   const emptyResult = [[], []];
   const table = findTable(tr.selection);
-
   if (!table || !table.node) {
     return emptyResult;
   }
-
   const map = TableMap.get(table.node);
-
   if (!map.width) {
     return emptyResult;
   }
-
   const createResizerHandleDecoration = (cellColumnPositioning, columnIndex, rowIndex, cellPos, cellNode) => {
     const position = cellPos + cellNode.nodeSize - 1;
     return Decoration.widget(position, () => {
@@ -274,7 +254,6 @@ export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexT
       key: `${TableDecorations.COLUMN_RESIZING_HANDLE}_${rowIndex}_${columnIndex}`
     });
   };
-
   const createLastCellElementDecoration = (cellColumnPositioning, cellPos, cellNode) => {
     let lastItemPositions;
     cellNode.forEach((childNode, offset, index) => {
@@ -286,51 +265,39 @@ export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexT
         };
       }
     });
-
     if (!lastItemPositions) {
       return null;
     }
-
     return Decoration.node(lastItemPositions.from, lastItemPositions.to, {
       class: ClassName.LAST_ITEM_IN_CELL
     }, {
       key: `${TableDecorations.LAST_CELL_ELEMENT}_${cellColumnPositioning.left}_${cellColumnPositioning.right}`
     });
   };
-
   const resizeHandleCellDecorations = [];
   const lastCellElementsDecorations = [];
-
   for (let rowIndex = 0; rowIndex < map.height; rowIndex++) {
     const seen = {};
-
     if (rowIndex !== rowIndexTarget) {
       continue;
     }
-
     for (let columnIndex = 0; columnIndex < map.width; columnIndex++) {
       const cellPosition = map.map[map.width * rowIndex + columnIndex];
-
       if (seen[cellPosition]) {
         continue;
       }
-
       seen[cellPosition] = true;
       const cellPos = table.start + cellPosition;
       const cell = tr.doc.nodeAt(cellPos);
-
       if (!cell) {
         continue;
       }
-
       const colspan = cell.attrs.colspan || 1;
       const startIndex = columnIndex;
       const endIndex = colspan + startIndex;
-
       if (endIndex !== columnEndIndexTarget.right) {
         continue;
       }
-
       const resizerHandleDec = createResizerHandleDecoration({
         left: startIndex,
         right: endIndex
@@ -343,9 +310,9 @@ export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexT
       lastCellElementsDecorations.push(lastCellDec);
     }
   }
-
   return [resizeHandleCellDecorations, lastCellElementsDecorations.filter(nonNullable)];
 };
+
 /*
  * This function will create a decoration for each cell using the right position on the CellColumnPositioning
  * for example given that table:
@@ -388,22 +355,17 @@ export const createResizeHandleDecoration = (tr, rowIndexTarget, columnEndIndexT
  * this function will return two decorations applying a new class `ClassName.WITH_RESIZE_LINE`
  * only on the cells: `C1` and `D1`.
  */
-
 export const createColumnLineResize = (selection, cellColumnPositioning) => {
   const table = findTable(selection);
-
   if (!table || cellColumnPositioning.right === null) {
     return [];
   }
-
   let columnIndex = cellColumnPositioning.right;
   const map = TableMap.get(table.node);
   const isLastColumn = columnIndex === map.width;
-
   if (isLastColumn) {
     columnIndex -= 1;
   }
-
   const decorationClassName = isLastColumn ? ClassName.WITH_RESIZE_LINE_LAST_COLUMN : ClassName.WITH_RESIZE_LINE;
   const cellPositions = makeArray(map.height).map(rowIndex => map.map[map.width * rowIndex + columnIndex]).filter((cellPosition, rowIndex) => {
     if (isLastColumn) {
@@ -413,6 +375,7 @@ export const createColumnLineResize = (selection, cellColumnPositioning) => {
     const nextPosition = map.map[map.width * rowIndex + columnIndex - 1];
     return cellPosition !== nextPosition; // Removed it if next position is merged
   });
+
   const cells = cellPositions.map(pos => ({
     pos: pos + table.start,
     node: table.node.nodeAt(pos)
@@ -421,7 +384,6 @@ export const createColumnLineResize = (selection, cellColumnPositioning) => {
     if (!cell || !cell.node) {
       return;
     }
-
     return Decoration.node(cell.pos, cell.pos + cell.node.nodeSize, {
       class: decorationClassName
     }, {

package/dist/es2019/plugins/table/utils/dom.js

@@ -13,6 +13,7 @@ export const isRowControlsButton = node => containsClassName(node, ClassName.ROW
 export const isResizeHandleDecoration = node => containsClassName(node, ClassName.RESIZE_HANDLE_DECORATION);
 export const isTableControlsButton = node => containsClassName(node, ClassName.CONTROLS_BUTTON) || containsClassName(node, ClassName.ROW_CONTROLS_BUTTON_WRAP);
 export const isTableContainerOrWrapper = node => containsClassName(node, ClassName.TABLE_CONTAINER) || containsClassName(node, ClassName.TABLE_NODE_WRAPPER);
+
 /*
  * This function returns which side of a given element the mouse cursor is,
  * using as a base the half of the width by default, for example:
@@ -69,14 +70,11 @@ export const isTableContainerOrWrapper = node => containsClassName(node, ClassNa
 
 export const getMousePositionHorizontalRelativeByElement = (mouseEvent, mouseMoveOptimization, elementContentRects, gapInPixels) => {
   const element = mouseEvent.target;
-
   if (element instanceof HTMLElement) {
     let width, x;
     const closestCell = element.closest(SELECTOR_TABLE_LEAFS);
-
     if (mouseMoveOptimization) {
       var _closestCell$id, _elementContentRects$, _elementContentRects$2;
-
       const id = (_closestCell$id = closestCell === null || closestCell === void 0 ? void 0 : closestCell.id) !== null && _closestCell$id !== void 0 ? _closestCell$id : '';
       width = (_elementContentRects$ = elementContentRects === null || elementContentRects === void 0 ? void 0 : (_elementContentRects$2 = elementContentRects[id]) === null || _elementContentRects$2 === void 0 ? void 0 : _elementContentRects$2.width) !== null && _elementContentRects$ !== void 0 ? _elementContentRects$ : 0;
       x = mouseEvent.offsetX;
@@ -86,11 +84,9 @@ export const getMousePositionHorizontalRelativeByElement = (mouseEvent, mouseMov
       const left = elementRect.left;
       x = mouseEvent.clientX - left;
     }
-
     if (width <= 0) {
       return null;
     }
-
     if (!gapInPixels) {
       return x / width > 0.5 ? 'right' : 'left';
     } else {
@@ -101,38 +97,30 @@ export const getMousePositionHorizontalRelativeByElement = (mouseEvent, mouseMov
       }
     }
   }
-
   return null;
 };
 export const getMousePositionVerticalRelativeByElement = mouseEvent => {
   const element = mouseEvent.target;
-
   if (element instanceof HTMLElement) {
     const elementRect = element.getBoundingClientRect();
-
     if (elementRect.height <= 0) {
       return null;
     }
-
     const y = mouseEvent.clientY - elementRect.top;
     return y / elementRect.height > 0.5 ? 'bottom' : 'top';
   }
-
   return null;
 };
 export const updateResizeHandles = tableRef => {
   if (!tableRef) {
     return;
   }
-
-  const height = tableRef.offsetHeight + tableToolbarSize; // see ED-7600
-
+  const height = tableRef.offsetHeight + tableToolbarSize;
+  // see ED-7600
   const nodes = Array.from(tableRef.querySelectorAll(`.${ClassName.RESIZE_HANDLE}`));
-
   if (!nodes || !nodes.length) {
     return;
   }
-
   nodes.forEach(node => {
     node.style.height = `${height}px`;
   });
@@ -142,17 +130,13 @@ export const hasResizeHandler = ({
   target
 }) => {
   const tableElement = closestElement(target, 'table');
-
   if (!tableElement) {
     return false;
   }
-
   const query = [`.${ClassName.RESIZE_HANDLE_DECORATION}`, `[data-end-index="${columnEndIndexTarget}"]`];
   const decorationElement = tableElement.querySelectorAll(query.join(''));
-
   if (!decorationElement || decorationElement.length === 0) {
     return false;
   }
-
   return true;
 };

package/dist/es2019/plugins/table/utils/nodes.js

@@ -6,19 +6,17 @@ export const isIsolating = node => {
   return !!node.type.spec.isolating;
 };
 export const containsHeaderColumn = table => {
-  const map = TableMap.get(table); // Get cell positions for first column.
-
+  const map = TableMap.get(table);
+  // Get cell positions for first column.
   const cellPositions = map.cellsInRect({
     left: 0,
     top: 0,
     right: 1,
     bottom: map.height
   });
-
   for (let i = 0; i < cellPositions.length; i++) {
     try {
       const cell = table.nodeAt(cellPositions[i]);
-
       if (cell && cell.type !== table.type.schema.nodes.tableHeader) {
         return false;
       }
@@ -26,20 +24,16 @@ export const containsHeaderColumn = table => {
       return false;
     }
   }
-
   return true;
 };
 export const containsHeaderRow = table => {
   const map = TableMap.get(table);
-
   for (let i = 0; i < map.width; i++) {
     const cell = table.nodeAt(map.map[i]);
-
     if (cell && cell.type !== table.type.schema.nodes.tableHeader) {
       return false;
     }
   }
-
   return true;
 };
 export const checkIfHeaderColumnEnabled = selection => filterNearSelection(selection, findTable, containsHeaderColumn, false);
@@ -62,11 +56,9 @@ export const getTableWidth = node => {
 export const tablesHaveDifferentColumnWidths = (currentTable, previousTable) => {
   let currentTableWidths = getTableWidths(currentTable);
   let previousTableWidths = getTableWidths(previousTable);
-
   if (currentTableWidths.length !== previousTableWidths.length) {
     return true;
   }
-
   const sameWidths = currentTableWidths.every((value, index) => {
     return value === previousTableWidths[index];
   });
@@ -77,22 +69,17 @@ export const tablesHaveDifferentNoOfColumns = (currentTable, previousTable) => {
   const currentMap = TableMap.get(currentTable);
   return prevMap.width !== currentMap.width;
 };
-
 function filterNearSelection(selection, findNode, predicate, defaultValue) {
   const found = findNode(selection);
-
   if (!found) {
     return defaultValue;
   }
-
   return predicate(found.node, found.pos);
 }
-
 function getTableWidths(node) {
   if (!node.content.firstChild) {
     return [];
   }
-
   let tableWidths = [];
   node.content.firstChild.content.forEach(cell => {
     if (Array.isArray(cell.attrs.colwidth)) {