@atlaskit/editor-plugin-table 1.1.1 → 1.1.3

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

@@ -4,66 +4,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateResizeHandles = exports.isTableControlsButton = exports.isTableContainerOrWrapper = exports.isRowControlsButton = exports.isResizeHandleDecoration = exports.isInsertRowButton = exports.isCornerButton = exports.isColumnControlsDecorations = exports.isCell = exports.hasResizeHandler = exports.getMousePositionVerticalRelativeByElement = exports.getMousePositionHorizontalRelativeByElement = exports.getColumnOrRowIndex = void 0;
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _types = require("../types");
-
 var _consts = require("../ui/consts");
-
 var SELECTOR_TABLE_LEAFS = ".".concat(_types.TableCssClassName.TABLE_CELL, ", .").concat(_types.TableCssClassName.TABLE_HEADER_CELL);
-
 var isCell = function isCell(node) {
   return Boolean(node && (['TH', 'TD'].indexOf(node.tagName) > -1 || !!(0, _utils.closestElement)(node, ".".concat(_types.TableCssClassName.TABLE_HEADER_CELL)) || !!(0, _utils.closestElement)(node, ".".concat(_types.TableCssClassName.TABLE_CELL))));
 };
-
 exports.isCell = isCell;
-
 var isCornerButton = function isCornerButton(node) {
   return (0, _utils.containsClassName)(node, _types.TableCssClassName.CONTROLS_CORNER_BUTTON);
 };
-
 exports.isCornerButton = isCornerButton;
-
 var isInsertRowButton = function isInsertRowButton(node) {
   return (0, _utils.containsClassName)(node, _types.TableCssClassName.CONTROLS_INSERT_ROW) || (0, _utils.closestElement)(node, ".".concat(_types.TableCssClassName.CONTROLS_INSERT_ROW)) || (0, _utils.containsClassName)(node, _types.TableCssClassName.CONTROLS_BUTTON_OVERLAY) && (0, _utils.closestElement)(node, ".".concat(_types.TableCssClassName.ROW_CONTROLS));
 };
-
 exports.isInsertRowButton = isInsertRowButton;
-
 var getColumnOrRowIndex = function getColumnOrRowIndex(target) {
   return [parseInt(target.getAttribute('data-start-index') || '-1', 10), parseInt(target.getAttribute('data-end-index') || '-1', 10)];
 };
-
 exports.getColumnOrRowIndex = getColumnOrRowIndex;
-
 var isColumnControlsDecorations = function isColumnControlsDecorations(node) {
   return (0, _utils.containsClassName)(node, _types.TableCssClassName.COLUMN_CONTROLS_DECORATIONS);
 };
-
 exports.isColumnControlsDecorations = isColumnControlsDecorations;
-
 var isRowControlsButton = function isRowControlsButton(node) {
   return (0, _utils.containsClassName)(node, _types.TableCssClassName.ROW_CONTROLS_BUTTON) || (0, _utils.containsClassName)(node, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON);
 };
-
 exports.isRowControlsButton = isRowControlsButton;
-
 var isResizeHandleDecoration = function isResizeHandleDecoration(node) {
   return (0, _utils.containsClassName)(node, _types.TableCssClassName.RESIZE_HANDLE_DECORATION);
 };
-
 exports.isResizeHandleDecoration = isResizeHandleDecoration;
-
 var isTableControlsButton = function isTableControlsButton(node) {
   return (0, _utils.containsClassName)(node, _types.TableCssClassName.CONTROLS_BUTTON) || (0, _utils.containsClassName)(node, _types.TableCssClassName.ROW_CONTROLS_BUTTON_WRAP);
 };
-
 exports.isTableControlsButton = isTableControlsButton;
