@atlaskit/react-ufo 3.4.9 → 3.4.11

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

@@ -1,6 +1,7 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { fg } from '@atlaskit/platform-feature-flags';
 export default function createMutationObserver(_ref) {
   var onAttributeMutation = _ref.onAttributeMutation,
     onChildListMutation = _ref.onChildListMutation,
@@ -21,11 +22,32 @@ export default function createMutationObserver(_ref) {
           continue;
         }
         if (mut.type === 'attributes') {
-          var _mut$attributeName;
-          onAttributeMutation({
-            target: mut.target,
-            attributeName: (_mut$attributeName = mut.attributeName) !== null && _mut$attributeName !== void 0 ? _mut$attributeName : 'unknown'
-          });
+          if (fg('platform_ufo_vc_ignore_same_value_mutation')) {
+            var _mut$oldValue;
+            /*
+            	"MutationObserver was explicitly designed to work that way, but I can't now recall the reasoning.
+            	I think it might have been something along the lines that for consistency every setAttribute call should create a record.
+            	Conceptually there is after all a mutation: there is an old value replaced with a new one,
+            	and whether or not they are the same doesn't really matter.
+            	And Custom elements should work the same way as MutationObserver."
+            	https://github.com/whatwg/dom/issues/520#issuecomment-336574796
+            */
+            var oldValue = (_mut$oldValue = mut.oldValue) !== null && _mut$oldValue !== void 0 ? _mut$oldValue : undefined;
+            var newValue = mut.attributeName ? mut.target.getAttribute(mut.attributeName) : undefined;
+            if (oldValue !== newValue) {
+              var _mut$attributeName;
+              onAttributeMutation({
+                target: mut.target,
+                attributeName: (_mut$attributeName = mut.attributeName) !== null && _mut$attributeName !== void 0 ? _mut$attributeName : 'unknown'
+              });
+            }
+          } else {
+            var _mut$attributeName2;
+            onAttributeMutation({
+              target: mut.target,
+              attributeName: (_mut$attributeName2 = mut.attributeName) !== null && _mut$attributeName2 !== void 0 ? _mut$attributeName2 : 'unknown'
+            });
+          }
           continue;
         } else if (mut.type === 'childList') {
           var _mut$addedNodes, _mut$removedNodes;

package/dist/types/config/index.d.ts

@@ -92,6 +92,7 @@ export type Config = {
     readonly manuallyTrackReactProfilerMounts?: boolean;
     readonly enableEditorLnvHandler?: boolean;
     /**
+     * @private
      * @deprecated setting this will do nothing now
      */
     readonly enableCompleteUsingDoubleRAF?: boolean;

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

@@ -0,0 +1,35 @@
+import { InteractionMetrics } from '../../common/common/types';
+import type { MultiRevisionHeatmap } from './heatmap/heatmap';
+type CalculatedVC = {
+    VC: {
+        [key: string]: number | null;
+    };
+    VCBox: {
+        [key: string]: string[] | null;
+    };
+};
+export declare function getVCRevisionsData({ fullPrefix, interaction, isVCClean, isEventAborted, multiHeatmap, ssr, calculatedVC, calculatedVCNext, }: {
+    fullPrefix?: string;
+    interaction: Pick<InteractionMetrics, 'start' | 'end'>;
+    isVCClean: boolean;
+    isEventAborted: boolean;
+    multiHeatmap: MultiRevisionHeatmap | null;
+    calculatedVC: CalculatedVC;
+    calculatedVCNext: CalculatedVC;
+    ssr?: number;
+}): {
+    [x: string]: import("../../common").MultiHeatmapPayload;
+} | {
+    [x: string]: {
+        revision: string;
+        clean: boolean;
+        'metric:vc90': number | null;
+        vcDetails: {
+            [k: string]: {
+                t: number | null;
+                e: string[];
+            };
+        };
+    }[];
+} | null;
+export {};

package/dist/types-ts4.5/config/index.d.ts

@@ -92,6 +92,7 @@ export type Config = {
     readonly manuallyTrackReactProfilerMounts?: boolean;
     readonly enableEditorLnvHandler?: boolean;
     /**
+     * @private
      * @deprecated setting this will do nothing now
      */
     readonly enableCompleteUsingDoubleRAF?: boolean;

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

@@ -0,0 +1,35 @@
+import { InteractionMetrics } from '../../common/common/types';
+import type { MultiRevisionHeatmap } from './heatmap/heatmap';
+type CalculatedVC = {
+    VC: {
+        [key: string]: number | null;
+    };
+    VCBox: {
+        [key: string]: string[] | null;
+    };
+};
+export declare function getVCRevisionsData({ fullPrefix, interaction, isVCClean, isEventAborted, multiHeatmap, ssr, calculatedVC, calculatedVCNext, }: {
+    fullPrefix?: string;
+    interaction: Pick<InteractionMetrics, 'start' | 'end'>;
+    isVCClean: boolean;
+    isEventAborted: boolean;
+    multiHeatmap: MultiRevisionHeatmap | null;
+    calculatedVC: CalculatedVC;
+    calculatedVCNext: CalculatedVC;
+    ssr?: number;
+}): {
+    [x: string]: import("../../common").MultiHeatmapPayload;
+} | {
+    [x: string]: {
+        revision: string;
+        clean: boolean;
+        'metric:vc90': number | null;
+        vcDetails: {
+            [k: string]: {
+                t: number | null;
+                e: string[];
+            };
+        };
+    }[];
+} | null;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.4.9",
+	"version": "3.4.11",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -136,21 +136,12 @@
 		"platform_editor_ed-25937_ignore_mutations_for_ttvc": {
 			"type": "boolean"
 		},
-		"platform-ufo-invisible-element-vc-calculations": {
-			"type": "boolean"
-		},
-		"platform-ufo-vc-observe-attributes": {
-			"type": "boolean"
-		},
 		"enable-react-ufo-payload-segment-compressed": {
 			"type": "boolean"
 		},
 		"ufo_capture_stylesheet_metrics": {
 			"type": "boolean"
 		},
-		"ufo-remove-vc-component-observations-after-ttai": {
-			"type": "boolean"
-		},
 		"ufo-calc-speed-index": {
 			"type": "boolean"
 		},
@@ -186,6 +177,15 @@
 		},
 		"platform_ufo_ssr_placeholder_round_rect_size_check": {
 			"type": "boolean"
+		},
+		"platform_ufo_vc_ignore_same_value_mutation": {
+			"type": "boolean"
+		},
+		"platform_ufo_fix_v2_reported_vc90": {
+			"type": "boolean"
+		},
+		"platform_ufo_disable_ttvc_v1": {
+			"type": "boolean"
 		}
 	}
 }