@atlaskit/react-ufo 4.15.12 → 4.15.14

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.15.14
+
+### Patch Changes
+
+- [`8671d72bf688c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8671d72bf688c) -
+  add attribute exclusion list for mutation:display-contents-children-attribute
+
+## 4.15.13
+
+### Patch Changes
+
+- [`b7caf41846c8c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b7caf41846c8c) -
+  Prevent keypresses from aborting press interactions in react ufo
+
 ## 4.15.12
 
 ### Patch Changes

package/dist/cjs/vc/vc-observer/index.js

@@ -13,6 +13,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _config = require("../../config");
 var _interactionMetrics = require("../../interaction-metrics");
 var _attachAbortListeners = require("./attachAbortListeners");
@@ -393,6 +394,14 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
           _this.setAbortReason(abortReason.scroll, time);
           break;
         case 'keydown':
+          // Don't abort press interactions on keydown events, as keydown is expected
+          // when users press Enter/Space to activate buttons or other interactive elements
+          if ((0, _platformFeatureFlags.fg)('platform_ufo_keypress_interaction_abort')) {
+            var interaction = (0, _interactionMetrics.getActiveInteraction)();
+            if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+              break;
+            }
+          }
           _this.setAbortReason(abortReason.keypress, time);
           break;
         case 'resize':

package/dist/cjs/vc/vc-observer-new/index.js

@@ -13,6 +13,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _interactionMetrics = require("../../interaction-metrics");
 var _ssrPlaceholders = require("../vc-observer/observers/ssr-placeholders");
 var _entriesTimeline = _interopRequireDefault(require("./entries-timeline"));
 var _getElementName2 = _interopRequireDefault(require("./get-element-name"));
