@atlaskit/react-ufo 3.13.25 → 3.13.27

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.13.27
+
+### Patch Changes
+
+- [#175316](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175316)
+  [`a2a93696df1b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a2a93696df1b8) -
+  Add extra non-visual attributes to UFO ignore list
+- [#173438](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/173438)
+  [`03117ec2ea74c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/03117ec2ea74c) -
+  Update README
+
+## 3.13.26
+
+### Patch Changes
+
+- [#175577](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175577)
+  [`ab132e5fd6642`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ab132e5fd6642) -
+  ensure post-interaction-log events are only for page_load and transition events
+- [#175545](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175545)
+  [`b16b0a70a3516`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b16b0a70a3516) -
+  bugfix: correctly layout shift entry sources being undefined in TTVC v3 logic
+
 ## 3.13.25
 
 ### Patch Changes

package/README.md

@@ -10,7 +10,7 @@ Parts of React UFO that need to be scoped within @atlaskit
 
 In one terminal:
 
-```
+```shell
 cd platform && nvm use && yarn
 yarn start:rspack react-ufo
 ```
@@ -19,7 +19,7 @@ This will start the dev server, accessible via http://localhost:9000.
 
 Then in a separate terminal:
 
-```
+```shell
 cd platform && nvm use
 yarn test:integration packages/react-ufo/atlaskit/__tests__/ --retries 0 --reporter list --reuse-dev-server --project=desktop-chromium --max-failures=0
 ```
@@ -35,6 +35,6 @@ increase the following:
 
 Example:
 
-```
+```shell
 yarn test:integration packages/react-ufo/atlaskit/__tests__/playwright/base.spec.ts --retries 0 --reporter list --reuse-dev-server --project=desktop-chromium --max-failures=0 --repeat-each 50 --workers 50
 ```

package/dist/cjs/config/index.js

@@ -177,6 +177,9 @@ function getPostInteractionRate(name, interactionType) {
     if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
       return 0;
     }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
     if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
       return postInteractionLog.rates[name];
     }

package/dist/cjs/create-post-interaction-log-payload/index.js

@@ -124,6 +124,9 @@ function createPostInteractionLogPayload(_ref2) {
   if (!config) {
     throw Error('UFO Configuration not provided');
   }
+  if (!lastInteractionFinish) {
+    return null;
+  }
   var ufoName = (0, _utils.sanitizeUfoName)(lastInteractionFinish.ufoName);
   var rate = (0, _config.getPostInteractionRate)(ufoName, lastInteractionFinish.type);
   if (!(0, _coinflip.default)(rate)) {

package/dist/cjs/experience-trace-id-context/index.js

@@ -45,6 +45,6 @@ function getActiveTraceHttpRequestHeaders(_url) {
   return (0, _makeTraceHttpRequestHeaders.makeTraceHttpRequestHeaders)(traceId, spanId);
 }
 function getActiveTraceAsQueryParams(_url) {
-  var traceHeaders = getActiveTraceHttpRequestHeaders(_url);
+  var traceHeaders = getActiveTraceHttpRequestHeaders();
   return traceHeaders ? new URLSearchParams(traceHeaders).toString().toLowerCase() : null;
 }

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

@@ -25,7 +25,7 @@ var CONSIDERED_ENTRY_TYPE = ['mutation:child-element', 'mutation:element', 'muta
 var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = exports.KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'draggable'];
 
 // 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-live'];
+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'];
 var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCCalculator) {
   function VCCalculator_FY25_03() {
     (0, _classCallCheck2.default)(this, VCCalculator_FY25_03);
@@ -47,7 +47,7 @@ var VCCalculator_FY25_03 = exports.default = /*#__PURE__*/function (_AbstractVCC
         if (attributeName === 'data-aui-version' && (0, _platformFeatureFlags.fg)('platform_ufo_filter_out_aui_attribute_changes')) {
           return false;
         }
-        if (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-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+        if (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') && (0, _platformFeatureFlags.fg)('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
           return false;
         }
         return true;

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

@@ -31,9 +31,8 @@ function createPerformanceObserver(_ref) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var entry = _step.value;
-        if (entry.entryType === 'layout-shift') {
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (entry.entryType === 'layout-shift' && 'sources' in entry) {
+          // see https://developer.mozilla.org/en-US/docs/Web/API/LayoutShiftAttribution for more info
           var changedRects = entry.sources.reduceRight(function (acc, attr) {
             acc.push({
               rect: convertPhysicalToLogicalResolution(attr.currentRect),

package/dist/es2019/config/index.js

@@ -157,6 +157,9 @@ export function getPostInteractionRate(name, interactionType) {
     if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
       return 0;
     }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
     if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
       return postInteractionLog.rates[name];
     }

package/dist/es2019/create-post-interaction-log-payload/index.js

@@ -111,6 +111,9 @@ function createPostInteractionLogPayload({
   if (!config) {
     throw Error('UFO Configuration not provided');
   }
+  if (!lastInteractionFinish) {
+    return null;
+  }
   const ufoName = sanitizeUfoName(lastInteractionFinish.ufoName);
   const rate = getPostInteractionRate(ufoName, lastInteractionFinish.type);
   if (!coinflip(rate)) {

package/dist/es2019/experience-trace-id-context/index.js

@@ -32,6 +32,6 @@ export function getActiveTraceHttpRequestHeaders(_url) {
   return makeTraceHttpRequestHeaders(traceId, spanId);
 }
 export function getActiveTraceAsQueryParams(_url) {
-  const traceHeaders = getActiveTraceHttpRequestHeaders(_url);
+  const traceHeaders = getActiveTraceHttpRequestHeaders();
   return traceHeaders ? new URLSearchParams(traceHeaders).toString().toLowerCase() : null;
 }

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

@@ -11,7 +11,7 @@ const CONSIDERED_ENTRY_TYPE = ['mutation:child-element', 'mutation:element', 'mu
 export const KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'draggable'];
 
 // 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-live'];
+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'];
 export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
   constructor() {
     super(REVISION_NO);
@@ -29,7 +29,7 @@ export default class VCCalculator_FY25_03 extends AbstractVCCalculatorBase {
       if (attributeName === 'data-aui-version' && fg('platform_ufo_filter_out_aui_attribute_changes')) {
         return false;
       }
-      if (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-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+      if (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') && fg('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
         return false;
       }
       return true;

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

@@ -18,9 +18,8 @@ function createPerformanceObserver({
   }
   const performanceObserverCallback = entries => {
     for (const entry of entries.getEntries()) {
-      if (entry.entryType === 'layout-shift') {
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      if (entry.entryType === 'layout-shift' && 'sources' in entry) {
+        // see https://developer.mozilla.org/en-US/docs/Web/API/LayoutShiftAttribution for more info
         const changedRects = entry.sources.reduceRight((acc, attr) => {
           acc.push({
             rect: convertPhysicalToLogicalResolution(attr.currentRect),

package/dist/esm/config/index.js

@@ -153,6 +153,9 @@ export function getPostInteractionRate(name, interactionType) {
     if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
       return 0;
     }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
     if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
       return postInteractionLog.rates[name];
     }

package/dist/esm/create-post-interaction-log-payload/index.js

@@ -117,6 +117,9 @@ function createPostInteractionLogPayload(_ref2) {
   if (!config) {
     throw Error('UFO Configuration not provided');
   }
+  if (!lastInteractionFinish) {
+    return null;
+  }
   var ufoName = sanitizeUfoName(lastInteractionFinish.ufoName);
   var rate = getPostInteractionRate(ufoName, lastInteractionFinish.type);
   if (!coinflip(rate)) {

package/dist/esm/experience-trace-id-context/index.js

@@ -33,6 +33,6 @@ export function getActiveTraceHttpRequestHeaders(_url) {
   return makeTraceHttpRequestHeaders(traceId, spanId);
 }
 export function getActiveTraceAsQueryParams(_url) {
-  var traceHeaders = getActiveTraceHttpRequestHeaders(_url);
+  var traceHeaders = getActiveTraceHttpRequestHeaders();
   return traceHeaders ? new URLSearchParams(traceHeaders).toString().toLowerCase() : null;
 }

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

@@ -18,7 +18,7 @@ var CONSIDERED_ENTRY_TYPE = ['mutation:child-element', 'mutation:element', 'muta
 export var KNOWN_ATTRIBUTES_THAT_DOES_NOT_CAUSE_LAYOUT_SHIFTS = ['data-drop-target-for-element', 'draggable'];
 
 // 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-live'];
+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'];
 var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
   function VCCalculator_FY25_03() {
     _classCallCheck(this, VCCalculator_FY25_03);
@@ -40,7 +40,7 @@ var VCCalculator_FY25_03 = /*#__PURE__*/function (_AbstractVCCalculator) {
         if (attributeName === 'data-aui-version' && fg('platform_ufo_filter_out_aui_attribute_changes')) {
           return false;
         }
-        if (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-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
+        if (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') && fg('platform_ufo_ignore_extra_attributes') || attributeName === 'data-auto-scrollable' || attributeName === 'id' || attributeName === 'tabindex' || NON_VISUAL_ARIA_ATTRIBUTES.includes(attributeName)) {
           return false;
         }
         return true;

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

@@ -24,9 +24,8 @@ function createPerformanceObserver(_ref) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var entry = _step.value;
-        if (entry.entryType === 'layout-shift') {
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (entry.entryType === 'layout-shift' && 'sources' in entry) {
+          // see https://developer.mozilla.org/en-US/docs/Web/API/LayoutShiftAttribution for more info
           var changedRects = entry.sources.reduceRight(function (acc, attr) {
             acc.push({
               rect: convertPhysicalToLogicalResolution(attr.currentRect),

package/dist/types/experience-trace-id-context/index.d.ts

@@ -4,8 +4,8 @@ export declare function setInteractionActiveTrace(interactionId: string, experie
 export declare function setActiveTrace(traceId: string, spanId: string, type: string): void;
 export declare function getActiveTrace(): import("./types").TraceIdContext | undefined;
 export declare function clearActiveTrace(): void;
-export declare function getActiveTraceHttpRequestHeaders(_url: string): {
+export declare function getActiveTraceHttpRequestHeaders(_url?: string): {
     'X-B3-TraceId': string;
     'X-B3-SpanId': string;
 } | null;
-export declare function getActiveTraceAsQueryParams(_url: string): string | null;
+export declare function getActiveTraceAsQueryParams(_url?: string): string | null;

package/dist/types-ts4.5/experience-trace-id-context/index.d.ts

@@ -4,8 +4,8 @@ export declare function setInteractionActiveTrace(interactionId: string, experie
 export declare function setActiveTrace(traceId: string, spanId: string, type: string): void;
 export declare function getActiveTrace(): import("./types").TraceIdContext | undefined;
 export declare function clearActiveTrace(): void;
-export declare function getActiveTraceHttpRequestHeaders(_url: string): {
+export declare function getActiveTraceHttpRequestHeaders(_url?: string): {
     'X-B3-TraceId': string;
     'X-B3-SpanId': string;
 } | null;
-export declare function getActiveTraceAsQueryParams(_url: string): string | null;
+export declare function getActiveTraceAsQueryParams(_url?: string): string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.13.25",
+	"version": "3.13.27",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -183,6 +183,9 @@
 		},
 		"platform_ufo_post_interaction_most_recent_vc_rev": {
 			"type": "boolean"
+		},
+		"platform_ufo_ignore_extra_attributes": {
+			"type": "boolean"
 		}
 	}
 }