@atlaskit/editor-plugin-table 10.13.2 → 10.13.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 10.13.3
+
+### Patch Changes
+
+- [#181594](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/181594)
+  [`f7fa55cd505ce`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f7fa55cd505ce) -
+  Avoid using tables commands directly in floating toolbar plugin.
+
 ## 10.13.2
 
 ### Patch Changes

package/dist/cjs/pm-plugins/commands/delete.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.deleteColumnsCommand = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pluginKey = require("../plugin-key");
 var _deleteColumns = require("../transforms/delete-columns");
 var _getAllowAddColumnCustomStep = require("../utils/get-allow-add-column-custom-step");
@@ -16,15 +15,13 @@ var deleteColumnsCommand = exports.deleteColumnsCommand = function deleteColumns
   return function (state, dispatch, view) {
     var tr = (0, _deleteColumns.deleteColumns)(rect, (0, _getAllowAddColumnCustomStep.getAllowAddColumnCustomStep)(state), api, view, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(state.tr);
     // If we delete a column we should also clean up the hover selection
-    if ((0, _platformFeatureFlags.fg)('platform_editor_remove_slow_table_transactions')) {
-      tr.setMeta(_pluginKey.pluginKey, {
-        type: 'CLEAR_HOVER_SELECTION',
-        data: {
-          isInDanger: false,
-          isWholeTableInDanger: false
-        }
-      });
-    }
+    tr.setMeta(_pluginKey.pluginKey, {
+      type: 'CLEAR_HOVER_SELECTION',
+      data: {
+        isInDanger: false,
+        isWholeTableInDanger: false
+      }
+    });
     if (dispatch) {
       dispatch(tr);
       return true;

package/dist/cjs/pm-plugins/decorations/plugin.js

@@ -10,7 +10,6 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pluginKey = require("../plugin-key");
 var _tableWidth = require("../table-width");
 var _columnControls = require("./utils/column-controls");
@@ -41,6 +40,7 @@ var handleDocOrSelectionChanged = exports.handleDocOrSelectionChanged = function
       }
     });
   } else if (tr.selectionSet) {
+    var _findTable, _findTable2;
     var isTransactionFromMouseClick = !tr.docChanged && tr.selectionSet && tr.getMeta('pointer');
     if (isTransactionFromMouseClick || oldState.selection instanceof _cellSelection.CellSelection) {
       return (0, _columnControls.maybeUpdateColumnControlsSelectedDecoration)({
@@ -48,18 +48,15 @@ var handleDocOrSelectionChanged = exports.handleDocOrSelectionChanged = function
         tr: tr
       });
     }
-    if ((0, _platformFeatureFlags.fg)('platform_editor_remove_slow_table_transactions')) {
-      var _findTable, _findTable2;
-      // We're exiting a table with an existing decorations so we should clean it up
-      if ((isInDanger || isTableHovered) && (!(0, _coreUtils.insideTable)(newState) || ((_findTable = (0, _utils.findTable)(newState.selection)) === null || _findTable === void 0 ? void 0 : _findTable.node) !== ((_findTable2 = (0, _utils.findTable)(oldState.selection)) === null || _findTable2 === void 0 ? void 0 : _findTable2.node))) {
-        return (0, _columnControls.buildColumnControlsDecorations)({
-          decorationSet: decorationSet,
-          tr: tr,
-          options: {
-            isDragAndDropEnabled: isDragAndDropEnabled
-          }
-        });
-      }
+    // We're exiting a table with an existing decorations so we should clean it up
+    if ((isInDanger || isTableHovered) && (!(0, _coreUtils.insideTable)(newState) || ((_findTable = (0, _utils.findTable)(newState.selection)) === null || _findTable === void 0 ? void 0 : _findTable.node) !== ((_findTable2 = (0, _utils.findTable)(oldState.selection)) === null || _findTable2 === void 0 ? void 0 : _findTable2.node))) {
+      return (0, _columnControls.buildColumnControlsDecorations)({
+        decorationSet: decorationSet,
+        tr: tr,
+        options: {
+          isDragAndDropEnabled: isDragAndDropEnabled
+        }
+      });
     }
   }
   return decorationSet;

package/dist/cjs/pm-plugins/transforms/delete-rows.js

@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pluginKey = require("../plugin-key");
 var _merge = require("./merge");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -120,15 +119,13 @@ var deleteRows = exports.deleteRows = function deleteRows(rect) {
     var cursorPos = getNextCursorPos(newTable, rowsToDelete);
 
     // If we delete a row we should also clean up the hover selection
-    if ((0, _platformFeatureFlags.fg)('platform_editor_remove_slow_table_transactions')) {
-      tr.setMeta(_pluginKey.pluginKey, {
-        type: 'CLEAR_HOVER_SELECTION',
-        data: {
-          isInDanger: false,
-          isWholeTableInDanger: false
-        }
-      });
-    }
+    tr.setMeta(_pluginKey.pluginKey, {
+      type: 'CLEAR_HOVER_SELECTION',
+      data: {
+        isInDanger: false,
+        isWholeTableInDanger: false
+      }
+    });
     return tr.replaceWith(table.pos, table.pos + table.node.nodeSize, fixedTable)
     // move cursor before the deleted rows if possible, otherwise - to the first row
     .setSelection(_state.Selection.near(tr.doc.resolve(table.pos + cursorPos)));

package/dist/cjs/ui/toolbar.js

@@ -428,7 +428,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
           return element;
         };
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
-        var alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
+        var alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
         var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
         var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
         var colorPicker = (0, _experiments.editorExperiment)('platform_editor_controls', 'control') ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
@@ -718,7 +718,7 @@ var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch)
   }
   return false;
 };