@@ -113,6 +114,14 @@ var VCObserverNew = exports.default = /*#__PURE__*/function () {
       onEvent: function onEvent(_ref) {
         var time = _ref.time,
           type = _ref.type;
+        // Don't abort press interactions on keydown events, as keydown is expected
+        // when users press Enter/Space to activate buttons or other interactive elements
+        if (type === 'keydown' && (0, _platformFeatureFlags.fg)('platform_ufo_keypress_interaction_abort')) {
+          var interaction = (0, _interactionMetrics.getActiveInteraction)();
+          if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+            return;
+          }
+        }
         _this.entriesTimeline.push({
           time: time,
           data: {

package/dist/cjs/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = void 0;
+exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -14,6 +14,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expVal = require("../../../expVal");
 var _isDndStyleMutation = require("../../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation");
 var _abstractBaseVcCalculator = _interopRequireDefault(require("../abstract-base-vc-calculator"));
+var _constants = require("../utils/constants");
 var _isEntrySmartAnswersInSearch = require("../utils/is-entry-smart-answers-in-search");
 var _isViewportEntryData = _interopRequireDefault(require("../utils/is-viewport-entry-data"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -39,19 +40,6 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   }
   return entryTypes;
 };
-
-// TODO: AFO-3523
-// Those are the attributes we have found when testing the 'fy25.03' manually.
-// We still need to replace this hardcoded list with a proper automation
-var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'data-drop-target-for-external', 'draggable', 'data-is-observed'];
-
-// Common aria attributes that don't cause visual layout shifts
-var NON_VISUAL_ARIA_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
-
-// Common third party browser extension attributes
-var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
-// grammarly extensions
-'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
 var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCCalculator) {
   function VCCalculator_FY25_03(revisionNo) {
     (0, _classCallCheck2.default)(this, VCCalculator_FY25_03);
@@ -88,10 +76,10 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
       if (entry.data.type === 'mutation:attribute') {
         var _entryData = entry.data;
         var _attributeName = _entryData.attributeName;
-        if (!_attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(_attributeName)) {
+        if (!_attributeName || _constants.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(_attributeName)) {
           return false;
         }
-        if (_attributeName.startsWith('data-test') || _attributeName === 'data-aui-version' || _attributeName === 'data-testid' || _attributeName === 'data-vc' || _attributeName === 'data-ssr-placeholder' || _attributeName === 'data-ssr-placeholder-replace' || _attributeName === 'data-vc-nvs' || _attributeName === 'data-media-vc-wrapper' || _attributeName === 'data-renderer-start-pos' || _attributeName === 'data-table-local-id' || _attributeName === 'spellcheck' || _attributeName === 'data-auto-scrollable' || _attributeName === 'id' || _attributeName === 'tabindex' || _attributeName === 'data-is-ttvc-ready' || _attributeName === 'contenteditable' || _attributeName === 'data-has-collab-initialised' || _attributeName === 'translate' || NON_VISUAL_ARIA_ATTRIBUTES.includes(_attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && (0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_extensions_from_ttvc')) {
+        if (_attributeName.startsWith('data-test') || _constants.NON_VISUAL_ARIA_ATTRIBUTES.includes(_attributeName) || _constants.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && (0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_extensions_from_ttvc')) {
           return false;
         }
         return true;

package/dist/cjs/vc/vc-observer-new/metric-calculator/utils/constants.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = void 0;
+// TODO: AFO-3523
+// Those are the attributes we have found when testing the 'fy25.03' manually.
+// We still need to replace this hardcoded list with a proper automation
+var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'data-drop-target-for-external', 'draggable', 'data-is-observed', 'data-aui-version', 'data-testid', 'data-vc', 'data-ssr-placeholder', 'data-ssr-placeholder-replace', 'data-vc-nvs', 'data-media-vc-wrapper', 'data-renderer-start-pos', 'data-table-local-id', 'spellcheck', 'data-auto-scrollable', 'id', 'tabindex', 'data-is-ttvc-ready', 'contenteditable', 'data-has-collab-initialised', 'translate'];
+
+// Common aria attributes that don't cause visual layout shifts
+var NON_VISUAL_ARIA_ATTRIBUTES = exports.NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
+
+// Common third party browser extension attributes
+var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = exports.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
+// grammarly extensions
+'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];

package/dist/cjs/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -13,6 +13,7 @@ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _fy25_ = _interopRequireDefault(require("../fy25_03"));
+var _constants = require("../utils/constants");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
@@ -50,6 +51,14 @@ var VCNextCalculator = exports.default = /*#__PURE__*/function (_VCCalculator_FY
       if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
         return true;
       }
+      if (entry.data.type === 'mutation:display-contents-children-attribute' && (0, _platformFeatureFlags.fg)('platform_ufo_fix_ttvc_v4_attribute_exclusions')) {
+        var entryData = entry.data;
+        var attributeName = entryData.attributeName;
+        if (!attributeName || attributeName.startsWith('data-test') || _constants.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || _constants.NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || _constants.THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName)) {
+          return false;
+        }
+        return true;
+      }
       return getConsideredEntryTypes().includes(entry.data.type);
     }
   }]);

package/dist/es2019/vc/vc-observer/index.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -432,6 +433,14 @@ export class VCObserver {
           this.setAbortReason(abortReason.scroll, time);
           break;
         case 'keydown':
+          // Don't abort press interactions on keydown events, as keydown is expected
+          // when users press Enter/Space to activate buttons or other interactive elements
+          if (fg('platform_ufo_keypress_interaction_abort')) {
+            const interaction = getActiveInteraction();
+            if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+              break;
+            }
+          }
           this.setAbortReason(abortReason.keypress, time);
           break;
         case 'resize':

package/dist/es2019/vc/vc-observer-new/index.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { fg } from '@atlaskit/platform-feature-flags';
+import { getActiveInteraction } from '../../interaction-metrics';
 import { SSRPlaceholderHandlers } from '../vc-observer/observers/ssr-placeholders';
 import EntriesTimeline from './entries-timeline';
 import getElementName from './get-element-name';
@@ -96,6 +97,14 @@ export default class VCObserverNew {
         time,
         type
       }) => {
+        // Don't abort press interactions on keydown events, as keydown is expected
+        // when users press Enter/Space to activate buttons or other interactive elements
+        if (type === 'keydown' && fg('platform_ufo_keypress_interaction_abort')) {
+          const interaction = getActiveInteraction();
+          if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+            return;
+          }
+        }
         this.entriesTimeline.push({
           time,
           data: {

package/dist/es2019/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -2,6 +2,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expVal } from '../../../expVal';
 import { containsDnDMutationInStyle } from '../../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation';
 import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
+import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
 import { isEntrySmartAnswersInSearch } from '../utils/is-entry-smart-answers-in-search';
 import isViewportEntryData from '../utils/is-viewport-entry-data';
 const ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
@@ -25,19 +26,6 @@ const getConsideredEntryTypes = include3p => {
   }
   return entryTypes;
 };
-
-// TODO: AFO-3523
-// Those are the attributes we have found when testing the 'fy25.03' manually.
-// We still need to replace this hardcoded list with a proper automation
-export const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'data-drop-target-for-external', 'draggable', 'data-is-observed'];
-
-// Common aria attributes that don't cause visual layout shifts
-export const NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
-
-// Common third party browser extension attributes
-export const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
-// grammarly extensions
-'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
   constructor(revisionNo) {
     super(revisionNo !== null && revisionNo !== void 0 ? revisionNo : REVISION_NO);
@@ -73,7 +61,7 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
       if (!attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName)) {
         return false;
       }
-      if (attributeName.startsWith('data-test') || attributeName === 'data-aui-version' || attributeName === 'data-testid' || attributeName === 'data-vc' || attributeName === 'data-ssr-placeholder' || attributeName === 'data-ssr-placeholder-replace' || attributeName === 'data-vc-nvs' || attributeName === 'data-media-vc-wrapper' || attributeName === 'data-renderer-start-pos' || attributeName === 'data-table-local-id' || attributeName === 'spellcheck' || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || attributeName === 'data-is-ttvc-ready' || attributeName === 'contenteditable' || attributeName === 'data-has-collab-initialised' || attributeName === 'translate' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc')) {
+      if (attributeName.startsWith('data-test') || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc')) {
         return false;
       }
       return true;

package/dist/es2019/vc/vc-observer-new/metric-calculator/utils/constants.js

@@ -0,0 +1,12 @@
+// TODO: AFO-3523
+// Those are the attributes we have found when testing the 'fy25.03' manually.
+// We still need to replace this hardcoded list with a proper automation
+export const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'data-drop-target-for-external', 'draggable', 'data-is-observed', 'data-aui-version', 'data-testid', 'data-vc', 'data-ssr-placeholder', 'data-ssr-placeholder-replace', 'data-vc-nvs', 'data-media-vc-wrapper', 'data-renderer-start-pos', 'data-table-local-id', 'spellcheck', 'data-auto-scrollable', 'id', 'tabindex', 'data-is-ttvc-ready', 'contenteditable', 'data-has-collab-initialised', 'translate'];
+
+// Common aria attributes that don't cause visual layout shifts
+export const NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
+
+// Common third party browser extension attributes
+export const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
+// grammarly extensions
+'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];

package/dist/es2019/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -1,5 +1,6 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import VCCalculator_FY25_03 from '../fy25_03';
+import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
 
 // NOTE: `next` to be renamed `fy26.04` once stable
 const REVISION_NO = 'next';
@@ -31,6 +32,14 @@ export default class VCNextCalculator extends VCCalculator_FY25_03 {
     if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
       return true;
     }
+    if (entry.data.type === 'mutation:display-contents-children-attribute' && fg('platform_ufo_fix_ttvc_v4_attribute_exclusions')) {
+      const entryData = entry.data;
+      const attributeName = entryData.attributeName;
+      if (!attributeName || attributeName.startsWith('data-test') || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName)) {
+        return false;
+      }
+      return true;
+    }
     return getConsideredEntryTypes().includes(entry.data.type);
   }
 }

