@atlaskit/editor-plugin-table 1.1.1 → 1.1.3

package/dist/cjs/plugins/table/utils/row-controls.js

@@ -1,42 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isRowDeleteButtonVisible = exports.getRowsParams = exports.getRowHeights = exports.getRowDeleteButtonParams = exports.getRowClassNames = exports.copyPreviousRow = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _utils = require("@atlaskit/editor-tables/utils");
-
 var _utils2 = require("@atlaskit/editor-common/utils");
-
 var _types = require("../types");
-
 var _consts = require("../ui/consts");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var getRowHeights = function getRowHeights(tableRef) {
   var heights = [];
-
   if (tableRef.lastChild) {
     var rows = tableRef.lastChild.childNodes;
-
     for (var i = 0, count = rows.length; i < count; i++) {
       var row = rows[i];
-      heights[i] = row.getBoundingClientRect().height + 1; // padding only gets applied when the container has sticky
+      heights[i] = row.getBoundingClientRect().height + 1;
 
+      // padding only gets applied when the container has sticky
       if (row.classList.contains('sticky') && i === 0) {
         var styles = window.getComputedStyle(row);
         var paddingTop = (0, _utils2.parsePx)(styles.paddingTop || '');
@@ -44,133 +31,99 @@ var getRowHeights = function getRowHeights(tableRef) {
       }
     }
   }
-
   return heights;
 };
-
 exports.getRowHeights = getRowHeights;
-
 var isRowDeleteButtonVisible = function isRowDeleteButtonVisible(selection) {
   if (!(0, _utils.isTableSelected)(selection) && selection instanceof _cellSelection.CellSelection && selection.isRowSelection()) {
     return true;
   }
-
   return false;
 };
-
 exports.isRowDeleteButtonVisible = isRowDeleteButtonVisible;
-
 var getRowDeleteButtonParams = function getRowDeleteButtonParams(rowsHeights, selection) {
   var offsetTop = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var rect = (0, _utils.getSelectionRect)(selection);
-
   if (!rect) {
     return null;
   }
-
   var height = 0;
-  var offset = offsetTop; // find the rows before the selection
-
+  var offset = offsetTop;
+  // find the rows before the selection
   for (var i = 0; i < rect.top; i++) {
     var rowHeight = rowsHeights[i];
-
     if (rowHeight) {
       offset += rowHeight - 1;
     }
-  } // these are the selected rows widths
-
-
+  }
+  // these are the selected rows widths
   var indexes = [];
-
   for (var _i = rect.top; _i < rect.bottom; _i++) {
     var _rowHeight = rowsHeights[_i];
-
     if (_rowHeight) {
       height += _rowHeight - 1;
       indexes.push(_i);
     }
   }
-
   var top = offset + height / 2 - _consts.tableDeleteButtonSize / 2;
   return {
     top: top,
     indexes: indexes
   };
 };
-
 exports.getRowDeleteButtonParams = getRowDeleteButtonParams;
-
 var getRowsParams = function getRowsParams(rowsHeights) {
   var rows = [];
-
   for (var i = 0, count = rowsHeights.length; i < count; i++) {
     var height = rowsHeights[i];
-
     if (!height) {
       continue;
     }
-
     var endIndex = rowsHeights.length;
-
     for (var k = i + 1, _count = rowsHeights.length; k < _count; k++) {
       if (rowsHeights[k]) {
         endIndex = k;
         break;
       }
     }
-
     rows.push({
       startIndex: i,
       endIndex: endIndex,
       height: height
     });
   }
-
   return rows;
 };
-
 exports.getRowsParams = getRowsParams;
-
 var getRowClassNames = function getRowClassNames(index, selection) {
   var hoveredRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var isInDanger = arguments.length > 3 ? arguments[3] : undefined;
   var isResizing = arguments.length > 4 ? arguments[4] : undefined;
   var classNames = [];
-
   if ((0, _utils.isRowSelected)(index)(selection) || hoveredRows.indexOf(index) > -1 && !isResizing) {
     classNames.push(_types.TableCssClassName.HOVERED_CELL_ACTIVE);
-
     if (isInDanger) {
       classNames.push(_types.TableCssClassName.HOVERED_CELL_IN_DANGER);
     }
   }
-
   return classNames.join(' ');
 };
