@atlaskit/editor-common 111.8.11 → 111.8.13

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 111.8.13
+
+### Patch Changes
+
+- [`41d5a8796f3e1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/41d5a8796f3e1) -
+  [EDITOR-4472] Update content copy for sync block
+- [`28434cbe03f1e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/28434cbe03f1e) -
+  [ux] [EDITOR-2851]
+  - Implement unsync feature for source sync block
+  - Update deletion confirmation modal and reference block UI after source deletion
+
+## 111.8.12
+
+### Patch Changes
+
+- [`87abc5dda86fe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87abc5dda86fe) -
+  [ux] Show last edited time in sync block tooltip
+- [`9041ec452a104`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9041ec452a104) -
+  [EDITOR-4515] clean up fg platform_editor_toolbar_aifc_patch_7
+- Updated dependencies
+
 ## 111.8.11
 
 ### Patch Changes

package/dist/cjs/messages/syncBlock.js

@@ -22,8 +22,8 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     description: 'Button label for editing the source of sync block element'
   },
   editSourceTooltip: {
-    id: 'fabric.editor.editSourceTooltip',
-    defaultMessage: 'Edit at the source location',
+    id: 'fabric.editor.editSourceTooltipEnabled',
+    defaultMessage: 'Edit synced content at source location',
     description: 'Tooltip for the button to navigate to the source page of the sync block element'
   },
   editSourceTooltipDisabled: {
@@ -86,15 +86,25 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     defaultMessage: 'Synced from: {title}',
     description: 'Tooltip that shows the source page title of the synced block'
   },
+  referenceSyncBlockLastEdited: {
+    id: 'fabric.editor.referenceSyncBlockLastEdited',
+    defaultMessage: 'Last edited: ',
+    description: 'Tooltip that shows the last edited time of the synced block'
+  },
   taskInDestinationSyncedBlockTooltip: {
     id: 'fabric.editor.taskInDestinationSyncedBlockTooltip',
     defaultMessage: 'This content is synced. Edit it at the source.',
     description: 'Tooltip that shows when you hover over a task in the destination synced block'
   },
-  deleteConfirmationModalTitle: {
-    id: 'fabric.editor.deleteConfirmationModalTitle',
-    defaultMessage: "You're about to delete synced content",
-    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block'
+  deleteConfirmationModalTitleSingle: {
+    id: 'fabric.editor.deleteConfirmationModalTitleSingle',
+    defaultMessage: 'Delete synced block?',
+    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block that has no reference'
+  },
+  deleteConfirmationModalTitleMultiple: {
+    id: 'fabric.editor.deleteConfirmationModalTitleMultiple',
+    defaultMessage: 'Delete content in {count} locations?',
+    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block that has references'
   },
   deleteConfirmationModalCancelButton: {
     id: 'fabric.editor.deleteConfirmationModalCancelButton',
@@ -116,6 +126,11 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     defaultMessage: 'Deleting this content will also remove {syncBlockCount, plural, one {a synced block. References to this block} other {# synced blocks. References to these blocks}} in other locations will show an error. Continue with deletion?',
     description: 'Description of delete confirmation modal that appears when user tries to delete source synced block'
   },
+  deleteConfirmationModalDescriptionNoRef: {
+    id: 'fabric.editor.deleteConfirmationModalDescriptionNoRef',
+    defaultMessage: "You'll no longer be able to reuse this synced block to keep content updated across locations. ",
+    description: 'Description of delete confirmation modal that appears when user tries to delete source synced block'
+  },
   createSyncBlockLabel: {
     id: 'fabric.editor.createSyncBlockLabel',
     defaultMessage: 'Create synced block',
@@ -137,8 +152,8 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     description: 'Description in flag which appears when a sync block cannot be deleted in offline mode'
   },
   cannotDeleteTitle: {
-    id: 'fabric.editor.error.title.cannotDelete',
-    defaultMessage: "We couldn't delete the synced block",
+    id: 'fabric.editor.error.flag.title.cannotDelete',
+    defaultMessage: 'Failed to delete synced block',
     description: 'Title in flag which appears when a sync block cannot be deleted'
   },
   cannotDeleteDescription: {
@@ -181,14 +196,24 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     defaultMessage: 'We’re unable to display this content as its source has been deleted or archived.',
     description: 'Description for error state where the synced block cannot be found'
   },
+  sourceUnsyncedDescription: {
+    id: 'fabric.editor.syncedBlockSourceUnsyncedDescription.non-final',
+    defaultMessage: "We're unable to display this content as it's been unsynced from source document",
+    description: 'Description for error state where the synced block has its source unsynced'
+  },
+  sourceDeletedDescription: {
+    id: 'fabric.editor.syncedBlockSourceDeletedDescription.non-final',
+    defaultMessage: "We're unable to display this content as it's been deleted from source document.",
+    description: 'Description for error state where the synced block has its source unsynced'
+  },
   retryButton: {
     id: 'fabric.editor.retrySyncedBlock',
     defaultMessage: 'Try again',
     description: 'Label for button which retries loading the synced block'
   },
   offlineError: {
-    id: 'fabric.editor.error.description.offline',
-    defaultMessage: "We're unable to display this content at the moment because you are offline.",
+    id: 'fabric.editor.error.description.reference.offline',
+    defaultMessage: "We're unable to display synced blocks when you're offline",
     description: 'Error message which is shown over sync block when the editor is offline'
   },
   syncBlockCopiedTitle: {
@@ -265,5 +290,25 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntlNext.defineMes
     id: 'fabric.editor.syncedBlock.unsync',
     defaultMessage: 'Unsync',
     description: 'Text on the button which unsyncs the sync block'
+  },
+  deleteConfirmationModalUnsyncButton: {
+    id: 'fabric.editor.deleteConfirmationModalUnsyncButton',
+    defaultMessage: 'Unsync',
+    description: 'Text on button which confirms unsyncing the sync block when user was trying to unsync source synced block'
+  },
+  unsyncConfirmationModalTitle: {
+    id: 'fabric.editor.unsyncConfirmationModalTitle',
+    defaultMessage: 'Unsync this content?',
+    description: 'Title of unsync confirmation modal that appears when user tries to unsync source synced block'
+  },
+  unsyncConfirmationModalDescriptionSingle: {
+    id: 'fabric.editor.unsyncConfirmationModalDescriptionSingle',
+    defaultMessage: 'Your content will stay here. It will no longer be a synced block.',
+    description: 'Description of unsync confirmation modal that appears when user tries to unsync source synced block with no reference'
+  },
+  unsyncConfirmationModalDescriptionMultiple: {
+    id: 'fabric.editor.unsyncConfirmationModalDescriptionMultiple',
+    defaultMessage: 'Your content will stay here. In {syncBlockCount} other synced locations it will appear as an “Unsynced block”. ',
+    description: 'Description of unsync confirmation modal that appears when user tries to unsync source synced block with multiple references'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,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 = "111.8.10";
+var packageVersion = "111.8.12";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/toolbar/EditorToolbarUIProvider.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.EditorToolbarUIProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 EditorToolbarUIProvider = exports.EditorToolbarUIProvider = function EditorToolbarUIProvider(_ref) {
   var children = _ref.children,
@@ -22,23 +21,11 @@ var EditorToolbarUIProvider = exports.EditorToolbarUIProvider = function EditorT
     var isOpen = _ref2.isOpen,
       event = _ref2.event;
     if (!isOpen) {
-      if ((0, _platformFeatureFlags.fg)('platform_editor_toolbar_aifc_patch_7')) {
-        // Only refocus the editor when the dropdown closes via mouse or programmatic close.
-        // When closed via keyboard Escape, keep focus on the trigger for better keyboard UX.
-        var isKeyboardEscape = event instanceof KeyboardEvent && event.key === 'Escape';
-        var shouldFocusEditor = !isKeyboardEscape;
-        if (shouldFocusEditor) {
-          // On Dropdown closed, focus is returned to trigger button by default in requestAnimationFrame
-          // Hence, `.focus()` should also be called in requestAnimationFrame
-          setTimeout(function () {
-            return requestAnimationFrame(function () {
-              api === null || api === void 0 || api.core.actions.focus({
-                scrollIntoView: false
-              });
-            });
-          }, 1);
-        }
-      } else {
+      // Only refocus the editor when the dropdown closes via mouse or programmatic close.
+      // When closed via keyboard Escape, keep focus on the trigger for better keyboard UX.
+      var isKeyboardEscape = event instanceof KeyboardEvent && event.key === 'Escape';
+      var shouldFocusEditor = !isKeyboardEscape;
+      if (shouldFocusEditor) {
         // On Dropdown closed, focus is returned to trigger button by default in requestAnimationFrame
         // Hence, `.focus()` should also be called in requestAnimationFrame
         setTimeout(function () {
@@ -50,6 +37,7 @@ var EditorToolbarUIProvider = exports.EditorToolbarUIProvider = function EditorT
         }, 1);
       }
     }
+    ;
   }, [api]);
   return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarUIProvider, {
     onDropdownOpenChanged: onDropdownOpenChanged,

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

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _elementBrowser = require("../../element-browser");
 var _messages = require("../../messages");
 var _mediaInsert = require("../../messages/media-insert");
@@ -272,15 +271,8 @@ function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
 function getFilteredFocusableElements(rootNode) {
   // The focusable elements from child components such as dropdown menus / popups are ignored
   return getFocusableElements(rootNode).filter(function (elm) {
-    var style = window.getComputedStyle(elm);
-    // ignore invisible element to avoid losing focus
-    var isVisible = style.visibility !== 'hidden' && style.display !== 'none';
-
     // Check if element or any ancestor is hidden or disabled
     var isHiddenOrDisabled = isElementOrAncestorHiddenOrDisabled(elm, rootNode);
-    if ((0, _platformFeatureFlags.fg)('platform_editor_toolbar_aifc_patch_7')) {
-      return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
-    }
-    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && isVisible;
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
   });
 }

package/dist/es2019/messages/syncBlock.js

@@ -16,8 +16,8 @@ export const syncBlockMessages = defineMessages({
     description: 'Button label for editing the source of sync block element'
   },
   editSourceTooltip: {
-    id: 'fabric.editor.editSourceTooltip',
-    defaultMessage: 'Edit at the source location',
+    id: 'fabric.editor.editSourceTooltipEnabled',
+    defaultMessage: 'Edit synced content at source location',
     description: 'Tooltip for the button to navigate to the source page of the sync block element'
   },
   editSourceTooltipDisabled: {
@@ -80,15 +80,25 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'Synced from: {title}',
     description: 'Tooltip that shows the source page title of the synced block'
   },
+  referenceSyncBlockLastEdited: {
+    id: 'fabric.editor.referenceSyncBlockLastEdited',
+    defaultMessage: 'Last edited: ',
+    description: 'Tooltip that shows the last edited time of the synced block'
+  },
   taskInDestinationSyncedBlockTooltip: {
     id: 'fabric.editor.taskInDestinationSyncedBlockTooltip',
     defaultMessage: 'This content is synced. Edit it at the source.',
     description: 'Tooltip that shows when you hover over a task in the destination synced block'
   },
-  deleteConfirmationModalTitle: {
-    id: 'fabric.editor.deleteConfirmationModalTitle',
-    defaultMessage: "You're about to delete synced content",
-    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block'
+  deleteConfirmationModalTitleSingle: {
+    id: 'fabric.editor.deleteConfirmationModalTitleSingle',
+    defaultMessage: 'Delete synced block?',
+    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block that has no reference'
+  },
+  deleteConfirmationModalTitleMultiple: {
+    id: 'fabric.editor.deleteConfirmationModalTitleMultiple',
+    defaultMessage: 'Delete content in {count} locations?',
+    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block that has references'
   },
   deleteConfirmationModalCancelButton: {
     id: 'fabric.editor.deleteConfirmationModalCancelButton',
@@ -110,6 +120,11 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'Deleting this content will also remove {syncBlockCount, plural, one {a synced block. References to this block} other {# synced blocks. References to these blocks}} in other locations will show an error. Continue with deletion?',
     description: 'Description of delete confirmation modal that appears when user tries to delete source synced block'
   },
+  deleteConfirmationModalDescriptionNoRef: {
+    id: 'fabric.editor.deleteConfirmationModalDescriptionNoRef',
+    defaultMessage: "You'll no longer be able to reuse this synced block to keep content updated across locations. ",
+    description: 'Description of delete confirmation modal that appears when user tries to delete source synced block'
+  },
   createSyncBlockLabel: {
     id: 'fabric.editor.createSyncBlockLabel',
     defaultMessage: 'Create synced block',
@@ -131,8 +146,8 @@ export const syncBlockMessages = defineMessages({
     description: 'Description in flag which appears when a sync block cannot be deleted in offline mode'
   },
   cannotDeleteTitle: {
-    id: 'fabric.editor.error.title.cannotDelete',
-    defaultMessage: "We couldn't delete the synced block",
+    id: 'fabric.editor.error.flag.title.cannotDelete',
+    defaultMessage: 'Failed to delete synced block',
     description: 'Title in flag which appears when a sync block cannot be deleted'
   },
   cannotDeleteDescription: {
@@ -175,14 +190,24 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'We’re unable to display this content as its source has been deleted or archived.',
     description: 'Description for error state where the synced block cannot be found'
   },
+  sourceUnsyncedDescription: {
+    id: 'fabric.editor.syncedBlockSourceUnsyncedDescription.non-final',
+    defaultMessage: "We're unable to display this content as it's been unsynced from source document",
+    description: 'Description for error state where the synced block has its source unsynced'
+  },
+  sourceDeletedDescription: {
+    id: 'fabric.editor.syncedBlockSourceDeletedDescription.non-final',
+    defaultMessage: "We're unable to display this content as it's been deleted from source document.",
+    description: 'Description for error state where the synced block has its source unsynced'
+  },
   retryButton: {
     id: 'fabric.editor.retrySyncedBlock',
     defaultMessage: 'Try again',
     description: 'Label for button which retries loading the synced block'
   },
   offlineError: {
-    id: 'fabric.editor.error.description.offline',
-    defaultMessage: `We're unable to display this content at the moment because you are offline.`,
+    id: 'fabric.editor.error.description.reference.offline',
+    defaultMessage: `We're unable to display synced blocks when you're offline`,
     description: 'Error message which is shown over sync block when the editor is offline'
   },
   syncBlockCopiedTitle: {
@@ -259,5 +284,25 @@ export const syncBlockMessages = defineMessages({
     id: 'fabric.editor.syncedBlock.unsync',
     defaultMessage: 'Unsync',
     description: 'Text on the button which unsyncs the sync block'
+  },
+  deleteConfirmationModalUnsyncButton: {
+    id: 'fabric.editor.deleteConfirmationModalUnsyncButton',
+    defaultMessage: 'Unsync',
+    description: 'Text on button which confirms unsyncing the sync block when user was trying to unsync source synced block'
+  },
+  unsyncConfirmationModalTitle: {
+    id: 'fabric.editor.unsyncConfirmationModalTitle',
+    defaultMessage: 'Unsync this content?',
+    description: 'Title of unsync confirmation modal that appears when user tries to unsync source synced block'
+  },
+  unsyncConfirmationModalDescriptionSingle: {
+    id: 'fabric.editor.unsyncConfirmationModalDescriptionSingle',
+    defaultMessage: 'Your content will stay here. It will no longer be a synced block.',
+    description: 'Description of unsync confirmation modal that appears when user tries to unsync source synced block with no reference'
+  },
+  unsyncConfirmationModalDescriptionMultiple: {
+    id: 'fabric.editor.unsyncConfirmationModalDescriptionMultiple',
+    defaultMessage: 'Your content will stay here. In {syncBlockCount} other synced locations it will appear as an “Unsynced block”. ',
+    description: 'Description of unsync confirmation modal that appears when user tries to unsync source synced block with multiple references'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "111.8.10";
+const packageVersion = "111.8.12";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/toolbar/EditorToolbarUIProvider.js

@@ -1,6 +1,5 @@
 import React, { useCallback } from 'react';
 import { ToolbarUIProvider } from '@atlaskit/editor-toolbar';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const EditorToolbarUIProvider = ({
   children,
   api,
@@ -16,21 +15,11 @@ export const EditorToolbarUIProvider = ({
     event
   }) => {
     if (!isOpen) {
-      if (fg('platform_editor_toolbar_aifc_patch_7')) {
-        // Only refocus the editor when the dropdown closes via mouse or programmatic close.
-        // When closed via keyboard Escape, keep focus on the trigger for better keyboard UX.
-        const isKeyboardEscape = event instanceof KeyboardEvent && event.key === 'Escape';
-        const shouldFocusEditor = !isKeyboardEscape;
-        if (shouldFocusEditor) {
-          // On Dropdown closed, focus is returned to trigger button by default in requestAnimationFrame
-          // Hence, `.focus()` should also be called in requestAnimationFrame
-          setTimeout(() => requestAnimationFrame(() => {
-            api === null || api === void 0 ? void 0 : api.core.actions.focus({
-              scrollIntoView: false
-            });
-          }), 1);
-        }
-      } else {
+      // Only refocus the editor when the dropdown closes via mouse or programmatic close.
+      // When closed via keyboard Escape, keep focus on the trigger for better keyboard UX.
+      const isKeyboardEscape = event instanceof KeyboardEvent && event.key === 'Escape';
+      const shouldFocusEditor = !isKeyboardEscape;
+      if (shouldFocusEditor) {
         // On Dropdown closed, focus is returned to trigger button by default in requestAnimationFrame
         // Hence, `.focus()` should also be called in requestAnimationFrame
         setTimeout(() => requestAnimationFrame(() => {
@@ -40,6 +29,7 @@ export const EditorToolbarUIProvider = ({
         }), 1);
       }
     }
+    ;
   }, [api]);
   return /*#__PURE__*/React.createElement(ToolbarUIProvider, {
     onDropdownOpenChanged: onDropdownOpenChanged,

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 = "111.8.10";
+const packageVersion = "111.8.12";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -7,7 +7,6 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages } from '../../messages';
 import { mediaInsertMessages } from '../../messages/media-insert';
@@ -264,15 +263,8 @@ function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
 function getFilteredFocusableElements(rootNode) {
   // The focusable elements from child components such as dropdown menus / popups are ignored
   return getFocusableElements(rootNode).filter(elm => {
-    const style = window.getComputedStyle(elm);
-    // ignore invisible element to avoid losing focus
-    const isVisible = style.visibility !== 'hidden' && style.display !== 'none';
-
     // Check if element or any ancestor is hidden or disabled
     const isHiddenOrDisabled = isElementOrAncestorHiddenOrDisabled(elm, rootNode);
-    if (fg('platform_editor_toolbar_aifc_patch_7')) {
-      return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
-    }
-    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && isVisible;
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
   });
 }

package/dist/esm/messages/syncBlock.js

@@ -16,8 +16,8 @@ export var syncBlockMessages = defineMessages({
     description: 'Button label for editing the source of sync block element'
   },
   editSourceTooltip: {
-    id: 'fabric.editor.editSourceTooltip',
-    defaultMessage: 'Edit at the source location',
+    id: 'fabric.editor.editSourceTooltipEnabled',
+    defaultMessage: 'Edit synced content at source location',
     description: 'Tooltip for the button to navigate to the source page of the sync block element'
   },
   editSourceTooltipDisabled: {
@@ -80,15 +80,25 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'Synced from: {title}',
     description: 'Tooltip that shows the source page title of the synced block'
   },
+  referenceSyncBlockLastEdited: {
+    id: 'fabric.editor.referenceSyncBlockLastEdited',
+    defaultMessage: 'Last edited: ',
+    description: 'Tooltip that shows the last edited time of the synced block'
+  },
   taskInDestinationSyncedBlockTooltip: {
     id: 'fabric.editor.taskInDestinationSyncedBlockTooltip',
     defaultMessage: 'This content is synced. Edit it at the source.',
     description: 'Tooltip that shows when you hover over a task in the destination synced block'
   },
-  deleteConfirmationModalTitle: {
-    id: 'fabric.editor.deleteConfirmationModalTitle',
-    defaultMessage: "You're about to delete synced content",
-    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block'
+  deleteConfirmationModalTitleSingle: {
+    id: 'fabric.editor.deleteConfirmationModalTitleSingle',
+    defaultMessage: 'Delete synced block?',
+    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block that has no reference'
+  },
+  deleteConfirmationModalTitleMultiple: {
+    id: 'fabric.editor.deleteConfirmationModalTitleMultiple',
+    defaultMessage: 'Delete content in {count} locations?',
+    description: 'Title of delete confirmation modal that appears when user tries to delete source synced block that has references'
   },
   deleteConfirmationModalCancelButton: {
     id: 'fabric.editor.deleteConfirmationModalCancelButton',
@@ -110,6 +120,11 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'Deleting this content will also remove {syncBlockCount, plural, one {a synced block. References to this block} other {# synced blocks. References to these blocks}} in other locations will show an error. Continue with deletion?',
     description: 'Description of delete confirmation modal that appears when user tries to delete source synced block'
   },
+  deleteConfirmationModalDescriptionNoRef: {
+    id: 'fabric.editor.deleteConfirmationModalDescriptionNoRef',
+    defaultMessage: "You'll no longer be able to reuse this synced block to keep content updated across locations. ",
+    description: 'Description of delete confirmation modal that appears when user tries to delete source synced block'
+  },
   createSyncBlockLabel: {
     id: 'fabric.editor.createSyncBlockLabel',
     defaultMessage: 'Create synced block',
@@ -131,8 +146,8 @@ export var syncBlockMessages = defineMessages({
     description: 'Description in flag which appears when a sync block cannot be deleted in offline mode'
   },
   cannotDeleteTitle: {
-    id: 'fabric.editor.error.title.cannotDelete',
-    defaultMessage: "We couldn't delete the synced block",
+    id: 'fabric.editor.error.flag.title.cannotDelete',
+    defaultMessage: 'Failed to delete synced block',
     description: 'Title in flag which appears when a sync block cannot be deleted'
   },
   cannotDeleteDescription: {
@@ -175,14 +190,24 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'We’re unable to display this content as its source has been deleted or archived.',
     description: 'Description for error state where the synced block cannot be found'
   },
+  sourceUnsyncedDescription: {
+    id: 'fabric.editor.syncedBlockSourceUnsyncedDescription.non-final',
+    defaultMessage: "We're unable to display this content as it's been unsynced from source document",
+    description: 'Description for error state where the synced block has its source unsynced'
+  },
+  sourceDeletedDescription: {
+    id: 'fabric.editor.syncedBlockSourceDeletedDescription.non-final',
+    defaultMessage: "We're unable to display this content as it's been deleted from source document.",
+    description: 'Description for error state where the synced block has its source unsynced'
+  },
   retryButton: {
     id: 'fabric.editor.retrySyncedBlock',
     defaultMessage: 'Try again',
     description: 'Label for button which retries loading the synced block'
   },
   offlineError: {
-    id: 'fabric.editor.error.description.offline',
-    defaultMessage: "We're unable to display this content at the moment because you are offline.",
+    id: 'fabric.editor.error.description.reference.offline',
+    defaultMessage: "We're unable to display synced blocks when you're offline",
     description: 'Error message which is shown over sync block when the editor is offline'
   },
   syncBlockCopiedTitle: {
@@ -259,5 +284,25 @@ export var syncBlockMessages = defineMessages({
     id: 'fabric.editor.syncedBlock.unsync',
     defaultMessage: 'Unsync',
     description: 'Text on the button which unsyncs the sync block'
+  },
+  deleteConfirmationModalUnsyncButton: {
+    id: 'fabric.editor.deleteConfirmationModalUnsyncButton',
+    defaultMessage: 'Unsync',
+    description: 'Text on button which confirms unsyncing the sync block when user was trying to unsync source synced block'
+  },
+  unsyncConfirmationModalTitle: {
+    id: 'fabric.editor.unsyncConfirmationModalTitle',
+    defaultMessage: 'Unsync this content?',
+    description: 'Title of unsync confirmation modal that appears when user tries to unsync source synced block'
+  },
+  unsyncConfirmationModalDescriptionSingle: {
+    id: 'fabric.editor.unsyncConfirmationModalDescriptionSingle',
+    defaultMessage: 'Your content will stay here. It will no longer be a synced block.',
+    description: 'Description of unsync confirmation modal that appears when user tries to unsync source synced block with no reference'
+  },
+  unsyncConfirmationModalDescriptionMultiple: {
+    id: 'fabric.editor.unsyncConfirmationModalDescriptionMultiple',
+    defaultMessage: 'Your content will stay here. In {syncBlockCount} other synced locations it will appear as an “Unsynced block”. ',
+    description: 'Description of unsync confirmation modal that appears when user tries to unsync source synced block with multiple references'
   }
 });

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "111.8.10";
+var packageVersion = "111.8.12";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/toolbar/EditorToolbarUIProvider.js

@@ -1,6 +1,5 @@
 import React, { useCallback } from 'react';
 import { ToolbarUIProvider } from '@atlaskit/editor-toolbar';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var EditorToolbarUIProvider = function EditorToolbarUIProvider(_ref) {
   var children = _ref.children,
     api = _ref.api,
@@ -14,23 +13,11 @@ export var EditorToolbarUIProvider = function EditorToolbarUIProvider(_ref) {
     var isOpen = _ref2.isOpen,
       event = _ref2.event;
     if (!isOpen) {
-      if (fg('platform_editor_toolbar_aifc_patch_7')) {
-        // Only refocus the editor when the dropdown closes via mouse or programmatic close.
-        // When closed via keyboard Escape, keep focus on the trigger for better keyboard UX.
-        var isKeyboardEscape = event instanceof KeyboardEvent && event.key === 'Escape';
-        var shouldFocusEditor = !isKeyboardEscape;
-        if (shouldFocusEditor) {
-          // On Dropdown closed, focus is returned to trigger button by default in requestAnimationFrame
-          // Hence, `.focus()` should also be called in requestAnimationFrame
-          setTimeout(function () {
-            return requestAnimationFrame(function () {
-              api === null || api === void 0 || api.core.actions.focus({
-                scrollIntoView: false
-              });
-            });
-          }, 1);
-        }
-      } else {
+      // Only refocus the editor when the dropdown closes via mouse or programmatic close.
+      // When closed via keyboard Escape, keep focus on the trigger for better keyboard UX.
+      var isKeyboardEscape = event instanceof KeyboardEvent && event.key === 'Escape';
+      var shouldFocusEditor = !isKeyboardEscape;
+      if (shouldFocusEditor) {
         // On Dropdown closed, focus is returned to trigger button by default in requestAnimationFrame
         // Hence, `.focus()` should also be called in requestAnimationFrame
         setTimeout(function () {
@@ -42,6 +29,7 @@ export var EditorToolbarUIProvider = function EditorToolbarUIProvider(_ref) {
         }, 1);
       }
     }
+    ;
   }, [api]);
   return /*#__PURE__*/React.createElement(ToolbarUIProvider, {
     onDropdownOpenChanged: onDropdownOpenChanged,

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

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

package/dist/esm/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -7,7 +7,6 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages } from '../../messages';
 import { mediaInsertMessages } from '../../messages/media-insert';
@@ -264,15 +263,8 @@ function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
 function getFilteredFocusableElements(rootNode) {
   // The focusable elements from child components such as dropdown menus / popups are ignored
   return getFocusableElements(rootNode).filter(function (elm) {
-    var style = window.getComputedStyle(elm);
-    // ignore invisible element to avoid losing focus
-    var isVisible = style.visibility !== 'hidden' && style.display !== 'none';
-
     // Check if element or any ancestor is hidden or disabled
     var isHiddenOrDisabled = isElementOrAncestorHiddenOrDisabled(elm, rootNode);
-    if (fg('platform_editor_toolbar_aifc_patch_7')) {
-      return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
-    }
-    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && isVisible;
+    return !elm.closest('[data-role="droplistContent"]') && !elm.closest('[data-emoji-picker-container="true"]') && !elm.closest('[data-test-id="color-picker-menu"]') && !elm.closest('.scroll-buttons') && !isHiddenOrDisabled;
   });
 }

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

@@ -79,12 +79,22 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    referenceSyncBlockLastEdited: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     taskInDestinationSyncedBlockTooltip: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    deleteConfirmationModalTitle: {
+    deleteConfirmationModalTitleSingle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteConfirmationModalTitleMultiple: {
         id: string;
         defaultMessage: string;
         description: string;
@@ -109,6 +119,11 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    deleteConfirmationModalDescriptionNoRef: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     createSyncBlockLabel: {
         id: string;
         defaultMessage: string;
@@ -174,6 +189,16 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    sourceUnsyncedDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    sourceDeletedDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     retryButton: {
         id: string;
         defaultMessage: string;
@@ -259,4 +284,24 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    deleteConfirmationModalUnsyncButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unsyncConfirmationModalTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unsyncConfirmationModalDescriptionSingle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unsyncConfirmationModalDescriptionMultiple: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -79,12 +79,22 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    referenceSyncBlockLastEdited: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     taskInDestinationSyncedBlockTooltip: {
         id: string;
         defaultMessage: string;
         description: string;
     };
-    deleteConfirmationModalTitle: {
+    deleteConfirmationModalTitleSingle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    deleteConfirmationModalTitleMultiple: {
         id: string;
         defaultMessage: string;
         description: string;
@@ -109,6 +119,11 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    deleteConfirmationModalDescriptionNoRef: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     createSyncBlockLabel: {
         id: string;
         defaultMessage: string;
@@ -174,6 +189,16 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    sourceUnsyncedDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    sourceDeletedDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     retryButton: {
         id: string;
         defaultMessage: string;
@@ -259,4 +284,24 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    deleteConfirmationModalUnsyncButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unsyncConfirmationModalTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unsyncConfirmationModalDescriptionSingle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unsyncConfirmationModalDescriptionMultiple: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.8.11",
+	"version": "111.8.13",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,7 +50,7 @@
 		"@atlaskit/editor-toolbar": "^0.19.0",
 		"@atlaskit/editor-toolbar-model": "^0.3.0",
 		"@atlaskit/emoji": "^69.10.0",
-		"@atlaskit/icon": "^29.4.0",
+		"@atlaskit/icon": "^30.0.0",
 		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/link-datasource": "^4.32.0",
@@ -81,7 +81,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.30.0",
+		"@atlaskit/tmp-editor-statsig": "^16.31.0",
 		"@atlaskit/tokens": "^10.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -120,7 +120,7 @@
 	},
 	"devDependencies": {
 		"@atlaskit/media-core": "^37.0.0",
-		"@atlassian/a11y-jest-testing": "^0.7.0",
+		"@atlassian/a11y-jest-testing": "^0.8.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",
@@ -232,9 +232,6 @@
 		"platform_editor_link_picker_width_fix": {
 			"type": "boolean"
 		},
-		"platform_editor_toolbar_aifc_patch_7": {
-			"type": "boolean"
-		},
 		"platform_editor_content_mode_button_mvp": {
 			"type": "boolean"
 		},