@atlaskit/editor-plugin-table 17.3.18 → 17.3.20

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 17.3.20
+
+### Patch Changes
+
+- [`81937b9af604e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/81937b9af604e) -
+  [ux] fix table border late render issue
+- Updated dependencies
+
+## 17.3.19
+
+### Patch Changes
+
+- [`7ef3027df8198`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ef3027df8198) -
+  remove platform_editor_lovability_user_intent experiment
+- Updated dependencies
+
 ## 17.3.18
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableContainer.js

@@ -30,7 +30,9 @@ var InnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
     node = _ref.node,
-    children = _ref.children;
+    children = _ref.children,
+    tableWrapperHeight = _ref.tableWrapperHeight;
+  var bordersReady = (0, _expValEquals.expValEquals)('platform_editor_table_borders_ready_fix', 'isEnabled', true) ? tableWrapperHeight !== undefined && tableWrapperHeight > 0 : undefined;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -41,6 +43,7 @@ var InnerContainer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     className: className,
     "data-number-column": node.attrs.isNumberColumnEnabled,
     "data-layout": node.attrs.layout,
+    "data-borders-ready": bordersReady,
     "data-testid": "table-container"
   }, children);
 });
@@ -335,9 +338,12 @@ var ResizableTableContainer = exports.ResizableTableContainer = /*#__PURE__*/_re
     ref: containerRef
   }, /*#__PURE__*/_react.default.createElement(_TableResizer.TableResizer, (0, _extends2.default)({}, tableResizerProps, {
     disabled: isLivePageViewMode
-  }), /*#__PURE__*/_react.default.createElement(InnerContainer, {
+  }), /*#__PURE__*/_react.default.createElement(InnerContainer
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: className,
-    node: node
+    node: node,
+    tableWrapperHeight: tableWrapperHeight
   }, children))));
 });
 var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
@@ -396,7 +402,8 @@ var TableContainer = exports.TableContainer = function TableContainer(_ref5) {
   var isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
   var resizableTableWidth = isFullPageAppearance ? (0, _misc.getTableResizerContainerForFullPageWidthInCSS)(node, isTableScalingEnabled) : "calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))";
   return /*#__PURE__*/_react.default.createElement(InnerContainer, {
-    node: node
+    node: node,
+    tableWrapperHeight: tableWrapperHeight
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: (0, _classnames.default)(className, {

package/dist/cjs/nodeviews/TableResizer.js

@@ -25,7 +25,6 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _insm = require("@atlaskit/insm");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _commandsWithAnalytics = require("../pm-plugins/commands/commands-with-analytics");
 var _misc = require("../pm-plugins/commands/misc");
@@ -162,7 +161,6 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     setSnappingEnabled = _useState2[1];
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var isToolbarAIFCEnabled = Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar);
   var currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
   var tableFromSelection = (0, _react.useMemo)(function () {
     return (0, _utils.findTable)(currentSelection);
@@ -248,6 +246,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     };
   }, [editorView, displayGuideline, displayGapCursor]);
   var handleResizeStart = (0, _react.useCallback)(function () {
+    var _pluginInjectionApi$u;
     if ((0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
       var _insm$session;
       (_insm$session = _insm.insm.session) === null || _insm$session === void 0 || _insm$session.startFeature('tableResize');
@@ -266,19 +265,16 @@ 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 || (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
-      });
-    }
+    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 || _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
+      tr: tr
+    });
     dispatch(tr);
     var visibleGuidelines = getVisibleGuidelines(isTableScalingEnabled ? (0, _guidelines.defaultGuidelinesForPreserveTable)(_guidelines.PRESERVE_TABLE_GUIDELINES_LENGTH_OFFSET, isFullWidthModeEnabled ? lineLength + 2 * getPadding(containerWidth) : containerWidth, excludeGuidelineConfig) : _guidelines.defaultGuidelines, containerWidth, lineLength, Boolean(isTableScalingEnabled), Boolean(isFullWidthModeEnabled));
     setSnappingEnabled(displayGuideline(visibleGuidelines));
     if (onResizeStart) {
       onResizeStart();
     }
-  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isToolbarAIFCEnabled, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
+  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
   var handleResize = (0, _react.useCallback)(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -326,7 +322,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     return (0, _rafSchd.default)(handleResize);
   }, [handleResize]);
   var handleResizeStop = (0, _react.useCallback)(function (originalState, delta) {
-    var _node$attrs$localId2, _node$attrs2;
+    var _node$attrs$localId2, _node$attrs2, _pluginInjectionApi$u3;
     isResizing.current = false;
     var newWidth = originalState.width + delta.width;
     var originalNewWidth = newWidth;
@@ -343,12 +339,9 @@ 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 || (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
-      });
-    }
+    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 || _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
+      tr: tr
+    });
     var frameRateSamples = endMeasure();
     if (frameRateSamples.length > 0) {
       var resizeFrameRatePayloads = (0, _analytics2.generateResizeFrameRatePayloads)({
@@ -415,7 +408,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       (_insm$session2 = _insm.insm.session) === null || _insm$session2 === void 0 || _insm$session2.endFeature('tableResize');
     }
     return newWidth;
-  }, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
+  }, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   var handleTableSizeChangeOnKeypress = (0, _react.useCallback)(function (step) {
     var newWidth = width + step;
     if (newWidth < resizerMinWidth) {

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

@@ -84,19 +84,17 @@ var destroyFn = function destroyFn(editorView, editorAnalyticsAPI, isTableScalin
       // watch for changes
       return localId === (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.localId);
     },
-    onDragStart: function onDragStart(_ref7) {
-      var location = _ref7.location;
+    onDragStart: function onDragStart() {
+      var _api$userIntent;
       if ((0, _expValEquals.expValEquals)('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
         var _insm$session3;
         (_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'));
-      }
+      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 _api$userIntent2;
       var data = (0, _monitor.getDraggableDataFromEvent)(event);
       // If no data can be found then it's most like we do not want to perform any drag actions
       if (!data) {
@@ -111,10 +109,7 @@ 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'));
-      }
+      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, _api$userIntent3;
@@ -140,7 +135,7 @@ 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') {
+      if ((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'));
       }
@@ -226,7 +221,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, editor
   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) {
+    state: (0, _pluginFactory2.createPluginState)(dispatch, function () {
       return {
         decorationSet: _view.DecorationSet.empty,
         dropTargetType: _consts.DropTargetType.NONE,
@@ -303,7 +298,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, editor
         return decorationSet;
       },
       handleKeyDown: function handleKeyDown(view, event) {
-        var _ref8;
+        var _ref7;
         var tr = view.state.tr;
         var keysToTrapWhen = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
 
@@ -327,7 +322,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatch, editor
         var isDragHandleFocused = ['drag-handle-button-row', 'drag-handle-button-column'
         // Ignored via go/ees005
         // eslint-disable-next-line @atlaskit/editor/no-as-casting
-        ].includes((_ref8 = event.target || null) === null || _ref8 === void 0 ? void 0 : _ref8.id);
+        ].includes((_ref7 = event.target || null) === null || _ref7 === void 0 ? void 0 : _ref7.id);
         var keysToTrap = ['Enter', ' '];
         var _getPluginState3 = (0, _pluginFactory2.getPluginState)(view.state),
           _getPluginState3$isDr = _getPluginState3.isDragMenuOpen,

package/dist/cjs/ui/ContentComponent.js

@@ -13,7 +13,6 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _resizer = require("@atlaskit/editor-common/resizer");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _FloatingContextualButton = _interopRequireDefault(require("./FloatingContextualButton"));
 var _FloatingContextualMenu = _interopRequireDefault(require("./FloatingContextualMenu"));
 var _FloatingDeleteButton = _interopRequireDefault(require("./FloatingDeleteButton"));
@@ -148,7 +147,7 @@ var ContentComponentInternal = function ContentComponentInternal(_ref) {
     isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard,
     isCommentEditor: options === null || options === void 0 ? void 0 : options.isCommentEditor,
     api: api,
-    isDragMenuOpen: isDragAndDropEnabled && (0, _expVal.expValNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', false) ? isDragMenuOpen : undefined
+    isDragMenuOpen: isDragMenuOpen
   }), isDragAndDropEnabled && /*#__PURE__*/_react.default.createElement(_FloatingDragMenu.default, {
     editorView: editorView,
     mountPoint: popupsMountPoint,

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

@@ -38,9 +38,7 @@ var _tableColumnsDistribute = _interopRequireDefault(require("@atlaskit/icon/cor
 var _tableRowAddBelow = _interopRequireDefault(require("@atlaskit/icon/core/table-row-add-below"));
 var _tableRowDelete = _interopRequireDefault(require("@atlaskit/icon/core/table-row-delete"));
 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 _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _commands = require("../../pm-plugins/commands");
 var _commandsWithAnalytics = require("../../pm-plugins/commands/commands-with-analytics");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
@@ -728,14 +726,13 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       var _getPluginState11 = (0, _pluginFactory.getPluginState)(this.props.editorView.state),
         isDragAndDropEnabled = _getPluginState11.isDragAndDropEnabled,
         isContextualMenuOpen = _getPluginState11.isContextualMenuOpen;
-      if (isDragAndDropEnabled && this.props.isDragMenuOpen && isContextualMenuOpen && (0, _expVal.expValNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', false)) {
+      if (isDragAndDropEnabled && this.props.isDragMenuOpen && isContextualMenuOpen) {
         (0, _commands.toggleContextualMenu)()(this.props.editorView.state, this.props.editorView.dispatch);
       }
     }
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
       var _this$props13 = this.props,
         isOpen = _this$props13.isOpen,
         offset = _this$props13.offset,
@@ -748,47 +745,41 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       var items = isDragAndDropEnabled ? this.createNewContextMenuItems() : this.createOriginalContextMenuItems();
       var isOpenAllowed = false;
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;
-      var popupContent = function popupContent() {
-        return (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
-        //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: "tableContextualMenuPopupOpen",
-          api: api
-        }, popupContent());
-      }
-      return popupContent();
+      return (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
+        userIntent: "tableContextualMenuPopupOpen",
+        api: api
+      }, (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
+      //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
+      })));
     }
   }]);
 }(_react.Component);

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

@@ -11,7 +11,6 @@ var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils2 = require("@atlaskit/editor-tables/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
 var _consts = require("../consts");
 var _ContextualMenu = _interopRequireDefault(require("./ContextualMenu"));
@@ -37,8 +36,8 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     getEditorFeatureFlags = _ref.getEditorFeatureFlags,
     isCellMenuOpenByKeyboard = _ref.isCellMenuOpenByKeyboard,
     isCommentEditor = _ref.isCommentEditor,
-    isDragMenuOpen = _ref.isDragMenuOpen,
-    api = _ref.api;
+    api = _ref.api,
+    isDragMenuOpen = _ref.isDragMenuOpen;
   if ((0, _expValEquals.expValEquals)('platform_editor_hydratable_ui', 'isEnabled', true) && !editorView) {
     return null;
   }
@@ -120,7 +119,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     isCellMenuOpenByKeyboard: isCellMenuOpenByKeyboard,
     isCommentEditor: isCommentEditor,
     api: api,
-    isDragMenuOpen: (0, _expVal.expValNoExposure)('platform_editor_lovability_user_intent', 'isEnabled', false) ? isDragMenuOpen : undefined
+    isDragMenuOpen: isDragMenuOpen
   })));
 };
 FloatingContextualMenu.displayName = 'FloatingContextualMenu';

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

@@ -26,7 +26,6 @@ var _paintBucket = _interopRequireDefault(require("@atlaskit/icon/core/paint-buc
 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");
@@ -239,7 +238,6 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, selectionRect),
     menuItems = _convertToDropdownIte.menuItems,
     menuCallback = _convertToDropdownIte.menuCallback;
-  var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
   var handleSubMenuRef = function handleSubMenuRef(ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -569,7 +567,10 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
       items: [createRowNumbersMenuItem()]
     });
   }
-  var Menu = (0, _react2.jsx)(_DropdownMenu.DropdownMenu, {
+  return (0, _react2.jsx)(_userIntent.UserIntentPopupWrapper, {
+    api: api,
+    userIntent: "tableDragMenuPopupOpen"
+  }, (0, _react2.jsx)(_DropdownMenu.DropdownMenu, {
     disableKeyboardHandling: isSubmenuOpen,
     section: {
       hasSeparator: true
@@ -584,10 +585,6 @@ var DragMenu = /*#__PURE__*/_react.default.memo(function (_ref) {
     direction: direction,
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement
-  });
-  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) ? 'tableDragMenuPopupOpen' : undefined
-  }, Menu) : Menu;
+  }));
 });
 var _default = exports.default = (0, _reactIntlNext.injectIntl)(DragMenu);

package/dist/cjs/ui/toolbar.js

@@ -438,12 +438,10 @@ 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: userIntentEnabled ? undefined : true
+            nodeType: nodeType
           };
         }
       }

package/dist/es2019/nodeviews/TableContainer.js

@@ -20,8 +20,10 @@ const InnerContainer = /*#__PURE__*/forwardRef(({
   className,
   style,
   node,
-  children
+  children,
+  tableWrapperHeight
 }, ref) => {
+  const bordersReady = expValEquals('platform_editor_table_borders_ready_fix', 'isEnabled', true) ? tableWrapperHeight !== undefined && tableWrapperHeight > 0 : undefined;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -32,6 +34,7 @@ const InnerContainer = /*#__PURE__*/forwardRef(({
     className: className,
     "data-number-column": node.attrs.isNumberColumnEnabled,
     "data-layout": node.attrs.layout,
+    "data-borders-ready": bordersReady,
     "data-testid": "table-container"
   }, children);
 });
@@ -329,9 +332,12 @@ export const ResizableTableContainer = /*#__PURE__*/React.memo(({
     ref: containerRef
   }, /*#__PURE__*/React.createElement(TableResizer, _extends({}, tableResizerProps, {
     disabled: isLivePageViewMode
-  }), /*#__PURE__*/React.createElement(InnerContainer, {
+  }), /*#__PURE__*/React.createElement(InnerContainer
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+  , {
     className: className,
-    node: node
+    node: node,
+    tableWrapperHeight: tableWrapperHeight
   }, children))));
 });
 export const TableContainer = ({
@@ -393,7 +399,8 @@ export const TableContainer = ({
   const isFullPageAppearance = !isCommentEditor && !isChromelessEditor;
   const resizableTableWidth = isFullPageAppearance ? getTableResizerContainerForFullPageWidthInCSS(node, isTableScalingEnabled) : `calc(100cqw - calc(var(--ak-editor--large-gutter-padding) * 2))`;
   return /*#__PURE__*/React.createElement(InnerContainer, {
-    node: node
+    node: node,
+    tableWrapperHeight: tableWrapperHeight
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: classNames(className, {

package/dist/es2019/nodeviews/TableResizer.js

@@ -15,7 +15,6 @@ import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFul
 import { findTable } from '@atlaskit/editor-tables/utils';
 import { insm } from '@atlaskit/insm';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { setTableAlignmentWithTableContentWithPosWithAnalytics } from '../pm-plugins/commands/commands-with-analytics';
 import { updateWidthToWidest } from '../pm-plugins/commands/misc';
@@ -149,7 +148,6 @@ export const TableResizer = ({
   const {
     formatMessage
   } = useIntl();
-  const isToolbarAIFCEnabled = Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar);
   const currentSelection = (_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection;
   const tableFromSelection = useMemo(() => {
     return findTable(currentSelection);
@@ -237,6 +235,7 @@ export const TableResizer = ({
     };
   }, [editorView, displayGuideline, displayGapCursor]);
   const handleResizeStart = useCallback(() => {
+    var _pluginInjectionApi$u;
     if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
       var _insm$session;
       (_insm$session = insm.session) === null || _insm$session === void 0 ? void 0 : _insm$session.startFeature('tableResize');
@@ -259,19 +258,16 @@ export const TableResizer = ({
     tr.setMeta(META_KEYS.OVERFLOW_TRIGGER, {
       name: TABLE_OVERFLOW_CHANGE_TRIGGER.RESIZED
     });
-    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
-      });
-    }
+    pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u === void 0 ? void 0 : _pluginInjectionApi$u.commands.setCurrentUserIntent('resizing')({
+      tr
+    });
     dispatch(tr);
     const visibleGuidelines = getVisibleGuidelines(isTableScalingEnabled ? defaultGuidelinesForPreserveTable(PRESERVE_TABLE_GUIDELINES_LENGTH_OFFSET, isFullWidthModeEnabled ? lineLength + 2 * getPadding(containerWidth) : containerWidth, excludeGuidelineConfig) : defaultGuidelines, containerWidth, lineLength, Boolean(isTableScalingEnabled), Boolean(isFullWidthModeEnabled));
     setSnappingEnabled(displayGuideline(visibleGuidelines));
     if (onResizeStart) {
       onResizeStart();
     }
-  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isToolbarAIFCEnabled, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
+  }, [startMeasure, editorView, displayGapCursor, node.attrs.localId, tableRef, isTableScalingEnabled, isFullWidthModeEnabled, lineLength, containerWidth, excludeGuidelineConfig, displayGuideline, onResizeStart, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u2 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u2 === void 0 ? void 0 : _pluginInjectionApi$u2.commands]);
   const handleResize = useCallback(
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -319,7 +315,7 @@ export const TableResizer = ({
   }, [countFrames, isCommentEditor, isTableScalingEnabled, allowFixedColumnWidthOption, isFullWidthModeEnabled, excludeGuidelineConfig, tableRef, node, editorView, updateActiveGuidelines, containerWidth, lineLength, updateWidth, getPos, switchToCenterAlignment]);
   const scheduleResize = useMemo(() => rafSchd(handleResize), [handleResize]);
   const handleResizeStop = useCallback((originalState, delta) => {
-    var _node$attrs$localId2, _node$attrs2;
+    var _node$attrs$localId2, _node$attrs2, _pluginInjectionApi$u3;
     isResizing.current = false;
     let newWidth = originalState.width + delta.width;
     const originalNewWidth = newWidth;
@@ -338,12 +334,9 @@ export const TableResizer = ({
       tableRef: null
     });
     tr.setMeta('is-resizer-resizing', false);
-    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
-      });
-    }
+    pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$u3 = pluginInjectionApi.userIntent) === null || _pluginInjectionApi$u3 === void 0 ? void 0 : _pluginInjectionApi$u3.commands.setCurrentUserIntent('default')({
+      tr
+    });
     const frameRateSamples = endMeasure();
     if (frameRateSamples.length > 0) {
       const resizeFrameRatePayloads = generateResizeFrameRatePayloads({
@@ -411,7 +404,7 @@ export const TableResizer = ({
       (_insm$session2 = insm.session) === null || _insm$session2 === void 0 ? void 0 : _insm$session2.endFeature('tableResize');
     }
     return newWidth;
-  }, [editorView, getPos, node, isCommentEditor, widthToWidest, isToolbarAIFCEnabled, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
+  }, [editorView, getPos, node, isCommentEditor, widthToWidest, endMeasure, displayGapCursor, displayGuideline, updateWidth, scheduleResize, onResizeStop, pluginInjectionApi, attachAnalyticsEvent, tableRef, isTableScalingEnabled, shouldUseIncreasedScalingPercent, formatMessage]);
   const handleTableSizeChangeOnKeypress = useCallback(step => {
     const newWidth = width + step;
     if (newWidth < resizerMinWidth) {

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

@@ -85,20 +85,17 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
       // watch for changes
       return localId === (tableNode === null || tableNode === void 0 ? void 0 : tableNode.attrs.localId);
     },
-    onDragStart: ({
-      location
-    }) => {
+    onDragStart: () => {
+      var _api$userIntent;
       if (expValEquals('cc_editor_interactivity_monitoring', 'isEnabled', true)) {
         var _insm$session3;
         (_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'));
-      }
+      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) {
+      var _api$userIntent2;
       const data = getDraggableDataFromEvent(event);
       // If no data can be found then it's most like we do not want to perform any drag actions
       if (!data) {
@@ -115,10 +112,7 @@ 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'));
-      }
+      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, _api$userIntent3, _api$userIntent3$shar;
@@ -145,7 +139,7 @@ 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') {
+      if ((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'));
       }
@@ -230,7 +224,7 @@ const destroyFn = (editorView, editorAnalyticsAPI, isTableScalingEnabled, isTabl
 };
 export const createPlugin = (dispatch, editorAnalyticsAPI, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, isCommentEditor = false, api) => {
   return new SafePlugin({
-    state: createPluginState(dispatch, state => ({
+    state: createPluginState(dispatch, () => ({
       decorationSet: DecorationSet.empty,
       dropTargetType: DropTargetType.NONE,
       dropTargetIndex: 0,