@atlaskit/editor-plugin-table 38.0.6 → 38.0.9

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-plugin-table
 
+## 38.0.9
+
+### Patch Changes
+
+- [`752e644c309ef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/752e644c309ef) -
+  Avoid re-rendering every table when the selection changes by selecting only selection state that
+  is relevant to each table, behind the `platform_editor_reduce_memory_leaks` experiment.
+- Updated dependencies
+
+## 38.0.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 38.0.7
+
+### Patch Changes
+
+- [`52195baa604db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/52195baa604db) -
+  Fix table row node views leaking event listeners on destroy, behind the
+  `platform_editor_reduce_memory_leaks` experiment.
+- Updated dependencies
+
 ## 38.0.6
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponentWithSharedState.js

@@ -8,10 +8,16 @@ exports.TableComponentWithSharedState = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _editorTables = require("@atlaskit/editor-tables");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _TableComponent = _interopRequireDefault(require("./TableComponent"));
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
+var getSelectionWithinTable = function getSelectionWithinTable(selection, tableNode) {
+  var found = selection && (0, _editorTables.findTable)(selection);
+  return found && found.node === tableNode ? selection : undefined;
+};
+
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
@@ -31,7 +37,7 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
     allowTableResizing = _ref.allowTableResizing,
     allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
   var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction', 'limitedMode'], function (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;
+      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$selectionStat2, _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,
@@ -49,7 +55,7 @@ var TableComponentWithSharedState = exports.TableComponentWithSharedState = func
         // mediaState
         isFullscreen: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.isFullscreen,
         // selectionState
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection,
+        selection: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks') ? getSelectionWithinTable((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection, getNode()) : (_states$selectionStat2 = states.selectionState) === null || _states$selectionStat2 === void 0 ? void 0 : _states$selectionStat2.selection,
         // editorViewModeState
         mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode,
         // widthState

package/dist/cjs/nodeviews/TableRow.js

@@ -89,6 +89,15 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
+    (0, _defineProperty2.default)(_this, "onWidthPluginEvent", function () {
+      return _this.updateStickyHeaderWidth();
+    });
+    (0, _defineProperty2.default)(_this, "onTablePluginEvent", function (state) {
+      return _this.onTablePluginState(state);
+    });
+    (0, _defineProperty2.default)(_this, "onScrollEnd", function () {
+      return _this.refireIntersectionObservers();
+    });
     _this.isSticky = false;
     var _getPluginState = (0, _pluginFactory.getPluginState)(view.state),
       pluginConfig = _getPluginState.pluginConfig;
@@ -215,13 +224,20 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
     value: function destroy() {
       if (this.isStickyHeaderEnabled) {
         this.unsubscribe();
-        this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+          this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        }
         var tree = (0, _dom2.getTree)(this.dom);
         if (tree) {
           this.makeRowHeaderNotSticky(tree.table, true);
         }
         this.emitOff(true);
       }
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        var _this$nodeVisibilityO;
+        (_this$nodeVisibilityO = this.nodeVisibilityObserverCleanupFn) === null || _this$nodeVisibilityO === void 0 || _this$nodeVisibilityO.call(this);
+        this.nodeVisibilityObserverCleanupFn = undefined;
+      }
       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);
@@ -269,21 +285,28 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
         this.initObservers();
         this.topPosEditorElement = (0, _dom2.getTop)(this.editorScrollableElement);
       }
-      this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
-
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState.bind(this));
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        this.eventDispatcher.on('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginEvent);
+      } else {
+        this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState.bind(this));
+      }
       this.listening = true;
+      var scrollHandler = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks') ? this.headerRowMouseScroll : this.headerRowMouseScroll.bind(this);
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('wheel', scrollHandler, {
         passive: true
       });
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('touchmove', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('touchmove', scrollHandler, {
         passive: true
       });
     }
@@ -306,10 +329,20 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
       if (this.resizeObserver) {
         this.resizeObserver.disconnect();
       }
-      this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        var _this$editorScrollabl;
+        this.eventDispatcher.off('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginEvent);
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.removeEventListener('scrollend', this.onScrollEnd);
+      } else {
+        this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
+      }
       this.listening = false;
 
       // Ignored via go/ees005
