@atlaskit/editor-plugin-table 7.5.3 → 7.5.5

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

@@ -39,7 +39,7 @@ export const scale = (
   tableRef: HTMLTableElement,
   options: ScaleOptions,
   domAtPos: DomAtPos,
-  tablePreserveWidth = false,
+  isTableScalingEnabled = false,
 ): ResizeState | undefined => {
   /**
    * isBreakoutEnabled === true -> default center aligned
@@ -98,7 +98,7 @@ export const scale = (
     tableRef,
     start,
     domAtPos,
-    tablePreserveWidth,
+    isTableScalingEnabled,
   });
 
   return scaleTableTo(resizeState, newWidth);
@@ -110,7 +110,7 @@ export const scaleWithParent = (
   table: PMNode,
   start: number,
   domAtPos: DomAtPos,
-  tablePreserveWidth = false,
+  isTableScalingEnabled = false,
 ) => {
   const resizeState = getResizeState({
     minWidth: tableCellMinWidth,
@@ -119,7 +119,7 @@ export const scaleWithParent = (
     tableRef,
     start,
     domAtPos,
-    tablePreserveWidth,
+    isTableScalingEnabled,
   });
 
   if (table.attrs.isNumberColumnEnabled) {
@@ -158,7 +158,7 @@ export const previewScaleTable = (
   tableRef: HTMLTableElement | null | undefined,
   options: ScaleOptions,
   domAtPos: DomAtPos,
-  tablePreserveWidth: boolean = false,
+  isTableScalingEnabled: boolean = false,
 ) => {
   const { node, start, parentWidth } = options;
 
@@ -175,8 +175,8 @@ export const previewScaleTable = (
   }
 
   // If the table hasn't been resize, the colgroup 48px width values will gracefully scale down.
-  // If we are scaling the table down with tablePreserveWidth, the colgroup widths may be scaled to a value that is not 48px.
-  if (!hasTableBeenResized(node) && !tablePreserveWidth) {
+  // If we are scaling the table down with isTableScalingEnabled, the colgroup widths may be scaled to a value that is not 48px.
+  if (!hasTableBeenResized(node) && !isTableScalingEnabled) {
     syncStickyRowToTable(tableRef);
     return;
   }
@@ -188,12 +188,12 @@ export const previewScaleTable = (
         node,
         start,
         domAtPos,
-        tablePreserveWidth,
+        isTableScalingEnabled,
       )
-    : scale(tableRef, options, domAtPos, tablePreserveWidth);
+    : scale(tableRef, options, domAtPos, isTableScalingEnabled);
 
   if (resizeState) {
-    updateColgroup(resizeState, tableRef, tablePreserveWidth);
+    updateColgroup(resizeState, tableRef, node, isTableScalingEnabled);
   }
 };
 
@@ -203,7 +203,7 @@ export const scaleTable =
     tableRef: HTMLTableElement | null | undefined,
     options: ScaleOptions,
     domAtPos: DomAtPos,
-    tablePreserveWidth = false,
+    isTableScalingEnabled = false,
   ) =>
   (tr: Transaction) => {
     if (!tableRef) {
@@ -215,7 +215,7 @@ export const scaleTable =
     if (hasTableBeenResized(node) === false) {
       // If its not a re-sized table, we still want to re-create cols
       // To force reflow of columns upon delete.
-      if (!tablePreserveWidth) {
+      if (!isTableScalingEnabled) {
         insertColgroupFromNode(tableRef, node);
       }
       tr.setMeta('scrollIntoView', false);
@@ -230,10 +230,10 @@ export const scaleTable =
         node,
         start,
         domAtPos,
-        tablePreserveWidth,
+        isTableScalingEnabled,
       );
     } else {
-      resizeState = scale(tableRef, options, domAtPos, tablePreserveWidth);
+      resizeState = scale(tableRef, options, domAtPos, isTableScalingEnabled);
     }
 
     if (resizeState) {

package/src/pm-plugins/table-width.ts

@@ -14,7 +14,6 @@ import {
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 import {
@@ -24,6 +23,7 @@ import {
 } from '@atlaskit/editor-shared-styles';
 import { findTable } from '@atlaskit/editor-tables/utils';
 
+import { getPluginState } from './plugin-factory';
 import { TABLE_MAX_WIDTH } from './table-resizing/utils';
 
 type __ReplaceStep = ReplaceStep & {
@@ -44,7 +44,6 @@ const createPlugin = (
   dispatch: Dispatch,
   dispatchAnalyticsEvent: DispatchAnalyticsEvent,
   fullWidthEnabled: boolean,
-  getEditorFeatureFlags?: GetEditorFeatureFlags,
 ) => {
   return new SafePlugin({
     key: pluginKey,
@@ -123,10 +122,9 @@ const createPlugin = (
         tr.getMeta('referentialityTableInserted'),
       );
 
-      const shouldPatchTable =
-        fullWidthEnabled &&
-        getEditorFeatureFlags &&
-        getEditorFeatureFlags()['tablePreserveWidth'];
+      const { isTableScalingEnabled = false } = getPluginState(newState);
+
+      const shouldPatchTable = fullWidthEnabled && isTableScalingEnabled;
 
       if (
         !isReplaceDocumentOperation &&

package/src/toolbar.tsx

@@ -169,7 +169,7 @@ export const getToolbarCellOptionsConfig = (
   { formatMessage }: ToolbarMenuContext,
   getEditorContainerWidth: GetEditorContainerWidth,
   editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
-  tablePreserveWidth = false,
+  isTableScalingEnabled = false,
 ): FloatingToolbarDropdown<Command> => {
   const { top, bottom, right, left } = initialSelectionRect;
   const numberOfColumns = right - left;
@@ -188,11 +188,10 @@ export const getToolbarCellOptionsConfig = (
         const selectionRect = getClosestSelectionRect(state);
         const index = selectionRect?.right;
         if (index) {
-          insertColumnWithAnalytics(
-            getEditorContainerWidth,
-            editorAnalyticsAPI,
-            tablePreserveWidth,
-          )(INPUT_METHOD.FLOATING_TB, index)(state, dispatch, view);
+          insertColumnWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled)(
+            INPUT_METHOD.FLOATING_TB,
+            index,
+          )(state, dispatch, view);
         }
         return true;
       },
@@ -294,7 +293,7 @@ export const getToolbarCellOptionsConfig = (
           editorState,
           editorView.domAtPos.bind(editorView),
           getEditorContainerWidth,
-          tablePreserveWidth,
+          isTableScalingEnabled,
         )
       : undefined;
     const wouldChange = newResizeStateWithAnalytics?.changed ?? false;
@@ -462,19 +461,18 @@ export const getToolbarConfig =
         editorAnalyticsAPI,
       );
 
-      const { tablePreserveWidth = false } = getEditorFeatureFlags();
+      const { isTableScalingEnabled = false } = getPluginState(state);
 
       let cellItems: Array<FloatingToolbarItem<Command>>;
       cellItems = pluginState.isDragAndDropEnabled
         ? []
         : getCellItems(
-            config,
             state,
             getEditorView(),
             intl,
             getEditorContainerWidth,
             editorAnalyticsAPI,
-            tablePreserveWidth,
+            isTableScalingEnabled,
           );
 
       let columnSettingsItems;
@@ -487,7 +485,7 @@ export const getToolbarConfig =
               intl,
               getEditorContainerWidth,
               editorAnalyticsAPI,
-              tablePreserveWidth,
+              isTableScalingEnabled,
             )
           : [];
       const colorPicker = getColorPicker(state, menu, intl, editorAnalyticsAPI);
@@ -607,13 +605,12 @@ const separator = (hidden?: boolean): FloatingToolbarItem<Command> => {
 };
 
 const getCellItems = (
-  pluginConfig: PluginConfig,
   state: EditorState,
   view: EditorView | null,
   { formatMessage }: ToolbarMenuContext,
   getEditorContainerWidth: GetEditorContainerWidth,
   editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
-  tablePreserveWidth = false,
+  isTableScalingEnabled = false,
 ): Array<FloatingToolbarItem<Command>> => {
   const initialSelectionRect = getClosestSelectionRect(state);
   if (initialSelectionRect) {
@@ -624,7 +621,7 @@ const getCellItems = (
       { formatMessage },
       getEditorContainerWidth,
       editorAnalyticsAPI,
-      tablePreserveWidth,
+      isTableScalingEnabled,
     );
     return [cellOptions, separator(cellOptions.hidden!)];
   }
@@ -635,7 +632,7 @@ export const getDistributeConfig =
   (
     getEditorContainerWidth: GetEditorContainerWidth,
     editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
-    tablePreserveWidth = false,
+    isTableScalingEnabled = false,
   ): Command =>
   (state, dispatch, editorView) => {
     const selectionOrTableRect = getClosestSelectionOrTableRect(state);
@@ -647,7 +644,7 @@ export const getDistributeConfig =
       state,
       editorView.domAtPos.bind(editorView),
       getEditorContainerWidth,
-      tablePreserveWidth,
+      isTableScalingEnabled,
     );
 
     if (newResizeStateWithAnalytics) {
@@ -668,7 +665,7 @@ const getColumnSettingItems = (
   { formatMessage }: ToolbarMenuContext,
   getEditorContainerWidth: GetEditorContainerWidth,
   editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
-  tablePreserveWidth = false,
+  isTableScalingEnabled = false,
 ): Array<FloatingToolbarItem<Command>> => {
   const pluginState = getPluginState(editorState);
   const selectionOrTableRect = getClosestSelectionOrTableRect(editorState);
@@ -682,7 +679,7 @@ const getColumnSettingItems = (
     editorState,
     editorView.domAtPos.bind(editorView),
     getEditorContainerWidth,
-    tablePreserveWidth,
+    isTableScalingEnabled,
   );
 
   const wouldChange = newResizeStateWithAnalytics?.changed ?? false;
@@ -701,7 +698,7 @@ const getColumnSettingItems = (
           getDistributeConfig(
             getEditorContainerWidth,
             editorAnalyticsAPI,
-            tablePreserveWidth,
+            isTableScalingEnabled,
           )(state, dispatch, view),
         disabled: !wouldChange,
       },

package/src/transforms/column-width.ts

@@ -10,7 +10,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import type { ResizeState } from '../pm-plugins/table-resizing/utils';
 import {
-  getTableContainerElement,
+  getTableContainerElementWidth,
   getTableElementWidth,
   hasTableBeenResized,
 } from '../pm-plugins/table-resizing/utils';
@@ -108,7 +108,7 @@ export const updateColumnWidths =
  * @returns Updated transaction with rescaled columns for a given table
  */
 export const rescaleColumns =
-  (tablePreserveWidth = false) =>
+  (isTableScalingEnabled = false) =>
   (table: ContentNodeWithPos, view: EditorView | undefined) =>
   (tr: Transaction): Transaction => {
     if (!view) {
@@ -132,13 +132,14 @@ export const rescaleColumns =
       isResized,
     };
 
-    if (tablePreserveWidth) {
+    if (isTableScalingEnabled) {
       previousTableInfo = {
         // TODO - ensure correct width is returned when table doesn't have a width value
         width: getTableElementWidth(table.node),
         possibleMaxWidth: getBooleanFF('platform.editor.custom-table-width')
-          ? getTableContainerElement(table.node)
-          : getTableContainerElement(table.node) - insertColumnButtonOffset,
+          ? getTableContainerElementWidth(table.node)
+          : getTableContainerElementWidth(table.node) -
+            insertColumnButtonOffset,
         isResized,
       };
     } else {
@@ -216,7 +217,7 @@ export const rescaleColumns =
       tableRef,
       domAtPos,
       maxSize: previousTableInfo.possibleMaxWidth,
-      tablePreserveWidth,
+      isTableScalingEnabled,
     });
 
     // Two scenarios that require scaling:

package/src/transforms/delete-columns.ts

@@ -253,7 +253,7 @@ export const deleteColumns =
     rect: Rect,
     allowCustomStep: boolean,
     view?: EditorView,
-    tablePreserveWidth = false,
+    isTableScalingEnabled = false,
   ) =>
   (tr: Transaction) => {
     let updatedTr = tr;
@@ -269,7 +269,7 @@ export const deleteColumns =
     const table = findTable(updatedTr.selection);
 
     if (table) {
-      updatedTr = rescaleColumns(tablePreserveWidth)(table, view)(updatedTr);
+      updatedTr = rescaleColumns(isTableScalingEnabled)(table, view)(updatedTr);
     }
     return updatedTr;
   };

package/src/types.ts

@@ -138,6 +138,7 @@ export interface TablePluginState {
   isTableResizingEnabled?: boolean;
   isDragAndDropEnabled?: boolean;
   isTableHovered?: boolean;
+  isTableScalingEnabled?: boolean;
 }
 
 export type TablePluginAction =

package/src/ui/ColumnResizeWidget/index.tsx

@@ -1,6 +1,4 @@
 /** @jsx jsx */
-import React from 'react';
-
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 
@@ -15,11 +13,11 @@ type Props = {
   includeTooltip?: boolean;
 };
 
-export const ColumnResizeWidget: React.FC<Props> = ({
+export const ColumnResizeWidget = ({
   startIndex,
   endIndex,
   includeTooltip,
-}) => {
+}: Props) => {
   const { formatMessage } = useIntl();
 
   if (!includeTooltip) {

package/src/ui/FloatingContextualMenu/ContextualMenu.tsx

@@ -468,14 +468,15 @@ export class ContextualMenu extends Component<
       (!isDragAndDropEnabled ||
         !getBooleanFF('platform.editor.table.new-cell-context-menu-styling'))
     ) {
-      const { tablePreserveWidth = false } =
-        this.props.getEditorFeatureFlags?.() || {};
+      const { isTableScalingEnabled = false } = getPluginState(
+        editorView.state,
+      );
       const newResizeState = getNewResizeStateFromSelectedColumns(
         selectionRect,
         editorView.state,
         editorView.domAtPos.bind(editorView),
         getEditorContainerWidth,
-        tablePreserveWidth,
+        isTableScalingEnabled,
       );
 
       const wouldChange = newResizeState?.changed ?? false;
@@ -590,12 +591,11 @@ export class ContextualMenu extends Component<
       selectionRect,
       editorAnalyticsAPI,
       getEditorContainerWidth,
-      getEditorFeatureFlags,
     } = this.props;
     // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
     const { state, dispatch } = editorView;
-    const { targetCellPosition } = getPluginState(state);
-    const { tablePreserveWidth = false } = getEditorFeatureFlags?.() || {};
+    const { targetCellPosition, isTableScalingEnabled = false } =
+      getPluginState(state);
 
     switch (item.value.name) {
       case 'sort_column_desc':
@@ -635,7 +635,7 @@ export class ContextualMenu extends Component<
             state,
             editorView.domAtPos.bind(editorView),
             getEditorContainerWidth,
-            tablePreserveWidth,
+            isTableScalingEnabled,
           );
 
         if (newResizeStateWithAnalytics) {
@@ -654,15 +654,10 @@ export class ContextualMenu extends Component<
         this.toggleOpen();
         break;
       case 'insert_column':
-        insertColumnWithAnalytics(
-          getEditorContainerWidth,
-          editorAnalyticsAPI,
-          tablePreserveWidth,
-        )(INPUT_METHOD.CONTEXT_MENU, selectionRect.right)(
-          state,
-          dispatch,
-          editorView,
-        );
+        insertColumnWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled)(
+          INPUT_METHOD.CONTEXT_MENU,
+          selectionRect.right,
+        )(state, dispatch, editorView);
         this.toggleOpen();
         break;
       case 'insert_row':

package/src/ui/FloatingContextualMenu/index.tsx

@@ -53,7 +53,6 @@ const FloatingContextualMenu = ({
   pluginConfig,
   editorAnalyticsAPI,
   getEditorContainerWidth,
-  getEditorFeatureFlags,
 }: Props) => {
   // TargetCellPosition could be outdated: https://product-fabric.atlassian.net/browse/ED-8129
   const { targetCellPosition, isDragAndDropEnabled } = getPluginState(
@@ -123,7 +122,6 @@ const FloatingContextualMenu = ({
           boundariesElement={boundariesElement}
           editorAnalyticsAPI={editorAnalyticsAPI}
           getEditorContainerWidth={getEditorContainerWidth}
-          getEditorFeatureFlags={getEditorFeatureFlags}
         />
       </div>
     </Popup>

package/src/ui/FloatingDragMenu/DragMenu.tsx

@@ -101,7 +101,7 @@ type DragMenuProps = {
   mountPoint?: HTMLElement;
   boundariesElement?: HTMLElement;
   scrollableElement?: HTMLElement;
-  tablePreserveWidth?: boolean;
+  isTableScalingEnabled?: boolean;
 };
 
 type PluralOptionType = 'noOfCols' | 'noOfRows' | 'noOfCells' | null;
@@ -280,7 +280,7 @@ export const DragMenu = React.memo(
     mountPoint,
     scrollableElement,
     boundariesElement,
-    tablePreserveWidth,
+    isTableScalingEnabled,
   }: DragMenuProps & WrappedComponentProps) => {
     const { state, dispatch } = editorView;
     const { selection } = state;
@@ -313,7 +313,7 @@ export const DragMenu = React.memo(
       selectionRect,
       editorAnalyticsAPI,
       pluginConfig?.isHeaderRowRequired,
-      tablePreserveWidth,
+      isTableScalingEnabled,
     );
 
     const { menuItems, menuCallback } = convertToDropdownItems(

package/src/ui/FloatingDragMenu/index.tsx

@@ -1,10 +1,7 @@
 import React from 'react';
 
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-import type {
-  GetEditorContainerWidth,
-  GetEditorFeatureFlags,
-} from '@atlaskit/editor-common/types';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import { Popup } from '@atlaskit/editor-common/ui';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -14,6 +11,7 @@ import {
 } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 
+import { getPluginState } from '../../pm-plugins/plugin-factory';
 import type { RowStickyState } from '../../pm-plugins/sticky-headers';
 import type { PluginConfig, TableDirection } from '../../types';
 import { dragMenuDropdownWidth, tablePopupMenuFitHeight } from '../consts';
@@ -35,7 +33,6 @@ export interface Props {
   editorAnalyticsAPI?: EditorAnalyticsAPI;
   stickyHeaders?: RowStickyState;
   pluginConfig?: PluginConfig;
-  getEditorFeatureFlags: GetEditorFeatureFlags;
 }
 
 const FloatingDragMenu = ({
@@ -52,7 +49,6 @@ const FloatingDragMenu = ({
   editorAnalyticsAPI,
   stickyHeaders,
   pluginConfig,
-  getEditorFeatureFlags,
 }: Props) => {
   if (
     !isOpen ||
@@ -77,7 +73,7 @@ const FloatingDragMenu = ({
     return null;
   }
 
-  const { tablePreserveWidth = false } = getEditorFeatureFlags();
+  const { isTableScalingEnabled = false } = getPluginState(editorView.state);
 
   return (
     <Popup
@@ -117,7 +113,7 @@ const FloatingDragMenu = ({
         mountPoint={mountPoint}
         boundariesElement={boundariesElement}
         scrollableElement={scrollableElement}
-        tablePreserveWidth={tablePreserveWidth}
+        isTableScalingEnabled={isTableScalingEnabled}
       />
     </Popup>
   );

package/src/ui/FloatingInsertButton/index.tsx

@@ -15,10 +15,7 @@ import {
   EVENT_TYPE,
   INPUT_METHOD,
 } from '@atlaskit/editor-common/analytics';
-import type {
-  GetEditorContainerWidth,
-  GetEditorFeatureFlags,
-} from '@atlaskit/editor-common/types';
+import type { GetEditorContainerWidth } from '@atlaskit/editor-common/types';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { closestElement } from '@atlaskit/editor-common/utils';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
@@ -33,6 +30,7 @@ import {
   insertColumnWithAnalytics,
   insertRowWithAnalytics,
 } from '../../commands-with-analytics';
+import { getPluginState } from '../../pm-plugins/plugin-factory';
 import { TableCssClassName as ClassName } from '../../types';
 import { checkIfNumberColumnEnabled } from '../../utils';
 
@@ -55,7 +53,6 @@ export interface Props {
   hasStickyHeaders?: boolean;
   dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
   editorAnalyticsAPI?: EditorAnalyticsAPI;
-  getEditorFeatureFlags?: GetEditorFeatureFlags;
 }
 
 export class FloatingInsertButton extends React.Component<
@@ -278,29 +275,21 @@ export class FloatingInsertButton extends React.Component<
   }
 
   private insertColumn(event: React.SyntheticEvent) {
-    const {
-      editorView,
-      insertColumnButtonIndex,
-      editorAnalyticsAPI,
-      getEditorContainerWidth,
-    } = this.props;
+    const { editorView, insertColumnButtonIndex, editorAnalyticsAPI } =
+      this.props;
 
     if (typeof insertColumnButtonIndex !== 'undefined') {
       event.preventDefault();
 
-      const { tablePreserveWidth = false } =
-        this.props.getEditorFeatureFlags?.() || {};
+      const { isTableScalingEnabled = false } = getPluginState(
+        editorView.state,
+      );
 
       const { state, dispatch } = editorView;
-      insertColumnWithAnalytics(
-        getEditorContainerWidth,
-        editorAnalyticsAPI,
-        tablePreserveWidth,
-      )(INPUT_METHOD.BUTTON, insertColumnButtonIndex)(
-        state,
-        dispatch,
-        editorView,
-      );
+      insertColumnWithAnalytics(editorAnalyticsAPI, isTableScalingEnabled)(
+        INPUT_METHOD.BUTTON,
+        insertColumnButtonIndex,
+      )(state, dispatch, editorView);
     }
   }
 }

package/src/ui/TableFloatingColumnControls/ColumnDropTargets/ColumnDropTarget.tsx

@@ -13,13 +13,13 @@ export interface Props {
   marginTop?: number;
 }
 
-export const ColumnDropTarget: React.FC<Props> = ({
+export const ColumnDropTarget = ({
   index,
   localId,
   width,
   height,
   marginTop,
-}) => {
+}: Props) => {
   const dropTargetRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {

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

@@ -13,14 +13,14 @@ export interface Props {
   getScrollOffset?: () => number;
 }
 
-export const ColumnDropTargets: React.FC<Props> = ({
+export const ColumnDropTargets = ({
   tableRef,
   tableHeight,
   localId,
   colWidths,
   isHeaderSticky,
   getScrollOffset,
-}) => {
+}: Props) => {
   const dropTargetRef = useRef<HTMLDivElement>(null);
 
   if (!tableRef) {

package/src/ui/TableFloatingColumnControls/index.tsx

@@ -40,7 +40,7 @@ export interface Props {
   getScrollOffset?: () => number;
 }
 
-export const TableFloatingColumnControls: React.FC<Props> = ({
+export const TableFloatingColumnControls = ({
   editorView,
   tableRef,
   getNode,
@@ -55,7 +55,7 @@ export const TableFloatingColumnControls: React.FC<Props> = ({
   tableContainerWidth,
   isNumberColumnEnabled,
   getScrollOffset,
-}) => {
+}: Props) => {
   const [tableRect, setTableRect] = useState<{ width: number; height: number }>(
     { width: 0, height: 0 },
   );

package/src/utils/create.ts

@@ -1,4 +1,3 @@
-import type { GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import { createTable } from '@atlaskit/editor-tables/utils';
 
@@ -6,17 +5,15 @@ import { TABLE_MAX_WIDTH } from '../pm-plugins/table-resizing/utils';
 
 export const createTableWithWidth =
   (
+    isTableScalingEnabled?: boolean,
     isFullWidthModeEnabled?: boolean,
-    getEditorFeatureFlags?: GetEditorFeatureFlags,
     createTableProps?: {
       rowsCount?: number;
       colsCount?: number;
     },
   ) =>
   (schema: Schema) => {
-    const { tablePreserveWidth = false } = getEditorFeatureFlags?.() || {};
-
-    if (tablePreserveWidth && isFullWidthModeEnabled) {
+    if (isTableScalingEnabled && isFullWidthModeEnabled) {
       return createTable({
         schema,
         tableWidth: TABLE_MAX_WIDTH,