@atlaskit/editor-plugin-table 12.1.14 → 12.1.15

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-table
 
+## 12.1.15
+
+### Patch Changes
+
+- [#199851](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/199851)
+  [`a37fa5c2adf4a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a37fa5c2adf4a) -
+  [ux] EDITOR-346 Clean up nested tables feature gate
+  `platform_editor_nested_tables_number_column_fixes`
+- [#200948](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200948)
+  [`8dd9a944113d5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8dd9a944113d5) -
+  Opt out of throttling rendering
+- Updated dependencies
+
 ## 12.1.14
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -56,6 +56,9 @@
 		{
 			"path": "../../editor-plugin-interaction/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-limited-mode/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-selection/afm-cc/tsconfig.json"
 		},

package/afm-dev-agents/tsconfig.json

@@ -56,6 +56,9 @@
 		{
 			"path": "../../editor-plugin-interaction/afm-dev-agents/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-limited-mode/afm-dev-agents/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-selection/afm-dev-agents/tsconfig.json"
 		},

package/afm-jira/tsconfig.json

@@ -56,6 +56,9 @@
 		{
 			"path": "../../editor-plugin-interaction/afm-jira/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-limited-mode/afm-jira/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-selection/afm-jira/tsconfig.json"
 		},

package/afm-passionfruit/tsconfig.json

@@ -0,0 +1,117 @@
+{
+	"extends": "../../../../tsconfig.entry-points.passionfruit.json",
+	"compilerOptions": {
+		"declaration": true,
+		"target": "es5",
+		"outDir": "../../../../../passionfruit/tsDist/@atlaskit__editor-plugin-table/app",
+		"rootDir": "../",
+		"composite": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../design-system/button/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../custom-steps/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-palette/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-accessibility-utils/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-analytics/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-batch-attribute-updates/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-content-insertion/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-editor-viewmode/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-extension/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-guideline/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-interaction/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-limited-mode/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-selection/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-width/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-shared-styles/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-tables/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/menu/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../pragmatic-drag-and-drop/core/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../pragmatic-drag-and-drop/auto-scroll/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../pragmatic-drag-and-drop/hitbox/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../react-ufo/atlaskit/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/theme/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../tmp-editor-statsig/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/toggle/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-passionfruit/tsconfig.json"
+		},
+		{
+			"path": "../../editor-common/afm-passionfruit/tsconfig.json"
+		}
+	]
+}

package/afm-post-office/tsconfig.json

@@ -56,6 +56,9 @@
 		{
 			"path": "../../editor-plugin-interaction/afm-post-office/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-limited-mode/afm-post-office/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-selection/afm-post-office/tsconfig.json"
 		},

package/afm-rovo-extension/tsconfig.json

@@ -56,6 +56,9 @@
 		{
 			"path": "../../editor-plugin-interaction/afm-rovo-extension/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-limited-mode/afm-rovo-extension/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-selection/afm-rovo-extension/tsconfig.json"
 		},

package/afm-townsquare/tsconfig.json

@@ -56,6 +56,9 @@
 		{
 			"path": "../../editor-plugin-interaction/afm-townsquare/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-limited-mode/afm-townsquare/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-selection/afm-townsquare/tsconfig.json"
 		},

package/afm-volt/tsconfig.json

@@ -14,7 +14,13 @@
 	"exclude": [
 		"../src/**/__tests__/*",
 		"../src/**/*.test.*",
-		"../src/**/test.*"
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
 	],
 	"references": [
 		{
@@ -23,9 +29,6 @@
 		{
 			"path": "../../custom-steps/afm-volt/tsconfig.json"
 		},
-		{
-			"path": "../../editor-common/afm-volt/tsconfig.json"
-		},
 		{
 			"path": "../../editor-palette/afm-volt/tsconfig.json"
 		},
@@ -86,6 +89,9 @@
 		{
 			"path": "../../../design-system/primitives/afm-volt/tsconfig.json"
 		},
+		{
+			"path": "../../../react-ufo/atlaskit/afm-volt/tsconfig.json"
+		},
 		{
 			"path": "../../../design-system/theme/afm-volt/tsconfig.json"
 		},
@@ -100,6 +106,9 @@
 		},
 		{
 			"path": "../../../design-system/tooltip/afm-volt/tsconfig.json"
+		},
+		{
+			"path": "../../editor-common/afm-volt/tsconfig.json"
 		}
 	]
 }

