@atlaskit/editor-plugin-table 29.0.0 → 29.1.0

package/dist/esm/nodeviews/TableRowNativeStickyWithFallback.js

@@ -14,6 +14,7 @@ import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 import { tableMarginTop } from '@atlaskit/editor-common/styles';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { INITIAL_STATIC_VIEWPORT_HEIGHT } from '../pm-plugins/editor-content-area-height';
@@ -34,7 +35,6 @@ var HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;
 var HEADER_ROW_SCROLL_RESET_DEBOUNCE_TIMEOUT = 400;
 var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   function TableRowNativeStickyWithFallback(node, view, getPos, eventDispatcher, api) {
-    var _api$limitedMode;
     var _this;
     _classCallCheck(this, TableRowNativeStickyWithFallback);
     _this = _callSuper(this, TableRowNativeStickyWithFallback, [node, view, getPos, eventDispatcher]);
@@ -112,10 +112,38 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
       pluginConfig = _getPluginState.pluginConfig;
     _this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
     _this.api = api;
-    if (api !== null && api !== void 0 && (_api$limitedMode = api.limitedMode) !== null && _api$limitedMode !== void 0 && (_api$limitedMode = _api$limitedMode.sharedState.currentState()) !== null && _api$limitedMode !== void 0 && (_api$limitedMode = _api$limitedMode.limitedModePluginKey.getState(view.state)) !== null && _api$limitedMode !== void 0 && _api$limitedMode.documentSizeBreachesThreshold) {
-      _this.isStickyHeaderEnabled = false;
-      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      document.addEventListener('limited-mode-activated', _this.cleanup);
+
+    // Sticky headers are the only thing limited mode turns off here, so there is nothing to read
+    // or subscribe to when they were never enabled for this editor.
+    if (isExperimentEnabled('platform_editor_dynamic_limited_mode')) {
+      var _api$limitedMode, _limitedMode$currentS;
+      var limitedMode = _this.isStickyHeaderEnabled ? api === null || api === void 0 || (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 ? void 0 : _api$limitedMode.sharedState : undefined;
+      if (limitedMode !== null && limitedMode !== void 0 && (_limitedMode$currentS = limitedMode.currentState()) !== null && _limitedMode$currentS !== void 0 && _limitedMode$currentS.enabled) {
+        _this.isStickyHeaderEnabled = false;
+      } else {
+        _this.limitedModeUnsubscribe = limitedMode === null || limitedMode === void 0 ? void 0 : limitedMode.onChange(function (_ref) {
+          var _this$limitedModeUnsu, _this3;
+          var nextSharedState = _ref.nextSharedState;
+          if (!(nextSharedState !== null && nextSharedState !== void 0 && nextSharedState.enabled)) {
+            return;
+          }
+
+          // Order matters: cleanup() short-circuits unless sticky headers are still marked enabled.
+          _this.cleanup();
+          _this.isStickyHeaderEnabled = false;
+
+          // Limited mode never turns back off, so this listener has done its job.
+          (_this$limitedModeUnsu = (_this3 = _this).limitedModeUnsubscribe) === null || _this$limitedModeUnsu === void 0 || _this$limitedModeUnsu.call(_this3);
+          _this.limitedModeUnsubscribe = undefined;
+        });
+      }
+    } else {
+      var _api$limitedMode2;
+      if (api !== null && api !== void 0 && (_api$limitedMode2 = api.limitedMode) !== null && _api$limitedMode2 !== void 0 && (_api$limitedMode2 = _api$limitedMode2.sharedState.currentState()) !== null && _api$limitedMode2 !== void 0 && (_api$limitedMode2 = _api$limitedMode2.limitedModePluginKey.getState(view.state)) !== null && _api$limitedMode2 !== void 0 && _api$limitedMode2.documentSizeBreachesThreshold) {
+        _this.isStickyHeaderEnabled = false;
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        document.addEventListener('limited-mode-activated', _this.cleanup);
+      }
     }
     var pos = _this.getPos();
     _this.isInNestedTable = false;
@@ -149,8 +177,8 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
     }
     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;
+      _this.onEditorContentAreaHeightChange = api === null || api === void 0 || (_api$table = api.table) === null || _api$table === void 0 ? void 0 : _api$table.sharedState.onChange(function (_ref2) {
+        var nextSharedState = _ref2.nextSharedState;
         if (nextSharedState !== null && nextSharedState !== void 0 && nextSharedState.editorContentAreaHeight && (nextSharedState === null || nextSharedState === void 0 ? void 0 : nextSharedState.editorContentAreaHeight) !== _this.editorContentAreaHeight) {
           var _this$stickyRowHeight;
           _this.editorContentAreaHeight = nextSharedState.editorContentAreaHeight;
@@ -239,9 +267,14 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         }
         this.emitOff(true);
       }
-
-      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      document.removeEventListener('limited-mode-activated', this.cleanup);
+      if (isExperimentEnabled('platform_editor_dynamic_limited_mode')) {
+        var _this$limitedModeUnsu2;
+        (_this$limitedModeUnsu2 = this.limitedModeUnsubscribe) === null || _this$limitedModeUnsu2 === void 0 || _this$limitedModeUnsu2.call(this);
+        this.limitedModeUnsubscribe = undefined;
+      } else {
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        document.removeEventListener('limited-mode-activated', this.cleanup);
+      }
       if (this.tableContainerObserver) {
         this.tableContainerObserver.disconnect();
       }
@@ -274,7 +307,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "subscribe",
     value: function subscribe() {
-      var _this3 = this;
+      var _this4 = this;
       // Ignored via go/ees005
       // eslint-disable-next-line @atlaskit/editor/no-as-casting
       this.editorScrollableElement = findOverflowScrollParent(this.view.dom) || window;
@@ -282,39 +315,39 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         this.initObservers();
         this.topPosEditorElement = getTop(this.editorScrollableElement);
         this.scrollListener = function () {
-          var _this3$overflowObserv;
-          if (_this3.hasScrolledSinceLoad) {
+          var _this4$overflowObserv;
+          if (_this4.hasScrolledSinceLoad) {
             return;
           }
-          _this3.hasScrolledSinceLoad = true;
-          if (!_this3.overflowObserver) {
+          _this4.hasScrolledSinceLoad = true;
+          if (!_this4.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;
+          var entries = (_this4$overflowObserv = _this4.overflowObserverEntries) !== null && _this4$overflowObserv !== void 0 ? _this4$overflowObserv : _this4.overflowObserver.takeRecords();
+          _this4.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) {
-            if (expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this3.updateSingleRowTableStickyHeaderState()) {
+            if (expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this4.updateSingleRowTableStickyHeaderState()) {
               return;
             }
-            var tableWrapper = _this3.dom.closest(".".concat(ClassName.TABLE_NODE_WRAPPER));
+            var tableWrapper = _this4.dom.closest(".".concat(ClassName.TABLE_NODE_WRAPPER));
             if (tableWrapper && tableWrapper instanceof HTMLElement && !areAllRectsZero(entry)) {
               if (entry.isIntersecting) {
                 tableWrapper.classList.add(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-                _this3.dom.classList.add(ClassName.NATIVE_STICKY);
-                _this3.isNativeSticky = true;
+                _this4.dom.classList.add(ClassName.NATIVE_STICKY);
+                _this4.isNativeSticky = true;
               } else {
                 tableWrapper.classList.remove(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-                _this3.dom.classList.remove(ClassName.NATIVE_STICKY);
-                _this3.isNativeSticky = false;
+                _this4.dom.classList.remove(ClassName.NATIVE_STICKY);
+                _this4.isNativeSticky = false;
               }
-              _this3.refreshLegacyStickyState();
+              _this4.refreshLegacyStickyState();
             }
           });
         };
@@ -382,7 +415,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "initOverflowObserver",
     value: function initOverflowObserver() {
-      var _this4 = this;
+      var _this5 = this;
       var tableWrapper = this.dom.closest(".".concat(ClassName.TABLE_NODE_WRAPPER));
       if (!tableWrapper) {
         return;
@@ -393,31 +426,31 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
       };
       this.overflowObserver = new IntersectionObserver(function (entries, observer) {
         entries.forEach(function (entry) {
-          var _this4$api;
+          var _this5$api;
           if (!(observer.root instanceof HTMLElement)) {
             return;
           }
-          if (expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this4.updateSingleRowTableStickyHeaderState()) {
+          if (expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this5.updateSingleRowTableStickyHeaderState()) {
             return;
           }
           // Only apply classes if page has scrolled since load
-          if (!_this4.hasScrolledSinceLoad) {
-            _this4.overflowObserverEntries = entries;
+          if (!_this5.hasScrolledSinceLoad) {
+            _this5.overflowObserverEntries = entries;
             return;
           }
           if (entry.isIntersecting) {
             observer.root.classList.add(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-            if (!_this4.disableNativeSticky) {
-              _this4.dom.classList.add(ClassName.NATIVE_STICKY);
+            if (!_this5.disableNativeSticky) {
+              _this5.dom.classList.add(ClassName.NATIVE_STICKY);
             }
-            _this4.isNativeSticky = true;
+            _this5.isNativeSticky = true;
           } else {
             observer.root.classList.remove(ClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-            _this4.dom.classList.remove(ClassName.NATIVE_STICKY);
-            _this4.isNativeSticky = false;
+            _this5.dom.classList.remove(ClassName.NATIVE_STICKY);
+            _this5.isNativeSticky = false;
           }
-          _this4.refreshLegacyStickyState();
-          (_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({
+          _this5.refreshLegacyStickyState();
+          (_this5$api = _this5.api) === null || _this5$api === void 0 || (_this5$api = _this5$api.analytics) === null || _this5$api === void 0 || (_this5$api = _this5$api.actions) === null || _this5$api === void 0 || _this5$api.fireAnalyticsEvent({
             action: TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
             actionSubject: ACTION_SUBJECT.TABLE,
             actionSubjectId: ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
@@ -438,7 +471,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "initStickyStateObserver",
     value: function initStickyStateObserver() {
-      var _this5 = this;
+      var _this6 = this;
       if (!this.editorScrollableElement || !(this.editorScrollableElement instanceof Element)) {
         return;
       }
@@ -450,17 +483,17 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
       this.stickyStateObserver = new IntersectionObserver(function (entries) {
         entries.forEach(function (entry) {
           var _entry$rootBounds;
-          if (expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this5.updateSingleRowTableStickyHeaderState()) {
+          if (expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this6.updateSingleRowTableStickyHeaderState()) {
             return;
           }
-          var tableContainer = _this5.dom.closest(".".concat(ClassName.TABLE_CONTAINER));
-          if (entry.intersectionRect.top === ((_entry$rootBounds = entry.rootBounds) === null || _entry$rootBounds === void 0 ? void 0 : _entry$rootBounds.top) && !_this5.disableNativeSticky) {
-            _this5.dom.classList.add(ClassName.NATIVE_STICKY_ACTIVE);
+          var tableContainer = _this6.dom.closest(".".concat(ClassName.TABLE_CONTAINER));
+          if (entry.intersectionRect.top === ((_entry$rootBounds = entry.rootBounds) === null || _entry$rootBounds === void 0 ? void 0 : _entry$rootBounds.top) && !_this6.disableNativeSticky) {
+            _this6.dom.classList.add(ClassName.NATIVE_STICKY_ACTIVE);
             if (tableContainer && tableContainer instanceof HTMLElement) {
               tableContainer.dataset.tableHeaderIsStuck = 'true';
             }
           } else {
-            _this5.dom.classList.remove(ClassName.NATIVE_STICKY_ACTIVE);
+            _this6.dom.classList.remove(ClassName.NATIVE_STICKY_ACTIVE);
             if (tableContainer && tableContainer instanceof HTMLElement) {
               delete tableContainer.dataset.tableHeaderIsStuck;
             }
@@ -473,7 +506,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "initObservers",
     value: function initObservers() {
-      var _this6 = this;
+      var _this7 = this;
       if (!this.dom || this.dom.dataset.isObserved) {
         return;
       }
@@ -509,7 +542,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
       window.requestAnimationFrame(function () {
         var getTableContainer = function getTableContainer() {
           var _getTree;
-          return (_getTree = getTree(_this6.dom)) === null || _getTree === void 0 ? void 0 : _getTree.wrapper.closest(".".concat(TableCssClassName.NODEVIEW_WRAPPER));
+          return (_getTree = getTree(_this7.dom)) === null || _getTree === void 0 ? void 0 : _getTree.wrapper.closest(".".concat(TableCssClassName.NODEVIEW_WRAPPER));
         };
 
         // we expect tree to be defined after animation frame
@@ -535,16 +568,16 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
             return getSentinelTop() !== null && getSentinelBottom() !== null;
           };
           var observeStickySentinels = function observeStickySentinels() {
-            _this6.sentinels.top = getSentinelTop();
-            _this6.sentinels.bottom = getSentinelBottom();
-            [_this6.sentinels.top, _this6.sentinels.bottom].forEach(function (el) {
+            _this7.sentinels.top = getSentinelTop();
+            _this7.sentinels.bottom = getSentinelBottom();
+            [_this7.sentinels.top, _this7.sentinels.bottom].forEach(function (el) {
               // skip if already observed for another row on this table
               if (el && !el.dataset.isObserved) {
                 el.dataset.isObserved = 'true';
 
                 // Ignored via go/ees005
                 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                _this6.intersectionObserver.observe(el);
+                _this7.intersectionObserver.observe(el);
               }
             });
           };
@@ -559,7 +592,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
             // observe sentinels before they are in the DOM, use MutationObserver
             // to wait for sentinels to be added to the parent Table node DOM
             // then attach the IntersectionObserver
-            _this6.tableContainerObserver = new MutationObserver(function () {
+            _this7.tableContainerObserver = new MutationObserver(function () {
               // Check if the tableContainer is still connected to the DOM. It can become disconnected when the placholder
               // prosemirror node is replaced with the fully rendered React node (see _handleTableRef).
 
@@ -567,14 +600,14 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
                 tableContainer = getTableContainer();
               }
               if (sentinelsInDom()) {
-                var _this6$tableContainer;
+                var _this7$tableContainer;
                 observeStickySentinels();
-                (_this6$tableContainer = _this6.tableContainerObserver) === null || _this6$tableContainer === void 0 || _this6$tableContainer.disconnect();
+                (_this7$tableContainer = _this7.tableContainerObserver) === null || _this7$tableContainer === void 0 || _this7$tableContainer.disconnect();
               }
             });
             var mutatingNode = tableContainer;
-            if (mutatingNode && _this6.tableContainerObserver) {
-              _this6.tableContainerObserver.observe(mutatingNode, {
+            if (mutatingNode && _this7.tableContainerObserver) {
+              _this7.tableContainerObserver.observe(mutatingNode, {
                 subtree: true,
                 childList: true
               });
@@ -588,23 +621,23 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "initNodeVisibilityObserver",
     value: function initNodeVisibilityObserver() {
-      var _this7 = this;
+      var _this8 = this;
       this.nodeVisibilityObserver = new IntersectionObserver(function (entries) {
         entries.forEach(function (entry) {
-          if (expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this7.updateSingleRowTableStickyHeaderState()) {
+          if (expValEquals('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this8.updateSingleRowTableStickyHeaderState()) {
             return;
           }
-          if (!_this7.isNativeSticky) {
+          if (!_this8.isNativeSticky) {
             return;
           }
           if (entry.intersectionRatio !== 0 && entry.intersectionRatio !== 1) {
             return;
           }
-          if (_this7.disableNativeSticky === true) {
-            _this7.dom.classList.remove(ClassName.NATIVE_STICKY);
+          if (_this8.disableNativeSticky === true) {
+            _this8.dom.classList.remove(ClassName.NATIVE_STICKY);
           }
-          if (_this7.disableNativeSticky === false) {
-            _this7.dom.classList.add(ClassName.NATIVE_STICKY);
+          if (_this8.disableNativeSticky === false) {
+            _this8.dom.classList.add(ClassName.NATIVE_STICKY);
           }
         });
       }, {
@@ -617,37 +650,37 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "createResizeObserver",
     value: function createResizeObserver() {
-      var _this8 = this;
+      var _this9 = this;
       this.resizeObserver = new ResizeObserver(function (entries) {
-        var tree = getTree(_this8.dom);
+        var tree = getTree(_this9.dom);
         if (!tree) {
           return;
         }
         var table = tree.table;
         entries.forEach(function (entry) {
-          var _this8$editorScrollab;
+          var _this9$editorScrollab;
           // On resize of the parent scroll element we need to adjust the width
           // of the sticky header
           // Ignored via go/ees005
           // eslint-disable-next-line @atlaskit/editor/no-as-casting
-          if (entry.target.className === ((_this8$editorScrollab = _this8.editorScrollableElement) === null || _this8$editorScrollab === void 0 ? void 0 : _this8$editorScrollab.className)) {
-            _this8.updateStickyHeaderWidth();
+          if (entry.target.className === ((_this9$editorScrollab = _this9.editorScrollableElement) === null || _this9$editorScrollab === void 0 ? void 0 : _this9$editorScrollab.className)) {
+            _this9.updateStickyHeaderWidth();
           } else {
-            var _this8$editorContentA;
+            var _this9$editorContentA;
             var newHeight = entry.contentRect ? entry.contentRect.height :
             // Ignored via go/ees005
             // eslint-disable-next-line @atlaskit/editor/no-as-casting
             entry.target.offsetHeight;
-            if (_this8.sentinels.bottom &&
+            if (_this9.sentinels.bottom &&
             // When the table header is sticky, it would be taller by a 1px (border-bottom),
             // So we adding this check to allow a 1px difference.
-            Math.abs(newHeight - (_this8.stickyRowHeight || 0)) > stickyHeaderBorderBottomWidth) {
-              _this8.stickyRowHeight = newHeight;
-              _this8.sentinels.bottom.style.bottom = "".concat(tableScrollbarOffset + stickyRowOffsetTop + newHeight, "px");
+            Math.abs(newHeight - (_this9.stickyRowHeight || 0)) > stickyHeaderBorderBottomWidth) {
+              _this9.stickyRowHeight = newHeight;
+              _this9.sentinels.bottom.style.bottom = "".concat(tableScrollbarOffset + stickyRowOffsetTop + newHeight, "px");
               updateTableMargin(table);
             }
-            var viewportHeight = (_this8$editorContentA = _this8.editorContentAreaHeight) !== null && _this8$editorContentA !== void 0 ? _this8$editorContentA : INITIAL_STATIC_VIEWPORT_HEIGHT;
-            _this8.toggleDisableNativeSticky(newHeight, viewportHeight);
+            var viewportHeight = (_this9$editorContentA = _this9.editorContentAreaHeight) !== null && _this9$editorContentA !== void 0 ? _this9$editorContentA : INITIAL_STATIC_VIEWPORT_HEIGHT;
+            _this9.toggleDisableNativeSticky(newHeight, viewportHeight);
           }
         });
       });
@@ -655,13 +688,13 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "createIntersectionObserver",
     value: function createIntersectionObserver() {
-      var _this9 = this;
+      var _this0 = this;
       this.intersectionObserver = new IntersectionObserver(function (entries, _) {
-        var _this9$editorScrollab, _this9$editorScrollab2;
+        var _this0$editorScrollab, _this0$editorScrollab2;
         // IMPORTANT: please try and avoid using entry.rootBounds it's terribly inconsistent. For example; sometimes it may return
         // 0 height. In safari it will multiply all values by the window scale factor, however chrome & firfox won't.
         // This is why i just get the scroll view bounding rect here and use it, and fallback to the entry.rootBounds if needed.
-        var rootBounds = (_this9$editorScrollab = _this9.editorScrollableElement) === null || _this9$editorScrollab === void 0 || (_this9$editorScrollab2 = _this9$editorScrollab.getBoundingClientRect) === null || _this9$editorScrollab2 === void 0 ? void 0 : _this9$editorScrollab2.call(_this9$editorScrollab);
+        var rootBounds = (_this0$editorScrollab = _this0.editorScrollableElement) === null || _this0$editorScrollab === void 0 || (_this0$editorScrollab2 = _this0$editorScrollab.getBoundingClientRect) === null || _this0$editorScrollab2 === void 0 ? void 0 : _this0$editorScrollab2.call(_this0$editorScrollab);
         entries.forEach(function (entry) {
           var target = entry.target,
             isIntersecting = entry.isIntersecting,
@@ -669,15 +702,15 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
           // This observer only every looks at the top/bottom sentinels, we can assume if it's not one then it's the other.
           var targetKey = target.classList.contains(ClassName.TABLE_STICKY_SENTINEL_TOP) ? 'top' : 'bottom';
           // Cache the latest sentinel information
-          _this9.sentinelData[targetKey] = {
+          _this0.sentinelData[targetKey] = {
             isIntersecting: isIntersecting,
             boundingClientRect: boundingClientRect,
             rootBounds: rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds
           };
           // Keep the other sentinels rootBounds in sync with this latest one
-          _this9.sentinelData[targetKey === 'top' ? 'bottom' : targetKey].rootBounds = rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds;
+          _this0.sentinelData[targetKey === 'top' ? 'bottom' : targetKey].rootBounds = rootBounds !== null && rootBounds !== void 0 ? rootBounds : entry.rootBounds;
         });
-        _this9.refreshLegacyStickyState();
+        _this0.refreshLegacyStickyState();
       }, {
         threshold: 0,
         root: this.editorScrollableElement
@@ -888,12 +921,12 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "refireIntersectionObservers",
     value: function refireIntersectionObservers() {
-      var _this0 = this;
+      var _this1 = this;
       if (this.isLegacySticky) {
         [this.sentinels.top, this.sentinels.bottom].forEach(function (el) {
-          if (el && _this0.intersectionObserver) {
-            _this0.intersectionObserver.unobserve(el);
-            _this0.intersectionObserver.observe(el);
+          if (el && _this1.intersectionObserver) {
+            _this1.intersectionObserver.unobserve(el);
+            _this1.intersectionObserver.observe(el);
           }
         });
       }
@@ -901,7 +934,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
   }, {
     key: "checkIsSingleRowTable",
     value: function checkIsSingleRowTable() {
-      var _this1 = this;
+      var _this10 = this;
       var pos = this.getPos();
       if (typeof pos !== 'number') {
         return false;
@@ -910,7 +943,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         var _findParentNodeCloses3;
         var $tableRowPos = this.view.state.doc.resolve(pos);
         var tableNode = (_findParentNodeCloses3 = findParentNodeClosestToPos($tableRowPos, function (node) {
-          return node.type === _this1.view.state.schema.nodes.table;
+          return node.type === _this10.view.state.schema.nodes.table;
         })) === null || _findParentNodeCloses3 === void 0 ? void 0 : _findParentNodeCloses3.node;
         return (tableNode === null || tableNode === void 0 ? void 0 : tableNode.childCount) === 1;
       } catch (_unused3) {
@@ -966,7 +999,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
     key: "makeHeaderRowLegacySticky",
     value: function makeHeaderRowLegacySticky(tree, scrollTop) {
       var _tbody$firstChild,
-        _this10 = this;
+        _this11 = this;
       // If header row height is more than 50% of viewport height don't do this
       if (this.isLegacySticky || this.stickyRowHeight && this.stickyRowHeight > window.innerHeight / 2 || this.isInNestedTable) {
         return;
@@ -1005,7 +1038,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         });
         var fastScrollThresholdMs = 500;
         setTimeout(function () {
-          _this10.refireIntersectionObservers();
+          _this11.refireIntersectionObservers();
         }, fastScrollThresholdMs);
       }
       this.dom.style.top = "0px";

package/dist/esm/nodeviews/table.js

@@ -273,8 +273,10 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
       // Read limited mode from the nodeView's own `this.view.state` via the plugin key exposed on
       // the (already-typed) shared state, NOT `currentState().enabled`: during initial EditorView
       // construction the injection API's editor state is undefined, so `.enabled` reads a stale false.
+      //
+      // Reads the plugin's derived `enabled`, so this covers every reason limited mode can be on.
       var limitedMode = (_this$reactComponentP9 = this.reactComponentProps.pluginInjectionApi) === null || _this$reactComponentP9 === void 0 ? void 0 : _this$reactComponentP9.limitedMode;
-      var enabled = Boolean(limitedMode === null || limitedMode === void 0 || (_limitedMode$sharedSt = limitedMode.sharedState.currentState()) === null || _limitedMode$sharedSt === void 0 || (_limitedMode$sharedSt = _limitedMode$sharedSt.limitedModePluginKey) === null || _limitedMode$sharedSt === void 0 || (_limitedMode$sharedSt = _limitedMode$sharedSt.getState(this.view.state)) === null || _limitedMode$sharedSt === void 0 ? void 0 : _limitedMode$sharedSt.documentSizeBreachesThreshold);
+      var enabled = Boolean(limitedMode === null || limitedMode === void 0 || (_limitedMode$sharedSt = limitedMode.sharedState.currentState()) === null || _limitedMode$sharedSt === void 0 || (_limitedMode$sharedSt = _limitedMode$sharedSt.limitedModePluginKey) === null || _limitedMode$sharedSt === void 0 || (_limitedMode$sharedSt = _limitedMode$sharedSt.getState(this.view.state)) === null || _limitedMode$sharedSt === void 0 ? void 0 : _limitedMode$sharedSt.enabled);
       var applied = applyContentVisibility(this.table, enabled, function () {
         return {
           // The `<table>` is content-sized (`display: table`), so it needs an explicit intrinsic

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

@@ -5,6 +5,7 @@ import { type PluginInjectionAPI } from '../types';
 import TableNodeView from './TableNodeViewBase';
 export default class TableRow extends TableNodeView<HTMLTableRowElement> implements NodeView {
     private nodeVisibilityObserverCleanupFn?;
+    private limitedModeUnsubscribe?;
     cleanup: () => void;
     constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher, api?: PluginInjectionAPI);
     subscribeWhenRowVisible(): void;

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

@@ -5,6 +5,7 @@ import { type PluginInjectionAPI } from '../types';
 import TableNodeView from './TableNodeViewBase';
 export default class TableRowNativeStickyWithFallback extends TableNodeView<HTMLTableRowElement> implements NodeView {
     private nodeVisibilityObserverCleanupFn?;
+    private limitedModeUnsubscribe?;
     cleanup: () => void;
     constructor(node: PMNode, view: EditorView, getPos: () => number | undefined, eventDispatcher: EventDispatcher, api?: PluginInjectionAPI);
     subscribeWhenRowVisible(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "29.0.0",
+	"version": "29.1.0",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,7 +32,7 @@
 		"@atlaskit/editor-plugin-extension": "20.0.0",
 		"@atlaskit/editor-plugin-guideline": "^17.0.0",
 		"@atlaskit/editor-plugin-interaction": "^28.0.0",
-		"@atlaskit/editor-plugin-limited-mode": "^14.0.0",
+		"@atlaskit/editor-plugin-limited-mode": "^14.1.0",
 		"@atlaskit/editor-plugin-selection": "^17.0.0",
 		"@atlaskit/editor-plugin-toolbar": "^14.0.0",
 		"@atlaskit/editor-plugin-ui-control-registry": "^11.0.0",
@@ -68,7 +68,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^121.0.0",
+		"@atlaskit/editor-common": "^121.1.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"