-var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) {
+var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) {
   var formatMessage = _ref6.formatMessage;
   var tableObject = (0, _utils3.findTable)(editorState.selection);
   if (!tableObject) {
@@ -765,7 +765,7 @@ var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState,
       title: formatMessage(layoutToMessages[value]),
       selected: (0, _alignment.normaliseAlignment)(currentLayout) === value,
       onClick: (0, _commandsWithAnalytics.setTableAlignmentWithAnalytics)(editorAnalyticsAPI, isCommentEditor || false)(value, currentLayout, _analytics.INPUT_METHOD.FLOATING_TB, _analytics.CHANGE_ALIGNMENT_REASON.TOOLBAR_OPTION_CHANGED)
-    }, isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) && {
+    }, isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) && {
       disabled: value !== 'center'
     });
   });
@@ -797,15 +797,14 @@ var getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmentIcons,
     return icon.value === (0, _alignment.normaliseAlignment)(selectedAlignment);
   });
 };
-var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
+var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
   var _getEditorContainerWi = getEditorContainerWidth(),
     lineLength = _getEditorContainerWi.lineLength;
   var tableContainerWidth = (0, _nodeWidth.getTableContainerWidth)(selectedNode);
 
   // table may be scaled, use the scale percent to calculate the table width
   if (editorView) {
-    var _getDomRef;
-    var tableWrapperWidth = (0, _platformFeatureFlags.fg)('platform_editor_remove_slow_table_transactions') ? tableContainerWidth : ((_getDomRef = getDomRef(editorView)) === null || _getDomRef === void 0 ? void 0 : _getDomRef.clientWidth) || tableContainerWidth;
+    var tableWrapperWidth = tableContainerWidth;
     var scalePercent = (0, _misc.getStaticTableScalingPercent)(selectedNode, tableWrapperWidth, shouldUseIncreasedScalingPercent);
     tableContainerWidth = tableContainerWidth * scalePercent;
   }

package/dist/es2019/pm-plugins/commands/delete.js

@@ -1,19 +1,16 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey } from '../plugin-key';
 import { deleteColumns } from '../transforms/delete-columns';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
 export const deleteColumnsCommand = (rect, api, isTableScalingEnabled = false, isTableFixedColumnWidthsOptionEnabled = false, shouldUseIncreasedScalingPercent = false, isCommentEditor = false) => (state, dispatch, view) => {
   const tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), api, view, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(state.tr);
   // If we delete a column we should also clean up the hover selection
