@atlaskit/editor-common 110.20.1 → 110.21.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 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
+
+- [`29d0693bd5373`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/29d0693bd5373) -
+  EDITOR-2581 Fire event for suppressAllToolbars api being used
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 110.20.1
 
 ### Patch Changes

package/dist/cjs/analytics/types/enums.js

@@ -200,6 +200,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SUGGESTION_DISMISSED"] = "suggestionDismissed";
   ACTION["SUGGESTION_VIEWED"] = "suggestionViewed";
   ACTION["TABLE_WIDTH_INFO"] = "tableWidthInformation";
+  ACTION["SUPPRESSED"] = "suppressed";
   return ACTION;
 }({});
 var INPUT_METHOD = exports.INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
@@ -407,6 +408,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["EXTENSION_BODIED"] = "bodiedExtension";
   ACTION_SUBJECT_ID["EXTENSION_INLINE"] = "inlineExtension";
   ACTION_SUBJECT_ID["FLOATING_TOOLBAR_OVERFLOW"] = "floatingToolbarOverflow";
+  ACTION_SUBJECT_ID["FLOATING_TOOLBAR"] = "floatingToolbar";
   ACTION_SUBJECT_ID["FORMAT_BACKGROUND_COLOR"] = "backgroundColor";
   ACTION_SUBJECT_ID["FORMAT_BLOCK_QUOTE"] = "blockQuote";
   ACTION_SUBJECT_ID["FORMAT_CLEAR"] = "clearFormatting";