package/dist/cjs/nodeviews/TableComponent.js

@@ -940,7 +940,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         ,
         selection: view.state.selection,
         headerRowHeight: headerRow ? headerRow.offsetHeight : undefined,
-        stickyHeader: this.state.stickyHeader,
+        stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
         tableWrapperWidth: this.state.tableWrapperWidth,
         api: pluginInjectionApi,
         isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor
@@ -962,7 +962,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         ,
         selection: view.state.selection,
         headerRowHeight: headerRow ? headerRow.offsetHeight : undefined,
-        stickyHeader: this.state.stickyHeader,
+        stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
         getEditorFeatureFlags: getEditorFeatureFlags,
         tableContainerWidth: tableContainerWidth,
         isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
@@ -995,7 +995,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var isNested = (0, _nodes.isTableNested)(view.state, tablePos);
       var topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
       var topOffset = 0;
-      var topStickyShadowPosition = this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
+      var topStickyShadowPosition = !this.props.limitedMode && this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
       var _getEditorFeatureFlag7 = getEditorFeatureFlags(),
         _getEditorFeatureFlag8 = _getEditorFeatureFlag7.tableWithFixedColumnWidthsOption,
         tableWithFixedColumnWidthsOption = _getEditorFeatureFlag8 === void 0 ? false : _getEditorFeatureFlag8;
@@ -1003,7 +1003,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(_TableContainer.TableContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       , {
-        className: (0, _classnames2.default)(_types.TableCssClassName.TABLE_CONTAINER, (0, _defineProperty3.default)((0, _defineProperty3.default)((0, _defineProperty3.default)((0, _defineProperty3.default)((0, _defineProperty3.default)({}, _types.TableCssClassName.WITH_CONTROLS, allowControls && tableActive), _types.TableCssClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), _types.TableCssClassName.HOVERED_DELETE_BUTTON, isInDanger), _types.TableCssClassName.TABLE_SELECTED, (0, _utils2.isTableSelected)(selection !== null && selection !== void 0 ? selection : view.state.selection)), _types.TableCssClassName.NESTED_TABLE_WITH_CONTROLS, tableActive && allowControls && this.isNestedInTable)),
+        className: (0, _classnames2.default)(_types.TableCssClassName.TABLE_CONTAINER, (0, _defineProperty3.default)((0, _defineProperty3.default)((0, _defineProperty3.default)((0, _defineProperty3.default)((0, _defineProperty3.default)({}, _types.TableCssClassName.WITH_CONTROLS, allowControls && tableActive), _types.TableCssClassName.TABLE_STICKY, !this.props.limitedMode && this.state.stickyHeader && hasHeaderRow), _types.TableCssClassName.HOVERED_DELETE_BUTTON, isInDanger), _types.TableCssClassName.TABLE_SELECTED, (0, _utils2.isTableSelected)(selection !== null && selection !== void 0 ? selection : view.state.selection)), _types.TableCssClassName.NESTED_TABLE_WITH_CONTROLS, tableActive && allowControls && this.isNestedInTable)),
         editorView: view,
         getPos: getPos,
         node: node

package/dist/cjs/nodeviews/TableRow.js

@@ -35,10 +35,25 @@ var HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;
 // if too short it would trigger too many dom updates.
 var HEADER_ROW_SCROLL_RESET_DEBOUNCE_TIMEOUT = 400;
 var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
-  function TableRow(node, view, getPos, eventDispatcher) {
+  function TableRow(node, view, getPos, eventDispatcher, api) {
+    var _api$limitedMode;
     var _this;
     (0, _classCallCheck2.default)(this, TableRow);
     _this = _callSuper(this, TableRow, [node, view, getPos, eventDispatcher]);
+    (0, _defineProperty2.default)(_this, "cleanup", function () {
+      if (_this.isStickyHeaderEnabled) {
+        _this.unsubscribe();
+        _this.nodeVisibilityObserverCleanupFn && _this.nodeVisibilityObserverCleanupFn();
+        var tree = (0, _dom2.getTree)(_this.dom);
+        if (tree) {
+          _this.makeRowHeaderNotSticky(tree.table, true);
+        }
+        _this.emitOff(false);
+      }
+      if (_this.tableContainerObserver) {
+        _this.tableContainerObserver.disconnect();
+      }
+    });
     (0, _defineProperty2.default)(_this, "colControlsOffset", 0);
     (0, _defineProperty2.default)(_this, "focused", false);
     (0, _defineProperty2.default)(_this, "topPosEditorElement", 0);
@@ -78,6 +93,11 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
     var _getPluginState = (0, _pluginFactory.getPluginState)(view.state),
       pluginConfig = _getPluginState.pluginConfig;
     _this.isStickyHeaderEnabled = !!pluginConfig.stickyHeaders;
+    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);
+    }
     var pos = _this.getPos();
     _this.isInNestedTable = false;
     if (pos) {
@@ -160,6 +180,9 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
         }
         this.emitOff(true);
       }
+
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+      document.removeEventListener('limited-mode-activated', this.cleanup);
       if (this.tableContainerObserver) {
         this.tableContainerObserver.disconnect();
       }

package/dist/cjs/nodeviews/table-node-views.js

@@ -29,6 +29,6 @@ var tableHeaderView = exports.tableHeaderView = function tableHeaderView(options
 };
 var tableRowView = exports.tableRowView = function tableRowView(options) {
   return function (node, view, getPos) {
-    return new _TableRow.default(node, view, getPos, options.eventDispatcher);
+    return new _TableRow.default(node, view, getPos, options.eventDispatcher, options.pluginInjectionApi);
   };
 };

package/dist/cjs/nodeviews/table.js

@@ -69,7 +69,9 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
   function TableView(props) {
     var _this;
     (0, _classCallCheck2.default)(this, TableView);
-    _this = _callSuper(this, TableView, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props]);
+    _this = _callSuper(this, TableView, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props, undefined, undefined,
+    // @portal-render-immediately
+    true]);
     (0, _defineProperty2.default)(_this, "getNode", function () {
       return _this.node;
     });
