@atlaskit/editor-plugin-table 9.3.1 → 9.3.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-table
 
+## 9.3.2
+
+### Patch Changes
+
+- [#108797](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108797)
+  [`9a3f165bc940b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9a3f165bc940b) -
+  tidy up feature flag confluence_frontend_editor_custom_presets
+- Updated dependencies
+
 ## 9.3.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/TableComponent.js

@@ -813,8 +813,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this5 = this,
-        _this$state$stickyHea2,
-        _this$state$stickyHea3,
         _this$props$options10;
       var _this$props12 = this.props,
         view = _this$props12.view,
@@ -931,7 +929,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
       var isNested = (0, _nodes.isTableNested)(view.state, tablePos);
       var topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
-      var topOffset = (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? 0 : (_this$state$stickyHea2 = (_this$state$stickyHea3 = this.state.stickyHeader) === null || _this$state$stickyHea3 === void 0 ? void 0 : _this$state$stickyHea3.top) !== null && _this$state$stickyHea2 !== void 0 ? _this$state$stickyHea2 : 0;
+      var topOffset = 0;
       var topStickyShadowPosition = this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
       var _getEditorFeatureFlag7 = getEditorFeatureFlags(),
         _getEditorFeatureFlag8 = _getEditorFeatureFlag7.tableWithFixedColumnWidthsOption,

package/dist/cjs/nodeviews/TableRow.js

@@ -14,7 +14,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _ui = require("@atlaskit/editor-common/ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pluginFactory = require("../pm-plugins/plugin-factory");
 var _pluginKey = require("../pm-plugins/plugin-key");
 var _commands = require("../pm-plugins/sticky-headers/commands");
@@ -543,11 +542,7 @@ var TableRow = exports.default = /*#__PURE__*/function (_TableNodeView) {
           _this6.refireIntersectionObservers();
         }, fastScrollThresholdMs);
       }
-      if ((0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
-        this.dom.style.top = "0px";
-      } else {
-        this.dom.style.top = "".concat(domTop, "px");
-      }
+      this.dom.style.top = "0px";
       (0, _dom.updateStickyMargins)(table);
       this.dom.scrollLeft = wrapper.scrollLeft;
       this.emitOn(domTop, this.colControlsOffset);

package/dist/cjs/nodeviews/toDOM.js

@@ -12,7 +12,6 @@ var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _colgroup = require("../pm-plugins/table-resizing/utils/colgroup");
 var _consts = require("../pm-plugins/table-resizing/utils/consts");
@@ -27,7 +26,6 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
   return _objectSpread(_objectSpread({}, tableNode), {}, {
     toDOM: function toDOM(node) {
       var gutterPadding = (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2;
-      var editorWidthFromGetter = (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? undefined : Math.min(config.getEditorContainerWidth().width - gutterPadding, node.attrs.width);
       var alignmentStyle = Object.entries((0, _tableContainerStyles.getAlignmentStyle)(node.attrs.layout)).map(function (_ref) {
         var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
           k = _ref2[0],
@@ -35,15 +33,13 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
         return "".concat((0, _kebabCase.default)(k), ": ").concat((0, _kebabCase.default)(v));
       }).join(';');
       var tableMinWidth = (0, _colgroup.getResizerMinWidth)(node);
-      var attrs = _objectSpread({
+      var attrs = {
         'data-number-column': node.attrs.isNumberColumnEnabled,
         'data-layout': node.attrs.layout,
         'data-autosize': node.attrs.__autoSize,
         'data-table-local-id': node.attrs.localId,
         'data-table-width': node.attrs.width
-      }, (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? {} : {
-        style: "width: ".concat(node.attrs.width, "px;")
-      });
+      };
       var colgroup = '';
       if (config.allowColumnResizing) {
         colgroup = ['colgroup', {}].concat((0, _toConsumableArray2.default)((0, _colgroup.generateColgroup)(node)));
@@ -84,10 +80,10 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
         style: alignmentStyle
       }, ['div', {
         class: 'pm-table-resizer-container',
-        style: (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? "width: min(calc(100cqw - ".concat(gutterPadding, "px), ").concat(node.attrs.width, "px);") : "width: ".concat(node.attrs.width, "px")
+        style: "width: min(calc(100cqw - ".concat(gutterPadding, "px), ").concat(node.attrs.width, "px);")
       }, ['div', {
         class: 'resizer-item display-handle',
-        style: (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? (0, _lazyNodeView.convertToInlineCss)({
+        style: (0, _lazyNodeView.convertToInlineCss)({
           position: 'relative',
           userSelect: 'auto',
           boxSizing: 'border-box',
@@ -97,14 +93,6 @@ var tableNodeSpecWithFixedToDOM = exports.tableNodeSpecWithFixedToDOM = function
           minWidth: 'var(--ak-editor-table-min-width)',
           maxWidth: "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))",
           width: "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(node.attrs.width, ")")
-        }) : (0, _lazyNodeView.convertToInlineCss)({
-          position: 'relative',
-          userSelect: 'auto',
-          boxSizing: 'border-box',
-          height: 'auto',
-          minWidth: "".concat(tableMinWidth, "px"),
-          maxWidth: "".concat(editorWidthFromGetter, "px"),
-          width: "".concat(editorWidthFromGetter, "px;")
         })
       }, ['span', {
         class: 'resizer-hover-zone'

package/dist/cjs/pm-plugins/utils/paste.js

@@ -44,7 +44,7 @@ var unwrapContentFromTable = exports.unwrapContentFromTable = function unwrapCon
 // Flattens nested tables after a given nesting depth
 // If this looks familiar, it's a heavily modified version of `mapFragment` which has been
 // adjusted to support tracking nesting depth. This wasn't possible by using `mapFragment` directly
-var unwrapNestedTables = function unwrapNestedTables(content, schema, unwrapNestDepth) {
+var _unwrapNestedTables = function unwrapNestedTables(content, schema, unwrapNestDepth) {
   var currentNestDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   var flattenNested = function flattenNested(node, tableDepth) {
     if (node.type === schema.nodes.table) {
@@ -58,7 +58,7 @@ var unwrapNestedTables = function unwrapNestedTables(content, schema, unwrapNest
   var children = [];
   for (var i = 0, size = content.childCount; i < size; i++) {
     var node = content.child(i);
-    var transformed = node.isLeaf ? flattenNested(node, currentNestDepth) : flattenNested(node.copy(_model.Fragment.fromArray(unwrapNestedTables(node.content, schema, unwrapNestDepth, node.type === schema.nodes.table ? currentNestDepth + 1 : currentNestDepth))), currentNestDepth);
+    var transformed = node.isLeaf ? flattenNested(node, currentNestDepth) : flattenNested(node.copy(_model.Fragment.fromArray(_unwrapNestedTables(node.content, schema, unwrapNestDepth, node.type === schema.nodes.table ? currentNestDepth + 1 : currentNestDepth))), currentNestDepth);
     if (transformed) {
       if (Array.isArray(transformed)) {
         children.push.apply(children, (0, _toConsumableArray2.default)(transformed));
@@ -141,7 +141,7 @@ var transformSliceToRemoveNestedTables = exports.transformSliceToRemoveNestedTab
     }
 
     // after we've worked out what the allowed nesting depth is, unwrap nested tables
-    var newChildren = unwrapNestedTables(node.content, schema, allowedTableNesting);
+    var newChildren = _unwrapNestedTables(node.content, schema, allowedTableNesting);
     return node.copy(_model.Fragment.fromArray(newChildren));
   });
   return new _model.Slice(newFragment, slice.openStart, openEnd);

package/dist/cjs/ui/FloatingContextualButton/FixedButton.js

@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactDom = require("react-dom");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../../types");
 var _commonStyles = require("../common-styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -93,11 +92,8 @@ var FixedButton = exports.FixedButton = function FixedButton(_ref2) {
       };
     }
   }, [fixedButtonRef, observerTargetRef, tableWrapper, targetCellPosition, targetCellRef, isContextualMenuOpen]);
-  var fixedButtonTop = (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? 0 : stickyHeader.top;
+  var fixedButtonTop = 0;
   var containerLeft = (0, _react.useMemo)(function () {
-    if (!(0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css')) {
-      return 0;
-    }
     var container = targetCellRef.closest('[data-editor-container="true"]');
     return (container === null || container === void 0 ? void 0 : container.getBoundingClientRect().left) || 0;
   }, [targetCellRef]);

package/dist/cjs/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -65,7 +65,7 @@ var ColumnControls = exports.ColumnControls = function ColumnControls(_ref) {
   var selectedColIndexes = getSelectedColumns((selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection) || editorView.state.selection);
   var firstRow = tableRef.querySelector('tr');
   var hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
-  var rowControlStickyTop = (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? 45 : rowHeights === null || rowHeights === void 0 ? void 0 : rowHeights[0];
+  var rowControlStickyTop = 45;
   var marginTop = hasHeaderRow && stickyTop !== undefined ? rowControlStickyTop !== null && rowControlStickyTop !== void 0 ? rowControlStickyTop : 0 : 0;
   var handleClick = (0, _react.useCallback)(function (event) {
     var state = editorView.state,

package/dist/cjs/ui/TableFloatingColumnControls/index.js

@@ -75,13 +75,9 @@ var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
   }
   var colWidths = (0, _columnControls.getColumnsWidths)(editorView);
   if (stickyTop) {
-    var _rowHeights$, _containerRef$current;
+    var _containerRef$current;
     var columnControlTopOffsetFromParent = '-12px';
-    var headerRowHeight = hasHeaderRow && stickyTop !== undefined ? (_rowHeights$ = rowHeights === null || rowHeights === void 0 ? void 0 : rowHeights[0]) !== null && _rowHeights$ !== void 0 ? _rowHeights$ : 0 : 0;
-    containerRef === null || containerRef === void 0 || (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || _containerRef$current.style.setProperty('top', (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? columnControlTopOffsetFromParent : // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    "".concat(stickyTop - headerRowHeight + 33, "px") // 33px is padding and margin applied on tr.sticky
-    );
+    containerRef === null || containerRef === void 0 || (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || _containerRef$current.style.setProperty('top', columnControlTopOffsetFromParent);
   } else {
     var _containerRef$current2;
     containerRef === null || containerRef === void 0 || (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.style.removeProperty('top');

package/dist/cjs/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -18,7 +18,6 @@ var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../../../pm-plugins/commands");
 var _types = require("../../../types");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -89,7 +88,7 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
         }),
         style: {
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-          top: (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? this.props.stickyTop !== undefined ? "0px" : undefined : this.props.stickyTop !== undefined ? "".concat(this.props.stickyTop, "px") : undefined
+          top: this.props.stickyTop !== undefined ? "0px" : undefined
         },
         contentEditable: false
       }, /*#__PURE__*/_react.default.createElement("button", {

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

@@ -16,7 +16,6 @@ var _react = _interopRequireWildcard(require("react"));
 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");
@@ -76,7 +75,7 @@ var NumberColumn = exports.default = /*#__PURE__*/function (_Component) {
         stickyTop = _this$props3.stickyTop,
         hasHeaderRow = _this$props3.hasHeaderRow;
       if (stickyTop && hasHeaderRow && index === 0) {
-        var topOffset = (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? 0 : stickyTop;
+        var topOffset = 0;
         return {
           height: rowHeight,
           top: "".concat(topOffset, "px")

package/dist/cjs/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -15,7 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
-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");
@@ -90,9 +89,7 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
               marginTop: "".concat(marginTop, "px"),
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-              top: (0, _platformFeatureFlags.fg)('platform_editor_breakout_use_css') ? thisRowSticky ? "3px" : undefined : thisRowSticky ? // Ignored via go/ees005
-              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-              "".concat(_this2.props.stickyTop + 3, "px") : undefined,
+              top: thisRowSticky ? "3px" : undefined,
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
               paddingTop: thisRowSticky ? "".concat(_consts.tableControlsSpacing, "px") : undefined
             }

package/dist/es2019/nodeviews/TableComponent.js

@@ -782,7 +782,7 @@ class TableComponent extends React.Component {
     }
   }
   render() {
-    var _this$state$stickyHea2, _this$state$stickyHea3, _this$props$options12;
+    var _this$props$options12;
     const {
       view,
       getNode,
@@ -899,7 +899,7 @@ class TableComponent extends React.Component {
     }
     const isNested = isTableNested(view.state, tablePos);
     const topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
-    const topOffset = fg('platform_editor_breakout_use_css') ? 0 : (_this$state$stickyHea2 = (_this$state$stickyHea3 = this.state.stickyHeader) === null || _this$state$stickyHea3 === void 0 ? void 0 : _this$state$stickyHea3.top) !== null && _this$state$stickyHea2 !== void 0 ? _this$state$stickyHea2 : 0;
+    const topOffset = 0;
     const topStickyShadowPosition = this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
     const {
       tableWithFixedColumnWidthsOption = false

package/dist/es2019/nodeviews/TableRow.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
 import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
@@ -505,11 +504,7 @@ export default class TableRow extends TableNodeView {
         this.refireIntersectionObservers();
       }, fastScrollThresholdMs);
     }
-    if (fg('platform_editor_breakout_use_css')) {
-      this.dom.style.top = `0px`;
-    } else {
-      this.dom.style.top = `${domTop}px`;
-    }
+    this.dom.style.top = `0px`;
     updateTableMargin(table);
     this.dom.scrollLeft = wrapper.scrollLeft;
     this.emitOn(domTop, this.colControlsOffset);

package/dist/es2019/nodeviews/toDOM.js

@@ -2,7 +2,6 @@ import kebabCase from 'lodash/kebabCase';
 import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { generateColgroup, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
@@ -16,7 +15,6 @@ export const tableNodeSpecWithFixedToDOM = config => {
     ...tableNode,
     toDOM: node => {
       const gutterPadding = akEditorGutterPaddingDynamic() * 2;
-      const editorWidthFromGetter = fg('platform_editor_breakout_use_css') ? undefined : Math.min(config.getEditorContainerWidth().width - gutterPadding, node.attrs.width);
       const alignmentStyle = Object.entries(getAlignmentStyle(node.attrs.layout)).map(([k, v]) => `${kebabCase(k)}: ${kebabCase(v)}`).join(';');
       const tableMinWidth = getResizerMinWidth(node);
       const attrs = {
@@ -24,10 +22,7 @@ export const tableNodeSpecWithFixedToDOM = config => {
         'data-layout': node.attrs.layout,
         'data-autosize': node.attrs.__autoSize,
         'data-table-local-id': node.attrs.localId,
-        'data-table-width': node.attrs.width,
-        ...(fg('platform_editor_breakout_use_css') ? {} : {
-          style: `width: ${node.attrs.width}px;`
-        })
+        'data-table-width': node.attrs.width
       };
       let colgroup = '';
       if (config.allowColumnResizing) {
@@ -69,10 +64,10 @@ export const tableNodeSpecWithFixedToDOM = config => {
         style: alignmentStyle
       }, ['div', {
         class: 'pm-table-resizer-container',
-        style: fg('platform_editor_breakout_use_css') ? `width: min(calc(100cqw - ${gutterPadding}px), ${node.attrs.width}px);` : `width: ${node.attrs.width}px`
+        style: `width: min(calc(100cqw - ${gutterPadding}px), ${node.attrs.width}px);`
       }, ['div', {
         class: 'resizer-item display-handle',
-        style: fg('platform_editor_breakout_use_css') ? convertToInlineCss({
+        style: convertToInlineCss({
           position: 'relative',
           userSelect: 'auto',
           boxSizing: 'border-box',
@@ -82,14 +77,6 @@ export const tableNodeSpecWithFixedToDOM = config => {
           minWidth: 'var(--ak-editor-table-min-width)',
           maxWidth: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))`,
           width: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ${node.attrs.width})`
-        }) : convertToInlineCss({
-          position: 'relative',
-          userSelect: 'auto',
-          boxSizing: 'border-box',
-          height: 'auto',
-          minWidth: `${tableMinWidth}px`,
-          maxWidth: `${editorWidthFromGetter}px`,
-          width: `${editorWidthFromGetter}px;`
         })
       }, ['span', {
         class: 'resizer-hover-zone'

package/dist/es2019/ui/FloatingContextualButton/FixedButton.js

@@ -2,7 +2,6 @@ import React, { useEffect, useMemo, useRef } from 'react';
 import rafSchedule from 'raf-schd';
 import { createPortal } from 'react-dom';
 import { akEditorTableCellOnStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { TableCssClassName as ClassName } from '../../types';
 import { insertColumnButtonOffset } from '../common-styles';
 const BUTTON_WIDTH = 20;
@@ -85,11 +84,8 @@ export const FixedButton = ({
       };
     }
   }, [fixedButtonRef, observerTargetRef, tableWrapper, targetCellPosition, targetCellRef, isContextualMenuOpen]);
-  const fixedButtonTop = fg('platform_editor_breakout_use_css') ? 0 : stickyHeader.top;
+  const fixedButtonTop = 0;
   const containerLeft = useMemo(() => {
-    if (!fg('platform_editor_breakout_use_css')) {
-      return 0;
-    }
     const container = targetCellRef.closest('[data-editor-container="true"]');
     return (container === null || container === void 0 ? void 0 : container.getBoundingClientRect().left) || 0;
   }, [targetCellRef]);

package/dist/es2019/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -55,7 +55,7 @@ export const ColumnControls = ({
   const selectedColIndexes = getSelectedColumns((selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection) || editorView.state.selection);
   const firstRow = tableRef.querySelector('tr');
   const hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
-  const rowControlStickyTop = fg('platform_editor_breakout_use_css') ? 45 : rowHeights === null || rowHeights === void 0 ? void 0 : rowHeights[0];
+  const rowControlStickyTop = 45;
   const marginTop = hasHeaderRow && stickyTop !== undefined ? rowControlStickyTop !== null && rowControlStickyTop !== void 0 ? rowControlStickyTop : 0 : 0;
   const handleClick = useCallback(event => {
     const {

package/dist/es2019/ui/TableFloatingColumnControls/index.js

@@ -64,14 +64,9 @@ const TableFloatingColumnControls = ({
   }
   const colWidths = getColumnsWidths(editorView);
   if (stickyTop) {
-    var _rowHeights$, _containerRef$current;
+    var _containerRef$current;
     const columnControlTopOffsetFromParent = '-12px';
-    const headerRowHeight = hasHeaderRow && stickyTop !== undefined ? (_rowHeights$ = rowHeights === null || rowHeights === void 0 ? void 0 : rowHeights[0]) !== null && _rowHeights$ !== void 0 ? _rowHeights$ : 0 : 0;
-    containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.style.setProperty('top', fg('platform_editor_breakout_use_css') ? columnControlTopOffsetFromParent :
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    `${stickyTop - headerRowHeight + 33}px` // 33px is padding and margin applied on tr.sticky
-    );
+    containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.style.setProperty('top', columnControlTopOffsetFromParent);
   } else {
     var _containerRef$current2;
     containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.style.removeProperty('top');

package/dist/es2019/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -5,7 +5,6 @@ import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection, hoverTable } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
 // Ignored via go/ees005
@@ -72,7 +71,7 @@ class CornerControlComponent extends Component {
       }),
       style: {
         // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-        top: fg('platform_editor_breakout_use_css') ? this.props.stickyTop !== undefined ? `0px` : undefined : this.props.stickyTop !== undefined ? `${this.props.stickyTop}px` : undefined
+        top: this.props.stickyTop !== undefined ? `0px` : undefined
       },
       contentEditable: false
     }, /*#__PURE__*/React.createElement("button", {

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';
@@ -60,7 +59,7 @@ export default class NumberColumn extends Component {
         hasHeaderRow
       } = this.props;
       if (stickyTop && hasHeaderRow && index === 0) {
-        const topOffset = fg('platform_editor_breakout_use_css') ? 0 : stickyTop;
+        const topOffset = 0;
         return {
           height: rowHeight,
           top: `${topOffset}px`

package/dist/es2019/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { getRowClassNames, getRowHeights, getRowsParams } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -70,10 +69,7 @@ class RowControlsComponent extends Component {
             // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
             marginTop: `${marginTop}px`,
             // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-            top: fg('platform_editor_breakout_use_css') ? thisRowSticky ? `3px` : undefined : thisRowSticky ?
-            // Ignored via go/ees005
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            `${this.props.stickyTop + 3}px` : undefined,
+            top: thisRowSticky ? `3px` : undefined,
             // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
             paddingTop: thisRowSticky ? `${tableControlsSpacing}px` : undefined
           }

package/dist/esm/nodeviews/TableComponent.js

@@ -807,8 +807,6 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this5 = this,
-        _this$state$stickyHea2,
-        _this$state$stickyHea3,
         _this$props$options10;
       var _this$props12 = this.props,
         view = _this$props12.view,
@@ -925,7 +923,7 @@ var TableComponent = /*#__PURE__*/function (_React$Component) {
       }
       var isNested = isTableNested(view.state, tablePos);
       var topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
-      var topOffset = fg('platform_editor_breakout_use_css') ? 0 : (_this$state$stickyHea2 = (_this$state$stickyHea3 = this.state.stickyHeader) === null || _this$state$stickyHea3 === void 0 ? void 0 : _this$state$stickyHea3.top) !== null && _this$state$stickyHea2 !== void 0 ? _this$state$stickyHea2 : 0;
+      var topOffset = 0;
       var topStickyShadowPosition = this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;
       var _getEditorFeatureFlag7 = getEditorFeatureFlags(),
         _getEditorFeatureFlag8 = _getEditorFeatureFlag7.tableWithFixedColumnWidthsOption,

package/dist/esm/nodeviews/TableRow.js

@@ -9,7 +9,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
 import { updateStickyState } from '../pm-plugins/sticky-headers/commands';
@@ -536,11 +535,7 @@ var TableRow = /*#__PURE__*/function (_TableNodeView) {
           _this6.refireIntersectionObservers();
         }, fastScrollThresholdMs);
       }
-      if (fg('platform_editor_breakout_use_css')) {
-        this.dom.style.top = "0px";
-      } else {
-        this.dom.style.top = "".concat(domTop, "px");
-      }
+      this.dom.style.top = "0px";
       updateTableMargin(table);
       this.dom.scrollLeft = wrapper.scrollLeft;
       this.emitOn(domTop, this.colControlsOffset);

package/dist/esm/nodeviews/toDOM.js

@@ -7,7 +7,6 @@ import kebabCase from 'lodash/kebabCase';
 import { table, tableWithNestedTable } from '@atlaskit/adf-schema';
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { generateColgroup, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
 import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils/consts';
@@ -20,7 +19,6 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
   return _objectSpread(_objectSpread({}, tableNode), {}, {
     toDOM: function toDOM(node) {
       var gutterPadding = akEditorGutterPaddingDynamic() * 2;
-      var editorWidthFromGetter = fg('platform_editor_breakout_use_css') ? undefined : Math.min(config.getEditorContainerWidth().width - gutterPadding, node.attrs.width);
       var alignmentStyle = Object.entries(getAlignmentStyle(node.attrs.layout)).map(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 2),
           k = _ref2[0],
@@ -28,15 +26,13 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
         return "".concat(kebabCase(k), ": ").concat(kebabCase(v));
       }).join(';');
       var tableMinWidth = getResizerMinWidth(node);
-      var attrs = _objectSpread({
+      var attrs = {
         'data-number-column': node.attrs.isNumberColumnEnabled,
         'data-layout': node.attrs.layout,
         'data-autosize': node.attrs.__autoSize,
         'data-table-local-id': node.attrs.localId,
         'data-table-width': node.attrs.width
-      }, fg('platform_editor_breakout_use_css') ? {} : {
-        style: "width: ".concat(node.attrs.width, "px;")
-      });
+      };
       var colgroup = '';
       if (config.allowColumnResizing) {
         colgroup = ['colgroup', {}].concat(_toConsumableArray(generateColgroup(node)));
@@ -77,10 +73,10 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
         style: alignmentStyle
       }, ['div', {
         class: 'pm-table-resizer-container',
-        style: fg('platform_editor_breakout_use_css') ? "width: min(calc(100cqw - ".concat(gutterPadding, "px), ").concat(node.attrs.width, "px);") : "width: ".concat(node.attrs.width, "px")
+        style: "width: min(calc(100cqw - ".concat(gutterPadding, "px), ").concat(node.attrs.width, "px);")
       }, ['div', {
         class: 'resizer-item display-handle',
-        style: fg('platform_editor_breakout_use_css') ? convertToInlineCss({
+        style: convertToInlineCss({
           position: 'relative',
           userSelect: 'auto',
           boxSizing: 'border-box',
@@ -90,14 +86,6 @@ export var tableNodeSpecWithFixedToDOM = function tableNodeSpecWithFixedToDOM(co
           minWidth: 'var(--ak-editor-table-min-width)',
           maxWidth: "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))",
           width: "min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ".concat(node.attrs.width, ")")
-        }) : convertToInlineCss({
-          position: 'relative',
-          userSelect: 'auto',
-          boxSizing: 'border-box',
-          height: 'auto',
-          minWidth: "".concat(tableMinWidth, "px"),
-          maxWidth: "".concat(editorWidthFromGetter, "px"),
-          width: "".concat(editorWidthFromGetter, "px;")
         })
       }, ['span', {
         class: 'resizer-hover-zone'

package/dist/esm/pm-plugins/utils/paste.js

@@ -37,7 +37,7 @@ export var unwrapContentFromTable = function unwrapContentFromTable(maybeTable)
 // Flattens nested tables after a given nesting depth
 // If this looks familiar, it's a heavily modified version of `mapFragment` which has been
 // adjusted to support tracking nesting depth. This wasn't possible by using `mapFragment` directly
-var unwrapNestedTables = function unwrapNestedTables(content, schema, unwrapNestDepth) {
+var _unwrapNestedTables = function unwrapNestedTables(content, schema, unwrapNestDepth) {
   var currentNestDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   var flattenNested = function flattenNested(node, tableDepth) {
     if (node.type === schema.nodes.table) {
@@ -51,7 +51,7 @@ var unwrapNestedTables = function unwrapNestedTables(content, schema, unwrapNest
   var children = [];
   for (var i = 0, size = content.childCount; i < size; i++) {
     var node = content.child(i);
-    var transformed = node.isLeaf ? flattenNested(node, currentNestDepth) : flattenNested(node.copy(Fragment.fromArray(unwrapNestedTables(node.content, schema, unwrapNestDepth, node.type === schema.nodes.table ? currentNestDepth + 1 : currentNestDepth))), currentNestDepth);
+    var transformed = node.isLeaf ? flattenNested(node, currentNestDepth) : flattenNested(node.copy(Fragment.fromArray(_unwrapNestedTables(node.content, schema, unwrapNestDepth, node.type === schema.nodes.table ? currentNestDepth + 1 : currentNestDepth))), currentNestDepth);
     if (transformed) {
       if (Array.isArray(transformed)) {
         children.push.apply(children, _toConsumableArray(transformed));
@@ -134,7 +134,7 @@ export var transformSliceToRemoveNestedTables = function transformSliceToRemoveN
     }
 
     // after we've worked out what the allowed nesting depth is, unwrap nested tables
-    var newChildren = unwrapNestedTables(node.content, schema, allowedTableNesting);
+    var newChildren = _unwrapNestedTables(node.content, schema, allowedTableNesting);
     return node.copy(Fragment.fromArray(newChildren));
   });
   return new Slice(newFragment, slice.openStart, openEnd);

package/dist/esm/ui/FloatingContextualButton/FixedButton.js

@@ -2,7 +2,6 @@ import React, { useEffect, useMemo, useRef } from 'react';
 import rafSchedule from 'raf-schd';
 import { createPortal } from 'react-dom';
 import { akEditorTableCellOnStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { TableCssClassName as ClassName } from '../../types';
 import { insertColumnButtonOffset } from '../common-styles';
 var BUTTON_WIDTH = 20;
@@ -83,11 +82,8 @@ export var FixedButton = function FixedButton(_ref2) {
       };
     }
   }, [fixedButtonRef, observerTargetRef, tableWrapper, targetCellPosition, targetCellRef, isContextualMenuOpen]);
-  var fixedButtonTop = fg('platform_editor_breakout_use_css') ? 0 : stickyHeader.top;
+  var fixedButtonTop = 0;
   var containerLeft = useMemo(function () {
-    if (!fg('platform_editor_breakout_use_css')) {
-      return 0;
-    }
     var container = targetCellRef.closest('[data-editor-container="true"]');
     return (container === null || container === void 0 ? void 0 : container.getBoundingClientRect().left) || 0;
   }, [targetCellRef]);

package/dist/esm/ui/TableFloatingColumnControls/ColumnControls/index.js

@@ -56,7 +56,7 @@ export var ColumnControls = function ColumnControls(_ref) {
   var selectedColIndexes = getSelectedColumns((selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection) || editorView.state.selection);
   var firstRow = tableRef.querySelector('tr');
   var hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
-  var rowControlStickyTop = fg('platform_editor_breakout_use_css') ? 45 : rowHeights === null || rowHeights === void 0 ? void 0 : rowHeights[0];
+  var rowControlStickyTop = 45;
   var marginTop = hasHeaderRow && stickyTop !== undefined ? rowControlStickyTop !== null && rowControlStickyTop !== void 0 ? rowControlStickyTop : 0 : 0;
   var handleClick = useCallback(function (event) {
     var state = editorView.state,

package/dist/esm/ui/TableFloatingColumnControls/index.js

@@ -65,13 +65,9 @@ var TableFloatingColumnControls = function TableFloatingColumnControls(_ref) {
   }
   var colWidths = getColumnsWidths(editorView);
   if (stickyTop) {
-    var _rowHeights$, _containerRef$current;
+    var _containerRef$current;
     var columnControlTopOffsetFromParent = '-12px';
-    var headerRowHeight = hasHeaderRow && stickyTop !== undefined ? (_rowHeights$ = rowHeights === null || rowHeights === void 0 ? void 0 : rowHeights[0]) !== null && _rowHeights$ !== void 0 ? _rowHeights$ : 0 : 0;
-    containerRef === null || containerRef === void 0 || (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || _containerRef$current.style.setProperty('top', fg('platform_editor_breakout_use_css') ? columnControlTopOffsetFromParent : // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    "".concat(stickyTop - headerRowHeight + 33, "px") // 33px is padding and margin applied on tr.sticky
-    );
+    containerRef === null || containerRef === void 0 || (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 || _containerRef$current.style.setProperty('top', columnControlTopOffsetFromParent);
   } else {
     var _containerRef$current2;
     containerRef === null || containerRef === void 0 || (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 || _containerRef$current2.style.removeProperty('top');

package/dist/esm/ui/TableFloatingControls/CornerControls/ClassicCornerControls.js

@@ -12,7 +12,6 @@ import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection, hoverTable } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
 // Ignored via go/ees005
@@ -79,7 +78,7 @@ var CornerControlComponent = /*#__PURE__*/function (_Component) {
         }),
         style: {
           // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-          top: fg('platform_editor_breakout_use_css') ? this.props.stickyTop !== undefined ? "0px" : undefined : this.props.stickyTop !== undefined ? "".concat(this.props.stickyTop, "px") : undefined
+          top: this.props.stickyTop !== undefined ? "0px" : undefined
         },
         contentEditable: false
       }, /*#__PURE__*/React.createElement("button", {

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

@@ -10,7 +10,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';
@@ -66,7 +65,7 @@ var NumberColumn = /*#__PURE__*/function (_Component) {
         stickyTop = _this$props3.stickyTop,
         hasHeaderRow = _this$props3.hasHeaderRow;
       if (stickyTop && hasHeaderRow && index === 0) {
-        var topOffset = fg('platform_editor_breakout_use_css') ? 0 : stickyTop;
+        var topOffset = 0;
         return {
           height: rowHeight,
           top: "".concat(topOffset, "px")

package/dist/esm/ui/TableFloatingControls/RowControls/ClassicControls.js

@@ -9,7 +9,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { Component } from 'react';
 import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import { getRowClassNames, getRowHeights, getRowsParams } from '../../../pm-plugins/utils/row-controls';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -80,9 +79,7 @@ var RowControlsComponent = /*#__PURE__*/function (_Component) {
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
               marginTop: "".concat(marginTop, "px"),
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-              top: fg('platform_editor_breakout_use_css') ? thisRowSticky ? "3px" : undefined : thisRowSticky ? // Ignored via go/ees005
-              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-              "".concat(_this2.props.stickyTop + 3, "px") : undefined,
+              top: thisRowSticky ? "3px" : undefined,
               // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
               paddingTop: thisRowSticky ? "".concat(tableControlsSpacing, "px") : undefined
             }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "9.3.1",
+	"version": "9.3.2",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 		"@atlaskit/adf-schema": "^46.1.0",
 		"@atlaskit/button": "^20.4.0",
 		"@atlaskit/custom-steps": "^0.9.0",
-		"@atlaskit/editor-common": "^99.6.0",
+		"@atlaskit/editor-common": "^99.7.0",
 		"@atlaskit/editor-palette": "1.7.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^1.3.0",
 		"@atlaskit/editor-plugin-analytics": "^1.11.0",
@@ -110,9 +110,6 @@
 		"platform_editor_batch_steps_table": {
 			"type": "boolean"
 		},
-		"platform_editor_breakout_use_css": {
-			"type": "boolean"
-		},
 		"platform_editor_nested_table_in_nested_parent_fix": {
 			"type": "boolean"
 		},

package/src/nodeviews/TableComponent.tsx

@@ -908,9 +908,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 		const isNested = isTableNested(view.state, tablePos);
 
 		const topShadowPadding = isDragAndDropEnabled ? 0 : shadowPadding;
-		const topOffset = fg('platform_editor_breakout_use_css')
-			? 0
-			: this.state.stickyHeader?.top ?? 0;
+		const topOffset = 0;
 
 		const topStickyShadowPosition =
 			this.state.stickyHeader && topOffset + this.state.stickyHeader.padding + topShadowPadding + 2;

package/src/nodeviews/TableRow.ts

@@ -5,7 +5,6 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { findOverflowScrollParent } from '@atlaskit/editor-common/ui';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 import { getPluginState } from '../pm-plugins/plugin-factory';
 import { pluginKey as tablePluginKey } from '../pm-plugins/plugin-key';
@@ -611,12 +610,7 @@ export default class TableRow extends TableNodeView<HTMLTableRowElement> impleme
 				this.refireIntersectionObservers();
 			}, fastScrollThresholdMs);
 		}
-
-		if (fg('platform_editor_breakout_use_css')) {
-			this.dom.style.top = `0px`;
-		} else {
-			this.dom.style.top = `${domTop}px`;
-		}
+		this.dom.style.top = `0px`;
 		updateTableMargin(table);
 		this.dom.scrollLeft = wrapper.scrollLeft;
 

package/src/nodeviews/toDOM.ts

@@ -5,7 +5,6 @@ import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
 import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { DOMOutputSpec, NodeSpec, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { akEditorGutterPaddingDynamic } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 
 import { generateColgroup, getResizerMinWidth } from '../pm-plugins/table-resizing/utils/colgroup';
@@ -30,9 +29,6 @@ export const tableNodeSpecWithFixedToDOM = (config: Config): NodeSpec => {
 		...tableNode,
 		toDOM: (node: PMNode): DOMOutputSpec => {
 			const gutterPadding = akEditorGutterPaddingDynamic() * 2;
-			const editorWidthFromGetter = fg('platform_editor_breakout_use_css')
-				? undefined
-				: Math.min(config.getEditorContainerWidth().width - gutterPadding, node.attrs.width);
 
 			const alignmentStyle = Object.entries(getAlignmentStyle(node.attrs.layout))
 				.map(([k, v]) => `${kebabCase(k)}: ${kebabCase(v)}`)
@@ -46,9 +42,6 @@ export const tableNodeSpecWithFixedToDOM = (config: Config): NodeSpec => {
 				'data-autosize': node.attrs.__autoSize,
 				'data-table-local-id': node.attrs.localId,
 				'data-table-width': node.attrs.width,
-				...(fg('platform_editor_breakout_use_css')
-					? {}
-					: { style: `width: ${node.attrs.width}px;` }),
 			};
 
 			let colgroup: DOMOutputSpec = '';
@@ -136,16 +129,13 @@ export const tableNodeSpecWithFixedToDOM = (config: Config): NodeSpec => {
 					'div',
 					{
 						class: 'pm-table-resizer-container',
-						style: fg('platform_editor_breakout_use_css')
-							? `width: min(calc(100cqw - ${gutterPadding}px), ${node.attrs.width}px);`
-							: `width: ${node.attrs.width}px`,
+						style: `width: min(calc(100cqw - ${gutterPadding}px), ${node.attrs.width}px);`,
 					},
 					[
 						'div',
 						{
 							class: 'resizer-item display-handle',
-							style: fg('platform_editor_breakout_use_css')
-								? convertToInlineCss({
+							style: convertToInlineCss({
 										position: 'relative',
 										userSelect: 'auto',
 										boxSizing: 'border-box',
@@ -156,15 +146,6 @@ export const tableNodeSpecWithFixedToDOM = (config: Config): NodeSpec => {
 										maxWidth: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), var(--ak-editor-table-max-width))`,
 										width: `min(calc(100cqw - var(--ak-editor-table-gutter-padding)), ${node.attrs.width})`,
 									})
