@atlaskit/editor-tables 2.2.3 → 2.2.5

package/dist/cjs/pm-plugins/input.js

@@ -6,25 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleKeyDown = void 0;
 exports.handleMouseDown = handleMouseDown;
 exports.handleTripleClick = handleTripleClick;
-
 var _prosemirrorKeymap = require("prosemirror-keymap");
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _cellSelection = require("../cell-selection");
-
 var _utils = require("../utils");
-
 var _cells = require("../utils/cells");
-
 var _tables = require("../utils/tables");
-
 var _pluginKey = require("./plugin-key");
-
 // This file defines a number of helpers for wiring up user input to
 // table-related functionality.
+
 var handleKeyDown = (0, _prosemirrorKeymap.keydownHandler)({
   ArrowLeft: arrow('horiz', -1),
   ArrowRight: arrow('horiz', 1),
@@ -40,46 +32,35 @@ var handleKeyDown = (0, _prosemirrorKeymap.keydownHandler)({
   'Mod-Delete': deleteCellSelection
 });
 exports.handleKeyDown = handleKeyDown;
-
 function maybeSetSelection(state, dispatch, selection) {
   if (selection.eq(state.selection)) {
     return false;
   }
-
   if (dispatch) {
     dispatch(state.tr.setSelection(selection).scrollIntoView());
   }
-
   return true;
 }
-
 function arrow(axis, dir) {
   return function (state, dispatch, view) {
     if (dispatch) {
       var sel = state.selection;
-
       if (sel instanceof _cellSelection.CellSelection) {
         return maybeSetSelection(state, dispatch, _prosemirrorState.Selection.near(sel.$headCell, dir));
       }
-
       if (axis !== 'horiz' && !sel.empty) {
         return false;
       }
-
       var end = view ? atEndOfCell(view, axis, dir) : null;
-
       if (end === null) {
         return false;
       }
-
       if (axis === 'horiz') {
         return maybeSetSelection(state, dispatch, _prosemirrorState.Selection.near(state.doc.resolve(sel.head + dir), dir));
       }
-
       var $cell = state.doc.resolve(end);
       var $next = (0, _cells.nextCell)($cell, axis, dir);
       var newSel;
-
       if ($next) {
         newSel = _prosemirrorState.Selection.near($next, 1);
       } else if (dir < 0) {
@@ -87,49 +68,47 @@ function arrow(axis, dir) {
       } else {
         newSel = _prosemirrorState.Selection.near(state.doc.resolve($cell.after(-1)), 1);
       }
-
       return maybeSetSelection(state, dispatch, newSel);
     }
-
     return true;
   };
 }
-
 function shiftArrow(axis, dir) {
   return function (state, dispatch, view) {
     var sel = state.selection;
-
     if (!(sel instanceof _cellSelection.CellSelection)) {
+      var _maybeTableCell$paren;
       var end = view ? atEndOfCell(view, axis, dir) : null;
-
       if (end === null) {
         return false;
       }
-
+      var _state$selection = state.selection,
+        _$head = _state$selection.$head,
+        $anchor = _state$selection.$anchor;
+      var maybeTableCell = _$head.blockRange($anchor);
+
+      // Make sure the selection is coming from the same cell
+      var sameCell = ['tableCell', 'tableHeader'].includes((maybeTableCell === null || maybeTableCell === void 0 ? void 0 : (_maybeTableCell$paren = maybeTableCell.parent) === null || _maybeTableCell$paren === void 0 ? void 0 : _maybeTableCell$paren.type.name) || '');
+      if (!sameCell) {
+        return false;
+      }
       sel = new _cellSelection.CellSelection(state.doc.resolve(end));
     }
-
     var $head = (0, _cells.nextCell)(sel.$headCell, axis, dir);
-
     if (!$head) {
       return false;
     }
-
     if (dispatch) {
       return maybeSetSelection(state, dispatch, new _cellSelection.CellSelection(sel.$anchorCell, $head));
     }
-
     return true;
   };
 }
-
 function deleteCellSelection(state, dispatch) {
   var sel = state.selection;
-
   if (!(sel instanceof _cellSelection.CellSelection)) {
     return false;
   }
-
   if (dispatch) {
     var tr = state.tr;
     var baseContent = (0, _utils.tableNodeTypes)(state.schema).cell.createAndFill().content;
@@ -138,38 +117,30 @@ function deleteCellSelection(state, dispatch) {
         tr.replace(tr.mapping.map(pos + 1), tr.mapping.map(pos + cell.nodeSize - 1), new _prosemirrorModel.Slice(baseContent, 0, 0));
       }
     });
-
     if (tr.docChanged) {
       dispatch(tr);
     }
   }
-
   return true;
 }
-
 function handleTripleClick(view, pos) {
   var doc = view.state.doc;
   var $cell = (0, _cells.cellAround)(doc.resolve(pos));
-
   if (!$cell) {
     return false;
   }
-
   view.dispatch(view.state.tr.setSelection(new _cellSelection.CellSelection($cell)));
   return true;
 }
-
 function handleMouseDown(view, event) {
-  var startEvent = event; // Prevent right clicks from making a cell selection https://product-fabric.atlassian.net/browse/ED-12527
-
+  var startEvent = event;
+  // Prevent right clicks from making a cell selection https://product-fabric.atlassian.net/browse/ED-12527
   if (startEvent.ctrlKey || startEvent.metaKey || startEvent.button === 2 // right mouse click
   ) {
     return false;
   }
-
   var startDOMCell = domInCell(view, startEvent.target);
   var $anchor = (0, _cells.cellAround)(view.state.selection.$anchor);
-
   if (startEvent.shiftKey && view.state.selection instanceof _cellSelection.CellSelection) {
     // Adding to an existing cell selection
     setCellSelection(view.state.selection.$anchorCell, startEvent);
@@ -182,14 +153,13 @@ function handleMouseDown(view, event) {
   } else if (!startDOMCell) {
     // Not in a cell, let the default behavior happen.
     return false;
-  } // Create and dispatch a cell selection between the given anchor and
-  // the position under the mouse.
-
+  }
 
+  // Create and dispatch a cell selection between the given anchor and
+  // the position under the mouse.
   function setCellSelection($selectionAnchor, event) {
     var $head = cellUnderMouse(view, event);
     var starting = _pluginKey.tableEditingKey.getState(view.state) == null;
-
     if (!$head || !(0, _tables.inSameTable)($selectionAnchor, $head)) {
       if (starting) {
         $head = $selectionAnchor;
@@ -197,109 +167,88 @@ function handleMouseDown(view, event) {
         return false;
       }
     }
-
     var selection = new _cellSelection.CellSelection($selectionAnchor, $head);
-
     if (starting || !view.state.selection.eq(selection)) {
       var tr = view.state.tr.setSelection(selection);
-
       if (starting) {
         tr.setMeta(_pluginKey.tableEditingKey, $selectionAnchor.pos);
       }
-
       view.dispatch(tr);
     }
-  } // Stop listening to mouse motion events.
-
+  }
 
+  // Stop listening to mouse motion events.
   function stop() {
     view.root.removeEventListener('mouseup', stop);
     view.root.removeEventListener('dragstart', stop);
     view.root.removeEventListener('mousemove', move);
-
     if (_pluginKey.tableEditingKey.getState(view.state) != null) {
       view.dispatch(view.state.tr.setMeta(_pluginKey.tableEditingKey, -1));
     }
   }
-
   function move(event) {
     var anchor = _pluginKey.tableEditingKey.getState(view.state);
-
     var $moveAnchor;
-
     if (anchor != null) {
       // Continuing an existing cross-cell selection
       $moveAnchor = view.state.doc.resolve(anchor);
     } else if (domInCell(view, event.target) !== startDOMCell) {
       // Moving out of the initial cell -- start a new cell selection
       $moveAnchor = cellUnderMouse(view, startEvent);
-
       if (!$moveAnchor) {
         stop();
         return;
       }
     }
-
     if ($moveAnchor) {
       setCellSelection($moveAnchor, event);
     }
   }
-
   view.root.addEventListener('mouseup', stop);
   view.root.addEventListener('dragstart', stop);
   view.root.addEventListener('mousemove', move);
   return false;
-} // Check whether the cursor is at the end of a cell (so that further
-// motion would move out of the cell)
-
+}
 
