@atlaskit/editor-tables 2.1.4 → 2.1.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-tables
 
+## 2.1.6
+
+### Patch Changes
+
+- [`95f007063cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95f007063cf) - Decoupling paste plugin and table plugin, copied `replaceSelectedTable` and `getSelectedTableInfo` utils to editor-tables utils package and analytics dependency shifted to paste plugin.
+
+## 2.1.5
+
+### Patch Changes
+
+- [`e6f25536fe3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6f25536fe3) - [ux][ed-15168] Fixes a bug where a width-less column was created when pasting table cells into a table that had columns with set widths.
+
 ## 2.1.4
 
 ### Patch Changes

package/cell-bookmark/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/cell-bookmark.js",
   "module": "../dist/esm/cell-bookmark.js",
   "module:es2019": "../dist/es2019/cell-bookmark.js",
+  "sideEffects": false,
   "types": "../dist/types/cell-bookmark.d.ts"
 }

package/cell-selection/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/cell-selection.js",
   "module": "../dist/esm/cell-selection.js",
   "module:es2019": "../dist/es2019/cell-selection.js",
+  "sideEffects": false,
   "types": "../dist/types/cell-selection.d.ts"
 }

package/dist/cjs/table-map.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TableProblemTypes = exports.TableMap = exports.Rect = void 0;
+exports.tableNewColumnMinWidth = exports.TableProblemTypes = exports.TableMap = exports.Rect = void 0;
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
@@ -76,10 +76,17 @@ exports.TableProblemTypes = TableProblemTypes;
   TableProblemTypes["COLWIDTH_MISMATCH"] = "colwidth mismatch";
 })(TableProblemTypes || (exports.TableProblemTypes = TableProblemTypes = {}));
 
-// ::- A table map describes the structore of a given table. To avoid
+// Ideally tableNewColumnMinWidth should be imported
+// from '@atlaskit/editor-common/styles';
+// We don't want to introduce a new dependency.
+// Thus we define the constant here.
+var tableNewColumnMinWidth = 140; // ::- A table map describes the structore of a given table. To avoid
 // recomputing them all the time, they are cached per table node. To
 // be able to do that, positions saved in the map are relative to the
 // start of the table, rather than the start of the document.