-  if (fg('platform_editor_remove_slow_table_transactions')) {
-    tr.setMeta(pluginKey, {
-      type: 'CLEAR_HOVER_SELECTION',
-      data: {
-        isInDanger: false,
-        isWholeTableInDanger: false
-      }
-    });
-  }
+  tr.setMeta(pluginKey, {
+    type: 'CLEAR_HOVER_SELECTION',
+    data: {
+      isInDanger: false,
+      isWholeTableInDanger: false
+    }
+  });
   if (dispatch) {
     dispatch(tr);
     return true;

package/dist/es2019/pm-plugins/decorations/plugin.js

@@ -4,7 +4,6 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey as tablePluginKey } from '../plugin-key';
 import { pluginKey as tableWidthPluginKey } from '../table-width';
 import { buildColumnControlsDecorations, maybeUpdateColumnControlsSelectedDecoration } from './utils/column-controls';
@@ -33,6 +32,7 @@ export const handleDocOrSelectionChanged = (tr, decorationSet, oldState, newStat
       }
     });
   } else if (tr.selectionSet) {
+    var _findTable, _findTable2;
     const isTransactionFromMouseClick = !tr.docChanged && tr.selectionSet && tr.getMeta('pointer');
     if (isTransactionFromMouseClick || oldState.selection instanceof CellSelection) {
       return maybeUpdateColumnControlsSelectedDecoration({
@@ -40,18 +40,15 @@ export const handleDocOrSelectionChanged = (tr, decorationSet, oldState, newStat
         tr
       });
     }
-    if (fg('platform_editor_remove_slow_table_transactions')) {
-      var _findTable, _findTable2;
-      // We're exiting a table with an existing decorations so we should clean it up
-      if ((isInDanger || isTableHovered) && (!insideTable(newState) || ((_findTable = findTable(newState.selection)) === null || _findTable === void 0 ? void 0 : _findTable.node) !== ((_findTable2 = findTable(oldState.selection)) === null || _findTable2 === void 0 ? void 0 : _findTable2.node))) {
-        return buildColumnControlsDecorations({
-          decorationSet,
-          tr,
-          options: {
-            isDragAndDropEnabled
-          }
-        });
-      }
+    // We're exiting a table with an existing decorations so we should clean it up
+    if ((isInDanger || isTableHovered) && (!insideTable(newState) || ((_findTable = findTable(newState.selection)) === null || _findTable === void 0 ? void 0 : _findTable.node) !== ((_findTable2 = findTable(oldState.selection)) === null || _findTable2 === void 0 ? void 0 : _findTable2.node))) {
+      return buildColumnControlsDecorations({
+        decorationSet,
+        tr,
+        options: {
+          isDragAndDropEnabled
+        }
+      });
     }
   }
   return decorationSet;

package/dist/es2019/pm-plugins/transforms/delete-rows.js

@@ -1,7 +1,6 @@
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey } from '../plugin-key';
 import { mergeEmptyColumns } from './merge';
 export const deleteRows = (rect, isHeaderRowRequired = false) => tr => {
@@ -101,15 +100,13 @@ export const deleteRows = (rect, isHeaderRowRequired = false) => tr => {
   const cursorPos = getNextCursorPos(newTable, rowsToDelete);
 
   // If we delete a row we should also clean up the hover selection
-  if (fg('platform_editor_remove_slow_table_transactions')) {
-    tr.setMeta(pluginKey, {
-      type: 'CLEAR_HOVER_SELECTION',
-      data: {
-        isInDanger: false,
-        isWholeTableInDanger: false
-      }
-    });
-  }
+  tr.setMeta(pluginKey, {
+    type: 'CLEAR_HOVER_SELECTION',
+    data: {
+      isInDanger: false,
+      isWholeTableInDanger: false
+    }
+  });
   return tr.replaceWith(table.pos, table.pos + table.node.nodeSize, fixedTable)
   // move cursor before the deleted rows if possible, otherwise - to the first row
   .setSelection(Selection.near(tr.doc.resolve(table.pos + cursorPos)));

package/dist/es2019/ui/toolbar.js

@@ -407,7 +407,7 @@ export const getToolbarConfig = (getEditorContainerWidth, api, editorAnalyticsAP
       return element;
     };
     const menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
-    const alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
+    const alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
     const cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
     const columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
     const colorPicker = editorExperiment('platform_editor_controls', 'control') ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
@@ -672,7 +672,7 @@ const highlightColumnsHandler = (state, dispatch) => {
 };
 const getAlignmentOptionsConfig = (editorState, {
   formatMessage
-}, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) => {
+}, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) => {
   const tableObject = findTable(editorState.selection);
   if (!tableObject) {
     return [];
@@ -716,7 +716,7 @@ const getAlignmentOptionsConfig = (editorState, {
       title: formatMessage(layoutToMessages[value]),
       selected: normaliseAlignment(currentLayout) === value,
       onClick: setTableAlignmentWithAnalytics(editorAnalyticsAPI, isCommentEditor || false)(value, currentLayout, INPUT_METHOD.FLOATING_TB, CHANGE_ALIGNMENT_REASON.TOOLBAR_OPTION_CHANGED),
-      ...(isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) && {
+      ...(isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) && {
         disabled: value !== 'center'
       })
     };
@@ -747,7 +747,7 @@ const getSelectedAlignmentIcon = (alignmentIcons, selectedNode) => {
   const selectedAlignment = selectedNode.attrs.layout;
   return alignmentIcons.find(icon => icon.value === normaliseAlignment(selectedAlignment));
 };
-const isLayoutOptionDisabled = (selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) => {
+const isLayoutOptionDisabled = (selectedNode, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) => {
   const {
     lineLength
   } = getEditorContainerWidth();
@@ -755,8 +755,7 @@ const isLayoutOptionDisabled = (selectedNode, getEditorContainerWidth, getDomRef
 
   // table may be scaled, use the scale percent to calculate the table width
   if (editorView) {
-    var _getDomRef;
-    const tableWrapperWidth = fg('platform_editor_remove_slow_table_transactions') ? tableContainerWidth : ((_getDomRef = getDomRef(editorView)) === null || _getDomRef === void 0 ? void 0 : _getDomRef.clientWidth) || tableContainerWidth;
+    const tableWrapperWidth = tableContainerWidth;
     const scalePercent = getStaticTableScalingPercent(selectedNode, tableWrapperWidth, shouldUseIncreasedScalingPercent);
     tableContainerWidth = tableContainerWidth * scalePercent;
   }

package/dist/esm/pm-plugins/commands/delete.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey } from '../plugin-key';
 import { deleteColumns } from '../transforms/delete-columns';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
@@ -10,15 +9,13 @@ export var deleteColumnsCommand = function deleteColumnsCommand(rect, api) {
   return function (state, dispatch, view) {
     var tr = deleteColumns(rect, getAllowAddColumnCustomStep(state), api, view, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, isCommentEditor)(state.tr);
     // If we delete a column we should also clean up the hover selection
-    if (fg('platform_editor_remove_slow_table_transactions')) {
-      tr.setMeta(pluginKey, {
-        type: 'CLEAR_HOVER_SELECTION',
-        data: {
-          isInDanger: false,
-          isWholeTableInDanger: false
-        }
-      });
-    }
+    tr.setMeta(pluginKey, {
+      type: 'CLEAR_HOVER_SELECTION',
+      data: {
+        isInDanger: false,
+        isWholeTableInDanger: false
+      }
+    });
     if (dispatch) {
       dispatch(tr);
       return true;

package/dist/esm/pm-plugins/decorations/plugin.js

@@ -4,7 +4,6 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey as tablePluginKey } from '../plugin-key';
 import { pluginKey as tableWidthPluginKey } from '../table-width';
 import { buildColumnControlsDecorations, maybeUpdateColumnControlsSelectedDecoration } from './utils/column-controls';
@@ -35,6 +34,7 @@ export var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr
       }
     });
   } else if (tr.selectionSet) {
+    var _findTable, _findTable2;
     var isTransactionFromMouseClick = !tr.docChanged && tr.selectionSet && tr.getMeta('pointer');
     if (isTransactionFromMouseClick || oldState.selection instanceof CellSelection) {
       return maybeUpdateColumnControlsSelectedDecoration({
@@ -42,18 +42,15 @@ export var handleDocOrSelectionChanged = function handleDocOrSelectionChanged(tr
         tr: tr
       });
     }
-    if (fg('platform_editor_remove_slow_table_transactions')) {
-      var _findTable, _findTable2;
-      // We're exiting a table with an existing decorations so we should clean it up
-      if ((isInDanger || isTableHovered) && (!insideTable(newState) || ((_findTable = findTable(newState.selection)) === null || _findTable === void 0 ? void 0 : _findTable.node) !== ((_findTable2 = findTable(oldState.selection)) === null || _findTable2 === void 0 ? void 0 : _findTable2.node))) {
-        return buildColumnControlsDecorations({
-          decorationSet: decorationSet,
-          tr: tr,
-          options: {
-            isDragAndDropEnabled: isDragAndDropEnabled
-          }
-        });
-      }
+    // We're exiting a table with an existing decorations so we should clean it up
+    if ((isInDanger || isTableHovered) && (!insideTable(newState) || ((_findTable = findTable(newState.selection)) === null || _findTable === void 0 ? void 0 : _findTable.node) !== ((_findTable2 = findTable(oldState.selection)) === null || _findTable2 === void 0 ? void 0 : _findTable2.node))) {
+      return buildColumnControlsDecorations({
+        decorationSet: decorationSet,
+        tr: tr,
+        options: {
+          isDragAndDropEnabled: isDragAndDropEnabled
+        }
+      });
     }
   }
   return decorationSet;

package/dist/esm/pm-plugins/transforms/delete-rows.js

@@ -5,7 +5,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey } from '../plugin-key';
 import { mergeEmptyColumns } from './merge';
 export var deleteRows = function deleteRows(rect) {
@@ -113,15 +112,13 @@ export var deleteRows = function deleteRows(rect) {
     var cursorPos = getNextCursorPos(newTable, rowsToDelete);
 
     // If we delete a row we should also clean up the hover selection
-    if (fg('platform_editor_remove_slow_table_transactions')) {
-      tr.setMeta(pluginKey, {
-        type: 'CLEAR_HOVER_SELECTION',
-        data: {
-          isInDanger: false,
-          isWholeTableInDanger: false
-        }
-      });
-    }
+    tr.setMeta(pluginKey, {
+      type: 'CLEAR_HOVER_SELECTION',
+      data: {
+        isInDanger: false,
+        isWholeTableInDanger: false
+      }
+    });
     return tr.replaceWith(table.pos, table.pos + table.node.nodeSize, fixedTable)
     // move cursor before the deleted rows if possible, otherwise - to the first row
     .setSelection(Selection.near(tr.doc.resolve(table.pos + cursorPos)));

package/dist/esm/ui/toolbar.js

@@ -421,7 +421,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
           return element;
         };
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
-        var alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
+        var alignmentMenu = config.allowTableAlignment && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.fullWidthEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
         var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.isCommentEditor);
         var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, api, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, options === null || options === void 0 ? void 0 : options.isCommentEditor) : [];
         var colorPicker = editorExperiment('platform_editor_controls', 'control') ? getColorPicker(state, menu, intl, editorAnalyticsAPI, getEditorView) : [];
@@ -711,7 +711,7 @@ var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch)
   }
   return false;
 };
-var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) {
+var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor, isCommentEditor) {
   var formatMessage = _ref6.formatMessage;
   var tableObject = findTable(editorState.selection);
   if (!tableObject) {
@@ -758,7 +758,7 @@ var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState,
       title: formatMessage(layoutToMessages[value]),
       selected: normaliseAlignment(currentLayout) === value,
       onClick: setTableAlignmentWithAnalytics(editorAnalyticsAPI, isCommentEditor || false)(value, currentLayout, INPUT_METHOD.FLOATING_TB, CHANGE_ALIGNMENT_REASON.TOOLBAR_OPTION_CHANGED)
-    }, isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) && {
+    }, isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) && {
       disabled: value !== 'center'
     });
   });
