@atlaskit/editor-plugin-table 29.0.0 → 29.1.1

package/dist/cjs/nodeviews/TableRowNativeStickyWithFallback.js

@@ -19,6 +19,7 @@ var _nodeVisibility = require("@atlaskit/editor-common/node-visibility");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorContentAreaHeight = require("../pm-plugins/editor-content-area-height");
@@ -41,7 +42,6 @@ var HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;
 var HEADER_ROW_SCROLL_RESET_DEBOUNCE_TIMEOUT = 400;
 var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (_TableNodeView) {
   function TableRowNativeStickyWithFallback(node, view, getPos, eventDispatcher, api) {
-    var _api$limitedMode;
     var _this;
     (0, _classCallCheck2.default)(this, TableRowNativeStickyWithFallback);
     _this = _callSuper(this, TableRowNativeStickyWithFallback, [node, view, getPos, eventDispatcher]);
@@ -119,10 +119,38 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       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 ((0, _isExperimentEnabled.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;
@@ -156,8 +184,8 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
     }
     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;
@@ -246,9 +274,14 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         }
         this.emitOff(true);
       }
-
-      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      document.removeEventListener('limited-mode-activated', this.cleanup);
+      if ((0, _isExperimentEnabled.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();
       }
@@ -281,7 +314,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     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 = (0, _ui.findOverflowScrollParent)(this.view.dom) || window;
@@ -289,39 +322,39 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         this.initObservers();
         this.topPosEditorElement = (0, _dom2.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 ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this3.updateSingleRowTableStickyHeaderState()) {
+            if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this4.updateSingleRowTableStickyHeaderState()) {
               return;
             }
-            var tableWrapper = _this3.dom.closest(".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
+            var tableWrapper = _this4.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;
+                _this4.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
+                _this4.isNativeSticky = true;
               } else {
                 tableWrapper.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-                _this3.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
-                _this3.isNativeSticky = false;
+                _this4.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
+                _this4.isNativeSticky = false;
               }
-              _this3.refreshLegacyStickyState();
+              _this4.refreshLegacyStickyState();
             }
           });
         };
