@atlaskit/editor-plugin-table 7.5.10 → 7.5.12

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-table
 
+## 7.5.12
+
+### Patch Changes
+
+- [#82347](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82347) [`1290405f274b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1290405f274b) - [ux] Updates move util used by move shortcuts and drag menu to cater for new merged cells logic.
+- Updated dependencies
+
+## 7.5.11
+
+### Patch Changes
+
+- [#82119](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82119) [`0358b8d41041`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0358b8d41041) - insert table at full width via shortcut in full width page
+- Updated dependencies
+
 ## 7.5.10
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -157,8 +157,10 @@ var tablesPlugin = function tablesPlugin(_ref) {
           var _ref6 = options || {},
             dragAndDropEnabled = _ref6.dragAndDropEnabled,
             _ref6$isTableScalingE = _ref6.isTableScalingEnabled,
-            isTableScalingEnabled = _ref6$isTableScalingE === void 0 ? false : _ref6$isTableScalingE;
-          return (0, _keymap.keymapPlugin)(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled);
+            isTableScalingEnabled = _ref6$isTableScalingE === void 0 ? false : _ref6$isTableScalingE,
+            _ref6$fullWidthEnable = _ref6.fullWidthEnabled,
+            fullWidthEnabled = _ref6$fullWidthEnable === void 0 ? false : _ref6$fullWidthEnable;
+          return (0, _keymap.keymapPlugin)(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, fullWidthEnabled);
         }
       }, {
         name: 'tableSelectionKeymap',

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

@@ -16,7 +16,7 @@ var _columnResize = require("../commands/column-resize");
 var _insert = require("../commands/insert");
 var _commandsWithAnalytics2 = require("../pm-plugins/drag-and-drop/commands-with-analytics");
 var _analytics2 = require("../utils/analytics");
-var createTableWithAnalytics = function createTableWithAnalytics(editorAnalyticsAPI) {
+var createTableWithAnalytics = function createTableWithAnalytics(isTableScalingEnabled, isFullWidthModeEnabled, editorAnalyticsAPI) {
   return (0, _analytics2.withEditorAnalyticsAPI)({
     action: _analytics.ACTION.INSERTED,
     actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
@@ -25,14 +25,15 @@ var createTableWithAnalytics = function createTableWithAnalytics(editorAnalytics
       inputMethod: _analytics.INPUT_METHOD.SHORTCUT
     },
     eventType: _analytics.EVENT_TYPE.TRACK
-  })(editorAnalyticsAPI)((0, _commands2.createTable)());
+  })(editorAnalyticsAPI)((0, _commands2.createTable)(isTableScalingEnabled, isFullWidthModeEnabled));
 };
 function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isFullWidthEnabled = arguments.length > 4 ? arguments[4] : undefined;
   var list = {};
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.nextCell.common, (0, _commands2.goToNextCell)(editorAnalyticsAPI)(1), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.previousCell.common, (0, _commands2.goToNextCell)(editorAnalyticsAPI)(-1), list);
-  (0, _keymaps.bindKeymapWithCommand)(_keymaps.toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  (0, _keymaps.bindKeymapWithCommand)(_keymaps.toggleTable.common, createTableWithAnalytics(isTableScalingEnabled, !!isFullWidthEnabled, editorAnalyticsAPI), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, (0, _commands.chainCommands)((0, _commandsWithAnalytics.deleteTableIfSelectedWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD), (0, _commandsWithAnalytics.emptyMultipleCellsWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.KEYBOARD)), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.backspace.common, _commands2.moveCursorBackward, list);
 

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -203,9 +203,17 @@ var DragMenu = exports.DragMenu = /*#__PURE__*/_react.default.memo(function (_re
   var _getPluginState = (0, _pluginFactory.getPluginState)(state),
     isKeyboardModeActive = _getPluginState.isKeyboardModeActive;
   var selectionRect = (0, _utils2.isSelectionType)(selection, 'cell') ? (0, _utils2.getSelectionRect)(selection) : (0, _utils2.findCellRectClosestToPos)(selection.$from);
-  var hasMergedCells = direction === 'row' ? _utils3.hasMergedCellsInRow : _utils3.hasMergedCellsInColumn;
-  var shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
-  var hasMergedCellsInTable = (0, _utils3.getMergedCellsPositions)(state.tr).length > 0;
+  var shouldMoveDisabled;
+  var hasMergedCellsInTable;
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
+    var _tableMap$hasMergedCe;
+    shouldMoveDisabled = false;
+    hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
+  } else {
+    var hasMergedCells = direction === 'row' ? _utils3.hasMergedCellsInRow : _utils3.hasMergedCellsInColumn;
+    shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
+    hasMergedCellsInTable = (0, _utils3.getMergedCellsPositions)(state.tr).length > 0;
+  }
   var allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
   var dragMenuConfig = (0, _dragMenu.getDragMenuConfig)(direction, getEditorContainerWidth, !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled);
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),

package/dist/cjs/ui/icons/DragHandleDisabledIcon.js

@@ -14,7 +14,8 @@ var DragHandleDisabledIcon = exports.DragHandleDisabledIcon = function DragHandl
     viewBox: "0 0 24 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    style: style
+    style: style,
+    "data-testid": "drag-icon-disabled"
   }, /*#__PURE__*/_react.default.createElement("rect", {
     width: "24",
     height: "16",

package/dist/cjs/ui/icons/DragHandleIcon.js

@@ -11,7 +11,8 @@ var DragHandleIcon = exports.DragHandleIcon = function DragHandleIcon() {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "16",
-    fill: "none"
+    fill: "none",
+    "data-testid": "drag-icon-enabled"
   }, /*#__PURE__*/_react.default.createElement("rect", {
     width: "24",
     height: "16",

package/dist/cjs/utils/drag-menu.js

@@ -18,6 +18,7 @@ var _layoutThreeEqual = _interopRequireDefault(require("@atlaskit/icon/glyph/edi
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
 var _chevronDoubleDown = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-double-down"));
 var _chevronDoubleUp = _interopRequireDefault(require("@atlaskit/icon/glyph/hipchat/chevron-double-up"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commandsWithAnalytics = require("../commands-with-analytics");
 var _commandsWithAnalytics2 = require("../pm-plugins/drag-and-drop/commands-with-analytics");
 var _resizeState = require("../pm-plugins/table-resizing/utils/resize-state");
@@ -40,17 +41,23 @@ var canMove = exports.canMove = function canMove(sourceType, direction, totalIte
     return false;
   }
 
-  // We can't move column when target has merges with other columns
-  // We can't move row when target has merges with other rows
+  // We can't move column when target has merged cells with other columns
+  // We can't move row when target has merged cells with other rows
   var hasMergedCellsInTarget = isRow ? (0, _mergedCells.hasMergedCellsWithRowNextToRowIndex)(targetIndex, selection) : (0, _mergedCells.hasMergedCellsWithColumnNextToColumnIndex)(targetIndex, selection);
   if (hasMergedCellsInTarget) {
     return false;
   }
-
-  // Currently we can't move in any direction if there are merged cells in the source
-  var hasMergedCellsInSource = isRow ? (0, _mergedCells.hasMergedCellsInRow)(selectedIndexes)(selection) : (0, _mergedCells.hasMergedCellsInColumn)(selectedIndexes)(selection);
-  if (hasMergedCellsInSource) {
-    return false;
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
+    // We can't move if selection in the source is not a rectangle
+    if ((0, _mergedCells.hasMergedCellsInSelection)(selectedIndexes, isRow ? 'row' : 'column')(selection)) {
+      return false;
+    }
+  } else {
+    // Currently we can't move in any direction if there are merged cells in the source
+    var hasMergedCellsInSource = isRow ? (0, _mergedCells.hasMergedCellsInRow)(selectedIndexes)(selection) : (0, _mergedCells.hasMergedCellsInColumn)(selectedIndexes)(selection);
+    if (hasMergedCellsInSource) {
+      return false;
+    }
   }
   return true;
 };

package/dist/es2019/plugin.js

@@ -149,9 +149,10 @@ const tablesPlugin = ({
         plugin: () => {
           const {
             dragAndDropEnabled,
-            isTableScalingEnabled = false
+            isTableScalingEnabled = false,
+            fullWidthEnabled = false
           } = options || {};
-          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled);
+          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, fullWidthEnabled);
         }
       }, {
         name: 'tableSelectionKeymap',

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

@@ -9,7 +9,7 @@ import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardCol
 import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand } from '../commands/insert';
 import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
-const createTableWithAnalytics = editorAnalyticsAPI => withEditorAnalyticsAPI({
+const createTableWithAnalytics = (isTableScalingEnabled, isFullWidthModeEnabled, editorAnalyticsAPI) => withEditorAnalyticsAPI({
   action: ACTION.INSERTED,
   actionSubject: ACTION_SUBJECT.DOCUMENT,
   actionSubjectId: ACTION_SUBJECT_ID.TABLE,
@@ -17,12 +17,12 @@ const createTableWithAnalytics = editorAnalyticsAPI => withEditorAnalyticsAPI({
     inputMethod: INPUT_METHOD.SHORTCUT
   },
   eventType: EVENT_TYPE.TRACK
-})(editorAnalyticsAPI)(createTable());
-export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled = false) {
+})(editorAnalyticsAPI)(createTable(isTableScalingEnabled, isFullWidthModeEnabled));
+export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled = false, isFullWidthEnabled) {
   const list = {};
   bindKeymapWithCommand(nextCell.common, goToNextCell(editorAnalyticsAPI)(1), list);
   bindKeymapWithCommand(previousCell.common, goToNextCell(editorAnalyticsAPI)(-1), list);
-  bindKeymapWithCommand(toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  bindKeymapWithCommand(toggleTable.common, createTableWithAnalytics(isTableScalingEnabled, !!isFullWidthEnabled, editorAnalyticsAPI), list);
   bindKeymapWithCommand(backspace.common, chainCommands(deleteTableIfSelectedWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD), emptyMultipleCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD)), list);
   bindKeymapWithCommand(backspace.common, moveCursorBackward, list);
 

package/dist/es2019/ui/FloatingDragMenu/DragMenu.js

@@ -192,9 +192,17 @@ export const DragMenu = /*#__PURE__*/React.memo(({
     isKeyboardModeActive
   } = getPluginState(state);
   const selectionRect = isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
-  const hasMergedCells = direction === 'row' ? hasMergedCellsInRow : hasMergedCellsInColumn;
-  const shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
-  const hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
+  let shouldMoveDisabled;
+  let hasMergedCellsInTable;
+  if (getBooleanFF('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
+    var _tableMap$hasMergedCe;
+    shouldMoveDisabled = false;
+    hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
+  } else {
+    const hasMergedCells = direction === 'row' ? hasMergedCellsInRow : hasMergedCellsInColumn;
+    shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
+    hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
+  }
   const allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
   const dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled);
   const {

package/dist/es2019/ui/icons/DragHandleDisabledIcon.js

@@ -7,7 +7,8 @@ export const DragHandleDisabledIcon = ({
   viewBox: "0 0 24 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
-  style: style
+  style: style,
+  "data-testid": "drag-icon-disabled"
 }, /*#__PURE__*/React.createElement("rect", {
   width: "24",
   height: "16",

package/dist/es2019/ui/icons/DragHandleIcon.js

@@ -3,7 +3,8 @@ export const DragHandleIcon = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "16",
-  fill: "none"
+  fill: "none",
+  "data-testid": "drag-icon-enabled"
 }, /*#__PURE__*/React.createElement("rect", {
   width: "24",
   height: "16",

package/dist/es2019/utils/drag-menu.js

@@ -10,12 +10,13 @@ import EditorLayoutThreeEqualIcon from '@atlaskit/icon/glyph/editor/layout-three
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import HipchatChevronDoubleDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-double-down';
 import HipchatChevronDoubleUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-double-up';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, sortColumnWithAnalytics } from '../commands-with-analytics';
 import { moveSourceWithAnalytics } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { getNewResizeStateFromSelectedColumns } from '../pm-plugins/table-resizing/utils/resize-state';
 import { getClosestSelectionRect } from '../toolbar';
 import { AddColLeftIcon, AddColRightIcon, AddRowAboveIcon, AddRowBelowIcon } from '../ui/icons';
-import { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsWithColumnNextToColumnIndex, hasMergedCellsWithRowNextToRowIndex } from './merged-cells';
+import { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInSelection, hasMergedCellsWithColumnNextToColumnIndex, hasMergedCellsWithRowNextToRowIndex } from './merged-cells';
 import { getSelectedColumnIndexes, getSelectedRowIndexes } from './selection';
 export const getTargetIndex = (selectedIndexes, direction) => Math[direction < 0 ? 'min' : 'max'](...selectedIndexes) + direction;
 export const canMove = (sourceType, direction, totalItemsOfSourceTypeCount, selection, selectionRect) => {
@@ -30,17 +31,23 @@ export const canMove = (sourceType, direction, totalItemsOfSourceTypeCount, sele
     return false;
   }
 
-  // We can't move column when target has merges with other columns
-  // We can't move row when target has merges with other rows
+  // We can't move column when target has merged cells with other columns
+  // We can't move row when target has merged cells with other rows
   const hasMergedCellsInTarget = isRow ? hasMergedCellsWithRowNextToRowIndex(targetIndex, selection) : hasMergedCellsWithColumnNextToColumnIndex(targetIndex, selection);
   if (hasMergedCellsInTarget) {
     return false;
   }
-
-  // Currently we can't move in any direction if there are merged cells in the source
-  const hasMergedCellsInSource = isRow ? hasMergedCellsInRow(selectedIndexes)(selection) : hasMergedCellsInColumn(selectedIndexes)(selection);
-  if (hasMergedCellsInSource) {
-    return false;
+  if (getBooleanFF('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
+    // We can't move if selection in the source is not a rectangle
+    if (hasMergedCellsInSelection(selectedIndexes, isRow ? 'row' : 'column')(selection)) {
+      return false;
+    }
+  } else {
+    // Currently we can't move in any direction if there are merged cells in the source
+    const hasMergedCellsInSource = isRow ? hasMergedCellsInRow(selectedIndexes)(selection) : hasMergedCellsInColumn(selectedIndexes)(selection);
+    if (hasMergedCellsInSource) {
+      return false;
+    }
   }
   return true;
 };

package/dist/esm/plugin.js

@@ -150,8 +150,10 @@ var tablesPlugin = function tablesPlugin(_ref) {
           var _ref6 = options || {},
             dragAndDropEnabled = _ref6.dragAndDropEnabled,
             _ref6$isTableScalingE = _ref6.isTableScalingEnabled,
-            isTableScalingEnabled = _ref6$isTableScalingE === void 0 ? false : _ref6$isTableScalingE;
-          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled);
+            isTableScalingEnabled = _ref6$isTableScalingE === void 0 ? false : _ref6$isTableScalingE,
+            _ref6$fullWidthEnable = _ref6.fullWidthEnabled,
+            fullWidthEnabled = _ref6$fullWidthEnable === void 0 ? false : _ref6$fullWidthEnable;
+          return keymapPlugin(defaultGetEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled, isTableScalingEnabled, fullWidthEnabled);
         }
       }, {
         name: 'tableSelectionKeymap',

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

@@ -9,7 +9,7 @@ import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardCol
 import { addColumnAfter as addColumnAfterCommand, addColumnBefore as addColumnBeforeCommand } from '../commands/insert';
 import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { withEditorAnalyticsAPI } from '../utils/analytics';
-var createTableWithAnalytics = function createTableWithAnalytics(editorAnalyticsAPI) {
+var createTableWithAnalytics = function createTableWithAnalytics(isTableScalingEnabled, isFullWidthModeEnabled, editorAnalyticsAPI) {
   return withEditorAnalyticsAPI({
     action: ACTION.INSERTED,
     actionSubject: ACTION_SUBJECT.DOCUMENT,
@@ -18,14 +18,15 @@ var createTableWithAnalytics = function createTableWithAnalytics(editorAnalytics
       inputMethod: INPUT_METHOD.SHORTCUT
     },
     eventType: EVENT_TYPE.TRACK
-  })(editorAnalyticsAPI)(createTable());
+  })(editorAnalyticsAPI)(createTable(isTableScalingEnabled, isFullWidthModeEnabled));
 };
 export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEnabled) {
   var isTableScalingEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var isFullWidthEnabled = arguments.length > 4 ? arguments[4] : undefined;
   var list = {};
   bindKeymapWithCommand(nextCell.common, goToNextCell(editorAnalyticsAPI)(1), list);
   bindKeymapWithCommand(previousCell.common, goToNextCell(editorAnalyticsAPI)(-1), list);
-  bindKeymapWithCommand(toggleTable.common, createTableWithAnalytics(editorAnalyticsAPI), list);
+  bindKeymapWithCommand(toggleTable.common, createTableWithAnalytics(isTableScalingEnabled, !!isFullWidthEnabled, editorAnalyticsAPI), list);
   bindKeymapWithCommand(backspace.common, chainCommands(deleteTableIfSelectedWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD), emptyMultipleCellsWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.KEYBOARD)), list);
   bindKeymapWithCommand(backspace.common, moveCursorBackward, list);
 

package/dist/esm/ui/FloatingDragMenu/DragMenu.js

@@ -192,9 +192,17 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
   var _getPluginState = getPluginState(state),
     isKeyboardModeActive = _getPluginState.isKeyboardModeActive;
   var selectionRect = isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
-  var hasMergedCells = direction === 'row' ? hasMergedCellsInRow : hasMergedCellsInColumn;
-  var shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
-  var hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
+  var shouldMoveDisabled;
+  var hasMergedCellsInTable;
+  if (getBooleanFF('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
+    var _tableMap$hasMergedCe;
+    shouldMoveDisabled = false;
+    hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
+  } else {
+    var hasMergedCells = direction === 'row' ? hasMergedCellsInRow : hasMergedCellsInColumn;
+    shouldMoveDisabled = index !== undefined && hasMergedCells(index)(selection);
+    hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
+  }
   var allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
   var dragMenuConfig = getDragMenuConfig(direction, getEditorContainerWidth, !shouldMoveDisabled, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled);
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),

package/dist/esm/ui/icons/DragHandleDisabledIcon.js

@@ -7,7 +7,8 @@ export var DragHandleDisabledIcon = function DragHandleDisabledIcon(_ref) {
     viewBox: "0 0 24 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    style: style
+    style: style,
+    "data-testid": "drag-icon-disabled"
   }, /*#__PURE__*/React.createElement("rect", {
     width: "24",
     height: "16",

package/dist/esm/ui/icons/DragHandleIcon.js

@@ -4,7 +4,8 @@ export var DragHandleIcon = function DragHandleIcon() {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "16",
-    fill: "none"
+    fill: "none",
+    "data-testid": "drag-icon-enabled"
   }, /*#__PURE__*/React.createElement("rect", {
     width: "24",
     height: "16",

package/dist/esm/utils/drag-menu.js

@@ -11,12 +11,13 @@ import EditorLayoutThreeEqualIcon from '@atlaskit/icon/glyph/editor/layout-three
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import HipchatChevronDoubleDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-double-down';
 import HipchatChevronDoubleUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-double-up';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, sortColumnWithAnalytics } from '../commands-with-analytics';
 import { moveSourceWithAnalytics } from '../pm-plugins/drag-and-drop/commands-with-analytics';
 import { getNewResizeStateFromSelectedColumns } from '../pm-plugins/table-resizing/utils/resize-state';
 import { getClosestSelectionRect } from '../toolbar';
 import { AddColLeftIcon, AddColRightIcon, AddRowAboveIcon, AddRowBelowIcon } from '../ui/icons';
-import { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsWithColumnNextToColumnIndex, hasMergedCellsWithRowNextToRowIndex } from './merged-cells';
+import { hasMergedCellsInColumn, hasMergedCellsInRow, hasMergedCellsInSelection, hasMergedCellsWithColumnNextToColumnIndex, hasMergedCellsWithRowNextToRowIndex } from './merged-cells';
 import { getSelectedColumnIndexes, getSelectedRowIndexes } from './selection';
 export var getTargetIndex = function getTargetIndex(selectedIndexes, direction) {
   return Math[direction < 0 ? 'min' : 'max'].apply(Math, _toConsumableArray(selectedIndexes)) + direction;
@@ -33,17 +34,23 @@ export var canMove = function canMove(sourceType, direction, totalItemsOfSourceT
     return false;
   }
 
-  // We can't move column when target has merges with other columns
-  // We can't move row when target has merges with other rows
+  // We can't move column when target has merged cells with other columns
+  // We can't move row when target has merged cells with other rows
   var hasMergedCellsInTarget = isRow ? hasMergedCellsWithRowNextToRowIndex(targetIndex, selection) : hasMergedCellsWithColumnNextToColumnIndex(targetIndex, selection);
   if (hasMergedCellsInTarget) {
     return false;
   }
-
-  // Currently we can't move in any direction if there are merged cells in the source
-  var hasMergedCellsInSource = isRow ? hasMergedCellsInRow(selectedIndexes)(selection) : hasMergedCellsInColumn(selectedIndexes)(selection);
-  if (hasMergedCellsInSource) {
-    return false;
+  if (getBooleanFF('platform.editor.table.drag-move-options-logic-update_fp7xw')) {
+    // We can't move if selection in the source is not a rectangle
+    if (hasMergedCellsInSelection(selectedIndexes, isRow ? 'row' : 'column')(selection)) {
+      return false;
+    }
+  } else {
+    // Currently we can't move in any direction if there are merged cells in the source
+    var hasMergedCellsInSource = isRow ? hasMergedCellsInRow(selectedIndexes)(selection) : hasMergedCellsInColumn(selectedIndexes)(selection);
+    if (hasMergedCellsInSource) {
+      return false;
+    }
   }
   return true;
 };

package/dist/types/pm-plugins/keymap.d.ts

@@ -1,5 +1,5 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
-export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean): SafePlugin;
+export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isFullWidthEnabled?: boolean): SafePlugin;
 export default keymapPlugin;

package/dist/types-ts4.5/pm-plugins/keymap.d.ts

@@ -1,5 +1,5 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
-export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean): SafePlugin;
+export declare function keymapPlugin(getEditorContainerWidth: GetEditorContainerWidth, editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null, dragAndDropEnabled?: boolean, isTableScalingEnabled?: boolean, isFullWidthEnabled?: boolean): SafePlugin;
 export default keymapPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.5.10",
+  "version": "7.5.12",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.6.0",
     "@atlaskit/custom-steps": "^0.0.15",
-    "@atlaskit/editor-common": "^78.14.0",
+    "@atlaskit/editor-common": "^78.15.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-content-insertion": "^1.0.0",
@@ -46,7 +46,7 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.0.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
-    "@atlaskit/primitives": "^4.1.0",
+    "@atlaskit/primitives": "^5.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/toggle": "^13.0.0",
     "@atlaskit/tokens": "^1.41.0",
@@ -110,6 +110,9 @@
     "platform.editor.table.insert-last-column-btn-stays-in-place": {
       "type": "boolean"
     },
+    "platform.editor.table.drag-move-options-logic-update_fp7xw": {
+      "type": "boolean"
+    },
     "platform.editor.resizing-table-height-improvement": {
       "type": "boolean"
     },

package/src/plugin.tsx

@@ -266,14 +266,17 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
         {
           name: 'tableKeymap',
           plugin: () => {
-            const { dragAndDropEnabled, isTableScalingEnabled = false } =
-              options || ({} as TablePluginOptions);
-
+            const {
+              dragAndDropEnabled,
+              isTableScalingEnabled = false,
+              fullWidthEnabled = false,
+            } = options || ({} as TablePluginOptions);
             return keymapPlugin(
               defaultGetEditorContainerWidth,
               editorAnalyticsAPI,
               dragAndDropEnabled,
               isTableScalingEnabled,
+              fullWidthEnabled,
             );
           },
         },

package/src/pm-plugins/keymap.ts

@@ -56,6 +56,8 @@ import { moveSourceWithAnalyticsViaShortcut } from '../pm-plugins/drag-and-drop/
 import { withEditorAnalyticsAPI } from '../utils/analytics';
 
 const createTableWithAnalytics = (
+  isTableScalingEnabled: boolean,
+  isFullWidthModeEnabled: boolean,
   editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
 ) =>
   withEditorAnalyticsAPI({
@@ -64,13 +66,16 @@ const createTableWithAnalytics = (
     actionSubjectId: ACTION_SUBJECT_ID.TABLE,
     attributes: { inputMethod: INPUT_METHOD.SHORTCUT },
     eventType: EVENT_TYPE.TRACK,
-  })(editorAnalyticsAPI)(createTable());
+  })(editorAnalyticsAPI)(
+    createTable(isTableScalingEnabled, isFullWidthModeEnabled),
+  );
 
 export function keymapPlugin(
   getEditorContainerWidth: GetEditorContainerWidth,
   editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
   dragAndDropEnabled?: boolean,
   isTableScalingEnabled = false,
+  isFullWidthEnabled?: boolean,
 ): SafePlugin {
   const list = {};
 
@@ -86,7 +91,11 @@ export function keymapPlugin(
   );
   bindKeymapWithCommand(
     toggleTable.common!,
-    createTableWithAnalytics(editorAnalyticsAPI),
+    createTableWithAnalytics(
+      isTableScalingEnabled,
+      !!isFullWidthEnabled,
+      editorAnalyticsAPI,
+    ),
     list,
   );
   bindKeymapWithCommand(

package/src/ui/FloatingDragMenu/DragMenu.tsx

@@ -292,13 +292,23 @@ export const DragMenu = React.memo(
       ? getSelectionRect(selection)!
       : findCellRectClosestToPos(selection.$from);
 
-    const hasMergedCells =
-      direction === 'row' ? hasMergedCellsInRow : hasMergedCellsInColumn;
+    let shouldMoveDisabled;
+    let hasMergedCellsInTable;
+    if (
+      getBooleanFF('platform.editor.table.drag-move-options-logic-update_fp7xw')
+    ) {
+      shouldMoveDisabled = false;
+      hasMergedCellsInTable = tableMap?.hasMergedCells() ?? false;
+    } else {
+      const hasMergedCells =
+        direction === 'row' ? hasMergedCellsInRow : hasMergedCellsInColumn;
 
-    const shouldMoveDisabled =
-      index !== undefined && hasMergedCells(index)(selection);
+      shouldMoveDisabled =
+        index !== undefined && hasMergedCells(index)(selection);
+
+      hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
+    }
 
-    const hasMergedCellsInTable = getMergedCellsPositions(state.tr).length > 0;
     const allowBackgroundColor = pluginConfig?.allowBackgroundColor ?? false;
 
     const dragMenuConfig = getDragMenuConfig(

package/src/ui/icons/DragHandleDisabledIcon.tsx

@@ -14,6 +14,7 @@ export const DragHandleDisabledIcon = ({
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     style={style}
+    data-testid="drag-icon-disabled"
   >
     <rect width="24" height="16" rx="4" />
     <g>

package/src/ui/icons/DragHandleIcon.tsx

@@ -1,7 +1,13 @@
 import React from 'react';
 
 export const DragHandleIcon = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" fill="none">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="16"
+    fill="none"
+    data-testid="drag-icon-enabled"
+  >
     <rect width="24" height="16" rx="4" />
     <g>
       <path d="M9 10a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM9 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM17 10a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM17 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM13 10a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM13 6a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z" />

package/src/utils/drag-menu.ts

@@ -37,6 +37,7 @@ import EditorLayoutThreeEqualIcon from '@atlaskit/icon/glyph/editor/layout-three
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import HipchatChevronDoubleDownIcon from '@atlaskit/icon/glyph/hipchat/chevron-double-down';
 import HipchatChevronDoubleUpIcon from '@atlaskit/icon/glyph/hipchat/chevron-double-up';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import {
   deleteColumnsWithAnalytics,
@@ -61,6 +62,7 @@ import {
 import {
   hasMergedCellsInColumn,
   hasMergedCellsInRow,
+  hasMergedCellsInSelection,
   hasMergedCellsWithColumnNextToColumnIndex,
   hasMergedCellsWithRowNextToRowIndex,
 } from './merged-cells';
@@ -94,8 +96,8 @@ export const canMove = (
     return false;
   }
 
-  // We can't move column when target has merges with other columns
-  // We can't move row when target has merges with other rows
+  // We can't move column when target has merged cells with other columns
+  // We can't move row when target has merged cells with other rows
   const hasMergedCellsInTarget = isRow
     ? hasMergedCellsWithRowNextToRowIndex(targetIndex, selection)
     : hasMergedCellsWithColumnNextToColumnIndex(targetIndex, selection);
@@ -103,12 +105,27 @@ export const canMove = (
     return false;
   }
 
-  // Currently we can't move in any direction if there are merged cells in the source
-  const hasMergedCellsInSource = isRow
-    ? hasMergedCellsInRow(selectedIndexes)(selection)
-    : hasMergedCellsInColumn(selectedIndexes)(selection);
-  if (hasMergedCellsInSource) {
-    return false;
+  if (
+    getBooleanFF('platform.editor.table.drag-move-options-logic-update_fp7xw')
+  ) {
+    // We can't move if selection in the source is not a rectangle
+    if (
+      hasMergedCellsInSelection(
+        selectedIndexes,
+        isRow ? 'row' : 'column',
+      )(selection)
+    ) {
+      return false;
+    }
+  } else {
+    // Currently we can't move in any direction if there are merged cells in the source
+    const hasMergedCellsInSource = isRow
+      ? hasMergedCellsInRow(selectedIndexes)(selection)
+      : hasMergedCellsInColumn(selectedIndexes)(selection);
+
+    if (hasMergedCellsInSource) {
+      return false;
+    }
   }
 
   return true;