@@ -204,7 +206,8 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render(props, forwardRef) {
-      var _this4 = this;
+      var _props$pluginInjectio,
+        _this4 = this;
       if ((0, _platformFeatureFlags.fg)('platform_editor_table_use_shared_state_hook_fg')) {
         return /*#__PURE__*/_react.default.createElement(_TableComponentWithSharedState.TableComponentWithSharedState, {
           forwardRef: forwardRef,
@@ -250,11 +253,12 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
           tableWidthPluginState: _tableWidth.pluginKey,
           widthPlugin: fakePluginKey,
           mediaState: fakeMediaPluginKey,
-          tableDragAndDropState: _pluginKey.pluginKey
+          tableDragAndDropState: _pluginKey.pluginKey,
+          limitedModePlugin: (_props$pluginInjectio = props.pluginInjectionApi) === null || _props$pluginInjectio === void 0 || (_props$pluginInjectio = _props$pluginInjectio.limitedMode) === null || _props$pluginInjectio === void 0 || (_props$pluginInjectio = _props$pluginInjectio.sharedState.currentState()) === null || _props$pluginInjectio === void 0 ? void 0 : _props$pluginInjectio.limitedModePluginKey
         },
         editorView: props.view,
         render: function render(pluginStates) {
-          var _props$options;
+          var _props$options, _pluginStates$limited, _pluginStates$limited2;
           var tableResizingPluginState = pluginStates.tableResizingPluginState,
             tableWidthPluginState = pluginStates.tableWidthPluginState,
             pluginState = pluginStates.pluginState,
@@ -321,7 +325,8 @@ var TableView = exports.default = /*#__PURE__*/function (_ReactNodeView) {
             contentDOM: forwardRef,
             getEditorFeatureFlags: props.getEditorFeatureFlags,
             dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-            pluginInjectionApi: props.pluginInjectionApi
+            pluginInjectionApi: props.pluginInjectionApi,
+            limitedMode: (_pluginStates$limited = (_pluginStates$limited2 = pluginStates.limitedModePlugin) === null || _pluginStates$limited2 === void 0 ? void 0 : _pluginStates$limited2.documentSizeBreachesThreshold) !== null && _pluginStates$limited !== void 0 ? _pluginStates$limited : false
           });
         }
       });

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