@@ -389,7 +422,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     key: "initOverflowObserver",
     value: function initOverflowObserver() {
-      var _this4 = this;
+      var _this5 = this;
       var tableWrapper = this.dom.closest(".".concat(_types.TableCssClassName.TABLE_NODE_WRAPPER));
       if (!tableWrapper) {
         return;
@@ -400,31 +433,31 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       };
       this.overflowObserver = new IntersectionObserver(function (entries, observer) {
         entries.forEach(function (entry) {
-          var _this4$api;
+          var _this5$api;
           if (!(observer.root instanceof HTMLElement)) {
             return;
           }
-          if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this4.updateSingleRowTableStickyHeaderState()) {
+          if ((0, _expValEquals.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(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-            if (!_this4.disableNativeSticky) {
-              _this4.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
+            if (!_this5.disableNativeSticky) {
+              _this5.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
             }
-            _this4.isNativeSticky = true;
+            _this5.isNativeSticky = true;
           } else {
             observer.root.classList.remove(_types.TableCssClassName.TABLE_NODE_WRAPPER_NO_OVERFLOW);
-            _this4.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
-            _this4.isNativeSticky = false;
+            _this5.dom.classList.remove(_types.TableCssClassName.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: _analytics.TABLE_ACTION.STICKY_HEADER_METHOD_TOGGLED,
             actionSubject: _analytics.ACTION_SUBJECT.TABLE,
             actionSubjectId: _analytics.ACTION_SUBJECT_ID.TABLE_STICKY_HEADER,
@@ -445,7 +478,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     key: "initStickyStateObserver",
     value: function initStickyStateObserver() {
-      var _this5 = this;
+      var _this6 = this;
       if (!this.editorScrollableElement || !(this.editorScrollableElement instanceof Element)) {
         return;
       }
@@ -457,17 +490,17 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       this.stickyStateObserver = new IntersectionObserver(function (entries) {
         entries.forEach(function (entry) {
           var _entry$rootBounds;
-          if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this5.updateSingleRowTableStickyHeaderState()) {
+          if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this6.updateSingleRowTableStickyHeaderState()) {
             return;
           }
-          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) {
-            _this5.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY_ACTIVE);
+          var tableContainer = _this6.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) && !_this6.disableNativeSticky) {
+            _this6.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY_ACTIVE);
             if (tableContainer && tableContainer instanceof HTMLElement) {
               tableContainer.dataset.tableHeaderIsStuck = 'true';
             }
           } else {
-            _this5.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY_ACTIVE);
+            _this6.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY_ACTIVE);
             if (tableContainer && tableContainer instanceof HTMLElement) {
               delete tableContainer.dataset.tableHeaderIsStuck;
             }
@@ -480,7 +513,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     key: "initObservers",
     value: function initObservers() {
-      var _this6 = this;
+      var _this7 = this;
       if (!this.dom || this.dom.dataset.isObserved) {
         return;
       }
@@ -516,7 +549,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       window.requestAnimationFrame(function () {
         var getTableContainer = function getTableContainer() {
           var _getTree;
-          return (_getTree = (0, _dom2.getTree)(_this6.dom)) === null || _getTree === void 0 ? void 0 : _getTree.wrapper.closest(".".concat(_types.TableCssClassName.NODEVIEW_WRAPPER));
+          return (_getTree = (0, _dom2.getTree)(_this7.dom)) === null || _getTree === void 0 ? void 0 : _getTree.wrapper.closest(".".concat(_types.TableCssClassName.NODEVIEW_WRAPPER));
         };
 
         // we expect tree to be defined after animation frame
@@ -542,16 +575,16 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
             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);
               }
             });
           };
@@ -566,7 +599,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
             // 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).
 
@@ -574,14 +607,14 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
                 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
               });
@@ -595,23 +628,23 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     key: "initNodeVisibilityObserver",
     value: function initNodeVisibilityObserver() {
-      var _this7 = this;
+      var _this8 = this;
       this.nodeVisibilityObserver = new IntersectionObserver(function (entries) {
         entries.forEach(function (entry) {
-          if ((0, _expValEquals.expValEquals)('platform_editor_table_q4_patch_4', 'isEnabled', true) && _this7.updateSingleRowTableStickyHeaderState()) {
+          if ((0, _expValEquals.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(_types.TableCssClassName.NATIVE_STICKY);
+          if (_this8.disableNativeSticky === true) {
+            _this8.dom.classList.remove(_types.TableCssClassName.NATIVE_STICKY);
           }
-          if (_this7.disableNativeSticky === false) {
-            _this7.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
+          if (_this8.disableNativeSticky === false) {
+            _this8.dom.classList.add(_types.TableCssClassName.NATIVE_STICKY);
           }
         });
       }, {
@@ -624,37 +657,37 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     key: "createResizeObserver",
     value: function createResizeObserver() {
-      var _this8 = this;
+      var _this9 = this;
       this.resizeObserver = new ResizeObserver(function (entries) {
-        var tree = (0, _dom2.getTree)(_this8.dom);
+        var tree = (0, _dom2.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)) > _consts.stickyHeaderBorderBottomWidth) {
-              _this8.stickyRowHeight = newHeight;
-              _this8.sentinels.bottom.style.bottom = "".concat(_consts.tableScrollbarOffset + _consts.stickyRowOffsetTop + newHeight, "px");
+            Math.abs(newHeight - (_this9.stickyRowHeight || 0)) > _consts.stickyHeaderBorderBottomWidth) {
+              _this9.stickyRowHeight = newHeight;
+              _this9.sentinels.bottom.style.bottom = "".concat(_consts.tableScrollbarOffset + _consts.stickyRowOffsetTop + newHeight, "px");
               (0, _dom.updateStickyMargins)(table);
             }
-            var viewportHeight = (_this8$editorContentA = _this8.editorContentAreaHeight) !== null && _this8$editorContentA !== void 0 ? _this8$editorContentA : _editorContentAreaHeight.INITIAL_STATIC_VIEWPORT_HEIGHT;
-            _this8.toggleDisableNativeSticky(newHeight, viewportHeight);
+            var viewportHeight = (_this9$editorContentA = _this9.editorContentAreaHeight) !== null && _this9$editorContentA !== void 0 ? _this9$editorContentA : _editorContentAreaHeight.INITIAL_STATIC_VIEWPORT_HEIGHT;
+            _this9.toggleDisableNativeSticky(newHeight, viewportHeight);
           }
         });
       });
@@ -662,13 +695,13 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     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,
@@ -676,15 +709,15 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
           // 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(_types.TableCssClassName.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
@@ -895,12 +928,12 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     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);
           }
         });
       }
@@ -908,7 +941,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
   }, {
     key: "checkIsSingleRowTable",
     value: function checkIsSingleRowTable() {
-      var _this1 = this;
+      var _this10 = this;
       var pos = this.getPos();
       if (typeof pos !== 'number') {
         return false;
@@ -917,7 +950,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         var _findParentNodeCloses3;
         var $tableRowPos = this.view.state.doc.resolve(pos);
         var tableNode = (_findParentNodeCloses3 = (0, _utils.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) {
@@ -973,7 +1006,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
     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;
@@ -1012,7 +1045,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         });
         var fastScrollThresholdMs = 500;
         setTimeout(function () {
-          _this10.refireIntersectionObservers();
+          _this11.refireIntersectionObservers();
         }, fastScrollThresholdMs);
       }
       this.dom.style.top = "0px";

package/dist/cjs/nodeviews/table.js

@@ -280,8 +280,10 @@ var TableView = exports.default = /*#__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 = (0, _contentVisibility.applyContentVisibility)(this.table, enabled, function () {
         return {
           // The `<table>` is content-sized (`display: table`), so it needs an explicit intrinsic

package/dist/es2019/nodeviews/TableComponentWithSharedState.js

@@ -41,9 +41,10 @@ export const TableComponentWithSharedState = ({
     lineLength,
     mode,
     selection,
-    width
-  } = useSharedPluginStateWithSelector(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction'], states => {
-    var _states$tableState, _states$tableState2, _states$tableState3, _states$tableState4, _states$tableState5, _states$tableState6, _states$tableState7, _states$tableState8, _states$tableState9, _states$tableState0, _states$tableState1, _states$mediaState, _states$selectionStat, _states$editorViewMod, _states$widthState, _states$widthState2, _states$interactionSt;
+    width,
+    limitedModeEnabled
+  } = useSharedPluginStateWithSelector(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction', 'limitedMode'], states => {
+    var _states$tableState, _states$tableState2, _states$tableState3, _states$tableState4, _states$tableState5, _states$tableState6, _states$tableState7, _states$tableState8, _states$tableState9, _states$tableState0, _states$tableState1, _states$mediaState, _states$selectionStat, _states$editorViewMod, _states$widthState, _states$widthState2, _states$interactionSt, _states$limitedModeSt;
     return {
       // tableState
       isTableResizing: (_states$tableState = states.tableState) === null || _states$tableState === void 0 ? void 0 : _states$tableState.isTableResizing,
@@ -68,7 +69,10 @@ export const TableComponentWithSharedState = ({
       width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width,
       lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength,
       // interactionState
-      interaction: (_states$interactionSt = states.interactionState) === null || _states$interactionSt === void 0 ? void 0 : _states$interactionSt.interactionState
+      interaction: (_states$interactionSt = states.interactionState) === null || _states$interactionSt === void 0 ? void 0 : _states$interactionSt.interactionState,
+      // limitedModeState — selected (rather than read once) so sticky headers stop when limited
+      // mode latches mid-session, not only when it was already on as the table mounted.
+      limitedModeEnabled: (_states$limitedModeSt = states.limitedModeState) === null || _states$limitedModeSt === void 0 ? void 0 : _states$limitedModeSt.enabled
     };
   });
   const isLivePageViewMode = mode === 'view';
@@ -122,6 +126,7 @@ export const TableComponentWithSharedState = ({
     hoveredCell: hoveredCell,
     isTableHovered: isTableHovered,
     isWholeTableInDanger: isWholeTableInDanger,
-    selection: selection
+    selection: selection,
+    limitedMode: limitedModeEnabled
   });
 };

package/dist/es2019/nodeviews/TableRow.js

@@ -5,6 +5,7 @@ import { getParentOfTypeCount } from '@atlaskit/editor-common/nesting';
 import { nodeVisibilityManager } from '@atlaskit/editor-common/node-visibility';
 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 { getPluginState } from '../pm-plugins/plugin-factory';
@@ -24,7 +25,6 @@ const HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;
 const HEADER_ROW_SCROLL_RESET_DEBOUNCE_TIMEOUT = 400;
 export default class TableRow extends TableNodeView {
   constructor(node, view, getPos, eventDispatcher, api) {
-    var _api$limitedMode, _api$limitedMode$shar, _api$limitedMode$shar2;
     super(node, view, getPos, eventDispatcher);
     _defineProperty(this, "cleanup", () => {
       if (this.isStickyHeaderEnabled) {
@@ -79,10 +79,39 @@ export default class TableRow extends TableNodeView {
       pluginConfig
     } = getPluginState(view.state);
     this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
-    if (api !== null && api !== void 0 && (_api$limitedMode = api.limitedMode) !== null && _api$limitedMode !== void 0 && (_api$limitedMode$shar = _api$limitedMode.sharedState.currentState()) !== null && _api$limitedMode$shar !== void 0 && (_api$limitedMode$shar2 = _api$limitedMode$shar.limitedModePluginKey.getState(view.state)) !== null && _api$limitedMode$shar2 !== void 0 && _api$limitedMode$shar2.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;
+      const limitedMode = this.isStickyHeaderEnabled ? api === null || api === void 0 ? 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(({
+          nextSharedState
+        }) => {
+          var _this$limitedModeUnsu;
+          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 = this.limitedModeUnsubscribe) === null || _this$limitedModeUnsu === void 0 ? void 0 : _this$limitedModeUnsu.call(this);
+          this.limitedModeUnsubscribe = undefined;
+        });
+      }
+    } else {
+      var _api$limitedMode2, _api$limitedMode2$sha, _api$limitedMode2$sha2;
+      if (api !== null && api !== void 0 && (_api$limitedMode2 = api.limitedMode) !== null && _api$limitedMode2 !== void 0 && (_api$limitedMode2$sha = _api$limitedMode2.sharedState.currentState()) !== null && _api$limitedMode2$sha !== void 0 && (_api$limitedMode2$sha2 = _api$limitedMode2$sha.limitedModePluginKey.getState(view.state)) !== null && _api$limitedMode2$sha2 !== void 0 && _api$limitedMode2$sha2.documentSizeBreachesThreshold) {
+        this.isStickyHeaderEnabled = false;
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        document.addEventListener('limited-mode-activated', this.cleanup);
+      }
     }
     const pos = this.getPos();
     this.isInNestedTable = false;
@@ -173,9 +202,14 @@ export default class TableRow extends 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 ? 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();
     }