package/dist/esm/vc/vc-observer/index.js

@@ -9,6 +9,7 @@ var _excluded = ["__debug__element"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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) { _defineProperty(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; }
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isVCRevisionEnabled } from '../../config';
 import { getActiveInteraction } from '../../interaction-metrics';
 import { attachAbortListeners } from './attachAbortListeners';
@@ -386,6 +387,14 @@ export var VCObserver = /*#__PURE__*/function () {
           _this.setAbortReason(abortReason.scroll, time);
           break;
         case 'keydown':
+          // Don't abort press interactions on keydown events, as keydown is expected
+          // when users press Enter/Space to activate buttons or other interactive elements
+          if (fg('platform_ufo_keypress_interaction_abort')) {
+            var interaction = getActiveInteraction();
+            if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+              break;
+            }
+          }
           _this.setAbortReason(abortReason.keypress, time);
           break;
         case 'resize':

package/dist/esm/vc/vc-observer-new/index.js

@@ -6,6 +6,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { fg } from '@atlaskit/platform-feature-flags';
+import { getActiveInteraction } from '../../interaction-metrics';
 import { SSRPlaceholderHandlers } from '../vc-observer/observers/ssr-placeholders';
 import EntriesTimeline from './entries-timeline';
 import _getElementName from './get-element-name';