@@ -71,7 +71,8 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
       isChromelessEditor: isChromelessEditor
     }),
     tableRow: (0, _tableNodeViews.tableRowView)({
-      eventDispatcher: eventDispatcher
+      eventDispatcher: eventDispatcher,
+      pluginInjectionApi: pluginInjectionApi
     }),
     tableCell: (0, _tableNodeViews.tableCellView)({
       eventDispatcher: eventDispatcher,

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

@@ -13,10 +13,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _classnames3 = _interopRequireDefault(require("classnames"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../../../pm-plugins/commands");
 var _rowControls = require("../../../pm-plugins/utils/row-controls");
 var _types = require("../../../types");
@@ -94,11 +93,7 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
         isResizing = _this$props4.isResizing,
         tableActive = _this$props4.tableActive;
       var isActive = (0, _utils.isRowSelected)(index)(editorView.state.selection) || (hoveredRows || []).indexOf(index) !== -1 && !isResizing;
-      if ((0, _platformFeatureFlags.fg)('platform_editor_nested_tables_number_column_fixes')) {
-        return (0, _classnames3.default)(_types.TableCssClassName.NUMBERED_COLUMN_BUTTON, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON_DISABLED, isButtonDisabled), _types.TableCssClassName.HOVERED_CELL_IN_DANGER, tableActive && isActive && isInDanger), _types.TableCssClassName.HOVERED_CELL_ACTIVE, tableActive && isActive));
-      } else {
-        return (0, _classnames3.default)(_types.TableCssClassName.NUMBERED_COLUMN_BUTTON, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON_DISABLED, isButtonDisabled), _types.TableCssClassName.HOVERED_CELL_IN_DANGER, isActive && isInDanger), _types.TableCssClassName.HOVERED_CELL_ACTIVE, isActive));
-      }
+      return (0, _classnames2.default)(_types.TableCssClassName.NUMBERED_COLUMN_BUTTON, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _types.TableCssClassName.NUMBERED_COLUMN_BUTTON_DISABLED, isButtonDisabled), _types.TableCssClassName.HOVERED_CELL_IN_DANGER, tableActive && isActive && isInDanger), _types.TableCssClassName.HOVERED_CELL_ACTIVE, tableActive && isActive));
     });
     return _this;
   }

package/dist/es2019/nodeviews/TableComponent.js

