@atlaskit/editor-plugin-table 7.19.11 → 7.20.0

package/dist/esm/commands/selection.js

@@ -1,3 +1,4 @@
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { GapCursorSelection, isSelectionAtEndOfNode, isSelectionAtStartOfNode, RelativeSelectionPos, Side } from '@atlaskit/editor-common/selection';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
@@ -79,7 +80,7 @@ var arrowRightFromCellSelection = function arrowRightFromCellSelection(editorSel
     };
   };
 };
-export var selectColumns = function selectColumns(editorSelectionAPI) {
+export var selectColumns = function selectColumns(editorSelectionAPI, ariaNotify, getIntl) {
   return function () {
     var triggeredByKeyboard = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     return function (state, dispatch) {
@@ -94,13 +95,23 @@ export var selectColumns = function selectColumns(editorSelectionAPI) {
         })(state, dispatch);
       }
       if (table && rect) {
-        return selectColumn(rect.left, undefined, triggeredByKeyboard)(state, dispatch);
+        var selectColumnCommand = selectColumn(rect.left, undefined, triggeredByKeyboard)(state, dispatch);
+        var map = TableMap.get(table.node);
+        if (ariaNotify && getIntl) {
+          ariaNotify(getIntl().formatMessage(messages.columnSelected, {
+            index: rect.left + 1,
+            total: map.width
+          }), {
+            priority: 'important'
+          });
+        }
+        return selectColumnCommand;
       }
       return false;
     };
   };
 };
-export var selectRows = function selectRows(editorSelectionAPI) {
+export var selectRows = function selectRows(editorSelectionAPI, ariaNotify, getIntl) {
   return function () {
     var triggeredByKeyboard = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     return function (state, dispatch) {
@@ -115,7 +126,17 @@ export var selectRows = function selectRows(editorSelectionAPI) {
         })(state, dispatch);
       }
       if (table && rect) {
-        return selectRow(rect.top, undefined, triggeredByKeyboard)(state, dispatch);
+        var selectRowCommand = selectRow(rect.top, undefined, triggeredByKeyboard)(state, dispatch);
+        var map = TableMap.get(table.node);
+        if (ariaNotify && getIntl) {
+          ariaNotify(getIntl().formatMessage(messages.rowSelected, {
+            index: rect.top + 1,
+            total: map.height
+          }), {
+            priority: 'important'
+          });
+        }
+        return selectRowCommand;
       }
       return false;
     };

package/dist/esm/nodeviews/table.js

@@ -17,7 +17,7 @@ import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { akEditorTableNumberColumnWidth } from '@atlaskit/editor-shared-styles';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginConfig as getPluginConfig } from '../create-plugin-config';
 import { pluginKey as tableDragAndDropPluginKey } from '../pm-plugins/drag-and-drop';
 import { getPluginState } from '../pm-plugins/plugin-factory';