@@ -106,6 +107,14 @@ var VCObserverNew = /*#__PURE__*/function () {
       onEvent: function onEvent(_ref) {
         var time = _ref.time,
           type = _ref.type;
+        // Don't abort press interactions on keydown events, as keydown is expected
+        // when users press Enter/Space to activate buttons or other interactive elements
+        if (type === 'keydown' && fg('platform_ufo_keypress_interaction_abort')) {
+          var interaction = getActiveInteraction();
+          if ((interaction === null || interaction === void 0 ? void 0 : interaction.type) === 'press') {
+            return;
+          }
+        }
         _this.entriesTimeline.push({
           time: time,
           data: {

package/dist/esm/vc/vc-observer-new/metric-calculator/fy25_03/index.js

@@ -9,6 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { expVal } from '../../../expVal';
 import { containsDnDMutationInStyle } from '../../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation';
 import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
+import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
 import { isEntrySmartAnswersInSearch } from '../utils/is-entry-smart-answers-in-search';
 import isViewportEntryData from '../utils/is-viewport-entry-data';
 var ABORTING_WINDOW_EVENT = ['wheel', 'scroll', 'keydown', 'resize'];
@@ -32,19 +33,6 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   }
   return entryTypes;
 };
-
-// TODO: AFO-3523
-// Those are the attributes we have found when testing the 'fy25.03' manually.
-// We still need to replace this hardcoded list with a proper automation
-export var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'data-drop-target-for-external', 'draggable', 'data-is-observed'];
-
-// Common aria attributes that don't cause visual layout shifts
-export var NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
-
-// Common third party browser extension attributes
-export var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
-// grammarly extensions
-'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];
 var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
   function VCCalculator_FY25_03(revisionNo) {
     _classCallCheck(this, VCCalculator_FY25_03);
@@ -84,7 +72,7 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
         if (!_attributeName || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(_attributeName)) {
           return false;
         }
-        if (_attributeName.startsWith('data-test') || _attributeName === 'data-aui-version' || _attributeName === 'data-testid' || _attributeName === 'data-vc' || _attributeName === 'data-ssr-placeholder' || _attributeName === 'data-ssr-placeholder-replace' || _attributeName === 'data-vc-nvs' || _attributeName === 'data-media-vc-wrapper' || _attributeName === 'data-renderer-start-pos' || _attributeName === 'data-table-local-id' || _attributeName === 'spellcheck' || _attributeName === 'data-auto-scrollable' || _attributeName === 'id' || _attributeName === 'tabindex' || _attributeName === 'data-is-ttvc-ready' || _attributeName === 'contenteditable' || _attributeName === 'data-has-collab-initialised' || _attributeName === 'translate' || NON_VISUAL_ARIA_ATTRIBUTES.includes(_attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc')) {
+        if (_attributeName.startsWith('data-test') || NON_VISUAL_ARIA_ATTRIBUTES.includes(_attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(_attributeName) && fg('platform_ufo_exclude_3p_extensions_from_ttvc')) {
           return false;
         }
         return true;

package/dist/esm/vc/vc-observer-new/metric-calculator/utils/constants.js

@@ -0,0 +1,12 @@
+// TODO: AFO-3523
+// Those are the attributes we have found when testing the 'fy25.03' manually.
+// We still need to replace this hardcoded list with a proper automation
+export var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'data-drop-target-for-external', 'draggable', 'data-is-observed', 'data-aui-version', 'data-testid', 'data-vc', 'data-ssr-placeholder', 'data-ssr-placeholder-replace', 'data-vc-nvs', 'data-media-vc-wrapper', 'data-renderer-start-pos', 'data-table-local-id', 'spellcheck', 'data-auto-scrollable', 'id', 'tabindex', 'data-is-ttvc-ready', 'contenteditable', 'data-has-collab-initialised', 'translate'];
+
+// Common aria attributes that don't cause visual layout shifts
+export var NON_VISUAL_ARIA_ATTRIBUTES = ['aria-label', 'aria-labelledby', 'aria-describedby', 'aria-hidden', 'aria-expanded', 'aria-controls', 'aria-selected', 'aria-checked', 'aria-disabled', 'aria-required', 'aria-current', 'aria-haspopup', 'aria-pressed', 'aria-atomic', 'aria-live'];
+
+// Common third party browser extension attributes
+export var THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES = ['bis_skin_checked', 'cz-shortcut-listen', 'monica-version', 'data-gr-ext-installed', 'data-dashlane-rid', 'sapling-installed', 'data-gptw',
+// grammarly extensions
+'data-new-gr-c-s-loaded', 'data-gr-aaa-notch-connection-id', 'data-gr-aaa-loaded'];

package/dist/esm/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -9,6 +9,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 import { fg } from '@atlaskit/platform-feature-flags';
 import VCCalculator_FY25_03 from '../fy25_03';
+import { KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS, NON_VISUAL_ARIA_ATTRIBUTES, THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES } from '../utils/constants';
 
 // NOTE: `next` to be renamed `fy26.04` once stable
 var REVISION_NO = 'next';
@@ -44,6 +45,14 @@ var VCNextCalculator = /*#__PURE__*/function (_VCCalculator_FY25_) {
       if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
         return true;
       }
+      if (entry.data.type === 'mutation:display-contents-children-attribute' && fg('platform_ufo_fix_ttvc_v4_attribute_exclusions')) {
+        var entryData = entry.data;
+        var attributeName = entryData.attributeName;
+        if (!attributeName || attributeName.startsWith('data-test') || KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS.includes(attributeName) || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName) || THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES.includes(attributeName)) {
+          return false;
+        }
+        return true;
+      }
       return getConsideredEntryTypes().includes(entry.data.type);
     }
   }]);

