@atlaskit/editor-plugin-table 7.6.7 → 7.6.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-table
 
+## 7.6.9
+
+### Patch Changes
+
+- [#87069](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87069) [`3c2cb323593e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3c2cb323593e) - remove feature flag in-danger-hover-merged-cells-fix
+
+## 7.6.8
+
+### Patch Changes
+
+- [#84955](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/84955) [`f5eded0ecb9d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f5eded0ecb9d) - ECA11Y-192: Fix table resize screen reader announcement for NVDA Windows
+
 ## 7.6.7
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -27,6 +27,9 @@
         {
             "path": "../../editor-palette/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../editor-plugin-accessibility-utils/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../editor-plugin-analytics/afm-cc/tsconfig.json"
         },

package/dist/cjs/nodeviews/TableResizer.js

@@ -9,7 +9,6 @@ exports.TableResizer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -33,7 +32,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER = 1000;
 var RESIZE_STEP_VALUE = 10;
 var handles = {
   right: true
@@ -122,26 +120,8 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     snappingEnabled = _useState4[0],
     setSnappingEnabled = _useState4[1];
-
-  // we don't want to update aria-live region on each width change, it might provide bad experience for screen reader users
-  var _useState5 = (0, _react.useState)({
-      type: 'none',
-      width: width
-    }),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    screenReaderResizeInformation = _useState6[0],
-    setScreenReaderResizeInformation = _useState6[1];
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  var screenReaderResizeAnnouncerMessages = {
-    increase: formatMessage(_messages.tableMessages.tableSizeIncreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width
-    }),
-    decrease: formatMessage(_messages.tableMessages.tableSizeDecreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width
-    }),
-    none: ''
-  };
   var isTableSelected = ((_findTable = (0, _utils2.findTable)((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos();
   var resizerMinWidth = getResizerMinWidth(node);
   var handleSize = getResizerHandleHeight(tableRef);
@@ -282,6 +262,19 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
     }
     displayGapCursor(true);
     dispatch(tr);
+    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-table-resizing_uapcv')) {
+      if (delta.width < 0) {
+        var _pluginInjectionApi$a;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.actions.ariaNotify(formatMessage(_messages.tableMessages.tableSizeDecreaseScreenReaderInformation, {
+          newWidth: newWidth
+        }));
+      } else if (delta.width > 0) {
+        var _pluginInjectionApi$a2;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a2 === void 0 || _pluginInjectionApi$a2.actions.ariaNotify(formatMessage(_messages.tableMessages.tableSizeIncreaseScreenReaderInformation, {
+          newWidth: newWidth
+        }));
+      }
+    }
 
     // Hide guidelines when resizing stops
     displayGuideline([]);
@@ -291,7 +284,7 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       onResizeStop();
     }
     return newWidth;
-  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, isTableScalingEnabled, widthToWidest]);
+  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, isTableScalingEnabled, widthToWidest, formatMessage, pluginInjectionApi]);
   var handleTableSizeChangeOnKeypress = (0, _react.useCallback)(function (step) {
     var newWidth = width + step;
     if (newWidth > maxWidth || newWidth < resizerMinWidth) {
@@ -373,27 +366,6 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
       (_updateTooltip$curren = updateTooltip.current) === null || _updateTooltip$curren === void 0 || _updateTooltip$curren.call(updateTooltip);
     }
   }, [width]);
-  (0, _react.useEffect)(function () {
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-table-resizing_uapcv')) {
-      var debouncedSetWidth = (0, _debounce.default)(setScreenReaderResizeInformation, DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER);
-      debouncedSetWidth(function (prevState) {
-        var type = 'none';
-        if (prevState.width > width) {
-          type = 'decrease';
-        }
-        if (prevState.width < width) {
-          type = 'increase';
-        }
-        return {
-          type: type,
-          width: width
-        };
-      });
-      return function () {
-        debouncedSetWidth.cancel();
-      };
-    }
-  }, [width]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_resizer.ResizerNext, {
     ref: resizerRef,
     enable: handles,
@@ -422,8 +394,5 @@ var TableResizer = exports.TableResizer = function TableResizer(_ref) {
         keymap: _keymaps.focusTableResizer
       });
     } : formatMessage(_messages.tableMessages.resizeTable)
-  }, children), (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-table-resizing_uapcv') && /*#__PURE__*/_react.default.createElement("div", {
-    className: "assistive",
-    role: "status"
-  }, screenReaderResizeAnnouncerMessages[screenReaderResizeInformation.type]));
+  }, children));
 };