@@ -790,15 +790,14 @@ var getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmentIcons,
     return icon.value === normaliseAlignment(selectedAlignment);
   });
 };
-var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
+var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
   var _getEditorContainerWi = getEditorContainerWidth(),
     lineLength = _getEditorContainerWi.lineLength;
   var tableContainerWidth = getTableContainerWidth(selectedNode);
 
   // table may be scaled, use the scale percent to calculate the table width
   if (editorView) {
-    var _getDomRef;
-    var tableWrapperWidth = fg('platform_editor_remove_slow_table_transactions') ? tableContainerWidth : ((_getDomRef = getDomRef(editorView)) === null || _getDomRef === void 0 ? void 0 : _getDomRef.clientWidth) || tableContainerWidth;
+    var tableWrapperWidth = tableContainerWidth;
     var scalePercent = getStaticTableScalingPercent(selectedNode, tableWrapperWidth, shouldUseIncreasedScalingPercent);
     tableContainerWidth = tableContainerWidth * scalePercent;
   }

package/dist/types/ui/ContentComponent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { type ExtractInjectionAPI, type GetEditorContainerWidth, type GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type TablePlugin, type TablePluginOptions } from '../tablePluginType';
 export type ContentComponentProps = {
     api: ExtractInjectionAPI<TablePlugin> | undefined;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import { type ExtractInjectionAPI, type GetEditorContainerWidth, type GetEditorFeatureFlags } from '@atlaskit/editor-common/types';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type TablePlugin, type TablePluginOptions } from '../tablePluginType';
 export type ContentComponentProps = {
     api: ExtractInjectionAPI<TablePlugin> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-table",
-	"version": "10.13.2",
+	"version": "10.13.3",
 	"description": "Table plugin for the @atlaskit/editor",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/adf-schema": "^47.6.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/custom-steps": "^0.11.0",
-		"@atlaskit/editor-common": "^107.4.0",
+		"@atlaskit/editor-common": "^107.6.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-accessibility-utils": "^2.0.0",
 		"@atlaskit/editor-plugin-analytics": "^2.3.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/primitives": "^14.10.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^8.6.0",
+		"@atlaskit/tmp-editor-statsig": "^8.7.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
@@ -180,9 +180,6 @@
 		"platform_editor_tables_table_selector": {
 			"type": "boolean"
 		},
-		"platform_editor_remove_slow_table_transactions": {
-			"type": "boolean"
-		},
 		"platform_editor_fix_table_resizing_undo": {
 			"type": "boolean"
 		},

package/src/pm-plugins/commands/delete.ts

@@ -1,6 +1,5 @@
 import type { Command } from '@atlaskit/editor-common/types';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 import type { PluginInjectionAPI } from '../../types';
 import { pluginKey } from '../plugin-key';
@@ -28,15 +27,13 @@ export const deleteColumnsCommand =
 			isCommentEditor,
 		)(state.tr);
 		// If we delete a column we should also clean up the hover selection
