@atlaskit/editor-common 84.5.0 → 84.5.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 84.5.1
+
+### Patch Changes
+
+- [#119559](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119559)
+  [`7c1b0299f4fba`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7c1b0299f4fba) -
+  ED-22510:Screen reader support for column/row selection and up/down movements
+- [#119860](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119860)
+  [`2f8a2041b5477`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2f8a2041b5477) -
+  [ECA11Y-185] Removed platform.editor.a11y-element-browser FF
+- Updated dependencies
+
 ## 84.5.0
 
 ### Minor Changes

package/afm-jira/tsconfig.json

@@ -71,6 +71,9 @@
     {
       "path": "../../../design-system/icon-object/afm-jira/tsconfig.json"
     },
+    {
+      "path": "../../../linking-platform/link-datasource/afm-jira/tsconfig.json"
+    },
     {
       "path": "../../../linking-platform/link-picker/afm-jira/tsconfig.json"
     },

package/dist/cjs/element-browser/components/ElementList/ElementList.js

@@ -15,12 +15,10 @@ var _react2 = require("@emotion/react");
 var _reactVirtualized = require("react-virtualized");
 var _AutoSizer = require("react-virtualized/dist/commonjs/AutoSizer");
 var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
-var _Collection = require("react-virtualized/dist/commonjs/Collection");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _menu = require("@atlaskit/menu");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -30,7 +28,6 @@ var _constants2 = require("../../constants");
 var _useContainerWidth2 = _interopRequireDefault(require("../../hooks/use-container-width"));
 var _useFocus = _interopRequireDefault(require("../../hooks/use-focus"));
 var _types = require("../../types");
-var _cellSizeAndPositionGetter = _interopRequireDefault(require("./cellSizeAndPositionGetter"));
 var _EmptyState = _interopRequireDefault(require("./EmptyState"));
 var _utils = require("./utils");
 var _excluded = ["items", "mode", "selectedItemIndex", "focusedItemIndex", "columnCount", "setColumnCount", "createAnalyticsEvent", "emptyStateHandler", "selectedCategory", "selectedCategoryIndex", "searchTerm", "setFocusedCategoryIndex", "setFocusedItemIndex"];
@@ -123,58 +120,11 @@ function ElementList(_ref) {
   };
   var cellRenderer = (0, _react.useMemo)(function () {
     return function (_ref3) {
-      var index = _ref3.index,
+      var columnIndex = _ref3.columnIndex,
         key = _ref3.key,
+        parent = _ref3.parent,
+        rowIndex = _ref3.rowIndex,
         style = _ref3.style;
-      if (items[index] == null) {
-        return;
-      }
-      return (0, _react2.jsx)("div", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        style: style,
-        key: key
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: "element-item-wrapper",
-        css: elementItemWrapper,
-        onKeyDown: function onKeyDown(e) {
-          if (e.key === 'Tab') {
-            if (e.shiftKey && index === 0) {
-              if (setFocusedCategoryIndex) {
-                if (!!selectedCategoryIndex) {
-                  setFocusedCategoryIndex(selectedCategoryIndex);
-                } else {
-                  setFocusedCategoryIndex(0);
-                }
-                e.preventDefault();
-              }
-            }
-            // before focus jumps from elements list we need to rerender react-virtualized collection.
-            // Otherwise on the next render 'scrollToCell' will have same cached value
-            // and collection will not be scrolled to top.
-            // So Tab press on category will not work anymore due to invisible 1-t element.
-            else if (index === items.length - 2) {
-              setFocusedItemIndex(items.length - 1);
-            }
-          }
-        }
-      }, (0, _react2.jsx)(MemoizedElementItem, (0, _extends2.default)({
-        inlineMode: !fullMode,
-        index: index,
-        item: items[index],
-        selected: selectedItemIndex === index,
-        focus: focusedItemIndex === index,
-        setFocusedItemIndex: setFocusedItemIndex
-      }, props)));
-    };
-  }, [items, fullMode, selectedItemIndex, focusedItemIndex, selectedCategoryIndex, setFocusedCategoryIndex, setFocusedItemIndex, props]);
-  var gridCellRenderer = (0, _react.useMemo)(function () {
-    return function (_ref4) {
-      var columnIndex = _ref4.columnIndex,
-        key = _ref4.key,
-        parent = _ref4.parent,
-        rowIndex = _ref4.rowIndex,
-        style = _ref4.style;
       var index = rowIndex * columnCount + columnIndex;
       if (items[index] == null) {
         return;
@@ -205,9 +155,9 @@ function ElementList(_ref) {
                 e.preventDefault();
               }
             }
-            // before focus jumps from elements list we need to rerender react-virtualized collection.
+            // before focus jumps from elements list we need to rerender react-virtualized grid.
             // Otherwise on the next render 'scrollToCell' will have same cached value
-            // and collection will not be scrolled to top.
+            // and grid will not be scrolled to top.
             // So Tab press on category will not work anymore due to invisible 1-t element.
             else if (index === items.length - 2) {
               setFocusedItemIndex(items.length - 1);
@@ -241,10 +191,10 @@ function ElementList(_ref) {
     onExternalLinkClick: onExternalLinkClick
   }) : (0, _react2.jsx)(_react.Fragment, null, containerWidth > 0 && (0, _react2.jsx)(_AutoSizer.AutoSizer, {
     disableWidth: true
-  }, function (_ref5) {
-    var height = _ref5.height;
-    return (0, _platformFeatureFlags.fg)('platform.editor.a11y-element-browser') ? (0, _react2.jsx)(_reactVirtualized.Grid, (0, _extends2.default)({
-      cellRenderer: gridCellRenderer,
+  }, function (_ref4) {
+    var height = _ref4.height;
+    return (0, _react2.jsx)(_reactVirtualized.Grid, (0, _extends2.default)({
+      cellRenderer: cellRenderer,
       height: height,
       width: containerWidth - _constants2.ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
       /**
@@ -261,33 +211,19 @@ function ElementList(_ref) {
       deferredMeasurementCache: cache
     }, selectedItemIndex !== undefined && {
       scrollToRow: Math.floor(selectedItemIndex / columnCount)
-    })) : (0, _react2.jsx)(_Collection.Collection, {
-      cellCount: items.length,
-      cellRenderer: cellRenderer,
-      cellSizeAndPositionGetter: (0, _cellSizeAndPositionGetter.default)(containerWidth - _constants2.ELEMENT_LIST_PADDING * 2, scrollbarWidth),
-      height: height,
-      width: containerWidth - _constants2.ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
-      /**
-       * Refresh Collection on WidthObserver value change.
-       * Length of the items used to force re-render to solve Firefox bug with react-virtualized retaining
-       * scroll position after updating the data. If new data has different number of cells, a re-render
-       * is forced to prevent the scroll position render bug.
-       */,
-      key: containerWidth + items.length,
-      scrollToCell: selectedItemIndex
-    });
+    }));
   }))));
 }
 var MemoizedElementItem = /*#__PURE__*/(0, _react.memo)(ElementItem);
 MemoizedElementItem.displayName = 'MemoizedElementItem';
-function ElementItem(_ref6) {
-  var inlineMode = _ref6.inlineMode,
-    selected = _ref6.selected,
-    item = _ref6.item,
-    index = _ref6.index,
-    onInsertItem = _ref6.onInsertItem,
-    focus = _ref6.focus,
-    setFocusedItemIndex = _ref6.setFocusedItemIndex;
+function ElementItem(_ref5) {
+  var inlineMode = _ref5.inlineMode,
+    selected = _ref5.selected,
+    item = _ref5.item,
+    index = _ref5.index,
+    onInsertItem = _ref5.onInsertItem,
+    focus = _ref5.focus,
+    setFocusedItemIndex = _ref5.setFocusedItemIndex;
   var ref = (0, _useFocus.default)(focus);
 
   /**
@@ -352,17 +288,17 @@ function ElementItem(_ref6) {
 var itemStyleOverrides = {
   alignItems: 'flex-start'
 };
-var ElementBefore = /*#__PURE__*/(0, _react.memo)(function (_ref7) {
-  var icon = _ref7.icon,
-    title = _ref7.title;
+var ElementBefore = /*#__PURE__*/(0, _react.memo)(function (_ref6) {
+  var icon = _ref6.icon,
+    title = _ref6.title;
   return (0, _react2.jsx)("div", {
     css: [itemIcon, itemIconStyle]
   }, icon ? icon() : (0, _react2.jsx)(_quickInsert.IconFallback, null));
 });
-var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref8) {
-  var title = _ref8.title,
-    description = _ref8.description,
-    keyshortcut = _ref8.keyshortcut;
+var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref7) {
+  var title = _ref7.title,
+    description = _ref7.description,
+    keyshortcut = _ref7.keyshortcut;
   return (
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     (0, _react2.jsx)("div", {
@@ -391,7 +327,7 @@ var elementItemsWrapper = (0, _react2.css)({
   overflow: 'hidden',
   padding: "var(--ds-space-025, 2px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ReactVirtualized__Collection, .ReactVirtualized__Grid': {
+  '.ReactVirtualized__Grid': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderRadius: '3px',
     outline: 'none',
@@ -401,7 +337,7 @@ var elementItemsWrapper = (0, _react2.css)({
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ReactVirtualized__Collection__innerScrollContainer, .ReactVirtualized__Grid__innerScrollContainer': {
+  '.ReactVirtualized__Grid__innerScrollContainer': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "div[class='element-item-wrapper']:last-child": {
       paddingBottom: "var(--ds-space-050, 4px)"

package/dist/cjs/messages/table.js

@@ -131,6 +131,21 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: '{count, plural, one {The row has been} other {{count} rows have been}} removed',
     description: 'Assistive message following the removal of row(s)'
   },
+  rowSelected: {
+    id: 'fabric.editor.rowSelected',
+    defaultMessage: 'Row {index} of {total} selected',
+    description: 'Assistive message following the selection of a row'
+  },
+  rowMovedUp: {
+    id: 'fabric.editor.rowMovedUp',
+    defaultMessage: 'Row moved up to {index} of {total}',
+    description: 'Assistive message following the upward movement of a row'
+  },
+  rowMovedDown: {
+    id: 'fabric.editor.rowMovedDown',
+    defaultMessage: 'Row moved down to {index} of {total}',
+    description: 'Assistive message following the downward movement of a row'
+  },
   columnsAreInserted: {
     id: 'fabric.editor.columnsAreInserted',
     defaultMessage: '{count, plural, one {A column has been} other {{count} columns have been}} inserted',
@@ -141,6 +156,21 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: '{count, plural, one {The column has been} other {{count} columns have been}} removed',
     description: 'Assistive message following the removal of column(s)'
   },
+  columnSelected: {
+    id: 'fabric.editor.columnSelected',
+    defaultMessage: 'Column {index} of {total} selected',
+    description: 'Assistive message following the selection of a column'
+  },
+  columnMovedLeft: {
+    id: 'fabric.editor.columnMovedLeft',
+    defaultMessage: 'Column moved left to {index} of {total}',
+    description: 'Assistive message following the left movement of a column'
+  },
+  columnMovedRight: {
+    id: 'fabric.editor.columnMovedRight',
+    defaultMessage: 'Column moved right to {index} of {total}',
+    description: 'Assistive message following the right movement of a column'
+  },
   cellOptions: {
     id: 'fabric.editor.cellOptions',
     defaultMessage: 'Cell options',

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "84.5.0";
+var packageVersion = "84.5.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "84.5.0";
+var packageVersion = "84.5.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -7,12 +7,10 @@ import { css, jsx } from '@emotion/react';
 import { Grid } from 'react-virtualized';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
-import { Collection } from 'react-virtualized/dist/commonjs/Collection';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { B100, N200 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
@@ -22,7 +20,6 @@ import { ELEMENT_ITEM_HEIGHT, ELEMENT_ITEM_PADDING, ELEMENT_LIST_PADDING, SCROLL
 import useContainerWidth from '../../hooks/use-container-width';
 import useFocus from '../../hooks/use-focus';
 import { Modes } from '../../types';
-import cellSizeAndPositionGetter from './cellSizeAndPositionGetter';
 import EmptyState from './EmptyState';
 import { getColumnCount, getScrollbarWidth } from './utils';
 export const ICON_HEIGHT = 40;
@@ -107,52 +104,6 @@ function ElementList({
     index
   }) + ELEMENT_ITEM_PADDING * 2;
   const cellRenderer = useMemo(() => ({
-    index,
-    key,
-    style
-  }) => {
-    if (items[index] == null) {
-      return;
-    }
-    return jsx("div", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      style: style,
-      key: key
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: "element-item-wrapper",
-      css: elementItemWrapper,
-      onKeyDown: e => {
-        if (e.key === 'Tab') {
-          if (e.shiftKey && index === 0) {
-            if (setFocusedCategoryIndex) {
-              if (!!selectedCategoryIndex) {
-                setFocusedCategoryIndex(selectedCategoryIndex);
-              } else {
-                setFocusedCategoryIndex(0);
-              }
-              e.preventDefault();
-            }
-          }
-          // before focus jumps from elements list we need to rerender react-virtualized collection.
-          // Otherwise on the next render 'scrollToCell' will have same cached value
-          // and collection will not be scrolled to top.
-          // So Tab press on category will not work anymore due to invisible 1-t element.
-          else if (index === items.length - 2) {
-            setFocusedItemIndex(items.length - 1);
-          }
-        }
-      }
-    }, jsx(MemoizedElementItem, _extends({
-      inlineMode: !fullMode,
-      index: index,
-      item: items[index],
-      selected: selectedItemIndex === index,
-      focus: focusedItemIndex === index,
-      setFocusedItemIndex: setFocusedItemIndex
-    }, props)));
-  }, [items, fullMode, selectedItemIndex, focusedItemIndex, selectedCategoryIndex, setFocusedCategoryIndex, setFocusedItemIndex, props]);
-  const gridCellRenderer = useMemo(() => ({
     columnIndex,
     key,
     parent,
@@ -189,9 +140,9 @@ function ElementList({
               e.preventDefault();
             }
           }
-          // before focus jumps from elements list we need to rerender react-virtualized collection.
+          // before focus jumps from elements list we need to rerender react-virtualized grid.
           // Otherwise on the next render 'scrollToCell' will have same cached value
-          // and collection will not be scrolled to top.
+          // and grid will not be scrolled to top.
           // So Tab press on category will not work anymore due to invisible 1-t element.
           else if (index === items.length - 2) {
             setFocusedItemIndex(items.length - 1);
@@ -226,8 +177,8 @@ function ElementList({
     disableWidth: true
   }, ({
     height
-  }) => fg('platform.editor.a11y-element-browser') ? jsx(Grid, _extends({
-    cellRenderer: gridCellRenderer,
+  }) => jsx(Grid, _extends({
+    cellRenderer: cellRenderer,
     height: height,
     width: containerWidth - ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
     /**
@@ -244,21 +195,7 @@ function ElementList({
     deferredMeasurementCache: cache
   }, selectedItemIndex !== undefined && {
     scrollToRow: Math.floor(selectedItemIndex / columnCount)
-  })) : jsx(Collection, {
-    cellCount: items.length,
-    cellRenderer: cellRenderer,
-    cellSizeAndPositionGetter: cellSizeAndPositionGetter(containerWidth - ELEMENT_LIST_PADDING * 2, scrollbarWidth),
-    height: height,
-    width: containerWidth - ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
-    /**
-     * Refresh Collection on WidthObserver value change.
-     * Length of the items used to force re-render to solve Firefox bug with react-virtualized retaining
-     * scroll position after updating the data. If new data has different number of cells, a re-render
-     * is forced to prevent the scroll position render bug.
-     */,
-    key: containerWidth + items.length,
-    scrollToCell: selectedItemIndex
-  })))));
+  }))))));
 }
 const MemoizedElementItem = /*#__PURE__*/memo(ElementItem);
 MemoizedElementItem.displayName = 'MemoizedElementItem';
@@ -373,7 +310,7 @@ const elementItemsWrapper = css({
   overflow: 'hidden',
   padding: "var(--ds-space-025, 2px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ReactVirtualized__Collection, .ReactVirtualized__Grid': {
+  '.ReactVirtualized__Grid': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderRadius: '3px',
     outline: 'none',
@@ -383,7 +320,7 @@ const elementItemsWrapper = css({
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ReactVirtualized__Collection__innerScrollContainer, .ReactVirtualized__Grid__innerScrollContainer': {
+  '.ReactVirtualized__Grid__innerScrollContainer': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "div[class='element-item-wrapper']:last-child": {
       paddingBottom: "var(--ds-space-050, 4px)"

package/dist/es2019/messages/table.js

@@ -125,6 +125,21 @@ export const messages = defineMessages({
     defaultMessage: '{count, plural, one {The row has been} other {{count} rows have been}} removed',
     description: 'Assistive message following the removal of row(s)'
   },
+  rowSelected: {
+    id: 'fabric.editor.rowSelected',
+    defaultMessage: 'Row {index} of {total} selected',
+    description: 'Assistive message following the selection of a row'
+  },
+  rowMovedUp: {
+    id: 'fabric.editor.rowMovedUp',
+    defaultMessage: 'Row moved up to {index} of {total}',
+    description: 'Assistive message following the upward movement of a row'
+  },
+  rowMovedDown: {
+    id: 'fabric.editor.rowMovedDown',
+    defaultMessage: 'Row moved down to {index} of {total}',
+    description: 'Assistive message following the downward movement of a row'
+  },
   columnsAreInserted: {
     id: 'fabric.editor.columnsAreInserted',
     defaultMessage: '{count, plural, one {A column has been} other {{count} columns have been}} inserted',
@@ -135,6 +150,21 @@ export const messages = defineMessages({
     defaultMessage: '{count, plural, one {The column has been} other {{count} columns have been}} removed',
     description: 'Assistive message following the removal of column(s)'
   },
+  columnSelected: {
+    id: 'fabric.editor.columnSelected',
+    defaultMessage: 'Column {index} of {total} selected',
+    description: 'Assistive message following the selection of a column'
+  },
+  columnMovedLeft: {
+    id: 'fabric.editor.columnMovedLeft',
+    defaultMessage: 'Column moved left to {index} of {total}',
+    description: 'Assistive message following the left movement of a column'
+  },
+  columnMovedRight: {
+    id: 'fabric.editor.columnMovedRight',
+    defaultMessage: 'Column moved right to {index} of {total}',
+    description: 'Assistive message following the right movement of a column'
+  },
   cellOptions: {
     id: 'fabric.editor.cellOptions',
     defaultMessage: 'Cell options',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "84.5.0";
+const packageVersion = "84.5.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/ui/DropList/index.js

@@ -9,7 +9,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "84.5.0";
+const packageVersion = "84.5.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -10,12 +10,10 @@ import { css, jsx } from '@emotion/react';
 import { Grid } from 'react-virtualized';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
-import { Collection } from 'react-virtualized/dist/commonjs/Collection';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { ButtonItem } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { B100, N200 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
@@ -25,7 +23,6 @@ import { ELEMENT_ITEM_HEIGHT, ELEMENT_ITEM_PADDING, ELEMENT_LIST_PADDING, SCROLL
 import useContainerWidth from '../../hooks/use-container-width';
 import useFocus from '../../hooks/use-focus';
 import { Modes } from '../../types';
-import cellSizeAndPositionGetter from './cellSizeAndPositionGetter';
 import EmptyState from './EmptyState';
 import { getColumnCount, getScrollbarWidth } from './utils';
 export var ICON_HEIGHT = 40;
@@ -113,58 +110,11 @@ function ElementList(_ref) {
   };
   var cellRenderer = useMemo(function () {
     return function (_ref3) {
-      var index = _ref3.index,
+      var columnIndex = _ref3.columnIndex,
         key = _ref3.key,
+        parent = _ref3.parent,
+        rowIndex = _ref3.rowIndex,
         style = _ref3.style;
-      if (items[index] == null) {
-        return;
-      }
-      return jsx("div", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-        style: style,
-        key: key
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: "element-item-wrapper",
-        css: elementItemWrapper,
-        onKeyDown: function onKeyDown(e) {
-          if (e.key === 'Tab') {
-            if (e.shiftKey && index === 0) {
-              if (setFocusedCategoryIndex) {
-                if (!!selectedCategoryIndex) {
-                  setFocusedCategoryIndex(selectedCategoryIndex);
-                } else {
-                  setFocusedCategoryIndex(0);
-                }
-                e.preventDefault();
-              }
-            }
-            // before focus jumps from elements list we need to rerender react-virtualized collection.
-            // Otherwise on the next render 'scrollToCell' will have same cached value
-            // and collection will not be scrolled to top.
-            // So Tab press on category will not work anymore due to invisible 1-t element.
-            else if (index === items.length - 2) {
-              setFocusedItemIndex(items.length - 1);
-            }
-          }
-        }
-      }, jsx(MemoizedElementItem, _extends({
-        inlineMode: !fullMode,
-        index: index,
-        item: items[index],
-        selected: selectedItemIndex === index,
-        focus: focusedItemIndex === index,
-        setFocusedItemIndex: setFocusedItemIndex
-      }, props)));
-    };
-  }, [items, fullMode, selectedItemIndex, focusedItemIndex, selectedCategoryIndex, setFocusedCategoryIndex, setFocusedItemIndex, props]);
-  var gridCellRenderer = useMemo(function () {
-    return function (_ref4) {
-      var columnIndex = _ref4.columnIndex,
-        key = _ref4.key,
-        parent = _ref4.parent,
-        rowIndex = _ref4.rowIndex,
-        style = _ref4.style;
       var index = rowIndex * columnCount + columnIndex;
       if (items[index] == null) {
         return;
@@ -195,9 +145,9 @@ function ElementList(_ref) {
                 e.preventDefault();
               }
             }
-            // before focus jumps from elements list we need to rerender react-virtualized collection.
+            // before focus jumps from elements list we need to rerender react-virtualized grid.
             // Otherwise on the next render 'scrollToCell' will have same cached value
-            // and collection will not be scrolled to top.
+            // and grid will not be scrolled to top.
             // So Tab press on category will not work anymore due to invisible 1-t element.
             else if (index === items.length - 2) {
               setFocusedItemIndex(items.length - 1);
@@ -231,10 +181,10 @@ function ElementList(_ref) {
     onExternalLinkClick: onExternalLinkClick
   }) : jsx(Fragment, null, containerWidth > 0 && jsx(AutoSizer, {
     disableWidth: true
-  }, function (_ref5) {
-    var height = _ref5.height;
-    return fg('platform.editor.a11y-element-browser') ? jsx(Grid, _extends({
-      cellRenderer: gridCellRenderer,
+  }, function (_ref4) {
+    var height = _ref4.height;
+    return jsx(Grid, _extends({
+      cellRenderer: cellRenderer,
       height: height,
       width: containerWidth - ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
       /**
@@ -251,33 +201,19 @@ function ElementList(_ref) {
       deferredMeasurementCache: cache
     }, selectedItemIndex !== undefined && {
       scrollToRow: Math.floor(selectedItemIndex / columnCount)
-    })) : jsx(Collection, {
-      cellCount: items.length,
-      cellRenderer: cellRenderer,
-      cellSizeAndPositionGetter: cellSizeAndPositionGetter(containerWidth - ELEMENT_LIST_PADDING * 2, scrollbarWidth),
-      height: height,
-      width: containerWidth - ELEMENT_LIST_PADDING * 2 // containerWidth - padding on Left/Right (for focus outline)
-      /**
-       * Refresh Collection on WidthObserver value change.
-       * Length of the items used to force re-render to solve Firefox bug with react-virtualized retaining
-       * scroll position after updating the data. If new data has different number of cells, a re-render
-       * is forced to prevent the scroll position render bug.
-       */,
-      key: containerWidth + items.length,
-      scrollToCell: selectedItemIndex
-    });
+    }));
   }))));
 }
 var MemoizedElementItem = /*#__PURE__*/memo(ElementItem);
 MemoizedElementItem.displayName = 'MemoizedElementItem';
-export function ElementItem(_ref6) {
-  var inlineMode = _ref6.inlineMode,
-    selected = _ref6.selected,
-    item = _ref6.item,
-    index = _ref6.index,
-    onInsertItem = _ref6.onInsertItem,
-    focus = _ref6.focus,
-    setFocusedItemIndex = _ref6.setFocusedItemIndex;
+export function ElementItem(_ref5) {
+  var inlineMode = _ref5.inlineMode,
+    selected = _ref5.selected,
+    item = _ref5.item,
+    index = _ref5.index,
+    onInsertItem = _ref5.onInsertItem,
+    focus = _ref5.focus,
+    setFocusedItemIndex = _ref5.setFocusedItemIndex;
   var ref = useFocus(focus);
 
   /**
@@ -342,17 +278,17 @@ export function ElementItem(_ref6) {
 var itemStyleOverrides = {
   alignItems: 'flex-start'
 };
-var ElementBefore = /*#__PURE__*/memo(function (_ref7) {
-  var icon = _ref7.icon,
-    title = _ref7.title;
+var ElementBefore = /*#__PURE__*/memo(function (_ref6) {
+  var icon = _ref6.icon,
+    title = _ref6.title;
   return jsx("div", {
     css: [itemIcon, itemIconStyle]
   }, icon ? icon() : jsx(IconFallback, null));
 });
-var ItemContent = /*#__PURE__*/memo(function (_ref8) {
-  var title = _ref8.title,
-    description = _ref8.description,
-    keyshortcut = _ref8.keyshortcut;
+var ItemContent = /*#__PURE__*/memo(function (_ref7) {
+  var title = _ref7.title,
+    description = _ref7.description,
+    keyshortcut = _ref7.keyshortcut;
   return (
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     jsx("div", {
@@ -381,7 +317,7 @@ var elementItemsWrapper = css({
   overflow: 'hidden',
   padding: "var(--ds-space-025, 2px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ReactVirtualized__Collection, .ReactVirtualized__Grid': {
+  '.ReactVirtualized__Grid': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderRadius: '3px',
     outline: 'none',
@@ -391,7 +327,7 @@ var elementItemsWrapper = css({
     }
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '.ReactVirtualized__Collection__innerScrollContainer, .ReactVirtualized__Grid__innerScrollContainer': {
+  '.ReactVirtualized__Grid__innerScrollContainer': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "div[class='element-item-wrapper']:last-child": {
       paddingBottom: "var(--ds-space-050, 4px)"

package/dist/esm/messages/table.js

@@ -125,6 +125,21 @@ export var messages = defineMessages({
     defaultMessage: '{count, plural, one {The row has been} other {{count} rows have been}} removed',
     description: 'Assistive message following the removal of row(s)'
   },
+  rowSelected: {
+    id: 'fabric.editor.rowSelected',
+    defaultMessage: 'Row {index} of {total} selected',
+    description: 'Assistive message following the selection of a row'
+  },
+  rowMovedUp: {
+    id: 'fabric.editor.rowMovedUp',
+    defaultMessage: 'Row moved up to {index} of {total}',
+    description: 'Assistive message following the upward movement of a row'
+  },
+  rowMovedDown: {
+    id: 'fabric.editor.rowMovedDown',
+    defaultMessage: 'Row moved down to {index} of {total}',
+    description: 'Assistive message following the downward movement of a row'
+  },
   columnsAreInserted: {
     id: 'fabric.editor.columnsAreInserted',
     defaultMessage: '{count, plural, one {A column has been} other {{count} columns have been}} inserted',
@@ -135,6 +150,21 @@ export var messages = defineMessages({
     defaultMessage: '{count, plural, one {The column has been} other {{count} columns have been}} removed',
     description: 'Assistive message following the removal of column(s)'
   },
+  columnSelected: {
+    id: 'fabric.editor.columnSelected',
+    defaultMessage: 'Column {index} of {total} selected',
+    description: 'Assistive message following the selection of a column'
+  },
+  columnMovedLeft: {
+    id: 'fabric.editor.columnMovedLeft',
+    defaultMessage: 'Column moved left to {index} of {total}',
+    description: 'Assistive message following the left movement of a column'
+  },
+  columnMovedRight: {
+    id: 'fabric.editor.columnMovedRight',
+    defaultMessage: 'Column moved right to {index} of {total}',
+    description: 'Assistive message following the right movement of a column'
+  },
   cellOptions: {
     id: 'fabric.editor.cellOptions',
     defaultMessage: 'Cell options',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "84.5.0";
+var packageVersion = "84.5.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/DropList/index.js

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "84.5.0";
+var packageVersion = "84.5.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/messages/table.d.ts

@@ -124,6 +124,21 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    rowSelected: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rowMovedUp: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rowMovedDown: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     columnsAreInserted: {
         id: string;
         defaultMessage: string;
@@ -134,6 +149,21 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    columnSelected: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    columnMovedLeft: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    columnMovedRight: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     cellOptions: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/messages/table.d.ts

@@ -124,6 +124,21 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    rowSelected: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rowMovedUp: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rowMovedDown: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     columnsAreInserted: {
         id: string;
         defaultMessage: string;
@@ -134,6 +149,21 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    columnSelected: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    columnMovedLeft: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    columnMovedRight: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     cellOptions: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "84.5.0",
+	"version": "84.5.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -104,7 +104,7 @@
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/atlassian-context": "^0.0.0",
-		"@atlaskit/button": "^18.3.0",
+		"@atlaskit/button": "^18.4.0",
 		"@atlaskit/code": "^15.4.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/custom-steps": "^0.4.0",
@@ -131,7 +131,7 @@
 		"@atlaskit/menu": "^2.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^11.0.0",
-		"@atlaskit/profilecard": "^19.15.0",
+		"@atlaskit/profilecard": "^19.16.0",
 		"@atlaskit/section-message": "^6.5.0",
 		"@atlaskit/smart-card": "^27.9.0",
 		"@atlaskit/smart-user-picker": "^6.9.0",
@@ -139,7 +139,7 @@
 		"@atlaskit/task-decision": "^17.10.0",
 		"@atlaskit/textfield": "^6.4.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.53.0",
+		"@atlaskit/tokens": "^1.54.0",
 		"@atlaskit/tooltip": "^18.5.0",
 		"@atlaskit/ufo": "^0.2.0",
 		"@atlaskit/width-detector": "^4.2.0",
@@ -242,9 +242,6 @@
 		"platform.editor.simplify-inline-cards-in-code-blocks_jw6t1": {
 			"type": "boolean"
 		},
-		"platform.editor.a11y-element-browser": {
-			"type": "boolean"
-		},
 		"platform_editor_tables_padding_increase": {
 			"type": "boolean"
 		},