package/dist/cjs/utils/decoration.js

@@ -13,7 +13,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
 var _utils2 = require("@atlaskit/editor-tables/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../types");
 var _ColumnResizeWidget = require("../ui/ColumnResizeWidget");
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
@@ -71,51 +70,13 @@ var createControlsHoverDecoration = exports.createControlsHoverDecoration = func
   // So If the table cells are in danger we want to create a "rectangle" selection
   // to match the "clicked" selection
 
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.table.in-danger-hover-merged-cells-fix')) {
-    if (danger && type !== 'table') {
-      var selection = tr.selection;
-      var _table = (0, _utils2.findTable)(selection);
-      var rect = (0, _utils2.getSelectionRect)(selection);
-      if (_table && rect) {
-        updatedCells = map.cellsInRect(rect).map(function (x) {
-          return x + _table.start;
-        });
-      }
-    }
-  } else {
-    if (danger) {
-      // Find the bounding rectangle of all the given cells, also considering
-      // merged cells.
-      var _cells$reduce3 = cells.reduce(function (acc, cell) {
-          var _map$findCell = map.findCell(cell.pos - table.start),
-            left = _map$findCell.left,
-            right = _map$findCell.right,
-            bottom = _map$findCell.bottom,
-            top = _map$findCell.top;
-          // Finding the bounding rect requires finding the min left and top positions,
-          // and the max right and bottom positions of the cells
-          return {
-            recLeft: Math.min(acc.recLeft, left),
-            recTop: Math.min(acc.recTop, top),
-            recRight: Math.max(acc.recRight, right),
-            recBottom: Math.max(acc.recBottom, bottom)
-          };
-        },
-        // +-Infinity as initialisation vars which will always be overwritten
-        // by smaller/larger values respectively
-        {
-          recLeft: Infinity,
-          recTop: Infinity,
-          recRight: -Infinity,
-          recBottom: -Infinity
-        }),
-        recLeft = _cells$reduce3.recLeft,
-        recTop = _cells$reduce3.recTop,
-        recRight = _cells$reduce3.recRight,
-        recBottom = _cells$reduce3.recBottom;
-      var _rect = new _tableMap.Rect(recLeft, recTop, recRight, recBottom);
-      updatedCells = map.cellsInRect(_rect).map(function (x) {
-        return x + table.start;
+  if (danger && type !== 'table') {
+    var selection = tr.selection;
+    var _table = (0, _utils2.findTable)(selection);
+    var rect = (0, _utils2.getSelectionRect)(selection);
+    if (_table && rect) {
+      updatedCells = map.cellsInRect(rect).map(function (x) {
+        return x + _table.start;
       });
     }
   }

package/dist/es2019/nodeviews/TableResizer.js

@@ -1,5 +1,4 @@
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import debounce from 'lodash/debounce';
 import rafSchd from 'raf-schd';
 import { useIntl } from 'react-intl-next';
 import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
@@ -19,7 +18,6 @@ import { TABLE_GUIDELINE_VISIBLE_ADJUSTMENT, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGH
 import { generateResizedPayload, generateResizeFrameRatePayloads, useMeasureFramerate } from '../utils/analytics';
 import { defaultGuidelines, defaultGuidelinesForPreserveTable } from '../utils/guidelines';
 import { defaultSnappingWidths, defaultTablePreserveSnappingWidths, findClosestSnap } from '../utils/snapping';
-const DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER = 1000;
 const RESIZE_STEP_VALUE = 10;
 const handles = {
   right: true
@@ -105,24 +103,9 @@ export const TableResizer = ({
   // used to reposition tooltip when table is resizing via keyboard
   const updateTooltip = React.useRef();
   const [snappingEnabled, setSnappingEnabled] = useState(false);
-
-  // we don't want to update aria-live region on each width change, it might provide bad experience for screen reader users
-  const [screenReaderResizeInformation, setScreenReaderResizeInformation] = useState({
-    type: 'none',
-    width
-  });
   const {
     formatMessage
   } = useIntl();
-  const screenReaderResizeAnnouncerMessages = {
-    increase: formatMessage(messages.tableSizeIncreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width
-    }),
-    decrease: formatMessage(messages.tableSizeDecreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width
-    }),
-    none: ''
-  };
   const isTableSelected = ((_findTable = findTable((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos();
   const resizerMinWidth = getResizerMinWidth(node);
   const handleSize = getResizerHandleHeight(tableRef);
@@ -274,6 +257,19 @@ export const TableResizer = ({
     }
     displayGapCursor(true);
     dispatch(tr);
+    if (getBooleanFF('platform.editor.a11y-table-resizing_uapcv')) {
+      if (delta.width < 0) {
+        var _pluginInjectionApi$a;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions.ariaNotify(formatMessage(messages.tableSizeDecreaseScreenReaderInformation, {
+          newWidth: newWidth
+        }));
+      } else if (delta.width > 0) {
+        var _pluginInjectionApi$a2;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions.ariaNotify(formatMessage(messages.tableSizeIncreaseScreenReaderInformation, {
+          newWidth: newWidth
+        }));
+      }
+    }
 
     // Hide guidelines when resizing stops
     displayGuideline([]);
@@ -283,7 +279,7 @@ export const TableResizer = ({
       onResizeStop();
     }
     return newWidth;
-  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, isTableScalingEnabled, widthToWidest]);
+  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, isTableScalingEnabled, widthToWidest, formatMessage, pluginInjectionApi]);
   const handleTableSizeChangeOnKeypress = useCallback(step => {
     const newWidth = width + step;
     if (newWidth > maxWidth || newWidth < resizerMinWidth) {
@@ -365,27 +361,6 @@ export const TableResizer = ({
       (_updateTooltip$curren = updateTooltip.current) === null || _updateTooltip$curren === void 0 ? void 0 : _updateTooltip$curren.call(updateTooltip);
     }
   }, [width]);
-  useEffect(() => {
-    if (getBooleanFF('platform.editor.a11y-table-resizing_uapcv')) {
-      const debouncedSetWidth = debounce(setScreenReaderResizeInformation, DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER);
-      debouncedSetWidth(prevState => {
-        let type = 'none';
-        if (prevState.width > width) {
-          type = 'decrease';
-        }
-        if (prevState.width < width) {
-          type = 'increase';
-        }
-        return {
-          type,
-          width
-        };
-      });
-      return () => {
-        debouncedSetWidth.cancel();
-      };
-    }
-  }, [width]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizerNext, {
     ref: resizerRef,
     enable: handles,
@@ -415,8 +390,5 @@ export const TableResizer = ({
         keymap: focusTableResizer
       });
     } : formatMessage(messages.resizeTable)
-  }, children), getBooleanFF('platform.editor.a11y-table-resizing_uapcv') && /*#__PURE__*/React.createElement("div", {
-    className: "assistive",
-    role: "status"
-  }, screenReaderResizeAnnouncerMessages[screenReaderResizeInformation.type]));
+  }, children));
 };

package/dist/es2019/utils/decoration.js

@@ -6,9 +6,8 @@ import { nonNullable } from '@atlaskit/editor-common/utils';
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getCellsInRow, getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 import { ColumnResizeWidget } from '../ui/ColumnResizeWidget';
 const filterDecorationByKey = (key, decorationSet) => decorationSet.find(undefined, undefined, spec => spec.key.indexOf(key) > -1);
@@ -44,51 +43,13 @@ export const createControlsHoverDecoration = (cells, type, tr, isDragAndDropEnab
   // So If the table cells are in danger we want to create a "rectangle" selection
   // to match the "clicked" selection
 
-  if (getBooleanFF('platform.editor.table.in-danger-hover-merged-cells-fix')) {
-    if (danger && type !== 'table') {
-      const {
-        selection
-      } = tr;
-      const table = findTable(selection);
-      const rect = getSelectionRect(selection);
-      if (table && rect) {
-        updatedCells = map.cellsInRect(rect).map(x => x + table.start);
-      }
-    }
-  } else {
-    if (danger) {
-      // Find the bounding rectangle of all the given cells, also considering
-      // merged cells.
-      const {
-        recLeft,
-        recTop,
-        recRight,
-        recBottom
-      } = cells.reduce((acc, cell) => {
-        const {
-          left,
-          right,
-          bottom,
-          top
-        } = map.findCell(cell.pos - table.start);
-        // Finding the bounding rect requires finding the min left and top positions,
-        // and the max right and bottom positions of the cells
-        return {
-          recLeft: Math.min(acc.recLeft, left),
-          recTop: Math.min(acc.recTop, top),
-          recRight: Math.max(acc.recRight, right),
-          recBottom: Math.max(acc.recBottom, bottom)
-        };
-      },
-      // +-Infinity as initialisation vars which will always be overwritten
-      // by smaller/larger values respectively
-      {
-        recLeft: Infinity,
-        recTop: Infinity,
-        recRight: -Infinity,
-        recBottom: -Infinity
-      });
-      const rect = new Rect(recLeft, recTop, recRight, recBottom);
+  if (danger && type !== 'table') {
+    const {
+      selection
+    } = tr;
+    const table = findTable(selection);
+    const rect = getSelectionRect(selection);
+    if (table && rect) {
       updatedCells = map.cellsInRect(rect).map(x => x + table.start);
     }
   }

package/dist/esm/nodeviews/TableResizer.js

@@ -3,7 +3,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import debounce from 'lodash/debounce';
 import rafSchd from 'raf-schd';
 import { useIntl } from 'react-intl-next';
 import { TABLE_OVERFLOW_CHANGE_TRIGGER } from '@atlaskit/editor-common/analytics';
@@ -23,7 +22,6 @@ import { TABLE_GUIDELINE_VISIBLE_ADJUSTMENT, TABLE_HIGHLIGHT_GAP, TABLE_HIGHLIGH
 import { generateResizedPayload, generateResizeFrameRatePayloads, useMeasureFramerate } from '../utils/analytics';
 import { defaultGuidelines, defaultGuidelinesForPreserveTable } from '../utils/guidelines';
 import { defaultSnappingWidths, defaultTablePreserveSnappingWidths, findClosestSnap } from '../utils/snapping';
-var DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER = 1000;
 var RESIZE_STEP_VALUE = 10;
 var handles = {
   right: true
@@ -112,26 +110,8 @@ export var TableResizer = function TableResizer(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     snappingEnabled = _useState4[0],
     setSnappingEnabled = _useState4[1];
-
-  // we don't want to update aria-live region on each width change, it might provide bad experience for screen reader users
-  var _useState5 = useState({
-      type: 'none',
-      width: width
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    screenReaderResizeInformation = _useState6[0],
-    setScreenReaderResizeInformation = _useState6[1];
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var screenReaderResizeAnnouncerMessages = {
-    increase: formatMessage(messages.tableSizeIncreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width
-    }),
-    decrease: formatMessage(messages.tableSizeDecreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width
-    }),
-    none: ''
-  };
   var isTableSelected = ((_findTable = findTable((_editorView$state = editorView.state) === null || _editorView$state === void 0 ? void 0 : _editorView$state.selection)) === null || _findTable === void 0 ? void 0 : _findTable.pos) === getPos();
   var resizerMinWidth = getResizerMinWidth(node);
   var handleSize = getResizerHandleHeight(tableRef);
@@ -272,6 +252,19 @@ export var TableResizer = function TableResizer(_ref) {
     }
     displayGapCursor(true);
     dispatch(tr);
+    if (getBooleanFF('platform.editor.a11y-table-resizing_uapcv')) {
+      if (delta.width < 0) {
+        var _pluginInjectionApi$a;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a === void 0 || _pluginInjectionApi$a.actions.ariaNotify(formatMessage(messages.tableSizeDecreaseScreenReaderInformation, {
+          newWidth: newWidth
+        }));
+      } else if (delta.width > 0) {
+        var _pluginInjectionApi$a2;
+        pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a2 = pluginInjectionApi.accessibilityUtils) === null || _pluginInjectionApi$a2 === void 0 || _pluginInjectionApi$a2.actions.ariaNotify(formatMessage(messages.tableSizeIncreaseScreenReaderInformation, {
+          newWidth: newWidth
+        }));
+      }
+    }
 
     // Hide guidelines when resizing stops
     displayGuideline([]);
@@ -281,7 +274,7 @@ export var TableResizer = function TableResizer(_ref) {
       onResizeStop();
     }
     return newWidth;
-  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, isTableScalingEnabled, widthToWidest]);
+  }, [displayGapCursor, updateWidth, editorView, getPos, node, tableRef, scheduleResize, displayGuideline, attachAnalyticsEvent, endMeasure, onResizeStop, isTableScalingEnabled, widthToWidest, formatMessage, pluginInjectionApi]);
   var handleTableSizeChangeOnKeypress = useCallback(function (step) {
     var newWidth = width + step;
     if (newWidth > maxWidth || newWidth < resizerMinWidth) {
@@ -363,27 +356,6 @@ export var TableResizer = function TableResizer(_ref) {
       (_updateTooltip$curren = updateTooltip.current) === null || _updateTooltip$curren === void 0 || _updateTooltip$curren.call(updateTooltip);
     }
   }, [width]);
-  useEffect(function () {
-    if (getBooleanFF('platform.editor.a11y-table-resizing_uapcv')) {
-      var debouncedSetWidth = debounce(setScreenReaderResizeInformation, DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER);
-      debouncedSetWidth(function (prevState) {
-        var type = 'none';
-        if (prevState.width > width) {
-          type = 'decrease';
-        }
-        if (prevState.width < width) {
-          type = 'increase';
-        }
-        return {
-          type: type,
-          width: width
-        };
-      });
-      return function () {
-        debouncedSetWidth.cancel();
-      };
-    }
-  }, [width]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizerNext, {
     ref: resizerRef,
     enable: handles,
@@ -412,8 +384,5 @@ export var TableResizer = function TableResizer(_ref) {
         keymap: focusTableResizer
       });
     } : formatMessage(messages.resizeTable)
-  }, children), getBooleanFF('platform.editor.a11y-table-resizing_uapcv') && /*#__PURE__*/React.createElement("div", {
-    className: "assistive",
-    role: "status"
-  }, screenReaderResizeAnnouncerMessages[screenReaderResizeInformation.type]));
+  }, children));
 };