-
 exports.getRowClassNames = getRowClassNames;
-
 var copyPreviousRow = function copyPreviousRow(schema) {
   return function (insertNewRowIndex) {
     return function (tr) {
       var table = (0, _utils.findTable)(tr.selection);
-
       if (!table) {
         return tr;
       }
-
       var map = _tableMap.TableMap.get(table.node);
-
       var copyPreviousRowIndex = insertNewRowIndex - 1;
-
       if (insertNewRowIndex <= 0) {
         throw Error("Row Index less or equal 0 isn't not allowed since there is not a previous to copy");
       }
-
       if (insertNewRowIndex > map.height) {
         return tr;
       }
-
       var tableNode = table.node;
       var tableRow = schema.nodes.tableRow;
       var cellsInRow = map.cellsInRect({
@@ -185,27 +138,21 @@ var copyPreviousRow = function copyPreviousRow(schema) {
       var cellsPositionsInNextRow = map.map.slice(offsetNextLineIndexPosition, offsetNextLineIndexPosition + map.width);
       var cells = [];
       var fixRowspans = [];
-
       for (var i = 0; i < cellsPositionsInOriginalRow.length;) {
         var pos = cellsPositionsInOriginalRow[i];
         var documentCellPos = pos + table.start;
         var node = tr.doc.nodeAt(documentCellPos);
-
         if (!node) {
           continue;
         }
-
         var attributes = _objectSpread(_objectSpread({}, node.attrs), {}, {
           colspan: 1,
           rowspan: 1
         });
-
         var newCell = node.type.createAndFill(attributes);
-
         if (!newCell) {
           return tr;
         }
-
         if (cellsPositionsInNextRow.indexOf(pos) > -1) {
           fixRowspans.push({
             pos: documentCellPos,
@@ -216,24 +163,19 @@ var copyPreviousRow = function copyPreviousRow(schema) {
             var newCellWithColspanFixed = node.type.createAndFill(_objectSpread(_objectSpread({}, attributes), {}, {
               colspan: node.attrs.colspan
             }));
-
             if (!newCellWithColspanFixed) {
               return tr;
             }
-
             cells.push(newCellWithColspanFixed);
             i = i + node.attrs.colspan;
             continue;
           }
-
           cells.push(newCell);
         } else {
           cells.push(newCell);
         }
-
         i++;
       }
-
       fixRowspans.forEach(function (cell) {
         tr.setNodeMarkup(cell.pos, undefined, _objectSpread(_objectSpread({}, cell.node.attrs), {}, {
           rowspan: cell.node.attrs.rowspan + 1
@@ -241,14 +183,11 @@ var copyPreviousRow = function copyPreviousRow(schema) {
       });
       var cloneRow = tableNode.child(copyPreviousRowIndex);
       var rowPos = table.start;
-
       for (var _i2 = 0; _i2 < insertNewRowIndex; _i2++) {
         rowPos += tableNode.child(_i2).nodeSize;
       }
-
       return (0, _prosemirrorUtils.safeInsert)(tableRow.createChecked(cloneRow.attrs, cells, cloneRow.marks), rowPos)(tr);
     };
   };
 };
-
 exports.copyPreviousRow = copyPreviousRow;

package/dist/cjs/plugins/table/utils/selection.js

@@ -4,113 +4,80 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.normalizeSelection = exports.isSelectionUpdated = exports.getSelectedRowIndexes = exports.getSelectedColumnIndexes = void 0;
-
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-
 var _utils = require("@atlaskit/editor-tables/utils");
-
 var isSelectionUpdated = function isSelectionUpdated(oldSelection, newSelection) {
   return !!(!newSelection && oldSelection) || (0, _utils.isSelectionType)(oldSelection, 'cell') !== (0, _utils.isSelectionType)(newSelection, 'cell') || (0, _utils.isSelectionType)(oldSelection, 'cell') && (0, _utils.isSelectionType)(newSelection, 'cell') && oldSelection.ranges !== newSelection.ranges;
 };
-
 exports.isSelectionUpdated = isSelectionUpdated;
-
 var isRectangularCellSelection = function isRectangularCellSelection(selection, rect) {
   var table = (0, _utils.findTable)(selection);
-
   if (!table) {
     return true;
   }
-
   var _TableMap$get = _tableMap.TableMap.get(table.node),
-      width = _TableMap$get.width,
-      height = _TableMap$get.height,
-      map = _TableMap$get.map;
-
+    width = _TableMap$get.width,
+    height = _TableMap$get.height,
+    map = _TableMap$get.map;
   var indexTop = rect.top * width + rect.left;
   var indexLeft = indexTop;
   var indexBottom = (rect.bottom - 1) * width + rect.left;
   var indexRight = indexTop + (rect.right - rect.left - 1);
-
   for (var i = rect.top; i < rect.bottom; i++) {
     if (rect.left > 0 && map[indexLeft] === map[indexLeft - 1] || rect.right < width && map[indexRight] === map[indexRight + 1]) {
       return false;
     }
-
     indexLeft += width;
     indexRight += width;
   }
-
   for (var _i = rect.left; _i < rect.right; _i++) {
     if (rect.top > 0 && map[indexTop] === map[indexTop - width] || rect.bottom < height && map[indexBottom] === map[indexBottom + width]) {
       return false;
     }
-
     indexTop++;
     indexBottom++;
   }
-
   return true;
 };
-
 var normalizeSelection = function normalizeSelection(tr) {
   var selection = tr.selection;
   var rect = (0, _utils.getSelectionRect)(selection);
-
   if (!rect || !(selection instanceof _cellSelection.CellSelection) || isRectangularCellSelection(selection, rect)) {
     return tr;
   }
-
   if (selection.isColSelection()) {
     var _getSelectionRangeInC, _getSelectionRangeInC2;
-
     var $anchor = (_getSelectionRangeInC = (0, _utils.getSelectionRangeInColumn)(rect.left)(tr)) === null || _getSelectionRangeInC === void 0 ? void 0 : _getSelectionRangeInC.$anchor;
     var $head = (_getSelectionRangeInC2 = (0, _utils.getSelectionRangeInColumn)(rect.right - 1)(tr)) === null || _getSelectionRangeInC2 === void 0 ? void 0 : _getSelectionRangeInC2.$head;
-
     if ($anchor && $head) {
       return tr.setSelection(new _cellSelection.CellSelection($anchor, $head));
     }
   }
-
   if (selection.isRowSelection()) {
     var _getSelectionRangeInR, _getSelectionRangeInR2;
-
     var _$anchor = (_getSelectionRangeInR = (0, _utils.getSelectionRangeInRow)(rect.top)(tr)) === null || _getSelectionRangeInR === void 0 ? void 0 : _getSelectionRangeInR.$anchor;
-
     var _$head = (_getSelectionRangeInR2 = (0, _utils.getSelectionRangeInRow)(rect.bottom - 1)(tr)) === null || _getSelectionRangeInR2 === void 0 ? void 0 : _getSelectionRangeInR2.$head;
-
     if (_$anchor && _$head) {
       return tr.setSelection(new _cellSelection.CellSelection(_$anchor, _$head));
     }
   }
-
   return tr;
 };
-
 exports.normalizeSelection = normalizeSelection;
-
 var getSelectedColumnIndexes = function getSelectedColumnIndexes(selectionRect) {
   var columnIndexes = [];
-
   for (var i = selectionRect.left; i < selectionRect.right; i++) {
     columnIndexes.push(i);
   }
-
   return columnIndexes;
 };
-
 exports.getSelectedColumnIndexes = getSelectedColumnIndexes;
-
 var getSelectedRowIndexes = function getSelectedRowIndexes(selectionRect) {
   var rowIndexes = [];
-
   for (var i = selectionRect.top; i < selectionRect.bottom; i++) {
     rowIndexes.push(i);
   }
-
   return rowIndexes;
 };
-
 exports.getSelectedRowIndexes = getSelectedRowIndexes;

package/dist/cjs/plugins/table/utils/table.js

@@ -1,27 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMergedCellsPositions = exports.colsToRect = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-
 var _utils = require("@atlaskit/editor-tables/utils");
-
 var getMergedCellsPositions = function getMergedCellsPositions(tr) {
   var table = (0, _utils.findTable)(tr.selection);
-
   if (!table) {
     return [];
   }
-
   var map = _tableMap.TableMap.get(table.node);
-
   var cellPositions = new Set();
   var mergedCells = [];
   map.map.forEach(function (value) {
@@ -33,9 +25,7 @@ var getMergedCellsPositions = function getMergedCellsPositions(tr) {
   });
   return mergedCells;
 };
-
 exports.getMergedCellsPositions = getMergedCellsPositions;
-
 var colsToRect = function colsToRect(cols, noOfRows) {
   return {
     left: Math.min.apply(Math, (0, _toConsumableArray2.default)(cols)),
@@ -44,5 +34,4 @@ var colsToRect = function colsToRect(cols, noOfRows) {
     bottom: noOfRows
   };
 };
-
 exports.colsToRect = colsToRect;

package/dist/cjs/plugins/table/utils/update-plugin-state-decorations.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updatePluginStateDecorations = void 0;
-
 var _plugin = require("../pm-plugins/decorations/plugin");
-
 var _decoration = require("./decoration");
-
 var updatePluginStateDecorations = function updatePluginStateDecorations(state, decorations, key) {
   return (0, _decoration.updateDecorations)(state.doc, (0, _plugin.getDecorations)(state), decorations, key);
 };
-
 exports.updatePluginStateDecorations = updatePluginStateDecorations;

package/dist/cjs/plugins/table-plugin.js

@@ -1,13 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _table = _interopRequireDefault(require("./table"));
-
 var _default = _table.default;
 exports.default = _default;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "1.1.1",
+	"version": "1.1.3",
 	"sideEffects": false
 }

package/dist/es2019/plugins/table/commands/clear.js

@@ -2,13 +2,13 @@
 import { Selection } from 'prosemirror-state';
 import { findCellClosestToPos, emptyCell, isSelectionType } from '@atlaskit/editor-tables/utils';
 // #endregion
+
 // #region Commands
 export const clearMultipleCells = targetCellPosition => (state, dispatch) => {
   let cursorPos;
   let {
     tr
   } = state;
-
   if (isSelectionType(tr.selection, 'cell')) {
     const selection = tr.selection;
     selection.forEachCell((_node, pos) => {
@@ -21,28 +21,23 @@ export const clearMultipleCells = targetCellPosition => (state, dispatch) => {
     tr = emptyCell(cell, state.schema)(tr);
     cursorPos = cell.pos;
   }
-
   if (tr.docChanged && cursorPos) {
     const $pos = tr.doc.resolve(tr.mapping.map(cursorPos));
     const textSelection = Selection.findFrom($pos, 1, true);
-
     if (textSelection) {
       tr.setSelection(textSelection);
     }
-
     if (dispatch) {
       dispatch(tr);
     }
-
     return true;
   }
-
   return false;
 };
 export const clearSelection = (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setSelection(Selection.near(state.selection.$from)).setMeta('addToHistory', false));
   }
-
   return true;
-}; // #endregion
+};
+// #endregion

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

@@ -1,14 +1,11 @@
 import { collapseSelectedTable } from '../utils/collapse';
 export const wrapTableInExpand = (state, dispatch) => {
   const collapseTr = collapseSelectedTable(state.tr);
-
   if (!collapseTr) {
     return false;
   }
-
   if (dispatch) {
     dispatch(collapseTr);
   }
-
   return true;
 };

package/dist/es2019/plugins/table/commands/go-to-next-cell.js

@@ -8,11 +8,9 @@ const TAB_FORWARD_DIRECTION = 1;
 const TAB_BACKWARD_DIRECTION = -1;
 export const goToNextCell = editorAnalyticsAPI => direction => (state, dispatch) => {
   const table = findTable(state.selection);
-
   if (!table) {
     return false;
   }
-
   const map = TableMap.get(table.node);
   const {
     tableCell,
@@ -20,17 +18,18 @@ export const goToNextCell = editorAnalyticsAPI => direction => (state, dispatch)
   } = state.schema.nodes;
   const cell = findParentNodeOfType([tableCell, tableHeader])(state.selection);
   const firstCellPos = map.positionAt(0, 0, table.node) + table.start;
-  const lastCellPos = map.positionAt(map.height - 1, map.width - 1, table.node) + table.start; // when tabbing backwards at first cell (top left), insert row at the start of table
+  const lastCellPos = map.positionAt(map.height - 1, map.width - 1, table.node) + table.start;
 
+  // when tabbing backwards at first cell (top left), insert row at the start of table
   if (firstCellPos === cell.pos && direction === TAB_BACKWARD_DIRECTION) {
     insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, {
       index: 0,
       moveCursorToInsertedRow: true
     })(state, dispatch);
     return true;
-  } // when tabbing forwards at last cell (bottom right), insert row at the end of table
-
+  }
 
+  // when tabbing forwards at last cell (bottom right), insert row at the end of table
   if (lastCellPos === cell.pos && direction === TAB_FORWARD_DIRECTION) {
     insertRowWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD, {
       index: map.height,
@@ -38,10 +37,8 @@ export const goToNextCell = editorAnalyticsAPI => direction => (state, dispatch)
     })(state, dispatch);
     return true;
   }
-
   if (dispatch) {
     return baseGotoNextCell(direction)(state, dispatch);
   }
-
   return true;
 };

package/dist/es2019/plugins/table/commands/hover.js

@@ -3,26 +3,23 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getCellsInColumn, getCellsInRow } from '@atlaskit/editor-tables/utils';
 import { createCommand } from '../pm-plugins/plugin-factory';
 import { TableDecorations } from '../types';
-import { createCellHoverDecoration, createColumnLineResize, createControlsHoverDecoration, getMergedCellsPositions, updatePluginStateDecorations } from '../utils'; // #endregion
+import { createCellHoverDecoration, createColumnLineResize, createControlsHoverDecoration, getMergedCellsPositions, updatePluginStateDecorations } from '../utils';
+// #endregion
+
 // #region Utils
+const makeArray = n => Array.from(Array(n).keys());
+// #endregion
 
-const makeArray = n => Array.from(Array(n).keys()); // #endregion
 // #region Commands
-
-
 export const hoverMergedCells = () => createCommand(state => {
   const mergedCellsPositions = getMergedCellsPositions(state.tr);
-
   if (!mergedCellsPositions.length) {
     return false;
   }
-
   const table = findTable(state.tr.selection);
-
   if (!table) {
     return false;
   }
-
   const mergedCells = mergedCellsPositions.map(pos => ({
     pos: pos + table.start,
     start: pos + table.start + 1,
@@ -38,11 +35,9 @@ export const hoverMergedCells = () => createCommand(state => {
 }, tr => tr.setMeta('addToHistory', false));
 export const hoverColumns = (hoveredColumns, isInDanger) => createCommand(state => {
   const cells = getCellsInColumn(hoveredColumns)(state.tr.selection);
-
   if (!cells) {
     return false;
   }
-
   const decorations = createControlsHoverDecoration(cells, 'column', state.tr, isInDanger);
   return {
     type: 'HOVER_COLUMNS',
@@ -55,11 +50,9 @@ export const hoverColumns = (hoveredColumns, isInDanger) => createCommand(state
 }, tr => tr.setMeta('addToHistory', false));
 export const hoverRows = (hoveredRows, isInDanger) => createCommand(state => {
   const cells = getCellsInRow(hoveredRows)(state.selection);
-
   if (!cells) {
     return false;
   }
-
   const decorations = createControlsHoverDecoration(cells, 'row', state.tr, isInDanger);
   return {
     type: 'HOVER_ROWS',
@@ -72,20 +65,16 @@ export const hoverRows = (hoveredRows, isInDanger) => createCommand(state => {
 }, tr => tr.setMeta('addToHistory', false));
 export const hoverTable = (isInDanger, isSelected) => createCommand(state => {
   const table = findTable(state.selection);
-
   if (!table) {
     return false;
   }
-
   const map = TableMap.get(table.node);
   const hoveredColumns = makeArray(map.width);
   const hoveredRows = makeArray(map.height);
   const cells = getCellsInRow(hoveredRows)(state.selection);
-
   if (!cells) {
     return false;
   }
-
   const decorations = createControlsHoverDecoration(cells, 'table', state.tr, isInDanger, isSelected);
   return {
     type: 'HOVER_TABLE',
@@ -115,4 +104,5 @@ export const hideResizeHandleLine = () => createCommand(state => ({
   data: {
     decorationSet: updatePluginStateDecorations(state, [], TableDecorations.COLUMN_RESIZING_HANDLE_LINE)
   }
-})); // #endregion
+}));
+// #endregion