+// Check whether the cursor is at the end of a cell (so that further
+// motion would move out of the cell)
 function atEndOfCell(view, axis, dir) {
   if (!(view.state.selection instanceof _prosemirrorState.TextSelection)) {
     return null;
   }
-
   var $head = view.state.selection.$head;
-
   for (var d = $head.depth - 1; d >= 0; d--) {
     var parent = $head.node(d);
     var index = dir < 0 ? $head.index(d) : $head.indexAfter(d);
-
     if (index !== (dir < 0 ? 0 : parent.childCount)) {
       return null;
     }
-
     if (parent.type.spec.tableRole === 'cell' || parent.type.spec.tableRole === 'header_cell') {
       var cellPos = $head.before(d);
-      var dirStr = // eslint-disable-next-line no-nested-ternary
+      var dirStr =
+      // eslint-disable-next-line no-nested-ternary
       axis === 'vert' ? dir > 0 ? 'down' : 'up' : dir > 0 ? 'right' : 'left';
       return view.endOfTextblock(dirStr) ? cellPos : null;
     }
   }
-
   return null;
 }
-
 function domInCell(view, inputDom) {
   var dom = inputDom;
-
   for (; dom && dom !== view.dom; dom = dom.parentNode) {
     if (dom.nodeName === 'TD' || dom.nodeName === 'TH') {
       return dom;
     }
   }
-
   return null;
 }