package/dist/esm/utils/decoration.js

@@ -7,9 +7,8 @@ import { nonNullable } from '@atlaskit/editor-common/utils';
 // @ts-ignore -- ReadonlyTransaction is a local declaration and will cause a TS2305 error in CCFE typecheck
 
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { findTable, getCellsInRow, getSelectionRect } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
 import { ColumnResizeWidget } from '../ui/ColumnResizeWidget';
 var filterDecorationByKey = function filterDecorationByKey(key, decorationSet) {
@@ -65,51 +64,13 @@ export var createControlsHoverDecoration = function createControlsHoverDecoratio
   // So If the table cells are in danger we want to create a "rectangle" selection
   // to match the "clicked" selection
 
-  if (getBooleanFF('platform.editor.table.in-danger-hover-merged-cells-fix')) {
-    if (danger && type !== 'table') {
-      var selection = tr.selection;
-      var _table = findTable(selection);
-      var rect = getSelectionRect(selection);
-      if (_table && rect) {
-        updatedCells = map.cellsInRect(rect).map(function (x) {
-          return x + _table.start;
-        });
-      }
-    }
-  } else {
-    if (danger) {
-      // Find the bounding rectangle of all the given cells, also considering
-      // merged cells.
-      var _cells$reduce3 = cells.reduce(function (acc, cell) {
-          var _map$findCell = map.findCell(cell.pos - table.start),
-            left = _map$findCell.left,
-            right = _map$findCell.right,
-            bottom = _map$findCell.bottom,
-            top = _map$findCell.top;
-          // Finding the bounding rect requires finding the min left and top positions,
-          // and the max right and bottom positions of the cells
-          return {
-            recLeft: Math.min(acc.recLeft, left),
-            recTop: Math.min(acc.recTop, top),
-            recRight: Math.max(acc.recRight, right),
-            recBottom: Math.max(acc.recBottom, bottom)
-          };
-        },
-        // +-Infinity as initialisation vars which will always be overwritten
-        // by smaller/larger values respectively
-        {
-          recLeft: Infinity,
-          recTop: Infinity,
-          recRight: -Infinity,
-          recBottom: -Infinity
-        }),
-        recLeft = _cells$reduce3.recLeft,
-        recTop = _cells$reduce3.recTop,
-        recRight = _cells$reduce3.recRight,
-        recBottom = _cells$reduce3.recBottom;
-      var _rect = new Rect(recLeft, recTop, recRight, recBottom);
-      updatedCells = map.cellsInRect(_rect).map(function (x) {
-        return x + table.start;
+  if (danger && type !== 'table') {
+    var selection = tr.selection;
+    var _table = findTable(selection);
+    var rect = getSelectionRect(selection);
+    if (_table && rect) {
+      updatedCells = map.cellsInRect(rect).map(function (x) {
+        return x + _table.start;
       });
     }
   }

package/dist/types/plugin.d.ts

@@ -1,6 +1,7 @@
 import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { Command, EditorCommand, GetEditorFeatureFlags, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
@@ -35,6 +36,7 @@ export type TablePlugin = NextEditorPlugin<'table', {
         insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
     };
     dependencies: [
+        OptionalPlugin<AccessibilityUtilsPlugin>,
         AnalyticsPlugin,
         ContentInsertionPlugin,
         WidthPlugin,

package/dist/types/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -30,7 +30,15 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
         commands: {
             insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -80,7 +88,15 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
             sharedState: any;
             actions: any;
         }, any>>];
-    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string) => void;
+        };
+        sharedState: {
+            message: string;
+        };
+    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
             createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;

package/dist/types/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts

@@ -11,7 +11,15 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
         commands: {
             insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -61,7 +69,15 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             sharedState: any;
             actions: any;
         }, any>>];
-    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string) => void;
+        };
+        sharedState: {
+            message: string;
+        };
+    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
             createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -122,7 +138,15 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
             commands: {
                 insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
-            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                dependencies: [];
+                actions: {
+                    ariaNotify: (message: string) => void;
+                };
+                sharedState: {
+                    message: string;
+                };
+            }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                 sharedState: {
                     createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -172,7 +196,15 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 sharedState: any;
                 actions: any;
             }, any>>];