@@ -680,7 +713,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
       if (!this.isSticky) {
-        var _this$editorScrollabl;
+        var _this$editorScrollabl2;
         (0, _dom.syncStickyRowToTable)(table);
         this.dom.classList.add('sticky');
         table.classList.add(_types.TableCssClassName.TABLE_STICKY);
@@ -693,7 +726,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
          */
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.addEventListener('scrollend', this.refireIntersectionObservers, {
+        (_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 || _this$editorScrollabl2.addEventListener('scrollend', (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks') ? this.onScrollEnd : this.refireIntersectionObservers, {
           passive: true,
           once: true
         });

package/dist/cjs/nodeviews/TableRowNativeStickyWithFallback.js

@@ -98,6 +98,15 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
+    (0, _defineProperty2.default)(_this, "onWidthPluginEvent", function () {
+      return _this.updateStickyHeaderWidth();
+    });
+    (0, _defineProperty2.default)(_this, "onTablePluginEvent", function (state) {
+      return _this.onTablePluginState(state);
+    });
+    (0, _defineProperty2.default)(_this, "onScrollEnd", function () {
+      return _this.refireIntersectionObservers();
+    });
     (0, _defineProperty2.default)(_this, "toggleDisableNativeSticky", function (headerHeight, viewportHeight) {
       if (!_this.disableNativeSticky && headerHeight > viewportHeight * 0.5) {
         _this.disableNativeSticky = true;
@@ -261,13 +270,22 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         this.overflowObserverEntries = undefined;
         this.stickyStateObserver && this.stickyStateObserver.disconnect();
         (_this$nodeVisibilityO = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO === void 0 || _this$nodeVisibilityO.disconnect();
-        this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+          this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        }
         var tree = (0, _dom2.getTree)(this.dom);
         if (tree) {
           this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         this.emitOff(true);
       }
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        var _this$nodeVisibilityO2, _this$onEditorContent2;
+        (_this$nodeVisibilityO2 = this.nodeVisibilityObserverCleanupFn) === null || _this$nodeVisibilityO2 === void 0 || _this$nodeVisibilityO2.call(this);
+        this.nodeVisibilityObserverCleanupFn = undefined;
+        (_this$onEditorContent2 = this.onEditorContentAreaHeightChange) === null || _this$onEditorContent2 === void 0 || _this$onEditorContent2.call(this);
+        this.onEditorContentAreaHeightChange = undefined;
+      }
       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);
@@ -358,21 +376,28 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
           once: true
         });
       }
-      this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
-
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState.bind(this));
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        this.eventDispatcher.on('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginEvent);
+      } else {
+        this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(_pluginKey.pluginKey.key, this.onTablePluginState.bind(this));
+      }
       this.listening = true;
+      var scrollHandler = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks') ? this.headerRowMouseScroll : this.headerRowMouseScroll.bind(this);
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('wheel', scrollHandler, {
         passive: true
       });
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('touchmove', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('touchmove', scrollHandler, {
         passive: true
       });
     }
@@ -400,10 +425,20 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         this.editorScrollableElement.removeEventListener('scroll', this.scrollListener);
         this.scrollListener = undefined;
       }
-      this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks')) {
+        var _this$editorScrollabl;
+        this.eventDispatcher.off('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginEvent);
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.removeEventListener('scrollend', this.onScrollEnd);
+      } else {
+        this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(_pluginKey.pluginKey.key, this.onTablePluginState);
+      }
       this.listening = false;
 
       // Ignored via go/ees005
