@atlaskit/editor-tables 2.3.11 → 2.3.13

package/dist/cjs/utils/reorder-utils.js

@@ -33,7 +33,7 @@ var _tableMap = require("../table-map");
 //    ['a3', 'b3', 'c3', 'd3'],
 //  ]
 // ```
-var transpose = function transpose(array) {
+var transpose = exports.transpose = function transpose(array) {
   return array[0].map(function (_, i) {
     return array.map(function (column) {
       return column[i];
@@ -67,8 +67,7 @@ var transpose = function transpose(array) {
 // |______|______|______|______|
 // ```
 //
-exports.transpose = transpose;
-var convertArrayOfRowsToTableNode = function convertArrayOfRowsToTableNode(tableNode, arrayOfNodes) {
+var convertArrayOfRowsToTableNode = exports.convertArrayOfRowsToTableNode = function convertArrayOfRowsToTableNode(tableNode, arrayOfNodes) {
   var rowsPM = [];
   var map = _tableMap.TableMap.get(tableNode);
   for (var rowIndex = 0; rowIndex < map.height; rowIndex++) {
@@ -92,7 +91,6 @@ var convertArrayOfRowsToTableNode = function convertArrayOfRowsToTableNode(table
   var newTable = tableNode.type.createChecked(tableNode.attrs, rowsPM, tableNode.marks);
   return newTable;
 };
-exports.convertArrayOfRowsToTableNode = convertArrayOfRowsToTableNode;
 var moveRowInArrayOfRows = function moveRowInArrayOfRows(arrayOfNodes, indexesOrigin, indexesTarget, directionOverride) {
   var direction = indexesOrigin[0] > indexesTarget[0] ? -1 : 1;
   var rowsExtracted = arrayOfNodes.splice(indexesOrigin[0], indexesOrigin.length);
@@ -137,7 +135,7 @@ var moveRowInArrayOfRows = function moveRowInArrayOfRows(arrayOfNodes, indexesOr
 //   [A3. B3, C2, null],
 // ]
 // ```
-var convertTableNodeToArrayOfRows = function convertTableNodeToArrayOfRows(tableNode) {
+var convertTableNodeToArrayOfRows = exports.convertTableNodeToArrayOfRows = function convertTableNodeToArrayOfRows(tableNode) {
   var map = _tableMap.TableMap.get(tableNode);
   var rows = [];
   for (var rowIndex = 0; rowIndex < map.height; rowIndex++) {
@@ -158,21 +156,18 @@ var convertTableNodeToArrayOfRows = function convertTableNodeToArrayOfRows(table
   }
   return rows;
 };
-exports.convertTableNodeToArrayOfRows = convertTableNodeToArrayOfRows;
-var moveTableRow = function moveTableRow(table, indexesOrigin, indexesTarget, direction) {
+var moveTableRow = exports.moveTableRow = function moveTableRow(table, indexesOrigin, indexesTarget, direction) {
   var rows = convertTableNodeToArrayOfRows(table.node);
   rows = moveRowInArrayOfRows(rows, indexesOrigin, indexesTarget, direction);
   return convertArrayOfRowsToTableNode(table.node, rows);
 };
-exports.moveTableRow = moveTableRow;
-var moveTableColumn = function moveTableColumn(table, indexesOrigin, indexesTarget, direction) {
+var moveTableColumn = exports.moveTableColumn = function moveTableColumn(table, indexesOrigin, indexesTarget, direction) {
   var rows = transpose(convertTableNodeToArrayOfRows(table.node));
   rows = moveRowInArrayOfRows(rows, indexesOrigin, indexesTarget, direction);
   rows = transpose(rows);
   return convertArrayOfRowsToTableNode(table.node, rows);
 };
-exports.moveTableColumn = moveTableColumn;
-var isValidReorder = function isValidReorder(originIndex, targetIndex, targets, type) {
+var isValidReorder = exports.isValidReorder = function isValidReorder(originIndex, targetIndex, targets, type) {
   var direction = originIndex > targetIndex ? -1 : 1;
   var errorMessage = "Target position is invalid, you can't move the ".concat(type, " ").concat(originIndex, " to ").concat(targetIndex, ", the target can't be split. You could use tryToFit option.");
   if (direction === 1) {
@@ -185,5 +180,4 @@ var isValidReorder = function isValidReorder(originIndex, targetIndex, targets,
     }
   }
   return true;
-};
-exports.isValidReorder = isValidReorder;
+};

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

@@ -8,7 +8,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _find = require("./find");
 var _isSelected = require("./is-selected");
-var replaceSelectedTable = function replaceSelectedTable(state, content) {
+var replaceSelectedTable = exports.replaceSelectedTable = function replaceSelectedTable(state, content) {
   if ((0, _isSelected.isTableSelected)(state.selection)) {
     var table = (0, _find.findTable)(state.selection);
     if (table) {
@@ -19,5 +19,4 @@ var replaceSelectedTable = function replaceSelectedTable(state, content) {
     }
   }
   return state.tr;
-};
-exports.replaceSelectedTable = replaceSelectedTable;
+};

package/dist/cjs/utils/select-nodes.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectTableClosestToPos = exports.selectTable = exports.selectRow = exports.selectColumn = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _cellSelection = require("../cell-selection");
 var _tableMap = require("../table-map");
 var _cloneTr = require("./clone-tr");
@@ -13,6 +14,8 @@ var select = function select(type) {
     return function (tr) {
       var table = (0, _find.findTable)(tr.selection);
       var isRowSelection = type === 'row';
+      var prevSelection = tr.selection;
+      var isPrevRowSelection = !!prevSelection.$anchorCell && !!prevSelection.$headCell;
       if (table) {
         var map = _tableMap.TableMap.get(table.node);
 
@@ -22,6 +25,7 @@ var select = function select(type) {
           var top = isRowSelection ? index : 0;
           var right = isRowSelection ? map.width : index + 1;
           var bottom = isRowSelection ? index + 1 : map.height;
+          var cellsInFirstRow = [];
           if (expand) {
             var cell = (0, _find.findCellClosestToPos)(tr.selection.$from);
             if (!cell) {
@@ -31,12 +35,56 @@ var select = function select(type) {
             if (isRowSelection) {
               top = Math.min(top, selRect.top);
               bottom = Math.max(bottom, selRect.bottom);
+              if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table-shift-click-selection-backward')) {
+                cellsInFirstRow = map.cellsInRect({
+                  left: left,
+                  top: top,
+                  right: right,
+                  bottom: top + 1
+                });
+                var targetRowCells = map.cellsInRect({
+                  left: left,
+                  top: index,
+                  right: right,
+                  bottom: index + 1
+                });
+                var isBackwardSelection = targetRowCells[0] < prevSelection.$head.pos;
+                if (isBackwardSelection && isPrevRowSelection) {
+                  var _head = table.start + cellsInFirstRow[0];
+                  var _anchor = prevSelection.$anchorCell.pos;
+                  var _$head = tr.doc.resolve(_head);
+                  var _$anchor = tr.doc.resolve(_anchor);
+                  return (0, _cloneTr.cloneTr)(tr.setSelection(new _cellSelection.CellSelection(_$anchor, _$head)));
+                }
+              }
             } else {
               left = Math.min(left, selRect.left);
               right = Math.max(right, selRect.right);
+              if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table-shift-click-selection-backward')) {
+                cellsInFirstRow = map.cellsInRect({
+                  left: left,
+                  top: top,
+                  right: left + 1,
+                  bottom: bottom
+                });
+                var _targetRowCells = map.cellsInRect({
+                  left: index,
+                  top: top,
+                  right: index + 1,
+                  bottom: bottom
+                });
+                var _isBackwardSelection = _targetRowCells[0] < prevSelection.$head.pos;
+                if (_isBackwardSelection && isPrevRowSelection) {
+                  var _head2 = table.start + cellsInFirstRow[0];
+                  var _anchor2 = prevSelection.$anchorCell.pos;
+                  var _$head2 = tr.doc.resolve(_head2);
+                  var _$anchor2 = tr.doc.resolve(_anchor2);
+                  return (0, _cloneTr.cloneTr)(tr.setSelection(new _cellSelection.CellSelection(_$anchor2, _$head2)));
+                }
+              }
             }
           }
-          var cellsInFirstRow = map.cellsInRect({
+          cellsInFirstRow = map.cellsInRect({
             left: left,
             top: top,
             right: isRowSelection ? right : left + 1,
@@ -62,16 +110,14 @@ var select = function select(type) {
 
 // Returns a new transaction that selects a column at index `columnIndex`.
 // Use the optional `expand` param to extend from current selection.
-var selectColumn = select('column');
+var selectColumn = exports.selectColumn = select('column');
 
 // Returns a new transaction that selects a row at index `rowIndex`.
 // Use the optional `expand` param to extend from current selection.
-exports.selectColumn = selectColumn;
-var selectRow = select('row');
+var selectRow = exports.selectRow = select('row');
 
 // Returns a new transaction that selects a table.
-exports.selectRow = selectRow;
-var selectTable = function selectTable(tr) {
+var selectTable = exports.selectTable = function selectTable(tr) {
   var table = (0, _find.findTable)(tr.selection);
   if (table) {
     var _TableMap$get = _tableMap.TableMap.get(table.node),
@@ -86,8 +132,7 @@ var selectTable = function selectTable(tr) {
   }
   return tr;
 };
-exports.selectTable = selectTable;
-var selectTableClosestToPos = function selectTableClosestToPos(tr, $pos) {
+var selectTableClosestToPos = exports.selectTableClosestToPos = function selectTableClosestToPos(tr, $pos) {
   var table = (0, _find.findTableClosestToPos)($pos);
   if (table) {
     var _TableMap$get2 = _tableMap.TableMap.get(table.node),
@@ -101,5 +146,4 @@ var selectTableClosestToPos = function selectTableClosestToPos(tr, $pos) {
     }
   }
   return tr;
-};
-exports.selectTableClosestToPos = selectTableClosestToPos;
+};

package/dist/cjs/utils/set-cell-attrs.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.setCellAttrs = void 0;
 var _cloneTr = require("./clone-tr");
 // Returns a new transaction that sets given `attrs` to a given `cell`.
-var setCellAttrs = function setCellAttrs(cell, attrs) {
+var setCellAttrs = exports.setCellAttrs = function setCellAttrs(cell, attrs) {
   return function (tr) {
     if (cell) {
       tr.setNodeMarkup(cell.pos, undefined, Object.assign({}, cell.node.attrs, attrs));
@@ -14,5 +14,4 @@ var setCellAttrs = function setCellAttrs(cell, attrs) {
     }
     return tr;
   };
-};
-exports.setCellAttrs = setCellAttrs;
+};

package/dist/cjs/utils/split-cell.js

@@ -8,11 +8,10 @@ var _splitCellWithType = require("./split-cell-with-type");
 var _tableNodeTypes = require("./table-node-types");
 // Split a selected cell, whose rowpan or colspan is greater than one,
 // into smaller cells. Use the first cell type for the new cells.
-var splitCell = function splitCell(state, dispatch) {
+var splitCell = exports.splitCell = function splitCell(state, dispatch) {
   var nodeTypes = (0, _tableNodeTypes.tableNodeTypes)(state.schema);
   return (0, _splitCellWithType.splitCellWithType)(function (_ref) {
     var node = _ref.node;
     return nodeTypes[node.type.spec.tableRole];
   })(state, dispatch);
-};
-exports.splitCell = splitCell;
+};

package/dist/cjs/utils/test-utils.js

@@ -10,7 +10,7 @@ var _selectionRect = require("./selection-rect");
 var _tables = require("./tables");
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Add a table row before the selection.
-var addRowBefore = function addRowBefore(state, dispatch) {
+var addRowBefore = exports.addRowBefore = function addRowBefore(state, dispatch) {
   if (!(0, _tables.isInTable)(state)) {
     return false;
   }
@@ -23,8 +23,7 @@ var addRowBefore = function addRowBefore(state, dispatch) {
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Add a table row after the selection.
-exports.addRowBefore = addRowBefore;
-var addRowAfter = function addRowAfter(state, dispatch) {
+var addRowAfter = exports.addRowAfter = function addRowAfter(state, dispatch) {
   if (!(0, _tables.isInTable)(state)) {
     return false;
   }
@@ -37,8 +36,7 @@ var addRowAfter = function addRowAfter(state, dispatch) {
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column before the column with the selection.
-exports.addRowAfter = addRowAfter;
-var addColumnBefore = function addColumnBefore(state, dispatch) {
+var addColumnBefore = exports.addColumnBefore = function addColumnBefore(state, dispatch) {
   if (!(0, _tables.isInTable)(state)) {
     return false;
   }
@@ -51,8 +49,7 @@ var addColumnBefore = function addColumnBefore(state, dispatch) {
 
 // :: (EditorState, dispatch: ?(tr: Transaction)) → bool
 // Command to add a column after the column with the selection.
-exports.addColumnBefore = addColumnBefore;
-var addColumnAfter = function addColumnAfter(state, dispatch) {
+var addColumnAfter = exports.addColumnAfter = function addColumnAfter(state, dispatch) {
   if (!(0, _tables.isInTable)(state)) {
     return false;
   }
@@ -61,5 +58,4 @@ var addColumnAfter = function addColumnAfter(state, dispatch) {
     dispatch((0, _addColumn.addColumn)(state.tr, rect, rect.right));
   }
   return true;
-};
-exports.addColumnAfter = addColumnAfter;
+};

package/dist/cjs/utils/uuid.js

@@ -10,21 +10,20 @@ exports.uuid = exports.generateUuid = void 0;
  */
 
 /* eslint-disable no-bitwise */
-var generateUuid = function generateUuid() {
+var generateUuid = exports.generateUuid = function generateUuid() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
     var r = Math.random() * 16 | 0;
     return (c === 'x' ? r : r & 0x3 | 0x8).toString(16);
   });
 };
 /* eslint-enable no-bitwise */
-exports.generateUuid = generateUuid;
+
 var staticValue = false;
-var uuid = {
+var uuid = exports.uuid = {
   setStatic: function setStatic(value) {
     staticValue = value;
   },
   generate: function generate() {
     return staticValue || generateUuid();
   }
-};
-exports.uuid = uuid;
+};

package/dist/es2019/utils/move-column.js

@@ -1,3 +1,5 @@
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { cloneTr } from './clone-tr';
 import { findTable } from './find';
 import { getSelectionRangeInColumn } from './get-selection-range-in-column';
@@ -140,6 +142,7 @@ export const moveColumn = (originColumnIndex, targetColumnIndex, options = {
   if (!table) {
     return tr;
   }
+  const anchor = tr.selection.anchor;
   const originalColumnRanges = getSelectionRangeInColumn(originColumnIndex)(tr);
   const targetColumnRanges = getSelectionRangeInColumn(targetColumnIndex)(tr);
   const indexesOriginColumn = (_originalColumnRanges = originalColumnRanges === null || originalColumnRanges === void 0 ? void 0 : originalColumnRanges.indexes) !== null && _originalColumnRanges !== void 0 ? _originalColumnRanges : [];
@@ -151,5 +154,11 @@ export const moveColumn = (originColumnIndex, targetColumnIndex, options = {
     isValidReorder(originColumnIndex, targetColumnIndex, indexesTargetColumn, 'column');
   }
   const newTable = moveTableColumn(table, indexesOriginColumn, indexesTargetColumn, options.direction);
-  return cloneTr(tr).replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
+  const newTr = cloneTr(tr).replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
+  if (getBooleanFF('platform.editor.table.drag-and-drop')) {
+    // Set selection inside a newly created table
+    return newTr.setSelection(TextSelection.create(newTr.doc, anchor));
+  } else {
+    return newTr;
+  }
 };

package/dist/es2019/utils/move-row.js

@@ -1,3 +1,5 @@
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { cloneTr } from './clone-tr';
 import { findTable } from './find';
 import { getSelectionRangeInRow } from './get-selection-range-in-row';
@@ -154,6 +156,7 @@ export const moveRow = (originRowIndex, targetRowIndex, options = {
   if (!table) {
     return tr;
   }
+  const anchor = tr.selection.anchor;
   const originalRowRanges = getSelectionRangeInRow(originRowIndex)(tr);
   const targetRowRanges = getSelectionRangeInRow(targetRowIndex)(tr);
   const indexesOriginRow = (originalRowRanges === null || originalRowRanges === void 0 ? void 0 : originalRowRanges.indexes) || [];
@@ -165,5 +168,11 @@ export const moveRow = (originRowIndex, targetRowIndex, options = {
     isValidReorder(originRowIndex, targetRowIndex, indexesTargetRow, 'row');
   }
   const newTable = moveTableRow(table, indexesOriginRow, indexesTargetRow, options.direction);
-  return cloneTr(tr).replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
+  const newTr = cloneTr(tr).replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
+  if (getBooleanFF('platform.editor.table.drag-and-drop')) {
+    // Set selection inside a newly created table
+    return newTr.setSelection(TextSelection.create(newTr.doc, anchor));
+  } else {
+    return newTr;
+  }
 };

package/dist/es2019/utils/select-nodes.js

@@ -1,3 +1,4 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { CellSelection } from '../cell-selection';
 import { TableMap } from '../table-map';
 import { cloneTr } from './clone-tr';
@@ -5,6 +6,8 @@ import { findCellClosestToPos, findTable, findTableClosestToPos } from './find';
 const select = type => (index, expand) => tr => {
   const table = findTable(tr.selection);
   const isRowSelection = type === 'row';
+  const prevSelection = tr.selection;
+  const isPrevRowSelection = !!prevSelection.$anchorCell && !!prevSelection.$headCell;
   if (table) {
     const map = TableMap.get(table.node);
 
@@ -14,6 +17,7 @@ const select = type => (index, expand) => tr => {
       let top = isRowSelection ? index : 0;
       let right = isRowSelection ? map.width : index + 1;
       let bottom = isRowSelection ? index + 1 : map.height;
+      let cellsInFirstRow = [];
       if (expand) {
         const cell = findCellClosestToPos(tr.selection.$from);
         if (!cell) {
@@ -23,12 +27,56 @@ const select = type => (index, expand) => tr => {
         if (isRowSelection) {
           top = Math.min(top, selRect.top);
           bottom = Math.max(bottom, selRect.bottom);
+          if (getBooleanFF('platform.editor.table-shift-click-selection-backward')) {
+            cellsInFirstRow = map.cellsInRect({
+              left,
+              top,
+              right,
+              bottom: top + 1
+            });
+            const targetRowCells = map.cellsInRect({
+              left,
+              top: index,
+              right,
+              bottom: index + 1
+            });
+            const isBackwardSelection = targetRowCells[0] < prevSelection.$head.pos;
+            if (isBackwardSelection && isPrevRowSelection) {
+              const head = table.start + cellsInFirstRow[0];
+              const anchor = prevSelection.$anchorCell.pos;
+              const $head = tr.doc.resolve(head);
+              const $anchor = tr.doc.resolve(anchor);
+              return cloneTr(tr.setSelection(new CellSelection($anchor, $head)));
+            }
+          }
         } else {
           left = Math.min(left, selRect.left);
           right = Math.max(right, selRect.right);
+          if (getBooleanFF('platform.editor.table-shift-click-selection-backward')) {
+            cellsInFirstRow = map.cellsInRect({
+              left,
+              top,
+              right: left + 1,
+              bottom
+            });
+            const targetRowCells = map.cellsInRect({
+              left: index,
+              top,
+              right: index + 1,
+              bottom
+            });
+            const isBackwardSelection = targetRowCells[0] < prevSelection.$head.pos;
+            if (isBackwardSelection && isPrevRowSelection) {
+              const head = table.start + cellsInFirstRow[0];
+              const anchor = prevSelection.$anchorCell.pos;
+              const $head = tr.doc.resolve(head);
+              const $anchor = tr.doc.resolve(anchor);
+              return cloneTr(tr.setSelection(new CellSelection($anchor, $head)));
+            }
+          }
         }
       }
-      const cellsInFirstRow = map.cellsInRect({
+      cellsInFirstRow = map.cellsInRect({
         left,
         top,
         right: isRowSelection ? right : left + 1,

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

@@ -79,7 +79,7 @@ function shiftArrow(axis, dir) {
       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) || '');
+      var sameCell = ['tableCell', 'tableHeader'].includes((maybeTableCell === null || maybeTableCell === void 0 || (_maybeTableCell$paren = maybeTableCell.parent) === null || _maybeTableCell$paren === void 0 ? void 0 : _maybeTableCell$paren.type.name) || '');
       if (!sameCell) {
         return false;
       }

package/dist/esm/utils/move-column.js

@@ -1,3 +1,5 @@
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { cloneTr } from './clone-tr';
 import { findTable } from './find';
 import { getSelectionRangeInColumn } from './get-selection-range-in-column';
@@ -142,6 +144,7 @@ export var moveColumn = function moveColumn(originColumnIndex, targetColumnIndex
     if (!table) {
       return tr;
     }
+    var anchor = tr.selection.anchor;
     var originalColumnRanges = getSelectionRangeInColumn(originColumnIndex)(tr);
     var targetColumnRanges = getSelectionRangeInColumn(targetColumnIndex)(tr);
     var indexesOriginColumn = (_originalColumnRanges = originalColumnRanges === null || originalColumnRanges === void 0 ? void 0 : originalColumnRanges.indexes) !== null && _originalColumnRanges !== void 0 ? _originalColumnRanges : [];
@@ -153,6 +156,12 @@ export var moveColumn = function moveColumn(originColumnIndex, targetColumnIndex
       isValidReorder(originColumnIndex, targetColumnIndex, indexesTargetColumn, 'column');
     }
     var newTable = moveTableColumn(table, indexesOriginColumn, indexesTargetColumn, options.direction);
-    return cloneTr(tr).replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
+    var newTr = cloneTr(tr).replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
+    if (getBooleanFF('platform.editor.table.drag-and-drop')) {
+      // Set selection inside a newly created table
+      return newTr.setSelection(TextSelection.create(newTr.doc, anchor));
+    } else {
+      return newTr;
+    }
   };
 };

package/dist/esm/utils/move-row.js

@@ -1,3 +1,5 @@
+import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { cloneTr } from './clone-tr';
 import { findTable } from './find';
 import { getSelectionRangeInRow } from './get-selection-range-in-row';
@@ -156,6 +158,7 @@ export var moveRow = function moveRow(originRowIndex, targetRowIndex) {
     if (!table) {
       return tr;
     }
+    var anchor = tr.selection.anchor;
     var originalRowRanges = getSelectionRangeInRow(originRowIndex)(tr);
     var targetRowRanges = getSelectionRangeInRow(targetRowIndex)(tr);
     var indexesOriginRow = (originalRowRanges === null || originalRowRanges === void 0 ? void 0 : originalRowRanges.indexes) || [];
@@ -167,6 +170,12 @@ export var moveRow = function moveRow(originRowIndex, targetRowIndex) {
       isValidReorder(originRowIndex, targetRowIndex, indexesTargetRow, 'row');
     }
     var newTable = moveTableRow(table, indexesOriginRow, indexesTargetRow, options.direction);
-    return cloneTr(tr).replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
+    var newTr = cloneTr(tr).replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
+    if (getBooleanFF('platform.editor.table.drag-and-drop')) {
+      // Set selection inside a newly created table
+      return newTr.setSelection(TextSelection.create(newTr.doc, anchor));
+    } else {
+      return newTr;
+    }
   };
 };

package/dist/esm/utils/select-nodes.js

@@ -1,3 +1,4 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { CellSelection } from '../cell-selection';
 import { TableMap } from '../table-map';
 import { cloneTr } from './clone-tr';
@@ -7,6 +8,8 @@ var select = function select(type) {
     return function (tr) {
       var table = findTable(tr.selection);
       var isRowSelection = type === 'row';
+      var prevSelection = tr.selection;
+      var isPrevRowSelection = !!prevSelection.$anchorCell && !!prevSelection.$headCell;
       if (table) {
         var map = TableMap.get(table.node);
 
@@ -16,6 +19,7 @@ var select = function select(type) {
           var top = isRowSelection ? index : 0;
           var right = isRowSelection ? map.width : index + 1;
           var bottom = isRowSelection ? index + 1 : map.height;
+          var cellsInFirstRow = [];
           if (expand) {
             var cell = findCellClosestToPos(tr.selection.$from);
             if (!cell) {
@@ -25,12 +29,56 @@ var select = function select(type) {
             if (isRowSelection) {
               top = Math.min(top, selRect.top);
               bottom = Math.max(bottom, selRect.bottom);
+              if (getBooleanFF('platform.editor.table-shift-click-selection-backward')) {
+                cellsInFirstRow = map.cellsInRect({
+                  left: left,
+                  top: top,
+                  right: right,
+                  bottom: top + 1
+                });
+                var targetRowCells = map.cellsInRect({
+                  left: left,
+                  top: index,
+                  right: right,
+                  bottom: index + 1
+                });
+                var isBackwardSelection = targetRowCells[0] < prevSelection.$head.pos;
+                if (isBackwardSelection && isPrevRowSelection) {
+                  var _head = table.start + cellsInFirstRow[0];
+                  var _anchor = prevSelection.$anchorCell.pos;
+                  var _$head = tr.doc.resolve(_head);
+                  var _$anchor = tr.doc.resolve(_anchor);
+                  return cloneTr(tr.setSelection(new CellSelection(_$anchor, _$head)));
+                }
+              }
             } else {
               left = Math.min(left, selRect.left);
               right = Math.max(right, selRect.right);
+              if (getBooleanFF('platform.editor.table-shift-click-selection-backward')) {
+                cellsInFirstRow = map.cellsInRect({
+                  left: left,
+                  top: top,
+                  right: left + 1,
+                  bottom: bottom
+                });
+                var _targetRowCells = map.cellsInRect({
+                  left: index,
+                  top: top,
+                  right: index + 1,
+                  bottom: bottom
+                });
+                var _isBackwardSelection = _targetRowCells[0] < prevSelection.$head.pos;
+                if (_isBackwardSelection && isPrevRowSelection) {
+                  var _head2 = table.start + cellsInFirstRow[0];
+                  var _anchor2 = prevSelection.$anchorCell.pos;
+                  var _$head2 = tr.doc.resolve(_head2);
+                  var _$anchor2 = tr.doc.resolve(_anchor2);
+                  return cloneTr(tr.setSelection(new CellSelection(_$anchor2, _$head2)));
+                }
+              }
             }
           }
-          var cellsInFirstRow = map.cellsInRect({
+          cellsInFirstRow = map.cellsInRect({
             left: left,
             top: top,
             right: isRowSelection ? right : left + 1,

package/dist/types/utils/move-column.d.ts

@@ -1,4 +1,4 @@
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const moveColumn: (originColumnIndex: number, targetColumnIndex: number, options?: {
     tryToFit: boolean;
     direction: number;

package/dist/types/utils/move-row.d.ts

@@ -1,4 +1,4 @@
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const moveRow: (originRowIndex: number, targetRowIndex: number, options?: {
     tryToFit: boolean;
     direction: number;

package/dist/types/utils/select-nodes.d.ts

@@ -1,5 +1,5 @@
-import { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const selectColumn: (index: number, expand?: boolean) => (tr: Transaction) => Transaction;
 export declare const selectRow: (index: number, expand?: boolean) => (tr: Transaction) => Transaction;
 export declare const selectTable: (tr: Transaction) => Transaction;

package/dist/types-ts4.5/utils/move-column.d.ts

@@ -1,4 +1,4 @@
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const moveColumn: (originColumnIndex: number, targetColumnIndex: number, options?: {
     tryToFit: boolean;
     direction: number;

package/dist/types-ts4.5/utils/move-row.d.ts

@@ -1,4 +1,4 @@
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const moveRow: (originRowIndex: number, targetRowIndex: number, options?: {
     tryToFit: boolean;
     direction: number;

package/dist/types-ts4.5/utils/select-nodes.d.ts

@@ -1,5 +1,5 @@
-import { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
-import { Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 export declare const selectColumn: (index: number, expand?: boolean) => (tr: Transaction) => Transaction;
 export declare const selectRow: (index: number, expand?: boolean) => (tr: Transaction) => Transaction;
 export declare const selectTable: (tr: Transaction) => Transaction;