+
+exports.tableNewColumnMinWidth = tableNewColumnMinWidth;
+
 var TableMap = /*#__PURE__*/function () {
   // The width of the table
   // The table's height
@@ -355,6 +362,19 @@ function computeMap(table) {
     if (colWidths[_i2] != null && colWidths[_i2 + 1] < height) {
       badWidths = true;
     }
+  } // colWidths is an array of numbers, it can look like this
+  // const colWidths = [255, 3, 125, 3, 150, 2, 130, 1];
+  // 255 is a colWidth and 3 is a number of cells with this colwidth.
+  // This check exists to make sure that the table has been resized,
+  // which means there will be elements in the colWidths array.
+
+
+  if (colWidths.length > 0 && colWidths.length !== width * 2) {
+    for (var _i3 = 0; _i3 < width * 2 - colWidths.length; _i3++) {
+      colWidths.push(tableNewColumnMinWidth, 0);
+    }
+
+    badWidths = true;
   }
 
   if (badWidths) {
@@ -386,8 +406,8 @@ function findWidth(table) {
       }
     }
 
-    for (var _i3 = 0; _i3 < rowNode.childCount; _i3++) {
-      var _cell = rowNode.child(_i3);
+    for (var _i4 = 0; _i4 < rowNode.childCount; _i4++) {
+      var _cell = rowNode.child(_i4);
 
       rowWidth += _cell.attrs.colspan;
 

package/dist/cjs/utils/analytics-helpers.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSelectedCellInfo = getSelectedCellInfo;
+exports.getSelectedTableInfo = getSelectedTableInfo;
+
+var _tableMap = require("../table-map");
+
+var _find = require("./find");
+
+var _getSelectionRect = require("./get-selection-rect");
+
+function getSelectedTableInfo(selection) {
+  var map;
+  var totalRowCount = 0;
+  var totalColumnCount = 0;
+  var table = (0, _find.findTable)(selection);
+
+  if (table) {
+    map = _tableMap.TableMap.get(table.node);
+    totalRowCount = map.height;
+    totalColumnCount = map.width;
+  }
+
+  return {
+    table: table,
+    map: map,
+    totalRowCount: totalRowCount,
+    totalColumnCount: totalColumnCount
+  };
+}
+
+function getSelectedCellInfo(selection) {
+  var horizontalCells = 1;
+  var verticalCells = 1;
+  var totalCells = 1;
+
+  var _getSelectedTableInfo = getSelectedTableInfo(selection),
+      table = _getSelectedTableInfo.table,
+      map = _getSelectedTableInfo.map,
+      totalRowCount = _getSelectedTableInfo.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo.totalColumnCount;
+
+  if (table && map) {
+    var rect = (0, _getSelectionRect.getSelectionRect)(selection);
+
+    if (rect) {
+      totalCells = map.cellsInRect(rect).length;
+      horizontalCells = rect.right - rect.left;
+      verticalCells = rect.bottom - rect.top;
+    }
+  }
+
+  return {
+    totalRowCount: totalRowCount,
+    totalColumnCount: totalColumnCount,
+    horizontalCells: horizontalCells,
+    verticalCells: verticalCells,
+    totalCells: totalCells
+  };
+}

package/dist/cjs/utils/handle-paste.js

@@ -9,7 +9,7 @@ var _prosemirrorModel = require("prosemirror-model");
 
 var _cellSelection = require("../cell-selection");
 
-var _tableMap = require("../table-map");
+var _tableMap2 = require("../table-map");
 
 var _selectionCell = require("../utils/selection-cell");
 
@@ -19,6 +19,12 @@ var _tables = require("../utils/tables");
 
 var _copyPaste = require("./copy-paste");
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function handlePaste(view, event, slice) {
   if (!(0, _tables.isInTable)(view.state)) {
     return false;
@@ -39,10 +45,11 @@ function handlePaste(view, event, slice) {
     var table = sel.$anchorCell.node(-1);
     var start = sel.$anchorCell.start(-1);
 
-    var rect = _tableMap.TableMap.get(table).rectBetween(sel.$anchorCell.pos - start, sel.$headCell.pos - start);
+    var tableMap = _tableMap2.TableMap.get(table);
 
+    var rect = tableMap.rectBetween(sel.$anchorCell.pos - start, sel.$headCell.pos - start);
     cells = (0, _copyPaste.clipCells)(cells, rect.right - rect.left, rect.bottom - rect.top);
-    (0, _copyPaste.insertCells)(view.state, view.dispatch, start, rect, clearColumnWidthOfCells(cells));
+    (0, _copyPaste.insertCells)(view.state, view.dispatch, start, rect, clearColumnWidthOfCells(cells, rect, tableMap));
     return true;
   }
 
@@ -55,20 +62,54 @@ function handlePaste(view, event, slice) {
 
     var _start = $cell.start(-1);
 
-    (0, _copyPaste.insertCells)(view.state, view.dispatch, _start, _tableMap.TableMap.get($cell.node(-1)).findCell($cell.pos - _start), clearColumnWidthOfCells(cells));
+    var _rect = _tableMap2.TableMap.get($cell.node(-1)).findCell($cell.pos - _start);
+
+    var _tableMap = _tableMap2.TableMap.get($cell.node(-1));
+
+    (0, _copyPaste.insertCells)(view.state, view.dispatch, _start, _rect, clearColumnWidthOfCells(cells, _rect, _tableMap));
     return true;
   }
 
   return false;
 } // Clear the pasted cells column widths so that it maintains
-// the column widths of the destination table
+// the column widths of the destination table only if the pasted
+// cells overlap with existing cells in the destination table.
+// If the table grows on paste, keep the column widhts of the
+// original table.
+
+
+var clearColumnWidthOfCells = function clearColumnWidthOfCells(cells, rect, table) {
+  var overlappingCells = [];
 
+  var _iterator = _createForOfIteratorHelper(cells.rows),
+      _step;
 
-var clearColumnWidthOfCells = function clearColumnWidthOfCells(cells) {
-  cells.rows.forEach(function (row) {
-    for (var i = 0; i < row.childCount; i++) {
-      row.child(i).attrs.colwidth = null;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var row = _step.value;
+      var colNum = rect.left;
+
+      for (var index = 0; index < row.childCount; index++) {
+        var _cell = row.child(index);
+
+        if (colNum + _cell.attrs.colspan <= table.width) {
+          overlappingCells.push(_cell);
+          colNum += _cell.attrs.colspan;
+        } else {
+          break;
+        }
+      }
     }
-  });
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  for (var _i = 0, _overlappingCells = overlappingCells; _i < _overlappingCells.length; _i++) {
+    var cell = _overlappingCells[_i];
+    cell.attrs.colwidth = null;
+  }
+
   return cells;
 };

package/dist/cjs/utils/replace-table.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replaceSelectedTable = void 0;
+
+var _prosemirrorModel = require("prosemirror-model");
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _find = require("./find");
+
+var _isSelected = require("./is-selected");
+
+var replaceSelectedTable = function replaceSelectedTable(state, content) {
+  if ((0, _isSelected.isTableSelected)(state.selection)) {
+    var table = (0, _find.findTable)(state.selection);
+
+    if (table) {
+      var slice = typeof content === 'string' ? new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.from(state.schema.text(content)), 0, 0) : content;
+      var tr = state.tr.replace(table.pos, table.pos + table.node.nodeSize, slice);
+      tr.setSelection(_prosemirrorState.TextSelection.create(tr.doc, table.pos + slice.size + 1));
+      return tr;
+    }
+  }
+
+  return state.tr;
+};
+
+exports.replaceSelectedTable = replaceSelectedTable;

package/dist/cjs/utils.js

@@ -159,6 +159,18 @@ Object.defineProperty(exports, "getCellsInTable", {
     return _getCellsInTable.getCellsInTable;
   }
 });
+Object.defineProperty(exports, "getSelectedCellInfo", {
+  enumerable: true,
+  get: function get() {
+    return _analyticsHelpers.getSelectedCellInfo;
+  }
+});
+Object.defineProperty(exports, "getSelectedTableInfo", {
+  enumerable: true,
+  get: function get() {
+    return _analyticsHelpers.getSelectedTableInfo;
+  }
+});
 Object.defineProperty(exports, "getSelectionRangeInColumn", {
   enumerable: true,
   get: function get() {
@@ -309,6 +321,12 @@ Object.defineProperty(exports, "removeTable", {
     return _removeTable.removeTable;
   }
 });
+Object.defineProperty(exports, "replaceSelectedTable", {
+  enumerable: true,
+  get: function get() {
+    return _replaceTable.replaceSelectedTable;
+  }
+});
 Object.defineProperty(exports, "selectColumn", {
   enumerable: true,
   get: function get() {
@@ -448,4 +466,8 @@ var _toggleHeader = require("./utils/toggle-header");
 
 var _reorderUtils = require("./utils/reorder-utils");
 
-var _handlePaste = require("./utils/handle-paste");
+var _handlePaste = require("./utils/handle-paste");
+
+var _replaceTable = require("./utils/replace-table");
+
+var _analyticsHelpers = require("./utils/analytics-helpers");

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-tables",
-	"version": "2.1.4",
+	"version": "2.1.6",
 	"sideEffects": false
 }

package/dist/es2019/table-map.js

@@ -61,10 +61,15 @@ export let TableProblemTypes;
   TableProblemTypes["COLWIDTH_MISMATCH"] = "colwidth mismatch";
 })(TableProblemTypes || (TableProblemTypes = {}));
 
-// ::- A table map describes the structore of a given table. To avoid
+// Ideally tableNewColumnMinWidth should be imported
+// from '@atlaskit/editor-common/styles';
+// We don't want to introduce a new dependency.
+// Thus we define the constant here.
+export const tableNewColumnMinWidth = 140; // ::- A table map describes the structore of a given table. To avoid
 // recomputing them all the time, they are cached per table node. To
 // be able to do that, positions saved in the map are relative to the
 // start of the table, rather than the start of the document.
+
 export class TableMap {
   // The width of the table
   // The table's height
@@ -329,6 +334,19 @@ function computeMap(table) {
     if (colWidths[i] != null && colWidths[i + 1] < height) {
       badWidths = true;
     }
+  } // colWidths is an array of numbers, it can look like this
+  // const colWidths = [255, 3, 125, 3, 150, 2, 130, 1];
+  // 255 is a colWidth and 3 is a number of cells with this colwidth.
+  // This check exists to make sure that the table has been resized,
+  // which means there will be elements in the colWidths array.
+
+
+  if (colWidths.length > 0 && colWidths.length !== width * 2) {
+    for (let i = 0; i < width * 2 - colWidths.length; i++) {
+      colWidths.push(tableNewColumnMinWidth, 0);
+    }
+
+    badWidths = true;
   }
 
   if (badWidths) {

package/dist/es2019/utils/analytics-helpers.js

@@ -0,0 +1,51 @@
+import { TableMap } from '../table-map';
+import { findTable } from './find';
+import { getSelectionRect } from './get-selection-rect';
+export function getSelectedTableInfo(selection) {
+  let map;
+  let totalRowCount = 0;
+  let totalColumnCount = 0;
+  const table = findTable(selection);
+
+  if (table) {
+    map = TableMap.get(table.node);
+    totalRowCount = map.height;
+    totalColumnCount = map.width;
+  }
+
+  return {
+    table,
+    map,
+    totalRowCount,
+    totalColumnCount
+  };
+}
+export function getSelectedCellInfo(selection) {
+  let horizontalCells = 1;
+  let verticalCells = 1;
+  let totalCells = 1;
+  const {
+    table,
+    map,
+    totalRowCount,
+    totalColumnCount
+  } = getSelectedTableInfo(selection);
+
+  if (table && map) {
+    const rect = getSelectionRect(selection);
+
+    if (rect) {
+      totalCells = map.cellsInRect(rect).length;
+      horizontalCells = rect.right - rect.left;
+      verticalCells = rect.bottom - rect.top;
+    }
+  }
+
+  return {
+    totalRowCount,
+    totalColumnCount,
+    horizontalCells,
+    verticalCells,
+    totalCells
+  };
+}

package/dist/es2019/utils/handle-paste.js

@@ -24,9 +24,10 @@ export function handlePaste(view, event, slice) {
 
     const table = sel.$anchorCell.node(-1);
     const start = sel.$anchorCell.start(-1);
-    const rect = TableMap.get(table).rectBetween(sel.$anchorCell.pos - start, sel.$headCell.pos - start);
+    const tableMap = TableMap.get(table);
+    const rect = tableMap.rectBetween(sel.$anchorCell.pos - start, sel.$headCell.pos - start);
     cells = clipCells(cells, rect.right - rect.left, rect.bottom - rect.top);
-    insertCells(view.state, view.dispatch, start, rect, clearColumnWidthOfCells(cells));
+    insertCells(view.state, view.dispatch, start, rect, clearColumnWidthOfCells(cells, rect, tableMap));
     return true;
   }
 
@@ -38,19 +39,40 @@ export function handlePaste(view, event, slice) {
     }
 
     const start = $cell.start(-1);
-    insertCells(view.state, view.dispatch, start, TableMap.get($cell.node(-1)).findCell($cell.pos - start), clearColumnWidthOfCells(cells));
+    const rect = TableMap.get($cell.node(-1)).findCell($cell.pos - start);
+    const tableMap = TableMap.get($cell.node(-1));
+    insertCells(view.state, view.dispatch, start, rect, clearColumnWidthOfCells(cells, rect, tableMap));
     return true;
   }
 
   return false;
 } // Clear the pasted cells column widths so that it maintains
-// the column widths of the destination table
+// the column widths of the destination table only if the pasted
+// cells overlap with existing cells in the destination table.
+// If the table grows on paste, keep the column widhts of the
+// original table.
 
-const clearColumnWidthOfCells = cells => {
-  cells.rows.forEach(row => {
-    for (let i = 0; i < row.childCount; i++) {
-      row.child(i).attrs.colwidth = null;
+const clearColumnWidthOfCells = (cells, rect, table) => {
+  const overlappingCells = [];
+
+  for (const row of cells.rows) {
+    let colNum = rect.left;
+
+    for (let index = 0; index < row.childCount; index++) {
+      const cell = row.child(index);
+
+      if (colNum + cell.attrs.colspan <= table.width) {
+        overlappingCells.push(cell);
+        colNum += cell.attrs.colspan;
+      } else {
+        break;
+      }
     }
-  });
+  }
+
+  for (const cell of overlappingCells) {
+    cell.attrs.colwidth = null;
+  }
+
   return cells;
 };

package/dist/es2019/utils/replace-table.js

@@ -0,0 +1,18 @@
+import { Fragment, Slice } from 'prosemirror-model';
+import { TextSelection } from 'prosemirror-state';
+import { findTable } from './find';
+import { isTableSelected } from './is-selected';
+export const replaceSelectedTable = (state, content) => {
+  if (isTableSelected(state.selection)) {
+    const table = findTable(state.selection);
+
+    if (table) {
+      const slice = typeof content === 'string' ? new Slice(Fragment.from(state.schema.text(content)), 0, 0) : content;
+      let tr = state.tr.replace(table.pos, table.pos + table.node.nodeSize, slice);
+      tr.setSelection(TextSelection.create(tr.doc, table.pos + slice.size + 1));
+      return tr;
+    }
+  }
+
+  return state.tr;
+};

package/dist/es2019/utils.js

@@ -37,4 +37,6 @@ export { tableNodeTypes } from './utils/table-node-types';
 export { isInTable, inSameTable } from './utils/tables';
 export { toggleHeader } from './utils/toggle-header';
 export { convertArrayOfRowsToTableNode, convertTableNodeToArrayOfRows } from './utils/reorder-utils';
-export { handlePaste } from './utils/handle-paste';
+export { handlePaste } from './utils/handle-paste';
+export { replaceSelectedTable } from './utils/replace-table';
+export { getSelectedTableInfo, getSelectedCellInfo } from './utils/analytics-helpers';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-tables",
-	"version": "2.1.4",
+	"version": "2.1.6",
 	"sideEffects": false
 }

package/dist/esm/table-map.js

@@ -64,10 +64,15 @@ export var TableProblemTypes;
   TableProblemTypes["COLWIDTH_MISMATCH"] = "colwidth mismatch";
 })(TableProblemTypes || (TableProblemTypes = {}));
 
-// ::- A table map describes the structore of a given table. To avoid
+// Ideally tableNewColumnMinWidth should be imported
+// from '@atlaskit/editor-common/styles';
+// We don't want to introduce a new dependency.
+// Thus we define the constant here.
+export var tableNewColumnMinWidth = 140; // ::- A table map describes the structore of a given table. To avoid
 // recomputing them all the time, they are cached per table node. To
 // be able to do that, positions saved in the map are relative to the
 // start of the table, rather than the start of the document.
+
 export var TableMap = /*#__PURE__*/function () {
   // The width of the table
   // The table's height
@@ -342,6 +347,19 @@ function computeMap(table) {
     if (colWidths[_i2] != null && colWidths[_i2 + 1] < height) {
       badWidths = true;
     }
+  } // colWidths is an array of numbers, it can look like this
+  // const colWidths = [255, 3, 125, 3, 150, 2, 130, 1];
+  // 255 is a colWidth and 3 is a number of cells with this colwidth.
+  // This check exists to make sure that the table has been resized,
+  // which means there will be elements in the colWidths array.
+
+
+  if (colWidths.length > 0 && colWidths.length !== width * 2) {
+    for (var _i3 = 0; _i3 < width * 2 - colWidths.length; _i3++) {
+      colWidths.push(tableNewColumnMinWidth, 0);
+    }
+
+    badWidths = true;
   }
 
   if (badWidths) {
@@ -373,8 +391,8 @@ function findWidth(table) {
       }
     }
 
-    for (var _i3 = 0; _i3 < rowNode.childCount; _i3++) {
-      var _cell = rowNode.child(_i3);
+    for (var _i4 = 0; _i4 < rowNode.childCount; _i4++) {
+      var _cell = rowNode.child(_i4);
 
       rowWidth += _cell.attrs.colspan;
 

package/dist/esm/utils/analytics-helpers.js

@@ -0,0 +1,51 @@
+import { TableMap } from '../table-map';
+import { findTable } from './find';
+import { getSelectionRect } from './get-selection-rect';
+export function getSelectedTableInfo(selection) {
+  var map;
+  var totalRowCount = 0;
+  var totalColumnCount = 0;
+  var table = findTable(selection);
+
+  if (table) {
+    map = TableMap.get(table.node);
+    totalRowCount = map.height;
+    totalColumnCount = map.width;
+  }
+
+  return {
+    table: table,
+    map: map,
+    totalRowCount: totalRowCount,
+    totalColumnCount: totalColumnCount
+  };
+}
+export function getSelectedCellInfo(selection) {
+  var horizontalCells = 1;
+  var verticalCells = 1;
+  var totalCells = 1;
+
+  var _getSelectedTableInfo = getSelectedTableInfo(selection),
+      table = _getSelectedTableInfo.table,
+      map = _getSelectedTableInfo.map,
+      totalRowCount = _getSelectedTableInfo.totalRowCount,
+      totalColumnCount = _getSelectedTableInfo.totalColumnCount;
+
+  if (table && map) {
+    var rect = getSelectionRect(selection);
+
+    if (rect) {
+      totalCells = map.cellsInRect(rect).length;
+      horizontalCells = rect.right - rect.left;
+      verticalCells = rect.bottom - rect.top;
+    }
+  }
+
+  return {
+    totalRowCount: totalRowCount,
+    totalColumnCount: totalColumnCount,
+    horizontalCells: horizontalCells,
+    verticalCells: verticalCells,
+    totalCells: totalCells
+  };
+}

package/dist/esm/utils/handle-paste.js

@@ -1,3 +1,9 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 import { Fragment } from 'prosemirror-model';
 import { CellSelection } from '../cell-selection';
 import { TableMap } from '../table-map';
@@ -24,9 +30,10 @@ export function handlePaste(view, event, slice) {
 
     var table = sel.$anchorCell.node(-1);
     var start = sel.$anchorCell.start(-1);
-    var rect = TableMap.get(table).rectBetween(sel.$anchorCell.pos - start, sel.$headCell.pos - start);
+    var tableMap = TableMap.get(table);
+    var rect = tableMap.rectBetween(sel.$anchorCell.pos - start, sel.$headCell.pos - start);
     cells = clipCells(cells, rect.right - rect.left, rect.bottom - rect.top);
-    insertCells(view.state, view.dispatch, start, rect, clearColumnWidthOfCells(cells));
+    insertCells(view.state, view.dispatch, start, rect, clearColumnWidthOfCells(cells, rect, tableMap));
     return true;
   }
 
@@ -39,19 +46,53 @@ export function handlePaste(view, event, slice) {
 
     var _start = $cell.start(-1);
 
-    insertCells(view.state, view.dispatch, _start, TableMap.get($cell.node(-1)).findCell($cell.pos - _start), clearColumnWidthOfCells(cells));
+    var _rect = TableMap.get($cell.node(-1)).findCell($cell.pos - _start);
+
+    var _tableMap = TableMap.get($cell.node(-1));
+
+    insertCells(view.state, view.dispatch, _start, _rect, clearColumnWidthOfCells(cells, _rect, _tableMap));
     return true;
   }
 
   return false;
 } // Clear the pasted cells column widths so that it maintains
-// the column widths of the destination table
+// the column widths of the destination table only if the pasted
+// cells overlap with existing cells in the destination table.
+// If the table grows on paste, keep the column widhts of the
+// original table.
+
+var clearColumnWidthOfCells = function clearColumnWidthOfCells(cells, rect, table) {
+  var overlappingCells = [];
+
+  var _iterator = _createForOfIteratorHelper(cells.rows),
+      _step;
 
-var clearColumnWidthOfCells = function clearColumnWidthOfCells(cells) {
-  cells.rows.forEach(function (row) {
-    for (var i = 0; i < row.childCount; i++) {
-      row.child(i).attrs.colwidth = null;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var row = _step.value;
+      var colNum = rect.left;
+
+      for (var index = 0; index < row.childCount; index++) {
+        var _cell = row.child(index);
+
+        if (colNum + _cell.attrs.colspan <= table.width) {
+          overlappingCells.push(_cell);
+          colNum += _cell.attrs.colspan;
+        } else {
+          break;
+        }
+      }
     }
-  });
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  for (var _i = 0, _overlappingCells = overlappingCells; _i < _overlappingCells.length; _i++) {
+    var cell = _overlappingCells[_i];
+    cell.attrs.colwidth = null;
+  }
+
   return cells;
 };

package/dist/esm/utils/replace-table.js

@@ -0,0 +1,18 @@
+import { Fragment, Slice } from 'prosemirror-model';
+import { TextSelection } from 'prosemirror-state';
+import { findTable } from './find';
+import { isTableSelected } from './is-selected';
+export var replaceSelectedTable = function replaceSelectedTable(state, content) {
+  if (isTableSelected(state.selection)) {
+    var table = findTable(state.selection);
+
+    if (table) {
+      var slice = typeof content === 'string' ? new Slice(Fragment.from(state.schema.text(content)), 0, 0) : content;
+      var tr = state.tr.replace(table.pos, table.pos + table.node.nodeSize, slice);
+      tr.setSelection(TextSelection.create(tr.doc, table.pos + slice.size + 1));
+      return tr;
+    }
+  }
+
+  return state.tr;
+};

package/dist/esm/utils.js

@@ -37,4 +37,6 @@ export { tableNodeTypes } from './utils/table-node-types';
 export { isInTable, inSameTable } from './utils/tables';
 export { toggleHeader } from './utils/toggle-header';
 export { convertArrayOfRowsToTableNode, convertTableNodeToArrayOfRows } from './utils/reorder-utils';
-export { handlePaste } from './utils/handle-paste';
+export { handlePaste } from './utils/handle-paste';
+export { replaceSelectedTable } from './utils/replace-table';
+export { getSelectedTableInfo, getSelectedCellInfo } from './utils/analytics-helpers';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-tables",
-	"version": "2.1.4",
+	"version": "2.1.6",
 	"sideEffects": false
 }

package/dist/types/table-map.d.ts

@@ -45,6 +45,7 @@ export declare type TableProblemColWidthMismatch = {
     colwidth: number;
 };
 export declare type TableProblem = TableProblemCollision | TableProblemLongRowspan | TableProblemMissing | TableProblemColWidthMismatch;
+export declare const tableNewColumnMinWidth = 140;
 export declare class TableMap {
     width: number;
     height: number;

package/dist/types/utils/analytics-helpers.d.ts

@@ -0,0 +1,15 @@
+import { Selection } from 'prosemirror-state';
+import { TableMap } from '../table-map';
+export declare function getSelectedTableInfo(selection: Selection): {
+    table: import("prosemirror-utils").ContentNodeWithPos | undefined;
+    map: TableMap | undefined;
+    totalRowCount: number;
+    totalColumnCount: number;
+};
+export declare function getSelectedCellInfo(selection: Selection): {
+    totalRowCount: number;
+    totalColumnCount: number;
+    horizontalCells: number;
+    verticalCells: number;
+    totalCells: number;
+};

package/dist/types/utils/replace-table.d.ts

@@ -0,0 +1,3 @@
+import { Slice } from 'prosemirror-model';
+import { EditorState, Transaction } from 'prosemirror-state';
+export declare const replaceSelectedTable: (state: EditorState, content: string | Slice) => Transaction;

package/dist/types/utils.d.ts

@@ -39,3 +39,5 @@ export { isInTable, inSameTable } from './utils/tables';
 export { toggleHeader } from './utils/toggle-header';
 export { convertArrayOfRowsToTableNode, convertTableNodeToArrayOfRows, } from './utils/reorder-utils';
 export { handlePaste } from './utils/handle-paste';
+export { replaceSelectedTable } from './utils/replace-table';
+export { getSelectedTableInfo, getSelectedCellInfo, } from './utils/analytics-helpers';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-tables",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "A package that contains common classes and utility functions for editor tables",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,8 +29,8 @@
     "prosemirror-view": "1.23.2"
   },
   "devDependencies": {
-    "@atlaskit/adf-schema": "^23.0.0",
-    "@atlaskit/editor-test-helpers": "^17.0.0",
+    "@atlaskit/adf-schema": "^24.0.0",
+    "@atlaskit/editor-test-helpers": "^17.1.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1"
   },
   "techstack": {

package/pm-plugins/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/pm-plugins.js",
   "module": "../dist/esm/pm-plugins.js",
   "module:es2019": "../dist/es2019/pm-plugins.js",
+  "sideEffects": false,
   "types": "../dist/types/pm-plugins.d.ts"
 }

package/report.api.md

@@ -0,0 +1,137 @@
+## API Report File for "@atlaskit/editor-tables"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { ContentNodeWithPos } from 'prosemirror-utils';
+import { Mapping } from 'prosemirror-transform';
+import { Node as Node_2 } from 'prosemirror-model';
+import { ResolvedPos } from 'prosemirror-model';
+import { Selection as Selection_2 } from 'prosemirror-state';
+import { Slice } from 'prosemirror-model';
+import { Transaction } from 'prosemirror-state';
+
+declare type Axis = 'horiz' | 'vert';
+
+declare class CellBookmark {
+  readonly anchor: number;
+  readonly head: number;
+  constructor(anchor: number, head: number);
+  map(mapping: Mapping): CellBookmark;
+  resolve(doc: Node_2): Selection_2;
+}
+
+export declare class CellSelection extends Selection_2 {
+  readonly $anchorCell: ResolvedPos;
+  readonly $headCell: ResolvedPos;
+  readonly visible: boolean;
+  constructor($anchorCell: ResolvedPos, $headCell?: ResolvedPos);
+  map(doc: Node_2, mapping: Mapping): Selection_2;
+  content(): Slice;
+  replace(tr: Transaction, content?: Slice<any>): void;
+  replaceWith(tr: Transaction, node: Node_2): void;
+  forEachCell(f: (node: Node_2, pos: number) => void): void;
+  isColSelection(): boolean;
+  static colSelection(
+    $anchorCell: ResolvedPos,
+    $headCell?: ResolvedPos,
+  ): CellSelection;
+  isRowSelection(): boolean;
+  eq(other: CellSelection): boolean;
+  static rowSelection(
+    $anchorCell: ResolvedPos,
+    $headCell?: ResolvedPos,
+  ): CellSelection;
+  toJSON(): SerializedCellSelection;
+  static fromJSON(doc: Node_2, json: SerializedCellSelection): CellSelection;
+  static create(
+    doc: Node_2,
+    anchorCell: number,
+    headCell?: number,
+  ): CellSelection;
+  getBookmark(): CellBookmark;
+}
+
+export declare const findTable: (
+  selection: Selection_2,
+) => ContentNodeWithPos | undefined;
+
+export declare class Rect {
+  left: number;
+  top: number;
+  right: number;
+  bottom: number;
+  constructor(left: number, top: number, right: number, bottom: number);
+}
+
+declare interface SerializedCellSelection {
+  type: 'cell';
+  anchor: number;
+  head: number;
+}
+
+export declare class TableMap {
+  width: number;
+  height: number;
+  map: number[];
+  problems?: TableProblem[] | null;
+  constructor(
+    width: number,
+    height: number,
+    map: number[],
+    problems?: TableProblem[] | null,
+  );
+  findCell(pos: number): Rect;
+  colCount(pos: number): number;
+  nextCell(pos: number, axis: Axis, dir: number): number | null;
+  rectBetween(a: number, b: number): Rect;
+  cellsInRect(rect: Rect): number[];
+  positionAt(row: number, col: number, table: Node_2): number;
+  static get(table: Node_2): TableMap;
+}
+
+declare type TableProblem =
+  | TableProblemCollision
+  | TableProblemLongRowspan
+  | TableProblemMissing
+  | TableProblemColWidthMismatch;
+
+declare type TableProblemCollision = {
+  type: TableProblemTypes.COLLISION;
+  row: number;
+  pos: number;
+  n: number;
+};
+
+declare type TableProblemColWidthMismatch = {
+  type: TableProblemTypes;
+  pos: number;
+  colwidth: number;
+};
+
+declare type TableProblemLongRowspan = {
+  type: TableProblemTypes.OVERLONG_ROWSPAN;
+  pos: number;
+  n: number;
+};
+
+declare type TableProblemMissing = {
+  type: TableProblemTypes.MISSING;
+  row: number;
+  n: number;
+};
+
+declare enum TableProblemTypes {
+  COLLISION = 'collision',
+  OVERLONG_ROWSPAN = 'overlong_rowspan',
+  MISSING = 'missing',
+  COLWIDTH_MISMATCH = 'colwidth mismatch',
+}
+
+export declare const uuid: {
+  setStatic(value: string | false): void;
+  generate(): string;
+};
+
+export {};
+```

package/table-map/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/table-map.js",
   "module": "../dist/esm/table-map.js",
   "module:es2019": "../dist/es2019/table-map.js",
+  "sideEffects": false,
   "types": "../dist/types/table-map.d.ts"
 }

package/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "noImplicitAny": true,
     "baseUrl": "./"
   },
   "include": [

package/types/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/types.js",
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
+  "sideEffects": false,
   "types": "../dist/types/types.d.ts"
 }

package/utils/package.json

@@ -3,5 +3,6 @@
   "main": "../dist/cjs/utils.js",
   "module": "../dist/esm/utils.js",
   "module:es2019": "../dist/es2019/utils.js",
+  "sideEffects": false,
   "types": "../dist/types/utils.d.ts"
 }