package/dist/cjs/analytics/types/floating-toolbar-events.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -254,7 +254,7 @@ function StatelessElementBrowser(props) {
   var handleClick = function handleClick() {
     setCanFocusSearch(true);
   };
-  return /* eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
+  return /* eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
     (0, _react2.jsx)("div", {
       css: wrapper,
       "data-testid": "element-browser",

package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js

@@ -93,50 +93,47 @@ var EditToggle = exports.EditToggle = function EditToggle(_ref) {
       handleClick();
     }
   }, [handleClick]);
-  return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    (0, _react2.jsx)("div", {
-      "data-testid": "extension-edit-toggle-container"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      css: [buttonContainerStyles, (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? null : isNodeHovered && showButtonContainerStyle]
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      ,
-      style: customContainerStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: "extension-edit-toggle-container"
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseOver: function onMouseOver() {
-        return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true);
-      }
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseLeave: function onMouseLeave() {
-        return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false);
-      },
-      tabIndex: -1
-    }, (0, _react2.jsx)("button", {
-      type: "button",
-      "data-testid": "edit-toggle"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      css: buttonStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: "extension-edit-toggle",
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      onFocus: function onFocus() {
-        return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true);
-      },
-      onBlur: function onBlur() {
-        return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false);
-      }
-    }, (0, _react2.jsx)(_primitives.Flex, {
-      as: "span",
-      xcss: iconStyles
-    }, icon), text))
-  );
+  return (0, _react2.jsx)("div", {
+    "data-testid": "extension-edit-toggle-container"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    css: [buttonContainerStyles, (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? null : isNodeHovered && showButtonContainerStyle]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: customContainerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: "extension-edit-toggle-container"
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseOver: function onMouseOver() {
+      return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true);
+    }
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseLeave: function onMouseLeave() {
+      return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false);
+    },
+    tabIndex: -1
+  }, (0, _react2.jsx)("button", {
+    type: "button",
+    "data-testid": "edit-toggle"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    css: buttonStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: "extension-edit-toggle",
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    onFocus: function onFocus() {
+      return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true);
+    },
+    onBlur: function onBlur() {
+      return setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false);
+    }
+  }, (0, _react2.jsx)(_primitives.Flex, {
+    as: "span",
+    xcss: iconStyles
+  }, icon), text));
 };

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.0";
+var packageVersion = "110.21.0";
 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.0";
+var packageVersion = "110.21.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -225,50 +225,47 @@ var HoverLinkOverlayOriginal = function HoverLinkOverlayOriginal(_ref) {
       label: ""
     });
   }
-  return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    (0, _react2.jsx)("span", {
-      ref: containerRef,
-      css: containerStylesOld,
-      onDoubleClick: handleDoubleClick
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseEnter: function onMouseEnter() {
-        return handleOverlayChange(true);
-      }
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseLeave: function onMouseLeave() {
-        return handleOverlayChange(false);
-      }
-    }, children, (0, _react2.jsx)("span", {
-      css: hiddenTextStyle,
-      "aria-hidden": "true"
-    }, (0, _react2.jsx)(_primitives.Text, {
-      ref: hiddenTextRef,
-      size: "small",
-      maxLines: 1
-    }, label)), isHovered && (0, _react2.jsx)(_primitives.Anchor, {
-      ref: hoverLinkButtonRef,
-      xcss: [linkStylesCommon, (0, _expValEquals.expValEquals)('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_changes_only') ? linkStylesHeightFix : linkStylesOld],
-      href: url,
-      target: "_blank",
-      style: {
-        paddingBlock: compactPadding ? '1px' : (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
-      },
-      onClick: handleClick,
-      testId: "inline-card-hoverlink-overlay"
-    }, (0, _react2.jsx)(_primitives.Box, {
-      xcss: iconWrapperStylesOld,
-      "data-inlinecard-button-overlay": "icon-wrapper-line-height",
-      testId: "inline-card-hoverlink-overlay-icon"
-    }, icon), showLabel && (0, _react2.jsx)(_primitives.Text, {
-      size: "small",
-      color: "color.text.subtle",
-      maxLines: 1,
-      testId: "inline-card-hoverlink-overlay-label"
-    }, label)))
-  );
+  return (0, _react2.jsx)("span", {
+    ref: containerRef,
+    css: containerStylesOld,
+    onDoubleClick: handleDoubleClick
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseEnter: function onMouseEnter() {
+      return handleOverlayChange(true);
+    }
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseLeave: function onMouseLeave() {
+      return handleOverlayChange(false);
+    }
+  }, children, (0, _react2.jsx)("span", {
+    css: hiddenTextStyle,
+    "aria-hidden": "true"
+  }, (0, _react2.jsx)(_primitives.Text, {
+    ref: hiddenTextRef,
+    size: "small",
+    maxLines: 1
+  }, label)), isHovered && (0, _react2.jsx)(_primitives.Anchor, {
+    ref: hoverLinkButtonRef,
+    xcss: [linkStylesCommon, (0, _expValEquals.expValEquals)('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_changes_only') ? linkStylesHeightFix : linkStylesOld],
+    href: url,
+    target: "_blank",
+    style: {
+      paddingBlock: compactPadding ? '1px' : (0, _expValEquals.expValEquals)('cc_editor_ai_content_mode', 'variant', 'test') && (0, _platformFeatureFlags.fg)('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
+    },
+    onClick: handleClick,
+    testId: "inline-card-hoverlink-overlay"
+  }, (0, _react2.jsx)(_primitives.Box, {
+    xcss: iconWrapperStylesOld,
+    "data-inlinecard-button-overlay": "icon-wrapper-line-height",
+    testId: "inline-card-hoverlink-overlay-icon"
+  }, icon), showLabel && (0, _react2.jsx)(_primitives.Text, {
+    size: "small",
+    color: "color.text.subtle",
+    maxLines: 1,
+    testId: "inline-card-hoverlink-overlay-label"
+  }, label)));
 };
 var HoverLinkOverlayNew = function HoverLinkOverlayNew(_ref2) {
   var children = _ref2.children,

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -322,9 +322,7 @@ function DropdownMenuItem(_ref) {
   // From time to time we don't want to have any tabIndex on item wrapper
   // especially when we pass any interactive element as a item.content
   var tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
-  var dropListItem =
-  // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-  (0, _react2.jsx)("div", {
+  var dropListItem = (0, _react2.jsx)("div", {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);
     },

package/dist/es2019/analytics/types/enums.js

@@ -194,6 +194,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SUGGESTION_DISMISSED"] = "suggestionDismissed";
   ACTION["SUGGESTION_VIEWED"] = "suggestionViewed";
   ACTION["TABLE_WIDTH_INFO"] = "tableWidthInformation";
+  ACTION["SUPPRESSED"] = "suppressed";
   return ACTION;
 }({});
 export let INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
@@ -401,6 +402,7 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["EXTENSION_BODIED"] = "bodiedExtension";
   ACTION_SUBJECT_ID["EXTENSION_INLINE"] = "inlineExtension";
   ACTION_SUBJECT_ID["FLOATING_TOOLBAR_OVERFLOW"] = "floatingToolbarOverflow";
+  ACTION_SUBJECT_ID["FLOATING_TOOLBAR"] = "floatingToolbar";
   ACTION_SUBJECT_ID["FORMAT_BACKGROUND_COLOR"] = "backgroundColor";
   ACTION_SUBJECT_ID["FORMAT_BLOCK_QUOTE"] = "blockQuote";
   ACTION_SUBJECT_ID["FORMAT_CLEAR"] = "clearFormatting";

package/dist/es2019/analytics/types/floating-toolbar-events.js

@@ -0,0 +1 @@
+export {};

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

@@ -240,7 +240,7 @@ function StatelessElementBrowser(props) {
   const handleClick = () => {
     setCanFocusSearch(true);
   };
-  return /* eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
+  return /* eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
     jsx("div", {
       css: wrapper,
       "data-testid": "element-browser",

package/dist/es2019/extensibility/Extension/Lozenge/EditToggle.js

@@ -86,42 +86,39 @@ export const EditToggle = ({
       handleClick();
     }
   }, [handleClick]);
-  return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    jsx("div", {
-      "data-testid": "extension-edit-toggle-container"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      css: [buttonContainerStyles, expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? null : isNodeHovered && showButtonContainerStyle]
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      ,
-      style: customContainerStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: "extension-edit-toggle-container"
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseOver: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true)
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseLeave: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false),
-      tabIndex: -1
-    }, jsx("button", {
-      type: "button",
-      "data-testid": "edit-toggle"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      css: buttonStyles
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: "extension-edit-toggle",
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      onFocus: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true),
-      onBlur: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false)
-    }, jsx(Flex, {
-      as: "span",
-      xcss: iconStyles
-    }, icon), text))
-  );
+  return jsx("div", {
+    "data-testid": "extension-edit-toggle-container"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    css: [buttonContainerStyles, expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) ? null : isNodeHovered && showButtonContainerStyle]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: customContainerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: "extension-edit-toggle-container"
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseOver: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true)
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseLeave: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false),
+    tabIndex: -1
+  }, jsx("button", {
+    type: "button",
+    "data-testid": "edit-toggle"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    css: buttonStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: "extension-edit-toggle",
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    onFocus: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(true),
+    onBlur: () => setIsNodeHovered === null || setIsNodeHovered === void 0 ? void 0 : setIsNodeHovered(false)
+  }, jsx(Flex, {
+    as: "span",
+    xcss: iconStyles
+  }, icon), text));
 };

package/dist/es2019/messages/syncBlock.js

@@ -34,5 +34,35 @@ export const syncBlockMessages = defineMessages({
     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/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 = "110.20.0";
+const packageVersion = "110.21.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "110.20.0";
+const packageVersion = "110.21.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -205,46 +205,43 @@ const HoverLinkOverlayOriginal = ({
       label: ""
     });
   }
-  return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    jsx("span", {
-      ref: containerRef,
-      css: containerStylesOld,
-      onDoubleClick: handleDoubleClick
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseEnter: () => handleOverlayChange(true)
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseLeave: () => handleOverlayChange(false)
-    }, children, jsx("span", {
-      css: hiddenTextStyle,
-      "aria-hidden": "true"
-    }, jsx(Text, {
-      ref: hiddenTextRef,
-      size: "small",
-      maxLines: 1
-    }, label)), isHovered && jsx(Anchor, {
-      ref: hoverLinkButtonRef,
-      xcss: [linkStylesCommon, expValEquals('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_changes_only') ? linkStylesHeightFix : linkStylesOld],
-      href: url,
-      target: "_blank",
-      style: {
-        paddingBlock: compactPadding ? '1px' : expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
-      },
-      onClick: handleClick,
-      testId: "inline-card-hoverlink-overlay"
-    }, jsx(Box, {
-      xcss: iconWrapperStylesOld,
-      "data-inlinecard-button-overlay": "icon-wrapper-line-height",
-      testId: "inline-card-hoverlink-overlay-icon"
-    }, icon), showLabel && jsx(Text, {
-      size: "small",
-      color: "color.text.subtle",
-      maxLines: 1,
-      testId: "inline-card-hoverlink-overlay-label"
-    }, label)))
-  );
+  return jsx("span", {
+    ref: containerRef,
+    css: containerStylesOld,
+    onDoubleClick: handleDoubleClick
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseEnter: () => handleOverlayChange(true)
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseLeave: () => handleOverlayChange(false)
+  }, children, jsx("span", {
+    css: hiddenTextStyle,
+    "aria-hidden": "true"
+  }, jsx(Text, {
+    ref: hiddenTextRef,
+    size: "small",
+    maxLines: 1
+  }, label)), isHovered && jsx(Anchor, {
+    ref: hoverLinkButtonRef,
+    xcss: [linkStylesCommon, expValEquals('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_changes_only') ? linkStylesHeightFix : linkStylesOld],
+    href: url,
+    target: "_blank",
+    style: {
+      paddingBlock: compactPadding ? '1px' : expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp') ? DYNAMIC_PADDING_BLOCK : "var(--ds-space-025, 2px)"
+    },
+    onClick: handleClick,
+    testId: "inline-card-hoverlink-overlay"
+  }, jsx(Box, {
+    xcss: iconWrapperStylesOld,
+    "data-inlinecard-button-overlay": "icon-wrapper-line-height",
+    testId: "inline-card-hoverlink-overlay-icon"
+  }, icon), showLabel && jsx(Text, {
+    size: "small",
+    color: "color.text.subtle",
+    maxLines: 1,
+    testId: "inline-card-hoverlink-overlay-label"
+  }, label)));
 };
 const HoverLinkOverlayNew = ({
   children,

package/dist/es2019/ui-menu/DropdownMenu/index.js

@@ -349,9 +349,7 @@ export function DropdownMenuItem({
   // From time to time we don't want to have any tabIndex on item wrapper
   // especially when we pass any interactive element as a item.content
   const tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
-  const dropListItem =
-  // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-  jsx("div", {
+  const dropListItem = jsx("div", {
     css: () => buttonStyles(item.isActive, submenuActive),
     role: expValEquals('platform_editor_august_a11y', 'isEnabled', true) ? shouldUseDefaultRole ? undefined : 'menuitem' : undefined,
     tabIndex: tabIndex,

package/dist/esm/analytics/types/enums.js

@@ -194,6 +194,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SUGGESTION_DISMISSED"] = "suggestionDismissed";
   ACTION["SUGGESTION_VIEWED"] = "suggestionViewed";
   ACTION["TABLE_WIDTH_INFO"] = "tableWidthInformation";
+  ACTION["SUPPRESSED"] = "suppressed";
   return ACTION;
 }({});
 export var INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
@@ -401,6 +402,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["EXTENSION_BODIED"] = "bodiedExtension";
   ACTION_SUBJECT_ID["EXTENSION_INLINE"] = "inlineExtension";
   ACTION_SUBJECT_ID["FLOATING_TOOLBAR_OVERFLOW"] = "floatingToolbarOverflow";
+  ACTION_SUBJECT_ID["FLOATING_TOOLBAR"] = "floatingToolbar";
   ACTION_SUBJECT_ID["FORMAT_BACKGROUND_COLOR"] = "backgroundColor";
   ACTION_SUBJECT_ID["FORMAT_BLOCK_QUOTE"] = "blockQuote";
   ACTION_SUBJECT_ID["FORMAT_CLEAR"] = "clearFormatting";

package/dist/esm/analytics/types/floating-toolbar-events.js

@@ -0,0 +1 @@
+export {};

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

@@ -244,7 +244,7 @@ function StatelessElementBrowser(props) {
   var handleClick = function handleClick() {
     setCanFocusSearch(true);
   };
-  return /* eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
+  return /* eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable*/(
     jsx("div", {
       css: wrapper,
       "data-testid": "element-browser",