@@ -68,7 +68,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
   function TableView(props) {
     var _this;
     _classCallCheck(this, TableView);
-    _this = _super.call(this, props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props, undefined, undefined, undefined, props.hasIntlContext);
+    _this = _super.call(this, props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props);
     _defineProperty(_assertThisInitialized(_this), "getNode", function () {
       return _this.node;
     });
@@ -125,7 +125,7 @@ var TableView = /*#__PURE__*/function (_ReactNodeView) {
     key: "render",
     value: function render(props, forwardRef) {
       var _this3 = this;
-      if (getBooleanFF('platform.editor.table.use-shared-state-hook')) {
+      if (fg('platform.editor.table.use-shared-state-hook')) {
         return /*#__PURE__*/React.createElement(TableComponentWithSharedState, {
           forwardRef: forwardRef,
           getNode: this.getNode,
@@ -291,7 +291,6 @@ export var createTableView = function createTableView(node, view, getPos, portal
   var _getPluginConfig = getPluginConfig(pluginConfig),
     allowColumnResizing = _getPluginConfig.allowColumnResizing,
     allowControls = _getPluginConfig.allowControls;
-  var hasIntlContext = true;
   return new TableView({
     node: node,
     view: view,
@@ -312,7 +311,6 @@ export var createTableView = function createTableView(node, view, getPos, portal
     getEditorContainerWidth: getEditorContainerWidth,
     getEditorFeatureFlags: getEditorFeatureFlags,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    hasIntlContext: hasIntlContext,
     pluginInjectionApi: pluginInjectionApi
   }).init();
 };

package/dist/esm/plugin.js

@@ -13,7 +13,7 @@ import { browser } from '@atlaskit/editor-common/utils';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { tableEditing } from '@atlaskit/editor-tables/pm-plugins';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { insertTableWithSize } from './commands/insert';
 import { pluginConfig } from './create-plugin-config';
 import { createPlugin as createTableAnalyticsPlugin } from './pm-plugins/analytics/plugin';
@@ -52,7 +52,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 = {
@@ -65,8 +65,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 && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+  var shouldUseIncreasedScalingPercent = (options === null || options === void 0 ? void 0 : options.isTableScalingEnabled) && isTableFixedColumnWidthsOptionEnabled && 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',
@@ -202,18 +203,19 @@ var tablesPlugin = function tablesPlugin(_ref) {
         }
       }, {
         name: 'tableSelectionKeymap',
-        plugin: function plugin() {
-          return tableSelectionKeymapPlugin(api === null || api === void 0 ? void 0 : api.selection);
+        plugin: function plugin(_ref8) {
+          var getIntl = _ref8.getIntl;
+          return tableSelectionKeymapPlugin(api, getIntl);
         }
       }, {
         name: 'tableEditing',
         plugin: function plugin() {
-          var _ref8 = options || {},
-            dragAndDropEnabled = _ref8.dragAndDropEnabled;
+          var _ref9 = options || {},
+            dragAndDropEnabled = _ref9.dragAndDropEnabled;
           return 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: TABLE_ACTION.FIXED,
                 actionSubject: ACTION_SUBJECT.TABLE,
@@ -229,53 +231,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 ? createStickyHeadersPlugin(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 ? createDragAndDropPlugin(dispatch, editorAnalyticsAPI, options === null || options === void 0 ? void 0 : options.isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled) : undefined;
         }
       }, {
         name: 'tableViewModeSort',
         plugin: function plugin() {
-          return getBooleanFF('platform.editor.table.live-pages-sorting_4malx') && api !== null && api !== void 0 && api.editorViewMode ? createViewModeSortPlugin(api.editorViewMode) : undefined;
+          return api !== null && api !== void 0 && api.editorViewMode && fg('platform.editor.table.live-pages-sorting_4malx') ? createViewModeSortPlugin(api.editorViewMode) : undefined;
         }
       }, {
         name: 'tableLocalId',
-        plugin: function plugin(_ref12) {
-          var dispatch = _ref12.dispatch;
+        plugin: function plugin(_ref13) {
+          var dispatch = _ref13.dispatch;
           return createTableLocalIdPlugin(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 ? createTableWidthPlugin(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 createTableOverflowAnalyticsPlugin(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 createTableAnalyticsPlugin(dispatch, dispatchAnalyticsEvent);
         }
       }, {
@@ -306,12 +308,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.createElement(ErrorBoundary, {
         component: ACTION_SUBJECT.TABLES_PLUGIN,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
@@ -325,35 +327,35 @@ var tablesPlugin = function tablesPlugin(_ref) {
           stickyHeadersState: stickyHeadersPluginKey,
           dragAndDropState: dragAndDropPluginKey
         },
-        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 ? findStickyHeaderForTable(stickyHeadersState, tablePos) : undefined;
-          return /*#__PURE__*/React.createElement(React.Fragment, null, targetCellPosition && (tableRef || getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') && isCellMenuOpenByKeyboard) && !isResizing && options && options.allowContextualMenu && /*#__PURE__*/React.createElement(FloatingContextualButton, {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, targetCellPosition && (tableRef || isCellMenuOpenByKeyboard && fg('platform.editor.a11y-table-context-menu_y4c9c')) && !isResizing && options && options.allowContextualMenu && /*#__PURE__*/React.createElement(FloatingContextualButton, {
             isNumberColumnEnabled: tableNode && tableNode.attrs.isNumberColumnEnabled,
             editorView: editorView,
             tableNode: tableNode,
@@ -409,7 +411,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.createElement(FloatingDeleteButton, {
             editorView: editorView,
             selection: editorView.state.selection,
@@ -434,8 +437,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.table),

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

@@ -1,5 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION, TABLE_STATUS } from '@atlaskit/editor-common/analytics';
+import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
 import { findCellRectClosestToPos, getSelectionRect } from '@atlaskit/editor-tables/utils';
 import { getSelectedColumnIndexes, getSelectedRowIndexes, getSelectedTableInfo } from '../../utils';
@@ -36,7 +37,7 @@ export var clearDropTargetWithAnalytics = function clearDropTargetWithAnalytics(
     });
   };
 };
-export var moveSourceWithAnalytics = function moveSourceWithAnalytics(editorAnalyticsAPI) {
+export var moveSourceWithAnalytics = function moveSourceWithAnalytics(editorAnalyticsAPI, ariaNotify, getIntl) {
   return function (inputMethod, sourceType, sourceIndexes, targetIndex, tr) {
     return withEditorAnalyticsAPI(function (_ref2) {
       var selection = _ref2.selection;
@@ -66,12 +67,25 @@ export var moveSourceWithAnalytics = function moveSourceWithAnalytics(editorAnal
     })(editorAnalyticsAPI)(function (state, dispatch) {
       if (dispatch) {
         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 === INPUT_METHOD.TABLE_CONTEXT_MENU || 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 = getSelectedTableInfo(state.selection),
+            totalRowCount = _getSelectedTableInfo3.totalRowCount,
+            totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
+          ariaNotify(getIntl().formatMessage(sourceType === 'table-row' ? direction > 0 ? messages.rowMovedDown : messages.rowMovedUp : direction > 0 ? messages.columnMovedRight : messages.columnMovedLeft, {
+            index: targetIndex + 1,
+            total: sourceType === 'table-row' ? totalRowCount : totalColumnCount
+          }), {
+            priority: 'important'
+          });
+        }
       }
       return true;
     });
   };
 };
-export var moveSourceWithAnalyticsViaShortcut = function moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI) {
+export var moveSourceWithAnalyticsViaShortcut = function moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI, ariaNotify, getIntl) {
   return function (sourceType, direction) {
     return function (state, dispatch) {
       var selection = state.selection;
@@ -85,14 +99,14 @@ export var moveSourceWithAnalyticsViaShortcut = function moveSourceWithAnalytics
       if (selectedIndexes.length === 0) {
         return false;
       }
-      var _getSelectedTableInfo3 = getSelectedTableInfo(selection),
-        totalRowCount = _getSelectedTableInfo3.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo3.totalColumnCount;
+      var _getSelectedTableInfo4 = getSelectedTableInfo(selection),
+        totalRowCount = _getSelectedTableInfo4.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
       if (!canMove(sourceType, direction, isRow ? totalRowCount : totalColumnCount, selection, selectionRect)) {
         return false;
       }
       var targetIndex = getTargetIndex(selectedIndexes, direction);
-      return moveSourceWithAnalytics(editorAnalyticsAPI)(INPUT_METHOD.SHORTCUT, sourceType, selectedIndexes, targetIndex)(state, dispatch);
+      return moveSourceWithAnalytics(editorAnalyticsAPI, ariaNotify, getIntl)(INPUT_METHOD.SHORTCUT, sourceType, selectedIndexes, targetIndex)(state, dispatch);
     };
   };
 };
@@ -101,9 +115,9 @@ export var cloneSourceWithAnalytics = function cloneSourceWithAnalytics(editorAn
     return withEditorAnalyticsAPI(function (_ref3) {
       var selection = _ref3.selection;
       var direction = sourceIndexes[0] > targetIndex ? -1 : 1;
-      var _getSelectedTableInfo4 = getSelectedTableInfo(selection),
-        totalRowCount = _getSelectedTableInfo4.totalRowCount,
-        totalColumnCount = _getSelectedTableInfo4.totalColumnCount;
+      var _getSelectedTableInfo5 = getSelectedTableInfo(selection),
+        totalRowCount = _getSelectedTableInfo5.totalRowCount,
+        totalColumnCount = _getSelectedTableInfo5.totalColumnCount;
       return {
         action: sourceType === 'table-row' ? TABLE_ACTION.CLONED_ROW : TABLE_ACTION.CLONED_COLUMN,
         actionSubject: ACTION_SUBJECT.TABLE,

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

@@ -2,7 +2,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addColumnAfterVO, addColumnBefore, addColumnBeforeVO, addRowAfter, addRowAfterVO, addRowBefore, addRowBeforeVO, backspace, bindKeymapWithCommand, decreaseMediaSize, deleteColumn, deleteRow, escape, focusToContextMenuTrigger, increaseMediaSize, moveColumnLeft, moveColumnRight, moveLeft, moveRight, moveRowDown, moveRowUp, nextCell, previousCell, startColumnResizing, toggleTable } from '@atlaskit/editor-common/keymaps';
 import { chainCommands } from '@atlaskit/editor-prosemirror/commands';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { goToNextCell, moveCursorBackward, setFocusToCellMenu } from '../commands';
 import { addRowAroundSelection, changeColumnWidthByStepWithAnalytics, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut, deleteTableIfSelectedWithAnalytics, emptyMultipleCellsWithAnalytics } from '../commands-with-analytics';
 import { activateNextResizeArea, initiateKeyboardColumnResizing, stopKeyboardColumnResizing } from '../commands/column-resize';
@@ -31,7 +31,7 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
   bindKeymapWithCommand(addRowAfter.common, addRowAroundSelection(editorAnalyticsAPI)('BOTTOM'), list);
   bindKeymapWithCommand(addColumnBefore.common, addColumnBeforeCommand(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
   bindKeymapWithCommand(addColumnAfter.common, addColumnAfterCommand(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
-  if (getBooleanFF('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg')) {
+  if (fg('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg')) {
     bindKeymapWithCommand(addRowBeforeVO.common, addRowAroundSelection(editorAnalyticsAPI)('TOP'), list);
     bindKeymapWithCommand(addRowAfterVO.common, addRowAroundSelection(editorAnalyticsAPI)('BOTTOM'), list);
     bindKeymapWithCommand(addColumnBeforeVO.common, addColumnBeforeCommand(isTableScalingEnabled, isCellBackgroundDuplicated, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
@@ -46,10 +46,10 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
      * See ticket ED-22154 https://product-fabric.atlassian.net/browse/ED-22154
      */
 
-    bindKeymapWithCommand(moveRowDown.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-row', 1), list);
-    bindKeymapWithCommand(moveRowUp.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-row', -1), list);
-    bindKeymapWithCommand(moveColumnLeft.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-column', -1), list);
-    bindKeymapWithCommand(moveColumnRight.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI)('table-column', 1), list);
+    bindKeymapWithCommand(moveRowDown.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-row', 1), list);
+    bindKeymapWithCommand(moveRowUp.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-row', -1), list);
+    bindKeymapWithCommand(moveColumnLeft.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-column', -1), list);
+    bindKeymapWithCommand(moveColumnRight.common, moveSourceWithAnalyticsViaShortcut(editorAnalyticsAPI, ariaNotifyPlugin, getIntl)('table-column', 1), list);
 
     // Delete row/column shortcuts
     bindKeymapWithCommand(deleteColumn.common, deleteSelectedRowsOrColumnsWithAnalyticsViaShortcut(editorAnalyticsAPI, isTableScalingEnabled, isTableFixedColumnWidthsOptionEnabled, shouldUseIncreasedScalingPercent), list);
@@ -75,7 +75,7 @@ export function keymapPlugin(getEditorContainerWidth, editorAnalyticsAPI, dragAn
     ariaNotify: ariaNotifyPlugin,
     getIntl: getIntl
   }), list);
-  if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+  if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
     bindKeymapWithCommand(focusToContextMenuTrigger.common, setFocusToCellMenu(), list);
   }
   return keymap(list);

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

@@ -9,7 +9,7 @@ import { browser, closestElement } from '@atlaskit/editor-common/utils';
 import { findParentDomRefOfType, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { TableMap } from '@atlaskit/editor-tables';
 import { findTable } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { addBoldInEmptyHeaderCells, clearHoverSelection, setTableRef } from '../commands';
 import { stopKeyboardColumnResizing } from '../commands/column-resize';
 import { removeResizeHandleDecorations, transformSliceRemoveCellBackgroundColor, transformSliceToAddTableHeaders, transformSliceToRemoveColumnsWidths } from '../commands/misc';
@@ -199,7 +199,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
         }
 
         //  If a partial paste of nested expand, paste only nested-expand's content */
-        if (getBooleanFF('platform.editor.transform-slice-for-nested-expand')) {
+        if (fg('platform.editor.transform-slice-for-nested-expand')) {
           slice = transformSliceToRemoveOpenNestedExpand(slice, schema);
         }
         return slice;

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

@@ -1,12 +1,15 @@
 import { bindKeymapArrayWithCommand, bindKeymapWithCommand, moveLeft, moveRight, selectColumn, selectRow, selectTable, shiftArrowUp } from '@atlaskit/editor-common/keymaps';
 import { keymap } from '@atlaskit/editor-prosemirror/keymap';
 import { arrowLeftFromTable, arrowRightFromTable, modASelectTable, selectColumns, selectRows, shiftArrowUpFromTable } from '../commands/selection';
-export function tableSelectionKeymapPlugin(editorSelectionAPI) {
+export 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;
   bindKeymapWithCommand(moveRight.common, arrowRightFromTable(editorSelectionAPI)(), list);
   bindKeymapWithCommand(moveLeft.common, arrowLeftFromTable(editorSelectionAPI)(), list);
-  bindKeymapArrayWithCommand(selectColumn, selectColumns(editorSelectionAPI)(true), list);
-  bindKeymapArrayWithCommand(selectRow, selectRows(editorSelectionAPI)(true), list);
+  bindKeymapArrayWithCommand(selectColumn, selectColumns(editorSelectionAPI, ariaNotifyPlugin, getIntl)(true), list);
+  bindKeymapArrayWithCommand(selectRow, selectRows(editorSelectionAPI, ariaNotifyPlugin, getIntl)(true), list);
   bindKeymapWithCommand(shiftArrowUp.common, shiftArrowUpFromTable(editorSelectionAPI)(), list);
   bindKeymapWithCommand(selectTable.common, modASelectTable(editorSelectionAPI)(), list);
   return keymap(list);

package/dist/esm/toolbar.js

@@ -364,7 +364,7 @@ export var getToolbarConfig = function getToolbarConfig(getEditorContainerWidth,
           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) : [];
@@ -580,7 +580,7 @@ var highlightColumnsHandler = function highlightColumnsHandler(state, dispatch)
   }
   return false;
 };
-export var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent) {
+export var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editorState, _ref6, editorAnalyticsAPI, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
   var formatMessage = _ref6.formatMessage;
   var tableObject = findTable(editorState.selection);
   if (!tableObject) {
@@ -613,7 +613,7 @@ export var getAlignmentOptionsConfig = function getAlignmentOptionsConfig(editor
       title: formatMessage(layoutToMessages[value]),
       selected: normaliseAlignment(currentLayout) === value,
       onClick: setTableAlignmentWithAnalytics(editorAnalyticsAPI)(value, currentLayout, INPUT_METHOD.FLOATING_TB, CHANGE_ALIGNMENT_REASON.TOOLBAR_OPTION_CHANGED)
-    }, isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent) && {
+    }, isLayoutOptionDisabled(tableObject.node, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) && {
       disabled: value !== 'center'
     });
   });
@@ -643,7 +643,7 @@ export var getSelectedAlignmentIcon = function getSelectedAlignmentIcon(alignmen
     return icon.value === normaliseAlignment(selectedAlignment);
   });
 };
-export var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent) {
+export var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode, getEditorContainerWidth, getDomRef, editorView, shouldUseIncreasedScalingPercent, isFullWidthEditor) {
   var _getEditorContainerWi = getEditorContainerWidth(),
     lineLength = _getEditorContainerWi.lineLength;
   var tableContainerWidth = getTableContainerWidth(selectedNode);
@@ -655,7 +655,10 @@ export var isLayoutOptionDisabled = function isLayoutOptionDisabled(selectedNode
     var scalePercent = 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/esm/ui/FloatingDragMenu/DragMenu.js

@@ -196,7 +196,8 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
     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;
@@ -210,7 +211,7 @@ export var DragMenu = /*#__PURE__*/React.memo(function (_ref) {
   var selectionRect = isSelectionType(selection, 'cell') ? getSelectionRect(selection) : 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 = 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 = 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/esm/ui/FloatingDragMenu/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { dragMenuDropdownWidth, tablePopupMenuFitHeight } from '../consts';
 import DragMenu from './DragMenu';
 var FloatingDragMenu = function FloatingDragMenu(_ref) {
@@ -20,7 +20,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;
   }
@@ -37,7 +38,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 && getBooleanFF('platform.editor.table.use-increased-scaling-percent');
+  var shouldUseIncreasedScalingPercent = isTableScalingEnabled && tableWithFixedColumnWidthsOption && fg('platform.editor.table.use-increased-scaling-percent');
   return /*#__PURE__*/React.createElement(Popup, {
     alignX: direction === 'row' ? 'right' : undefined,
     alignY: direction === 'row' ? 'start' : undefined,
@@ -75,7 +76,8 @@ var FloatingDragMenu = function FloatingDragMenu(_ref) {
     tableDuplicateCellColouring: tableDuplicateCellColouring,
     shouldUseIncreasedScalingPercent: shouldUseIncreasedScalingPercent,
     isTableFixedColumnWidthsOptionEnabled: tableWithFixedColumnWidthsOption,
-    tableSortColumnReorder: tableSortColumnReorder
+    tableSortColumnReorder: tableSortColumnReorder,
+    ariaNotifyPlugin: ariaNotifyPlugin
   }));
 };
 FloatingDragMenu.displayName = 'FloatingDragMenu';