@atlaskit/editor-plugin-table 7.6.14 → 7.7.0

package/dist/types/utils/index.d.ts

@@ -1,6 +1,6 @@
 export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, isSelectionUpdated, } from './selection';
 export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnInsertLine, createColumnLineResize, createRowInsertLine, } from './decoration';
-export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isLayoutSupported, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow, } from './nodes';
+export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow, } from './nodes';
 export { unwrapContentFromTable, removeTableFromFirstChild, removeTableFromLastChild, transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, } from './paste';
 export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowControlsButton, isDragRowControlsButton, isDragColumnFloatingInsertDot, isDragRowFloatingInsertDot, isDragCornerButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, isResizeHandleDecoration, hasResizeHandler, findNearestCellIndexToPoint, } from './dom';
 export { convertHTMLCellIndexToColumnIndex, getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames, getColumnIndexMappedToColumnIndexInFirstRow, } from './column-controls';

package/dist/types/utils/nodes.d.ts

@@ -6,7 +6,6 @@ export declare const containsHeaderRow: (table: PmNode) => boolean;
 export declare const checkIfHeaderColumnEnabled: (selection: Selection) => boolean;
 export declare const checkIfHeaderRowEnabled: (selection: Selection) => boolean;
 export declare const checkIfNumberColumnEnabled: (selection: Selection) => boolean;
-export declare const isLayoutSupported: (state: EditorState) => boolean;
 export declare const getTableWidth: (node: PmNode) => number;
 export declare const tablesHaveDifferentColumnWidths: (currentTable: PmNode, previousTable: PmNode) => boolean;
 export declare const tablesHaveDifferentNoOfColumns: (currentTable: PmNode, previousTable: PmNode) => boolean;

package/dist/types-ts4.5/nodeviews/TableContainer.d.ts