-		if (fg('platform_editor_remove_slow_table_transactions')) {
-			tr.setMeta(pluginKey, {
-				type: 'CLEAR_HOVER_SELECTION',
-				data: {
-					isInDanger: false,
-					isWholeTableInDanger: false,
-				},
-			});
-		}
+		tr.setMeta(pluginKey, {
+			type: 'CLEAR_HOVER_SELECTION',
+			data: {
+				isInDanger: false,
+				isWholeTableInDanger: false,
+			},
+		});
 		if (dispatch) {
 			dispatch(tr);
 			return true;

package/src/pm-plugins/commands/go-to-next-cell.ts

@@ -4,7 +4,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { isSelectionTableNestedInTable } from '@atlaskit/editor-common/nesting';
 import type { Command } from '@atlaskit/editor-common/types';
-import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { type Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables/table-map';

package/src/pm-plugins/decorations/plugin.ts

@@ -10,7 +10,6 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 import { pluginKey as tablePluginKey } from '../plugin-key';
 import { pluginKey as tableWidthPluginKey } from '../table-width';
@@ -59,21 +58,19 @@ export const handleDocOrSelectionChanged = (
 				tr,
 			});
 		}
-		if (fg('platform_editor_remove_slow_table_transactions')) {
-			// We're exiting a table with an existing decorations so we should clean it up
-			if (
-				(isInDanger || isTableHovered) &&
-				(!insideTable(newState) ||
-					findTable(newState.selection)?.node !== findTable(oldState.selection)?.node)
-			) {
-				return buildColumnControlsDecorations({
-					decorationSet,
-					tr,
-					options: {
-						isDragAndDropEnabled,
-					},
-				});
-			}
+		// We're exiting a table with an existing decorations so we should clean it up
+		if (
+			(isInDanger || isTableHovered) &&
+			(!insideTable(newState) ||
+				findTable(newState.selection)?.node !== findTable(oldState.selection)?.node)
+		) {
+			return buildColumnControlsDecorations({
+				decorationSet,
+				tr,
+				options: {
+					isDragAndDropEnabled,
+				},
+			});
 		}
 	}
 