-								: convertToInlineCss({
-										position: 'relative',
-										userSelect: 'auto',
-										boxSizing: 'border-box',
-										height: 'auto',
-										minWidth: `${tableMinWidth}px`,
-										maxWidth: `${editorWidthFromGetter}px`,
-										width: `${editorWidthFromGetter}px;`,
-									}),
 						},
 						[
 							'span',

package/src/ui/FloatingContextualButton/FixedButton.tsx

@@ -4,7 +4,6 @@ import rafSchedule from 'raf-schd';
 import { createPortal } from 'react-dom';
 
 import { akEditorTableCellOnStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { token } from '@atlaskit/tokens';
 
 import type { RowStickyState } from '../../pm-plugins/sticky-headers/types';
@@ -134,13 +133,9 @@ export const FixedButton = ({
 		isContextualMenuOpen,
 	]);
 
-	const fixedButtonTop = fg('platform_editor_breakout_use_css') ? 0 : stickyHeader.top;
+	const fixedButtonTop = 0;
 
 	const containerLeft = useMemo(() => {
-		if (!fg('platform_editor_breakout_use_css')) {
-			return 0;
-		}
-
 		const container = targetCellRef.closest('[data-editor-container="true"]');
 		return container?.getBoundingClientRect().left || 0;
 	}, [targetCellRef]);

package/src/ui/TableFloatingColumnControls/ColumnControls/index.tsx

@@ -96,7 +96,7 @@ export const ColumnControls = ({
 	const firstRow = tableRef.querySelector('tr');
 	const hasHeaderRow = firstRow ? firstRow.getAttribute('data-header-row') : false;
 
-	const rowControlStickyTop = fg('platform_editor_breakout_use_css') ? 45 : rowHeights?.[0];
+	const rowControlStickyTop = 45;
 	const marginTop = hasHeaderRow && stickyTop !== undefined ? rowControlStickyTop ?? 0 : 0;
 
 	const handleClick = useCallback(

package/src/ui/TableFloatingColumnControls/index.tsx

@@ -101,14 +101,9 @@ const TableFloatingColumnControls = ({
 
 	if (stickyTop) {
 		const columnControlTopOffsetFromParent = '-12px';
-		const headerRowHeight = hasHeaderRow && stickyTop !== undefined ? rowHeights?.[0] ?? 0 : 0;
 		containerRef?.current?.style.setProperty(
 			'top',
-			fg('platform_editor_breakout_use_css')
-				? columnControlTopOffsetFromParent
-				: // Ignored via go/ees005
-					// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-					`${stickyTop! - headerRowHeight + 33}px`, // 33px is padding and margin applied on tr.sticky
+			columnControlTopOffsetFromParent
 		);
 	} else {
 		containerRef?.current?.style.removeProperty('top');

package/src/ui/TableFloatingControls/CornerControls/ClassicCornerControls.tsx

@@ -7,7 +7,6 @@ import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, isTableSelected, selectTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 import { clearHoverSelection, hoverTable } from '../../../pm-plugins/commands';
 import { TableCssClassName as ClassName } from '../../../types';
@@ -39,13 +38,9 @@ class CornerControlComponent extends Component<CornerControlProps & WrappedCompo
 				})}
 				style={{
 					// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-					top: fg('platform_editor_breakout_use_css')
-						? this.props.stickyTop !== undefined
+					top: this.props.stickyTop !== undefined
 							? `0px`
 							: undefined
-						: this.props.stickyTop !== undefined
-							? `${this.props.stickyTop}px`
-							: undefined,
 				}}
 				contentEditable={false}
 			>

package/src/ui/TableFloatingControls/NumberColumn/index.tsx

@@ -5,7 +5,6 @@ import classnames from 'classnames';
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 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';
@@ -123,7 +122,7 @@ export default class NumberColumn extends Component<Props, any> {
 	private getCellStyles = (index: number, rowHeight: number) => {
 		const { stickyTop, hasHeaderRow } = this.props;
 		if (stickyTop && hasHeaderRow && index === 0) {
-			const topOffset = fg('platform_editor_breakout_use_css') ? 0 : stickyTop;
+			const topOffset = 0;
 
 			return {
 				height: rowHeight,

package/src/ui/TableFloatingControls/RowControls/ClassicControls.tsx

@@ -6,7 +6,6 @@ import { injectIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 import { clearHoverSelection } from '../../../pm-plugins/commands';
 import type { RowParams } from '../../../pm-plugins/utils/row-controls';
@@ -85,14 +84,8 @@ class RowControlsComponent extends Component<Props & WrappedComponentProps> {
 									// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
 									marginTop: `${marginTop}px`,
 									// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-									top: fg('platform_editor_breakout_use_css')
-										? thisRowSticky
+									top: thisRowSticky
 											? `3px`
-											: undefined
-										: thisRowSticky
-											? // Ignored via go/ees005
-												// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-												`${this.props.stickyTop! + 3}px`
 											: undefined,
 									// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
 									paddingTop: thisRowSticky ? `${tableControlsSpacing}px` : undefined,