@@ -34,7 +34,6 @@ type TableContainerProps = {
     className: string;
     containerWidth: EditorContainerWidth;
     isTableResizingEnabled: boolean | undefined;
-    isBreakoutEnabled: boolean | undefined;
     editorView: EditorView;
     getPos: () => number | undefined;
     tableRef: HTMLTableElement;
@@ -45,5 +44,5 @@ type TableContainerProps = {
     tableWrapperHeight?: number;
     isWholeTableInDanger?: boolean;
 };
-export declare const TableContainer: ({ children, node, className, containerWidth: { lineLength, width: editorWidth }, isTableResizingEnabled, isBreakoutEnabled, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isTableScalingEnabled, isWholeTableInDanger, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
+export declare const TableContainer: ({ children, node, className, containerWidth: { width: editorWidth }, isTableResizingEnabled, editorView, getPos, tableRef, isNested, tableWrapperHeight, isResizing, pluginInjectionApi, isTableScalingEnabled, isWholeTableInDanger, }: PropsWithChildren<TableContainerProps>) => JSX.Element;
 export {};

package/dist/types-ts4.5/nodeviews/types.d.ts

@@ -6,7 +6,6 @@ import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../types';
 export type TableOptions = {
-    isBreakoutEnabled?: boolean;
     isFullWidthModeEnabled?: boolean;
     wasFullWidthModeEnabled?: boolean;
     isTableResizingEnabled?: boolean;

package/dist/types-ts4.5/plugin.d.ts

@@ -13,7 +13,6 @@ export interface TablePluginOptions {
     tableOptions: PluginConfig;
     tableResizingEnabled?: boolean;
     dragAndDropEnabled?: boolean;
-    breakoutEnabled?: boolean;
     allowContextualMenu?: boolean;
     fullWidthEnabled?: boolean;
     wasFullWidthEnabled?: boolean;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -5,4 +5,4 @@ import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider'
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { GetEditorContainerWidth, GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { PluginConfig, PluginInjectionAPI } from '../types';
-export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, breakoutEnabled?: boolean, tableResizingEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean) => SafePlugin<import("../types").TablePluginState>;
+export declare const createPlugin: (dispatchAnalyticsEvent: DispatchAnalyticsEvent, dispatch: Dispatch, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, pluginConfig: PluginConfig, getEditorContainerWidth: GetEditorContainerWidth, getEditorFeatureFlags: GetEditorFeatureFlags, getIntl: () => IntlShape, tableResizingEnabled?: boolean, fullWidthModeEnabled?: boolean, previousFullWidthModeEnabled?: boolean, dragAndDropEnabled?: boolean, editorAnalyticsAPI?: EditorAnalyticsAPI, pluginInjectionApi?: PluginInjectionAPI, isTableScalingEnabled?: boolean) => SafePlugin<import("../types").TablePluginState>;

package/dist/types-ts4.5/pm-plugins/table-resizing/utils/scale-table.d.ts

@@ -10,7 +10,6 @@ export interface ScaleOptions {
     previousContainerWidth?: number;
     parentWidth?: number;
     layoutChanged?: boolean;
-    isBreakoutEnabled?: boolean;
     isFullWidthModeEnabled?: boolean;
     isTableResizingEnabled?: boolean;
 }

package/dist/types-ts4.5/types.d.ts

@@ -90,7 +90,6 @@ export interface TablePluginState {
     insertColumnButtonIndex?: number;
     insertRowButtonIndex?: number;
     isFullWidthModeEnabled?: boolean;
-    layout?: TableLayout;
     ordering?: TableColumnOrdering;
     isResizeHandleWidgetAdded?: boolean;
     resizeHandleRowIndex?: number;
@@ -101,7 +100,6 @@ export interface TablePluginState {
     canCollapseTable?: boolean;
     widthToWidest?: WidthToWidest;
     getIntl: () => IntlShape;
-    isBreakoutEnabled?: boolean;
     wasFullWidthModeEnabled?: boolean;
     isTableResizingEnabled?: boolean;
     isDragAndDropEnabled?: boolean;
@@ -128,7 +126,6 @@ export type TablePluginAction = {
         tableRef?: HTMLTableElement;
         tableNode?: PmNode;
         tableWrapperTarget?: HTMLElement;
-        layout: TableLayout;
         isHeaderRowEnabled: boolean;
         isHeaderColumnEnabled: boolean;
     };
@@ -236,11 +233,6 @@ export type TablePluginAction = {
         targetCellPosition: number;
         decorationSet: DecorationSet;
     };
-} | {
-    type: 'SET_TABLE_LAYOUT';
-    data: {
-        layout: TableLayout;
-    };
 } | {
     type: 'SHOW_INSERT_ROW_BUTTON';
     data: {
@@ -315,7 +307,6 @@ export declare const TableCssClassName: {
     CONTROLS_INSERT_BUTTON_WRAP: string;
     CONTROLS_INSERT_LINE: string;
     CONTROLS_BUTTON_OVERLAY: string;
-    LAYOUT_BUTTON: string;
     DRAG_CONTROLS_INSERT_BUTTON: string;
     DRAG_CONTROLS_INSERT_BUTTON_INNER: string;
     DRAG_CONTROLS_INSERT_BUTTON_INNER_COLUMN: string;

package/dist/types-ts4.5/ui/FloatingContextualButton/index.d.ts

@@ -1,5 +1,4 @@
 import { jsx } from '@emotion/react';
-import type { TableLayout } from '@atlaskit/adf-schema';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -13,7 +12,6 @@ export interface Props {
     mountPoint?: HTMLElement;
     boundariesElement?: HTMLElement;
     scrollableElement?: HTMLElement;
-    layout?: TableLayout;
     isNumberColumnEnabled?: boolean;
     stickyHeader?: RowStickyState;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;

package/dist/types-ts4.5/utils/index.d.ts

@@ -1,6 +1,6 @@
 export { getSelectedColumnIndexes, getSelectedRowIndexes, normalizeSelection, isSelectionUpdated, } from './selection';
 export { findControlsHoverDecoration, createControlsHoverDecoration, createColumnControlsDecoration, createColumnSelectedDecoration, createCellHoverDecoration, updateDecorations, createResizeHandleDecoration, createColumnInsertLine, createColumnLineResize, createRowInsertLine, } from './decoration';
-export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, isLayoutSupported, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow, } from './nodes';
+export { isIsolating, containsHeaderColumn, containsHeaderRow, checkIfHeaderColumnEnabled, checkIfHeaderRowEnabled, checkIfNumberColumnEnabled, getTableWidth, tablesHaveDifferentColumnWidths, tablesHaveDifferentNoOfColumns, isTableNested, anyChildCellMergedAcrossRow, supportedHeaderRow, } from './nodes';
 export { unwrapContentFromTable, removeTableFromFirstChild, removeTableFromLastChild, transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, } from './paste';
 export { isCell, isCornerButton, isInsertRowButton, isColumnControlsDecorations, isTableControlsButton, isTableContainerOrWrapper, isRowControlsButton, isDragRowControlsButton, isDragColumnFloatingInsertDot, isDragRowFloatingInsertDot, isDragCornerButton, getColumnOrRowIndex, getMousePositionHorizontalRelativeByElement, getMousePositionVerticalRelativeByElement, isResizeHandleDecoration, hasResizeHandler, findNearestCellIndexToPoint, } from './dom';
 export { convertHTMLCellIndexToColumnIndex, getColumnsWidths, isColumnDeleteButtonVisible, getColumnDeleteButtonParams, getColumnClassNames, getColumnIndexMappedToColumnIndexInFirstRow, } from './column-controls';

package/dist/types-ts4.5/utils/nodes.d.ts

@@ -6,7 +6,6 @@ export declare const containsHeaderRow: (table: PmNode) => boolean;
 export declare const checkIfHeaderColumnEnabled: (selection: Selection) => boolean;
 export declare const checkIfHeaderRowEnabled: (selection: Selection) => boolean;
 export declare const checkIfNumberColumnEnabled: (selection: Selection) => boolean;
-export declare const isLayoutSupported: (state: EditorState) => boolean;
 export declare const getTableWidth: (node: PmNode) => number;
 export declare const tablesHaveDifferentColumnWidths: (currentTable: PmNode, previousTable: PmNode) => boolean;
 export declare const tablesHaveDifferentNoOfColumns: (currentTable: PmNode, previousTable: PmNode) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.6.14",
+  "version": "7.7.0",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
   "dependencies": {
     "@atlaskit/adf-schema": "^35.8.0",
     "@atlaskit/custom-steps": "^0.0.17",
-    "@atlaskit/editor-common": "^78.25.0",
+    "@atlaskit/editor-common": "^78.26.0",
     "@atlaskit/editor-palette": "1.5.3",
     "@atlaskit/editor-plugin-accessibility-utils": "^1.0.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
@@ -103,9 +103,6 @@
     }
   },
   "platform-feature-flags": {
-    "platform.editor.custom-table-width": {
-      "type": "boolean"
-    },
     "platform.editor.table.column-controls-styles-updated": {
       "type": "boolean"
     },

package/src/commands/misc.ts

@@ -79,7 +79,6 @@ export const setTableRef = (ref?: HTMLTableElement) =>
       const tableWrapperTarget =
         closestElement(tableRef, `.${ClassName.TABLE_NODE_WRAPPER}`) ||
         undefined;
-      const layout = tableNode ? tableNode.attrs.layout : undefined;
       const { isDragAndDropEnabled } = getPluginState(state);
 
       return {
@@ -89,7 +88,6 @@ export const setTableRef = (ref?: HTMLTableElement) =>
           tableNode,
           tablePos,
           tableWrapperTarget,
-          layout: layout || 'default',
           isNumberColumnEnabled: checkIfNumberColumnEnabled(state.selection),
           isHeaderRowEnabled: checkIfHeaderRowEnabled(state.selection),
           isHeaderColumnEnabled: checkIfHeaderColumnEnabled(state.selection),

package/src/nodeviews/OverflowShadowsObserver.ts

@@ -1,9 +1,6 @@
 import rafSchedule from 'raf-schd';
 
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
-
 import { TableCssClassName as ClassName, ShadowEvent } from '../types';
-import { tableInsertColumnButtonSize } from '../ui/consts';
 
 import { updateShadowListForStickyStyles } from './update-overflow-shadows';
 
@@ -67,9 +64,7 @@ export class OverflowShadowsObserver {
         {
           threshold: [0, 1],
           root: this.wrapper,
-          rootMargin: getBooleanFF('platform.editor.custom-table-width')
-            ? '0px'
-            : `0px ${tableInsertColumnButtonSize / 2}px 0px 0px`,
+          rootMargin: '0px',
         },
       );
       return;

package/src/nodeviews/TableComponent.tsx

@@ -700,7 +700,6 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
         node={node}
         tableRef={tableRef!}
         containerWidth={containerWidth}
-        isBreakoutEnabled={options?.isBreakoutEnabled}
         isNested={isNested}
         pluginInjectionApi={pluginInjectionApi}
         tableWrapperHeight={this.state.tableWrapperHeight}
@@ -795,12 +794,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
           <div
             style={{
               position: 'absolute',
-              right: getBooleanFF('platform.editor.custom-table-width')
-                ? `${
-                    token('space.400', '32px') // tableOverflowShadowWidthWide
-                  }`
-                : // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
-                  '22px',
+              right: token('space.400', '32px'), // tableOverflowShadowWidthWide
             }}
           >
             <div
@@ -866,10 +860,6 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
     const prevAttrs = prevNode.attrs;
 
     const isNested = isTableNested(this.props.view.state, this.props.getPos());
-    // We only consider a layout change valid if it's done outside of an autoSize.
-    const layoutChanged =
-      prevAttrs.layout !== node.attrs.layout &&
-      prevAttrs.__autoSize === node.attrs.__autoSize;
 
     const parentWidth = this.getParentNodeWidth();
     const parentWidthChanged =
@@ -887,8 +877,6 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
     const noOfColumnsChanged = tablesHaveDifferentNoOfColumns(node, prevNode);
 
     if (
-      // Breakout mode/layout changed
-      layoutChanged ||
       // We need to react if our parent changes
       // Scales the cols widths relative to the new parent width.
       parentWidthChanged ||
@@ -909,7 +897,6 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
       if (shouldScaleTable) {
         this.scaleTable({
           parentWidth,
-          layoutChanged,
         });
       }
 
@@ -918,7 +905,6 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
         if (!hasTableBeenResized(prevNode)) {
           this.scaleTable({
             parentWidth: node.attrs.width,
-            layoutChanged,
           });
         }
       }
@@ -931,10 +917,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
     this.layoutSize = layoutSize;
   };
 
-  private scaleTable = (scaleOptions: {
-    layoutChanged: boolean;
-    parentWidth?: number;
-  }) => {
+  private scaleTable = (scaleOptions: { parentWidth?: number }) => {
     const { view, getNode, getPos, containerWidth, options } = this.props;
     const node = getNode();
     const { state, dispatch } = view;
@@ -1006,12 +989,7 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
   private handleWindowResize = () => {
     const { getNode, containerWidth } = this.props;
     const node = getNode();
-    const prevNode = this.node;
     const layoutSize = this.tableNodeLayoutSize(node);
-    const prevAttrs = prevNode?.attrs;
-    const layoutChanged =
-      prevAttrs?.layout !== node?.attrs?.layout &&
-      prevAttrs?.__autoSize === node?.attrs?.__autoSize;
 
     if (containerWidth.width > layoutSize) {
       return;
@@ -1019,7 +997,6 @@ class TableComponent extends React.Component<ComponentProps, TableState> {
 
     const parentWidth = this.getParentNodeWidth();
     this.scaleTableDebounced({
-      layoutChanged: layoutChanged,
       parentWidth: parentWidth,
     });
   };

package/src/nodeviews/TableContainer.tsx

@@ -7,7 +7,6 @@ import type { TableEventPayload } from '@atlaskit/editor-common/analytics';
 import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { getTableContainerWidth } from '@atlaskit/editor-common/node-width';
-import { calcTableWidth } from '@atlaskit/editor-common/styles';
 import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -26,22 +25,6 @@ import { TableCssClassName as ClassName } from '../types';
 import { TableResizer } from './TableResizer';
 import type { TableResizerImprovementProps } from './TableResizer';
 
-const getMarginLeft = (
-  lineLength: number | undefined,
-  tableWidth: number | 'inherit',
-) => {
-  let marginLeft;
-  if (tableWidth !== 'inherit' && lineLength) {
-    const containerWidth = tableWidth;
-
-    if (containerWidth) {
-      marginLeft = (lineLength - containerWidth) / 2;
-    }
-  }
-
-  return marginLeft;
-};
-
 type InnerContainerProps = {
   className: string;
   style?: {
@@ -265,7 +248,6 @@ type TableContainerProps = {
   className: string;
   containerWidth: EditorContainerWidth;
   isTableResizingEnabled: boolean | undefined;
-  isBreakoutEnabled: boolean | undefined;
   editorView: EditorView;
   getPos: () => number | undefined;
   tableRef: HTMLTableElement;
@@ -281,9 +263,8 @@ export const TableContainer = ({
   children,
   node,
   className,
-  containerWidth: { lineLength, width: editorWidth },
+  containerWidth: { width: editorWidth },
   isTableResizingEnabled,
-  isBreakoutEnabled,
   editorView,
   getPos,
   tableRef,
@@ -314,10 +295,6 @@ export const TableContainer = ({
     );
   }
 
-  const tableWidth = isBreakoutEnabled
-    ? calcTableWidth(node.attrs.layout, editorWidth)
-    : 'inherit';
-
   return (
     <InnerContainer
       node={node}
@@ -325,8 +302,7 @@ export const TableContainer = ({
         'less-padding': editorWidth < akEditorMobileBreakoutPoint && !isNested,
       })}
       style={{
-        width: tableWidth,
-        marginLeft: getMarginLeft(lineLength!, tableWidth),
+        width: 'inherit',
       }}
     >
       {children}

package/src/nodeviews/table.tsx

@@ -376,7 +376,6 @@ export const createTableView = (
 ): NodeView => {
   const {
     pluginConfig,
-    isBreakoutEnabled,
     isFullWidthModeEnabled,
     wasFullWidthModeEnabled,
     isTableResizingEnabled,
@@ -395,7 +394,6 @@ export const createTableView = (
     eventDispatcher,
     getPos: getPos as getPosHandlerNode,
     options: {
-      isBreakoutEnabled,
       isFullWidthModeEnabled,
       wasFullWidthModeEnabled,
       isTableResizingEnabled,

package/src/nodeviews/types.ts

@@ -11,7 +11,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { PluginInjectionAPI } from '../types';
 
 export type TableOptions = {
-  isBreakoutEnabled?: boolean;
   isFullWidthModeEnabled?: boolean;
   wasFullWidthModeEnabled?: boolean;
   isTableResizingEnabled?: boolean;

package/src/plugin.tsx

@@ -1,12 +1,6 @@
 import React from 'react';
 
-import {
-  table,
-  tableCell,
-  tableHeader,
-  tableRow,
-  tableWithCustomWidth,
-} from '@atlaskit/adf-schema';
+import { table, tableCell, tableHeader, tableRow } from '@atlaskit/adf-schema';
 import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
 import {
   ACTION,
@@ -86,16 +80,12 @@ import FloatingContextualMenu from './ui/FloatingContextualMenu';
 import FloatingDeleteButton from './ui/FloatingDeleteButton';
 import FloatingDragMenu from './ui/FloatingDragMenu';
 import FloatingInsertButton from './ui/FloatingInsertButton';
-import LayoutButton from './ui/LayoutButton';
-import { createTableWithWidth, isLayoutSupported } from './utils';
+import { createTableWithWidth } from './utils';
 
 export interface TablePluginOptions {
   tableOptions: PluginConfig;
-  // experimental custom table resizing experience, set inside editor-core behind a feature flag
-  // will eventually replace breakoutEnabled
   tableResizingEnabled?: boolean;
   dragAndDropEnabled?: boolean;
-  breakoutEnabled?: boolean;
   allowContextualMenu?: boolean;
   // TODO these two need to be rethought
   fullWidthEnabled?: boolean;
@@ -233,12 +223,8 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
     },
 
     nodes() {
-      const tableNode = options?.tableResizingEnabled
-        ? tableWithCustomWidth
-        : table;
-
       return [
-        { name: 'table', node: tableNode },
+        { name: 'table', node: table },
         { name: 'tableHeader', node: tableHeader },
         { name: 'tableRow', node: tableRow },
         { name: 'tableCell', node: tableCell },
@@ -260,7 +246,7 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
               fullWidthEnabled,
               wasFullWidthEnabled,
               tableResizingEnabled,
-              breakoutEnabled,
+
               tableOptions,
               getEditorFeatureFlags,
               dragAndDropEnabled,
@@ -275,7 +261,6 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
               defaultGetEditorContainerWidth,
               getEditorFeatureFlags || defaultGetEditorFeatureFlags,
               getIntl,
-              breakoutEnabled,
               tableResizingEnabled,
               fullWidthEnabled,
               wasFullWidthEnabled,
@@ -466,7 +451,6 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
               tableWidthPluginState,
               dragAndDropState,
             }) => {
-              const { state } = editorView;
               const isColumnResizing = resizingPluginState?.dragging;
               const isTableResizing = tableWidthPluginState?.resizing;
               const isResizing = isColumnResizing || isTableResizing;
@@ -476,7 +460,6 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
                 tablePos,
                 targetCellPosition,
                 isContextualMenuOpen,
-                layout,
                 tableRef,
                 pluginConfig,
                 insertColumnButtonIndex,
@@ -493,26 +476,6 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
                 ? findStickyHeaderForTable(stickyHeadersState, tablePos)
                 : undefined;
 
-              const LayoutContent =
-                options &&
-                !options.tableResizingEnabled &&
-                isLayoutSupported(state) &&
-                options.breakoutEnabled ? (
-                  <LayoutButton
-                    editorView={editorView}
-                    mountPoint={popupsMountPoint}
-                    boundariesElement={popupsBoundariesElement}
-                    scrollableElement={popupsScrollableElement}
-                    targetRef={tableWrapperTarget!}
-                    layout={layout}
-                    isResizing={
-                      !!resizingPluginState && !!resizingPluginState.dragging
-                    }
-                    stickyHeader={stickyHeader}
-                    editorAnalyticsAPI={editorAnalyticsAPI}
-                  />
-                ) : null;
-
               return (
                 <>
                   {targetCellPosition &&
@@ -531,7 +494,6 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
                         scrollableElement={popupsScrollableElement}
                         dispatchAnalyticsEvent={dispatchAnalyticsEvent}
                         isContextualMenuOpen={isContextualMenuOpen}
-                        layout={layout}
                         stickyHeader={stickyHeader}
                         tableWrapper={tableWrapperTarget}
                       />
@@ -603,7 +565,6 @@ const tablesPlugin: TablePlugin = ({ config: options, api }) => {
                       editorAnalyticsAPI={editorAnalyticsAPI}
                     />
                   )}
-                  {LayoutContent}
                 </>
               );
             }}

package/src/pm-plugins/main.ts

@@ -107,7 +107,6 @@ export const createPlugin = (
   getEditorContainerWidth: GetEditorContainerWidth,
   getEditorFeatureFlags: GetEditorFeatureFlags,
   getIntl: () => IntlShape,
-  breakoutEnabled?: boolean,
   tableResizingEnabled?: boolean,
   fullWidthModeEnabled?: boolean,
   previousFullWidthModeEnabled?: boolean,
@@ -122,7 +121,6 @@ export const createPlugin = (
     insertColumnButtonIndex: undefined,
     insertRowButtonIndex: undefined,
     isFullWidthModeEnabled: fullWidthModeEnabled,
-    isBreakoutEnabled: breakoutEnabled,
     wasFullWidthModeEnabled: previousFullWidthModeEnabled,
     isTableResizingEnabled: tableResizingEnabled,
     isHeaderRowEnabled: !!pluginConfig.allowHeaderRow,

package/src/pm-plugins/table-resizing/event-handlers.ts

@@ -1,4 +1,4 @@
-import type { CellAttributes, TableLayout } from '@atlaskit/adf-schema';
+import type { CellAttributes } from '@atlaskit/adf-schema';
 import {
   ACTION_SUBJECT,
   EVENT_TYPE,
@@ -7,14 +7,12 @@ import {
   TABLE_OVERFLOW_CHANGE_TRIGGER,
 } from '@atlaskit/editor-common/analytics';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import { getParentNodeWidth } from '@atlaskit/editor-common/node-width';
 import { tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import type {
   GetEditorContainerWidth,
   GetEditorFeatureFlags,
 } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -30,7 +28,6 @@ import { evenColumns, setDragging, stopResizing } from './commands';
 import { getPluginState } from './plugin-factory';
 import {
   currentColWidth,
-  getLayoutSize,
   getResizeState,
   getTableMaxWidth,
   pointsAtCell,
@@ -80,39 +77,13 @@ export const handleMouseDown = (
     dom = dom.closest('table') as HTMLTableElement;
   }
 
-  let maxSize;
-  if (!getBooleanFF('platform.editor.a11y-column-resizing_emcvz')) {
-    const containerWidth = getEditorContainerWidth();
-    const parentWidth = getParentNodeWidth(start, state, containerWidth);
-
-    maxSize = getBooleanFF('platform.editor.custom-table-width')
-      ? parentWidth ||
-        // its safe to reference table width from node as this will not have changed
-        originalTable.attrs.width ||
-        getLayoutSize(
-          dom.getAttribute('data-layout') as TableLayout,
-          containerWidth.width,
-          {},
-        )
-      : parentWidth ||
-        getLayoutSize(
-          dom.getAttribute('data-layout') as TableLayout,
-          containerWidth.width,
-          {},
-        );
-
-    if (originalTable.attrs.isNumberColumnEnabled) {
-      maxSize -= akEditorTableNumberColumnWidth;
-    }
-  } else {
-    maxSize = getTableMaxWidth({
-      table: originalTable,
-      tableStart: start,
-      state,
-      layout: originalTable.attrs.layout,
-      getEditorContainerWidth,
-    });
-  }
+  const maxSize = getTableMaxWidth({
+    table: originalTable,
+    tableStart: start,
+    state,
+    layout: originalTable.attrs.layout,
+    getEditorContainerWidth,
+  });
 
   const shouldScale = tableDepth === 0 && isTableScalingEnabled;
   const resizeState = getResizeState({