@atlaskit/editor-plugin-table 7.19.11 → 7.19.12

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-table
 
+## 7.19.12
+
+### Patch Changes
+
+- [#119559](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119559)
+  [`7c1b0299f4fba`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7c1b0299f4fba) -
+  ED-22510:Screen reader support for column/row selection and up/down movements
+- [#119748](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119748)
+  [`643da12b73454`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/643da12b73454) -
+  [ED-24041] When element drag and drop is enabled, allow table corner control with selection for
+  nested nodes
+- [#119589](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119589)
+  [`f1c2a87bd1e67`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f1c2a87bd1e67) -
+  [ux] Left alignment option should be disabled for default tables in fixed-width editor.
+- Updated dependencies
+
 ## 7.19.11
 
 ### Patch Changes

package/dist/cjs/commands/column-resize.js

@@ -203,7 +203,7 @@ var changeColumnWidthByStep = exports.changeColumnWidthByStep = function changeC
     if (isTableScalingWithFixedColumnWidthsOptionEnabled) {
       isTableScalingEnabledOnCurrentTable = originalTable.attrs.displayMode !== 'fixed';
     }
-    var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.use-increased-scaling-percent');
+    var shouldUseIncreasedScalingPercent = isTableScalingWithFixedColumnWidthsOptionEnabled && (0, _platformFeatureFlags.fg)('platform.editor.table.use-increased-scaling-percent');
     var initialResizeState = (0, _utils3.getResizeState)({
       minWidth: _styles.tableCellMinWidth,
       maxSize: maxSize,

package/dist/cjs/commands/selection.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shiftArrowUpFromTable = exports.selectRows = exports.selectColumns = exports.modASelectTable = exports.arrowRightFromTable = exports.arrowLeftFromTable = exports.TableSelectionDirection = void 0;
+var _messages = require("@atlaskit/editor-common/messages");
 var _selection = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
@@ -85,7 +86,7 @@ var arrowRightFromCellSelection = function arrowRightFromCellSelection(editorSel
     };
   };
 };
-var selectColumns = exports.selectColumns = function selectColumns(editorSelectionAPI) {
+var selectColumns = exports.selectColumns = function selectColumns(editorSelectionAPI, ariaNotify, getIntl) {
   return function () {
     var triggeredByKeyboard = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     return function (state, dispatch) {
@@ -100,13 +101,23 @@ var selectColumns = exports.selectColumns = function selectColumns(editorSelecti
         })(state, dispatch);
       }
       if (table && rect) {
-        return (0, _misc.selectColumn)(rect.left, undefined, triggeredByKeyboard)(state, dispatch);
+        var selectColumnCommand = (0, _misc.selectColumn)(rect.left, undefined, triggeredByKeyboard)(state, dispatch);
+        var map = _tableMap.TableMap.get(table.node);
+        if (ariaNotify && getIntl) {
+          ariaNotify(getIntl().formatMessage(_messages.tableMessages.columnSelected, {
+            index: rect.left + 1,
+            total: map.width
+          }), {
+            priority: 'important'
+          });
+        }
+        return selectColumnCommand;
       }
       return false;
     };
   };
 };
-var selectRows = exports.selectRows = function selectRows(editorSelectionAPI) {
+var selectRows = exports.selectRows = function selectRows(editorSelectionAPI, ariaNotify, getIntl) {
   return function () {
     var triggeredByKeyboard = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     return function (state, dispatch) {
@@ -121,7 +132,17 @@ var selectRows = exports.selectRows = function selectRows(editorSelectionAPI) {
         })(state, dispatch);
       }
       if (table && rect) {
-        return (0, _misc.selectRow)(rect.top, undefined, triggeredByKeyboard)(state, dispatch);
+        var selectRowCommand = (0, _misc.selectRow)(rect.top, undefined, triggeredByKeyboard)(state, dispatch);
+        var map = _tableMap.TableMap.get(table.node);
+        if (ariaNotify && getIntl) {
+          ariaNotify(getIntl().formatMessage(_messages.tableMessages.rowSelected, {
+            index: rect.top + 1,
+            total: map.height
+          }), {
+            priority: 'important'
+          });
+        }
+        return selectRowCommand;
       }
       return false;
     };

package/dist/cjs/plugin.js

@@ -59,7 +59,7 @@ var defaultGetEditorFeatureFlags = function defaultGetEditorFeatureFlags() {
  * from `@atlaskit/editor-core`.
  */
 var tablesPlugin = function tablesPlugin(_ref) {
-  var _api$analytics, _options$getEditorFea, _options$getEditorFea2, _api$analytics2;
+  var _api$analytics, _api$accessibilityUti, _options$getEditorFea, _options$getEditorFea2, _api$analytics2;
   var options = _ref.config,
     api = _ref.api;
   var editorViewRef = {
@@ -72,8 +72,9 @@ var tablesPlugin = function tablesPlugin(_ref) {
     };
   };
   var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  var ariaNotifyPlugin = api === null || api === void 0 || (_api$accessibilityUti = api.accessibilityUtils) === null || _api$accessibilityUti === void 0 ? void 0 : _api$accessibilityUti.actions.ariaNotify;
   var isTableFixedColumnWidthsOptionEnabled = (options === null || options === void 0 || (_options$getEditorFea = options.getEditorFeatureFlags) === null || _options$getEditorFea === void 0 ? void 0 : _options$getEditorFea.call(options).tableWithFixedColumnWidthsOption) || false;
-  var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && isTableFixedColumnWidthsOptionEnabled && (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.use-increased-scaling-percent');
+  var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && isTableFixedColumnWidthsOptionEnabled && (0, _platformFeatureFlags.fg)('platform.editor.table.use-increased-scaling-percent');
   var isCellBackgroundDuplicated = (options === null || options === void 0 || (_options$getEditorFea2 = options.getEditorFeatureFlags) === null || _options$getEditorFea2 === void 0 ? void 0 : _options$getEditorFea2.call(options).tableDuplicateCellColouring) || false;
   return {
     name: 'table',
@@ -209,18 +210,19 @@ var tablesPlugin = function tablesPlugin(_ref) {
         }
       }, {
         name: 'tableSelectionKeymap',
-        plugin: function plugin() {
-          return (0, _tableSelectionKeymap.tableSelectionKeymapPlugin)(api === null || api === void 0 ? void 0 : api.selection);
+        plugin: function plugin(_ref8) {
+          var getIntl = _ref8.getIntl;
+          return (0, _tableSelectionKeymap.tableSelectionKeymapPlugin)(api, getIntl);
         }
       }, {
         name: 'tableEditing',
         plugin: function plugin() {
-          var _ref8 = options || {},
-            dragAndDropEnabled = _ref8.dragAndDropEnabled;
+          var _ref9 = options || {},
+            dragAndDropEnabled = _ref9.dragAndDropEnabled;
           return (0, _pmPlugins.tableEditing)({
-            reportFixedTable: function reportFixedTable(_ref9) {
-              var tr = _ref9.tr,
-                reason = _ref9.reason;
+            reportFixedTable: function reportFixedTable(_ref10) {
+              var tr = _ref10.tr,
+                reason = _ref10.reason;
               editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
                 action: _analytics.TABLE_ACTION.FIXED,
                 actionSubject: _analytics.ACTION_SUBJECT.TABLE,
@@ -236,53 +238,53 @@ var tablesPlugin = function tablesPlugin(_ref) {
         }
       }, {
         name: 'tableStickyHeaders',
-        plugin: function plugin(_ref10) {
-          var dispatch = _ref10.dispatch,
-            eventDispatcher = _ref10.eventDispatcher;
+        plugin: function plugin(_ref11) {
+          var dispatch = _ref11.dispatch,
+            eventDispatcher = _ref11.eventDispatcher;
           return options && options.tableOptions.stickyHeaders ? (0, _stickyHeaders.createPlugin)(dispatch, function () {
             return [];
           }) : undefined;
         }
       }, {
         name: 'tableDragAndDrop',
-        plugin: function plugin(_ref11) {
-          var dispatch = _ref11.dispatch;
+        plugin: function plugin(_ref12) {
+          var dispatch = _ref12.dispatch;
           return options !== null && options !== void 0 && options.dragAndDropEnabled ? (0, _dragAndDrop.createPlugin)(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled) : undefined;
         }
       }, {
         name: 'tableViewModeSort',
         plugin: function plugin() {
-          return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.live-pages-sorting_4malx') && api !== null && api !== void 0 && api.editorViewMode ? (0, _viewModeSort.createPlugin)(api.editorViewMode) : undefined;
+          return api !== null && api !== void 0 && api.editorViewMode && (0, _platformFeatureFlags.fg)('platform.editor.table.live-pages-sorting_4malx') ? (0, _viewModeSort.createPlugin)(api.editorViewMode) : undefined;
         }
       }, {
         name: 'tableLocalId',
-        plugin: function plugin(_ref12) {
-          var dispatch = _ref12.dispatch;
+        plugin: function plugin(_ref13) {
+          var dispatch = _ref13.dispatch;
           return (0, _tableLocalId.createPlugin)(dispatch);
         }
       }, {
         name: 'tableWidth',
-        plugin: function plugin(_ref13) {
+        plugin: function plugin(_ref14) {
           var _options$fullWidthEna, _options$isTableScali, _options$isTableAlign;
-          var dispatchAnalyticsEvent = _ref13.dispatchAnalyticsEvent,
-            dispatch = _ref13.dispatch;
+          var dispatchAnalyticsEvent = _ref14.dispatchAnalyticsEvent,
+            dispatch = _ref14.dispatch;
           return options !== null && options !== void 0 && options.tableResizingEnabled ? (0, _tableWidth.createPlugin)(dispatch, dispatchAnalyticsEvent, (_options$fullWidthEna = options === null || options === void 0 ? void 0 : options.fullWidthEnabled) !== null && _options$fullWidthEna !== void 0 ? _options$fullWidthEna : false, (_options$isTableScali = options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) !== null && _options$isTableScali !== void 0 ? _options$isTableScali : false, (_options$isTableAlign = options === null || options === void 0 ? void 0 : options.isTableAlignmentEnabled) !== null && _options$isTableAlign !== void 0 ? _options$isTableAlign : false) : undefined;
         }
       },
       // TODO: should be deprecated and eventually replaced with 'tableAnalyticsPlugin'
       {
         name: 'tableOverflowAnalyticsPlugin',
-        plugin: function plugin(_ref14) {
+        plugin: function plugin(_ref15) {
           var _options$tableResizin;
-          var dispatch = _ref14.dispatch,
-            dispatchAnalyticsEvent = _ref14.dispatchAnalyticsEvent;
+          var dispatch = _ref15.dispatch,
+            dispatchAnalyticsEvent = _ref15.dispatchAnalyticsEvent;
           return (0, _tableAnalytics.createPlugin)(dispatch, dispatchAnalyticsEvent, (_options$tableResizin = options === null || options === void 0 ? void 0 : options.tableResizingEnabled) !== null && _options$tableResizin !== void 0 ? _options$tableResizin : false);
         }
       }, {
         name: 'tableAnalyticsPlugin',
-        plugin: function plugin(_ref15) {
-          var dispatch = _ref15.dispatch,
-            dispatchAnalyticsEvent = _ref15.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref16) {
+          var dispatch = _ref16.dispatch,
+            dispatchAnalyticsEvent = _ref16.dispatchAnalyticsEvent;
           return (0, _plugin.createPlugin)(dispatch, dispatchAnalyticsEvent);
         }
       }, {
@@ -313,12 +315,12 @@ var tablesPlugin = function tablesPlugin(_ref) {
       }
       return plugins;
     },
-    contentComponent: function contentComponent(_ref16) {
-      var editorView = _ref16.editorView,
-        popupsMountPoint = _ref16.popupsMountPoint,
-        popupsBoundariesElement = _ref16.popupsBoundariesElement,
-        popupsScrollableElement = _ref16.popupsScrollableElement,
-        dispatchAnalyticsEvent = _ref16.dispatchAnalyticsEvent;
+    contentComponent: function contentComponent(_ref17) {
+      var editorView = _ref17.editorView,
+        popupsMountPoint = _ref17.popupsMountPoint,
+        popupsBoundariesElement = _ref17.popupsBoundariesElement,
+        popupsScrollableElement = _ref17.popupsScrollableElement,
+        dispatchAnalyticsEvent = _ref17.dispatchAnalyticsEvent;
       return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
         component: _analytics.ACTION_SUBJECT.TABLES_PLUGIN,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -332,35 +334,35 @@ var tablesPlugin = function tablesPlugin(_ref) {
           stickyHeadersState: _stickyHeaders.pluginKey,
           dragAndDropState: _dragAndDrop.pluginKey
         },
-        render: function render(_ref17) {
-          var resizingPluginState = _ref17.tableResizingPluginState,
-            stickyHeadersState = _ref17.stickyHeadersState,
-            tablePluginState = _ref17.tablePluginState,
-            tableWidthPluginState = _ref17.tableWidthPluginState,
-            dragAndDropState = _ref17.dragAndDropState;
+        render: function render(_ref18) {
+          var resizingPluginState = _ref18.tableResizingPluginState,
+            stickyHeadersState = _ref18.stickyHeadersState,
+            tablePluginState = _ref18.tablePluginState,
+            tableWidthPluginState = _ref18.tableWidthPluginState,
+            dragAndDropState = _ref18.dragAndDropState;
           var isColumnResizing = resizingPluginState === null || resizingPluginState === void 0 ? void 0 : resizingPluginState.dragging;
           var isTableResizing = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.resizing;
           var resizingTableLocalId = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.tableLocalId;
           var resizingTableRef = tableWidthPluginState === null || tableWidthPluginState === void 0 ? void 0 : tableWidthPluginState.tableRef;
           var isResizing = isColumnResizing || isTableResizing;
           var widthToWidest = tablePluginState === null || tablePluginState === void 0 ? void 0 : tablePluginState.widthToWidest;
-          var _ref18 = tablePluginState,
-            tableNode = _ref18.tableNode,
-            tablePos = _ref18.tablePos,
-            targetCellPosition = _ref18.targetCellPosition,
-            isContextualMenuOpen = _ref18.isContextualMenuOpen,
-            tableRef = _ref18.tableRef,
-            pluginConfig = _ref18.pluginConfig,
-            insertColumnButtonIndex = _ref18.insertColumnButtonIndex,
-            insertRowButtonIndex = _ref18.insertRowButtonIndex,
-            isHeaderColumnEnabled = _ref18.isHeaderColumnEnabled,
-            isHeaderRowEnabled = _ref18.isHeaderRowEnabled,
-            isDragAndDropEnabled = _ref18.isDragAndDropEnabled,
-            tableWrapperTarget = _ref18.tableWrapperTarget,
-            isCellMenuOpenByKeyboard = _ref18.isCellMenuOpenByKeyboard;
+          var _ref19 = tablePluginState,
+            tableNode = _ref19.tableNode,
+            tablePos = _ref19.tablePos,
+            targetCellPosition = _ref19.targetCellPosition,
+            isContextualMenuOpen = _ref19.isContextualMenuOpen,
+            tableRef = _ref19.tableRef,
+            pluginConfig = _ref19.pluginConfig,
+            insertColumnButtonIndex = _ref19.insertColumnButtonIndex,
+            insertRowButtonIndex = _ref19.insertRowButtonIndex,
+            isHeaderColumnEnabled = _ref19.isHeaderColumnEnabled,
+            isHeaderRowEnabled = _ref19.isHeaderRowEnabled,
+            isDragAndDropEnabled = _ref19.isDragAndDropEnabled,
+            tableWrapperTarget = _ref19.tableWrapperTarget,
+            isCellMenuOpenByKeyboard = _ref19.isCellMenuOpenByKeyboard;
           var allowControls = pluginConfig.allowControls;
           var stickyHeader = stickyHeadersState ? (0, _stickyHeaders.findStickyHeaderForTable)(stickyHeadersState, tablePos) : undefined;
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, targetCellPosition && (tableRef || (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-table-context-menu_y4c9c') && isCellMenuOpenByKeyboard) && !isResizing && options && options.allowContextualMenu && /*#__PURE__*/_react.default.createElement(_FloatingContextualButton.default, {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, targetCellPosition && (tableRef || isCellMenuOpenByKeyboard && (0, _platformFeatureFlags.fg)('platform.editor.a11y-table-context-menu_y4c9c')) && !isResizing && options && options.allowContextualMenu && /*#__PURE__*/_react.default.createElement(_FloatingContextualButton.default, {
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
             editorView: editorView,
             tableNode: tableNode,
@@ -416,7 +418,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
             stickyHeaders: stickyHeader,
             pluginConfig: pluginConfig,
             isTableScalingEnabled: options === null || options === void 0 ? void 0 : options.isTableScalingEnabled,
-            getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags
+            getEditorFeatureFlags: (options === null || options === void 0 ? void 0 : options.getEditorFeatureFlags) || defaultGetEditorFeatureFlags,
+            ariaNotifyPlugin: ariaNotifyPlugin
           }), allowControls && !isDragAndDropEnabled && !isResizing && /*#__PURE__*/_react.default.createElement(_FloatingDeleteButton.default, {
             editorView: editorView,
             selection: editorView.state.selection,
@@ -441,8 +444,8 @@ var tablesPlugin = function tablesPlugin(_ref) {
       }));
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref19) {
-        var formatMessage = _ref19.formatMessage;
+      quickInsert: function quickInsert(_ref20) {
+        var formatMessage = _ref20.formatMessage;
         return [{
           id: 'table',
           title: formatMessage(_messages.toolbarInsertBlockMessages.table),

package/dist/cjs/pm-plugins/drag-and-drop/commands-with-analytics.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.moveSourceWithAnalyticsViaShortcut = exports.moveSourceWithAnalytics = exports.cloneSourceWithAnalytics = exports.clearDropTargetWithAnalytics = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _messages = require("@atlaskit/editor-common/messages");
 var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _utils = require("@atlaskit/editor-tables/utils");
 var _utils2 = require("../../utils");
@@ -43,7 +44,7 @@ var clearDropTargetWithAnalytics = exports.clearDropTargetWithAnalytics = functi
     });
   };
 };
-var moveSourceWithAnalytics = exports.moveSourceWithAnalytics = function moveSourceWithAnalytics(editorAnalyticsAPI) {
+var moveSourceWithAnalytics = exports.moveSourceWithAnalytics = function moveSourceWithAnalytics(editorAnalyticsAPI, ariaNotify, getIntl) {
   return function (inputMethod, sourceType, sourceIndexes, targetIndex, tr) {
     return (0, _analytics2.withEditorAnalyticsAPI)(function (_ref2) {
       var selection = _ref2.selection;
@@ -73,12 +74,25 @@ var moveSourceWithAnalytics = exports.moveSourceWithAnalytics = function moveSou
     })(editorAnalyticsAPI)(function (state, dispatch) {
       if (dispatch) {
         (0, _commands.moveSource)(sourceType, sourceIndexes, targetIndex, tr)(state, dispatch);
+        // Only considering single row/column movement for screen reader as only single row/column selection is supported via keyboard atm.
+        if ((inputMethod === _analytics.INPUT_METHOD.TABLE_CONTEXT_MENU || _analytics.INPUT_METHOD.SHORTCUT) && sourceIndexes.length === 1 && ariaNotify && getIntl) {
+          var direction = sourceIndexes[0] > targetIndex ? -1 : 1; // -1 for left/up , 1 for right/down
+          var _getSelectedTableInfo3 = (0, _utils2.getSelectedTableInfo)(state.selection),
+            totalRowCount = _getSelectedTableInfo3.totalRowCount,
+            totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
+          ariaNotify(getIntl().formatMessage(sourceType === 'table-row' ? direction > 0 ? _messages.tableMessages.rowMovedDown : _messages.tableMessages.rowMovedUp : direction > 0 ? _messages.tableMessages.columnMovedRight : _messages.tableMessages.columnMovedLeft, {
+            index: targetIndex + 1,
+            total: sourceType === 'table-row' ? totalRowCount : totalColumnCount
+          }), {
+            priority: 'important'
+          });
+        }
       }
       return true;
     });
   };
 };
-var moveSourceWithAnalyticsViaShortcut = exports.moveSourceWithAnalyticsViaShortcut = function moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI) {
+var moveSourceWithAnalyticsViaShortcut = exports.moveSourceWithAnalyticsViaShortcut = function moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI, ariaNotify, getIntl) {
   return function (sourceType, direction) {
     return function (state, dispatch) {
       var selection = state.selection;
@@ -92,14 +106,14 @@ var moveSourceWithAnalyticsViaShortcut = exports.moveSourceWithAnalyticsViaShort
       if (selectedIndexes.length === 0) {
         return false;
       }
-      var _getSelectedTableInfo3 = (0, _utils2.getSelectedTableInfo)(selection),
-        totalRowCount = _getSelectedTableInfo3.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
+      var _getSelectedTableInfo4 = (0, _utils2.getSelectedTableInfo)(selection),
+        totalRowCount = _getSelectedTableInfo4.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
       if (!(0, _dragMenu.canMove)(sourceType, direction, isRow ? totalRowCount : totalColumnCount, selection, selectionRect)) {
         return false;
       }
       var targetIndex = (0, _dragMenu.getTargetIndex)(selectedIndexes, direction);
-      return moveSourceWithAnalytics(editorAnalyticsAPI)(_analytics.INPUT_METHOD.SHORTCUT, sourceType, selectedIndexes, targetIndex)(state, dispatch);
+      return moveSourceWithAnalytics(editorAnalyticsAPI, ariaNotify, getIntl)(_analytics.INPUT_METHOD.SHORTCUT, sourceType, selectedIndexes, targetIndex)(state, dispatch);
     };
   };
 };
@@ -108,9 +122,9 @@ var cloneSourceWithAnalytics = exports.cloneSourceWithAnalytics = function clone
     return (0, _analytics2.withEditorAnalyticsAPI)(function (_ref3) {
       var selection = _ref3.selection;
       var direction = sourceIndexes[0] > targetIndex ? -1 : 1;
-      var _getSelectedTableInfo4 = (0, _utils2.getSelectedTableInfo)(selection),
-        totalRowCount = _getSelectedTableInfo4.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
+      var _getSelectedTableInfo5 = (0, _utils2.getSelectedTableInfo)(selection),
+        totalRowCount = _getSelectedTableInfo5.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo5.totalColumnCount;
       return {
         action: sourceType === 'table-row' ? _analytics.TABLE_ACTION.CLONED_ROW : _analytics.TABLE_ACTION.CLONED_COLUMN,
         actionSubject: _analytics.ACTION_SUBJECT.TABLE,

package/dist/cjs/pm-plugins/keymap.js

@@ -38,7 +38,7 @@ function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEn
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.addRowAfter.common, (0, _commandsWithAnalytics.addRowAroundSelection)(editorAnalyticsAPI)('BOTTOM'), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.addColumnBefore.common, (0, _insert.addColumnBefore)(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.addColumnAfter.common, (0, _insert.addColumnAfter)(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg')) {
+  if ((0, _platformFeatureFlags.fg)('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg')) {
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.addRowBeforeVO.common, (0, _commandsWithAnalytics.addRowAroundSelection)(editorAnalyticsAPI)('TOP'), list);
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.addRowAfterVO.common, (0, _commandsWithAnalytics.addRowAroundSelection)(editorAnalyticsAPI)('BOTTOM'), list);
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.addColumnBeforeVO.common, (0, _insert.addColumnBefore)(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
@@ -53,10 +53,10 @@ function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEn
      * See ticket ED-22154 https://product-fabric.atlassian.net/browse/ED-22154
      */
 
-    (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRowDown.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI)('table-row', 1), list);
-    (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRowUp.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI)('table-row', -1), list);
-    (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveColumnLeft.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI)('table-column', -1), list);
-    (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveColumnRight.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI)('table-column', 1), list);
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRowDown.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-row', 1), list);
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRowUp.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-row', -1), list);
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveColumnLeft.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-column', -1), list);
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveColumnRight.common, (0, _commandsWithAnalytics2.moveSourceWithAnalyticsViaShortcut)(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-column', 1), list);
 
     // Delete row/column shortcuts
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.deleteColumn.common, (0, _commandsWithAnalytics.deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut)(editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
@@ -82,7 +82,7 @@ function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAndDropEn
     ariaNotify: ariaNotifyPlugin,
     getIntl: getIntl
   }), list);
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-table-context-menu_y4c9c')) {
+  if ((0, _platformFeatureFlags.fg)('platform.editor.a11y-table-context-menu_y4c9c')) {
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.focusToContextMenuTrigger.common, (0, _commands2.setFocusToCellMenu)(), list);
   }
   return (0, _keymap.keymap)(list);

package/dist/cjs/pm-plugins/main.js

@@ -206,7 +206,7 @@ var createPlugin = exports.createPlugin = function createPlugin(dispatchAnalytic
         }
 
         //  If a partial paste of nested expand, paste only nested-expand's content */
-        if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.transform-slice-for-nested-expand')) {
+        if ((0, _platformFeatureFlags.fg)('platform.editor.transform-slice-for-nested-expand')) {
           slice = (0, _transforms.transformSliceToRemoveOpenNestedExpand)(slice, schema);
         }
         return slice;

package/dist/cjs/pm-plugins/table-selection-keymap.js

@@ -8,12 +8,15 @@ exports.tableSelectionKeymapPlugin = tableSelectionKeymapPlugin;
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _selection = require("../commands/selection");
-function tableSelectionKeymapPlugin(editorSelectionAPI) {
+function tableSelectionKeymapPlugin(pluginInjectionApi, getIntl) {
+  var _pluginInjectionApi$a;
   var list = {};
+  var editorSelectionAPI = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.selection;
+  var ariaNotifyPlugin = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.ariaNotify;
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveRight.common, (0, _selection.arrowRightFromTable)(editorSelectionAPI)(), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.moveLeft.common, (0, _selection.arrowLeftFromTable)(editorSelectionAPI)(), list);
-  (0, _keymaps.bindKeymapArrayWithCommand)(_keymaps.selectColumn, (0, _selection.selectColumns)(editorSelectionAPI)(true), list);
-  (0, _keymaps.bindKeymapArrayWithCommand)(_keymaps.selectRow, (0, _selection.selectRows)(editorSelectionAPI)(true), list);
+  (0, _keymaps.bindKeymapArrayWithCommand)(_keymaps.selectColumn, (0, _selection.selectColumns)(editorSelectionAPI, ariaNotifyPlugin, getIntl)(true), list);
+  (0, _keymaps.bindKeymapArrayWithCommand)(_keymaps.selectRow, (0, _selection.selectRows)(editorSelectionAPI, ariaNotifyPlugin, getIntl)(true), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.shiftArrowUp.common, (0, _selection.shiftArrowUpFromTable)(editorSelectionAPI)(), list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.selectTable.common, (0, _selection.modASelectTable)(editorSelectionAPI)(), list);
   return (0, _keymap.keymap)(list);

package/dist/cjs/toolbar.js

@@ -372,7 +372,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(getE
           return element;
         };
         var menu = getToolbarMenuConfig(config, pluginState, intl, editorAnalyticsAPI, isTableScalingWithFixedColumnWidthsOptionShown, areTableColumWidthsFixed);
-        var alignmentMenu = options !== null && options !== void 0 && options.isTableAlignmentEnabled && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent) : [];
+        var alignmentMenu = options !== null && options !== void 0 && options.isTableAlignmentEnabled && !isNested ? getAlignmentOptionsConfig(state, intl, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, options === null || options === void 0 ? void 0 : options.fullWidthEnabled) : [];
         var isCellBackgroundDuplicated = getEditorFeatureFlags().tableDuplicateCellColouring || false;
         var cellItems = pluginState.isDragAndDropEnabled ? [] : getCellItems(state, editorView, intl, getEditorContainerWidth, editorAnalyticsAPI, isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent);
         var columnSettingsItems = pluginState.isDragAndDropEnabled ? getColumnSettingItems(state, editorView, intl, getEditorContainerWidth, editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled) : [];
@@ -588,7 +588,7 @@ var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch)
   }
   return false;
 };
-var getAlignmentOptionsConfig = exports.getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent) {
+var getAlignmentOptionsConfig = exports.getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
   var formatMessage = _ref6.formatMessage;
   var tableObject = (0, _utils3.findTable)(editorState.selection);
   if (!tableObject) {
@@ -621,7 +621,7 @@ var getAlignmentOptionsConfig = exports.getAlignmentOptionsConfig = function get
       title: formatMessage(layoutToMessages[value]),
       selected: (0, _alignment.normaliseAlignment)(currentLayout) === value,
       onClick: (0, _commandsWithAnalytics.setTableAlignmentWithAnalytics)(editorAnalyticsAPI)(value, currentLayout, _analytics.INPUT_METHOD.FLOATING_TB, _analytics.CHANGE_ALIGNMENT_REASON.TOOLBAR_OPTION_CHANGED)
-    }, isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent) && {
+    }, isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) && {
       disabled: value !== 'center'
     });
   });
@@ -651,7 +651,7 @@ var getSelectedAlignmentIcon = exports.getSelectedAlignmentIcon = function getSe
     return icon.value === (0, _alignment.normaliseAlignment)(selectedAlignment);
   });
 };
-var isLayoutOptionDisabled = exports.isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent) {
+var isLayoutOptionDisabled = exports.isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
   var _getEditorContainerWi = getEditorContainerWidth(),
     lineLength = _getEditorContainerWi.lineLength;
   var tableContainerWidth = (0, _nodeWidth.getTableContainerWidth)(selectedNode);
@@ -663,7 +663,10 @@ var isLayoutOptionDisabled = exports.isLayoutOptionDisabled = function isLayoutO
     var scalePercent = (0, _misc.getStaticTableScalingPercent)(selectedNode, tableWrapperWidth, shouldUseIncreasedScalingPercent);
     tableContainerWidth = tableContainerWidth * scalePercent;
   }
-  if (selectedNode && lineLength && tableContainerWidth > lineLength) {
+
+  // If fixed-width editor, we disable 'left-alignment' when table width is 760px.
+  // tableContainerWidth +1 here because tableContainerWidth is 759 in fixed-width editor
+  if (selectedNode && !isFullWidthEditor && lineLength && tableContainerWidth + 1 >= lineLength) {
     return true;
   }
   return false;

package/dist/cjs/ui/FloatingDragMenu/DragMenu.js

@@ -207,7 +207,8 @@ var DragMenu = exports.DragMenu = /*#__PURE__*/_react.default.memo(function (_re
     tableDuplicateCellColouring = _ref.tableDuplicateCellColouring,
     shouldUseIncreasedScalingPercent = _ref.shouldUseIncreasedScalingPercent,
     isTableFixedColumnWidthsOptionEnabled = _ref.isTableFixedColumnWidthsOptionEnabled,
-    tableSortColumnReorder = _ref.tableSortColumnReorder;
+    tableSortColumnReorder = _ref.tableSortColumnReorder,
+    ariaNotifyPlugin = _ref.ariaNotifyPlugin;
   var state = editorView.state,
     dispatch = editorView.dispatch;
   var selection = state.selection;
@@ -221,7 +222,7 @@ var DragMenu = exports.DragMenu = /*#__PURE__*/_react.default.memo(function (_re
   var selectionRect = (0, _utils2.isSelectionType)(selection, 'cell') ? (0, _utils2.getSelectionRect)(selection) : (0, _utils2.findCellRectClosestToPos)(selection.$from);
   var hasMergedCellsInTable = (_tableMap$hasMergedCe = tableMap === null || tableMap === void 0 ? void 0 : tableMap.hasMergedCells()) !== null && _tableMap$hasMergedCe !== void 0 ? _tableMap$hasMergedCe : false;
   var allowBackgroundColor = (_pluginConfig$allowBa = pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.allowBackgroundColor) !== null && _pluginConfig$allowBa !== void 0 ? _pluginConfig$allowBa : false;
-  var dragMenuConfig = (0, _dragMenu.getDragMenuConfig)(direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled, tableDuplicateCellColouring, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, tableSortColumnReorder);
+  var dragMenuConfig = (0, _dragMenu.getDragMenuConfig)(direction, getEditorContainerWidth, hasMergedCellsInTable, editorView, tableMap, index, targetCellPosition, selectionRect, editorAnalyticsAPI, pluginConfig === null || pluginConfig === void 0 ? void 0 : pluginConfig.isHeaderRowRequired, isTableScalingEnabled, tableDuplicateCellColouring, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent, tableSortColumnReorder, ariaNotifyPlugin);
   var _convertToDropdownIte = convertToDropdownItems(dragMenuConfig, formatMessage, tableSortColumnReorder, selectionRect),
     menuItems = _convertToDropdownIte.menuItems,
     menuCallback = _convertToDropdownIte.menuCallback;

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

@@ -27,7 +27,8 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     stickyHeaders = _ref.stickyHeaders,
     pluginConfig = _ref.pluginConfig,
     isTableScalingEnabled = _ref.isTableScalingEnabled,
-    getEditorFeatureFlags = _ref.getEditorFeatureFlags;
+    getEditorFeatureFlags = _ref.getEditorFeatureFlags,
+    ariaNotifyPlugin = _ref.ariaNotifyPlugin;
   if (!isOpen || !targetCellPosition || editorView.state.doc.nodeSize <= targetCellPosition) {
     return null;
   }
@@ -44,7 +45,7 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     tableWithFixedColumnWidthsOption = _ref2$tableWithFixedC === void 0 ? false : _ref2$tableWithFixedC,
     _ref2$tableSortColumn = _ref2.tableSortColumnReorder,
     tableSortColumnReorder = _ref2$tableSortColumn === void 0 ? false : _ref2$tableSortColumn;
-  var shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.use-increased-scaling-percent');
+  var shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && (0, _platformFeatureFlags.fg)('platform.editor.table.use-increased-scaling-percent');
   return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
     alignX: direction === 'row' ? 'right' : undefined,
     alignY: direction === 'row' ? 'start' : undefined,
@@ -82,7 +83,8 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     tableDuplicateCellColouring: tableDuplicateCellColouring,
     shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
     isTableFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
-    tableSortColumnReorder: tableSortColumnReorder
+    tableSortColumnReorder: tableSortColumnReorder,
+    ariaNotifyPlugin: ariaNotifyPlugin
   }));
 };
 FloatingDragMenu.displayName = 'FloatingDragMenu';

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

@@ -9,9 +9,11 @@ exports.default = exports.TableFloatingControls = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _commands = require("../../commands");
 var _types = require("../../types");
+var _nodes = require("../../utils/nodes");
 var _CornerControls = require("./CornerControls");
 var _FloatingControlsWithSelection = require("./FloatingControlsWithSelection");
 var _NumberColumn = _interopRequireDefault(require("./NumberColumn"));
@@ -19,6 +21,7 @@ var _RowControls = require("./RowControls");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var TableFloatingControls = exports.TableFloatingControls = function TableFloatingControls(_ref) {
+  var _findTable;
   var editorView = _ref.editorView,
     tableRef = _ref.tableRef,
     tableNode = _ref.tableNode,
@@ -79,6 +82,9 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
   }
   var stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
   var wrapperClassName = isDragAndDropEnabled ? _types.TableCssClassName.DRAG_ROW_CONTROLS_WRAPPER : _types.TableCssClassName.ROW_CONTROLS_WRAPPER;
+  var tablePos = (_findTable = (0, _utils2.findTable)(editorView.state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos;
+  var isNested = tablePos !== undefined && (0, _nodes.isTableNested)(editorView.state, tablePos);
+  var shouldShowCornerControls = (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_24041') ? !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) || isNested : !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop);
   return (
     /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -101,7 +107,7 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
       updateCellHoverLocation: updateCellHoverLocation,
       stickyTop: stickyTop,
       isDragAndDropEnabled: isDragAndDropEnabled
-    }) : null, tableActive && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !(featureFlagsState !== null && featureFlagsState !== void 0 && featureFlagsState.elementDragAndDrop) && ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/_react.default.createElement(_CornerControls.DragCornerControlsWithSelection, {
+    }) : null, tableActive && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isDragAndDropEnabled ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldShowCornerControls && ((0, _platformFeatureFlags.fg)('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/_react.default.createElement(_CornerControls.DragCornerControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,
@@ -126,7 +132,7 @@ var TableFloatingControls = exports.TableFloatingControls = function TableFloati
       selectRow: _selectRow,
       selectRows: _selectRows,
       updateCellHoverLocation: updateCellHoverLocation
-    })) : (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/_react.default.createElement(_FloatingControlsWithSelection.FloatingControlsWithSelection, {
+    })) : (0, _platformFeatureFlags.fg)('platform.editor.table.use-shared-state-hook') ? /*#__PURE__*/_react.default.createElement(_FloatingControlsWithSelection.FloatingControlsWithSelection, {
       editorView: editorView,
       tableRef: tableRef,
       isInDanger: isInDanger,