@atlaskit/editor-plugin-table 24.3.14 → 24.4.0

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AddColumnLeftItem } from './items/AddColumnLeftItem';
 import { AddColumnRightItem } from './items/AddColumnRightItem';
 import { ColumnBackgroundSection } from './items/ColumnBackgroundSection';
@@ -14,7 +15,171 @@ import { SortIncreasingItem } from './items/SortIncreasingItem';
 import { COLUMN_MENU, COLUMN_TOGGLE_SECTION, COLUMN_BACKGROUND_SECTION, COLUMN_SORT_SECTION, COLUMN_ADD_SECTION, COLUMN_DANGER_SECTION, COLUMN_SECTION_RANK, HEADER_COLUMN_TOGGLE_ITEM, SORT_INCREASING_ITEM, SORT_DECREASING_ITEM, ADD_COLUMN_LEFT_ITEM, ADD_COLUMN_RIGHT_ITEM, MOVE_COLUMN_LEFT_ITEM, MOVE_COLUMN_RIGHT_ITEM, DISTRIBUTE_COLUMNS_ITEM, DELETE_COLUMN_ITEM, COLUMN_TOGGLE_SECTION_RANK, COLUMN_SORT_SECTION_RANK, COLUMN_ADD_SECTION_RANK, COLUMN_DANGER_SECTION_RANK } from './keys';
 export var getColumnMenuComponents = function getColumnMenuComponents(_ref) {
   var api = _ref.api;
-  return [
+  return 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: COLUMN_MENU.type,
+    key: COLUMN_MENU.key
+  },
+  // --- Toggle section (Header column) ---
+  {
+    type: COLUMN_TOGGLE_SECTION.type,
+    key: COLUMN_TOGGLE_SECTION.key,
+    parents: [{
+      type: COLUMN_MENU.type,
+      key: COLUMN_MENU.key,
+      rank: COLUMN_SECTION_RANK[COLUMN_TOGGLE_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ColumnToggleSection, {
+        api: api
+      }, props.children);
+    }
+  }, {
+    type: HEADER_COLUMN_TOGGLE_ITEM.type,
+    key: HEADER_COLUMN_TOGGLE_ITEM.key,
+    parents: [{
+      type: COLUMN_TOGGLE_SECTION.type,
+      key: COLUMN_TOGGLE_SECTION.key,
+      rank: COLUMN_TOGGLE_SECTION_RANK[HEADER_COLUMN_TOGGLE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(HeaderColumnToggleItem, {
+        api: api
+      });
+    }
+  },
+  // --- Background color section ---
+  {
+    type: COLUMN_BACKGROUND_SECTION.type,
+    key: COLUMN_BACKGROUND_SECTION.key,
+    parents: [{
+      type: COLUMN_MENU.type,
+      key: COLUMN_MENU.key,
+      rank: COLUMN_SECTION_RANK[COLUMN_BACKGROUND_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ColumnBackgroundSection, {
+        api: api
+      }, props.children);
+    }
+  },
+  // --- Sort section ---
+  {
+    type: COLUMN_SORT_SECTION.type,
+    key: COLUMN_SORT_SECTION.key,
+    parents: [{
+      type: COLUMN_MENU.type,
+      key: COLUMN_MENU.key,
+      rank: COLUMN_SECTION_RANK[COLUMN_SORT_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }, {
+    type: SORT_INCREASING_ITEM.type,
+    key: SORT_INCREASING_ITEM.key,
+    parents: [{
+      type: COLUMN_SORT_SECTION.type,
+      key: COLUMN_SORT_SECTION.key,
+      rank: COLUMN_SORT_SECTION_RANK[SORT_INCREASING_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(SortIncreasingItem, {
+        api: api
+      });
+    }
+  }, {
+    type: SORT_DECREASING_ITEM.type,
+    key: SORT_DECREASING_ITEM.key,
+    parents: [{
+      type: COLUMN_SORT_SECTION.type,
+      key: COLUMN_SORT_SECTION.key,
+      rank: COLUMN_SORT_SECTION_RANK[SORT_DECREASING_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(SortDecreasingItem, {
+        api: api
+      });
+    }
+  },
+  // --- Add / Move section ---
+  {
+    type: COLUMN_ADD_SECTION.type,
+    key: COLUMN_ADD_SECTION.key,
+    parents: [{
+      type: COLUMN_MENU.type,
+      key: COLUMN_MENU.key,
+      rank: COLUMN_SECTION_RANK[COLUMN_ADD_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }, {
+    type: ADD_COLUMN_LEFT_ITEM.type,
+    key: ADD_COLUMN_LEFT_ITEM.key,
+    parents: [{
+      type: COLUMN_ADD_SECTION.type,
+      key: COLUMN_ADD_SECTION.key,
+      rank: COLUMN_ADD_SECTION_RANK[ADD_COLUMN_LEFT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(AddColumnLeftItem, {
+        api: api
+      });
+    }
+  }, {
+    type: MOVE_COLUMN_LEFT_ITEM.type,
+    key: MOVE_COLUMN_LEFT_ITEM.key,
+    parents: [{
+      type: COLUMN_ADD_SECTION.type,
+      key: COLUMN_ADD_SECTION.key,
+      rank: COLUMN_ADD_SECTION_RANK[MOVE_COLUMN_LEFT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(MoveColumnLeftItem, {
+        api: api
+      });
+    }
+  }, {
+    type: MOVE_COLUMN_RIGHT_ITEM.type,
+    key: MOVE_COLUMN_RIGHT_ITEM.key,
+    parents: [{
+      type: COLUMN_ADD_SECTION.type,
+      key: COLUMN_ADD_SECTION.key,
+      rank: COLUMN_ADD_SECTION_RANK[MOVE_COLUMN_RIGHT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(MoveColumnRightItem, {
+        api: api
+      });
+    }
+  },
+  // --- Danger section (Clear cells, Delete column) ---
+  {
+    type: COLUMN_DANGER_SECTION.type,
+    key: COLUMN_DANGER_SECTION.key,
+    parents: [{
+      type: COLUMN_MENU.type,
+      key: COLUMN_MENU.key,
+      rank: COLUMN_SECTION_RANK[COLUMN_DANGER_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }] : [
+  // --- Cell menu update OFF: legacy column menu (registers its own add/delete items) ---
+
   // --- Menu surface ---
   {
     type: COLUMN_MENU.type,

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

@@ -4,10 +4,10 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { addColumnAfter, tooltip } from '@atlaskit/editor-common/keymaps';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { TableColumnAddRightIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { insertColumnWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
+import { getMenuSelectionRect } from '../../shared/selection';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 export var AddColumnRightItem = function AddColumnRightItem(_ref) {
   var _useTableMenuContext, _tooltip;
@@ -32,7 +32,7 @@ export var AddColumnRightItem = function AddColumnRightItem(_ref) {
     if (!editorView) {
       return;
     }
-    var selectionRect = getSelectionRect(editorView.state.selection);
+    var selectionRect = getMenuSelectionRect(editorView.state.selection);
     var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.right;
     if (index === undefined) {
       return;

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

@@ -4,11 +4,11 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { deleteColumn, tooltip } from '@atlaskit/editor-common/keymaps';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { DeleteIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 import { clearHoverSelection, closeActiveTableMenu, hoverColumns } from '../../../../pm-plugins/commands';
 import { deleteColumnsWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { getSelectedColumnIndexes } from '../../../../pm-plugins/utils/selection';
+import { getMenuSelectionRect } from '../../shared/selection';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 export var DeleteColumnItem = function DeleteColumnItem(_ref) {
   var _tableMenuContext$sel, _tooltip;
@@ -34,7 +34,7 @@ export var DeleteColumnItem = function DeleteColumnItem(_ref) {
     if (!editorView) {
       return;
     }
-    var selectionRect = getSelectionRect(editorView.state.selection);
+    var selectionRect = getMenuSelectionRect(editorView.state.selection);
     if (!selectionRect) {
       return;
     }
@@ -51,7 +51,7 @@ export var DeleteColumnItem = function DeleteColumnItem(_ref) {
     if (!editorView) {
       return;
     }
-    var selectionRect = getSelectionRect(editorView.state.selection);
+    var selectionRect = getMenuSelectionRect(editorView.state.selection);
     if (!selectionRect) {
       return;
     }

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

@@ -3,11 +3,11 @@ import { useIntl } from 'react-intl';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { TableColumnsDistributeIcon, ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { distributeColumnsWidthsWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { getNewResizeStateFromSelectedColumns } from '../../../../pm-plugins/table-resizing/utils/resize-state';
+import { getMenuSelectionRect } from '../../shared/selection';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 /** Distribute columns is only visible when more than one column is selected. */
 var shouldShowDistributeColumns = function shouldShowDistributeColumns(selectedColumnCount) {
@@ -36,7 +36,7 @@ export var DistributeColumnsItem = function DistributeColumnsItem(_ref) {
     if (!editorView) {
       return;
     }
-    var selectionRect = getSelectionRect(editorView.state.selection);
+    var selectionRect = 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/esm/ui/TableMenu/row/getRowMenuComponents.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { AddRowAboveItem } from './items/AddRowAboveItem';
 import { AddRowBelowItem } from './items/AddRowBelowItem';
 import { DeleteRowItem } from './items/DeleteRowItem';
@@ -10,7 +11,141 @@ import { NumberedRowsToggleItem } from './items/NumberedRowsToggleItem';
 import { ROW_MENU, ROW_TOGGLE_SECTION, ROW_BACKGROUND_SECTION, ROW_ADD_SECTION, ROW_DANGER_SECTION, ROW_MENU_SECTION_RANK, HEADER_ROW_TOGGLE_ITEM, NUMBERED_ROWS_TOGGLE_ITEM, ADD_ROW_ABOVE_ITEM, ADD_ROW_BELOW_ITEM, MOVE_ROW_UP_ITEM, MOVE_ROW_DOWN_ITEM, DELETE_ROW_ITEM, ROW_TOGGLE_SECTION_RANK, ROW_ADD_SECTION_RANK, ROW_DANGER_SECTION_RANK } from './keys';
 export var getRowMenuComponents = function getRowMenuComponents(_ref) {
   var api = _ref.api;
-  return [
+  return 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: ROW_MENU.type,
+    key: ROW_MENU.key
+  },
+  // --- Toggle section (Header row, Numbered rows) ---
+  {
+    type: ROW_TOGGLE_SECTION.type,
+    key: ROW_TOGGLE_SECTION.key,
+    parents: [{
+      type: ROW_MENU.type,
+      key: ROW_MENU.key,
+      rank: ROW_MENU_SECTION_RANK[ROW_TOGGLE_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, null, props.children);
+    }
+  }, {
+    type: HEADER_ROW_TOGGLE_ITEM.type,
+    key: HEADER_ROW_TOGGLE_ITEM.key,
+    parents: [{
+      type: ROW_TOGGLE_SECTION.type,
+      key: ROW_TOGGLE_SECTION.key,
+      rank: ROW_TOGGLE_SECTION_RANK[HEADER_ROW_TOGGLE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(HeaderRowToggleItem, {
+        api: api
+      });
+    }
+  }, {
+    type: NUMBERED_ROWS_TOGGLE_ITEM.type,
+    key: NUMBERED_ROWS_TOGGLE_ITEM.key,
+    parents: [{
+      type: ROW_TOGGLE_SECTION.type,
+      key: ROW_TOGGLE_SECTION.key,
+      rank: ROW_TOGGLE_SECTION_RANK[NUMBERED_ROWS_TOGGLE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(NumberedRowsToggleItem, {
+        api: api
+      });
+    }
+  },
+  // --- Background color section ---
+  {
+    type: ROW_BACKGROUND_SECTION.type,
+    key: ROW_BACKGROUND_SECTION.key,
+    parents: [{
+      type: ROW_MENU.type,
+      key: ROW_MENU.key,
+      rank: ROW_MENU_SECTION_RANK[ROW_BACKGROUND_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  },
+  // --- Add / Move section ---
+  {
+    type: ROW_ADD_SECTION.type,
+    key: ROW_ADD_SECTION.key,
+    parents: [{
+      type: ROW_MENU.type,
+      key: ROW_MENU.key,
+      rank: ROW_MENU_SECTION_RANK[ROW_ADD_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }, {
+    type: ADD_ROW_ABOVE_ITEM.type,
+    key: ADD_ROW_ABOVE_ITEM.key,
+    parents: [{
+      type: ROW_ADD_SECTION.type,
+      key: ROW_ADD_SECTION.key,
+      rank: ROW_ADD_SECTION_RANK[ADD_ROW_ABOVE_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(AddRowAboveItem, {
+        api: api
+      });
+    }
+  }, {
+    type: MOVE_ROW_UP_ITEM.type,
+    key: MOVE_ROW_UP_ITEM.key,
+    parents: [{
+      type: ROW_ADD_SECTION.type,
+      key: ROW_ADD_SECTION.key,
+      rank: ROW_ADD_SECTION_RANK[MOVE_ROW_UP_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(MoveRowUpItem, {
+        api: api
+      });
+    }
+  }, {
+    type: MOVE_ROW_DOWN_ITEM.type,
+    key: MOVE_ROW_DOWN_ITEM.key,
+    parents: [{
+      type: ROW_ADD_SECTION.type,
+      key: ROW_ADD_SECTION.key,
+      rank: ROW_ADD_SECTION_RANK[MOVE_ROW_DOWN_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(MoveRowDownItem, {
+        api: api
+      });
+    }
+  },
+  // --- Danger section (Clear cells, Delete row) ---
+  {
+    type: ROW_DANGER_SECTION.type,
+    key: ROW_DANGER_SECTION.key,
+    parents: [{
+      type: ROW_MENU.type,
+      key: ROW_MENU.key,
+      rank: ROW_MENU_SECTION_RANK[ROW_DANGER_SECTION.key]
+    }],
+    component: function component(props) {
+      return /*#__PURE__*/React.createElement(ToolbarDropdownItemSection, {
+        hasSeparator: true
+      }, props.children);
+    }
+  }] : [
+  // --- Cell menu update OFF: legacy row menu (registers its own add/delete items) ---
+
   // --- Menu surface ---
   {
     type: ROW_MENU.type,

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

@@ -3,10 +3,10 @@ import { useIntl } from 'react-intl';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addRowAfter, tooltip } from '@atlaskit/editor-common/keymaps';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { TableRowAddBelowIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 import { closeActiveTableMenu } from '../../../../pm-plugins/commands';
 import { insertRowWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
+import { getMenuSelectionRect } from '../../shared/selection';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 export var AddRowBelowItem = function AddRowBelowItem(props) {
   var _useTableMenuContext, _tooltip;
@@ -20,7 +20,7 @@ export var AddRowBelowItem = function AddRowBelowItem(props) {
     if (!editorView) {
       return;
     }
-    var selectionRect = getSelectionRect(editorView.state.selection);
+    var selectionRect = getMenuSelectionRect(editorView.state.selection);
     var index = selectionRect === null || selectionRect === void 0 ? void 0 : selectionRect.bottom;
     if (index === undefined) {
       return;

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

@@ -4,11 +4,11 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { deleteRow, tooltip } from '@atlaskit/editor-common/keymaps';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { DeleteIcon, ToolbarDropdownItem, ToolbarKeyboardShortcutHint } from '@atlaskit/editor-toolbar';
 import { clearHoverSelection, closeActiveTableMenu, hoverRows } from '../../../../pm-plugins/commands';
 import { deleteRowsWithAnalytics } from '../../../../pm-plugins/commands/commands-with-analytics';
 import { getSelectedRowIndexes } from '../../../../pm-plugins/utils/selection';
+import { getMenuSelectionRect } from '../../shared/selection';
 import { useTableMenuContext } from '../../shared/TableMenuContext';
 export var DeleteRowItem = function DeleteRowItem(props) {
   var _tableMenuContext$sel, _tooltip;
@@ -30,7 +30,7 @@ export var DeleteRowItem = function DeleteRowItem(props) {
     if (!editorView) {
       return;
     }
-    var selectionRect = getSelectionRect(editorView.state.selection);
+    var selectionRect = getMenuSelectionRect(editorView.state.selection);
     if (!selectionRect) {
       return;
     }
@@ -47,7 +47,7 @@ export var DeleteRowItem = function DeleteRowItem(props) {
     if (!editorView) {
       return;
     }
-    var selectionRect = getSelectionRect(editorView.state.selection);
+    var selectionRect = getMenuSelectionRect(editorView.state.selection);
     if (!selectionRect) {
       return;
     }

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

@@ -1,13 +1,153 @@
 import React from 'react';
-import { CELL_ACTION_SECTION, CELL_DANGER_SECTION, CELL_ACTION_SECTION_RANK, CELL_DANGER_SECTION_RANK } from '../cell/keys';
-import { COLUMN_BACKGROUND_SECTION, COLUMN_DANGER_SECTION, COLUMN_BACKGROUND_SECTION_RANK, COLUMN_DANGER_SECTION_RANK } from '../column/keys';
-import { ROW_BACKGROUND_SECTION, ROW_DANGER_SECTION, ROW_BACKGROUND_SECTION_RANK, ROW_DANGER_SECTION_RANK } from '../row/keys';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { CELL_ACTION_SECTION, CELL_ADD_SECTION, CELL_DANGER_SECTION, CELL_ACTION_SECTION_RANK, CELL_ADD_SECTION_RANK, CELL_DANGER_SECTION_RANK } from '../cell/keys';
+import { AddColumnRightItem } from '../column/items/AddColumnRightItem';
+import { DeleteColumnItem } from '../column/items/DeleteColumnItem';
+import { DistributeColumnsItem } from '../column/items/DistributeColumnsItem';
+import { ADD_COLUMN_RIGHT_ITEM, COLUMN_ADD_SECTION, COLUMN_BACKGROUND_SECTION, COLUMN_DANGER_SECTION, COLUMN_ADD_SECTION_RANK, COLUMN_BACKGROUND_SECTION_RANK, COLUMN_DANGER_SECTION_RANK, DELETE_COLUMN_ITEM, DISTRIBUTE_COLUMNS_ITEM } from '../column/keys';
+import { AddRowBelowItem } from '../row/items/AddRowBelowItem';
+import { DeleteRowItem } from '../row/items/DeleteRowItem';
+import { ADD_ROW_BELOW_ITEM, DELETE_ROW_ITEM, ROW_ADD_SECTION, ROW_BACKGROUND_SECTION, ROW_DANGER_SECTION, ROW_ADD_SECTION_RANK, ROW_BACKGROUND_SECTION_RANK, ROW_DANGER_SECTION_RANK } from '../row/keys';
 import { BackgroundColorItem } from './items/BackgroundColorItem';
 import { ClearCellsItem } from './items/ClearCellsItem';
 import { BACKGROUND_COLOR_ITEM, CLEAR_CELLS_ITEM } from './keys';
 export var getSharedItems = function getSharedItems(_ref) {
   var api = _ref.api;
-  return [{
+  return 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: BACKGROUND_COLOR_ITEM.type,
+    key: BACKGROUND_COLOR_ITEM.key,
+    parents: [{
+      type: ROW_BACKGROUND_SECTION.type,
+      key: ROW_BACKGROUND_SECTION.key,
+      rank: ROW_BACKGROUND_SECTION_RANK[BACKGROUND_COLOR_ITEM.key]
+    }, {
+      type: COLUMN_BACKGROUND_SECTION.type,
+      key: COLUMN_BACKGROUND_SECTION.key,
+      rank: COLUMN_BACKGROUND_SECTION_RANK[BACKGROUND_COLOR_ITEM.key]
+    }, {
+      type: CELL_ACTION_SECTION.type,
+      key: CELL_ACTION_SECTION.key,
+      rank: CELL_ACTION_SECTION_RANK[BACKGROUND_COLOR_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(BackgroundColorItem, {
+        api: api
+      });
+    }
+  }, {
+    type: ADD_COLUMN_RIGHT_ITEM.type,
+    key: ADD_COLUMN_RIGHT_ITEM.key,
+    parents: [{
+      type: COLUMN_ADD_SECTION.type,
+      key: COLUMN_ADD_SECTION.key,
+      rank: COLUMN_ADD_SECTION_RANK[ADD_COLUMN_RIGHT_ITEM.key]
+    }, {
+      type: CELL_ADD_SECTION.type,
+      key: CELL_ADD_SECTION.key,
+      rank: CELL_ADD_SECTION_RANK[ADD_COLUMN_RIGHT_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(AddColumnRightItem, {
+        api: api
+      });
+    }
+  }, {
+    type: ADD_ROW_BELOW_ITEM.type,
+    key: ADD_ROW_BELOW_ITEM.key,
+    parents: [{
+      type: ROW_ADD_SECTION.type,
+      key: ROW_ADD_SECTION.key,
+      rank: ROW_ADD_SECTION_RANK[ADD_ROW_BELOW_ITEM.key]
+    }, {
+      type: CELL_ADD_SECTION.type,
+      key: CELL_ADD_SECTION.key,
+      rank: CELL_ADD_SECTION_RANK[ADD_ROW_BELOW_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(AddRowBelowItem, {
+        api: api
+      });
+    }
+  }, {
+    type: DISTRIBUTE_COLUMNS_ITEM.type,
+    key: DISTRIBUTE_COLUMNS_ITEM.key,
+    parents: [{
+      type: COLUMN_ADD_SECTION.type,
+      key: COLUMN_ADD_SECTION.key,
+      rank: COLUMN_ADD_SECTION_RANK[DISTRIBUTE_COLUMNS_ITEM.key]
+    }, {
+      type: CELL_ADD_SECTION.type,
+      key: CELL_ADD_SECTION.key,
+      rank: CELL_ADD_SECTION_RANK[DISTRIBUTE_COLUMNS_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(DistributeColumnsItem, {
+        api: api
+      });
+    }
+  }, {
+    type: CLEAR_CELLS_ITEM.type,
+    key: CLEAR_CELLS_ITEM.key,
+    parents: [{
+      type: ROW_DANGER_SECTION.type,
+      key: ROW_DANGER_SECTION.key,
+      rank: ROW_DANGER_SECTION_RANK[CLEAR_CELLS_ITEM.key]
+    }, {
+      type: COLUMN_DANGER_SECTION.type,
+      key: COLUMN_DANGER_SECTION.key,
+      rank: COLUMN_DANGER_SECTION_RANK[CLEAR_CELLS_ITEM.key]
+    }, {
+      type: CELL_DANGER_SECTION.type,
+      key: CELL_DANGER_SECTION.key,
+      rank: CELL_DANGER_SECTION_RANK[CLEAR_CELLS_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(ClearCellsItem, {
+        api: api
+      });
+    }
+  }, {
+    type: DELETE_COLUMN_ITEM.type,
+    key: DELETE_COLUMN_ITEM.key,
+    parents: [{
+      type: COLUMN_DANGER_SECTION.type,
+      key: COLUMN_DANGER_SECTION.key,
+      rank: COLUMN_DANGER_SECTION_RANK[DELETE_COLUMN_ITEM.key]
+    }, {
+      type: CELL_DANGER_SECTION.type,
+      key: CELL_DANGER_SECTION.key,
+      rank: CELL_DANGER_SECTION_RANK[DELETE_COLUMN_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(DeleteColumnItem, {
+        api: api
+      });
+    }
+  }, {
+    type: DELETE_ROW_ITEM.type,
+    key: DELETE_ROW_ITEM.key,
+    parents: [{
+      type: ROW_DANGER_SECTION.type,
+      key: ROW_DANGER_SECTION.key,
+      rank: ROW_DANGER_SECTION_RANK[DELETE_ROW_ITEM.key]
+    }, {
+      type: CELL_DANGER_SECTION.type,
+      key: CELL_DANGER_SECTION.key,
+      rank: CELL_DANGER_SECTION_RANK[DELETE_ROW_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(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: BACKGROUND_COLOR_ITEM.type,
     key: BACKGROUND_COLOR_ITEM.key,
     parents: [{

package/dist/esm/ui/TableMenu/shared/selection.js

@@ -0,0 +1,14 @@
+import { findCellRectClosestToPos, getSelectionRect, isSelectionType } from '@atlaskit/editor-tables/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
+
+/**
+ * Resolve the table `Rect` for the current selection. Falls back to the closest cell's rect
+ * for a `TextSelection` (cell menu), where `getSelectionRect` returns `undefined`. Gated:
+ * with the gate off this behaves exactly like `getSelectionRect`.
+ */
+export var getMenuSelectionRect = function getMenuSelectionRect(selection) {
+  if (!fg('platform_editor_table_cell_menu_update')) {
+    return getSelectionRect(selection);
+  }
+  return isSelectionType(selection, 'cell') ? getSelectionRect(selection) : findCellRectClosestToPos(selection.$from);
+};

package/dist/types/nodeviews/TableSSRReactContextsProvider.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import { type IntlShape } from 'react-intl';
+interface Props {
+    children: ReactNode;
+    intl: IntlShape | undefined;
+}
+export declare function TableSSRReactContextsProvider({ children, intl }: Props): ReactNode;
+export {};

package/dist/types/nodeviews/table-node-views.d.ts

@@ -1,3 +1,4 @@
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -14,6 +15,7 @@ type TableViewOptions = {
     eventDispatcher: EventDispatcher;
     getEditorContainerWidth: GetEditorContainerWidth;
     getEditorFeatureFlags: GetEditorFeatureFlags;
+    intl?: IntlShape;
     isChromelessEditor?: boolean;
     isCommentEditor?: boolean;
     pluginInjectionApi?: PluginInjectionAPI;

package/dist/types/nodeviews/table.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { IntlShape } from 'react-intl';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -14,6 +15,7 @@ export default class TableView extends ReactNodeView<Props> {
     private renderedDOM?;
     private resizeObserver?;
     private roundedTableEdges;
+    private intl?;
     eventDispatcher?: EventDispatcher;
     getPos: getPosHandlerNode;
     options: TableOptions | undefined;
@@ -43,5 +45,5 @@ export default class TableView extends ReactNodeView<Props> {
     }): boolean;
     destroy(): void;
 }
-export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, dispatchAnalyticsEvent: DispatchAnalyticsEvent, pluginInjectionApi?: PluginInjectionAPI, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean) => NodeView;
+export declare const createTableView: (node: PmNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, dispatchAnalyticsEvent: DispatchAnalyticsEvent, pluginInjectionApi?: PluginInjectionAPI, isCommentEditor?: boolean, isChromelessEditor?: boolean, allowFixedColumnWidthOption?: boolean, intl?: IntlShape) => NodeView;
 export {};