@atlaskit/editor-common 110.16.2 → 110.17.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-common
 
+## 110.17.0
+
+### Minor Changes
+
+- [`991e0a08a6318`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/991e0a08a6318) -
+  EDITOR-2436 Source Block copy should convert to Reference sync block on paste
+
+## 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.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/transforms/sync-block.js

@@ -13,11 +13,25 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var transformToNewReferenceSyncBlock = exports.transformToNewReferenceSyncBlock = function transformToNewReferenceSyncBlock(slice, schema) {
   slice = (0, _slice.mapSlice)(slice, function (node) {
+    // sync blocks need a unique localId to function correctly
     if (node.type === schema.nodes.syncBlock) {
       var newAttrs = _objectSpread(_objectSpread({}, node.attrs), {}, {
         localId: _adfSchema.uuid.generate()
       });
       return schema.nodes.syncBlock.create(newAttrs, null, (0, _toConsumableArray2.default)(node.marks));
+    } else if (node.type === schema.nodes.bodiedSyncBlock) {
+      // bodied sync blocks need a unique localId and convert to a reference sync block
+      // when converting we want to be specific about attributes and marks we carry over
+      var _newAttrs = {
+        resourceId: node.attrs.resourceId,
+        localId: _adfSchema.uuid.generate()
+      };
+      var newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(function (mark) {
+        var _schema$nodes$syncBlo;
+        return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
+      }) : node.marks; // schema.nodes.syncBlock.markSet is null meaning all marks are allowed
+
+      return schema.nodes.syncBlock.create(_newAttrs, null, newMarks);
     }
     return node;
   });

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.3";
 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.3";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/transforms/sync-block.js

@@ -2,12 +2,26 @@ import { uuid } from '@atlaskit/adf-schema';
 import { mapSlice } from '../utils/slice';
 export const transformToNewReferenceSyncBlock = (slice, schema) => {
   slice = mapSlice(slice, node => {
+    // sync blocks need a unique localId to function correctly
     if (node.type === schema.nodes.syncBlock) {
       const newAttrs = {
         ...node.attrs,
         localId: uuid.generate()
       };
       return schema.nodes.syncBlock.create(newAttrs, null, [...node.marks]);
+    } else if (node.type === schema.nodes.bodiedSyncBlock) {
+      // bodied sync blocks need a unique localId and convert to a reference sync block
+      // when converting we want to be specific about attributes and marks we carry over
+      const newAttrs = {
+        resourceId: node.attrs.resourceId,
+        localId: uuid.generate()
+      };
+      const newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(mark => {
+        var _schema$nodes$syncBlo;
+        return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
+      }) : node.marks; // schema.nodes.syncBlock.markSet is null meaning all marks are allowed
+
+      return schema.nodes.syncBlock.create(newAttrs, null, newMarks);
     }
     return node;
   });

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.3";
 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.3";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/transforms/sync-block.js

@@ -6,11 +6,25 @@ import { uuid } from '@atlaskit/adf-schema';
 import { mapSlice } from '../utils/slice';
 export var transformToNewReferenceSyncBlock = function transformToNewReferenceSyncBlock(slice, schema) {
   slice = mapSlice(slice, function (node) {
+    // sync blocks need a unique localId to function correctly
     if (node.type === schema.nodes.syncBlock) {
       var newAttrs = _objectSpread(_objectSpread({}, node.attrs), {}, {
         localId: uuid.generate()
       });
       return schema.nodes.syncBlock.create(newAttrs, null, _toConsumableArray(node.marks));
+    } else if (node.type === schema.nodes.bodiedSyncBlock) {
+      // bodied sync blocks need a unique localId and convert to a reference sync block
+      // when converting we want to be specific about attributes and marks we carry over
+      var _newAttrs = {
+        resourceId: node.attrs.resourceId,
+        localId: uuid.generate()
+      };
+      var newMarks = schema.nodes.syncBlock.markSet ? node.marks.filter(function (mark) {
+        var _schema$nodes$syncBlo;
+        return (_schema$nodes$syncBlo = schema.nodes.syncBlock.markSet) === null || _schema$nodes$syncBlo === void 0 ? void 0 : _schema$nodes$syncBlo.includes(mark.type);
+      }) : node.marks; // schema.nodes.syncBlock.markSet is null meaning all marks are allowed
+
+      return schema.nodes.syncBlock.create(_newAttrs, null, newMarks);
     }
     return node;
   });

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.3";
 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.17.0",
 	"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"
 		},