@atlaskit/editor-plugin-table 24.3.14 → 24.4.1

package/dist/cjs/ui/TableMenu/cell/keys.js

@@ -4,9 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VERTICAL_ALIGN_TOP_ITEM = exports.VERTICAL_ALIGN_MIDDLE_ITEM = exports.VERTICAL_ALIGN_MENU_SECTION_RANK = exports.VERTICAL_ALIGN_MENU_SECTION = exports.VERTICAL_ALIGN_MENU_RANK = exports.VERTICAL_ALIGN_MENU = exports.VERTICAL_ALIGN_BOTTOM_ITEM = exports.SPLIT_CELL_ITEM = exports.MERGE_CELLS_ITEM = exports.CELL_MENU_RANK = exports.CELL_MENU = exports.CELL_DANGER_SECTION_RANK = exports.CELL_DANGER_SECTION = exports.CELL_ACTION_SECTION_RANK = exports.CELL_ACTION_SECTION = void 0;
+exports.VERTICAL_ALIGN_TOP_ITEM = exports.VERTICAL_ALIGN_MIDDLE_ITEM = exports.VERTICAL_ALIGN_MENU_SECTION_RANK = exports.VERTICAL_ALIGN_MENU_SECTION = exports.VERTICAL_ALIGN_MENU_RANK = exports.VERTICAL_ALIGN_MENU = exports.VERTICAL_ALIGN_BOTTOM_ITEM = exports.SPLIT_CELL_ITEM = exports.MERGE_CELLS_ITEM = exports.CELL_MENU_RANK = exports.CELL_MENU = exports.CELL_DANGER_SECTION_RANK = exports.CELL_DANGER_SECTION = exports.CELL_ADD_SECTION_RANK = exports.CELL_ADD_SECTION = exports.CELL_ACTION_SECTION_RANK = exports.CELL_ACTION_SECTION = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _keys = require("../shared/keys");
+var _keys = require("../column/keys");
+var _keys2 = require("../row/keys");
+var _keys3 = require("../shared/keys");
 // --- Menu surface ---
 
 var CELL_MENU = exports.CELL_MENU = {
@@ -20,11 +22,15 @@ var CELL_ACTION_SECTION = exports.CELL_ACTION_SECTION = {
   type: 'menu-section',
   key: 'cell-action-section'
 };
+var CELL_ADD_SECTION = exports.CELL_ADD_SECTION = {
+  type: 'menu-section',
+  key: 'cell-add-section'
+};
 var CELL_DANGER_SECTION = exports.CELL_DANGER_SECTION = {
   type: 'menu-section',
   key: 'cell-danger-section'
 };
-var CELL_MENU_RANK = exports.CELL_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, CELL_ACTION_SECTION.key, 100), CELL_DANGER_SECTION.key, 200);
+var CELL_MENU_RANK = exports.CELL_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, CELL_ACTION_SECTION.key, 100), CELL_ADD_SECTION.key, 200), CELL_DANGER_SECTION.key, 300);
 var MERGE_CELLS_ITEM = exports.MERGE_CELLS_ITEM = {
   type: 'menu-item',
   key: 'merge-cells'
@@ -55,8 +61,16 @@ var VERTICAL_ALIGN_BOTTOM_ITEM = exports.VERTICAL_ALIGN_BOTTOM_ITEM = {
 };
 
 // --- Item ranks within their sections ---
+//
+// The add/delete items rendered in the cell menu are shared with the row/column
+// menus (registered once in `../shared/getSharedItems` with multiple parents), so
+// we reuse their existing keys here rather than declaring cell-specific ones.
 
-var CELL_ACTION_SECTION_RANK = exports.CELL_ACTION_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.BACKGROUND_COLOR_ITEM.key, 100), VERTICAL_ALIGN_MENU.key, 200), MERGE_CELLS_ITEM.key, 300), SPLIT_CELL_ITEM.key, 400);
+var CELL_ACTION_SECTION_RANK = exports.CELL_ACTION_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys3.BACKGROUND_COLOR_ITEM.key, 100), VERTICAL_ALIGN_MENU.key, 200), MERGE_CELLS_ITEM.key, 300), SPLIT_CELL_ITEM.key, 400);
 var VERTICAL_ALIGN_MENU_RANK = exports.VERTICAL_ALIGN_MENU_RANK = (0, _defineProperty2.default)({}, VERTICAL_ALIGN_MENU_SECTION.key, 100);
 var VERTICAL_ALIGN_MENU_SECTION_RANK = exports.VERTICAL_ALIGN_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, VERTICAL_ALIGN_TOP_ITEM.key, 100), VERTICAL_ALIGN_MIDDLE_ITEM.key, 200), VERTICAL_ALIGN_BOTTOM_ITEM.key, 300);
