@atlaskit/react-ufo 4.10.2 → 4.11.1

package/dist/esm/interaction-metrics/index.js

@@ -339,6 +339,10 @@ function removeHoldCriterion(id) {
 export function addHold(interactionId, labelStack, name, experimental) {
   var interaction = interactions.get(interactionId);
   var id = createUUID();
+  if (!interaction && fg('platform_ufo_enable_late_holds_post_interaction')) {
+    // add hold timestamp to post interaction log if interaction is complete
+    postInteractionLog.addHoldInfo(labelStack, name, performance.now());
+  }
   if (interaction != null) {
     var start = performance.now();
     var holdActive = {
@@ -542,7 +546,7 @@ export var ModuleLoadingProfiler = {
     removeHoldByID(currentInteractionId, id);
   }
 };
-export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash) {
+export function addError(interactionId, name, labelStack, errorType, errorMessage, errorStack, forcedError, errorHash, errorStatusCode) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
     interaction.errors.push({
@@ -552,11 +556,12 @@ export function addError(interactionId, name, labelStack, errorType, errorMessag
       errorMessage: errorMessage,
       errorStack: errorStack,
       forcedError: forcedError,
-      errorHash: errorHash
+      errorHash: errorHash,
+      errorStatusCode: errorStatusCode
     });
   }
 }
-export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash) {
+export function addErrorToAll(name, labelStack, errorType, errorMessage, errorStack, errorHash, errorStatusCode) {
   interactions.forEach(function (interaction) {
     interaction.errors.push({
       name: name,
@@ -564,7 +569,8 @@ export function addErrorToAll(name, labelStack, errorType, errorMessage, errorSt
       errorType: errorType,
       errorMessage: errorMessage,
       errorStack: errorStack,
-      errorHash: errorHash
+      errorHash: errorHash,
+      errorStatusCode: errorStatusCode
     });
   });
 }

package/dist/esm/interaction-metrics/post-interaction-log.js

@@ -25,6 +25,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
      * Store the scheduled sink timeout Id so that it can be cancelled when needed
      */
     _defineProperty(this, "sinkTimeoutId", null);
+    _defineProperty(this, "holdInfo", []);
     /**
      * independent VC observer, that observes until `custom.post-interaction-logs` event is sent
      */
@@ -91,6 +92,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
     value: function reset() {
       this.lastInteractionFinish = null;
       this.reactProfilerTimings = [];
+      this.holdInfo = [];
       if (this.sinkTimeoutId != null) {
         clearTimeout(this.sinkTimeoutId);
         this.sinkTimeoutId = null;
@@ -155,7 +157,8 @@ var PostInteractionLog = /*#__PURE__*/function () {
                 lastInteractionFinish: this.lastInteractionFinish,
                 reactProfilerTimings: this.reactProfilerTimings,
                 postInteractionFinishVCResult: postInteractionFinishVCResult,
-                lastInteractionFinishVCResult: this.lastInteractionFinishVCResult
+                lastInteractionFinishVCResult: this.lastInteractionFinishVCResult,
+                postInteractionHoldInfo: this.holdInfo
               });
               this.reset();
             case 13:
@@ -236,6 +239,15 @@ var PostInteractionLog = /*#__PURE__*/function () {
         });
       }
     }
+  }, {
+    key: "addHoldInfo",
+    value: function addHoldInfo(labelStack, name, start) {
+      this.holdInfo.push({
+        name: name,
+        labelStack: labelStack,
+        start: start
+      });
+    }
   }]);
 }();
 export { PostInteractionLog as default };

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

@@ -14,6 +14,11 @@ var REVISION_NO = 'fy25.03';
 var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   var entryTypes = ['mutation:child-element', 'mutation:element', 'mutation:attribute', 'layout-shift', 'window:event'];
 