@@ -909,7 +909,7 @@ class TableComponent extends React.Component {
       ,
       selection: view.state.selection,
       headerRowHeight: headerRow ? headerRow.offsetHeight : undefined,
-      stickyHeader: this.state.stickyHeader,
+      stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
       tableWrapperWidth: this.state.tableWrapperWidth,
       api: pluginInjectionApi,
       isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor
@@ -931,7 +931,7 @@ class TableComponent extends React.Component {
       ,
       selection: view.state.selection,
       headerRowHeight: headerRow ? headerRow.offsetHeight : undefined,
-      stickyHeader: this.state.stickyHeader,
+      stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
       getEditorFeatureFlags: getEditorFeatureFlags,
       tableContainerWidth: tableContainerWidth,
       isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
@@ -962,7 +962,7 @@ class TableComponent extends React.Component {
     const isNested = isTableNested(view.state, tablePos);
     const topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
     const topOffset = 0;
-    const topStickyShadowPosition = this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
+    const topStickyShadowPosition = !this.props.limitedMode && this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
     const {
       tableWithFixedColumnWidthsOption = false
     } = getEditorFeatureFlags();
@@ -972,7 +972,7 @@ class TableComponent extends React.Component {
     , {
       className: classnames(ClassName.TABLE_CONTAINER, {
         [ClassName.WITH_CONTROLS]: allowControls && tableActive,
-        [ClassName.TABLE_STICKY]: this.state.stickyHeader && hasHeaderRow,
+        [ClassName.TABLE_STICKY]: !this.props.limitedMode && this.state.stickyHeader && hasHeaderRow,
         [ClassName.HOVERED_DELETE_BUTTON]: isInDanger,
         [ClassName.TABLE_SELECTED]: isTableSelected(selection !== null && selection !== void 0 ? selection : view.state.selection),
         [ClassName.NESTED_TABLE_WITH_CONTROLS]: tableActive && allowControls && this.isNestedInTable

package/dist/es2019/nodeviews/TableRow.js

@@ -21,8 +21,23 @@ const HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200;
 // if too short it would trigger too many dom updates.
 const HEADER_ROW_SCROLL_RESET_DEBOUNCE_TIMEOUT = 400;
 export default class TableRow extends TableNodeView {
-  constructor(node, view, getPos, eventDispatcher) {
+  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) {
+        this.unsubscribe();
+        this.nodeVisibilityObserverCleanupFn && this.nodeVisibilityObserverCleanupFn();
+        const tree = getTree(this.dom);
+        if (tree) {
+          this.makeRowHeaderNotSticky(tree.table, true);
+        }
+        this.emitOff(false);
+      }
+      if (this.tableContainerObserver) {
+        this.tableContainerObserver.disconnect();
+      }
+    });
     _defineProperty(this, "colControlsOffset", 0);
     _defineProperty(this, "focused", false);
     _defineProperty(this, "topPosEditorElement", 0);
@@ -63,6 +78,11 @@ 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);
+    }
     const pos = this.getPos();
     this.isInNestedTable = false;
     if (pos) {
@@ -138,6 +158,9 @@ 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 (this.tableContainerObserver) {
       this.tableContainerObserver.disconnect();
     }

package/dist/es2019/nodeviews/table-node-views.js

@@ -21,6 +21,6 @@ export const tableHeaderView = options => {
 };
 export const tableRowView = options => {
   return (node, view, getPos) => {
-    return new TableRow(node, view, getPos, options.eventDispatcher);
+    return new TableRow(node, view, getPos, options.eventDispatcher, options.pluginInjectionApi);
   };
 };

package/dist/es2019/nodeviews/table.js

@@ -50,7 +50,9 @@ const handleInlineTableWidth = (table, width) => {
 };
 export default class TableView extends ReactNodeView {
   constructor(props) {
-    super(props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props);
+    super(props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props, undefined, undefined,
+    // @portal-render-immediately
+    true);
     _defineProperty(this, "getNode", () => {
       return this.node;
     });
@@ -169,6 +171,7 @@ export default class TableView extends ReactNodeView {
     }
   }
   render(props, forwardRef) {
+    var _props$pluginInjectio, _props$pluginInjectio2, _props$pluginInjectio3;
     if (fg('platform_editor_table_use_shared_state_hook_fg')) {
       return /*#__PURE__*/React.createElement(TableComponentWithSharedState, {
         forwardRef: forwardRef,
@@ -214,11 +217,12 @@ export default class TableView extends ReactNodeView {
         tableWidthPluginState: tableWidthPluginKey,
         widthPlugin: fakePluginKey,
         mediaState: fakeMediaPluginKey,
-        tableDragAndDropState: tableDragAndDropPluginKey
+        tableDragAndDropState: tableDragAndDropPluginKey,
+        limitedModePlugin: (_props$pluginInjectio = props.pluginInjectionApi) === null || _props$pluginInjectio === void 0 ? void 0 : (_props$pluginInjectio2 = _props$pluginInjectio.limitedMode) === null || _props$pluginInjectio2 === void 0 ? void 0 : (_props$pluginInjectio3 = _props$pluginInjectio2.sharedState.currentState()) === null || _props$pluginInjectio3 === void 0 ? void 0 : _props$pluginInjectio3.limitedModePluginKey
       },
       editorView: props.view,
       render: pluginStates => {
-        var _props$options;
+        var _props$options, _pluginStates$limited, _pluginStates$limited2;
         const {
           tableResizingPluginState,
           tableWidthPluginState,
@@ -287,7 +291,8 @@ export default class TableView extends ReactNodeView {
           contentDOM: forwardRef,
           getEditorFeatureFlags: props.getEditorFeatureFlags,
           dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
-          pluginInjectionApi: props.pluginInjectionApi
+          pluginInjectionApi: props.pluginInjectionApi,
+          limitedMode: (_pluginStates$limited = (_pluginStates$limited2 = pluginStates.limitedModePlugin) === null || _pluginStates$limited2 === void 0 ? void 0 : _pluginStates$limited2.documentSizeBreachesThreshold) !== null && _pluginStates$limited !== void 0 ? _pluginStates$limited : false
         });
       }
     });

package/dist/es2019/pm-plugins/main.js

@@ -62,7 +62,8 @@ export const createPlugin = (dispatchAnalyticsEvent, dispatch, portalProviderAPI
       isChromelessEditor
     }),
     tableRow: tableRowView({
-      eventDispatcher
+      eventDispatcher,
+      pluginInjectionApi
     }),
     tableCell: tableCellView({
       eventDispatcher,

package/dist/es2019/ui/TableFloatingControls/NumberColumn/index.js

@@ -3,7 +3,6 @@ import React, { Component } from 'react';
 import classnames from 'classnames';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { isRowSelected } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { getRowHeights } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -79,19 +78,11 @@ export default class NumberColumn extends Component {
         tableActive
       } = this.props;
       const isActive = isRowSelected(index)(editorView.state.selection) || (hoveredRows || []).indexOf(index) !== -1 && !isResizing;
-      if (fg('platform_editor_nested_tables_number_column_fixes')) {
-        return classnames(ClassName.NUMBERED_COLUMN_BUTTON, {
-          [ClassName.NUMBERED_COLUMN_BUTTON_DISABLED]: isButtonDisabled,
-          [ClassName.HOVERED_CELL_IN_DANGER]: tableActive && isActive && isInDanger,
-          [ClassName.HOVERED_CELL_ACTIVE]: tableActive && isActive
-        });
-      } else {
-        return classnames(ClassName.NUMBERED_COLUMN_BUTTON, {
-          [ClassName.NUMBERED_COLUMN_BUTTON_DISABLED]: isButtonDisabled,
-          [ClassName.HOVERED_CELL_IN_DANGER]: isActive && isInDanger,
-          [ClassName.HOVERED_CELL_ACTIVE]: isActive
-        });
-      }
+      return classnames(ClassName.NUMBERED_COLUMN_BUTTON, {
+        [ClassName.NUMBERED_COLUMN_BUTTON_DISABLED]: isButtonDisabled,
+        [ClassName.HOVERED_CELL_IN_DANGER]: tableActive && isActive && isInDanger,
+        [ClassName.HOVERED_CELL_ACTIVE]: tableActive && isActive
+      });
     });
   }
   render() {

package/dist/esm/nodeviews/TableComponent.js

@@ -934,7 +934,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         ,
         selection: view.state.selection,
         headerRowHeight: headerRow ? headerRow.offsetHeight : undefined,
-        stickyHeader: this.state.stickyHeader,
+        stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
         tableWrapperWidth: this.state.tableWrapperWidth,
         api: pluginInjectionApi,
         isChromelessEditor: options === null || options === void 0 ? void 0 : options.isChromelessEditor
@@ -956,7 +956,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
         ,
         selection: view.state.selection,
         headerRowHeight: headerRow ? headerRow.offsetHeight : undefined,
-        stickyHeader: this.state.stickyHeader,
+        stickyHeader: !this.props.limitedMode ? this.state.stickyHeader : undefined,
         getEditorFeatureFlags: getEditorFeatureFlags,
         tableContainerWidth: tableContainerWidth,
         isNumberColumnEnabled: node.attrs.isNumberColumnEnabled,
@@ -989,7 +989,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       var isNested = isTableNested(view.state, tablePos);
       var topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
       var topOffset = 0;
-      var topStickyShadowPosition = this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
+      var topStickyShadowPosition = !this.props.limitedMode && this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
       var _getEditorFeatureFlag7 = getEditorFeatureFlags(),
         _getEditorFeatureFlag8 = _getEditorFeatureFlag7.tableWithFixedColumnWidthsOption,
         tableWithFixedColumnWidthsOption = _getEditorFeatureFlag8 === void 0 ? false : _getEditorFeatureFlag8;
@@ -997,7 +997,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(TableContainer
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       , {
-        className: classnames(ClassName.TABLE_CONTAINER, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ClassName.WITH_CONTROLS, allowControls && tableActive), ClassName.TABLE_STICKY, this.state.stickyHeader && hasHeaderRow), ClassName.HOVERED_DELETE_BUTTON, isInDanger), ClassName.TABLE_SELECTED, isTableSelected(selection !== null && selection !== void 0 ? selection : view.state.selection)), ClassName.NESTED_TABLE_WITH_CONTROLS, tableActive && allowControls && this.isNestedInTable)),
+        className: classnames(ClassName.TABLE_CONTAINER, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ClassName.WITH_CONTROLS, allowControls && tableActive), ClassName.TABLE_STICKY, !this.props.limitedMode && this.state.stickyHeader && hasHeaderRow), ClassName.HOVERED_DELETE_BUTTON, isInDanger), ClassName.TABLE_SELECTED, isTableSelected(selection !== null && selection !== void 0 ? selection : view.state.selection)), ClassName.NESTED_TABLE_WITH_CONTROLS, tableActive && allowControls && this.isNestedInTable)),
         editorView: view,
         getPos: getPos,
         node: node