@atlaskit/editor-common 111.8.11 → 111.8.12

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-common
 
+## 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

@@ -86,6 +86,11 @@ 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.',

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.11";
 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.11";
 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

@@ -80,6 +80,11 @@ 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.',

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.11";
 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.11";
 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

@@ -80,6 +80,11 @@ 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.',

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.11";
 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.11";
 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,6 +79,11 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    referenceSyncBlockLastEdited: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     taskInDestinationSyncedBlockTooltip: {
         id: string;
         defaultMessage: string;

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

@@ -79,6 +79,11 @@ export declare const syncBlockMessages: {
         defaultMessage: string;
         description: string;
     };
+    referenceSyncBlockLastEdited: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     taskInDestinationSyncedBlockTooltip: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.8.11",
+	"version": "111.8.12",
 	"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",
@@ -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"
 		},