@atlaskit/editor-plugin-table 7.3.8 → 7.3.10

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-table
 
+## 7.3.10
+
+### Patch Changes
+
+- [#75205](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75205) [`add1e7b7f424`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/add1e7b7f424) - Reduce NCS spam when holding the move column/row keyboard shortcut
+
+## 7.3.9
+
+### Patch Changes
+
+- [#70616](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70616) [`76068b6be8dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/76068b6be8dc) - Upgrading to Pragmatic drag and drop 1.0
+- Updated dependencies
+
 ## 7.3.8
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -57,6 +57,15 @@
         {
             "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../pragmatic-drag-and-drop/core/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../pragmatic-drag-and-drop/auto-scroll/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../pragmatic-drag-and-drop/hitbox/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/primitives/afm-cc/tsconfig.json"
         },

package/dist/cjs/nodeviews/ExternalDropTargets.js

@@ -9,7 +9,7 @@ exports.ExternalDropTargets = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _styles = require("@atlaskit/editor-common/styles");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _consts = require("../ui/consts");
 var _ColumnDropTarget = require("../ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget");
 var _utils = require("../utils");
@@ -26,7 +26,7 @@ var ExternalDropTargets = exports.ExternalDropTargets = function ExternalDropTar
     setIsDragging = _useState2[1];
   var currentNodeLocalId = node === null || node === void 0 ? void 0 : node.attrs.localId;
   (0, _react.useEffect)(function () {
-    return (0, _element.monitorForElements)({
+    return (0, _adapter.monitorForElements)({
       canMonitor: function canMonitor(_ref2) {
         var source = _ref2.source;
         var _ref3 = source.data,

package/dist/cjs/nodeviews/TableComponent.js

@@ -24,7 +24,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils2 = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/util/combine");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
 var _commands = require("../commands");
 var _utils3 = require("../pm-plugins/drag-and-drop/utils");
 var _pluginFactory = require("../pm-plugins/plugin-factory");

package/dist/cjs/pm-plugins/drag-and-drop/plugin.js

@@ -10,8 +10,8 @@ var _view = require("@atlaskit/editor-prosemirror/view");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _element = require("@atlaskit/pragmatic-drag-and-drop-auto-scroll/element");
-var _element2 = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/util/combine");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _utils2 = require("../../utils");
 var _pluginFactory = require("../plugin-factory");
 var _pluginKey = require("../plugin-key");
@@ -25,7 +25,7 @@ var _pluginKey2 = require("./plugin-key");
 var _monitor = require("./utils/monitor");
 var destroyFn = function destroyFn(editorView, editorAnalyticsAPI) {
   var editorPageScrollContainer = document.querySelector('.fabric-editor-popup-scroll-parent');
-  var rowAutoScrollers = editorPageScrollContainer ? [(0, _element2.monitorForElements)({
+  var rowAutoScrollers = editorPageScrollContainer ? [(0, _adapter.monitorForElements)({
     canMonitor: function canMonitor(_ref) {
       var source = _ref.source;
       var _ref2 = source.data,
@@ -49,7 +49,7 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI) {
       return type === 'table-row';
     }
   })] : [];
-  return _combine.combine.apply(void 0, rowAutoScrollers.concat([(0, _element2.monitorForElements)({
+  return _combine.combine.apply(void 0, rowAutoScrollers.concat([(0, _adapter.monitorForElements)({
     canMonitor: function canMonitor(_ref5) {
       var source = _ref5.source;
       var _ref6 = source.data,
@@ -240,9 +240,28 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, eventD
       },
       handleKeyDown: function handleKeyDown(view, event) {
         var _ref8;
+        var tr = view.state.tr;
+        var keysToTrapWhen = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+
+        /** fix for NCS spam update where the user is holding down the move column / row keyboard shortcut
+         * if the user is holding down shortcut (ctrl + shift + alt + arrowKey), we want to move the selection only once
+         * See ticket ED-22154 https://product-fabric.atlassian.net/browse/ED-22154
+         */
+
+        // Do early check for the keys we want to trap here so we can abort early
+        if (event.ctrlKey && event.shiftKey && event.altKey) {
+          var _getSelectedCellInfo = (0, _utils.getSelectedCellInfo)(tr.selection),
+            verticalCells = _getSelectedCellInfo.verticalCells,
+            horizontalCells = _getSelectedCellInfo.horizontalCells,
+            totalRowCount = _getSelectedCellInfo.totalRowCount,
+            totalColumnCount = _getSelectedCellInfo.totalColumnCount;
+          var isRowOrColumnSelected = horizontalCells === totalColumnCount || verticalCells === totalRowCount;
+          if (isRowOrColumnSelected && keysToTrapWhen.includes(event.key) && event.repeat) {
+            return true;
+          }
+        }
         var isDragHandleFocused = ['drag-handle-button-row', 'drag-handle-button-column'].includes((_ref8 = event.target || null) === null || _ref8 === void 0 ? void 0 : _ref8.id);
         var keysToTrap = ['Enter', ' '];
-        var keysToTrapWhen = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
         var _getPluginState3 = (0, _pluginFactory2.getPluginState)(view.state),
           isDragMenuOpen = _getPluginState3.isDragMenuOpen;
 

package/dist/cjs/pm-plugins/drag-and-drop/utils/monitor.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDraggableDataFromEvent = void 0;
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge");
+var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
 var getDraggableDataFromEvent = exports.getDraggableDataFromEvent = function getDraggableDataFromEvent(_ref) {
   var _extractClosestEdge;
   var location = _ref.location,

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

@@ -42,6 +42,13 @@ function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEn
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.addColumnAfter.common, (0, _insert.addColumnAfter)(getEditorContainerWidth), list);
   if (dragAndDropEnabled) {
     // Move row/column shortcuts
+    /**
+     * NOTE: If the keyboard shortcut for moving rows or columns is changed, we need to update the handleKeyDown function
+     * in packages/editor/editor-plugin-table/src/pm-plugins/drag-and-drop/plugin.ts
+     * to make sure the logic for holding the shortcut keys is valid
+     * See ticket ED-22154 https://product-fabric.atlassian.net/browse/ED-22154
+     */
+
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRowDown.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI)('table-row', 1), list);
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRowUp.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI)('table-row', -1), list);
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveColumnLeft.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI)('table-column', -1), list);

package/dist/cjs/ui/DragHandle/index.js

@@ -14,8 +14,8 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _utils = require("@atlaskit/editor-common/utils");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
-var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
+var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview");
 var _pluginFactory = require("../../pm-plugins/drag-and-drop/plugin-factory");
 var _pluginFactory2 = require("../../pm-plugins/plugin-factory");
 var _types = require("../../types");
@@ -70,7 +70,7 @@ var DragHandleComponent = function DragHandleComponent(_ref) {
   (0, _react.useEffect)(function () {
     var dragHandleDivRefCurrent = dragHandleDivRef.current;
     if (dragHandleDivRefCurrent) {
-      return (0, _element.draggable)({
+      return (0, _adapter.draggable)({
         element: dragHandleDivRefCurrent,
         canDrag: function canDrag() {
           return !hasMergedCells;

package/dist/cjs/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ColumnDropTarget = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
+var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var ColumnDropTarget = exports.ColumnDropTarget = function ColumnDropTarget(_ref) {
@@ -21,7 +21,7 @@ var ColumnDropTarget = exports.ColumnDropTarget = function ColumnDropTarget(_ref
     if (!dropTargetRef.current) {
       return;
     }
-    return (0, _element.dropTargetForElements)({
+    return (0, _adapter.dropTargetForElements)({
       element: dropTargetRef.current,
       canDrop: function canDrop(_ref2) {
         var _data$indexes, _data$indexes2;

package/dist/cjs/ui/TableFloatingColumnControls/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TableFloatingColumnControls = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _types = require("../../types");
 var _utils = require("../../utils");
 var _ColumnControls = require("./ColumnControls");
@@ -81,7 +81,7 @@ var TableFloatingColumnControls = exports.TableFloatingColumnControls = function
     }
   }, [tableRef]);
   (0, _react.useEffect)(function () {
-    return (0, _element.monitorForElements)({
+    return (0, _adapter.monitorForElements)({
       canMonitor: function canMonitor(_ref2) {
         var source = _ref2.source;
         var _ref3 = source.data,

package/dist/cjs/ui/TableFloatingControls/RowControls/DragControls.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _editorTables = require("@atlaskit/editor-tables");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _commands = require("../../../commands");
 var _commands2 = require("../../../pm-plugins/drag-and-drop/commands");
 var _pluginFactory = require("../../../pm-plugins/plugin-factory");
@@ -61,7 +61,7 @@ var DragControlsComponent = function DragControlsComponent(_ref) {
   var selectedRowIndexes = getSelectedRows(editorView.state.selection);
   var currentNodeLocalId = (_tableNode$attrs$loca = tableNode === null || tableNode === void 0 || (_tableNode$attrs = tableNode.attrs) === null || _tableNode$attrs === void 0 ? void 0 : _tableNode$attrs.localId) !== null && _tableNode$attrs$loca !== void 0 ? _tableNode$attrs$loca : '';
   (0, _react.useEffect)(function () {
-    return (0, _element.monitorForElements)({
+    return (0, _adapter.monitorForElements)({
       canMonitor: function canMonitor(_ref2) {
         var source = _ref2.source;
         var _ref3 = source.data,

package/dist/cjs/ui/TableFloatingControls/RowDropTarget/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
+var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var RowDropTarget = function RowDropTarget(_ref) {
@@ -19,7 +19,7 @@ var RowDropTarget = function RowDropTarget(_ref) {
     if (!dropTargetRef.current) {
       return;
     }
-    return (0, _element.dropTargetForElements)({
+    return (0, _adapter.dropTargetForElements)({
       element: dropTargetRef.current,
       canDrop: function canDrop(_ref2) {
         var _data$indexes, _data$indexes2;

package/dist/es2019/nodeviews/ExternalDropTargets.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { tableMarginTop } from '@atlaskit/editor-common/styles';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { dropTargetExtendedWidth, dropTargetsZIndex } from '../ui/consts';
 import { ColumnDropTarget } from '../ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget';
 import { getColumnsWidths } from '../utils';

package/dist/es2019/nodeviews/TableComponent.js

@@ -10,7 +10,7 @@ import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
 import { MAX_BROWSER_SCROLLBAR_HEIGHT, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { autoSizeTable, clearHoverSelection } from '../commands';
 import { autoScrollerFactory } from '../pm-plugins/drag-and-drop/utils';
 import { getPluginState } from '../pm-plugins/plugin-factory';

package/dist/es2019/pm-plugins/drag-and-drop/plugin.js

@@ -2,10 +2,10 @@ import { INPUT_METHOD, TABLE_STATUS } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { getCellsInRow } from '@atlaskit/editor-tables/utils';
+import { getCellsInRow, getSelectedCellInfo } from '@atlaskit/editor-tables/utils';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { findNearestCellIndexToPoint, hasMergedCellsInBetween } from '../../utils';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { pluginKey as tablePluginKey } from '../plugin-key';
@@ -250,9 +250,33 @@ export const createPlugin = (dispatch, eventDispatcher, editorAnalyticsAPI) => {
       },
       handleKeyDown: (view, event) => {
         var _ref;
+        const {
+          state: {
+            tr
+          }
+        } = view;
+        const keysToTrapWhen = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+
+        /** fix for NCS spam update where the user is holding down the move column / row keyboard shortcut
+         * if the user is holding down shortcut (ctrl + shift + alt + arrowKey), we want to move the selection only once
+         * See ticket ED-22154 https://product-fabric.atlassian.net/browse/ED-22154
+         */
+
+        // Do early check for the keys we want to trap here so we can abort early
+        if (event.ctrlKey && event.shiftKey && event.altKey) {
+          const {
+            verticalCells,
+            horizontalCells,
+            totalRowCount,
+            totalColumnCount
+          } = getSelectedCellInfo(tr.selection);
+          const isRowOrColumnSelected = horizontalCells === totalColumnCount || verticalCells === totalRowCount;
+          if (isRowOrColumnSelected && keysToTrapWhen.includes(event.key) && event.repeat) {
+            return true;
+          }
+        }
         const isDragHandleFocused = ['drag-handle-button-row', 'drag-handle-button-column'].includes((_ref = event.target || null) === null || _ref === void 0 ? void 0 : _ref.id);
         const keysToTrap = ['Enter', ' '];
-        const keysToTrapWhen = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
         const {
           isDragMenuOpen
         } = getPluginState(view.state);

package/dist/es2019/pm-plugins/drag-and-drop/utils/monitor.js

@@ -1,4 +1,4 @@
-import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
+import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 export const getDraggableDataFromEvent = ({
   location,
   source

package/dist/es2019/pm-plugins/keymap.js

@@ -33,6 +33,13 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
   bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(getEditorContainerWidth), list);
   if (dragAndDropEnabled) {
     // Move row/column shortcuts
+    /**
+     * NOTE: If the keyboard shortcut for moving rows or columns is changed, we need to update the handleKeyDown function
+     * in packages/editor/editor-plugin-table/src/pm-plugins/drag-and-drop/plugin.ts
+     * to make sure the logic for holding the shortcut keys is valid
+     * See ticket ED-22154 https://product-fabric.atlassian.net/browse/ED-22154
+     */
+
     bindKeymapWithCommand(moveRowDown.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-row', 1), list);
     bindKeymapWithCommand(moveRowUp.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-row', -1), list);
     bindKeymapWithCommand(moveColumnLeft.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-column', -1), list);

package/dist/es2019/ui/DragHandle/index.js

@@ -4,8 +4,8 @@ import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { browser } from '@atlaskit/editor-common/utils';
-import { draggable } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
-import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview';
+import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { TableCssClassName as ClassName } from '../../types';

package/dist/es2019/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
-import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
-import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 export const ColumnDropTarget = ({
   index,
   localId,

package/dist/es2019/ui/TableFloatingColumnControls/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { TableCssClassName as ClassName } from '../../types';
 import { containsHeaderColumn, getColumnsWidths, getRowHeights } from '../../utils';
 import { ColumnControls } from './ColumnControls';

package/dist/es2019/ui/TableFloatingControls/RowControls/DragControls.js

@@ -4,7 +4,7 @@ import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'reac
 import { injectIntl } from 'react-intl-next';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { clearHoverSelection } from '../../../commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
 import { getPluginState as getTablePluginState } from '../../../pm-plugins/plugin-factory';

package/dist/es2019/ui/TableFloatingControls/RowDropTarget/index.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
-import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
-import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 const RowDropTarget = ({
   index,
   localId,

package/dist/esm/nodeviews/ExternalDropTargets.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import { tableMarginTop } from '@atlaskit/editor-common/styles';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { dropTargetExtendedWidth, dropTargetsZIndex } from '../ui/consts';
 import { ColumnDropTarget } from '../ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget';
 import { getColumnsWidths } from '../utils';

package/dist/esm/nodeviews/TableComponent.js

@@ -21,7 +21,7 @@ import { browser, isValidPosition } from '@atlaskit/editor-common/utils';
 import { MAX_BROWSER_SCROLLBAR_HEIGHT, akEditorTableToolbarSize as tableToolbarSize } from '@atlaskit/editor-shared-styles';
 import { findTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { autoSizeTable, clearHoverSelection } from '../commands';
 import { autoScrollerFactory } from '../pm-plugins/drag-and-drop/utils';
 import { getPluginState } from '../pm-plugins/plugin-factory';

package/dist/esm/pm-plugins/drag-and-drop/plugin.js

@@ -2,10 +2,10 @@ import { INPUT_METHOD, TABLE_STATUS } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { getCellsInRow } from '@atlaskit/editor-tables/utils';
+import { getCellsInRow, getSelectedCellInfo } from '@atlaskit/editor-tables/utils';
 import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-scroll/element';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { findNearestCellIndexToPoint, hasMergedCellsInBetween } from '../../utils';
 import { getPluginState as getTablePluginState } from '../plugin-factory';
 import { pluginKey as tablePluginKey } from '../plugin-key';
@@ -234,9 +234,28 @@ export var createPlugin = function createPlugin(dispatch, eventDispatcher, edito
       },
       handleKeyDown: function handleKeyDown(view, event) {
         var _ref8;
+        var tr = view.state.tr;
+        var keysToTrapWhen = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+
+        /** fix for NCS spam update where the user is holding down the move column / row keyboard shortcut
+         * if the user is holding down shortcut (ctrl + shift + alt + arrowKey), we want to move the selection only once
+         * See ticket ED-22154 https://product-fabric.atlassian.net/browse/ED-22154
+         */
+
+        // Do early check for the keys we want to trap here so we can abort early
+        if (event.ctrlKey && event.shiftKey && event.altKey) {
+          var _getSelectedCellInfo = getSelectedCellInfo(tr.selection),
+            verticalCells = _getSelectedCellInfo.verticalCells,
+            horizontalCells = _getSelectedCellInfo.horizontalCells,
+            totalRowCount = _getSelectedCellInfo.totalRowCount,
+            totalColumnCount = _getSelectedCellInfo.totalColumnCount;
+          var isRowOrColumnSelected = horizontalCells === totalColumnCount || verticalCells === totalRowCount;
+          if (isRowOrColumnSelected && keysToTrapWhen.includes(event.key) && event.repeat) {
+            return true;
+          }
+        }
         var isDragHandleFocused = ['drag-handle-button-row', 'drag-handle-button-column'].includes((_ref8 = event.target || null) === null || _ref8 === void 0 ? void 0 : _ref8.id);
         var keysToTrap = ['Enter', ' '];
-        var keysToTrapWhen = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
         var _getPluginState3 = getPluginState(view.state),
           isDragMenuOpen = _getPluginState3.isDragMenuOpen;
 

package/dist/esm/pm-plugins/drag-and-drop/utils/monitor.js

@@ -1,4 +1,4 @@
-import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
+import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 export var getDraggableDataFromEvent = function getDraggableDataFromEvent(_ref) {
   var _extractClosestEdge;
   var location = _ref.location,

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

@@ -35,6 +35,13 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
   bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(getEditorContainerWidth), list);
   if (dragAndDropEnabled) {
     // Move row/column shortcuts
+    /**
+     * NOTE: If the keyboard shortcut for moving rows or columns is changed, we need to update the handleKeyDown function
+     * in packages/editor/editor-plugin-table/src/pm-plugins/drag-and-drop/plugin.ts
+     * to make sure the logic for holding the shortcut keys is valid
+     * See ticket ED-22154 https://product-fabric.atlassian.net/browse/ED-22154
+     */
+
     bindKeymapWithCommand(moveRowDown.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-row', 1), list);
     bindKeymapWithCommand(moveRowUp.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-row', -1), list);
     bindKeymapWithCommand(moveColumnLeft.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-column', -1), list);

package/dist/esm/ui/DragHandle/index.js

@@ -6,8 +6,8 @@ import ReactDOM from 'react-dom';
 import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { browser } from '@atlaskit/editor-common/utils';
-import { draggable } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
-import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview';
+import { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
 import { getPluginState as getDnDPluginState } from '../../pm-plugins/drag-and-drop/plugin-factory';
 import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { TableCssClassName as ClassName } from '../../types';

package/dist/esm/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
-import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
-import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 export var ColumnDropTarget = function ColumnDropTarget(_ref) {
   var index = _ref.index,
     localId = _ref.localId,

package/dist/esm/ui/TableFloatingColumnControls/index.js

@@ -3,7 +3,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 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 React, { useEffect, useMemo, useRef, useState } from 'react';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { TableCssClassName as ClassName } from '../../types';
 import { containsHeaderColumn, getColumnsWidths, getRowHeights } from '../../utils';
 import { ColumnControls } from './ColumnControls';

package/dist/esm/ui/TableFloatingControls/RowControls/DragControls.js

@@ -5,7 +5,7 @@ import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'reac
 import { injectIntl } from 'react-intl-next';
 import { CellSelection } from '@atlaskit/editor-tables';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { clearHoverSelection } from '../../../commands';
 import { toggleDragMenu } from '../../../pm-plugins/drag-and-drop/commands';
 import { getPluginState as getTablePluginState } from '../../../pm-plugins/plugin-factory';

package/dist/esm/ui/TableFloatingControls/RowDropTarget/index.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
-import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
-import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 var RowDropTarget = function RowDropTarget(_ref) {
   var index = _ref.index,
     localId = _ref.localId,

package/dist/types/pm-plugins/drag-and-drop/utils/monitor.d.ts

@@ -1,3 +1,3 @@
-import type { ElementEventBasePayload } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import type { ElementEventBasePayload } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import type { DraggableData } from '../../../types';
 export declare const getDraggableDataFromEvent: ({ location, source, }: ElementEventBasePayload) => DraggableData | undefined;

package/dist/types/types.d.ts

@@ -7,7 +7,7 @@ import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
+import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import type tablePlugin from './plugin';
 export declare const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 export type RowInsertPosition = 'TOP' | 'BOTTOM';

package/dist/types-ts4.5/pm-plugins/drag-and-drop/utils/monitor.d.ts

@@ -1,3 +1,3 @@
-import type { ElementEventBasePayload } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
+import type { ElementEventBasePayload } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import type { DraggableData } from '../../../types';
 export declare const getDraggableDataFromEvent: ({ location, source, }: ElementEventBasePayload) => DraggableData | undefined;

package/dist/types-ts4.5/types.d.ts

@@ -7,7 +7,7 @@ import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
+import type { Edge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import type tablePlugin from './plugin';
 export declare const RESIZE_HANDLE_AREA_DECORATION_GAP = 30;
 export type RowInsertPosition = 'TOP' | 'BOTTOM';