@atlaskit/editor-plugin-table 24.4.14 → 24.4.16

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 24.4.16
+
+### Patch Changes
+
+- [`6afed619aa443`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6afed619aa443) -
+  Clean up experiment `platform_editor_table_close_cell_menu_on_move_exp`
+- Updated dependencies
+
+## 24.4.15
+
+### Patch Changes
+
+- [`0a6b16efd7f45`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0a6b16efd7f45) -
+  Clean up sticky header patch feature gates and experiments.
+- Updated dependencies
+
 ## 24.4.14
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableRowNativeStickyWithFallback.js

@@ -149,7 +149,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         }
       });
     }
-    if (_this.isHeaderRow && _this.isStickyHeaderEnabled && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4')) {
+    if (_this.isHeaderRow && _this.isStickyHeaderEnabled) {
       var _api$table;
       _this.onEditorContentAreaHeightChange = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.onChange(function (_ref) {
         var nextSharedState = _ref.nextSharedState;
@@ -278,47 +278,45 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       if (this.editorScrollableElement) {
         this.initObservers();
         this.topPosEditorElement = (0, _dom2.getTop)(this.editorScrollableElement);
-        if ((0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_5')) {
-          this.scrollListener = function () {
-            var _this3$overflowObserv;
-            if (_this3.hasScrolledSinceLoad) {
-              return;
-            }
-            _this3.hasScrolledSinceLoad = true;
-            if (!_this3.overflowObserver) {
-              return;
-            }
-
-            // Re-check intersection state now that scrolling has occurred
-            var entries = (_this3$overflowObserv = _this3.overflowObserverEntries) !== null && _this3$overflowObserv !== void 0 ? _this3$overflowObserv : _this3.overflowObserver.takeRecords();
-            _this3.overflowObserverEntries = undefined;
+        this.scrollListener = function () {
+          var _this3$overflowObserv;
+          if (_this3.hasScrolledSinceLoad) {
+            return;
+          }
+          _this3.hasScrolledSinceLoad = true;
+          if (!_this3.overflowObserver) {
+            return;
+          }
 
-            /** NOTE: This logic is duplicated in the overflowObserver callback
-             *  to avoid conflicting with a follow up refactor where this will
-             *  be cleaned up.
-             */
-            entries.forEach(function (entry) {
-              var tableWrapper = _this3.dom.closest(".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
-              if (tableWrapper && tableWrapper instanceof HTMLElement && (!(0, _dom2.areAllRectsZero)(entry) && (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_10', 'isEnabled', true) || !(0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_10', 'isEnabled', true))) {
-                if (entry.isIntersecting) {
-                  tableWrapper.classList.add(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-                  _this3.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
-                  _this3.isNativeSticky = true;
-                } else {
-                  tableWrapper.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-                  _this3.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
-                  _this3.isNativeSticky = false;
-                }
-                _this3.refreshLegacyStickyState();
+          // Re-check intersection state now that scrolling has occurred
+          var entries = (_this3$overflowObserv = _this3.overflowObserverEntries) !== null && _this3$overflowObserv !== void 0 ? _this3$overflowObserv : _this3.overflowObserver.takeRecords();
+          _this3.overflowObserverEntries = undefined;
+
+          /** NOTE: This logic is duplicated in the overflowObserver callback
+           *  to avoid conflicting with a follow up refactor where this will
+           *  be cleaned up.
+           */
+          entries.forEach(function (entry) {
+            var tableWrapper = _this3.dom.closest(".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
+            if (tableWrapper && tableWrapper instanceof HTMLElement && !(0, _dom2.areAllRectsZero)(entry)) {
+              if (entry.isIntersecting) {
+                tableWrapper.classList.add(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
+                _this3.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
+                _this3.isNativeSticky = true;
+              } else {
+                tableWrapper.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
+                _this3.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
+                _this3.isNativeSticky = false;
               }
-            });
-          };
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          this.editorScrollableElement.addEventListener('scroll', this.scrollListener, {
-            passive: true,
-            once: true
+              _this3.refreshLegacyStickyState();
+            }
           });
-        }
+        };
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        this.editorScrollableElement.addEventListener('scroll', this.scrollListener, {
+          passive: true,
+          once: true
+        });
       }
       this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
 
@@ -389,48 +387,36 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       };
       this.overflowObserver = new IntersectionObserver(function (entries, observer) {
         entries.forEach(function (entry) {
+          var _this4$api;
           if (!(observer.root instanceof HTMLElement)) {
             return;
           }
           // Only apply classes if page has scrolled since load
-          if (!_this4.hasScrolledSinceLoad && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_5')) {
+          if (!_this4.hasScrolledSinceLoad) {
             _this4.overflowObserverEntries = entries;
             return;
           }
           if (entry.isIntersecting) {
-            if ((0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4')) {
-              observer.root.classList.add(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-              if (!_this4.disableNativeSticky) {
-                _this4.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
-              }
-            } else {
-              observer.root.classList.add(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
+            observer.root.classList.add(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
+            if (!_this4.disableNativeSticky) {
               _this4.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
             }
             _this4.isNativeSticky = true;
           } else {
-            if ((0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4')) {
-              observer.root.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-              _this4.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
-            } else {
-              observer.root.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-              _this4.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
-            }
+            observer.root.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
+            _this4.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
             _this4.isNativeSticky = false;
           }
           _this4.refreshLegacyStickyState();
-          if ((0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_9', 'isEnabled', true)) {
-            var _this4$api;
-            (_this4$api = _this4.api) === null || _this4$api === void 0 || (_this4$api = _this4$api.analytics) === null || _this4$api === void 0 || (_this4$api = _this4$api.actions) === null || _this4$api === void 0 || _this4$api.fireAnalyticsEvent({
-              action: _analytics.TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
-              actionSubject: _analytics.ACTION_SUBJECT.TABLE,
-              actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
-              eventType: _analytics.EVENT_TYPE.UI,
-              attributes: {
-                nativeStickyHeaderEnabled: entry.isIntersecting
-              }
-            });
-          }
+          (_this4$api = _this4.api) === null || _this4$api === void 0 || (_this4$api = _this4$api.analytics) === null || _this4$api === void 0 || (_this4$api = _this4$api.actions) === null || _this4$api === void 0 || _this4$api.fireAnalyticsEvent({
+            action: _analytics.TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
+            actionSubject: _analytics.ACTION_SUBJECT.TABLE,
+            actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
+            eventType: _analytics.EVENT_TYPE.UI,
+            attributes: {
+              nativeStickyHeaderEnabled: entry.isIntersecting
+            }
+          });
         });
       }, options);
     }
@@ -456,7 +442,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         entries.forEach(function (entry) {
           var _entry$rootBounds;
           var tableContainer = _this5.dom.closest(".".concat(_types.TableCssClassName.TABLE_CONTAINER));
-          if (entry.intersectionRect.top === ((_entry$rootBounds = entry.rootBounds) === null || _entry$rootBounds === void 0 ? void 0 : _entry$rootBounds.top) && (!_this5.disableNativeSticky || !(0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4'))) {
+          if (entry.intersectionRect.top === ((_entry$rootBounds = entry.rootBounds) === null || _entry$rootBounds === void 0 ? void 0 : _entry$rootBounds.top) && !_this5.disableNativeSticky) {
             _this5.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY_ACTIVE);
             if (tableContainer && tableContainer instanceof HTMLElement) {
               tableContainer.dataset.tableHeaderIsStuck = 'true';
@@ -464,11 +450,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
           } else {
             _this5.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY_ACTIVE);
             if (tableContainer && tableContainer instanceof HTMLElement) {
-              if ((0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_3')) {
-                delete tableContainer.dataset.tableHeaderIsStuck;
-              } else {
-                tableContainer.dataset.tableHeaderIsStuck = 'false';
-              }
+              delete tableContainer.dataset.tableHeaderIsStuck;
             }
           }
         });
@@ -496,17 +478,12 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
           this.dom.style.setProperty('anchor-name', (_this$dom$getAttribut = this.dom.getAttribute('data-node-anchor')) !== null && _this$dom$getAttribut !== void 0 ? _this$dom$getAttribut : '');
         }
         this.initOverflowObserver();
-        if ((0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4')) {
-          this.initNodeVisibilityObserver();
-        }
+        this.initNodeVisibilityObserver();
         var closestTable = this.dom.closest('table');
         if (closestTable) {
-          var _this$overflowObserve;
+          var _this$overflowObserve, _this$nodeVisibilityO2;
           (_this$overflowObserve = this.overflowObserver) === null || _this$overflowObserve === void 0 || _this$overflowObserve.observe(closestTable);
-          if ((0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4')) {
-            var _this$nodeVisibilityO2;
-            (_this$nodeVisibilityO2 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO2 === void 0 || _this$nodeVisibilityO2.observe(closestTable);
-          }
+          (_this$nodeVisibilityO2 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO2 === void 0 || _this$nodeVisibilityO2.observe(closestTable);
         }
         this.initStickyStateObserver();
         (_this$stickyStateObse = this.stickyStateObserver) === null || _this$stickyStateObse === void 0 || _this$stickyStateObse.observe(this.dom);
@@ -641,6 +618,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
           if (entry.target.className === ((_this8$editorScrollab = _this8.editorScrollableElement) === null || _this8$editorScrollab === void 0 ? void 0 : _this8$editorScrollab.className)) {
             _this8.updateStickyHeaderWidth();
           } else {
+            var _this8$editorContentA;
             var newHeight = entry.contentRect ? entry.contentRect.height :
             // Ignored via go/ees005
             // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -653,11 +631,8 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
               _this8.sentinels.bottom.style.bottom = "".concat(_consts.tableScrollbarOffset + _consts.stickyRowOffsetTop + newHeight, "px");
               (0, _dom.updateStickyMargins)(table);
             }
-            if ((0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4')) {
-              var _this8$editorContentA;
-              var viewportHeight = (_this8$editorContentA = _this8.editorContentAreaHeight) !== null && _this8$editorContentA !== void 0 ? _this8$editorContentA : _editorContentAreaHeight.INITIAL_STATIC_VIEWPORT_HEIGHT;
-              _this8.toggleDisableNativeSticky(newHeight, viewportHeight);
-            }
+            var viewportHeight = (_this8$editorContentA = _this8.editorContentAreaHeight) !== null && _this8$editorContentA !== void 0 ? _this8$editorContentA : _editorContentAreaHeight.INITIAL_STATIC_VIEWPORT_HEIGHT;
+            _this8.toggleDisableNativeSticky(newHeight, viewportHeight);
           }
         });
       });

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

@@ -78,29 +78,21 @@ var updateTargetCellPosition = function updateTargetCellPosition(_ref2) {
       tableHeader = _tr$doc$type$schema$n2.tableHeader;
     var cell = (0, _utils2.findParentNodeOfType)([tableCell, tableHeader])(tr.selection);
     var targetCellPosition = cell ? cell.pos : undefined;
-    if ((0, _expValEquals.expValEquals)('platform_editor_table_close_cell_menu_on_move_exp', 'isEnabled', true)) {
-      var targetCellPositionChanged = pluginState.targetCellPosition !== targetCellPosition;
-      var closeContextualMenu = shouldCloseLegacyContextualMenu({
-        pluginState: pluginState,
-        targetCellPositionChanged: targetCellPositionChanged,
-        tr: tr
-      });
-      if (!targetCellPositionChanged && !closeContextualMenu) {
-        return pluginState;
-      }
-
-      // Close the legacy contextual menu when moving cells because the cell background
-      // color submenu can otherwise remain open against the previous cell selection.
-      return _objectSpread(_objectSpread(_objectSpread({}, pluginState), closeContextualMenu ? {
-        isContextualMenuOpen: false
-      } : {}), {}, {
-        targetCellPosition: targetCellPosition
-      });
-    }
-    if (pluginState.targetCellPosition === targetCellPosition) {
+    var targetCellPositionChanged = pluginState.targetCellPosition !== targetCellPosition;
+    var closeContextualMenu = shouldCloseLegacyContextualMenu({
+      pluginState: pluginState,
+      targetCellPositionChanged: targetCellPositionChanged,
+      tr: tr
+    });
+    if (!targetCellPositionChanged && !closeContextualMenu) {
       return pluginState;
     }
-    return _objectSpread(_objectSpread({}, pluginState), {}, {
+
+    // Close the legacy contextual menu when moving cells because the cell background
+    // color submenu can otherwise remain open against the previous cell selection.
+    return _objectSpread(_objectSpread(_objectSpread({}, pluginState), closeContextualMenu ? {
+      isContextualMenuOpen: false
+    } : {}), {}, {
       targetCellPosition: targetCellPosition
     });
   };

package/dist/cjs/pm-plugins/table-anchor-names/plugin.js

@@ -13,8 +13,6 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _styles = require("@atlaskit/editor-common/styles");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid
 var ObjHash = /*#__PURE__*/function () {
   function ObjHash() {
@@ -45,9 +43,8 @@ var createTableAnchorDecorations = function createTableAnchorDecorations(state)
     var _parent$attrs;
     var isTableHeader = node.type.name === 'tableHeader';
     var isTableRow = node.type.name === 'tableRow';
-    var isParentTableRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableRow';
     var isParentTableHeaderRow = (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'tableRow' && headerRowId && (parent === null || parent === void 0 || (_parent$attrs = parent.attrs) === null || _parent$attrs === void 0 ? void 0 : _parent$attrs.localId) === headerRowId;
-    var shouldAddDecorationToHeader = (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_9', 'isEnabled', true) ? isParentTableHeaderRow && isTableHeader : isTableHeader;
+    var shouldAddDecorationToHeader = isParentTableHeaderRow && isTableHeader;
     var isFirstRow = isTableRow && index === 0;
     if (isFirstRow) {
       headerRowId = node.attrs.localId;
@@ -55,7 +52,7 @@ var createTableAnchorDecorations = function createTableAnchorDecorations(state)
     // only apply to header cells and the first row of a table, for performance reasons
     if (isFirstRow || shouldAddDecorationToHeader) {
       var anchorName = getNodeAnchor(node);
-      var shouldAddAnchorNameInDecoration = !(0, _styles.isCSSAttrAnchorSupported)() && (0, _styles.isCSSAnchorSupported)() && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_8');
+      var shouldAddAnchorNameInDecoration = !(0, _styles.isCSSAttrAnchorSupported)() && (0, _styles.isCSSAnchorSupported)();
       var attributes = {
         'data-node-anchor': anchorName,
         style: "anchor-name: ".concat(anchorName, ";")
@@ -66,7 +63,7 @@ var createTableAnchorDecorations = function createTableAnchorDecorations(state)
     }
 
     // only decend if there is a possible table row or table header node after the current node, for performance reasons
-    return (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_9', 'isEnabled', true) ? !(isTableHeader || isParentTableHeaderRow) : !(isTableHeader || isParentTableRow);
+    return !(isTableHeader || isParentTableHeaderRow);
   });
   return _view.DecorationSet.create(state.doc, decs);
 };

package/dist/cjs/tablePlugin.js

@@ -160,7 +160,7 @@ var tablePlugin = function tablePlugin(_ref) {
         isDragMenuOpen: dragAndDropState === null || dragAndDropState === void 0 ? void 0 : dragAndDropState.isDragMenuOpen,
         isSizeSelectorOpen: sizeSelectorPluginState === null || sizeSelectorPluginState === void 0 ? void 0 : sizeSelectorPluginState.isSelectorOpen,
         sizeSelectorTargetRef: sizeSelectorPluginState === null || sizeSelectorPluginState === void 0 ? void 0 : sizeSelectorPluginState.targetRef,
-        editorContentAreaHeight: (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4') ? editorContentAreaHeightPluginState === null || editorContentAreaHeightPluginState === void 0 ? void 0 : editorContentAreaHeightPluginState.height : undefined
+        editorContentAreaHeight: (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') ? editorContentAreaHeightPluginState === null || editorContentAreaHeightPluginState === void 0 ? void 0 : editorContentAreaHeightPluginState.height : undefined
       };
       return sharedStateInternal;
     },
@@ -498,7 +498,7 @@ var tablePlugin = function tablePlugin(_ref) {
       }, {
         name: 'editorContentAreaHeightPlugin',
         plugin: function plugin() {
-          return (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_1') ? (0, _editorContentAreaHeight.createPlugin)() : undefined;
+          return (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') ? (0, _editorContentAreaHeight.createPlugin)() : undefined;
         }
       }];
       if (!(0, _expValEquals.expValEquals)('platform_editor_native_anchor_with_dnd', 'isEnabled', true) && (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {

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

@@ -19,7 +19,6 @@ var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../pm-plugins/commands");
 var _pluginFactory = require("../../pm-plugins/plugin-factory");
@@ -154,7 +153,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
     testId: (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) ? 'pm-table-contextual-menu-button' : undefined
   }));
   var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
-  var parentStickyNative = targetCellRef.parentElement && ((0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_4') ? tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW) : targetCellRef.parentElement.classList.contains(_types.TableCssClassName.NATIVE_STICKY));
+  var parentStickyNative = targetCellRef.parentElement && (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW));
   if (parentStickyNative && targetCellRef.nodeName === 'TH' && (0, _stickyHeader.isNativeStickySupported)() && (0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow')) {
     var _targetCellRef$parent;
     /* We need to default to checking the anchor style because there may be a conflict with the block controls
@@ -169,20 +168,6 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
     if (colAnchorName === '') {
       colAnchorName = targetCellRef === null || targetCellRef === void 0 ? void 0 : targetCellRef.dataset.nodeAnchor;
     }
-    if (!(0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_patch_9', 'isEnabled', true)) {
-      return (0, _react2.jsx)("div", {
-        css: anchorStyles,
-        style: {
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-          top: "calc(".concat(BUTTON_OFFSET, "px + anchor(").concat(rowAnchorName, " top))"),
-          right: "calc(".concat(BUTTON_OFFSET, "px + anchor(").concat(colAnchorName, " right))"),
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-          positionAnchor: colAnchorName
-        } // need to do this because CSSProperties doesn't have positionAnchor property even though it's a valid CSS property
-        ,
-        "data-testid": "table-cell-options-anchor-wrapper"
-      }, button);
-    }
     if (rowAnchorName && colAnchorName) {
       return (0, _react2.jsx)("div", {
         css: anchorStyles,

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

@@ -543,32 +543,21 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       }
     });
     (0, _defineProperty2.default)(_this, "toggleOpen", function () {
-      var _this$props8 = _this.props,
-        isOpen = _this$props8.isOpen,
-        _this$props8$editorVi = _this$props8.editorView,
-        state = _this$props8$editorVi.state,
-        dispatch = _this$props8$editorVi.dispatch;
-      if ((0, _expValEquals.expValEquals)('platform_editor_table_close_cell_menu_on_move_exp', 'isEnabled', true)) {
-        if ((0, _pluginFactory.getPluginState)(state).isContextualMenuOpen) {
-          (0, _commands.toggleContextualMenu)()(state, dispatch);
-        }
-        _this.closeSubmenu();
-        return;
-      }
-      (0, _commands.toggleContextualMenu)()(state, dispatch);
-      if (!isOpen) {
-        _this.setState({
-          isSubmenuOpen: false
-        });
+      var _this$props$editorVie = _this.props.editorView,
+        state = _this$props$editorVie.state,
+        dispatch = _this$props$editorVie.dispatch;
+      if ((0, _pluginFactory.getPluginState)(state).isContextualMenuOpen) {
+        (0, _commands.toggleContextualMenu)()(state, dispatch);
       }
+      _this.closeSubmenu();
     });
     (0, _defineProperty2.default)(_this, "handleOpenChange", function (payload) {
-      var _this$props9 = _this.props,
-        _this$props9$editorVi = _this$props9.editorView,
-        state = _this$props9$editorVi.state,
-        dispatch = _this$props9$editorVi.dispatch,
-        dom = _this$props9$editorVi.dom,
-        isCellMenuOpenByKeyboard = _this$props9.isCellMenuOpenByKeyboard;
+      var _this$props8 = _this.props,
+        _this$props8$editorVi = _this$props8.editorView,
+        state = _this$props8$editorVi.state,
+        dispatch = _this$props8$editorVi.dispatch,
+        dom = _this$props8$editorVi.dom,
+        isCellMenuOpenByKeyboard = _this$props8.isCellMenuOpenByKeyboard;
       if (payload) {
         var event = payload.event;
         if (event && event instanceof KeyboardEvent) {
@@ -607,11 +596,11 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (0, _defineProperty2.default)(_this, "handleItemMouseEnter", function (_ref4) {
       var item = _ref4.item;
-      var _this$props0 = _this.props,
-        _this$props0$editorVi = _this$props0.editorView,
-        state = _this$props0$editorVi.state,
-        dispatch = _this$props0$editorVi.dispatch,
-        selectionRect = _this$props0.selectionRect;
+      var _this$props9 = _this.props,
+        _this$props9$editorVi = _this$props9.editorView,
+        state = _this$props9$editorVi.state,
+        dispatch = _this$props9$editorVi.dispatch,
+        selectionRect = _this$props9.selectionRect;
       if (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
         if (item.value.name === 'background') {
           if (!_this.state.isSubmenuOpen) {
@@ -635,9 +624,9 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (0, _defineProperty2.default)(_this, "handleItemMouseLeave", function (_ref5) {
       var item = _ref5.item;
-      var _this$props$editorVie = _this.props.editorView,
-        state = _this$props$editorVie.state,
-        dispatch = _this$props$editorVie.dispatch;
+      var _this$props$editorVie2 = _this.props.editorView,
+        state = _this$props$editorVie2.state,
+        dispatch = _this$props$editorVie2.dispatch;
       if (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
         if (item.value.name === 'background') {
           _this.closeSubmenu();
@@ -655,31 +644,22 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       }
     });
     (0, _defineProperty2.default)(_this, "setColor", function (color) {
-      var _this$props1 = _this.props,
-        editorView = _this$props1.editorView,
-        editorAnalyticsAPI = _this$props1.editorAnalyticsAPI,
-        isCellMenuOpenByKeyboard = _this$props1.isCellMenuOpenByKeyboard;
+      var _this$props0 = _this.props,
+        editorView = _this$props0.editorView,
+        editorAnalyticsAPI = _this$props0.editorAnalyticsAPI,
+        isCellMenuOpenByKeyboard = _this$props0.isCellMenuOpenByKeyboard;
       var state = editorView.state,
         dispatch = editorView.dispatch,
         dom = editorView.dom;
       (0, _commandsWithAnalytics.setColorWithAnalytics)(editorAnalyticsAPI)(_analytics.INPUT_METHOD.CONTEXT_MENU, color)(state, dispatch);
       if (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
         _this.toggleOpen();
-      } else if ((0, _expValEquals.expValEquals)('platform_editor_table_close_cell_menu_on_move_exp', 'isEnabled', true)) {
+      } else {
         _this.toggleOpen();
         if (isCellMenuOpenByKeyboard) {
           (0, _commands.setFocusToCellMenu)(false)(editorView.state, dispatch);
           dom.focus();
         }
-      } else {
-        (0, _commands.toggleContextualMenu)()(state, dispatch);
-        _this.setState({
-          isSubmenuOpen: false
-        });
-        if (isCellMenuOpenByKeyboard) {
-          (0, _commands.setFocusToCellMenu)(false)(state, dispatch);
-          dom.focus();
-        }
       }
     });
     return _this;
@@ -711,12 +691,12 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
   }, {
     key: "render",
     value: function render() {
-      var _this$props10 = this.props,
-        isOpen = _this$props10.isOpen,
-        offset = _this$props10.offset,
-        boundariesElement = _this$props10.boundariesElement,
-        isCellMenuOpenByKeyboard = _this$props10.isCellMenuOpenByKeyboard,
-        api = _this$props10.api;
+      var _this$props1 = this.props,
+        isOpen = _this$props1.isOpen,
+        offset = _this$props1.offset,
+        boundariesElement = _this$props1.boundariesElement,
+        isCellMenuOpenByKeyboard = _this$props1.isCellMenuOpenByKeyboard,
+        api = _this$props1.api;
       var items = this.createContextMenuItems();
       var isOpenAllowed = false;
       isOpenAllowed = isCellMenuOpenByKeyboard ? this.state.isOpenAllowed : isOpen;

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

@@ -9,7 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../../types");
 var _consts = require("../consts");
 var _DragMenu = _interopRequireDefault(require("./DragMenu"));
@@ -37,7 +36,7 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
-  var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW)) && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_7');
+  var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW));
   var targetHandleRef = direction === 'row' ? document.querySelector('#drag-handle-button-row') : document.querySelector('#drag-handle-button-column');
   if (!targetHandleRef || !(editorView.state.selection instanceof _cellSelection.CellSelection)) {
     return null;

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

@@ -12,7 +12,6 @@ var _uiReact = require("@atlaskit/editor-common/ui-react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _toolbarKeyboardNavigationProvider = require("@atlaskit/editor-toolbar/toolbar-keyboard-navigation-provider");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../../pm-plugins/commands");
 var _types = require("../../types");
 var _consts = require("../consts");
@@ -132,7 +131,7 @@ var FloatingTableMenu = function FloatingTableMenu(_ref) {
   if (!isDragMenuOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
-  var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW)) && (0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_7');
+  var inStickyMode = (stickyHeaders === null || stickyHeaders === void 0 ? void 0 : stickyHeaders.sticky) || (tableWrapper === null || tableWrapper === void 0 ? void 0 : tableWrapper.classList.contains(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW));
   var targetHandleRef = dragMenuDirection === 'row' ? document.querySelector('#drag-handle-button-row') : document.querySelector('#drag-handle-button-column');
   if (!targetHandleRef || !(editorView.state.selection instanceof _cellSelection.CellSelection)) {
     return null;

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

@@ -10,7 +10,6 @@ var _react2 = require("@emotion/react");
 var _browser = require("@atlaskit/editor-common/browser");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _commands = require("../../pm-plugins/commands");
 var _nodes = require("../../pm-plugins/utils/nodes");
 var _types = require("../../types");
@@ -24,13 +23,6 @@ var _DragControls = require("./RowControls/DragControls");
 
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 
-var styles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
-  '&:has(~ .pm-table-wrapper-no-overflow)': {
-    marginTop: 0
-  }
-});
-
 // Row controls
 var TableFloatingControls = exports.TableFloatingControls = function TableFloatingControls(_ref) {
   var _findTable;
@@ -102,8 +94,7 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
   var shouldShowCornerControls = isNested && !(0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes');
   return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: wrapperClassName,
-    css: [(0, _expValEquals.expValEquals)('platform_editor_table_sticky_header_improvements', 'cohort', 'test_with_overflow') && !(0, _platformFeatureFlags.fg)('platform_editor_table_sticky_header_patch_7') && styles]
+    className: wrapperClassName
   }, (0, _react2.jsx)("div", {
     role: "none",
     onMouseDown: function onMouseDown(e) {

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

@@ -1,4 +1,4 @@
-/* SortDecreasingItem.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* SortDecreasingItem.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* SortIncreasingItem.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* SortIncreasingItem.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/TableMenu/shared/items/BackgroundColorItem.compiled.css

@@ -1,4 +1,3 @@
-
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._zulp1b66{gap:var(--ds-space-050,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._1dqonqa1{border-style:solid}

package/dist/cjs/ui/TableMenu/shared/items/BackgroundColorItem.js

@@ -1,4 +1,4 @@
-/* BackgroundColorItem.tsx generated by @compiled/babel-plugin v0.39.1 */
+/* BackgroundColorItem.tsx generated by @compiled/babel-plugin v0.40.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");