-        }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        }, import("../../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;

package/dist/types/ui/TableFloatingControls/index.d.ts

@@ -39,7 +39,15 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
         commands: {
             insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
-        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        dependencies: [import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
                 createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
@@ -89,7 +97,15 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
             sharedState: any;
             actions: any;
         }, any>>];
-    }, import("../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+    }, import("../../plugin").TablePluginOptions | undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+        dependencies: [];
+        actions: {
+            ariaNotify: (message: string) => void;
+        };
+        sharedState: {
+            message: string;
+        };
+    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
         sharedState: {
             createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;

package/dist/types-ts4.5/plugin.d.ts

@@ -1,6 +1,7 @@
 import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { Command, EditorCommand, GetEditorFeatureFlags, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
@@ -35,6 +36,7 @@ export type TablePlugin = NextEditorPlugin<'table', {
         insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: INPUT_METHOD.PICKER) => EditorCommand;
     };
     dependencies: [
+        OptionalPlugin<AccessibilityUtilsPlugin>,
         AnalyticsPlugin,
         ContentInsertionPlugin,
         WidthPlugin,

package/dist/types-ts4.5/ui/TableFloatingColumnControls/ColumnControls/index.d.ts

@@ -32,6 +32,16 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
                 insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
             dependencies: [
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                    dependencies: [
+                    ];
+                    actions: {
+                        ariaNotify: (message: string) => void;
+                    };
+                    sharedState: {
+                        message: string;
+                    };
+                }, undefined>>,
                 import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                     sharedState: {
@@ -97,6 +107,16 @@ export declare const ColumnControls: ({ editorView, tableActive, tableRef, hover
                 }, any>>
             ];
         }, import("../../../plugin").TablePluginOptions | undefined>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [
+            ];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {

package/dist/types-ts4.5/ui/TableFloatingControls/CornerControls/DragCornerControls.d.ts

@@ -13,6 +13,16 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
             dependencies: [
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                    dependencies: [
+                    ];
+                    actions: {
+                        ariaNotify: (message: string) => void;
+                    };
+                    sharedState: {
+                        message: string;
+                    };
+                }, undefined>>,
                 import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                     sharedState: {
@@ -78,6 +88,16 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                 }, any>>
             ];
         }, import("../../../plugin").TablePluginOptions | undefined>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [
+            ];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {
@@ -155,6 +175,16 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                     insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
                 };
                 dependencies: [
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                        dependencies: [
+                        ];
+                        actions: {
+                            ariaNotify: (message: string) => void;
+                        };
+                        sharedState: {
+                            message: string;
+                        };
+                    }, undefined>>,
                     import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                         pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                         sharedState: {
@@ -220,6 +250,16 @@ export declare const DragCornerControlsWithSelection: React.FC<import("react-int
                     }, any>>
                 ];
             }, import("../../../plugin").TablePluginOptions | undefined>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                dependencies: [
+                ];
+                actions: {
+                    ariaNotify: (message: string) => void;
+                };
+                sharedState: {
+                    message: string;
+                };
+            }, undefined>>,
             import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                 pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                 sharedState: {

package/dist/types-ts4.5/ui/TableFloatingControls/index.d.ts

@@ -41,6 +41,16 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
                 insertTableWithSize: (rowsCount: number, colsCount: number, inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.PICKER | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
             };
             dependencies: [
+                import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+                    dependencies: [
+                    ];
+                    actions: {
+                        ariaNotify: (message: string) => void;
+                    };
+                    sharedState: {
+                        message: string;
+                    };
+                }, undefined>>,
                 import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
                     pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
                     sharedState: {
@@ -106,6 +116,16 @@ export declare const TableFloatingControls: ({ editorView, tableRef, tableNode,
                 }, any>>
             ];
         }, import("../../plugin").TablePluginOptions | undefined>,
+        import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"accessibilityUtils", {
+            dependencies: [
+            ];
+            actions: {
+                ariaNotify: (message: string) => void;
+            };
+            sharedState: {
+                message: string;
+            };
+        }, undefined>>,
         import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
             pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
             sharedState: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "7.6.7",
+  "version": "7.6.9",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,6 +32,7 @@
     "@atlaskit/custom-steps": "^0.0.17",
     "@atlaskit/editor-common": "^78.23.0",
     "@atlaskit/editor-palette": "1.5.3",
+    "@atlaskit/editor-plugin-accessibility-utils": "^1.0.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-content-insertion": "^1.0.0",
     "@atlaskit/editor-plugin-guideline": "^1.0.0",
@@ -128,9 +129,6 @@
     "platform.editor.menu.group-items": {
       "type": "boolean"
     },
-    "platform.editor.table.in-danger-hover-merged-cells-fix": {
-      "type": "boolean"
-    },
     "platform.editor.a11y-column-resizing_emcvz": {
       "type": "boolean"
     },

package/src/nodeviews/TableResizer.tsx

@@ -8,7 +8,6 @@ import React, {
   useState,
 } from 'react';
 
-import debounce from 'lodash/debounce';
 import rafSchd from 'raf-schd';
 import { useIntl } from 'react-intl-next';
 
@@ -90,9 +89,6 @@ export interface TableResizerImprovementProps extends TableResizerProps {
 
 type ResizerNextHandler = React.ElementRef<typeof ResizerNext>;
 
-type ResizeAction = 'increase' | 'decrease' | 'none';
-
-const DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER = 1000;
 const RESIZE_STEP_VALUE = 10;
 
 const handles = { right: true };
@@ -189,26 +185,7 @@ export const TableResizer = ({
   const updateTooltip = React.useRef<() => void>();
   const [snappingEnabled, setSnappingEnabled] = useState(false);
 
-  // we don't want to update aria-live region on each width change, it might provide bad experience for screen reader users
-  const [screenReaderResizeInformation, setScreenReaderResizeInformation] =
-    useState<{
-      type: ResizeAction;
-      width: number;
-    }>({
-      type: 'none',
-      width,
-    });
-
   const { formatMessage } = useIntl();
-  const screenReaderResizeAnnouncerMessages = {
-    increase: formatMessage(messages.tableSizeIncreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width,
-    }),
-    decrease: formatMessage(messages.tableSizeDecreaseScreenReaderInformation, {
-      newWidth: screenReaderResizeInformation.width,
-    }),
-    none: '',
-  };
 
   const isTableSelected =
     findTable(editorView.state?.selection)?.pos === getPos();
@@ -453,6 +430,22 @@ export const TableResizer = ({
       displayGapCursor(true);
       dispatch(tr);
 
+      if (getBooleanFF('platform.editor.a11y-table-resizing_uapcv')) {
+        if (delta.width < 0) {
+          pluginInjectionApi?.accessibilityUtils?.actions.ariaNotify(
+            formatMessage(messages.tableSizeDecreaseScreenReaderInformation, {
+              newWidth: newWidth,
+            }),
+          );
+        } else if (delta.width > 0) {
+          pluginInjectionApi?.accessibilityUtils?.actions.ariaNotify(
+            formatMessage(messages.tableSizeIncreaseScreenReaderInformation, {
+              newWidth: newWidth,
+            }),
+          );
+        }
+      }
+
       // Hide guidelines when resizing stops
       displayGuideline([]);
       updateWidth(newWidth);
@@ -481,6 +474,8 @@ export const TableResizer = ({
       onResizeStop,
       isTableScalingEnabled,
       widthToWidest,
+      formatMessage,
+      pluginInjectionApi,
     ],
   );
 
@@ -599,34 +594,6 @@ export const TableResizer = ({
     }
   }, [width]);
 
-  useEffect(() => {
-    if (getBooleanFF('platform.editor.a11y-table-resizing_uapcv')) {
-      const debouncedSetWidth = debounce(
-        setScreenReaderResizeInformation,
-        DEBOUNCE_TIME_FOR_SCREEN_READER_ANNOUNCER,
-      );
-      debouncedSetWidth((prevState) => {
-        let type: ResizeAction = 'none';
-        if (prevState.width > width) {
-          type = 'decrease';
-        }
-
-        if (prevState.width < width) {
-          type = 'increase';
-        }
-
-        return {
-          type,
-          width,
-        };
-      });
-
-      return () => {
-        debouncedSetWidth.cancel();
-      };
-    }
-  }, [width]);
-
   return (
     <>
       <ResizerNext
@@ -667,15 +634,6 @@ export const TableResizer = ({
       >
         {children}
       </ResizerNext>
-      {getBooleanFF('platform.editor.a11y-table-resizing_uapcv') && (
-        <div className="assistive" role="status">
-          {
-            screenReaderResizeAnnouncerMessages[
-              screenReaderResizeInformation.type
-            ]
-          }
-        </div>
-      )}
     </>
   );
 };

package/src/plugin.tsx

@@ -32,6 +32,7 @@ import type {
 } from '@atlaskit/editor-common/types';
 import { browser } from '@atlaskit/editor-common/utils';
 import { WithPluginState } from '@atlaskit/editor-common/with-plugin-state';
+import type { AccessibilityUtilsPlugin } from '@atlaskit/editor-plugin-accessibility-utils';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ContentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
@@ -133,6 +134,7 @@ export type TablePlugin = NextEditorPlugin<
       ) => EditorCommand;
     };
     dependencies: [
+      OptionalPlugin<AccessibilityUtilsPlugin>,
       AnalyticsPlugin,
       ContentInsertionPlugin,
       WidthPlugin,

package/src/utils/decoration.ts

@@ -16,13 +16,12 @@ import type {
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
-import { Rect, TableMap } from '@atlaskit/editor-tables/table-map';
+import { TableMap } from '@atlaskit/editor-tables/table-map';
 import {
   findTable,
   getCellsInRow,
   getSelectionRect,
 } from '@atlaskit/editor-tables/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 
 import type { Cell, CellColumnPositioning } from '../types';
 import { TableCssClassName as ClassName, TableDecorations } from '../types';
@@ -102,44 +101,12 @@ export const createControlsHoverDecoration = (
   // So If the table cells are in danger we want to create a "rectangle" selection
   // to match the "clicked" selection
 
-  if (getBooleanFF('platform.editor.table.in-danger-hover-merged-cells-fix')) {
-    if (danger && type !== 'table') {
-      const { selection } = tr;
-      const table = findTable(selection);
-      const rect = getSelectionRect(selection);
+  if (danger && type !== 'table') {
+    const { selection } = tr;
+    const table = findTable(selection);
+    const rect = getSelectionRect(selection);
 
-      if (table && rect) {
-        updatedCells = map.cellsInRect(rect).map((x) => x + table.start);
-      }
-    }
-  } else {
-    if (danger) {
-      // Find the bounding rectangle of all the given cells, also considering
-      // merged cells.
-      const { recLeft, recTop, recRight, recBottom } = cells.reduce(
-        (acc, cell) => {
-          const { left, right, bottom, top } = map.findCell(
-            cell.pos - table.start,
-          );
-          // Finding the bounding rect requires finding the min left and top positions,
-          // and the max right and bottom positions of the cells
-          return {
-            recLeft: Math.min(acc.recLeft, left),
-            recTop: Math.min(acc.recTop, top),
-            recRight: Math.max(acc.recRight, right),
-            recBottom: Math.max(acc.recBottom, bottom),
-          };
-        },
-        // +-Infinity as initialisation vars which will always be overwritten
-        // by smaller/larger values respectively
-        {
-          recLeft: Infinity,
-          recTop: Infinity,
-          recRight: -Infinity,
-          recBottom: -Infinity,
-        },
-      );
-      const rect = new Rect(recLeft, recTop, recRight, recBottom);
+    if (table && rect) {
       updatedCells = map.cellsInRect(rect).map((x) => x + table.start);
     }
   }

package/tsconfig.app.json

@@ -42,6 +42,9 @@
     {
       "path": "../editor-palette/tsconfig.app.json"
     },
+    {
+      "path": "../editor-plugin-accessibility-utils/tsconfig.app.json"
+    },
     {
       "path": "../editor-plugin-analytics/tsconfig.app.json"
     },