@atlaskit/editor-common 110.21.0 → 110.21.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 110.21.2
+
+### Patch Changes
+
+- [`bee3e79187ed5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bee3e79187ed5) -
+  [ux] cleanup platform_editor_a11y_insert_link_item_focus
+- Updated dependencies
+
+## 110.21.1
+
+### Patch Changes
+
+- [`ff3e1422d5b70`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff3e1422d5b70) -
+  [ux] EDITOR-2437 implement request access to sync block component
+
 ## 110.21.0
 
 ### Minor Changes

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -33,7 +33,7 @@ var _analytics = require("../../../analytics");
 var _ui = require("../../../ui");
 var _utils = require("../../../utils");
 var _browser = require("../../../utils/browser");
-var _LinkSearchList = _interopRequireWildcard(require("../../LinkSearch/LinkSearchList"));
+var _LinkSearchList = _interopRequireDefault(require("../../LinkSearch/LinkSearchList"));
 var _ToolbarComponents = require("../../LinkSearch/ToolbarComponents");
 var _transformTimeStamp = require("../../LinkSearch/transformTimeStamp");
 var _utils2 = require("./utils");
@@ -172,7 +172,6 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
     (0, _defineProperty2.default)(_this, "urlInputContainer", null);
     (0, _defineProperty2.default)(_this, "displayTextInputContainer", null);
     (0, _defineProperty2.default)(_this, "wrapperRef", /*#__PURE__*/_react.default.createRef());
-    // introduced via ff platform_editor_a11y_insert_link_item_focus, remove this comment cleaning up
     (0, _defineProperty2.default)(_this, "listItemRefs", {
       current: {}
     });
@@ -424,7 +423,6 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         return "".concat(name, ", ").concat(_container, ", ").concat(date === null || date === void 0 ? void 0 : date.pageAction, " ").concat(date === null || date === void 0 ? void 0 : date.dateString, " ").concat((date === null || date === void 0 ? void 0 : date.timeSince) || '');
       }
     });
-    // introduced via ff platform_editor_a11y_insert_link_item_focus, remove this comment cleaning up
     (0, _defineProperty2.default)(_this, "listItemRefCallback", function (el, id) {
       if (!_this.listItemRefs.current) {
         return;
@@ -538,7 +536,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       if (keyCode === KEY_CODE_TAB) {
         /** If there are items in the list, allow normal tabbing so focus moves to the next interactive element (in this case, a search result item).
          */
-        if (_this.state.items.length > 0 && (0, _platformFeatureFlags.fg)('platform_editor_a11y_insert_link_item_focus')) {
+        if (_this.state.items.length > 0) {
           return;
         }
         if (!_this.submitted) {
@@ -552,7 +550,6 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         return;
       }
     });
-    // introduced via ff platform_editor_a11y_insert_link_item_focus, remove this comment cleaning up
     (0, _defineProperty2.default)(_this, "handleListItemFocus", function (index) {
       _this.setState({
         selectedIndex: index
@@ -594,7 +591,6 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         updatedIndex = selectedIndex > 0 ? selectedIndex - 1 : items.length - 1;
       }
       if ([KEY_CODE_ARROW_DOWN, KEY_CODE_ARROW_UP].includes(keyCode) && items[updatedIndex]) {
-        // introduced via ff platform_editor_a11y_insert_link_item_focus, remove this comment cleaning up
         if (_this.listItemRefs.current) {
           var _this$listItemRefs$cu;
           (_this$listItemRefs$cu = _this.listItemRefs.current[items[updatedIndex].objectId]) === null || _this$listItemRefs$cu === void 0 || _this$listItemRefs$cu.focus();
@@ -972,7 +968,7 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         id: "fabric.editor.hyperlink.suggested.results"
       }, displayUrl && formatMessage(messages.searchLinkResults, {
         count: items.length
-      })), (0, _platformFeatureFlags.fg)('platform_editor_a11y_insert_link_item_focus') ? (0, _react2.jsx)(_LinkSearchList.LinkSearchListNext, {
+      })), (0, _react2.jsx)(_LinkSearchList.default, {
         ariaControls: "fabric.editor.hyperlink.suggested.results",
         id: linkSearchListId,
         role: "listbox",
@@ -985,16 +981,6 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
         onSelect: this.handleSelected,
         onMouseEnter: this.handleMouseEnterResultItem,
         onMouseLeave: this.handleMouseLeaveResultItem
-      }) : (0, _react2.jsx)(_LinkSearchList.default, {
-        ariaControls: "fabric.editor.hyperlink.suggested.results",
-        id: linkSearchListId,
-        role: "listbox",
-        items: items,
-        isLoading: isLoading,
-        selectedIndex: selectedIndex,
-        onSelect: this.handleSelected,
-        onMouseEnter: this.handleMouseEnterResultItem,
-        onMouseLeave: this.handleMouseLeaveResultItem
       })));
     }
   }]);

package/dist/cjs/link/LinkSearch/LinkSearchList.js

@@ -1,43 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.linkSearchList = exports.default = exports.LinkSearchListNext = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+exports.linkSearchList = exports.default = void 0;
+var _react = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _LinkSearchListItem = _interopRequireWildcard(require("./LinkSearchListItem"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+var _LinkSearchListItem = _interopRequireDefault(require("./LinkSearchListItem"));
+/**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var listContainer = (0, _react2.css)({
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var listContainer = (0, _react.css)({
   paddingTop: 0,
   marginTop: "var(--ds-space-150, 12px)",
   borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)")
 });
-var spinnerContainer = (0, _react2.css)({
+var spinnerContainer = (0, _react.css)({
   textAlign: 'center',
   minHeight: '80px',
   marginTop: "var(--ds-space-400, 32px)"
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var linkSearchList = exports.linkSearchList = (0, _react2.css)({
+var linkSearchList = exports.linkSearchList = (0, _react.css)({
   padding: 0,
   listStyle: 'none'
 });
-var LinkSearchListNext = exports.LinkSearchListNext = function LinkSearchListNext(_ref) {
+var LinkSearchList = function LinkSearchList(_ref) {
   var listItemRefCallback = _ref.listItemRefCallback,
     _onFocus = _ref.onFocus,
     onKeyDown = _ref.onKeyDown,
@@ -54,14 +48,14 @@ var LinkSearchListNext = exports.LinkSearchListNext = function LinkSearchListNex
   var itemsContent;
   var loadingContent;
   if (items && items.length > 0) {
-    itemsContent = (0, _react2.jsx)("ul", {
+    itemsContent = (0, _react.jsx)("ul", {
       css: linkSearchList,
       id: id,
       role: role,
       "aria-controls": ariaControls,
       "data-testid": "".concat(id, "--items")
     }, items.map(function (item, index) {
-      return (0, _react2.jsx)(_LinkSearchListItem.ForwardedLinkSearchListItemNextWithIntl, {
+      return (0, _react.jsx)(_LinkSearchListItem.default, {
         id: "link-search-list-item-".concat(index),
         item: item,
         selected: selectedIndex === index,
@@ -81,82 +75,17 @@ var LinkSearchListNext = exports.LinkSearchListNext = function LinkSearchListNex
     }));
   }
   if (isLoading) {
-    loadingContent = (0, _react2.jsx)("div", {
+    loadingContent = (0, _react.jsx)("div", {
       id: id,
       "data-testid": "".concat(id, "--loading"),
       css: spinnerContainer
-    }, (0, _react2.jsx)(_spinner.default, {
+    }, (0, _react.jsx)(_spinner.default, {
       size: "medium",
       interactionName: "link-search-spinner"
     }));
   }
-  return (0, _react2.jsx)("div", {
+  return (0, _react.jsx)("div", {
     css: listContainer
   }, itemsContent, loadingContent);
 };
-/**
- * *Warning:* With `platform_editor_a11y_insert_link_item_focus` enabled this component is no longer used and is replaced with `<LinkSearchListNext />`.
- *
- * If making changes to this component please ensure to also update `<LinkSearchListNext />`.
- */
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var LinkSearchList = exports.default = /*#__PURE__*/function (_PureComponent) {
-  function LinkSearchList() {
-    (0, _classCallCheck2.default)(this, LinkSearchList);
-    return _callSuper(this, LinkSearchList, arguments);
-  }
-  (0, _inherits2.default)(LinkSearchList, _PureComponent);
-  return (0, _createClass2.default)(LinkSearchList, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        onSelect = _this$props.onSelect,
-        onMouseMove = _this$props.onMouseMove,
-        onMouseEnter = _this$props.onMouseEnter,
-        onMouseLeave = _this$props.onMouseLeave,
-        items = _this$props.items,
-        selectedIndex = _this$props.selectedIndex,
-        isLoading = _this$props.isLoading,
-        ariaControls = _this$props.ariaControls,
-        role = _this$props.role,
-        id = _this$props.id;
-      var itemsContent;
-      var loadingContent;
-      if (items && items.length > 0) {
-        itemsContent = (0, _react2.jsx)("ul", {
-          css: linkSearchList,
-          id: id,
-          role: role,
-          "aria-controls": ariaControls,
-          "data-testid": "".concat(id, "--items")
-        }, items.map(function (item, index) {
-          return (0, _react2.jsx)(_LinkSearchListItem.default, {
-            id: "link-search-list-item-".concat(index),
-            role: role && 'option',
-            item: item,
-            selected: selectedIndex === index,
-            onMouseMove: onMouseMove,
-            onMouseEnter: onMouseEnter,
-            onMouseLeave: onMouseLeave,
-            onSelect: onSelect,
-            key: item.objectId
-          });
-        }));
-      }
-      if (isLoading) {
-        loadingContent = (0, _react2.jsx)("div", {
-          id: id,
-          "data-testid": "".concat(id, "--loading"),
-          css: spinnerContainer
-        }, (0, _react2.jsx)(_spinner.default, {
-          size: "medium",
-          interactionName: "link-search-spinner"
-        }));
-      }
-      return (0, _react2.jsx)("div", {
-        css: listContainer
-      }, itemsContent, loadingContent);
-    }
-  }]);
-}(_react.PureComponent);
+var _default = exports.default = LinkSearchList;

package/dist/cjs/link/LinkSearch/LinkSearchListItem.js

@@ -1,17 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.nameStyle = exports.default = exports.containerSelected = exports.containerName = exports.container = exports.ForwardedLinkSearchListItemNextWithIntl = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.nameStyle = exports.default = exports.containerSelected = exports.containerName = exports.container = exports.ForwardedLinkSearchListItemWithIntl = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
@@ -19,13 +12,16 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _listItemAlts = require("./listItemAlts");
 var _transformTimeStamp = require("./transformTimeStamp");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
+/**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var container = exports.container = (0, _react2.css)({
   backgroundColor: 'transparent',
@@ -70,7 +66,7 @@ var iconStyle = (0, _react2.css)({
     maxWidth: '16px'
   }
 });
-var LinkSearchListItemNext = function LinkSearchListItemNext(props, ref) {
+var LinkSearchListItem = function LinkSearchListItem(props, ref) {
   var id = props.id,
     item = props.item,
     onFocus = props.onFocus,
@@ -149,123 +145,8 @@ var LinkSearchListItemNext = function LinkSearchListItemNext(props, ref) {
     css: containerName
   }, item.container, renderTimeStamp())));
 };
-var ForwardedLinkSearchListItemNext = /*#__PURE__*/(0, _react.forwardRef)(LinkSearchListItemNext);
-var ForwardedLinkSearchListItemNextWithIntl = exports.ForwardedLinkSearchListItemNextWithIntl = (0, _reactIntlNext.injectIntl)(ForwardedLinkSearchListItemNext, {
+var ForwardedLinkSearchListItem = /*#__PURE__*/(0, _react.forwardRef)(LinkSearchListItem);
+var ForwardedLinkSearchListItemWithIntl = exports.ForwardedLinkSearchListItemWithIntl = (0, _reactIntlNext.injectIntl)(ForwardedLinkSearchListItem, {
   forwardRef: true
 });
-/**
- * *Warning:* With `platform_editor_a11y_insert_link_item_focus` enabled this component is no longer used and is replaced with `<LinkSearchListItemNext />`.
- *
- * If making changes to this component please ensure to also update `<LinkSearchListItemNext />`.
- */
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-var LinkSearchListItem = /*#__PURE__*/function (_React$PureComponent) {
-  function LinkSearchListItem() {
-    var _this;
-    (0, _classCallCheck2.default)(this, LinkSearchListItem);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, LinkSearchListItem, [].concat(args));
-    (0, _defineProperty2.default)(_this, "handleSelect", function (e) {
-      e.preventDefault(); // don't let editor lose focus
-      var _this$props = _this.props,
-        item = _this$props.item,
-        onSelect = _this$props.onSelect;
-      onSelect(item.url, item.name);
-    });
-    (0, _defineProperty2.default)(_this, "handleMouseMove", function () {
-      var _this$props2 = _this.props,
-        onMouseMove = _this$props2.onMouseMove,
-        item = _this$props2.item;
-      onMouseMove && onMouseMove(item.objectId);
-    });
-    (0, _defineProperty2.default)(_this, "handleMouseEnter", function () {
-      var _this$props3 = _this.props,
-        onMouseEnter = _this$props3.onMouseEnter,
-        item = _this$props3.item;
-      onMouseEnter && onMouseEnter(item.objectId);
-    });
-    (0, _defineProperty2.default)(_this, "handleMouseLeave", function () {
-      var _this$props4 = _this.props,
-        onMouseLeave = _this$props4.onMouseLeave,
-        item = _this$props4.item;
-      onMouseLeave && onMouseLeave(item.objectId);
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(LinkSearchListItem, _React$PureComponent);
-  return (0, _createClass2.default)(LinkSearchListItem, [{
-    key: "renderIcon",
-    value: function renderIcon() {
-      var _this$props5 = this.props,
-        _this$props5$item = _this$props5.item,
-        icon = _this$props5$item.icon,
-        iconUrl = _this$props5$item.iconUrl,
-        intl = _this$props5.intl;
-      if (icon) {
-        return (0, _react2.jsx)("span", {
-          css: iconStyle
-        }, icon);
-      }
-      if (iconUrl) {
-        return (0, _react2.jsx)("span", {
-          css: iconStyle
-        }, (0, _react2.jsx)("img", {
-          src: iconUrl,
-          alt: (0, _listItemAlts.getCorrectAltByIconUrl)(iconUrl, intl)
-        }));
-      }
-      return null;
-    }
-  }, {
-    key: "renderTimeStamp",
-    value: function renderTimeStamp() {
-      var _this$props6 = this.props,
-        item = _this$props6.item,
-        intl = _this$props6.intl;
-      var date = (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate);
-      return date && (0, _react2.jsx)(_react.Fragment, null, "\xA0 \u2022", (0, _react2.jsx)("span", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: "link-search-timestamp",
-        "data-test-id": "link-search-timestamp"
-      }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props7 = this.props,
-        item = _this$props7.item,
-        selected = _this$props7.selected,
-        id = _this$props7.id,
-        role = _this$props7.role;
-      return (
-        // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions, @atlassian/a11y/click-events-have-key-events
-        (0, _react2.jsx)("li", {
-          css: [container, selected && containerSelected],
-          role: role,
-          id: id,
-          "aria-selected": selected,
-          "data-testid": "link-search-list-item",
-          onMouseMove: this.handleMouseMove
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
-          onMouseEnter: this.handleMouseEnter
-          // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-          ,
-          onMouseLeave: this.handleMouseLeave,
-          onClick: this.handleSelect
-        }, this.renderIcon(), (0, _react2.jsx)("span", {
-          css: nameWrapper
-        }, (0, _react2.jsx)("div", {
-          css: nameStyle
-        }, item.name), (0, _react2.jsx)("div", {
-          "data-testid": "link-search-list-item-container",
-          css: containerName
-        }, item.container, this.renderTimeStamp())))
-      );
-    }
-  }]);
-}(_react.default.PureComponent);
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(LinkSearchListItem);
+var _default = exports.default = ForwardedLinkSearchListItemWithIntl;

package/dist/cjs/messages/syncBlock.js

@@ -40,5 +40,35 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     id: 'fabric.editor.syncedBlock',
     defaultMessage: 'Synced block',
     description: 'Label which appears above the synced block when it is selected'
+  },
+  permissionDeniedHeading: {
+    id: 'fabric.editor.syncedBlockPermissionDeniedHeading',
+    defaultMessage: "You don't have permission to view this synced block",
+    description: 'Heading for error state where the user does not have permission to view the synced block'
+  },
+  permissionDeniedDescription: {
+    id: 'fabric.editor.syncedBlockPermissionDeniedDescription',
+    defaultMessage: "The source of this synced block is a content item you don't have access to.",
+    description: 'Description for error state where the user does not have permission to view the synced block'
+  },
+  permissionDeniedAltText: {
+    id: 'fabric.editor.syncedBlockPermissionDeniedIconAltText',
+    defaultMessage: 'Permission denied.',
+    description: 'Alt text for icon on error state where the user does not have permission to view the synced block'
+  },
+  requestAccessButton: {
+    id: 'fabric.editor.requestAccessToSyncedBlock',
+    defaultMessage: 'Request access',
+    description: 'Label for button which requests access to view the source page of the sync block'
+  },
+  accessRequested: {
+    id: 'fabric.editor.accessToSyncedBlockRequested',
+    defaultMessage: 'Access requested',
+    description: 'Text which displays after the request to view the source page of the sync block has been sent and is still pending'
+  },
+  requestAccessError: {
+    id: 'fabric.editor.requestAccessToSyncedBlockError',
+    defaultMessage: 'Something went wrong. Click to try again',
+    description: 'Text which displays next to the request access button after something went wrong after clicking the button.'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "110.20.1";
+var packageVersion = "110.21.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.20.1";
+var packageVersion = "110.21.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -24,7 +24,7 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEve
 import { Announcer, PanelTextInput } from '../../../ui';
 import { normalizeUrl } from '../../../utils';
 import { browser as browserLegacy, getBrowserInfo } from '../../../utils/browser';
-import LinkSearchList, { LinkSearchListNext } from '../../LinkSearch/LinkSearchList';
+import LinkSearchList from '../../LinkSearch/LinkSearchList';
 import { container, containerWithProvider, narrowContainerWidth, inputWrapper } from '../../LinkSearch/ToolbarComponents';
 import { transformTimeStamp } from '../../LinkSearch/transformTimeStamp';
 import { filterUniqueItems, mapContentTypeToIcon, sha1, wordCount } from './utils';
@@ -153,7 +153,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
     _defineProperty(this, "urlInputContainer", null);
     _defineProperty(this, "displayTextInputContainer", null);
     _defineProperty(this, "wrapperRef", /*#__PURE__*/React.createRef());
-    // introduced via ff platform_editor_a11y_insert_link_item_focus, remove this comment cleaning up
     _defineProperty(this, "listItemRefs", {
       current: {}
     });
@@ -337,7 +336,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         return `${name}, ${container}, ${date === null || date === void 0 ? void 0 : date.pageAction} ${date === null || date === void 0 ? void 0 : date.dateString} ${(date === null || date === void 0 ? void 0 : date.timeSince) || ''}`;
       }
     });
-    // introduced via ff platform_editor_a11y_insert_link_item_focus, remove this comment cleaning up
     _defineProperty(this, "listItemRefCallback", (el, id) => {
       if (!this.listItemRefs.current) {
         return;
@@ -456,7 +454,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       if (keyCode === KEY_CODE_TAB) {
         /** If there are items in the list, allow normal tabbing so focus moves to the next interactive element (in this case, a search result item).
          */
-        if (this.state.items.length > 0 && fg('platform_editor_a11y_insert_link_item_focus')) {
+        if (this.state.items.length > 0) {
           return;
         }
         if (!this.submitted) {
@@ -471,7 +469,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         return;
       }
     });
-    // introduced via ff platform_editor_a11y_insert_link_item_focus, remove this comment cleaning up
     _defineProperty(this, "handleListItemFocus", index => {
       this.setState({
         selectedIndex: index
@@ -519,7 +516,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
         updatedIndex = selectedIndex > 0 ? selectedIndex - 1 : items.length - 1;
       }
       if ([KEY_CODE_ARROW_DOWN, KEY_CODE_ARROW_UP].includes(keyCode) && items[updatedIndex]) {
-        // introduced via ff platform_editor_a11y_insert_link_item_focus, remove this comment cleaning up
         if (this.listItemRefs.current) {
           var _this$listItemRefs$cu;
           (_this$listItemRefs$cu = this.listItemRefs.current[items[updatedIndex].objectId]) === null || _this$listItemRefs$cu === void 0 ? void 0 : _this$listItemRefs$cu.focus();
@@ -820,7 +816,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       id: "fabric.editor.hyperlink.suggested.results"
     }, displayUrl && formatMessage(messages.searchLinkResults, {
       count: items.length
-    })), fg('platform_editor_a11y_insert_link_item_focus') ? jsx(LinkSearchListNext, {
+    })), jsx(LinkSearchList, {
       ariaControls: "fabric.editor.hyperlink.suggested.results",
       id: linkSearchListId,
       role: "listbox",
@@ -833,16 +829,6 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       onSelect: this.handleSelected,
       onMouseEnter: this.handleMouseEnterResultItem,
       onMouseLeave: this.handleMouseLeaveResultItem
-    }) : jsx(LinkSearchList, {
-      ariaControls: "fabric.editor.hyperlink.suggested.results",
-      id: linkSearchListId,
-      role: "listbox",
-      items: items,
-      isLoading: isLoading,
-      selectedIndex: selectedIndex,
-      onSelect: this.handleSelected,
-      onMouseEnter: this.handleMouseEnterResultItem,
-      onMouseLeave: this.handleMouseLeaveResultItem
     })));
   }
 }

package/dist/es2019/link/LinkSearch/LinkSearchList.js

@@ -2,12 +2,11 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { PureComponent } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
-import LinkSearchListItem, { ForwardedLinkSearchListItemNextWithIntl } from './LinkSearchListItem';
+import ForwardedLinkSearchListItemNextWithIntl from './LinkSearchListItem';
 const listContainer = css({
   paddingTop: 0,
   marginTop: "var(--ds-space-150, 12px)",
@@ -24,7 +23,7 @@ export const linkSearchList = css({
   padding: 0,
   listStyle: 'none'
 });
-export const LinkSearchListNext = ({
+const LinkSearchList = ({
   listItemRefCallback,
   onFocus,
   onKeyDown,
@@ -76,60 +75,4 @@ export const LinkSearchListNext = ({
     css: listContainer
   }, itemsContent, loadingContent);
 };
-/**
- * *Warning:* With `platform_editor_a11y_insert_link_item_focus` enabled this component is no longer used and is replaced with `<LinkSearchListNext />`.
- *
- * If making changes to this component please ensure to also update `<LinkSearchListNext />`.
- */
-// Ignored via go/ees005
-// eslint-disable-next-line @repo/internal/react/no-class-components
-export default class LinkSearchList extends PureComponent {
-  render() {
-    const {
-      onSelect,
-      onMouseMove,
-      onMouseEnter,
-      onMouseLeave,
-      items,
-      selectedIndex,
-      isLoading,
-      ariaControls,
-      role,
-      id
-    } = this.props;
-    let itemsContent;
-    let loadingContent;
-    if (items && items.length > 0) {
-      itemsContent = jsx("ul", {
-        css: linkSearchList,
-        id: id,
-        role: role,
-        "aria-controls": ariaControls,
-        "data-testid": `${id}--items`
-      }, items.map((item, index) => jsx(LinkSearchListItem, {
-        id: `link-search-list-item-${index}`,
-        role: role && 'option',
-        item: item,
-        selected: selectedIndex === index,
-        onMouseMove: onMouseMove,
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
-        onSelect: onSelect,
-        key: item.objectId
-      })));
-    }
-    if (isLoading) {
-      loadingContent = jsx("div", {
-        id: id,
-        "data-testid": `${id}--loading`,
-        css: spinnerContainer
-      }, jsx(Spinner, {
-        size: "medium",
-        interactionName: "link-search-spinner"
-      }));
-    }
-    return jsx("div", {
-      css: listContainer
-    }, itemsContent, loadingContent);
-  }
-}
+export default LinkSearchList;