+  // in rolling this out, still include it in TTVC v3
+  if (fg('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
+    entryTypes.push('layout-shift:same-rect');
+  }
+
   // If not exclude 3p elements from ttvc,
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
   if (!fg('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {

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

@@ -14,6 +14,9 @@ var REVISION_NO = 'next';
 var getConsideredEntryTypes = function getConsideredEntryTypes() {
   return ['mutation:display-contents-children-element'];
 };
+var getExcludedEntryTypes = function getExcludedEntryTypes() {
+  return ['layout-shift:same-rect'];
+};
 
 // NOTE: `VCNext` to be renamed `FY26_04` once stable
 var VCNextCalculator = /*#__PURE__*/function (_VCCalculator_FY25_) {
@@ -26,7 +29,7 @@ var VCNextCalculator = /*#__PURE__*/function (_VCCalculator_FY25_) {
     key: "isEntryIncluded",
     value: function isEntryIncluded(entry, include3p) {
       var isEntryIncludedInV3 = _superPropGet(VCNextCalculator, "isEntryIncluded", this, 3)([entry, include3p]);
-      if (isEntryIncludedInV3) {
+      if (isEntryIncludedInV3 && !getExcludedEntryTypes().includes(entry.data.type)) {
         return true;
       }
       return getConsideredEntryTypes().includes(entry.data.type);

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

@@ -17,37 +17,11 @@ import createPerformanceObserver from './performance-observer';
 import checkCssProperty from './utils/check-display-content';
 import checkWithinComponent, { cleanupCaches } from './utils/check-within-component';
 import { getMutatedElements } from './utils/get-mutated-elements';
+import { isElementVisible } from './utils/is-element-visible';
 import isInVCIgnoreIfNoLayoutShiftMarker from './utils/is-in-vc-ignore-if-no-layout-shift-marker';
+import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
+import { isSameRectSize } from './utils/is-same-rect-size';
 import trackDisplayContentsOccurrence from './utils/track-display-content-occurrence';
-function isElementVisible(element) {
-  if (!(element instanceof HTMLElement)) {
-    return true;
-  }
-  try {
-    var visible = element.checkVisibility({
-      // @ts-ignore - visibilityProperty may not exist in all TS environments
-      visibilityProperty: true,
-      contentVisibilityAuto: true,
-      opacityProperty: true
-    });
-    return visible;
-  } catch (e) {
-    // there is no support for checkVisibility
-    return true;
-  }
-}
-function sameRectSize(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.width === b.width && a.height === b.height;
-}
-function sameRectDimensions(a, b) {
-  if (!a || !b) {
-    return false;
-  }
-  return a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
-}
 var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects) {
   return function (_ref) {
     var target = _ref.target,
@@ -61,7 +35,7 @@ var createElementMutationsWatcher = function createElementMutationsWatcher(remov
       return 'mutation:rll-placeholder';
     }
     var wasDeleted = removedNodeRects.some(function (nr) {
-      return sameRectDimensions(nr, rect);
+      return isSameRectDimensions(nr, rect);
     });
     if (wasDeleted && isInIgnoreLsMarker) {
       return 'mutation:element-replacement';
@@ -372,7 +346,7 @@ var ViewportObserver = /*#__PURE__*/function () {
           };
         }
         var lastElementRect = _this.mapVisibleNodeRects.get(target);
-        if (lastElementRect && sameRectSize(rect, lastElementRect)) {
+        if (lastElementRect && isSameRectSize(rect, lastElementRect)) {
           return {
             type: 'mutation:attribute:no-layout-shift',
             mutationData: {
@@ -402,14 +376,26 @@ var ViewportObserver = /*#__PURE__*/function () {
           var changedRect = _step4.value;
           var target = changedRect.node;
           if (target) {
-            _this.onChange({
-              time: time,
-              elementRef: new WeakRef(target),
-              visible: true,
-              rect: changedRect.rect,
-              previousRect: changedRect.previousRect,
-              type: 'layout-shift'
-            });
+            if (fg('platform_ufo_vc_next_filter_ls_entries_same_rect')) {
+              var isSameCurrentAndPreviousRects = isSameRectDimensions(changedRect.rect, changedRect.previousRect);
+              _this.onChange({
+                time: time,
+                elementRef: new WeakRef(target),
+                visible: true,
+                rect: changedRect.rect,
+                previousRect: changedRect.previousRect,
+                type: isSameCurrentAndPreviousRects ? 'layout-shift:same-rect' : 'layout-shift'
+              });
+            } else {
+              _this.onChange({
+                time: time,
+                elementRef: new WeakRef(target),
+                visible: true,
+                rect: changedRect.rect,
+                previousRect: changedRect.previousRect,
+                type: 'layout-shift'
+              });
+            }
           }
         }
       } catch (err) {

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-element-visible.js

@@ -0,0 +1,17 @@
+export function isElementVisible(element) {
+  if (!(element instanceof HTMLElement)) {
+    return true;
+  }
+  try {
+    var visible = element.checkVisibility({
+      // @ts-ignore - visibilityProperty may not exist in all TS environments
+      visibilityProperty: true,
+      contentVisibilityAuto: true,
+      opacityProperty: true
+    });
+    return visible;
+  } catch (e) {
+    // there is no support for checkVisibility
+    return true;
+  }
+}

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-same-rect-dimensions.js

@@ -0,0 +1,7 @@
+var DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX = 1;
+export function isSameRectDimensions(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+  return Math.abs(a.width - b.width) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.height - b.height) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.x - b.x) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.y - b.y) <= DIMENSIONS_CHECK_TOLERANCE_MARGIN_IN_PX;
+}

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-same-rect-size.js

@@ -0,0 +1,7 @@
+var SIZE_CHECK_TOLERANCE_MARGIN_IN_PX = 1;
+export function isSameRectSize(a, b) {
+  if (!a || !b) {
+    return false;
+  }
+  return Math.abs(a.width - b.width) <= SIZE_CHECK_TOLERANCE_MARGIN_IN_PX && Math.abs(a.height - b.height) <= SIZE_CHECK_TOLERANCE_MARGIN_IN_PX;
+}

package/dist/types/common/common/types.d.ts

@@ -38,6 +38,7 @@ export interface InteractionError {
     errorStack?: string;
     forcedError?: boolean;
     errorHash?: string;
+    errorStatusCode?: number;
 }
 interface FlushInfo {
     label?: string;
@@ -223,5 +224,6 @@ export type PostInteractionLogOutput = {
     reactProfilerTimings?: ReactProfilerTiming[];
     postInteractionFinishVCResult?: VCResult;
     lastInteractionFinishVCResult?: VCResult;
+    postInteractionHoldInfo?: HoldActive[];
 };
 export {};

package/dist/types/common/react-ufo-payload-schema.d.ts

@@ -240,6 +240,7 @@ export type PostInteractionLogPayload = {
                 vcClean: boolean;
                 lateMutations: LateMutation[];
                 reactProfilerTimings: ReactProfilerTiming[];
+                postInteractionHoldInfo?: HoldActive[];
             };
         };
     };

package/dist/types/create-interaction-extra-metrics-payload/index.d.ts

@@ -32,6 +32,7 @@ declare function createInteractionExtraLogPayload(interactionId: string, interac
                     errorStack?: string;
                     forcedError?: boolean;
                     errorHash?: string;
+                    errorStatusCode?: number;
                 }[];
                 holdActive: import("../common").HoldActive[];
                 holdInfo: any[];