-
 function cellUnderMouse(view, event) {
   var mousePos = view.posAtCoords({
     left: event.clientX,
     top: event.clientY
   });
-
   if (!mousePos) {
     return null;
   }
-
   return (0, _cells.cellAround)(view.state.doc.resolve(mousePos.pos));
 }

package/dist/cjs/pm-plugins/plugin-key.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableEditingKey = exports.fixTablesKey = void 0;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var tableEditingKey = new _prosemirrorState.PluginKey('selectingCells');
 exports.tableEditingKey = tableEditingKey;
 var fixTablesKey = new _prosemirrorState.PluginKey('fix-tables');

package/dist/cjs/pm-plugins/table-editing.js

@@ -4,27 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tableEditing = tableEditing;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _utils = require("../utils");
-
 var _drawCellSelection = require("../utils/draw-cell-selection");
-
 var _fixTables = require("../utils/fix-tables");
-
 var _normalizeSelection = require("../utils/normalize-selection");
-
 var _input = require("./input");
-
 var _pluginKey = require("./plugin-key");
+// :: () → Plugin
+//
+// Creates a [plugin](http://prosemirror.net/docs/ref/#state.Plugin)
+// that, when added to an editor, enables cell-selection, handles
+// cell-based copy/paste, and makes sure tables stay well-formed (each
+// row has the same width, and cells don't overlap).
+//
+// You should probably put this plugin near the end of your array of
+// plugins, since it handles mouse and arrow key events in tables
+// rather broadly, and other plugins, like the gap cursor or the
+// column-width dragging plugin, might want to get a turn first to
+// perform more specific behavior.
 
 function tableEditing() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      _ref$allowTableNodeSe = _ref.allowTableNodeSelection,
-      allowTableNodeSelection = _ref$allowTableNodeSe === void 0 ? false : _ref$allowTableNodeSe,
-      reportFixedTable = _ref.reportFixedTable;
-
+    _ref$allowTableNodeSe = _ref.allowTableNodeSelection,
+    allowTableNodeSelection = _ref$allowTableNodeSe === void 0 ? false : _ref$allowTableNodeSe,
+    reportFixedTable = _ref.reportFixedTable;
   return new _prosemirrorState.Plugin({
     key: _pluginKey.tableEditingKey,
     // This piece of state is used to remember when a mouse-drag
@@ -37,19 +41,15 @@ function tableEditing() {
       apply: function apply(unsafeTr, cur) {
         var tr = unsafeTr;
         var set = tr.getMeta(_pluginKey.tableEditingKey);
-
         if (set != null) {
           return set === -1 ? null : set;
         }
-
         if (cur == null || !tr.docChanged) {
           return cur;
         }
-
         var _tr$mapping$mapResult = tr.mapping.mapResult(cur),
-            deleted = _tr$mapping$mapResult.deleted,
-            pos = _tr$mapping$mapResult.pos;
-
+          deleted = _tr$mapping$mapResult.deleted,
+          pos = _tr$mapping$mapResult.pos;
         return deleted ? null : pos;
       }
     },
@@ -62,7 +62,6 @@ function tableEditing() {
         if (_pluginKey.tableEditingKey.getState(view.state) != null) {
           return view.state.selection;
         }
-
         return null;
       },
       handleTripleClick: _input.handleTripleClick,

package/dist/cjs/pm-plugins.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "tableEditingKey", {
     return _pluginKey.tableEditingKey;
   }
 });
-
 var _tableEditing = require("./pm-plugins/table-editing");
-
 var _pluginKey = require("./pm-plugins/plugin-key");