@@ -527,9 +562,9 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
         this.initNodeVisibilityObserver();
         var closestTable = this.dom.closest('table');
         if (closestTable) {
-          var _this$overflowObserve, _this$nodeVisibilityO2;
+          var _this$overflowObserve, _this$nodeVisibilityO3;
           (_this$overflowObserve = this.overflowObserver) === null || _this$overflowObserve === void 0 || _this$overflowObserve.observe(closestTable);
-          (_this$nodeVisibilityO2 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO2 === void 0 || _this$nodeVisibilityO2.observe(closestTable);
+          (_this$nodeVisibilityO3 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO3 === void 0 || _this$nodeVisibilityO3.observe(closestTable);
         }
         this.initStickyStateObserver();
         (_this$stickyStateObse = this.stickyStateObserver) === null || _this$stickyStateObse === void 0 || _this$stickyStateObse.observe(this.dom);
@@ -949,11 +984,11 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       var _this$stickyStateObse2, _this$stickyStateObse3;
       var table = this.dom.closest('table');
       if (table) {
-        var _this$overflowObserve2, _this$overflowObserve3, _this$nodeVisibilityO3, _this$nodeVisibilityO4;
+        var _this$overflowObserve2, _this$overflowObserve3, _this$nodeVisibilityO4, _this$nodeVisibilityO5;
         (_this$overflowObserve2 = this.overflowObserver) === null || _this$overflowObserve2 === void 0 || _this$overflowObserve2.unobserve(table);
         (_this$overflowObserve3 = this.overflowObserver) === null || _this$overflowObserve3 === void 0 || _this$overflowObserve3.observe(table);
-        (_this$nodeVisibilityO3 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO3 === void 0 || _this$nodeVisibilityO3.unobserve(table);
-        (_this$nodeVisibilityO4 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO4 === void 0 || _this$nodeVisibilityO4.observe(table);
+        (_this$nodeVisibilityO4 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO4 === void 0 || _this$nodeVisibilityO4.unobserve(table);
+        (_this$nodeVisibilityO5 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO5 === void 0 || _this$nodeVisibilityO5.observe(table);
       }
       (_this$stickyStateObse2 = this.stickyStateObserver) === null || _this$stickyStateObse2 === void 0 || _this$stickyStateObse2.unobserve(this.dom);
       (_this$stickyStateObse3 = this.stickyStateObserver) === null || _this$stickyStateObse3 === void 0 || _this$stickyStateObse3.observe(this.dom);
@@ -982,7 +1017,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
       if (!this.isLegacySticky) {
-        var _this$editorScrollabl;
+        var _this$editorScrollabl2;
         (0, _dom.syncStickyRowToTable)(table);
         this.dom.classList.add('sticky');
         table.classList.add(_types.TableCssClassName.TABLE_STICKY);
@@ -995,7 +1030,7 @@ var TableRowNativeStickyWithFallback = exports.default = /*#__PURE__*/function (
          */
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.addEventListener('scrollend', this.refireIntersectionObservers, {
+        (_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 || _this$editorScrollabl2.addEventListener('scrollend', (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_reduce_memory_leaks') ? this.onScrollEnd : this.refireIntersectionObservers, {
           passive: true,
           once: true
         });

package/dist/es2019/nodeviews/TableComponentWithSharedState.js

@@ -1,11 +1,17 @@
 import React from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { findTable } from '@atlaskit/editor-tables';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import TableComponent from './TableComponent';
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
+const getSelectionWithinTable = (selection, tableNode) => {
+  const found = selection && findTable(selection);
+  return found && found.node === tableNode ? selection : undefined;
+};
+
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
@@ -44,7 +50,7 @@ export const TableComponentWithSharedState = ({
     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;
+    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$selectionStat2, _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,
@@ -62,7 +68,7 @@ export const TableComponentWithSharedState = ({
       // mediaState
       isFullscreen: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.isFullscreen,
       // selectionState
-      selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection,
+      selection: isExperimentEnabled('platform_editor_reduce_memory_leaks') ? getSelectionWithinTable((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection, getNode()) : (_states$selectionStat2 = states.selectionState) === null || _states$selectionStat2 === void 0 ? void 0 : _states$selectionStat2.selection,
       // editorViewModeState
       mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode,
       // widthState

package/dist/es2019/nodeviews/TableRow.js

@@ -73,6 +73,9 @@ export default class TableRow extends TableNodeView {
         this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
+    _defineProperty(this, "onWidthPluginEvent", () => this.updateStickyHeaderWidth());
+    _defineProperty(this, "onTablePluginEvent", state => this.onTablePluginState(state));
+    _defineProperty(this, "onScrollEnd", () => this.refireIntersectionObservers());
     this.isSticky = false;
     const {
       pluginConfig
@@ -194,13 +197,20 @@ export default class TableRow extends TableNodeView {
   destroy() {
     if (this.isStickyHeaderEnabled) {
       this.unsubscribe();
-      this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+      if (!isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+      }
       const tree = getTree(this.dom);
       if (tree) {
         this.makeRowHeaderNotSticky(tree.table, true);
       }
       this.emitOff(true);
     }
+    if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+      var _this$nodeVisibilityO;
+      (_this$nodeVisibilityO = this.nodeVisibilityObserverCleanupFn) === null || _this$nodeVisibilityO === void 0 ? void 0 : _this$nodeVisibilityO.call(this);
+      this.nodeVisibilityObserverCleanupFn = undefined;
+    }
     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);
@@ -244,21 +254,28 @@ export default class TableRow extends TableNodeView {
       this.initObservers();
       this.topPosEditorElement = getTop(this.editorScrollableElement);
     }
-    this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState.bind(this));
+    if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+      this.eventDispatcher.on('widthPlugin', this.onWidthPluginEvent);
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginEvent);
+    } else {
+      this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState.bind(this));
+    }
     this.listening = true;
+    const scrollHandler = isExperimentEnabled('platform_editor_reduce_memory_leaks') ? this.headerRowMouseScroll : this.headerRowMouseScroll.bind(this);
 
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this), {
+    this.dom.addEventListener('wheel', scrollHandler, {
       passive: true
     });
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    this.dom.addEventListener('touchmove', this.headerRowMouseScroll.bind(this), {
+    this.dom.addEventListener('touchmove', scrollHandler, {
       passive: true
     });
   }
@@ -279,10 +296,20 @@ export default class TableRow extends TableNodeView {
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
     }
-    this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
+    if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+      var _this$editorScrollabl;
+      this.eventDispatcher.off('widthPlugin', this.onWidthPluginEvent);
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginEvent);
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 ? void 0 : _this$editorScrollabl.removeEventListener('scrollend', this.onScrollEnd);
+    } else {
+      this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
+    }
     this.listening = false;
 
     // Ignored via go/ees005
@@ -396,12 +423,12 @@ export default class TableRow extends TableNodeView {
         table
       } = tree;
       entries.forEach(entry => {
-        var _this$editorScrollabl;
+        var _this$editorScrollabl2;
         // 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 === ((_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 ? void 0 : _this$editorScrollabl.className)) {
+        if (entry.target.className === ((_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 ? void 0 : _this$editorScrollabl2.className)) {
           this.updateStickyHeaderWidth();
         } else {
           const newHeight = entry.contentRect ? entry.contentRect.height :
@@ -422,11 +449,11 @@ export default class TableRow extends TableNodeView {
   }
   createIntersectionObserver() {
     this.intersectionObserver = new IntersectionObserver((entries, _) => {
-      var _this$editorScrollabl2, _this$editorScrollabl3;
+      var _this$editorScrollabl3, _this$editorScrollabl4;
       // 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.
-      const rootBounds = (_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 ? void 0 : (_this$editorScrollabl3 = _this$editorScrollabl2.getBoundingClientRect) === null || _this$editorScrollabl3 === void 0 ? void 0 : _this$editorScrollabl3.call(_this$editorScrollabl2);
+      const rootBounds = (_this$editorScrollabl3 = this.editorScrollableElement) === null || _this$editorScrollabl3 === void 0 ? void 0 : (_this$editorScrollabl4 = _this$editorScrollabl3.getBoundingClientRect) === null || _this$editorScrollabl4 === void 0 ? void 0 : _this$editorScrollabl4.call(_this$editorScrollabl3);
       entries.forEach(entry => {
         const {
           target,
@@ -636,7 +663,7 @@ export default class TableRow extends TableNodeView {
     }
     const domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
     if (!this.isSticky) {
-      var _this$editorScrollabl4;
+      var _this$editorScrollabl5;
       syncStickyRowToTable(table);
       this.dom.classList.add('sticky');
       table.classList.add(ClassName.TABLE_STICKY);
@@ -649,7 +676,7 @@ export default class TableRow extends TableNodeView {
        */
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      (_this$editorScrollabl4 = this.editorScrollableElement) === null || _this$editorScrollabl4 === void 0 ? void 0 : _this$editorScrollabl4.addEventListener('scrollend', this.refireIntersectionObservers, {
+      (_this$editorScrollabl5 = this.editorScrollableElement) === null || _this$editorScrollabl5 === void 0 ? void 0 : _this$editorScrollabl5.addEventListener('scrollend', isExperimentEnabled('platform_editor_reduce_memory_leaks') ? this.onScrollEnd : this.refireIntersectionObservers, {
         passive: true,
         once: true
       });

package/dist/es2019/nodeviews/TableRowNativeStickyWithFallback.js

@@ -82,6 +82,9 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
         this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
+    _defineProperty(this, "onWidthPluginEvent", () => this.updateStickyHeaderWidth());
+    _defineProperty(this, "onTablePluginEvent", state => this.onTablePluginState(state));
+    _defineProperty(this, "onScrollEnd", () => this.refireIntersectionObservers());
     _defineProperty(this, "toggleDisableNativeSticky", (headerHeight, viewportHeight) => {
       if (!this.disableNativeSticky && headerHeight > viewportHeight * 0.5) {
         this.disableNativeSticky = true;
@@ -241,13 +244,22 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       this.overflowObserverEntries = undefined;
       this.stickyStateObserver && this.stickyStateObserver.disconnect();
       (_this$nodeVisibilityO = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO === void 0 ? void 0 : _this$nodeVisibilityO.disconnect();
-      this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+      if (!isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+      }
       const tree = getTree(this.dom);
       if (tree) {
         this.makeRowHeaderNotLegacySticky(tree.table, true);
       }
       this.emitOff(true);
     }
+    if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+      var _this$nodeVisibilityO2, _this$onEditorContent2;
+      (_this$nodeVisibilityO2 = this.nodeVisibilityObserverCleanupFn) === null || _this$nodeVisibilityO2 === void 0 ? void 0 : _this$nodeVisibilityO2.call(this);
+      this.nodeVisibilityObserverCleanupFn = undefined;
+      (_this$onEditorContent2 = this.onEditorContentAreaHeightChange) === null || _this$onEditorContent2 === void 0 ? void 0 : _this$onEditorContent2.call(this);
+      this.onEditorContentAreaHeightChange = undefined;
+    }
     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);
@@ -333,21 +345,28 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
         once: true
       });
     }
-    this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState.bind(this));
+    if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+      this.eventDispatcher.on('widthPlugin', this.onWidthPluginEvent);
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginEvent);
+    } else {
+      this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState.bind(this));
+    }
     this.listening = true;
+    const scrollHandler = isExperimentEnabled('platform_editor_reduce_memory_leaks') ? this.headerRowMouseScroll : this.headerRowMouseScroll.bind(this);
 
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this), {
+    this.dom.addEventListener('wheel', scrollHandler, {
       passive: true
     });
     // Ignored via go/ees005
     // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-    this.dom.addEventListener('touchmove', this.headerRowMouseScroll.bind(this), {
+    this.dom.addEventListener('touchmove', scrollHandler, {
       passive: true
     });
   }
@@ -373,10 +392,20 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       this.editorScrollableElement.removeEventListener('scroll', this.scrollListener);
       this.scrollListener = undefined;
     }
-    this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
+    if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+      var _this$editorScrollabl;
+      this.eventDispatcher.off('widthPlugin', this.onWidthPluginEvent);
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginEvent);
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 ? void 0 : _this$editorScrollabl.removeEventListener('scrollend', this.onScrollEnd);
+    } else {
+      this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
+    }
     this.listening = false;
 
     // Ignored via go/ees005
@@ -491,9 +520,9 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
       this.initNodeVisibilityObserver();
       const closestTable = this.dom.closest('table');
       if (closestTable) {
-        var _this$overflowObserve2, _this$nodeVisibilityO2;
+        var _this$overflowObserve2, _this$nodeVisibilityO3;
         (_this$overflowObserve2 = this.overflowObserver) === null || _this$overflowObserve2 === void 0 ? void 0 : _this$overflowObserve2.observe(closestTable);
-        (_this$nodeVisibilityO2 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO2 === void 0 ? void 0 : _this$nodeVisibilityO2.observe(closestTable);
+        (_this$nodeVisibilityO3 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO3 === void 0 ? void 0 : _this$nodeVisibilityO3.observe(closestTable);
       }
       this.initStickyStateObserver();
       (_this$stickyStateObse = this.stickyStateObserver) === null || _this$stickyStateObse === void 0 ? void 0 : _this$stickyStateObse.observe(this.dom);
@@ -615,12 +644,12 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
         table
       } = tree;
       entries.forEach(entry => {
-        var _this$editorScrollabl;
+        var _this$editorScrollabl2;
         // 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 === ((_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 ? void 0 : _this$editorScrollabl.className)) {
+        if (entry.target.className === ((_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 ? void 0 : _this$editorScrollabl2.className)) {
           this.updateStickyHeaderWidth();
         } else {
           var _this$editorContentAr;
@@ -644,11 +673,11 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
   }
   createIntersectionObserver() {
     this.intersectionObserver = new IntersectionObserver((entries, _) => {
-      var _this$editorScrollabl2, _this$editorScrollabl3;
+      var _this$editorScrollabl3, _this$editorScrollabl4;
       // 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.
-      const rootBounds = (_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 ? void 0 : (_this$editorScrollabl3 = _this$editorScrollabl2.getBoundingClientRect) === null || _this$editorScrollabl3 === void 0 ? void 0 : _this$editorScrollabl3.call(_this$editorScrollabl2);
+      const rootBounds = (_this$editorScrollabl3 = this.editorScrollableElement) === null || _this$editorScrollabl3 === void 0 ? void 0 : (_this$editorScrollabl4 = _this$editorScrollabl3.getBoundingClientRect) === null || _this$editorScrollabl4 === void 0 ? void 0 : _this$editorScrollabl4.call(_this$editorScrollabl3);
       entries.forEach(entry => {
         const {
           target,
@@ -886,11 +915,11 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     var _this$stickyStateObse2, _this$stickyStateObse3;
     const table = this.dom.closest('table');
     if (table) {
-      var _this$overflowObserve3, _this$overflowObserve4, _this$nodeVisibilityO3, _this$nodeVisibilityO4;
+      var _this$overflowObserve3, _this$overflowObserve4, _this$nodeVisibilityO4, _this$nodeVisibilityO5;
       (_this$overflowObserve3 = this.overflowObserver) === null || _this$overflowObserve3 === void 0 ? void 0 : _this$overflowObserve3.unobserve(table);
       (_this$overflowObserve4 = this.overflowObserver) === null || _this$overflowObserve4 === void 0 ? void 0 : _this$overflowObserve4.observe(table);
-      (_this$nodeVisibilityO3 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO3 === void 0 ? void 0 : _this$nodeVisibilityO3.unobserve(table);
-      (_this$nodeVisibilityO4 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO4 === void 0 ? void 0 : _this$nodeVisibilityO4.observe(table);
+      (_this$nodeVisibilityO4 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO4 === void 0 ? void 0 : _this$nodeVisibilityO4.unobserve(table);
+      (_this$nodeVisibilityO5 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO5 === void 0 ? void 0 : _this$nodeVisibilityO5.observe(table);
     }
     (_this$stickyStateObse2 = this.stickyStateObserver) === null || _this$stickyStateObse2 === void 0 ? void 0 : _this$stickyStateObse2.unobserve(this.dom);
     (_this$stickyStateObse3 = this.stickyStateObserver) === null || _this$stickyStateObse3 === void 0 ? void 0 : _this$stickyStateObse3.observe(this.dom);
@@ -918,7 +947,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
     }
     const domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
     if (!this.isLegacySticky) {
-      var _this$editorScrollabl4;
+      var _this$editorScrollabl5;
       syncStickyRowToTable(table);
       this.dom.classList.add('sticky');
       table.classList.add(ClassName.TABLE_STICKY);
@@ -931,7 +960,7 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView {
        */
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      (_this$editorScrollabl4 = this.editorScrollableElement) === null || _this$editorScrollabl4 === void 0 ? void 0 : _this$editorScrollabl4.addEventListener('scrollend', this.refireIntersectionObservers, {
+      (_this$editorScrollabl5 = this.editorScrollableElement) === null || _this$editorScrollabl5 === void 0 ? void 0 : _this$editorScrollabl5.addEventListener('scrollend', isExperimentEnabled('platform_editor_reduce_memory_leaks') ? this.onScrollEnd : this.refireIntersectionObservers, {
         passive: true,
         once: true
       });

package/dist/esm/nodeviews/TableComponentWithSharedState.js

@@ -1,11 +1,17 @@
 import React from 'react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { findTable } from '@atlaskit/editor-tables';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import TableComponent from './TableComponent';
 
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
+var getSelectionWithinTable = function getSelectionWithinTable(selection, tableNode) {
+  var found = selection && findTable(selection);
+  return found && found.node === tableNode ? selection : undefined;
+};
+
 /**
  * Use useSharedPluginState to control re-renders from plugin dependencies
  */
@@ -25,7 +31,7 @@ export var TableComponentWithSharedState = function TableComponentWithSharedStat
     allowTableResizing = _ref.allowTableResizing,
     allowFixedColumnWidthOption = _ref.allowFixedColumnWidthOption;
   var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['table', 'width', 'media', 'selection', 'editorViewMode', 'interaction', 'limitedMode'], function (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;
+      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$selectionStat2, _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,
@@ -43,7 +49,7 @@ export var TableComponentWithSharedState = function TableComponentWithSharedStat
         // mediaState
         isFullscreen: (_states$mediaState = states.mediaState) === null || _states$mediaState === void 0 ? void 0 : _states$mediaState.isFullscreen,
         // selectionState
-        selection: (_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection,
+        selection: isExperimentEnabled('platform_editor_reduce_memory_leaks') ? getSelectionWithinTable((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection, getNode()) : (_states$selectionStat2 = states.selectionState) === null || _states$selectionStat2 === void 0 ? void 0 : _states$selectionStat2.selection,
         // editorViewModeState
         mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode,
         // widthState

package/dist/esm/nodeviews/TableRow.js

@@ -82,6 +82,15 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
+    _defineProperty(_this, "onWidthPluginEvent", function () {
+      return _this.updateStickyHeaderWidth();
+    });
+    _defineProperty(_this, "onTablePluginEvent", function (state) {
+      return _this.onTablePluginState(state);
+    });
+    _defineProperty(_this, "onScrollEnd", function () {
+      return _this.refireIntersectionObservers();
+    });
     _this.isSticky = false;
     var _getPluginState = getPluginState(view.state),
       pluginConfig = _getPluginState.pluginConfig;
@@ -208,13 +217,20 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
     value: function destroy() {
       if (this.isStickyHeaderEnabled) {
         this.unsubscribe();
-        this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        if (!isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+          this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        }
         var tree = getTree(this.dom);
         if (tree) {
           this.makeRowHeaderNotSticky(tree.table, true);
         }
         this.emitOff(true);
       }
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        var _this$nodeVisibilityO;
+        (_this$nodeVisibilityO = this.nodeVisibilityObserverCleanupFn) === null || _this$nodeVisibilityO === void 0 || _this$nodeVisibilityO.call(this);
+        this.nodeVisibilityObserverCleanupFn = undefined;
+      }
       if (isExperimentEnabled('platform_editor_dynamic_limited_mode')) {
         var _this$limitedModeUnsu2;
         (_this$limitedModeUnsu2 = this.limitedModeUnsubscribe) === null || _this$limitedModeUnsu2 === void 0 || _this$limitedModeUnsu2.call(this);
@@ -262,21 +278,28 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
         this.initObservers();
         this.topPosEditorElement = getTop(this.editorScrollableElement);
       }
-      this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
-
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState.bind(this));
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        this.eventDispatcher.on('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginEvent);
+      } else {
+        this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState.bind(this));
+      }
       this.listening = true;
+      var scrollHandler = isExperimentEnabled('platform_editor_reduce_memory_leaks') ? this.headerRowMouseScroll : this.headerRowMouseScroll.bind(this);
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('wheel', scrollHandler, {
         passive: true
       });
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('touchmove', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('touchmove', scrollHandler, {
         passive: true
       });
     }
@@ -299,10 +322,20 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
       if (this.resizeObserver) {
         this.resizeObserver.disconnect();
       }
-      this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        var _this$editorScrollabl;
+        this.eventDispatcher.off('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginEvent);
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.removeEventListener('scrollend', this.onScrollEnd);
+      } else {
+        this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
+      }
       this.listening = false;
 
       // Ignored via go/ees005
@@ -673,7 +706,7 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
       if (!this.isSticky) {
-        var _this$editorScrollabl;
+        var _this$editorScrollabl2;
         syncStickyRowToTable(table);
         this.dom.classList.add('sticky');
         table.classList.add(ClassName.TABLE_STICKY);
@@ -686,7 +719,7 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
          */
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.addEventListener('scrollend', this.refireIntersectionObservers, {
+        (_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 || _this$editorScrollabl2.addEventListener('scrollend', isExperimentEnabled('platform_editor_reduce_memory_leaks') ? this.onScrollEnd : this.refireIntersectionObservers, {
           passive: true,
           once: true
         });

package/dist/esm/nodeviews/TableRowNativeStickyWithFallback.js

@@ -91,6 +91,15 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         _this.headerRowMouseScrollEnd();
       }
     }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
+    _defineProperty(_this, "onWidthPluginEvent", function () {
+      return _this.updateStickyHeaderWidth();
+    });
+    _defineProperty(_this, "onTablePluginEvent", function (state) {
+      return _this.onTablePluginState(state);
+    });
+    _defineProperty(_this, "onScrollEnd", function () {
+      return _this.refireIntersectionObservers();
+    });
     _defineProperty(_this, "toggleDisableNativeSticky", function (headerHeight, viewportHeight) {
       if (!_this.disableNativeSticky && headerHeight > viewportHeight * 0.5) {
         _this.disableNativeSticky = true;
@@ -254,13 +263,22 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         this.overflowObserverEntries = undefined;
         this.stickyStateObserver && this.stickyStateObserver.disconnect();
         (_this$nodeVisibilityO = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO === void 0 || _this$nodeVisibilityO.disconnect();
-        this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        if (!isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+          this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        }
         var tree = getTree(this.dom);
         if (tree) {
           this.makeRowHeaderNotLegacySticky(tree.table, true);
         }
         this.emitOff(true);
       }
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        var _this$nodeVisibilityO2, _this$onEditorContent2;
+        (_this$nodeVisibilityO2 = this.nodeVisibilityObserverCleanupFn) === null || _this$nodeVisibilityO2 === void 0 || _this$nodeVisibilityO2.call(this);
+        this.nodeVisibilityObserverCleanupFn = undefined;
+        (_this$onEditorContent2 = this.onEditorContentAreaHeightChange) === null || _this$onEditorContent2 === void 0 || _this$onEditorContent2.call(this);
+        this.onEditorContentAreaHeightChange = undefined;
+      }
       if (isExperimentEnabled('platform_editor_dynamic_limited_mode')) {
         var _this$limitedModeUnsu2;
         (_this$limitedModeUnsu2 = this.limitedModeUnsubscribe) === null || _this$limitedModeUnsu2 === void 0 || _this$limitedModeUnsu2.call(this);
@@ -351,21 +369,28 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
           once: true
         });
       }
-      this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
-
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState.bind(this));
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        this.eventDispatcher.on('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginEvent);
+      } else {
+        this.eventDispatcher.on('widthPlugin', this.updateStickyHeaderWidth.bind(this));
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState.bind(this));
+      }
       this.listening = true;
+      var scrollHandler = isExperimentEnabled('platform_editor_reduce_memory_leaks') ? this.headerRowMouseScroll : this.headerRowMouseScroll.bind(this);
 
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('wheel', scrollHandler, {
         passive: true
       });
       // Ignored via go/ees005
       // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-      this.dom.addEventListener('touchmove', this.headerRowMouseScroll.bind(this), {
+      this.dom.addEventListener('touchmove', scrollHandler, {
         passive: true
       });
     }
@@ -393,10 +418,20 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         this.editorScrollableElement.removeEventListener('scroll', this.scrollListener);
         this.scrollListener = undefined;
       }
-      this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        var _this$editorScrollabl;
+        this.eventDispatcher.off('widthPlugin', this.onWidthPluginEvent);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginEvent);
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.removeEventListener('scrollend', this.onScrollEnd);
+      } else {
+        this.eventDispatcher.off('widthPlugin', this.updateStickyHeaderWidth);
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
+      }
       this.listening = false;
 
       // Ignored via go/ees005
@@ -520,9 +555,9 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
         this.initNodeVisibilityObserver();
         var closestTable = this.dom.closest('table');
         if (closestTable) {
-          var _this$overflowObserve, _this$nodeVisibilityO2;
+          var _this$overflowObserve, _this$nodeVisibilityO3;
           (_this$overflowObserve = this.overflowObserver) === null || _this$overflowObserve === void 0 || _this$overflowObserve.observe(closestTable);
-          (_this$nodeVisibilityO2 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO2 === void 0 || _this$nodeVisibilityO2.observe(closestTable);
+          (_this$nodeVisibilityO3 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO3 === void 0 || _this$nodeVisibilityO3.observe(closestTable);
         }
         this.initStickyStateObserver();
         (_this$stickyStateObse = this.stickyStateObserver) === null || _this$stickyStateObse === void 0 || _this$stickyStateObse.observe(this.dom);
@@ -942,11 +977,11 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
       var _this$stickyStateObse2, _this$stickyStateObse3;
       var table = this.dom.closest('table');
       if (table) {
-        var _this$overflowObserve2, _this$overflowObserve3, _this$nodeVisibilityO3, _this$nodeVisibilityO4;
+        var _this$overflowObserve2, _this$overflowObserve3, _this$nodeVisibilityO4, _this$nodeVisibilityO5;
         (_this$overflowObserve2 = this.overflowObserver) === null || _this$overflowObserve2 === void 0 || _this$overflowObserve2.unobserve(table);
         (_this$overflowObserve3 = this.overflowObserver) === null || _this$overflowObserve3 === void 0 || _this$overflowObserve3.observe(table);
-        (_this$nodeVisibilityO3 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO3 === void 0 || _this$nodeVisibilityO3.unobserve(table);
-        (_this$nodeVisibilityO4 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO4 === void 0 || _this$nodeVisibilityO4.observe(table);
+        (_this$nodeVisibilityO4 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO4 === void 0 || _this$nodeVisibilityO4.unobserve(table);
+        (_this$nodeVisibilityO5 = this.nodeVisibilityObserver) === null || _this$nodeVisibilityO5 === void 0 || _this$nodeVisibilityO5.observe(table);
       }
       (_this$stickyStateObse2 = this.stickyStateObserver) === null || _this$stickyStateObse2 === void 0 || _this$stickyStateObse2.unobserve(this.dom);
       (_this$stickyStateObse3 = this.stickyStateObserver) === null || _this$stickyStateObse3 === void 0 || _this$stickyStateObse3.observe(this.dom);
@@ -975,7 +1010,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
       }
       var domTop = currentTableTop > 0 ? scrollTop : scrollTop + currentTableTop;
       if (!this.isLegacySticky) {
-        var _this$editorScrollabl;
+        var _this$editorScrollabl2;
         syncStickyRowToTable(table);
         this.dom.classList.add('sticky');
         table.classList.add(ClassName.TABLE_STICKY);
@@ -988,7 +1023,7 @@ var TableRowNativeStickyWithFallback = /*#__PURE__*/function (_TableNodeView) {
          */
         // Ignored via go/ees005
         // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-        (_this$editorScrollabl = this.editorScrollableElement) === null || _this$editorScrollabl === void 0 || _this$editorScrollabl.addEventListener('scrollend', this.refireIntersectionObservers, {
+        (_this$editorScrollabl2 = this.editorScrollableElement) === null || _this$editorScrollabl2 === void 0 || _this$editorScrollabl2.addEventListener('scrollend', isExperimentEnabled('platform_editor_reduce_memory_leaks') ? this.onScrollEnd : this.refireIntersectionObservers, {
           passive: true,
           once: true
         });

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

@@ -43,6 +43,9 @@ export default class TableRow extends TableNodeView<HTMLTableRowElement> impleme
      */
     private headerRowMouseScrollEnd;
     private headerRowMouseScroll;
+    private onWidthPluginEvent;
+    private onTablePluginEvent;
+    private onScrollEnd;
     private subscribe;
     private unsubscribe;
     private initObservers;

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

@@ -56,6 +56,9 @@ export default class TableRowNativeStickyWithFallback extends TableNodeView<HTML
      */
     private headerRowMouseScrollEnd;
     private headerRowMouseScroll;
+    private onWidthPluginEvent;
+    private onTablePluginEvent;
+    private onScrollEnd;
     private subscribe;
     private unsubscribe;
     private initOverflowObserver;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "38.0.6",
+	"version": "38.0.9",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
 		"@atlaskit/editor-plugin-batch-attribute-updates": "^26.0.0",
 		"@atlaskit/editor-plugin-content-insertion": "^26.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^28.0.0",
-		"@atlaskit/editor-plugin-extension": "29.0.5",
+		"@atlaskit/editor-plugin-extension": "29.0.7",
 		"@atlaskit/editor-plugin-guideline": "^26.0.0",
 		"@atlaskit/editor-plugin-interaction": "^40.0.0",
 		"@atlaskit/editor-plugin-limited-mode": "^23.0.0",
@@ -53,7 +53,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.2.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^3.0.0",
 		"@atlaskit/primitives": "^22.5.0",
-		"@atlaskit/tmp-editor-statsig": "^232.0.0",
+		"@atlaskit/tmp-editor-statsig": "^234.0.0",
 		"@atlaskit/toggle": "^17.3.0",
 		"@atlaskit/tokens": "^20.4.0",
 		"@atlaskit/tooltip": "^24.4.0",
@@ -68,7 +68,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^130.3.0",
+		"@atlaskit/editor-common": "^130.5.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"