@atlaskit/react-ufo 3.11.1 → 3.11.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.11.2
+
+### Patch Changes
+
+- [#153697](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/153697)
+  [`e513d2cda4042`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e513d2cda4042) -
+  AFO-3823 improve VCObserver stop() performance
+
 ## 3.11.1
 
 ### Patch Changes

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

@@ -644,11 +644,12 @@ var VCObserver = exports.VCObserver = /*#__PURE__*/function () {
   }, {
     key: "detachAbortListeners",
     value: function detachAbortListeners() {
-      if (Array.isArray(this.unbind)) {
-        this.unbind.forEach(function (fn) {
-          return fn();
-        });
-        this.unbind = [];
+      if (this.unbind) {
+        var unbind = this.unbind;
+        for (var i = 0; i < unbind.length; i++) {
+          unbind[i]();
+        }
+        this.unbind.length = 0;
       }
     }
   }, {

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

@@ -104,8 +104,8 @@ var Observers = exports.Observers = /*#__PURE__*/function () {
       (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 || _this$mutationObserve2.disconnect();
       (_this$intersectionObs2 = this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.disconnect();
       this.observedMutations = new WeakMap();
-      this.elementsInView = new Set();
-      this.callbacks = new Set();
+      this.elementsInView.clear();
+      this.callbacks.clear();
       this.ssr.reactRootElement = null;
       this.ssrPlaceholderHandler.clear();
     }

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

@@ -739,9 +739,14 @@ export class VCObserver {
     return vc;
   }
   detachAbortListeners() {
-    if (Array.isArray(this.unbind)) {
-      this.unbind.forEach(fn => fn());
-      this.unbind = [];
+    if (this.unbind) {
+      const {
+        unbind
+      } = this;
+      for (let i = 0; i < unbind.length; i++) {
+        unbind[i]();
+      }
+      this.unbind.length = 0;
     }
   }
   measureStart() {

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

@@ -86,8 +86,8 @@ export class Observers {
     (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 ? void 0 : _this$mutationObserve2.disconnect();
     (_this$intersectionObs2 = this.intersectionObserver) === null || _this$intersectionObs2 === void 0 ? void 0 : _this$intersectionObs2.disconnect();
     this.observedMutations = new WeakMap();
-    this.elementsInView = new Set();
-    this.callbacks = new Set();
+    this.elementsInView.clear();
+    this.callbacks.clear();
     this.ssr.reactRootElement = null;
     this.ssrPlaceholderHandler.clear();
   }

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

@@ -637,11 +637,12 @@ export var VCObserver = /*#__PURE__*/function () {
   }, {
     key: "detachAbortListeners",
     value: function detachAbortListeners() {
-      if (Array.isArray(this.unbind)) {
-        this.unbind.forEach(function (fn) {
-          return fn();
-        });
-        this.unbind = [];
+      if (this.unbind) {
+        var unbind = this.unbind;
+        for (var i = 0; i < unbind.length; i++) {
+          unbind[i]();
+        }
+        this.unbind.length = 0;
       }
     }
   }, {

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

@@ -97,8 +97,8 @@ export var Observers = /*#__PURE__*/function () {
       (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 || _this$mutationObserve2.disconnect();
       (_this$intersectionObs2 = this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.disconnect();
       this.observedMutations = new WeakMap();
-      this.elementsInView = new Set();
-      this.callbacks = new Set();
+      this.elementsInView.clear();
+      this.callbacks.clear();
       this.ssr.reactRootElement = null;
       this.ssrPlaceholderHandler.clear();
     }

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

@@ -1,5 +1,5 @@
 import { createPayloads } from '../create-payload';
-import { LabelStack } from '../interaction-context';
+import { type LabelStack } from '../interaction-context';
 import { VCObserver } from '../vc/vc-observer';
 import type { AbortReasonType, ApdexType, InteractionError, InteractionType, SegmentInfo } from './common/types';
 import type { RevisionPayload } from './vc/types';

package/dist/types/create-payload/index.d.ts

@@ -1,5 +1,5 @@
 import type { InteractionMetrics, InteractionType } from '../common';
-import { ResourceTiming } from '../common/react-ufo-payload-schema';
+import { type ResourceTiming } from '../common/react-ufo-payload-schema';
 import * as ssr from '../ssr';
 import type { OptimizedLabelStack } from './common/types';
 export declare function createPayloads(interactionId: string, interaction: InteractionMetrics): Promise<{

package/dist/types/create-post-interaction-log-payload/get-late-mutations.d.ts

@@ -1,5 +1,5 @@
-import { LastInteractionFinishInfo } from '../common';
-import { RevisionPayloadVCDetails } from '../common/vc/types';
-import { LateMutation } from './types';
+import type { LastInteractionFinishInfo } from '../common';
+import type { RevisionPayloadVCDetails } from '../common/vc/types';
+import type { LateMutation } from './types';
 declare function getLateMutations(vcDetails: RevisionPayloadVCDetails, lastInteractionFinish: LastInteractionFinishInfo, postInteractionFinishVCRatios: Record<string, number>): LateMutation[];
 export default getLateMutations;

package/dist/types/create-post-interaction-log-payload/index.d.ts

@@ -1,5 +1,5 @@
 import { type PostInteractionLogOutput } from '../common';
-import { LateMutation } from './types';
+import type { LateMutation } from './types';
 declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, }: PostInteractionLogOutput): {
     actionSubject: string;
     action: string;

package/dist/types/vc/no-op-vc-observer.d.ts

@@ -1,4 +1,4 @@
-import { VCResult } from '../common/vc/types';
+import type { VCResult } from '../common/vc/types';
 import type { GetVCResultType, VCObserverInterface } from './types';
 export declare class VCObserverNOOP implements VCObserverInterface {
     start(startArg: {

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

@@ -1,5 +1,5 @@
-import { InteractionMetrics } from '../../common/common/types';
-import { RevisionPayload } from '../../common/vc/types';
+import type { InteractionMetrics } from '../../common/common/types';
+import type { RevisionPayload } from '../../common/vc/types';
 import type { MultiRevisionHeatmap } from './heatmap/heatmap';
 type CalculatedVC = {
     VC: {

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

@@ -1,4 +1,4 @@
-import { RevisionPayloadEntry } from '../../common/vc/types';
+import { type RevisionPayloadEntry } from '../../common/vc/types';
 import { type SelectorConfig } from './get-element-name';
 import type { VCObserverGetVCResultParam } from './types';
 export type VCObserverNewConfig = {

package/dist/types/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,4 +1,4 @@
-import { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
+import type { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
 import type { VCCalculator, VCCalculatorParam } from './types';
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {

package/dist/types/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.d.ts

@@ -1,5 +1,5 @@
 import type { VCObserverEntry } from '../../../types';
-import { HeatmapCheckpointMetrics, HeatmapEntry, HeatmapOptions } from './types';
+import type { HeatmapCheckpointMetrics, HeatmapEntry, HeatmapOptions } from './types';
 export default class Heatmap {
     private viewport;
     /**

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

@@ -1,4 +1,4 @@
-import { RevisionPayloadEntry } from '../../../common/vc/types';
+import type { RevisionPayloadEntry } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
 export type VCCalculatorParam = {
     startTime: DOMHighResTimeStamp;

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

@@ -1,5 +1,5 @@
 import { createPayloads } from '../create-payload';
-import { LabelStack } from '../interaction-context';
+import { type LabelStack } from '../interaction-context';
 import { VCObserver } from '../vc/vc-observer';
 import type { AbortReasonType, ApdexType, InteractionError, InteractionType, SegmentInfo } from './common/types';
 import type { RevisionPayload } from './vc/types';

package/dist/types-ts4.5/create-payload/index.d.ts

@@ -1,5 +1,5 @@
 import type { InteractionMetrics, InteractionType } from '../common';
-import { ResourceTiming } from '../common/react-ufo-payload-schema';
+import { type ResourceTiming } from '../common/react-ufo-payload-schema';
 import * as ssr from '../ssr';
 import type { OptimizedLabelStack } from './common/types';
 export declare function createPayloads(interactionId: string, interaction: InteractionMetrics): Promise<{

package/dist/types-ts4.5/create-post-interaction-log-payload/get-late-mutations.d.ts

@@ -1,5 +1,5 @@
-import { LastInteractionFinishInfo } from '../common';
-import { RevisionPayloadVCDetails } from '../common/vc/types';
-import { LateMutation } from './types';
+import type { LastInteractionFinishInfo } from '../common';
+import type { RevisionPayloadVCDetails } from '../common/vc/types';
+import type { LateMutation } from './types';
 declare function getLateMutations(vcDetails: RevisionPayloadVCDetails, lastInteractionFinish: LastInteractionFinishInfo, postInteractionFinishVCRatios: Record<string, number>): LateMutation[];
 export default getLateMutations;

package/dist/types-ts4.5/create-post-interaction-log-payload/index.d.ts

@@ -1,5 +1,5 @@
 import { type PostInteractionLogOutput } from '../common';
-import { LateMutation } from './types';
+import type { LateMutation } from './types';
 declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, }: PostInteractionLogOutput): {
     actionSubject: string;
     action: string;

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

@@ -1,4 +1,4 @@
-import { VCResult } from '../common/vc/types';
+import type { VCResult } from '../common/vc/types';
 import type { GetVCResultType, VCObserverInterface } from './types';
 export declare class VCObserverNOOP implements VCObserverInterface {
     start(startArg: {

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

@@ -1,5 +1,5 @@
-import { InteractionMetrics } from '../../common/common/types';
-import { RevisionPayload } from '../../common/vc/types';
+import type { InteractionMetrics } from '../../common/common/types';
+import type { RevisionPayload } from '../../common/vc/types';
 import type { MultiRevisionHeatmap } from './heatmap/heatmap';
 type CalculatedVC = {
     VC: {

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

@@ -1,4 +1,4 @@
-import { RevisionPayloadEntry } from '../../common/vc/types';
+import { type RevisionPayloadEntry } from '../../common/vc/types';
 import { type SelectorConfig } from './get-element-name';
 import type { VCObserverGetVCResultParam } from './types';
 export type VCObserverNewConfig = {

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/abstract-base-vc-calculator.d.ts

@@ -1,4 +1,4 @@
-import { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
+import type { RevisionPayloadEntry, VCAbortReason } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
 import type { VCCalculator, VCCalculatorParam } from './types';
 export default abstract class AbstractVCCalculatorBase implements VCCalculator {

package/dist/types-ts4.5/vc/vc-observer-new/metric-calculator/percentile-calc/heatmap/heatmap.d.ts

@@ -1,5 +1,5 @@
 import type { VCObserverEntry } from '../../../types';
-import { HeatmapCheckpointMetrics, HeatmapEntry, HeatmapOptions } from './types';
+import type { HeatmapCheckpointMetrics, HeatmapEntry, HeatmapOptions } from './types';
 export default class Heatmap {
     private viewport;
     /**

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

@@ -1,4 +1,4 @@
-import { RevisionPayloadEntry } from '../../../common/vc/types';
+import type { RevisionPayloadEntry } from '../../../common/vc/types';
 import type { VCObserverEntry } from '../types';
 export type VCCalculatorParam = {
     startTime: DOMHighResTimeStamp;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.11.1",
+	"version": "3.11.2",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",