package/src/pm-plugins/transforms/delete-rows.ts

@@ -5,7 +5,6 @@ import { Selection } from '@atlaskit/editor-prosemirror/state';
 import type { Rect } from '@atlaskit/editor-tables/table-map';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 
 import { pluginKey } from '../plugin-key';
 
@@ -131,15 +130,13 @@ export const deleteRows =
 		const cursorPos = getNextCursorPos(newTable, rowsToDelete);
 
 		// If we delete a row we should also clean up the hover selection
-		if (fg('platform_editor_remove_slow_table_transactions')) {
-			tr.setMeta(pluginKey, {
-				type: 'CLEAR_HOVER_SELECTION',
-				data: {
-					isInDanger: false,
-					isWholeTableInDanger: false,
-				},
-			});
-		}
+		tr.setMeta(pluginKey, {
+			type: 'CLEAR_HOVER_SELECTION',
+			data: {
+				isInDanger: false,
+				isWholeTableInDanger: false,
+			},
+		});
 
 		return (
 			tr

package/src/ui/ContentComponent.tsx

@@ -13,7 +13,7 @@ import {
 	type GetEditorContainerWidth,
 	type GetEditorFeatureFlags,
 } from '@atlaskit/editor-common/types';
-import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 

package/src/ui/toolbar.tsx

@@ -566,7 +566,6 @@ export const getToolbarConfig =
 							intl,
 							editorAnalyticsAPI,
 							getEditorContainerWidth,
-							getDomRef,
 							editorView,
 							shouldUseIncreasedScalingPercent,
 							options?.fullWidthEnabled,
@@ -1013,7 +1012,6 @@ const getAlignmentOptionsConfig = (
 	{ formatMessage }: ToolbarMenuContext,
 	editorAnalyticsAPI: EditorAnalyticsAPI | undefined | null,
 	getEditorContainerWidth: GetEditorContainerWidth,
-	getDomRef: (editorView: EditorView) => HTMLElement | undefined,
 	editorView: EditorView | null,
 	shouldUseIncreasedScalingPercent: boolean,
 	isFullWidthEditor?: boolean,
@@ -1077,7 +1075,6 @@ const getAlignmentOptionsConfig = (
 			...(isLayoutOptionDisabled(
 				tableObject.node,
 				getEditorContainerWidth,
-				getDomRef,
 				editorView,
 				shouldUseIncreasedScalingPercent,
 				isFullWidthEditor,
@@ -1127,7 +1124,6 @@ const getSelectedAlignmentIcon = (alignmentIcons: AlignmentIcon[], selectedNode:
 const isLayoutOptionDisabled = (
 	selectedNode: PMNode,
 	getEditorContainerWidth: GetEditorContainerWidth,
-	getDomRef: (editorView: EditorView) => HTMLElement | undefined,
 	editorView: EditorView | null,
 	shouldUseIncreasedScalingPercent: boolean,
 	isFullWidthEditor: boolean | undefined,
@@ -1137,9 +1133,7 @@ const isLayoutOptionDisabled = (
 
 	// table may be scaled, use the scale percent to calculate the table width
 	if (editorView) {
-		const tableWrapperWidth = fg('platform_editor_remove_slow_table_transactions')
-			? tableContainerWidth
-			: getDomRef(editorView)?.clientWidth || tableContainerWidth;
+		const tableWrapperWidth = tableContainerWidth;
 		const scalePercent = getStaticTableScalingPercent(
 			selectedNode,
 			tableWrapperWidth,