@atlaskit/editor-plugin-table 7.6.13 → 7.7.0

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({

package/src/pm-plugins/table-resizing/utils/colgroup.ts

@@ -3,7 +3,6 @@ import { getFragmentBackingArray } from '@atlaskit/editor-common/utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import { getTableScalingPercent } from './misc';
 
@@ -21,70 +20,50 @@ export const getColWidthFix = (colwidth: number, tableColumnCount: number) =>
 export const generateColgroup = (table: PmNode, tableRef?: HTMLElement) => {
   const cols: Col[] = [];
 
-  if (getBooleanFF('platform.editor.custom-table-width')) {
-    const map = TableMap.get(table);
-    table.content.firstChild!.content.forEach((cell) => {
-      const colspan = cell.attrs.colspan || 1;
-      if (Array.isArray(cell.attrs.colwidth)) {
-        // We slice here to guard against our colwidth array having more entries
-        // Than the we actually span. We'll patch the document at a later point.
-        if (tableRef) {
-          const scalePercent = getTableScalingPercent(table, tableRef);
-          cell.attrs.colwidth.slice(0, colspan).forEach((width) => {
-            const fixedColWidth = getColWidthFix(width, map.width);
-            const scaledWidth = fixedColWidth * scalePercent;
-            const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
-            cols.push([
-              'col',
-              {
-                style: `width: ${finalWidth}px;`,
-              },
-            ]);
-          });
-        } else {
-          cell.attrs.colwidth.slice(0, colspan).forEach((width) => {
-            cols.push([
-              'col',
-              {
-                style: `width: ${getColWidthFix(
-                  width
-                    ? Math.max(width, tableCellMinWidth)
-                    : tableCellMinWidth,
-                  map.width,
-                )}px;`,
-              },
-            ]);
-          });
-        }
-      } else {
-        // When we have merged cells on the first row (firstChild),
-        // We want to ensure we're creating the appropriate amount of
-        // cols the table still has.
-        cols.push(
-          ...Array.from({ length: colspan }, (_) => [
-            'col',
-            { style: `width: ${tableCellMinWidth}px;` },
-          ]),
-        );
-      }
-    });
-  } else {
-    table.content.firstChild!.content.forEach((cell) => {
-      const colspan = cell.attrs.colspan || 1;
-      if (Array.isArray(cell.attrs.colwidth)) {
-        // We slice here to guard against our colwidth array having more entries
-        // Than the we actually span. We'll patch the document at a later point.
+  const map = TableMap.get(table);
+  table.content.firstChild!.content.forEach((cell) => {
+    const colspan = cell.attrs.colspan || 1;
+    if (Array.isArray(cell.attrs.colwidth)) {
+      // We slice here to guard against our colwidth array having more entries
+      // Than the we actually span. We'll patch the document at a later point.
+      if (tableRef) {
+        const scalePercent = getTableScalingPercent(table, tableRef);
         cell.attrs.colwidth.slice(0, colspan).forEach((width) => {
-          cols.push(['col', width ? { style: `width: ${width}px;` } : {}]);
+          const fixedColWidth = getColWidthFix(width, map.width);
+          const scaledWidth = fixedColWidth * scalePercent;
+          const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
+          cols.push([
+            'col',
+            {
+              style: `width: ${finalWidth}px;`,
+            },
+          ]);
         });
       } else {
-        // When we have merged cells on the first row (firstChild),
-        // We want to ensure we're creating the appropriate amount of
-        // cols the table still has.
-        cols.push(...Array.from({ length: colspan }, (_) => ['col', {}]));
+        cell.attrs.colwidth.slice(0, colspan).forEach((width) => {
+          cols.push([
+            'col',
+            {
+              style: `width: ${getColWidthFix(
+                width ? Math.max(width, tableCellMinWidth) : tableCellMinWidth,
+                map.width,
+              )}px;`,
+            },
+          ]);
+        });
       }
-    });
-  }
+    } else {
+      // When we have merged cells on the first row (firstChild),
+      // We want to ensure we're creating the appropriate amount of
+      // cols the table still has.
+      cols.push(
+        ...Array.from({ length: colspan }, (_) => [
+          'col',
+          { style: `width: ${tableCellMinWidth}px;` },
+        ]),
+      );
+    }
+  });
 
   return cols;
 };

package/src/pm-plugins/table-resizing/utils/misc.ts

@@ -26,7 +26,6 @@ import {
   akEditorGutterPadding,
   akEditorTableNumberColumnWidth,
 } from '@atlaskit/editor-shared-styles';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import type { TableOptions } from '../../../nodeviews/types';
 
@@ -127,11 +126,10 @@ export const getTableMaxWidth = ({
   const containerWidth = getEditorContainerWidth();
   const parentWidth = getParentNodeWidth(tableStart, state, containerWidth);
 
-  let maxWidth = getBooleanFF('platform.editor.custom-table-width')
-    ? parentWidth ||
-      table.attrs.width ||
-      getLayoutSize(layout, containerWidth.width, {})
-    : parentWidth || getLayoutSize(layout, containerWidth.width, {});
+  let maxWidth =
+    parentWidth ||
+    table.attrs.width ||
+    getLayoutSize(layout, containerWidth.width, {});
 
   if (table.attrs.isNumberColumnEnabled) {
     maxWidth -= akEditorTableNumberColumnWidth;

package/src/pm-plugins/table-resizing/utils/resize-state.ts

@@ -9,7 +9,6 @@ import { calcTableColumnWidths } from '@atlaskit/editor-common/utils';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import { getSelectedTableInfo } from '../../../utils';
 
@@ -115,39 +114,29 @@ export const updateColgroup = (
 ): void => {
   const cols = tableRef.querySelectorAll('col');
 
-  if (getBooleanFF('platform.editor.custom-table-width')) {
-    const columnsCount = cols.length;
-    if (isTableScalingEnabled && tableNode) {
-      const scalePercent = getTableScalingPercent(tableNode, tableRef);
-      state.cols
-        .filter((column) => column && !!column.width) // if width is 0, we dont want to apply that.
-        .forEach((column, i) => {
-          const fixedColWidth = getColWidthFix(column.width, columnsCount);
-          const scaledWidth = fixedColWidth * scalePercent;
-          const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
-          // we aren't handling the remaining pixels here when the 48px min width is reached
-          if (cols[i]) {
-            cols[i].style.width = `${finalWidth}px`;
-          }
-        });
-    } else {
-      state.cols
-        .filter((column) => column && !!column.width) // if width is 0, we dont want to apply that.
-        .forEach((column, i) => {
-          if (cols[i]) {
-            cols[i].style.width = `${getColWidthFix(
-              column.width,
-              columnsCount,
-            )}px`;
-          }
-        });
-    }
+  const columnsCount = cols.length;
+  if (isTableScalingEnabled && tableNode) {
+    const scalePercent = getTableScalingPercent(tableNode, tableRef);
+    state.cols
+      .filter((column) => column && !!column.width) // if width is 0, we dont want to apply that.
+      .forEach((column, i) => {
+        const fixedColWidth = getColWidthFix(column.width, columnsCount);
+        const scaledWidth = fixedColWidth * scalePercent;
+        const finalWidth = Math.max(scaledWidth, tableCellMinWidth);
+        // we aren't handling the remaining pixels here when the 48px min width is reached
+        if (cols[i]) {
+          cols[i].style.width = `${finalWidth}px`;
+        }
+      });
   } else {
     state.cols
       .filter((column) => column && !!column.width) // if width is 0, we dont want to apply that.
       .forEach((column, i) => {
         if (cols[i]) {
-          cols[i].style.width = `${column.width}px`;
+          cols[i].style.width = `${getColWidthFix(
+            column.width,
+            columnsCount,
+          )}px`;
         }
       });
   }

package/src/pm-plugins/table-resizing/utils/scale-table.ts

@@ -28,7 +28,6 @@ export interface ScaleOptions {
   previousContainerWidth?: number;
   parentWidth?: number;
   layoutChanged?: boolean;
-  isBreakoutEnabled?: boolean;
   isFullWidthModeEnabled?: boolean;
   isTableResizingEnabled?: boolean;
 }
@@ -41,34 +40,24 @@ export const scale = (
   domAtPos: DomAtPos,
   isTableScalingEnabled = false,
 ): ResizeState | undefined => {
-  /**
-   * isBreakoutEnabled === true -> default center aligned
-   * isBreakoutEnabled === false -> full width mode
-   */
-
   const {
     node,
     containerWidth,
     previousContainerWidth,
     prevNode,
     start,
-    isBreakoutEnabled,
     layoutChanged,
     isTableResizingEnabled,
   } = options;
 
   const maxSize = isTableResizingEnabled
     ? getTableContainerWidth(node)
-    : getLayoutSize(node.attrs.layout, containerWidth, {
-        isBreakoutEnabled,
-      });
+    : getLayoutSize(node.attrs.layout, containerWidth, {});
 
   const prevTableWidth = getTableWidth(prevNode);
   const previousMaxSize = isTableResizingEnabled
     ? getTableContainerWidth(node)
-    : getLayoutSize(prevNode.attrs.layout, previousContainerWidth, {
-        isBreakoutEnabled,
-      });
+    : getLayoutSize(prevNode.attrs.layout, previousContainerWidth, {});
 
   let newWidth = maxSize;
 

package/src/reducer.ts

@@ -27,9 +27,6 @@ export default (
     case 'SET_TARGET_CELL_POSITION':
       return { ...pluginState, ...action.data, isContextualMenuOpen: false };
 
-    case 'SET_TABLE_LAYOUT':
-      return { ...pluginState, ...action.data };
-
     case 'TOGGLE_CONTEXTUAL_MENU':
       return {
         ...pluginState,

package/src/transforms/column-width.ts

@@ -6,7 +6,6 @@ import { AttrStep } from '@atlaskit/editor-prosemirror/transform';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import type { ResizeState } from '../pm-plugins/table-resizing/utils';
 import {
@@ -17,7 +16,6 @@ import {
 import { isMinCellWidthTable } from '../pm-plugins/table-resizing/utils/colgroup';
 import { getResizeState } from '../pm-plugins/table-resizing/utils/resize-state';
 import { scaleTableTo } from '../pm-plugins/table-resizing/utils/scale-table';
-import { insertColumnButtonOffset } from '../ui/common-styles';
 
 /**
  * Given a new ResizeState object, create a transaction that replaces and updates the table node based on new state.
@@ -141,10 +139,7 @@ export const rescaleColumns =
     if (shouldScale) {
       previousTableInfo = {
         width: getTableElementWidth(table.node),
-        possibleMaxWidth: getBooleanFF('platform.editor.custom-table-width')
-          ? getTableContainerElementWidth(table.node)
-          : getTableContainerElementWidth(table.node) -
-            insertColumnButtonOffset,
+        possibleMaxWidth: getTableContainerElementWidth(table.node),
         isResized,
       };
     } else {
@@ -152,10 +147,7 @@ export const rescaleColumns =
         // when table is resized the tableRef client width will be 1px larger than colGroup, which is used in calculations
         width: isResized ? tableRef.clientWidth - 1 : tableRef.clientWidth,
         /** the is the width the table can reach before overflowing */
-        possibleMaxWidth: getBooleanFF('platform.editor.custom-table-width')
-          ? tableRef?.parentElement?.clientWidth || 0
-          : (tableRef?.parentElement?.clientWidth || 0) -
-            insertColumnButtonOffset,
+        possibleMaxWidth: tableRef?.parentElement?.clientWidth || 0,
         isResized,
       };
     }

package/src/types.ts

@@ -157,7 +157,6 @@ export interface TablePluginState {
   insertColumnButtonIndex?: number;
   insertRowButtonIndex?: number;
   isFullWidthModeEnabled?: boolean;
-  layout?: TableLayout;
   ordering?: TableColumnOrdering;
   isResizeHandleWidgetAdded?: boolean;
   resizeHandleRowIndex?: number;
@@ -171,7 +170,6 @@ export interface TablePluginState {
 
   getIntl: () => IntlShape;
 
-  isBreakoutEnabled?: boolean;
   wasFullWidthModeEnabled?: boolean;
   isTableResizingEnabled?: boolean;
   isDragAndDropEnabled?: boolean;
@@ -190,7 +188,6 @@ export type TablePluginAction =
         tableRef?: HTMLTableElement;
         tableNode?: PmNode;
         tableWrapperTarget?: HTMLElement;
-        layout: TableLayout;
         isHeaderRowEnabled: boolean;
         isHeaderColumnEnabled: boolean;
       };
@@ -289,10 +286,6 @@ export type TablePluginAction =
       type: 'SELECT_COLUMN';
       data: { targetCellPosition: number; decorationSet: DecorationSet };
     }
-  | {
-      type: 'SET_TABLE_LAYOUT';
-      data: { layout: TableLayout };
-    }
   | { type: 'SHOW_INSERT_ROW_BUTTON'; data: { insertRowButtonIndex: number } }
   | {
       type: 'SHOW_INSERT_COLUMN_BUTTON';
@@ -361,7 +354,6 @@ export const TableCssClassName = {
   CONTROLS_INSERT_BUTTON_WRAP: `${tablePrefixSelector}-controls__insert-button-wrap`,
   CONTROLS_INSERT_LINE: `${tablePrefixSelector}-controls__insert-line`,
   CONTROLS_BUTTON_OVERLAY: `${tablePrefixSelector}-controls__button-overlay`,
-  LAYOUT_BUTTON: `${tablePrefixSelector}-layout-button`,
 
   DRAG_CONTROLS_INSERT_BUTTON: `${tablePrefixSelector}-controls__drag-insert-button`,
   DRAG_CONTROLS_INSERT_BUTTON_INNER: `${tablePrefixSelector}-controls__drag-insert-button-inner`,