-
 var isTableContainerOrWrapper = function isTableContainerOrWrapper(node) {
   return (0, _utils.containsClassName)(node, _types.TableCssClassName.TABLE_CONTAINER) || (0, _utils.containsClassName)(node, _types.TableCssClassName.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:
@@ -117,20 +97,14 @@ var isTableContainerOrWrapper = function isTableContainerOrWrapper(node) {
  *
  * the same is valid to the right side.
  */
-
-
 exports.isTableContainerOrWrapper = isTableContainerOrWrapper;
-
 var getMousePositionHorizontalRelativeByElement = function getMousePositionHorizontalRelativeByElement(mouseEvent, mouseMoveOptimization, elementContentRects, gapInPixels) {
   var element = mouseEvent.target;
-
   if (element instanceof HTMLElement) {
     var width, x;
     var closestCell = element.closest(SELECTOR_TABLE_LEAFS);
-
     if (mouseMoveOptimization) {
       var _closestCell$id, _elementContentRects$, _elementContentRects$2;
-
       var 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;
@@ -140,11 +114,9 @@ var getMousePositionHorizontalRelativeByElement = function getMousePositionHoriz
       var left = elementRect.left;
       x = mouseEvent.clientX - left;
     }
-
     if (width <= 0) {
       return null;
     }
-
     if (!gapInPixels) {
       return x / width > 0.5 ? 'right' : 'left';
     } else {
@@ -155,68 +127,49 @@ var getMousePositionHorizontalRelativeByElement = function getMousePositionHoriz
       }
     }
   }
-
   return null;
 };
-
 exports.getMousePositionHorizontalRelativeByElement = getMousePositionHorizontalRelativeByElement;
-
 var getMousePositionVerticalRelativeByElement = function getMousePositionVerticalRelativeByElement(mouseEvent) {
   var element = mouseEvent.target;
-
   if (element instanceof HTMLElement) {
     var elementRect = element.getBoundingClientRect();
-
     if (elementRect.height <= 0) {
       return null;
     }
-
     var y = mouseEvent.clientY - elementRect.top;
     return y / elementRect.height > 0.5 ? 'bottom' : 'top';
   }
-
   return null;
 };
-
 exports.getMousePositionVerticalRelativeByElement = getMousePositionVerticalRelativeByElement;
-
 var updateResizeHandles = function updateResizeHandles(tableRef) {
   if (!tableRef) {
     return;
   }
-
-  var height = tableRef.offsetHeight + _consts.tableToolbarSize; // see ED-7600
-
+  var height = tableRef.offsetHeight + _consts.tableToolbarSize;
+  // see ED-7600
   var nodes = Array.from(tableRef.querySelectorAll(".".concat(_types.TableCssClassName.RESIZE_HANDLE)));
-
   if (!nodes || !nodes.length) {
     return;
   }
-
   nodes.forEach(function (node) {
     node.style.height = "".concat(height, "px");
   });
 };
-
 exports.updateResizeHandles = updateResizeHandles;
-
 var hasResizeHandler = function hasResizeHandler(_ref) {
   var columnEndIndexTarget = _ref.columnEndIndexTarget,
-      target = _ref.target;
+    target = _ref.target;
   var tableElement = (0, _utils.closestElement)(target, 'table');
-
   if (!tableElement) {
     return false;
   }
-
   var query = [".".concat(_types.TableCssClassName.RESIZE_HANDLE_DECORATION), "[data-end-index=\"".concat(columnEndIndexTarget, "\"]")];
   var decorationElement = tableElement.querySelectorAll(query.join(''));
-
   if (!decorationElement || decorationElement.length === 0) {
     return false;
   }
-
   return true;
 };
-
 exports.hasResizeHandler = hasResizeHandler;

package/dist/cjs/plugins/table/utils/get-allow-add-column-custom-step.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAllowAddColumnCustomStep = getAllowAddColumnCustomStep;
-
 var _pluginFactory = require("../pm-plugins/plugin-factory");
-
 function getAllowAddColumnCustomStep(state) {
   var tablePluginState = (0, _pluginFactory.getPluginState)(state);
   return Boolean(tablePluginState) && Boolean(tablePluginState.pluginConfig.allowAddColumnWithCustomStep);

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

@@ -333,23 +333,13 @@ Object.defineProperty(exports, "updateResizeHandles", {
     return _dom.updateResizeHandles;
   }
 });
-
 var _selection = require("./selection");
-
 var _decoration = require("./decoration");
-
 var _nodes = require("./nodes");
-
 var _paste = require("./paste");
-
 var _dom = require("./dom");
-
 var _columnControls = require("./column-controls");
-
 var _rowControls = require("./row-controls");
-
 var _analytics = require("./analytics");
-
 var _table = require("./table");
-
 var _updatePluginStateDecorations = require("./update-plugin-state-decorations");

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

@@ -1,43 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tablesHaveDifferentNoOfColumns = exports.tablesHaveDifferentColumnWidths = exports.isLayoutSupported = exports.isIsolating = exports.getTableWidth = exports.containsHeaderRow = exports.containsHeaderColumn = exports.checkIfNumberColumnEnabled = exports.checkIfHeaderRowEnabled = exports.checkIfHeaderColumnEnabled = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _tableMap = require("@atlaskit/editor-tables/table-map");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _utils = require("@atlaskit/editor-tables/utils");
-
 var _pluginKey = require("../pm-plugins/plugin-key");
-
 var isIsolating = function isIsolating(node) {
   return !!node.type.spec.isolating;
 };
-
 exports.isIsolating = isIsolating;
-
 var containsHeaderColumn = function containsHeaderColumn(table) {
-  var map = _tableMap.TableMap.get(table); // Get cell positions for first column.
-
-
+  var map = _tableMap.TableMap.get(table);
+  // Get cell positions for first column.
   var cellPositions = map.cellsInRect({
     left: 0,
     top: 0,
     right: 1,
     bottom: map.height
   });
-
   for (var i = 0; i < cellPositions.length; i++) {
     try {
       var cell = table.nodeAt(cellPositions[i]);
-
       if (cell && cell.type !== table.type.schema.nodes.tableHeader) {
         return false;
       }
@@ -45,109 +33,78 @@ var containsHeaderColumn = function containsHeaderColumn(table) {
       return false;
     }
   }
-
   return true;
 };
-
 exports.containsHeaderColumn = containsHeaderColumn;
-
 var containsHeaderRow = function containsHeaderRow(table) {
   var map = _tableMap.TableMap.get(table);
-
   for (var i = 0; i < map.width; i++) {
     var cell = table.nodeAt(map.map[i]);
-
     if (cell && cell.type !== table.type.schema.nodes.tableHeader) {
       return false;
     }
   }
-
   return true;
 };
-
 exports.containsHeaderRow = containsHeaderRow;
-
 var checkIfHeaderColumnEnabled = function checkIfHeaderColumnEnabled(selection) {
   return filterNearSelection(selection, _utils.findTable, containsHeaderColumn, false);
 };
-
 exports.checkIfHeaderColumnEnabled = checkIfHeaderColumnEnabled;
-
 var checkIfHeaderRowEnabled = function checkIfHeaderRowEnabled(selection) {
   return filterNearSelection(selection, _utils.findTable, containsHeaderRow, false);
 };
-
 exports.checkIfHeaderRowEnabled = checkIfHeaderRowEnabled;
-
 var checkIfNumberColumnEnabled = function checkIfNumberColumnEnabled(selection) {
   return filterNearSelection(selection, _utils.findTable, function (table) {
     return !!table.attrs.isNumberColumnEnabled;
   }, false);
 };
-
 exports.checkIfNumberColumnEnabled = checkIfNumberColumnEnabled;
-
 var isLayoutSupported = function isLayoutSupported(state) {
   var permittedLayouts = _pluginKey.pluginKey.getState(state).pluginConfig.permittedLayouts;
-
   var _state$schema$nodes = state.schema.nodes,
-      bodiedExtension = _state$schema$nodes.bodiedExtension,
-      layoutSection = _state$schema$nodes.layoutSection,
-      expand = _state$schema$nodes.expand;
+    bodiedExtension = _state$schema$nodes.bodiedExtension,
+    layoutSection = _state$schema$nodes.layoutSection,
+    expand = _state$schema$nodes.expand;
   return !(0, _prosemirrorUtils.hasParentNodeOfType)([expand, layoutSection, bodiedExtension])(state.selection) && permittedLayouts && (permittedLayouts === 'all' || permittedLayouts.indexOf('default') > -1 && permittedLayouts.indexOf('wide') > -1 && permittedLayouts.indexOf('full-page') > -1);
 };
-
 exports.isLayoutSupported = isLayoutSupported;
-
 var getTableWidth = function getTableWidth(node) {
   return getTableWidths(node).reduce(function (acc, current) {
     return acc + current;
   }, 0);
 };
-
 exports.getTableWidth = getTableWidth;
-
 var tablesHaveDifferentColumnWidths = function tablesHaveDifferentColumnWidths(currentTable, previousTable) {
   var currentTableWidths = getTableWidths(currentTable);
   var previousTableWidths = getTableWidths(previousTable);
-
   if (currentTableWidths.length !== previousTableWidths.length) {
     return true;
   }
-
   var sameWidths = currentTableWidths.every(function (value, index) {
     return value === previousTableWidths[index];
   });
   return sameWidths === false;
 };
-
 exports.tablesHaveDifferentColumnWidths = tablesHaveDifferentColumnWidths;
-
 var tablesHaveDifferentNoOfColumns = function tablesHaveDifferentNoOfColumns(currentTable, previousTable) {
   var prevMap = _tableMap.TableMap.get(previousTable);
-
   var currentMap = _tableMap.TableMap.get(currentTable);
-
   return prevMap.width !== currentMap.width;
 };
-
 exports.tablesHaveDifferentNoOfColumns = tablesHaveDifferentNoOfColumns;
-
 function filterNearSelection(selection, findNode, predicate, defaultValue) {
   var found = findNode(selection);
-
   if (!found) {
     return defaultValue;
   }
-
   return predicate(found.node, found.pos);
 }
-
 function getTableWidths(node) {
   if (!node.content.firstChild) {
     return [];
   }
-
   var tableWidths = [];
   node.content.firstChild.content.forEach(function (cell) {
     if (Array.isArray(cell.attrs.colwidth)) {

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

@@ -1,146 +1,121 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isHeaderRowRequired = isHeaderRowRequired;
 exports.unwrapContentFromTable = exports.transformSliceToRemoveOpenTable = exports.transformSliceToFixHardBreakProblemOnCopyFromCell = exports.transformSliceToCorrectEmptyTableCells = exports.removeTableFromLastChild = exports.removeTableFromFirstChild = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorUtils = require("prosemirror-utils");
-
 var _utils = require("@atlaskit/editor-common/utils");
-
 var _pluginFactory = require("../pm-plugins/plugin-factory");
-
 // lifts up the content of each cell, returning an array of nodes
 var unwrapContentFromTable = function unwrapContentFromTable(maybeTable) {
   var schema = maybeTable.type.schema;
-
   if (maybeTable.type === schema.nodes.table) {
     var content = [];
     var _schema$nodes = schema.nodes,
-        tableCell = _schema$nodes.tableCell,
-        tableHeader = _schema$nodes.tableHeader;
+      tableCell = _schema$nodes.tableCell,
+      tableHeader = _schema$nodes.tableHeader;
     maybeTable.descendants(function (maybeCell) {
       if (maybeCell.type === tableCell || maybeCell.type === tableHeader) {
         content.push.apply(content, (0, _toConsumableArray2.default)((0, _prosemirrorUtils.flatten)(maybeCell, false).map(function (child) {
           return child.node;
         })));
       }
-
       return true;
     });
     return content;
   }
-
   return maybeTable;
 };
-
 exports.unwrapContentFromTable = unwrapContentFromTable;
-
 var removeTableFromFirstChild = function removeTableFromFirstChild(node, i) {
   return i === 0 ? unwrapContentFromTable(node) : node;
 };
-
 exports.removeTableFromFirstChild = removeTableFromFirstChild;
-
 var removeTableFromLastChild = function removeTableFromLastChild(node, i, fragment) {
   return i === fragment.childCount - 1 ? unwrapContentFromTable(node) : node;
 };
+
 /**
  * When we copy from a table cell with a hardBreak at the end,
  * the slice generated will come with a hardBreak outside of the table.
  * This code will look for that pattern and fix it.
  */
-
-
 exports.removeTableFromLastChild = removeTableFromLastChild;
-
 var transformSliceToFixHardBreakProblemOnCopyFromCell = function transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema) {
   var _schema$nodes2 = schema.nodes,
-      paragraph = _schema$nodes2.paragraph,
-      table = _schema$nodes2.table,
-      hardBreak = _schema$nodes2.hardBreak;
+    paragraph = _schema$nodes2.paragraph,
+    table = _schema$nodes2.table,
+    hardBreak = _schema$nodes2.hardBreak;
   var emptyParagraphNode = paragraph.createAndFill();
   var hardBreakNode = hardBreak === null || hardBreak === void 0 ? void 0 : hardBreak.createAndFill();
   var paragraphNodeSize = emptyParagraphNode ? emptyParagraphNode.nodeSize : 0;
   var hardBreakNodeSize = hardBreakNode ? hardBreakNode.nodeSize : 0;
   var paragraphWithHardBreakSize = paragraphNodeSize + hardBreakNodeSize;
-
   if (slice.content.childCount === 2 && slice.content.firstChild && slice.content.lastChild && slice.content.firstChild.type === table && slice.content.lastChild.type === paragraph && slice.content.lastChild.nodeSize === paragraphWithHardBreakSize) {
     var nodes = unwrapContentFromTable(slice.content.firstChild);
-
     if (nodes instanceof Array) {
-      return new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.from( // keep only the content and discard the hardBreak
+      return new _prosemirrorModel.Slice(_prosemirrorModel.Fragment.from(
+      // keep only the content and discard the hardBreak
       nodes[0]), slice.openStart, slice.openEnd);
     }
   }
-
   return slice;
 };
-
 exports.transformSliceToFixHardBreakProblemOnCopyFromCell = transformSliceToFixHardBreakProblemOnCopyFromCell;
-
 var transformSliceToRemoveOpenTable = function transformSliceToRemoveOpenTable(slice, schema) {
   var _slice$content$firstC6;
-
   // we're removing the table, tableRow and tableCell reducing the open depth by 3
-  var depthDecrement = 3; // Case 1: A slice entirely within a single CELL
+  var depthDecrement = 3;
 
-  if ( // starts and ends inside of a cell
-  slice.openStart >= 4 && slice.openEnd >= 4 && // slice is a table node
+  // Case 1: A slice entirely within a single CELL
+  if (
+  // starts and ends inside of a cell
+  slice.openStart >= 4 && slice.openEnd >= 4 &&
+  // slice is a table node
   slice.content.childCount === 1 && slice.content.firstChild.type === schema.nodes.table) {
     var _slice$content$firstC, _slice$content$firstC2, _slice$content$firstC3, _slice$content$firstC4, _slice$content$firstC5;
-
     // prosemirror-view has a bug that it duplicates table entry when selecting multiple paragraphs in a table cell.
     // https://github.com/ProseMirror/prosemirror/issues/1270
     // The structure becomes
     // table(genuine) > tableRow(genuine) > table(duplicated) > tableRow(duplicated) > tableCell/tableHeader(genuine) > contents(genuine)
     // As we are removing wrapping table anyway, we keep duplicated table and tableRow for simplicity
     var cleaned = slice;
-
     if (((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : (_slice$content$firstC2 = _slice$content$firstC.content) === null || _slice$content$firstC2 === void 0 ? void 0 : (_slice$content$firstC3 = _slice$content$firstC2.firstChild) === null || _slice$content$firstC3 === void 0 ? void 0 : (_slice$content$firstC4 = _slice$content$firstC3.content) === null || _slice$content$firstC4 === void 0 ? void 0 : (_slice$content$firstC5 = _slice$content$firstC4.firstChild) === null || _slice$content$firstC5 === void 0 ? void 0 : _slice$content$firstC5.type) === schema.nodes.table) {
       cleaned = new _prosemirrorModel.Slice(slice.content.firstChild.content.firstChild.content, slice.openStart - 2, slice.openEnd - 2);
     }
-
     return new _prosemirrorModel.Slice((0, _utils.flatmap)(cleaned.content, unwrapContentFromTable), cleaned.openStart - depthDecrement, cleaned.openEnd - depthDecrement);
-  } // Case 2: A slice starting within a CELL and ending outside the table
-
+  }
 
-  if ( // starts inside of a cell but ends outside of the starting table
-  slice.openStart >= 4 && // slice starts from a table node (and spans across more than one node)
+  // Case 2: A slice starting within a CELL and ending outside the table
+  if (
+  // starts inside of a cell but ends outside of the starting table
+  slice.openStart >= 4 &&
+  // slice starts from a table node (and spans across more than one node)
   slice.content.childCount > 1 && ((_slice$content$firstC6 = slice.content.firstChild) === null || _slice$content$firstC6 === void 0 ? void 0 : _slice$content$firstC6.type) === schema.nodes.table) {
     // repoint the slice's cutting depth so that cell content where the slice starts
     // does not get lifted out of the cell on paste
     return new _prosemirrorModel.Slice(slice.content, 1, slice.openEnd);
   }
-
   return slice;
 };
-
 exports.transformSliceToRemoveOpenTable = transformSliceToRemoveOpenTable;
-
 var transformSliceToCorrectEmptyTableCells = function transformSliceToCorrectEmptyTableCells(slice, schema) {
   var _schema$nodes3 = schema.nodes,
-      tableCell = _schema$nodes3.tableCell,
-      tableHeader = _schema$nodes3.tableHeader;
+    tableCell = _schema$nodes3.tableCell,
+    tableHeader = _schema$nodes3.tableHeader;
   return (0, _utils.mapSlice)(slice, function (node) {
     if (node && (node.type === tableCell || node.type === tableHeader) && !node.content.childCount) {
       return node.type.createAndFill(node.attrs) || node;
     }
-
     return node;
   });
 };
-
 exports.transformSliceToCorrectEmptyTableCells = transformSliceToCorrectEmptyTableCells;
-
 function isHeaderRowRequired(state) {
   var tableState = (0, _pluginFactory.getPluginState)(state);
   return tableState && tableState.pluginConfig.isHeaderRowRequired;