@atlaskit/react-ufo 2.5.0 → 2.5.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 2.5.2
+
+### Patch Changes
+
+- [#179378](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179378)
+  [`0c54148687bda`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c54148687bda) -
+  move filtering of components log to allow for ufo:vc:next observation
+
+## 2.5.1
+
+### Patch Changes
+
+- [#172505](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/172505)
+  [`e43cba2a879aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e43cba2a879aa) -
+  Remove explicit jest extension with .toBeAccessible matcher
+
 ## 2.5.0
 
 ### Minor Changes

package/dist/cjs/additional-payload/utils/lighthouse-metrics/utils/buffer/index.js

@@ -9,7 +9,6 @@ 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 _const = require("../../const");
-var _EntriesBuffer;
 var BufferWithMaxLength = exports.BufferWithMaxLength = /*#__PURE__*/function () {
   function BufferWithMaxLength() {
     var maxLength = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1000;
@@ -18,7 +17,7 @@ var BufferWithMaxLength = exports.BufferWithMaxLength = /*#__PURE__*/function ()
     (0, _defineProperty2.default)(this, "full", false);
     this.maxLength = maxLength;
   }
-  (0, _createClass2.default)(BufferWithMaxLength, [{
+  return (0, _createClass2.default)(BufferWithMaxLength, [{
     key: "push",
     value: function push(item) {
       if (this.full || this.maxLength === this.buffer.length) {
@@ -33,6 +32,5 @@ var BufferWithMaxLength = exports.BufferWithMaxLength = /*#__PURE__*/function ()
       return this.buffer;
     }
   }]);
-  return BufferWithMaxLength;
 }();
-var EntriesBuffer = exports.EntriesBuffer = (_EntriesBuffer = {}, (0, _defineProperty2.default)(_EntriesBuffer, _const.PerformanceObserverEntryTypes.LongTask, new BufferWithMaxLength()), (0, _defineProperty2.default)(_EntriesBuffer, _const.PerformanceObserverEntryTypes.LayoutShift, new BufferWithMaxLength()), _EntriesBuffer);
+var EntriesBuffer = exports.EntriesBuffer = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _const.PerformanceObserverEntryTypes.LongTask, new BufferWithMaxLength()), _const.PerformanceObserverEntryTypes.LayoutShift, new BufferWithMaxLength());

package/dist/cjs/common/constants.js

@@ -5,4 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.REACT_UFO_VERSION = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+// eslint-disable-next-line @atlaskit/platform/no-module-level-eval
 var REACT_UFO_VERSION = exports.REACT_UFO_VERSION = (0, _platformFeatureFlags.fg)('enable-react-ufo-payload-segment-compressed') ? '2.0.0' : '1.0.1';

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

@@ -482,7 +482,7 @@ var finishInteraction = function finishInteraction(id, data) {
   (0, _experienceTraceIdContext.clearActiveTrace)();
   callCleanUpCallbacks(data);
   if ((_getConfig3 = (0, _config.getConfig)()) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.vc) !== null && _getConfig3 !== void 0 && _getConfig3.stopVCAtInteractionFinish) {
-    data.vc = (0, _vc.getVCObserver)().getVCRawData(data.end);
+    data.vc = (0, _vc.getVCObserver)().getVCRawData();
   }
   remove(id);
   PreviousInteractionLog.name = data.ufoName || 'unknown';

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

@@ -38,7 +38,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
      */
     (0, _defineProperty2.default)(this, "sinkHandlerFn", function () {});
   }
-  (0, _createClass2.default)(PostInteractionLog, [{
+  return (0, _createClass2.default)(PostInteractionLog, [{
     key: "initializeVCObserver",
     value: function initializeVCObserver(options) {
       if (this.vcObserver === null) {
@@ -190,5 +190,4 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
       }
     }
   }]);
-  return PostInteractionLog;
 }();

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

@@ -71,7 +71,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       var info = _this.abortReason.info !== '' ? " ".concat(_this.abortReason.info) : '';
       return "".concat(_this.abortReason.reason).concat(info);
     });
-    (0, _defineProperty2.default)(this, "getVCRawData", function (stopTime) {
+    (0, _defineProperty2.default)(this, "getVCRawData", function () {
       _this.measureStart();
       if (!_this.active) {
         _this.measureStop();
@@ -80,20 +80,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       _this.stop();
       var abortReasonInfo = _this.getAbortReasonInfo();
       _this.measureStop();
-      var componentsLog = {};
-      if (stopTime && (0, _platformFeatureFlags.fg)('ufo-remove-vc-component-observations-after-ttai')) {
-        Object.entries(_this.componentsLog).forEach(function (_ref3) {
-          var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-            _timestamp = _ref4[0],
-            value = _ref4[1];
-          var timestamp = Number(_timestamp);
-          if (stopTime > timestamp) {
-            componentsLog[timestamp] = value;
-          }
-        });
-      } else {
-        componentsLog = _objectSpread({}, _this.componentsLog);
-      }
       return {
         abortReasonInfo: abortReasonInfo,
         abortReason: _objectSpread({}, _this.abortReason),
@@ -101,25 +87,24 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         heatmapNext: _this.heatmapNext,
         outOfBoundaryInfo: _this.outOfBoundaryInfo,
         totalTime: Math.round(_this.totalTime + _this.observers.getTotalTime()),
-        componentsLog: componentsLog,
+        componentsLog: _objectSpread({}, _this.componentsLog),
         viewport: _objectSpread({}, _this.viewport),
         oldDomUpdatesEnabled: _this.oldDomUpdatesEnabled,
         devToolsEnabled: _this.devToolsEnabled,
         ratios: _this.vcRatios
       };
     });
-    (0, _defineProperty2.default)(this, "getVCResult", function (_ref5) {
-      var _objectSpread2, _objectSpread3;
-      var start = _ref5.start,
-        stop = _ref5.stop,
-        tti = _ref5.tti,
-        prefix = _ref5.prefix,
-        ssr = _ref5.ssr,
-        vc = _ref5.vc;
+    (0, _defineProperty2.default)(this, "getVCResult", function (_ref3) {
+      var start = _ref3.start,
+        stop = _ref3.stop,
+        tti = _ref3.tti,
+        prefix = _ref3.prefix,
+        ssr = _ref3.ssr,
+        vc = _ref3.vc;
       var startTime = performance.now();
       // add local measurement
       var fullPrefix = prefix !== undefined && prefix !== '' ? "".concat(prefix, ":") : '';
-      var rawData = vc !== undefined ? vc : _this.getVCRawData(stop);
+      var rawData = vc !== undefined ? vc : _this.getVCRawData();
       if (rawData === null) {
         return {};
       }
@@ -134,14 +119,13 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
         devToolsEnabled = rawData.devToolsEnabled,
         ratios = rawData.ratios;
       if (abortReasonInfo !== null && abortReason.blocking) {
-        var _ref6;
         // exposing data to devtools
         try {
           if (devToolsEnabled && !_this.isPostInteraction) {
             window.__vcNotAvailableReason = abortReasonInfo;
           }
         } catch (e) {}
-        return _ref6 = {}, (0, _defineProperty2.default)(_ref6, "".concat(fullPrefix, "vc:state"), false), (0, _defineProperty2.default)(_ref6, "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), (0, _defineProperty2.default)(_ref6, "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp), _ref6;
+        return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp);
       }
       var _VCObserver$calculate = VCObserver.calculateVC({
           heatmap: heatmap,
@@ -168,10 +152,24 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       } catch (e) {
         /* empty */
       }
+      var _componentsLog = {};
+      if ((0, _platformFeatureFlags.fg)('ufo-remove-vc-component-observations-after-ttai')) {
+        Object.entries(_this.componentsLog).forEach(function (_ref5) {
+          var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
+            _timestamp = _ref6[0],
+            value = _ref6[1];
+          var timestamp = Number(_timestamp);
+          if (stop > timestamp) {
+            _componentsLog[timestamp] = value;
+          }
+        });
+      } else {
+        _componentsLog = _objectSpread({}, componentsLog);
+      }
       var vcNext = VCObserver.calculateVC({
         heatmap: heatmapNext,
         ssr: ssr,
-        componentsLog: _objectSpread({}, componentsLog),
+        componentsLog: _componentsLog,
         viewport: viewport
       });
       var outOfBoundary = outOfBoundaryInfo ? (0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:oob"), outOfBoundaryInfo) : {};
@@ -211,9 +209,9 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       } catch (e) {
         /*  do nothing */
       }
-      return _objectSpread(_objectSpread((_objectSpread2 = {
+      return _objectSpread(_objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
         'metrics:vc': VC
-      }, (0, _defineProperty2.default)(_objectSpread2, "".concat(fullPrefix, "vc:state"), true), (0, _defineProperty2.default)(_objectSpread2, "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), (0, _defineProperty2.default)(_objectSpread2, "".concat(fullPrefix, "vc:dom"), VCBox), (0, _defineProperty2.default)(_objectSpread2, "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), (0, _defineProperty2.default)(_objectSpread2, "".concat(fullPrefix, "vc:size"), viewport), (0, _defineProperty2.default)(_objectSpread2, "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), (0, _defineProperty2.default)(_objectSpread2, "".concat(fullPrefix, "vc:total"), totalPainted), (0, _defineProperty2.default)(_objectSpread2, "".concat(fullPrefix, "vc:ratios"), ratios), _objectSpread2), outOfBoundary), {}, (_objectSpread3 = {}, (0, _defineProperty2.default)(_objectSpread3, "".concat(fullPrefix, "vc:next"), vcNext.VC), (0, _defineProperty2.default)(_objectSpread3, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), _objectSpread3));
+      }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)));
     });
     (0, _defineProperty2.default)(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
       _this.measureStart();
@@ -325,7 +323,7 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
     this.heatmapNext = this.getCleanHeatmap();
     this.isPostInteraction = options.isPostInteraction || false;
   }
-  (0, _createClass2.default)(VCObserver, [{
+  return (0, _createClass2.default)(VCObserver, [{
     key: "start",
     value: function start(_ref10) {
       var startTime = _ref10.startTime;
@@ -579,7 +577,6 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
       return vc;
     }
   }]);
-  return VCObserver;
 }();
 /** config * */
 (0, _defineProperty2.default)(VCObserver, "VCParts", ['25', '50', '75', '80', '85', '90', '95', '98', '99']);

package/dist/cjs/vc/vc-observer/observers/editor-lnv/index.js

@@ -78,7 +78,7 @@ var EditorLnvHandler = exports.EditorLnvHandler = /*#__PURE__*/function () {
       }).forEach(_this.intersectionObserverCallback);
     });
   }
-  (0, _createClass2.default)(EditorLnvHandler, [{
+  return (0, _createClass2.default)(EditorLnvHandler, [{
     key: "shouldHandleAddedNode",
     value: function shouldHandleAddedNode(el) {
       var _el$dataset, _el$dataset2;
@@ -183,5 +183,4 @@ var EditorLnvHandler = exports.EditorLnvHandler = /*#__PURE__*/function () {
       return Math.abs(a.width - b.width) < 1 && Math.abs(a.height - b.height) < 1;
     }
   }]);
-  return EditorLnvHandler;
 }();

package/dist/cjs/vc/vc-observer/observers/editor-lnv/test-utils.js

@@ -54,7 +54,7 @@ function createMockIntersectionObserver(cbRef) {
         }));
       };
     }
-    (0, _createClass2.default)(_class, [{
+    return (0, _createClass2.default)(_class, [{
       key: "observe",
       value: function observe() {}
     }, {
@@ -64,6 +64,5 @@ function createMockIntersectionObserver(cbRef) {
       key: "disconnect",
       value: function disconnect() {}
     }]);
-    return _class;
   }();
 }

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

@@ -65,7 +65,7 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
     this.ssrPlaceholderHandler = new _ssrPlaceholders.SSRPlaceholderHandlers();
     this.editorLnvHandler = new _editorLnv.EditorLnvHandler();
   }
-  (0, _createClass2.default)(Observers, [{
+  return (0, _createClass2.default)(Observers, [{
     key: "isBrowserSupported",
     value: function isBrowserSupported() {
       return typeof window.IntersectionObserver === 'function' && typeof window.MutationObserver === 'function';
@@ -301,5 +301,4 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
       this._startMeasureTimestamp = -1;
     }
   }]);
-  return Observers;
 }();

package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -89,7 +89,7 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       }
     }
   }
-  (0, _createClass2.default)(SSRPlaceholderHandlers, [{
+  return (0, _createClass2.default)(SSRPlaceholderHandlers, [{
     key: "clear",
     value: function clear() {
       this.staticPlaceholders = new Map();
@@ -177,5 +177,4 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
       return rect && Math.abs(rect.x - boundingClientRect.x) < EQUALITY_THRESHOLD && Math.abs(rect.y - boundingClientRect.y) < EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < EQUALITY_THRESHOLD || false;
     }
   }]);
-  return SSRPlaceholderHandlers;
 }();

package/dist/es2019/common/constants.js

@@ -1,2 +1,4 @@
 import { fg } from '@atlaskit/platform-feature-flags';
+
+// eslint-disable-next-line @atlaskit/platform/no-module-level-eval
 export const REACT_UFO_VERSION = fg('enable-react-ufo-payload-segment-compressed') ? '2.0.0' : '1.0.1';

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

@@ -411,7 +411,7 @@ const finishInteraction = (id, data, endTime = performance.now()) => {
   clearActiveTrace();
   callCleanUpCallbacks(data);
   if ((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && (_getConfig3$vc = _getConfig3.vc) !== null && _getConfig3$vc !== void 0 && _getConfig3$vc.stopVCAtInteractionFinish) {
-    data.vc = getVCObserver().getVCRawData(data.end);
+    data.vc = getVCObserver().getVCRawData();
   }
   remove(id);
   PreviousInteractionLog.name = data.ufoName || 'unknown';

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

@@ -52,7 +52,7 @@ export class VCObserver {
       const info = this.abortReason.info !== '' ? ` ${this.abortReason.info}` : '';
       return `${this.abortReason.reason}${info}`;
     });
-    _defineProperty(this, "getVCRawData", stopTime => {
+    _defineProperty(this, "getVCRawData", () => {
       this.measureStart();
       if (!this.active) {
         this.measureStop();
@@ -61,19 +61,6 @@ export class VCObserver {
       this.stop();
       const abortReasonInfo = this.getAbortReasonInfo();
       this.measureStop();
-      let componentsLog = {};
-      if (stopTime && fg('ufo-remove-vc-component-observations-after-ttai')) {
-        Object.entries(this.componentsLog).forEach(([_timestamp, value]) => {
-          const timestamp = Number(_timestamp);
-          if (stopTime > timestamp) {
-            componentsLog[timestamp] = value;
-          }
-        });
-      } else {
-        componentsLog = {
-          ...this.componentsLog
-        };
-      }
       return {
         abortReasonInfo,
         abortReason: {
@@ -83,7 +70,9 @@ export class VCObserver {
         heatmapNext: this.heatmapNext,
         outOfBoundaryInfo: this.outOfBoundaryInfo,
         totalTime: Math.round(this.totalTime + this.observers.getTotalTime()),
-        componentsLog,
+        componentsLog: {
+          ...this.componentsLog
+        },
         viewport: {
           ...this.viewport
         },
@@ -103,7 +92,7 @@ export class VCObserver {
       const startTime = performance.now();
       // add local measurement
       const fullPrefix = prefix !== undefined && prefix !== '' ? `${prefix}:` : '';
-      const rawData = vc !== undefined ? vc : this.getVCRawData(stop);
+      const rawData = vc !== undefined ? vc : this.getVCRawData();
       if (rawData === null) {
         return {};
       }
@@ -160,12 +149,23 @@ export class VCObserver {
       } catch (e) {
         /* empty */
       }
+      let _componentsLog = {};
+      if (fg('ufo-remove-vc-component-observations-after-ttai')) {
+        Object.entries(this.componentsLog).forEach(([_timestamp, value]) => {
+          const timestamp = Number(_timestamp);
+          if (stop > timestamp) {
+            _componentsLog[timestamp] = value;
+          }
+        });
+      } else {
+        _componentsLog = {
+          ...componentsLog
+        };
+      }
       const vcNext = VCObserver.calculateVC({
         heatmap: heatmapNext,
         ssr,
-        componentsLog: {
-          ...componentsLog
-        },
+        componentsLog: _componentsLog,
         viewport
       });
       const outOfBoundary = outOfBoundaryInfo ? {

package/dist/esm/additional-payload/utils/lighthouse-metrics/utils/buffer/index.js

@@ -1,7 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _EntriesBuffer;
 import { PerformanceObserverEntryTypes } from '../../const';
 export var BufferWithMaxLength = /*#__PURE__*/function () {
   function BufferWithMaxLength() {
@@ -11,7 +10,7 @@ export var BufferWithMaxLength = /*#__PURE__*/function () {
     _defineProperty(this, "full", false);
     this.maxLength = maxLength;
   }
-  _createClass(BufferWithMaxLength, [{
+  return _createClass(BufferWithMaxLength, [{
     key: "push",
     value: function push(item) {
       if (this.full || this.maxLength === this.buffer.length) {
@@ -26,6 +25,5 @@ export var BufferWithMaxLength = /*#__PURE__*/function () {
       return this.buffer;
     }
   }]);
-  return BufferWithMaxLength;
 }();
-export var EntriesBuffer = (_EntriesBuffer = {}, _defineProperty(_EntriesBuffer, PerformanceObserverEntryTypes.LongTask, new BufferWithMaxLength()), _defineProperty(_EntriesBuffer, PerformanceObserverEntryTypes.LayoutShift, new BufferWithMaxLength()), _EntriesBuffer);
+export var EntriesBuffer = _defineProperty(_defineProperty({}, PerformanceObserverEntryTypes.LongTask, new BufferWithMaxLength()), PerformanceObserverEntryTypes.LayoutShift, new BufferWithMaxLength());

package/dist/esm/common/constants.js

@@ -1,2 +1,4 @@
 import { fg } from '@atlaskit/platform-feature-flags';
+
+// eslint-disable-next-line @atlaskit/platform/no-module-level-eval
 export var REACT_UFO_VERSION = fg('enable-react-ufo-payload-segment-compressed') ? '2.0.0' : '1.0.1';

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

@@ -439,7 +439,7 @@ var finishInteraction = function finishInteraction(id, data) {
   clearActiveTrace();
   callCleanUpCallbacks(data);
   if ((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.vc) !== null && _getConfig3 !== void 0 && _getConfig3.stopVCAtInteractionFinish) {
-    data.vc = getVCObserver().getVCRawData(data.end);
+    data.vc = getVCObserver().getVCRawData();
   }
   remove(id);
   PreviousInteractionLog.name = data.ufoName || 'unknown';

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

@@ -31,7 +31,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
      */
     _defineProperty(this, "sinkHandlerFn", function () {});
   }
-  _createClass(PostInteractionLog, [{
+  return _createClass(PostInteractionLog, [{
     key: "initializeVCObserver",
     value: function initializeVCObserver(options) {
       if (this.vcObserver === null) {
@@ -183,6 +183,5 @@ var PostInteractionLog = /*#__PURE__*/function () {
       }
     }
   }]);
-  return PostInteractionLog;
 }();
 export { PostInteractionLog as default };

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

@@ -64,7 +64,7 @@ export var VCObserver = /*#__PURE__*/function () {
       var info = _this.abortReason.info !== '' ? " ".concat(_this.abortReason.info) : '';
       return "".concat(_this.abortReason.reason).concat(info);
     });
-    _defineProperty(this, "getVCRawData", function (stopTime) {
+    _defineProperty(this, "getVCRawData", function () {
       _this.measureStart();
       if (!_this.active) {
         _this.measureStop();
@@ -73,20 +73,6 @@ export var VCObserver = /*#__PURE__*/function () {
       _this.stop();
       var abortReasonInfo = _this.getAbortReasonInfo();
       _this.measureStop();
-      var componentsLog = {};
-      if (stopTime && fg('ufo-remove-vc-component-observations-after-ttai')) {
-        Object.entries(_this.componentsLog).forEach(function (_ref3) {
-          var _ref4 = _slicedToArray(_ref3, 2),
-            _timestamp = _ref4[0],
-            value = _ref4[1];
-          var timestamp = Number(_timestamp);
-          if (stopTime > timestamp) {
-            componentsLog[timestamp] = value;
-          }
-        });
-      } else {
-        componentsLog = _objectSpread({}, _this.componentsLog);
-      }
       return {
         abortReasonInfo: abortReasonInfo,
         abortReason: _objectSpread({}, _this.abortReason),
@@ -94,25 +80,24 @@ export var VCObserver = /*#__PURE__*/function () {
         heatmapNext: _this.heatmapNext,
         outOfBoundaryInfo: _this.outOfBoundaryInfo,
         totalTime: Math.round(_this.totalTime + _this.observers.getTotalTime()),
-        componentsLog: componentsLog,
+        componentsLog: _objectSpread({}, _this.componentsLog),
         viewport: _objectSpread({}, _this.viewport),
         oldDomUpdatesEnabled: _this.oldDomUpdatesEnabled,
         devToolsEnabled: _this.devToolsEnabled,
         ratios: _this.vcRatios
       };
     });
-    _defineProperty(this, "getVCResult", function (_ref5) {
-      var _objectSpread2, _objectSpread3;
-      var start = _ref5.start,
-        stop = _ref5.stop,
-        tti = _ref5.tti,
-        prefix = _ref5.prefix,
-        ssr = _ref5.ssr,
-        vc = _ref5.vc;
+    _defineProperty(this, "getVCResult", function (_ref3) {
+      var start = _ref3.start,
+        stop = _ref3.stop,
+        tti = _ref3.tti,
+        prefix = _ref3.prefix,
+        ssr = _ref3.ssr,
+        vc = _ref3.vc;
       var startTime = performance.now();
       // add local measurement
       var fullPrefix = prefix !== undefined && prefix !== '' ? "".concat(prefix, ":") : '';
-      var rawData = vc !== undefined ? vc : _this.getVCRawData(stop);
+      var rawData = vc !== undefined ? vc : _this.getVCRawData();
       if (rawData === null) {
         return {};
       }
@@ -127,14 +112,13 @@ export var VCObserver = /*#__PURE__*/function () {
         devToolsEnabled = rawData.devToolsEnabled,
         ratios = rawData.ratios;
       if (abortReasonInfo !== null && abortReason.blocking) {
-        var _ref6;
         // exposing data to devtools
         try {
           if (devToolsEnabled && !_this.isPostInteraction) {
             window.__vcNotAvailableReason = abortReasonInfo;
           }
         } catch (e) {}
-        return _ref6 = {}, _defineProperty(_ref6, "".concat(fullPrefix, "vc:state"), false), _defineProperty(_ref6, "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), _defineProperty(_ref6, "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp), _ref6;
+        return _defineProperty(_defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:state"), false), "".concat(fullPrefix, "vc:abort:reason"), abortReasonInfo), "".concat(fullPrefix, "vc:abort:timestamp"), abortReason.timestamp);
       }
       var _VCObserver$calculate = VCObserver.calculateVC({
           heatmap: heatmap,
@@ -161,10 +145,24 @@ export var VCObserver = /*#__PURE__*/function () {
       } catch (e) {
         /* empty */
       }
+      var _componentsLog = {};
+      if (fg('ufo-remove-vc-component-observations-after-ttai')) {
+        Object.entries(_this.componentsLog).forEach(function (_ref5) {
+          var _ref6 = _slicedToArray(_ref5, 2),
+            _timestamp = _ref6[0],
+            value = _ref6[1];
+          var timestamp = Number(_timestamp);
+          if (stop > timestamp) {
+            _componentsLog[timestamp] = value;
+          }
+        });
+      } else {
+        _componentsLog = _objectSpread({}, componentsLog);
+      }
       var vcNext = VCObserver.calculateVC({
         heatmap: heatmapNext,
         ssr: ssr,
-        componentsLog: _objectSpread({}, componentsLog),
+        componentsLog: _componentsLog,
         viewport: viewport
       });
       var outOfBoundary = outOfBoundaryInfo ? _defineProperty({}, "".concat(fullPrefix, "vc:oob"), outOfBoundaryInfo) : {};
@@ -204,9 +202,9 @@ export var VCObserver = /*#__PURE__*/function () {
       } catch (e) {
         /*  do nothing */
       }
-      return _objectSpread(_objectSpread((_objectSpread2 = {
+      return _objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
         'metrics:vc': VC
-      }, _defineProperty(_objectSpread2, "".concat(fullPrefix, "vc:state"), true), _defineProperty(_objectSpread2, "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), _defineProperty(_objectSpread2, "".concat(fullPrefix, "vc:dom"), VCBox), _defineProperty(_objectSpread2, "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), _defineProperty(_objectSpread2, "".concat(fullPrefix, "vc:size"), viewport), _defineProperty(_objectSpread2, "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), _defineProperty(_objectSpread2, "".concat(fullPrefix, "vc:total"), totalPainted), _defineProperty(_objectSpread2, "".concat(fullPrefix, "vc:ratios"), ratios), _objectSpread2), outOfBoundary), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, "".concat(fullPrefix, "vc:next"), vcNext.VC), _defineProperty(_objectSpread3, "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)), _objectSpread3));
+      }, "".concat(fullPrefix, "vc:state"), true), "".concat(fullPrefix, "vc:clean"), !abortReasonInfo), "".concat(fullPrefix, "vc:dom"), VCBox), "".concat(fullPrefix, "vc:updates"), VCEntries.rel.slice(0, 50)), "".concat(fullPrefix, "vc:size"), viewport), "".concat(fullPrefix, "vc:time"), Math.round(totalTime + (stopTime - startTime))), "".concat(fullPrefix, "vc:total"), totalPainted), "".concat(fullPrefix, "vc:ratios"), ratios), outOfBoundary), {}, _defineProperty(_defineProperty({}, "".concat(fullPrefix, "vc:next"), vcNext.VC), "".concat(fullPrefix, "vc:ignored"), _this.getIgnoredElements(componentsLog)));
     });
     _defineProperty(this, "handleUpdate", function (rawTime, intersectionRect, targetName, element, type, ignoreReason) {
       _this.measureStart();
@@ -318,7 +316,7 @@ export var VCObserver = /*#__PURE__*/function () {
     this.heatmapNext = this.getCleanHeatmap();
     this.isPostInteraction = options.isPostInteraction || false;
   }
-  _createClass(VCObserver, [{
+  return _createClass(VCObserver, [{
     key: "start",
     value: function start(_ref10) {
       var startTime = _ref10.startTime;
@@ -572,7 +570,6 @@ export var VCObserver = /*#__PURE__*/function () {
       return vc;
     }
   }]);
-  return VCObserver;
 }();
 /** config * */
 _defineProperty(VCObserver, "VCParts", ['25', '50', '75', '80', '85', '90', '95', '98', '99']);

package/dist/esm/vc/vc-observer/observers/editor-lnv/index.js

@@ -72,7 +72,7 @@ export var EditorLnvHandler = /*#__PURE__*/function () {
       }).forEach(_this.intersectionObserverCallback);
     });
   }
-  _createClass(EditorLnvHandler, [{
+  return _createClass(EditorLnvHandler, [{
     key: "shouldHandleAddedNode",
     value: function shouldHandleAddedNode(el) {
       var _el$dataset, _el$dataset2;
@@ -177,5 +177,4 @@ export var EditorLnvHandler = /*#__PURE__*/function () {
       return Math.abs(a.width - b.width) < 1 && Math.abs(a.height - b.height) < 1;
     }
   }]);
-  return EditorLnvHandler;
 }();

package/dist/esm/vc/vc-observer/observers/editor-lnv/test-utils.js

@@ -44,7 +44,7 @@ export function createMockIntersectionObserver(cbRef) {
         }));
       };
     }
-    _createClass(_class, [{
+    return _createClass(_class, [{
       key: "observe",
       value: function observe() {}
     }, {
@@ -54,6 +54,5 @@ export function createMockIntersectionObserver(cbRef) {
       key: "disconnect",
       value: function disconnect() {}
     }]);
-    return _class;
   }();
 }

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

@@ -58,7 +58,7 @@ export var Observers = /*#__PURE__*/function () {
     this.ssrPlaceholderHandler = new SSRPlaceholderHandlers();
     this.editorLnvHandler = new EditorLnvHandler();
   }
-  _createClass(Observers, [{
+  return _createClass(Observers, [{
     key: "isBrowserSupported",
     value: function isBrowserSupported() {
       return typeof window.IntersectionObserver === 'function' && typeof window.MutationObserver === 'function';
@@ -294,5 +294,4 @@ export var Observers = /*#__PURE__*/function () {
       this._startMeasureTimestamp = -1;
     }
   }]);
-  return Observers;
 }();

package/dist/esm/vc/vc-observer/observers/ssr-placeholders/index.js

@@ -82,7 +82,7 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
       }
     }
   }
-  _createClass(SSRPlaceholderHandlers, [{
+  return _createClass(SSRPlaceholderHandlers, [{
     key: "clear",
     value: function clear() {
       this.staticPlaceholders = new Map();
@@ -170,5 +170,4 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
       return rect && Math.abs(rect.x - boundingClientRect.x) < EQUALITY_THRESHOLD && Math.abs(rect.y - boundingClientRect.y) < EQUALITY_THRESHOLD && Math.abs(rect.width - boundingClientRect.width) < EQUALITY_THRESHOLD && Math.abs(rect.height - boundingClientRect.height) < EQUALITY_THRESHOLD || false;
     }
   }]);
-  return SSRPlaceholderHandlers;
 }();

package/dist/types/vc/vc-observer/index.d.ts

@@ -48,7 +48,7 @@ export declare class VCObserver {
     }): void;
     stop(): void;
     getAbortReasonInfo: () => string | null;
-    getVCRawData: (stopTime?: number) => VCRawDataType | null;
+    getVCRawData: () => VCRawDataType | null;
     getIgnoredElements(componentsLog: ComponentsLogType): {
         targetName: string;
         ignoreReason: VCIgnoreReason | undefined;

package/dist/types-ts4.5/vc/vc-observer/index.d.ts

@@ -48,7 +48,7 @@ export declare class VCObserver {
     }): void;
     stop(): void;
     getAbortReasonInfo: () => string | null;
-    getVCRawData: (stopTime?: number) => VCRawDataType | null;
+    getVCRawData: () => VCRawDataType | null;
     getIgnoredElements(componentsLog: ComponentsLogType): {
         targetName: string;
         ignoreReason: VCIgnoreReason | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "2.5.0",
+	"version": "2.5.2",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -85,7 +85,6 @@
 		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
 	},
 	"devDependencies": {
-		"@atlassian/a11y-jest-testing": "*",
 		"@testing-library/react": "^12.1.5"
 	},
 	"techstack": {