@atlaskit/editor-plugin-table 15.3.5 → 15.3.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-table
 
+## 15.3.7
+
+### Patch Changes
+
+- [`28ba94dae8f9a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/28ba94dae8f9a) -
+  [ux] EDITOR-2458 Replace usage of \_\_suppressAllToolbars with userIntentPlugin
+- Updated dependencies
+
+## 15.3.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.3.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableResizer.js

@@ -266,7 +266,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     tr.setMeta(_tableAnalytics.META_KEYS.OVERFLOW_TRIGGER, {
       name: _analytics.TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
-    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', true)) {
       var _pluginInjectionApi$u;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 || _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
         tr: tr
@@ -343,7 +343,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       tableRef: null
     });
     tr.setMeta('is-resizer-resizing', false);
-    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+    if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', true)) {
       var _pluginInjectionApi$u3;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 || _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
         tr: tr

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

@@ -26,7 +26,7 @@ var _consts = require("./consts");
 var _pluginFactory2 = require("./plugin-factory");
 var _pluginKey2 = require("./plugin-key");
 var _monitor = require("./utils/monitor");
-var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) {
+var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, api) {
   var editorPageScrollContainer = document.querySelector('.fabric-editor-popup-scroll-parent');
   var rowAutoScrollers = editorPageScrollContainer ? [(0, _adapter.monitorForElements)({
     canMonitor: function canMonitor(_ref) {
@@ -91,6 +91,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
         (_insm$session3 = _insm.insm.session) === null || _insm$session3 === void 0 || _insm$session3.startFeature('tableDragAndDrop');
       }
       (0, _commands.toggleDragMenu)(false)(editorView.state, editorView.dispatch);
+      if ((0, _expValEquals.expValEquals)('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+        var _api$userIntent;
+        api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('dragging'));
+      }
     },
     onDrag: function onDrag(event) {
       var data = (0, _monitor.getDraggableDataFromEvent)(event);
@@ -107,9 +111,13 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
       var dropTargetType = sourceType === 'table-row' ? _consts.DropTargetType.ROW : _consts.DropTargetType.COLUMN;
       var hasMergedCells = (0, _mergedCells.hasMergedCellsInBetween)([targetAdjustedIndex - 1, targetAdjustedIndex], dropTargetType)(editorView.state.selection);
       (0, _commands.setDropTarget)(dropTargetType, targetAdjustedIndex, hasMergedCells)(editorView.state, editorView.dispatch);
+      if ((0, _expValEquals.expValEquals)('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+        var _api$userIntent2;
+        api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.commands.setCurrentUserIntent('dragging'));
+      }
     },
     onDrop: function onDrop(event) {
-      var _cell$row, _cell$col;
+      var _cell$row, _cell$col, _api$userIntent3;
       var data = (0, _monitor.getDraggableDataFromEvent)(event);
 
       // On Drop we need to update the table main plugin hoveredCell value with the current row/col that the mouse is
@@ -132,7 +140,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
         }
       };
       tr.setMeta(_pluginKey.pluginKey, action);
-
+      if ((0, _expValEquals.expValEquals)('platform_editor_lovability_user_intent', 'isEnabled', true) && (api === null || api === void 0 || (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 || (_api$userIntent3 = _api$userIntent3.sharedState.currentState()) === null || _api$userIntent3 === void 0 ? void 0 : _api$userIntent3.currentUserIntent) === 'dragging') {
+        var _api$userIntent4;
+        api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$userIntent4 = api.userIntent) === null || _api$userIntent4 === void 0 ? void 0 : _api$userIntent4.commands.setCurrentUserIntent('default'));
+      }
       // If no data can be found then it's most like we do not want to perform any drop action
       if (!data) {
         var _event$source, _event$source2;
@@ -213,6 +224,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, editor
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var isCommentEditor = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var api = arguments.length > 5 ? arguments[5] : undefined;
   return new _safePlugin.SafePlugin({
     state: (0, _pluginFactory2.createPluginState)(dispatch, function (state) {
       return {
@@ -281,7 +293,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, editor
     },
     view: function view(editorView) {
       return {
-        destroy: destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor)
+        destroy: destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, api)
       };
     },
     props: {

package/dist/cjs/tablePlugin.js

@@ -367,7 +367,7 @@ var tablePlugin = function tablePlugin(_ref) {
         name: 'tableDragAndDrop',
         plugin: function plugin(_ref10) {
           var dispatch = _ref10.dispatch;
-          return options !== null && options !== void 0 && options.dragAndDropEnabled ? (0, _plugin3.createPlugin)(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options.isCommentEditor) : undefined;
+          return options !== null && options !== void 0 && options.dragAndDropEnabled ? (0, _plugin3.createPlugin)(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options.isCommentEditor, api) : undefined;
         }
       }, {
         name: 'tableViewModeSort',

package/dist/cjs/ui/FloatingContextualMenu/ContextualMenu.js

@@ -23,6 +23,7 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _styles = require("@atlaskit/editor-common/styles");
 var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
+var _userIntent = require("@atlaskit/editor-common/user-intent");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorPalette = require("@atlaskit/editor-palette");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
@@ -40,6 +41,7 @@ var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/cross-ci
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
@@ -749,54 +751,65 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
       var _this$props13 = this.props,
         isOpen = _this$props13.isOpen,
         mountPoint = _this$props13.mountPoint,
         offset = _this$props13.offset,
         boundariesElement = _this$props13.boundariesElement,
         editorView = _this$props13.editorView,
-        isCellMenuOpenByKeyboard = _this$props13.isCellMenuOpenByKeyboard;
+        isCellMenuOpenByKeyboard = _this$props13.isCellMenuOpenByKeyboard,
+        api = _this$props13.api;
       var _getPluginState11 = (0, _pluginFactory.getPluginState)(editorView.state),
         isDragAndDropEnabled = _getPluginState11.isDragAndDropEnabled;
       var items = isDragAndDropEnabled ? this.createNewContextMenuItems() : this.createOriginalContextMenuItems();
       var isOpenAllowed = false;
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
-      return (
-        // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-        (0, _react2.jsx)("div", {
-          "data-testid": "table-cell-contextual-menu"
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
-          onMouseLeave: this.closeSubmenu,
-          ref: this.dropdownMenuRef
-        }, (0, _react2.jsx)(_uiMenu.DropdownMenu, {
-          mountTo: (0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
-          //This needs be removed when the a11y is completely handled
-          //Disabling key navigation now as it works only partially
-          ,
-          arrowKeyNavigationProviderOptions: {
-            type: _uiMenu.ArrowKeyNavigationType.MENU,
-            disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || this.state.isSubmenuOpen
-          },
-          items: items,
-          isOpen: isOpenAllowed,
-          onOpenChange: this.handleOpenChange,
-          onItemActivated: this.onMenuItemActivated,
-          onMouseEnter: this.handleItemMouseEnter,
-          onMouseLeave: this.handleItemMouseLeave,
-          fitHeight: 188,
-          fitWidth: isDragAndDropEnabled ? _consts.contextualMenuDropdownWidthDnD : _consts.contextualMenuDropdownWidth,
-          shouldFocusFirstItem: function shouldFocusFirstItem() {
-            return Boolean(isCellMenuOpenByKeyboard);
-          },
-          boundariesElement: boundariesElement,
-          offset: offset,
-          section: isDragAndDropEnabled ? {
-            hasSeparator: true
-          } : undefined,
-          allowEnterDefaultBehavior: this.state.isSubmenuOpen
-        }))
-      );
+      var popupContent = function popupContent() {
+        return (
+          // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
+          (0, _react2.jsx)("div", {
+            "data-testid": "table-cell-contextual-menu"
+            // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+            ,
+            onMouseLeave: _this2.closeSubmenu,
+            ref: _this2.dropdownMenuRef
+          }, (0, _react2.jsx)(_uiMenu.DropdownMenu, {
+            mountTo: (0, _platformFeatureFlags.fg)('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
+            //This needs be removed when the a11y is completely handled
+            //Disabling key navigation now as it works only partially
+            ,
+            arrowKeyNavigationProviderOptions: {
+              type: _uiMenu.ArrowKeyNavigationType.MENU,
+              disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || _this2.state.isSubmenuOpen
+            },
+            items: items,
+            isOpen: isOpenAllowed,
+            onOpenChange: _this2.handleOpenChange,
+            onItemActivated: _this2.onMenuItemActivated,
+            onMouseEnter: _this2.handleItemMouseEnter,
+            onMouseLeave: _this2.handleItemMouseLeave,
+            fitHeight: 188,
+            fitWidth: isDragAndDropEnabled ? _consts.contextualMenuDropdownWidthDnD : _consts.contextualMenuDropdownWidth,
+            shouldFocusFirstItem: function shouldFocusFirstItem() {
+              return Boolean(isCellMenuOpenByKeyboard);
+            },
+            boundariesElement: boundariesElement,
+            offset: offset,
+            section: isDragAndDropEnabled ? {
+              hasSeparator: true
+            } : undefined,
+            allowEnterDefaultBehavior: _this2.state.isSubmenuOpen
+          }))
+        );
+      };
+      if ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+        return (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
+          userIntent: "tablePopupOpen",
+          api: api
+        }, popupContent());
+      }
+      return popupContent();
     }
   }]);
 }(_react.Component);

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

@@ -26,6 +26,7 @@ var _paintBucketEditorBackgroundColor = _interopRequireDefault(require("@atlaski
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle"));
 var _commands = require("../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
@@ -558,8 +559,9 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement
   });
-  return isToolbarAIFCEnabled ? (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
-    api: api
+  return isToolbarAIFCEnabled || (0, _expValEquals.expValEquals)('platform_editor_lovability_user_intent', 'isEnabled', true) ? (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
+    api: api,
+    userIntent: (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', true) ? 'tablePopupOpen' : undefined
   }, Menu) : Menu;
 });
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(DragMenu);

package/dist/cjs/ui/toolbar.js

@@ -35,6 +35,7 @@ var _alignImageCenter2 = _interopRequireDefault(require("@atlaskit/icon/glyph/ed
 var _alignImageLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-left"));
 var _layoutThreeEqual = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/layout-three-equal"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commands = require("../pm-plugins/commands");
 var _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
@@ -396,11 +397,12 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
         // won't be suppressed.
         var shouldSuppressAllToolbars = isTableState && pluginState.editorHasFocus && !isViewMode;
         if (shouldSuppressAllToolbars) {
+          var userIntentEnabled = Boolean((api === null || api === void 0 ? void 0 : api.userIntent) && (0, _expValEquals.expValEquals)('platform_editor_lovability_user_intent', 'isEnabled', true));
           return {
             title: toolbarTitle,
             items: [],
             nodeType: nodeType,
-            __suppressAllToolbars: true
+            __suppressAllToolbars: userIntentEnabled ? undefined : true
           };
         }
       }

package/dist/es2019/nodeviews/TableResizer.js

@@ -259,7 +259,7 @@ export const TableResizer = ({
     tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
       name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
-    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled || expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true)) {
       var _pluginInjectionApi$u;
       pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 ? void 0 : _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
         tr
@@ -338,7 +338,7 @@ export const TableResizer = ({
       tableRef: null
     });
     tr.setMeta('is-resizer-resizing', false);
-    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled || expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true)) {
       var _pluginInjectionApi$u3;
       pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 ? void 0 : _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
         tr

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

@@ -20,7 +20,7 @@ import { DropTargetType } from './consts';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import { getDraggableDataFromEvent } from './utils/monitor';
-const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) => {
+const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, api) => {
   const editorPageScrollContainer = document.querySelector('.fabric-editor-popup-scroll-parent');
   const rowAutoScrollers = editorPageScrollContainer ? [monitorForElements({
     canMonitor({
@@ -93,6 +93,10 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
         (_insm$session3 = insm.session) === null || _insm$session3 === void 0 ? void 0 : _insm$session3.startFeature('tableDragAndDrop');
       }
       toggleDragMenu(false)(editorView.state, editorView.dispatch);
+      if (expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+        var _api$userIntent;
+        api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('dragging'));
+      }
     },
     onDrag(event) {
       const data = getDraggableDataFromEvent(event);
@@ -111,9 +115,13 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
       const dropTargetType = sourceType === 'table-row' ? DropTargetType.ROW : DropTargetType.COLUMN;
       const hasMergedCells = hasMergedCellsInBetween([targetAdjustedIndex - 1, targetAdjustedIndex], dropTargetType)(editorView.state.selection);
       setDropTarget(dropTargetType, targetAdjustedIndex, hasMergedCells)(editorView.state, editorView.dispatch);
+      if (expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+        var _api$userIntent2;
+        api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.commands.setCurrentUserIntent('dragging'));
+      }
     },
     onDrop(event) {
-      var _cell$row, _cell$col;
+      var _cell$row, _cell$col, _api$userIntent3, _api$userIntent3$shar;
       const data = getDraggableDataFromEvent(event);
 
       // On Drop we need to update the table main plugin hoveredCell value with the current row/col that the mouse is
@@ -137,7 +145,10 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
         }
       };
       tr.setMeta(tablePluginKey, action);
-
+      if (expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true) && (api === null || api === void 0 ? void 0 : (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 ? void 0 : (_api$userIntent3$shar = _api$userIntent3.sharedState.currentState()) === null || _api$userIntent3$shar === void 0 ? void 0 : _api$userIntent3$shar.currentUserIntent) === 'dragging') {
+        var _api$userIntent4;
+        api === null || api === void 0 ? void 0 : api.core.actions.execute(api === null || api === void 0 ? void 0 : (_api$userIntent4 = api.userIntent) === null || _api$userIntent4 === void 0 ? void 0 : _api$userIntent4.commands.setCurrentUserIntent('default'));
+      }
       // If no data can be found then it's most like we do not want to perform any drop action
       if (!data) {
         var _event$source, _event$source$data, _event$source2, _event$source2$data;
@@ -217,7 +228,7 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
     }
   }));
 };
-export const createPlugin = (dispatch, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false) => {
+export const createPlugin = (dispatch, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false, api) => {
   return new SafePlugin({
     state: createPluginState(dispatch, state => ({
       decorationSet: DecorationSet.empty,
@@ -286,7 +297,7 @@ export const createPlugin = (dispatch, editorAnalyticsAPI, isTableScalingEnabled
     },
     view: editorView => {
       return {
-        destroy: destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor)
+        destroy: destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, api)
       };
     },
     props: {

package/dist/es2019/tablePlugin.js

@@ -353,7 +353,7 @@ const tablePlugin = ({
         plugin: ({
           dispatch
         }) => {
-          return options !== null && options !== void 0 && options.dragAndDropEnabled ? createDragAndDropPlugin(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options.isCommentEditor) : undefined;
+          return options !== null && options !== void 0 && options.dragAndDropEnabled ? createDragAndDropPlugin(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options.isCommentEditor, api) : undefined;
         }
       }, {
         name: 'tableViewModeSort',

package/dist/es2019/ui/FloatingContextualMenu/ContextualMenu.js

@@ -15,6 +15,7 @@ import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { backgroundPaletteTooltipMessages, cellBackgroundColorPalette, ColorPalette, getSelectedRowAndColumnFromPalette } from '@atlaskit/editor-common/ui-color';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
+import { UserIntentPopupWrapper } from '@atlaskit/editor-common/user-intent';
 import { closestElement } from '@atlaskit/editor-common/utils';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
@@ -33,6 +34,7 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../pm-plugins/commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -812,7 +814,8 @@ export class ContextualMenu extends Component {
       offset,
       boundariesElement,
       editorView,
-      isCellMenuOpenByKeyboard
+      isCellMenuOpenByKeyboard,
+      api
     } = this.props;
     const {
       isDragAndDropEnabled
@@ -820,42 +823,48 @@ export class ContextualMenu extends Component {
     const items = isDragAndDropEnabled ? this.createNewContextMenuItems() : this.createOriginalContextMenuItems();
     let isOpenAllowed = false;
     isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
-    return (
-      // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-      jsx("div", {
-        "data-testid": "table-cell-contextual-menu"
-        // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-        ,
-        onMouseLeave: this.closeSubmenu,
-        ref: this.dropdownMenuRef
-      }, jsx(DropdownMenu, {
-        mountTo: fg('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
-        //This needs be removed when the a11y is completely handled
-        //Disabling key navigation now as it works only partially
-        ,
-        arrowKeyNavigationProviderOptions: {
-          type: ArrowKeyNavigationType.MENU,
-          disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || this.state.isSubmenuOpen
-        },
-        items: items,
-        isOpen: isOpenAllowed,
-        onOpenChange: this.handleOpenChange,
-        onItemActivated: this.onMenuItemActivated,
-        onMouseEnter: this.handleItemMouseEnter,
-        onMouseLeave: this.handleItemMouseLeave,
-        fitHeight: 188,
-        fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
-        shouldFocusFirstItem: () => {
-          return Boolean(isCellMenuOpenByKeyboard);
-        },
-        boundariesElement: boundariesElement,
-        offset: offset,
-        section: isDragAndDropEnabled ? {
-          hasSeparator: true
-        } : undefined,
-        allowEnterDefaultBehavior: this.state.isSubmenuOpen
-      }))
-    );
+    const popupContent = () =>
+    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
+    jsx("div", {
+      "data-testid": "table-cell-contextual-menu"
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+      ,
+      onMouseLeave: this.closeSubmenu,
+      ref: this.dropdownMenuRef
+    }, jsx(DropdownMenu, {
+      mountTo: fg('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
+      //This needs be removed when the a11y is completely handled
+      //Disabling key navigation now as it works only partially
+      ,
+      arrowKeyNavigationProviderOptions: {
+        type: ArrowKeyNavigationType.MENU,
+        disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || this.state.isSubmenuOpen
+      },
+      items: items,
+      isOpen: isOpenAllowed,
+      onOpenChange: this.handleOpenChange,
+      onItemActivated: this.onMenuItemActivated,
+      onMouseEnter: this.handleItemMouseEnter,
+      onMouseLeave: this.handleItemMouseLeave,
+      fitHeight: 188,
+      fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
+      shouldFocusFirstItem: () => {
+        return Boolean(isCellMenuOpenByKeyboard);
+      },
+      boundariesElement: boundariesElement,
+      offset: offset,
+      section: isDragAndDropEnabled ? {
+        hasSeparator: true
+      } : undefined,
+      allowEnterDefaultBehavior: this.state.isSubmenuOpen
+    }));
+    if (expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+      return jsx(UserIntentPopupWrapper, {
+        userIntent: "tablePopupOpen",
+        api: api
+      }, popupContent());
+    }
+    return popupContent();
   }
 }
 _defineProperty(ContextualMenu, "defaultProps", {

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

@@ -25,6 +25,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import Toggle from '@atlaskit/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -557,8 +558,9 @@ const DragMenu = /*#__PURE__*/React.memo(({
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement
   });
-  return isToolbarAIFCEnabled ? jsx(UserIntentPopupWrapper, {
-    api: api
+  return isToolbarAIFCEnabled || expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true) ? jsx(UserIntentPopupWrapper, {
+    api: api,
+    userIntent: expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true) ? 'tablePopupOpen' : undefined
   }, Menu) : Menu;
 });
 export default injectIntl(DragMenu);

package/dist/es2019/ui/toolbar.js

@@ -30,6 +30,7 @@ import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-cent
 import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
 import DistributeColumnIcon from '@atlaskit/icon/glyph/editor/layout-three-equal';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, hoverTable, removeDescendantNodes } from '../pm-plugins/commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, deleteTableWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, setTableAlignmentWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics, toggleFixedColumnWidthsOptionAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics, wrapTableInExpandWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
@@ -375,11 +376,12 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
     // won't be suppressed.
     const shouldSuppressAllToolbars = isTableState && pluginState.editorHasFocus && !isViewMode;
     if (shouldSuppressAllToolbars) {
+      const userIntentEnabled = Boolean((api === null || api === void 0 ? void 0 : api.userIntent) && expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true));
       return {
         title: toolbarTitle,
         items: [],
         nodeType,
-        __suppressAllToolbars: true
+        __suppressAllToolbars: userIntentEnabled ? undefined : true
       };
     }
   }

package/dist/esm/nodeviews/TableResizer.js

@@ -257,7 +257,7 @@ export var TableResizer = function TableResizer(_ref) {
     tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
       name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
-    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled || expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true)) {
       var _pluginInjectionApi$u;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 || _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
         tr: tr
@@ -334,7 +334,7 @@ export var TableResizer = function TableResizer(_ref) {
       tableRef: null
     });
     tr.setMeta('is-resizer-resizing', false);
-    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled) {
+    if (expValEqualsNoExposure('platform_editor_block_menu', 'isEnabled', true) || isToolbarAIFCEnabled || expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true)) {
       var _pluginInjectionApi$u3;
       pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 || _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
         tr: tr

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

@@ -20,7 +20,7 @@ import { DropTargetType } from './consts';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import { getDraggableDataFromEvent } from './utils/monitor';
-var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor) {
+var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, api) {
   var editorPageScrollContainer = document.querySelector('.fabric-editor-popup-scroll-parent');
   var rowAutoScrollers = editorPageScrollContainer ? [monitorForElements({
     canMonitor: function canMonitor(_ref) {
@@ -85,6 +85,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
         (_insm$session3 = insm.session) === null || _insm$session3 === void 0 || _insm$session3.startFeature('tableDragAndDrop');
       }
       toggleDragMenu(false)(editorView.state, editorView.dispatch);
+      if (expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+        var _api$userIntent;
+        api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.commands.setCurrentUserIntent('dragging'));
+      }
     },
     onDrag: function onDrag(event) {
       var data = getDraggableDataFromEvent(event);
@@ -101,9 +105,13 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
       var dropTargetType = sourceType === 'table-row' ? DropTargetType.ROW : DropTargetType.COLUMN;
       var hasMergedCells = hasMergedCellsInBetween([targetAdjustedIndex - 1, targetAdjustedIndex], dropTargetType)(editorView.state.selection);
       setDropTarget(dropTargetType, targetAdjustedIndex, hasMergedCells)(editorView.state, editorView.dispatch);
+      if (expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+        var _api$userIntent2;
+        api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.commands.setCurrentUserIntent('dragging'));
+      }
     },
     onDrop: function onDrop(event) {
-      var _cell$row, _cell$col;
+      var _cell$row, _cell$col, _api$userIntent3;
       var data = getDraggableDataFromEvent(event);
 
       // On Drop we need to update the table main plugin hoveredCell value with the current row/col that the mouse is
@@ -126,7 +134,10 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
         }
       };
       tr.setMeta(tablePluginKey, action);
-
+      if (expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true) && (api === null || api === void 0 || (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 || (_api$userIntent3 = _api$userIntent3.sharedState.currentState()) === null || _api$userIntent3 === void 0 ? void 0 : _api$userIntent3.currentUserIntent) === 'dragging') {
+        var _api$userIntent4;
+        api === null || api === void 0 || api.core.actions.execute(api === null || api === void 0 || (_api$userIntent4 = api.userIntent) === null || _api$userIntent4 === void 0 ? void 0 : _api$userIntent4.commands.setCurrentUserIntent('default'));
+      }
       // If no data can be found then it's most like we do not want to perform any drop action
       if (!data) {
         var _event$source, _event$source2;
@@ -207,6 +218,7 @@ export var createPlugin = function createPlugin(dispatch, editorAnalyticsAPI) {
   var isTableScalingEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var isTableFixedColumnWidthsOptionEnabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   var isCommentEditor = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var api = arguments.length > 5 ? arguments[5] : undefined;
   return new SafePlugin({
     state: createPluginState(dispatch, function (state) {
       return {
@@ -275,7 +287,7 @@ export var createPlugin = function createPlugin(dispatch, editorAnalyticsAPI) {
     },
     view: function view(editorView) {
       return {
-        destroy: destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor)
+        destroy: destroyFn(editorView, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, isCommentEditor, api)
       };
     },
     props: {

package/dist/esm/tablePlugin.js

@@ -358,7 +358,7 @@ var tablePlugin = function tablePlugin(_ref) {
         name: 'tableDragAndDrop',
         plugin: function plugin(_ref10) {
           var dispatch = _ref10.dispatch;
-          return options !== null && options !== void 0 && options.dragAndDropEnabled ? createDragAndDropPlugin(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options.isCommentEditor) : undefined;
+          return options !== null && options !== void 0 && options.dragAndDropEnabled ? createDragAndDropPlugin(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options.isCommentEditor, api) : undefined;
         }
       }, {
         name: 'tableViewModeSort',

package/dist/esm/ui/FloatingContextualMenu/ContextualMenu.js

@@ -25,6 +25,7 @@ import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { DropdownMenuSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { backgroundPaletteTooltipMessages, cellBackgroundColorPalette, ColorPalette, getSelectedRowAndColumnFromPalette } from '@atlaskit/editor-common/ui-color';
 import { ArrowKeyNavigationProvider, ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
+import { UserIntentPopupWrapper } from '@atlaskit/editor-common/user-intent';
 import { closestElement } from '@atlaskit/editor-common/utils';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
@@ -43,6 +44,7 @@ import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, setFocusToCellMenu, toggleContextualMenu } from '../../pm-plugins/commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -743,54 +745,65 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
       var _this$props13 = this.props,
         isOpen = _this$props13.isOpen,
         mountPoint = _this$props13.mountPoint,
         offset = _this$props13.offset,
         boundariesElement = _this$props13.boundariesElement,
         editorView = _this$props13.editorView,
-        isCellMenuOpenByKeyboard = _this$props13.isCellMenuOpenByKeyboard;
+        isCellMenuOpenByKeyboard = _this$props13.isCellMenuOpenByKeyboard,
+        api = _this$props13.api;
       var _getPluginState11 = getPluginState(editorView.state),
         isDragAndDropEnabled = _getPluginState11.isDragAndDropEnabled;
       var items = isDragAndDropEnabled ? this.createNewContextMenuItems() : this.createOriginalContextMenuItems();
       var isOpenAllowed = false;
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
-      return (
-        // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-        jsx("div", {
-          "data-testid": "table-cell-contextual-menu"
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
-          onMouseLeave: this.closeSubmenu,
-          ref: this.dropdownMenuRef
-        }, jsx(DropdownMenu, {
-          mountTo: fg('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
-          //This needs be removed when the a11y is completely handled
-          //Disabling key navigation now as it works only partially
-          ,
-          arrowKeyNavigationProviderOptions: {
-            type: ArrowKeyNavigationType.MENU,
-            disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || this.state.isSubmenuOpen
-          },
-          items: items,
-          isOpen: isOpenAllowed,
-          onOpenChange: this.handleOpenChange,
-          onItemActivated: this.onMenuItemActivated,
-          onMouseEnter: this.handleItemMouseEnter,
-          onMouseLeave: this.handleItemMouseLeave,
-          fitHeight: 188,
-          fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
-          shouldFocusFirstItem: function shouldFocusFirstItem() {
-            return Boolean(isCellMenuOpenByKeyboard);
-          },
-          boundariesElement: boundariesElement,
-          offset: offset,
-          section: isDragAndDropEnabled ? {
-            hasSeparator: true
-          } : undefined,
-          allowEnterDefaultBehavior: this.state.isSubmenuOpen
-        }))
-      );
+      var popupContent = function popupContent() {
+        return (
+          // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
+          jsx("div", {
+            "data-testid": "table-cell-contextual-menu"
+            // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+            ,
+            onMouseLeave: _this2.closeSubmenu,
+            ref: _this2.dropdownMenuRef
+          }, jsx(DropdownMenu, {
+            mountTo: fg('platform_editor_fix_table_menus_jira') ? undefined : mountPoint
+            //This needs be removed when the a11y is completely handled
+            //Disabling key navigation now as it works only partially
+            ,
+            arrowKeyNavigationProviderOptions: {
+              type: ArrowKeyNavigationType.MENU,
+              disableArrowKeyNavigation: !isCellMenuOpenByKeyboard || _this2.state.isSubmenuOpen
+            },
+            items: items,
+            isOpen: isOpenAllowed,
+            onOpenChange: _this2.handleOpenChange,
+            onItemActivated: _this2.onMenuItemActivated,
+            onMouseEnter: _this2.handleItemMouseEnter,
+            onMouseLeave: _this2.handleItemMouseLeave,
+            fitHeight: 188,
+            fitWidth: isDragAndDropEnabled ? contextualMenuDropdownWidthDnD : contextualMenuDropdownWidth,
+            shouldFocusFirstItem: function shouldFocusFirstItem() {
+              return Boolean(isCellMenuOpenByKeyboard);
+            },
+            boundariesElement: boundariesElement,
+            offset: offset,
+            section: isDragAndDropEnabled ? {
+              hasSeparator: true
+            } : undefined,
+            allowEnterDefaultBehavior: _this2.state.isSubmenuOpen
+          }))
+        );
+      };
+      if (expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true)) {
+        return jsx(UserIntentPopupWrapper, {
+          userIntent: "tablePopupOpen",
+          api: api
+        }, popupContent());
+      }
+      return popupContent();
     }
   }]);
 }(Component);

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

@@ -27,6 +27,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import Toggle from '@atlaskit/toggle';
 import { clearHoverSelection, hoverColumns, hoverRows } from '../../pm-plugins/commands';
 import { setColorWithAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics } from '../../pm-plugins/commands/commands-with-analytics';
@@ -547,8 +548,9 @@ var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement
   });
-  return isToolbarAIFCEnabled ? jsx(UserIntentPopupWrapper, {
-    api: api
+  return isToolbarAIFCEnabled || expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true) ? jsx(UserIntentPopupWrapper, {
+    api: api,
+    userIntent: expValEqualsNoExposure('platform_editor_lovability_user_intent', 'isEnabled', true) ? 'tablePopupOpen' : undefined
   }, Menu) : Menu;
 });
 export default injectIntl(DragMenu);

package/dist/esm/ui/toolbar.js

@@ -34,6 +34,7 @@ import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-cent
 import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
 import DistributeColumnIcon from '@atlaskit/icon/glyph/editor/layout-three-equal';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, hoverTable, removeDescendantNodes } from '../pm-plugins/commands';
 import { deleteColumnsWithAnalytics, deleteRowsWithAnalytics, deleteTableWithAnalytics, distributeColumnsWidthsWithAnalytics, emptyMultipleCellsWithAnalytics, insertColumnWithAnalytics, insertRowWithAnalytics, mergeCellsWithAnalytics, setColorWithAnalytics, setTableAlignmentWithAnalytics, sortColumnWithAnalytics, splitCellWithAnalytics, toggleFixedColumnWidthsOptionAnalytics, toggleHeaderColumnWithAnalytics, toggleHeaderRowWithAnalytics, toggleNumberColumnWithAnalytics, wrapTableInExpandWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
@@ -389,11 +390,12 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
         // won't be suppressed.
         var shouldSuppressAllToolbars = isTableState && pluginState.editorHasFocus && !isViewMode;
         if (shouldSuppressAllToolbars) {
+          var userIntentEnabled = Boolean((api === null || api === void 0 ? void 0 : api.userIntent) && expValEquals('platform_editor_lovability_user_intent', 'isEnabled', true));
           return {
             title: toolbarTitle,
             items: [],
             nodeType: nodeType,
-            __suppressAllToolbars: true
+            __suppressAllToolbars: userIntentEnabled ? undefined : true
           };
         }
       }

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

@@ -1,4 +1,6 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare const createPlugin: (dispatch: Dispatch, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, isCommentEditor?: boolean) => SafePlugin<import("./types").DragAndDropPluginState>;
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { TablePlugin } from '../../tablePluginType';
+export declare const createPlugin: (dispatch: Dispatch, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, isCommentEditor?: boolean, api?: ExtractInjectionAPI<TablePlugin>) => SafePlugin<import("./types").DragAndDropPluginState>;

package/dist/types/ui/FloatingDragMenu/DragMenu.d.ts

@@ -6,13 +6,14 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PluginConfig, PluginInjectionAPI, TableDirection } from '../../types';
+import type { TablePlugin } from '../../tablePluginType';
+import type { PluginConfig, TableDirection } from '../../types';
 type DragMenuProps = {
-    api: PluginInjectionAPI | undefined | null;
+    api: ExtractInjectionAPI<TablePlugin> | undefined | null;
     ariaNotifyPlugin?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
     boundariesElement?: HTMLElement;
     direction?: TableDirection;

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

@@ -1,4 +1,6 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-export declare const createPlugin: (dispatch: Dispatch, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, isCommentEditor?: boolean) => SafePlugin<import("./types").DragAndDropPluginState>;
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { TablePlugin } from '../../tablePluginType';
+export declare const createPlugin: (dispatch: Dispatch, editorAnalyticsAPI?: EditorAnalyticsAPI, isTableScalingEnabled?: boolean, isTableFixedColumnWidthsOptionEnabled?: boolean, isCommentEditor?: boolean, api?: ExtractInjectionAPI<TablePlugin>) => SafePlugin<import("./types").DragAndDropPluginState>;

package/dist/types-ts4.5/ui/FloatingDragMenu/DragMenu.d.ts

@@ -6,13 +6,14 @@
 import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI, GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { AriaLiveElementAttributes } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { PluginConfig, PluginInjectionAPI, TableDirection } from '../../types';
+import type { TablePlugin } from '../../tablePluginType';
+import type { PluginConfig, TableDirection } from '../../types';
 type DragMenuProps = {
-    api: PluginInjectionAPI | undefined | null;
+    api: ExtractInjectionAPI<TablePlugin> | undefined | null;
     ariaNotifyPlugin?: (message: string, ariaLiveElementAttributes?: AriaLiveElementAttributes) => void;
     boundariesElement?: HTMLElement;
     direction?: TableDirection;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.3.5",
+	"version": "15.3.7",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,17 +52,17 @@
 		"@atlaskit/insm": "^0.1.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/platform-feature-flags-react": "^0.3.0",
+		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
-		"@atlaskit/primitives": "^16.0.0",
-		"@atlaskit/react-ufo": "^4.12.0",
+		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/react-ufo": "^4.13.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.18.0",
+		"@atlaskit/tmp-editor-statsig": "^13.21.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.6.0",
+		"@atlaskit/tooltip": "^20.7.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"classnames": "^2.2.5",
@@ -72,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.18.0",
+		"@atlaskit/editor-common": "^110.19.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"