@atlaskit/editor-common 110.16.2 → 110.16.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-common
 
+## 110.16.3
+
+### Patch Changes
+
+- [`4821b70c5e660`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4821b70c5e660) -
+  ED-29531 Arrow key navigation on primary toolbar cannot go pass format text dropdown button
+- Updated dependencies
+
 ## 110.16.2
 
 ### Patch Changes

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

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

@@ -7,6 +7,7 @@ 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");
@@ -248,12 +249,38 @@ function getFocusableElements(rootNode) {
   var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"], div[tabindex="0"]') || [];
   return Array.from(focusableModalElements);
 }
+function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
+  var currentElement = element;
+  while (currentElement && currentElement !== rootNode && currentElement !== document.body) {
+    var style = window.getComputedStyle(currentElement);
+
+    // Check if current element is hidden
+    if (style.visibility === 'hidden' || style.display === 'none') {
+      return true;
+    }
+
+    // Check if current element is disabled
+    if (currentElement.hasAttribute('disabled') || currentElement.getAttribute('aria-disabled') === 'true' || currentElement.disabled === true) {
+      return true;
+    }
+
+    // Move to parent element
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
 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;
   });
 }

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

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

@@ -7,6 +7,7 @@ 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';
@@ -240,12 +241,38 @@ function getFocusableElements(rootNode) {
   const focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"], div[tabindex="0"]') || [];
   return Array.from(focusableModalElements);
 }
+function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
+  let currentElement = element;
+  while (currentElement && currentElement !== rootNode && currentElement !== document.body) {
+    const style = window.getComputedStyle(currentElement);
+
+    // Check if current element is hidden
+    if (style.visibility === 'hidden' || style.display === 'none') {
+      return true;
+    }
+
+    // Check if current element is disabled
+    if (currentElement.hasAttribute('disabled') || currentElement.getAttribute('aria-disabled') === 'true' || currentElement.disabled === true) {
+      return true;
+    }
+
+    // Move to parent element
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
 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;
   });
 }

package/dist/esm/monitoring/error.js

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

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

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

@@ -7,6 +7,7 @@ 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';
@@ -240,12 +241,38 @@ function getFocusableElements(rootNode) {
   var focusableModalElements = rootNode.querySelectorAll('a[href], button:not([disabled]), textarea, input, select, div[tabindex="-1"], div[tabindex="0"]') || [];
   return Array.from(focusableModalElements);
 }
+function isElementOrAncestorHiddenOrDisabled(element, rootNode) {
+  var currentElement = element;
+  while (currentElement && currentElement !== rootNode && currentElement !== document.body) {
+    var style = window.getComputedStyle(currentElement);
+
+    // Check if current element is hidden
+    if (style.visibility === 'hidden' || style.display === 'none') {
+      return true;
+    }
+
+    // Check if current element is disabled
+    if (currentElement.hasAttribute('disabled') || currentElement.getAttribute('aria-disabled') === 'true' || currentElement.disabled === true) {
+      return true;
+    }
+
+    // Move to parent element
+    currentElement = currentElement.parentElement;
+  }
+  return false;
+}
 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;
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.16.2",
+	"version": "110.16.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -267,6 +267,9 @@
 		"platform_editor_a11y_insert_link_item_focus": {
 			"type": "boolean"
 		},
+		"platform_editor_toolbar_aifc_patch_7": {
+			"type": "boolean"
+		},
 		"platform_editor_block_menu_format_rank_revised": {
 			"type": "boolean"
 		},