-var CELL_DANGER_SECTION_RANK = exports.CELL_DANGER_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.CLEAR_CELLS_ITEM.key, 100);
+
+// Merge/Split cells are relocated from the action section into the add section when the
+// cell menu update gate is on; they sit at the top of the section.
+var CELL_ADD_SECTION_RANK = exports.CELL_ADD_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, MERGE_CELLS_ITEM.key, 100), SPLIT_CELL_ITEM.key, 200), _keys.ADD_COLUMN_RIGHT_ITEM.key, 300), _keys2.ADD_ROW_BELOW_ITEM.key, 400), _keys.DISTRIBUTE_COLUMNS_ITEM.key, 500);
+var CELL_DANGER_SECTION_RANK = exports.CELL_DANGER_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys3.CLEAR_CELLS_ITEM.key, 100), _keys.DELETE_COLUMN_ITEM.key, 200), _keys2.DELETE_ROW_ITEM.key, 300);

package/dist/cjs/ui/TableMenu/column/getColumnMenuComponents.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getColumnMenuComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AddColumnLeftItem = require("./items/AddColumnLeftItem");
 var _AddColumnRightItem = require("./items/AddColumnRightItem");
 var _ColumnBackgroundSection = require("./items/ColumnBackgroundSection");
@@ -21,7 +22,171 @@ var _SortIncreasingItem = require("./items/SortIncreasingItem");
 var _keys = require("./keys");
 var getColumnMenuComponents = exports.getColumnMenuComponents = function getColumnMenuComponents(_ref) {
   var api = _ref.api;
-  return [
+  return (0, _platformFeatureFlags.fg)('platform_editor_table_cell_menu_update') ? [
+  // --- Cell menu update ON ---
+  // AddColumnRightItem/DistributeColumnsItem/DeleteColumnItem are registered in
+  // `../shared/getSharedItems` (shared with the cell menu), so they are omitted here.
+
+  // --- Menu surface ---
+  {
+    type: _keys.COLUMN_MENU.type,
+    key: _keys.COLUMN_MENU.key
+  },
+  // --- Toggle section (Header column) ---
+  {
+    type: _keys.COLUMN_TOGGLE_SECTION.type,
+    key: _keys.COLUMN_TOGGLE_SECTION.key,
+    parents: [{
+      type: _keys.COLUMN_MENU.type,
+      key: _keys.COLUMN_MENU.key,
+      rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_TOGGLE_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_ColumnToggleSection.ColumnToggleSection, {
+        api: api
+      }, props.children);
+    }
+  }, {
+    type: _keys.HEADER_COLUMN_TOGGLE_ITEM.type,
+    key: _keys.HEADER_COLUMN_TOGGLE_ITEM.key,
+    parents: [{
+      type: _keys.COLUMN_TOGGLE_SECTION.type,
+      key: _keys.COLUMN_TOGGLE_SECTION.key,
+      rank: _keys.COLUMN_TOGGLE_SECTION_RANK[_keys.HEADER_COLUMN_TOGGLE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_HeaderColumnToggleItem.HeaderColumnToggleItem, {
+        api: api
+      });
+    }
+  },
+  // --- Background color section ---
+  {
+    type: _keys.COLUMN_BACKGROUND_SECTION.type,
+    key: _keys.COLUMN_BACKGROUND_SECTION.key,
+    parents: [{
+      type: _keys.COLUMN_MENU.type,
+      key: _keys.COLUMN_MENU.key,
+      rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_BACKGROUND_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_ColumnBackgroundSection.ColumnBackgroundSection, {
+        api: api
+      }, props.children);
+    }
+  },
+  // --- Sort section ---
+  {
+    type: _keys.COLUMN_SORT_SECTION.type,
+    key: _keys.COLUMN_SORT_SECTION.key,
+    parents: [{
+      type: _keys.COLUMN_MENU.type,
+      key: _keys.COLUMN_MENU.key,
+      rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_SORT_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }, {
+    type: _keys.SORT_INCREASING_ITEM.type,
+    key: _keys.SORT_INCREASING_ITEM.key,
+    parents: [{
+      type: _keys.COLUMN_SORT_SECTION.type,
+      key: _keys.COLUMN_SORT_SECTION.key,
+      rank: _keys.COLUMN_SORT_SECTION_RANK[_keys.SORT_INCREASING_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_SortIncreasingItem.SortIncreasingItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.SORT_DECREASING_ITEM.type,
+    key: _keys.SORT_DECREASING_ITEM.key,
+    parents: [{
+      type: _keys.COLUMN_SORT_SECTION.type,
+      key: _keys.COLUMN_SORT_SECTION.key,
+      rank: _keys.COLUMN_SORT_SECTION_RANK[_keys.SORT_DECREASING_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_SortDecreasingItem.SortDecreasingItem, {
+        api: api
+      });
+    }
+  },
+  // --- Add / Move section ---
+  {
+    type: _keys.COLUMN_ADD_SECTION.type,
+    key: _keys.COLUMN_ADD_SECTION.key,
+    parents: [{
+      type: _keys.COLUMN_MENU.type,
+      key: _keys.COLUMN_MENU.key,
+      rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_ADD_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }, {
+    type: _keys.ADD_COLUMN_LEFT_ITEM.type,
+    key: _keys.ADD_COLUMN_LEFT_ITEM.key,
+    parents: [{
+      type: _keys.COLUMN_ADD_SECTION.type,
+      key: _keys.COLUMN_ADD_SECTION.key,
+      rank: _keys.COLUMN_ADD_SECTION_RANK[_keys.ADD_COLUMN_LEFT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_AddColumnLeftItem.AddColumnLeftItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.MOVE_COLUMN_LEFT_ITEM.type,
+    key: _keys.MOVE_COLUMN_LEFT_ITEM.key,
+    parents: [{
+      type: _keys.COLUMN_ADD_SECTION.type,
+      key: _keys.COLUMN_ADD_SECTION.key,
+      rank: _keys.COLUMN_ADD_SECTION_RANK[_keys.MOVE_COLUMN_LEFT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_MoveColumnLeftItem.MoveColumnLeftItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.MOVE_COLUMN_RIGHT_ITEM.type,
+    key: _keys.MOVE_COLUMN_RIGHT_ITEM.key,
+    parents: [{
+      type: _keys.COLUMN_ADD_SECTION.type,
+      key: _keys.COLUMN_ADD_SECTION.key,
+      rank: _keys.COLUMN_ADD_SECTION_RANK[_keys.MOVE_COLUMN_RIGHT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_MoveColumnRightItem.MoveColumnRightItem, {
+        api: api
+      });
+    }
+  },
+  // --- Danger section (Clear cells, Delete column) ---
+  {
+    type: _keys.COLUMN_DANGER_SECTION.type,
+    key: _keys.COLUMN_DANGER_SECTION.key,
+    parents: [{
+      type: _keys.COLUMN_MENU.type,
+      key: _keys.COLUMN_MENU.key,
+      rank: _keys.COLUMN_SECTION_RANK[_keys.COLUMN_DANGER_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }] : [
+  // --- Cell menu update OFF: legacy column menu (registers its own add/delete items) ---
+
   // --- Menu surface ---
   {
     type: _keys.COLUMN_MENU.type,

package/dist/cjs/ui/TableMenu/column/items/AddColumnRightItem.js

@@ -11,10 +11,10 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _selection = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var AddColumnRightItem = exports.AddColumnRightItem = function AddColumnRightItem(_ref) {
   var _useTableMenuContext, _tooltip;
@@ -39,7 +39,7 @@ var AddColumnRightItem = exports.AddColumnRightItem = function AddColumnRightIte
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection.getMenuSelectionRect)(editorView.state.selection);
     var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
     if (index === undefined) {
       return;

package/dist/cjs/ui/TableMenu/column/items/DeleteColumnItem.js

@@ -11,11 +11,11 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _selection = require("../../../../pm-plugins/utils/selection");
+var _selection2 = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref) {
   var _tableMenuContext$sel, _tooltip;
@@ -41,7 +41,7 @@ var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection2.getMenuSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }
@@ -58,7 +58,7 @@ var DeleteColumnItem = exports.DeleteColumnItem = function DeleteColumnItem(_ref
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection2.getMenuSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }

package/dist/cjs/ui/TableMenu/column/items/DistributeColumnsItem.js

@@ -10,11 +10,11 @@ var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _resizeState = require("../../../../pm-plugins/table-resizing/utils/resize-state");
+var _selection = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 /** Distribute columns is only visible when more than one column is selected. */
 var shouldShowDistributeColumns = function shouldShowDistributeColumns(selectedColumnCount) {
@@ -43,7 +43,7 @@ var DistributeColumnsItem = exports.DistributeColumnsItem = function DistributeC
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection.getMenuSelectionRect)(editorView.state.selection);
     var editorContainerWidth = api === null || api === void 0 || (_api$width = api.width) === null || _api$width === void 0 ? void 0 : _api$width.sharedState.currentState();
     if (!selectionRect || !editorContainerWidth) {
       return;

package/dist/cjs/ui/TableMenu/row/getRowMenuComponents.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getRowMenuComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AddRowAboveItem = require("./items/AddRowAboveItem");
 var _AddRowBelowItem = require("./items/AddRowBelowItem");
 var _DeleteRowItem = require("./items/DeleteRowItem");
@@ -17,7 +18,141 @@ var _NumberedRowsToggleItem = require("./items/NumberedRowsToggleItem");
 var _keys = require("./keys");
 var getRowMenuComponents = exports.getRowMenuComponents = function getRowMenuComponents(_ref) {
   var api = _ref.api;
-  return [
+  return (0, _platformFeatureFlags.fg)('platform_editor_table_cell_menu_update') ? [
+  // --- Cell menu update ON ---
+  // AddRowBelowItem/DeleteRowItem are registered in `../shared/getSharedItems`
+  // (shared with the cell menu), so they are omitted here.
+
+  // --- Menu surface ---
+  {
+    type: _keys.ROW_MENU.type,
+    key: _keys.ROW_MENU.key
+  },
+  // --- Toggle section (Header row, Numbered rows) ---
+  {
+    type: _keys.ROW_TOGGLE_SECTION.type,
+    key: _keys.ROW_TOGGLE_SECTION.key,
+    parents: [{
+      type: _keys.ROW_MENU.type,
+      key: _keys.ROW_MENU.key,
+      rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_TOGGLE_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, props.children);
+    }
+  }, {
+    type: _keys.HEADER_ROW_TOGGLE_ITEM.type,
+    key: _keys.HEADER_ROW_TOGGLE_ITEM.key,
+    parents: [{
+      type: _keys.ROW_TOGGLE_SECTION.type,
+      key: _keys.ROW_TOGGLE_SECTION.key,
+      rank: _keys.ROW_TOGGLE_SECTION_RANK[_keys.HEADER_ROW_TOGGLE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_HeaderRowToggleItem.HeaderRowToggleItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.NUMBERED_ROWS_TOGGLE_ITEM.type,
+    key: _keys.NUMBERED_ROWS_TOGGLE_ITEM.key,
+    parents: [{
+      type: _keys.ROW_TOGGLE_SECTION.type,
+      key: _keys.ROW_TOGGLE_SECTION.key,
+      rank: _keys.ROW_TOGGLE_SECTION_RANK[_keys.NUMBERED_ROWS_TOGGLE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_NumberedRowsToggleItem.NumberedRowsToggleItem, {
+        api: api
+      });
+    }
+  },
+  // --- Background color section ---
+  {
+    type: _keys.ROW_BACKGROUND_SECTION.type,
+    key: _keys.ROW_BACKGROUND_SECTION.key,
+    parents: [{
+      type: _keys.ROW_MENU.type,
+      key: _keys.ROW_MENU.key,
+      rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_BACKGROUND_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  },
+  // --- Add / Move section ---
+  {
+    type: _keys.ROW_ADD_SECTION.type,
+    key: _keys.ROW_ADD_SECTION.key,
+    parents: [{
+      type: _keys.ROW_MENU.type,
+      key: _keys.ROW_MENU.key,
+      rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_ADD_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }, {
+    type: _keys.ADD_ROW_ABOVE_ITEM.type,
+    key: _keys.ADD_ROW_ABOVE_ITEM.key,
+    parents: [{
+      type: _keys.ROW_ADD_SECTION.type,
+      key: _keys.ROW_ADD_SECTION.key,
+      rank: _keys.ROW_ADD_SECTION_RANK[_keys.ADD_ROW_ABOVE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_AddRowAboveItem.AddRowAboveItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.MOVE_ROW_UP_ITEM.type,
+    key: _keys.MOVE_ROW_UP_ITEM.key,
+    parents: [{
+      type: _keys.ROW_ADD_SECTION.type,
+      key: _keys.ROW_ADD_SECTION.key,
+      rank: _keys.ROW_ADD_SECTION_RANK[_keys.MOVE_ROW_UP_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_MoveRowUpItem.MoveRowUpItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys.MOVE_ROW_DOWN_ITEM.type,
+    key: _keys.MOVE_ROW_DOWN_ITEM.key,
+    parents: [{
+      type: _keys.ROW_ADD_SECTION.type,
+      key: _keys.ROW_ADD_SECTION.key,
+      rank: _keys.ROW_ADD_SECTION_RANK[_keys.MOVE_ROW_DOWN_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_MoveRowDownItem.MoveRowDownItem, {
+        api: api
+      });
+    }
+  },
+  // --- Danger section (Clear cells, Delete row) ---
+  {
+    type: _keys.ROW_DANGER_SECTION.type,
+    key: _keys.ROW_DANGER_SECTION.key,
+    parents: [{
+      type: _keys.ROW_MENU.type,
+      key: _keys.ROW_MENU.key,
+      rank: _keys.ROW_MENU_SECTION_RANK[_keys.ROW_DANGER_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }] : [
+  // --- Cell menu update OFF: legacy row menu (registers its own add/delete items) ---
+
   // --- Menu surface ---
   {
     type: _keys.ROW_MENU.type,

package/dist/cjs/ui/TableMenu/row/items/AddRowBelowItem.js

@@ -10,10 +10,10 @@ var _reactIntl = require("react-intl");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
+var _selection = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem(props) {
   var _useTableMenuContext, _tooltip;
@@ -27,7 +27,7 @@ var AddRowBelowItem = exports.AddRowBelowItem = function AddRowBelowItem(props)
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection.getMenuSelectionRect)(editorView.state.selection);
     var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.bottom;
     if (index === undefined) {
       return;

package/dist/cjs/ui/TableMenu/row/items/DeleteRowItem.js

@@ -11,11 +11,11 @@ var _analytics = require("@atlaskit/editor-common/analytics");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _utils = require("@atlaskit/editor-tables/utils");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _commands = require("../../../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../../../pm-plugins/commands/commands-with-analytics");
 var _selection = require("../../../../pm-plugins/utils/selection");
+var _selection2 = require("../../shared/selection");
 var _TableMenuContext = require("../../shared/TableMenuContext");
 var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
   var _tableMenuContext$sel, _tooltip;
@@ -37,7 +37,7 @@ var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection2.getMenuSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }
@@ -54,7 +54,7 @@ var DeleteRowItem = exports.DeleteRowItem = function DeleteRowItem(props) {
     if (!editorView) {
       return;
     }
-    var selectionRect = (0, _utils.getSelectionRect)(editorView.state.selection);
+    var selectionRect = (0, _selection2.getMenuSelectionRect)(editorView.state.selection);
     if (!selectionRect) {
       return;
     }

package/dist/cjs/ui/TableMenu/shared/getSharedItems.js

@@ -6,15 +6,155 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSharedItems = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _keys = require("../cell/keys");
+var _AddColumnRightItem = require("../column/items/AddColumnRightItem");
+var _DeleteColumnItem = require("../column/items/DeleteColumnItem");
+var _DistributeColumnsItem = require("../column/items/DistributeColumnsItem");
 var _keys2 = require("../column/keys");
+var _AddRowBelowItem = require("../row/items/AddRowBelowItem");
+var _DeleteRowItem = require("../row/items/DeleteRowItem");
 var _keys3 = require("../row/keys");
 var _BackgroundColorItem = require("./items/BackgroundColorItem");
 var _ClearCellsItem = require("./items/ClearCellsItem");
 var _keys4 = require("./keys");
 var getSharedItems = exports.getSharedItems = function getSharedItems(_ref) {
   var api = _ref.api;
-  return [{
+  return (0, _platformFeatureFlags.fg)('platform_editor_table_cell_menu_update') ? [
+  // --- Cell menu update ON ---
+  // The add/delete items move out of the row/column menu files and are registered here
+  // once with an additional cell parent, so they render inside the cell menu too.
+  {
+    type: _keys4.BACKGROUND_COLOR_ITEM.type,
+    key: _keys4.BACKGROUND_COLOR_ITEM.key,
+    parents: [{
+      type: _keys3.ROW_BACKGROUND_SECTION.type,
+      key: _keys3.ROW_BACKGROUND_SECTION.key,
+      rank: _keys3.ROW_BACKGROUND_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
+    }, {
+      type: _keys2.COLUMN_BACKGROUND_SECTION.type,
+      key: _keys2.COLUMN_BACKGROUND_SECTION.key,
+      rank: _keys2.COLUMN_BACKGROUND_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
+    }, {
+      type: _keys.CELL_ACTION_SECTION.type,
+      key: _keys.CELL_ACTION_SECTION.key,
+      rank: _keys.CELL_ACTION_SECTION_RANK[_keys4.BACKGROUND_COLOR_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_BackgroundColorItem.BackgroundColorItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys2.ADD_COLUMN_RIGHT_ITEM.type,
+    key: _keys2.ADD_COLUMN_RIGHT_ITEM.key,
+    parents: [{
+      type: _keys2.COLUMN_ADD_SECTION.type,
+      key: _keys2.COLUMN_ADD_SECTION.key,
+      rank: _keys2.COLUMN_ADD_SECTION_RANK[_keys2.ADD_COLUMN_RIGHT_ITEM.key]
+    }, {
+      type: _keys.CELL_ADD_SECTION.type,
+      key: _keys.CELL_ADD_SECTION.key,
+      rank: _keys.CELL_ADD_SECTION_RANK[_keys2.ADD_COLUMN_RIGHT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_AddColumnRightItem.AddColumnRightItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys3.ADD_ROW_BELOW_ITEM.type,
+    key: _keys3.ADD_ROW_BELOW_ITEM.key,
+    parents: [{
+      type: _keys3.ROW_ADD_SECTION.type,
+      key: _keys3.ROW_ADD_SECTION.key,
+      rank: _keys3.ROW_ADD_SECTION_RANK[_keys3.ADD_ROW_BELOW_ITEM.key]
+    }, {
+      type: _keys.CELL_ADD_SECTION.type,
+      key: _keys.CELL_ADD_SECTION.key,
+      rank: _keys.CELL_ADD_SECTION_RANK[_keys3.ADD_ROW_BELOW_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_AddRowBelowItem.AddRowBelowItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys2.DISTRIBUTE_COLUMNS_ITEM.type,
+    key: _keys2.DISTRIBUTE_COLUMNS_ITEM.key,
+    parents: [{
+      type: _keys2.COLUMN_ADD_SECTION.type,
+      key: _keys2.COLUMN_ADD_SECTION.key,
+      rank: _keys2.COLUMN_ADD_SECTION_RANK[_keys2.DISTRIBUTE_COLUMNS_ITEM.key]
+    }, {
+      type: _keys.CELL_ADD_SECTION.type,
+      key: _keys.CELL_ADD_SECTION.key,
+      rank: _keys.CELL_ADD_SECTION_RANK[_keys2.DISTRIBUTE_COLUMNS_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_DistributeColumnsItem.DistributeColumnsItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys4.CLEAR_CELLS_ITEM.type,
+    key: _keys4.CLEAR_CELLS_ITEM.key,
+    parents: [{
+      type: _keys3.ROW_DANGER_SECTION.type,
+      key: _keys3.ROW_DANGER_SECTION.key,
+      rank: _keys3.ROW_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
+    }, {
+      type: _keys2.COLUMN_DANGER_SECTION.type,
+      key: _keys2.COLUMN_DANGER_SECTION.key,
+      rank: _keys2.COLUMN_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
+    }, {
+      type: _keys.CELL_DANGER_SECTION.type,
+      key: _keys.CELL_DANGER_SECTION.key,
+      rank: _keys.CELL_DANGER_SECTION_RANK[_keys4.CLEAR_CELLS_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_ClearCellsItem.ClearCellsItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys2.DELETE_COLUMN_ITEM.type,
+    key: _keys2.DELETE_COLUMN_ITEM.key,
+    parents: [{
+      type: _keys2.COLUMN_DANGER_SECTION.type,
+      key: _keys2.COLUMN_DANGER_SECTION.key,
+      rank: _keys2.COLUMN_DANGER_SECTION_RANK[_keys2.DELETE_COLUMN_ITEM.key]
+    }, {
+      type: _keys.CELL_DANGER_SECTION.type,
+      key: _keys.CELL_DANGER_SECTION.key,
+      rank: _keys.CELL_DANGER_SECTION_RANK[_keys2.DELETE_COLUMN_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_DeleteColumnItem.DeleteColumnItem, {
+        api: api
+      });
+    }
+  }, {
+    type: _keys3.DELETE_ROW_ITEM.type,
+    key: _keys3.DELETE_ROW_ITEM.key,
+    parents: [{
+      type: _keys3.ROW_DANGER_SECTION.type,
+      key: _keys3.ROW_DANGER_SECTION.key,
+      rank: _keys3.ROW_DANGER_SECTION_RANK[_keys3.DELETE_ROW_ITEM.key]
+    }, {
+      type: _keys.CELL_DANGER_SECTION.type,
+      key: _keys.CELL_DANGER_SECTION.key,
+      rank: _keys.CELL_DANGER_SECTION_RANK[_keys3.DELETE_ROW_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_DeleteRowItem.DeleteRowItem, {
+        api: api
+      });
+    }
+  }] : [
+  // --- Cell menu update OFF: legacy shared items (background color + clear cells only).
+  // The add/delete items are registered by the row/column menu files in this mode.
+  {
     type: _keys4.BACKGROUND_COLOR_ITEM.type,
     key: _keys4.BACKGROUND_COLOR_ITEM.key,
     parents: [{