package/dist/types/vc/vc-observer-new/metric-calculator/fy25_03/index.d.ts

@@ -1,8 +1,5 @@
 import type { VCObserverEntry } from '../../types';
 import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
-export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[];
-export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
-export declare const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES: string[];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor(revisionNo?: string);
     protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean, excludeSmartAnswersInSearch?: boolean): boolean;

package/dist/types/vc/vc-observer-new/metric-calculator/utils/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[];
+export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
+export declare const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES: string[];

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/fy25_03/index.d.ts

@@ -1,8 +1,5 @@
 import type { VCObserverEntry } from '../../types';
 import AbstractVCCalculatorBase from '../abstract-base-vc-calculator';
-export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[];
-export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
-export declare const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES: string[];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
     constructor(revisionNo?: string);
     protected isEntryIncluded(entry: VCObserverEntry, include3p?: boolean, excludeSmartAnswersInSearch?: boolean): boolean;

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/utils/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS: string[];
+export declare const NON_VISUAL_ARIA_ATTRIBUTES: string[];
+export declare const THIRD_PARTY_BROWSER_EXTENSION_ATTRIBUTES: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.15.12",
+	"version": "4.15.14",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -137,6 +137,9 @@
 		"platform_ufo_segment_unmount_count": {
 			"type": "boolean"
 		},
+		"platform_ufo_fix_ttvc_v4_attribute_exclusions": {
+			"type": "boolean"
+		},
 		"platform_ufo_enable_ttai_with_3p": {
 			"type": "boolean"
 		},
@@ -196,6 +199,9 @@
 		},
 		"platform_mark_ufo_segment_first_load": {
 			"type": "boolean"
+		},
+		"platform_ufo_keypress_interaction_abort": {
+			"type": "boolean"
 		}
 	}
 }