@atlaskit/editor-plugin-table 15.4.9 → 15.4.10

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 15.4.10
+
+### Patch Changes
+
+- [`5a25eff5f9f2d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a25eff5f9f2d) -
+  [ux] Correctly disable legacy sticky table header when no overflow
+- Updated dependencies
+
 ## 15.4.9
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableRowNativeStickyWithFallback.js

@@ -47,7 +47,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         _this.nodeVisibilityObserverCleanupFn && _this.nodeVisibilityObserverCleanupFn();
         var tree = (0, _dom2.getTree)(_this.dom);
         if (tree) {
-          _this.makeRowHeaderNotSticky(tree.table, true);
+          _this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         _this.emitOff(false);
       }
@@ -85,13 +85,13 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
     // This prevents mouse wheel scrolling on the scroll-parent div when user's mouse is hovering the header row.
     // This fix sets pointer-events: none on the header row briefly to avoid this behaviour
     (0, _defineProperty2.default)(_this, "headerRowMouseScroll", (0, _throttle.default)(function () {
-      if (_this.isSticky) {
+      if (_this.isLegacySticky) {
         _this.dom.classList.add('no-pointer-events');
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
     _this.isHeaderRow = (0, _nodes.supportedHeaderRow)(node);
-    _this.isSticky = false;
+    _this.isLegacySticky = false;
     var _getPluginState = (0, _pluginFactory.getPluginState)(view.state),
       pluginConfig = _getPluginState.pluginConfig;
     _this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
@@ -181,7 +181,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
         var tree = (0, _dom2.getTree)(this.dom);
         if (tree) {
-          this.makeRowHeaderNotSticky(tree.table, true);
+          this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         this.emitOff(true);
       }
@@ -303,8 +303,8 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
             observer.root.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
             _this2.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
             _this2.isNativeSticky = false;
-            _this2.refreshStickyState();
           }
+          _this2.refreshLegacyStickyState();
         });
       }, options);
     }
@@ -516,29 +516,33 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
           // Keep the other sentinels rootBounds in sync with this latest one
           _this6.sentinelData[targetKey === 'top' ? 'bottom' : targetKey].rootBounds = rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds;
         });
-        _this6.refreshStickyState();
+        _this6.refreshLegacyStickyState();
       }, {
         threshold: 0,
         root: this.editorScrollableElement
       });
     }
   }, {
-    key: "refreshStickyState",
-    value: function refreshStickyState() {
+    key: "refreshLegacyStickyState",
+    value: function refreshLegacyStickyState() {
       var tree = (0, _dom2.getTree)(this.dom);
       if (!tree) {
         return;
       }
       var table = tree.table;
+      if (this.isNativeSticky) {
+        this.makeRowHeaderNotLegacySticky(table);
+        return;
+      }
       var shouldStick = this.shouldSticky();
-      if (this.isSticky !== shouldStick) {
-        if (shouldStick && !this.isNativeSticky) {
+      if (this.isLegacySticky !== shouldStick) {
+        if (shouldStick) {
           var _this$sentinelData$to;
           // The rootRect is kept in sync across sentinels so it doesn't matter which one we use.
           var rootRect = (_this$sentinelData$to = this.sentinelData.top.rootBounds) !== null && _this$sentinelData$to !== void 0 ? _this$sentinelData$to : this.sentinelData.bottom.rootBounds;
-          this.makeHeaderRowSticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
+          this.makeHeaderRowLegacySticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
         } else {
-          this.makeRowHeaderNotSticky(table);
+          this.makeRowHeaderNotLegacySticky(table);
         }
       }
     }
@@ -639,7 +643,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
 
       // If current table selected and header row is toggled off, turn off sticky header
       if (isCurrentTableSelected && !state.isHeaderRowEnabled && tree) {
-        this.makeRowHeaderNotSticky(tree.table);
+        this.makeRowHeaderNotLegacySticky(tree.table);
       }
       this.focused = isCurrentTableSelected;
       var wrapper = tree.wrapper;
@@ -688,7 +692,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
     key: "refireIntersectionObservers",
     value: function refireIntersectionObservers() {
       var _this7 = this;
-      if (this.isSticky) {
+      if (this.isLegacySticky) {
         [this.sentinels.top, this.sentinels.bottom].forEach(function (el) {
           if (el && _this7.intersectionObserver) {
             _this7.intersectionObserver.unobserve(el);
@@ -698,12 +702,12 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       }
     }
   }, {
-    key: "makeHeaderRowSticky",
-    value: function makeHeaderRowSticky(tree, scrollTop) {
+    key: "makeHeaderRowLegacySticky",
+    value: function makeHeaderRowLegacySticky(tree, scrollTop) {
       var _tbody$firstChild,
         _this8 = this;
       // If header row height is more than 50% of viewport height don't do this
-      if (this.isSticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
+      if (this.isLegacySticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
         return;
       }
       var table = tree.table,
@@ -720,12 +724,12 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         scrollTop = (0, _dom2.getTop)(this.editorScrollableElement);
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
-      if (!this.isSticky) {
+      if (!this.isLegacySticky) {
         var _this$editorScrollabl;
         (0, _dom.syncStickyRowToTable)(table);
         this.dom.classList.add('sticky');
         table.classList.add(_types.TableCssClassName.TABLE_STICKY);
-        this.isSticky = true;
+        this.isLegacySticky = true;
 
         /**
          * The logic below is not desirable, but acts as a fail safe for scenarios where the sticky header
@@ -749,16 +753,16 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       this.emitOn(domTop, this.colControlsOffset);
     }
   }, {
-    key: "makeRowHeaderNotSticky",
-    value: function makeRowHeaderNotSticky(table) {
+    key: "makeRowHeaderNotLegacySticky",
+    value: function makeRowHeaderNotLegacySticky(table) {
       var isEditorDestroyed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      if (!this.isSticky || !table || !this.dom) {
+      if (!this.isLegacySticky || !table || !this.dom) {
         return;
       }
       this.dom.style.removeProperty('width');
       this.dom.classList.remove('sticky');
       table.classList.remove(_types.TableCssClassName.TABLE_STICKY);
-      this.isSticky = false;
+      this.isLegacySticky = false;
       this.dom.style.top = '';
       table.style.removeProperty('margin-top');
       this.emitOff(isEditorDestroyed);

package/dist/es2019/nodeviews/TableRowNativeStickyWithFallback.js

@@ -31,7 +31,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
         this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
         const tree = getTree(this.dom);
         if (tree) {
-          this.makeRowHeaderNotSticky(tree.table, true);
+          this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         this.emitOff(false);
       }
@@ -69,13 +69,13 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     // This prevents mouse wheel scrolling on the scroll-parent div when user's mouse is hovering the header row.
     // This fix sets pointer-events: none on the header row briefly to avoid this behaviour
     _defineProperty(this, "headerRowMouseScroll", throttle(() => {
-      if (this.isSticky) {
+      if (this.isLegacySticky) {
         this.dom.classList.add('no-pointer-events');
         this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
     this.isHeaderRow = supportedHeaderRow(node);
-    this.isSticky = false;
+    this.isLegacySticky = false;
     const {
       pluginConfig
     } = getPluginState(view.state);
@@ -159,7 +159,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
       const tree = getTree(this.dom);
       if (tree) {
-        this.makeRowHeaderNotSticky(tree.table, true);
+        this.makeRowHeaderNotLegacySticky(tree.table, true);
       }
       this.emitOff(true);
     }
@@ -272,8 +272,8 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
           observer.root.classList.remove(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
           this.dom.classList.remove(ClassName.NATIVE_STICKY);
           this.isNativeSticky = false;
-          this.refreshStickyState();
         }
+        this.refreshLegacyStickyState();
       });
     }, options);
   }
@@ -473,13 +473,13 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
         // Keep the other sentinels rootBounds in sync with this latest one
         this.sentinelData[targetKey === 'top' ? 'bottom' : targetKey].rootBounds = rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds;
       });
-      this.refreshStickyState();
+      this.refreshLegacyStickyState();
     }, {
       threshold: 0,
       root: this.editorScrollableElement
     });
   }
-  refreshStickyState() {
+  refreshLegacyStickyState() {
     const tree = getTree(this.dom);
     if (!tree) {
       return;
@@ -487,15 +487,19 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     const {
       table
     } = tree;
+    if (this.isNativeSticky) {
+      this.makeRowHeaderNotLegacySticky(table);
+      return;
+    }
     const shouldStick = this.shouldSticky();
-    if (this.isSticky !== shouldStick) {
-      if (shouldStick && !this.isNativeSticky) {
+    if (this.isLegacySticky !== shouldStick) {
+      if (shouldStick) {
         var _this$sentinelData$to;
         // The rootRect is kept in sync across sentinels so it doesn't matter which one we use.
         const rootRect = (_this$sentinelData$to = this.sentinelData.top.rootBounds) !== null && _this$sentinelData$to !== void 0 ? _this$sentinelData$to : this.sentinelData.bottom.rootBounds;
-        this.makeHeaderRowSticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
+        this.makeHeaderRowLegacySticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
       } else {
-        this.makeRowHeaderNotSticky(table);
+        this.makeRowHeaderNotLegacySticky(table);
       }
     }
   }
@@ -592,7 +596,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
 
     // If current table selected and header row is toggled off, turn off sticky header
     if (isCurrentTableSelected && !state.isHeaderRowEnabled && tree) {
-      this.makeRowHeaderNotSticky(tree.table);
+      this.makeRowHeaderNotLegacySticky(tree.table);
     }
     this.focused = isCurrentTableSelected;
     const {
@@ -638,7 +642,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
    * Useful when the header may have detached from the table.
    */
   refireIntersectionObservers() {
-    if (this.isSticky) {
+    if (this.isLegacySticky) {
       [this.sentinels.top, this.sentinels.bottom].forEach(el => {
         if (el && this.intersectionObserver) {
           this.intersectionObserver.unobserve(el);
@@ -647,10 +651,10 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       });
     }
   }
-  makeHeaderRowSticky(tree, scrollTop) {
+  makeHeaderRowLegacySticky(tree, scrollTop) {
     var _tbody$firstChild;
     // If header row height is more than 50% of viewport height don't do this
-    if (this.isSticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
+    if (this.isLegacySticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
       return;
     }
     const {
@@ -669,12 +673,12 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       scrollTop = getTop(this.editorScrollableElement);
     }
     const domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
-    if (!this.isSticky) {
+    if (!this.isLegacySticky) {
       var _this$editorScrollabl4;
       syncStickyRowToTable(table);
       this.dom.classList.add('sticky');
       table.classList.add(ClassName.TABLE_STICKY);
-      this.isSticky = true;
+      this.isLegacySticky = true;
 
       /**
        * The logic below is not desirable, but acts as a fail safe for scenarios where the sticky header
@@ -697,14 +701,14 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     this.dom.scrollLeft = wrapper.scrollLeft;
     this.emitOn(domTop, this.colControlsOffset);
   }
-  makeRowHeaderNotSticky(table, isEditorDestroyed = false) {
-    if (!this.isSticky || !table || !this.dom) {
+  makeRowHeaderNotLegacySticky(table, isEditorDestroyed = false) {
+    if (!this.isLegacySticky || !table || !this.dom) {
       return;
     }
     this.dom.style.removeProperty('width');
     this.dom.classList.remove('sticky');
     table.classList.remove(ClassName.TABLE_STICKY);
-    this.isSticky = false;
+    this.isLegacySticky = false;
     this.dom.style.top = '';
     table.style.removeProperty('margin-top');
     this.emitOff(isEditorDestroyed);

package/dist/esm/nodeviews/TableRowNativeStickyWithFallback.js

@@ -40,7 +40,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
         _this.nodeVisibilityObserverCleanupFn && _this.nodeVisibilityObserverCleanupFn();
         var tree = getTree(_this.dom);
         if (tree) {
-          _this.makeRowHeaderNotSticky(tree.table, true);
+          _this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         _this.emitOff(false);
       }
@@ -78,13 +78,13 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
     // This prevents mouse wheel scrolling on the scroll-parent div when user's mouse is hovering the header row.
     // This fix sets pointer-events: none on the header row briefly to avoid this behaviour
     _defineProperty(_this, "headerRowMouseScroll", throttle(function () {
-      if (_this.isSticky) {
+      if (_this.isLegacySticky) {
         _this.dom.classList.add('no-pointer-events');
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
     _this.isHeaderRow = supportedHeaderRow(node);
-    _this.isSticky = false;
+    _this.isLegacySticky = false;
     var _getPluginState = getPluginState(view.state),
       pluginConfig = _getPluginState.pluginConfig;
     _this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
@@ -174,7 +174,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
         this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
         var tree = getTree(this.dom);
         if (tree) {
-          this.makeRowHeaderNotSticky(tree.table, true);
+          this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         this.emitOff(true);
       }
@@ -296,8 +296,8 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
             observer.root.classList.remove(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
             _this2.dom.classList.remove(ClassName.NATIVE_STICKY);
             _this2.isNativeSticky = false;
-            _this2.refreshStickyState();
           }
+          _this2.refreshLegacyStickyState();
         });
       }, options);
     }
@@ -509,29 +509,33 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
           // Keep the other sentinels rootBounds in sync with this latest one
           _this6.sentinelData[targetKey === 'top' ? 'bottom' : targetKey].rootBounds = rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds;
         });
-        _this6.refreshStickyState();
+        _this6.refreshLegacyStickyState();
       }, {
         threshold: 0,
         root: this.editorScrollableElement
       });
     }
   }, {
-    key: "refreshStickyState",
-    value: function refreshStickyState() {
+    key: "refreshLegacyStickyState",
+    value: function refreshLegacyStickyState() {
       var tree = getTree(this.dom);
       if (!tree) {
         return;
       }
       var table = tree.table;
+      if (this.isNativeSticky) {
+        this.makeRowHeaderNotLegacySticky(table);
+        return;
+      }
       var shouldStick = this.shouldSticky();
-      if (this.isSticky !== shouldStick) {
-        if (shouldStick && !this.isNativeSticky) {
+      if (this.isLegacySticky !== shouldStick) {
+        if (shouldStick) {
           var _this$sentinelData$to;
           // The rootRect is kept in sync across sentinels so it doesn't matter which one we use.
           var rootRect = (_this$sentinelData$to = this.sentinelData.top.rootBounds) !== null && _this$sentinelData$to !== void 0 ? _this$sentinelData$to : this.sentinelData.bottom.rootBounds;
-          this.makeHeaderRowSticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
+          this.makeHeaderRowLegacySticky(tree, rootRect === null || rootRect === void 0 ? void 0 : rootRect.top);
         } else {
-          this.makeRowHeaderNotSticky(table);
+          this.makeRowHeaderNotLegacySticky(table);
         }
       }
     }
@@ -632,7 +636,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
 
       // If current table selected and header row is toggled off, turn off sticky header
       if (isCurrentTableSelected && !state.isHeaderRowEnabled && tree) {
-        this.makeRowHeaderNotSticky(tree.table);
+        this.makeRowHeaderNotLegacySticky(tree.table);
       }
       this.focused = isCurrentTableSelected;
       var wrapper = tree.wrapper;
@@ -681,7 +685,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
     key: "refireIntersectionObservers",
     value: function refireIntersectionObservers() {
       var _this7 = this;
-      if (this.isSticky) {
+      if (this.isLegacySticky) {
         [this.sentinels.top, this.sentinels.bottom].forEach(function (el) {
           if (el && _this7.intersectionObserver) {
             _this7.intersectionObserver.unobserve(el);
@@ -691,12 +695,12 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
       }
     }
   }, {
-    key: "makeHeaderRowSticky",
-    value: function makeHeaderRowSticky(tree, scrollTop) {
+    key: "makeHeaderRowLegacySticky",
+    value: function makeHeaderRowLegacySticky(tree, scrollTop) {
       var _tbody$firstChild,
         _this8 = this;
       // If header row height is more than 50% of viewport height don't do this
-      if (this.isSticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
+      if (this.isLegacySticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
         return;
       }
       var table = tree.table,
@@ -713,12 +717,12 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
         scrollTop = getTop(this.editorScrollableElement);
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
-      if (!this.isSticky) {
+      if (!this.isLegacySticky) {
         var _this$editorScrollabl;
         syncStickyRowToTable(table);
         this.dom.classList.add('sticky');
         table.classList.add(ClassName.TABLE_STICKY);
-        this.isSticky = true;
+        this.isLegacySticky = true;
 
         /**
          * The logic below is not desirable, but acts as a fail safe for scenarios where the sticky header
@@ -742,16 +746,16 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_ref) {
       this.emitOn(domTop, this.colControlsOffset);
     }
   }, {
-    key: "makeRowHeaderNotSticky",
-    value: function makeRowHeaderNotSticky(table) {
+    key: "makeRowHeaderNotLegacySticky",
+    value: function makeRowHeaderNotLegacySticky(table) {
       var isEditorDestroyed = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      if (!this.isSticky || !table || !this.dom) {
+      if (!this.isLegacySticky || !table || !this.dom) {
         return;
       }
       this.dom.style.removeProperty('width');
       this.dom.classList.remove('sticky');
       table.classList.remove(ClassName.TABLE_STICKY);
-      this.isSticky = false;
+      this.isLegacySticky = false;
       this.dom.style.top = '';
       table.style.removeProperty('margin-top');
       this.emitOff(isEditorDestroyed);

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

@@ -18,7 +18,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private colControlsOffset;
     private focused;
     private topPosEditorElement;
-    private isSticky;
+    private isLegacySticky;
     private intersectionObserver?;
     private resizeObserver?;
     private tableContainerObserver?;
@@ -58,7 +58,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private initObservers;
     private createResizeObserver;
     private createIntersectionObserver;
-    private refreshStickyState;
+    private refreshLegacyStickyState;
     private shouldSticky;
     private isHeaderSticky;
     private onTablePluginState;
@@ -68,8 +68,8 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
      * Useful when the header may have detached from the table.
      */
     private refireIntersectionObservers;
-    private makeHeaderRowSticky;
-    private makeRowHeaderNotSticky;
+    private makeHeaderRowLegacySticky;
+    private makeRowHeaderNotLegacySticky;
     private getWrapperoffset;
     private getWrapperRefTop;
     private getScrolledTableTop;

package/dist/types-ts4.5/nodeviews/TableRowNativeStickyWithFallback.d.ts

@@ -18,7 +18,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private colControlsOffset;
     private focused;
     private topPosEditorElement;
-    private isSticky;
+    private isLegacySticky;
     private intersectionObserver?;
     private resizeObserver?;
     private tableContainerObserver?;
@@ -58,7 +58,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
     private initObservers;
     private createResizeObserver;
     private createIntersectionObserver;
-    private refreshStickyState;
+    private refreshLegacyStickyState;
     private shouldSticky;
     private isHeaderSticky;
     private onTablePluginState;
@@ -68,8 +68,8 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
      * Useful when the header may have detached from the table.
      */
     private refireIntersectionObservers;
-    private makeHeaderRowSticky;
-    private makeRowHeaderNotSticky;
+    private makeHeaderRowLegacySticky;
+    private makeRowHeaderNotLegacySticky;
     private getWrapperoffset;
     private getWrapperRefTop;
     private getScrolledTableTop;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "15.4.9",
+	"version": "15.4.10",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,7 +58,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^14.1.0",
+		"@atlaskit/tmp-editor-statsig": "^14.2.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.10.0",