@atlaskit/react-ufo 4.13.0 → 4.13.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.13.1
+
+### Patch Changes
+
+- [`8dedd89369b84`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8dedd89369b84) -
+  Exclude 3p from attribute change behind feature gate
+
 ## 4.13.0
 
 ### Minor Changes

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

@@ -25,6 +25,7 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   // including the tags into the ConsideredEntryTypes so that it won't be ignored for TTVC calculation
   if (!(0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_elements_from_ttvc') || include3p) {
     entryTypes.push('mutation:third-party-element');
+    entryTypes.push('mutation:third-party-attribute');
   }
   if ((0, _platformFeatureFlags.fg)('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');

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

@@ -13,13 +13,12 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _vcUtils = require("../../vc-observer/media-wrapper/vc-utils");
-var _isDndStyleMutation = _interopRequireDefault(require("../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation"));
 var _isNonVisualStyleMutation = _interopRequireDefault(require("../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation"));
 var _rllPlaceholders = require("../../vc-observer/observers/rll-placeholders");
 var _intersectionObserver = require("./intersection-observer");
 var _mutationObserver = _interopRequireDefault(require("./mutation-observer"));
 var _performanceObserver = _interopRequireDefault(require("./performance-observer"));
-var _checkWithinComponent2 = _interopRequireWildcard(require("./utils/check-within-component"));
+var _checkWithinComponent3 = _interopRequireWildcard(require("./utils/check-within-component"));
 var _getMutatedElements = require("./utils/get-mutated-elements");
 var _isElementVisible = require("./utils/is-element-visible");
 var _isInVcIgnoreIfNoLayoutShiftMarker = _interopRequireDefault(require("./utils/is-in-vc-ignore-if-no-layout-shift-marker"));
@@ -215,7 +214,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                               (_this$intersectionObs6 = _this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.watchAndTag(element, 'mutation:media');
                               return _context.abrupt("return", 0);
                             case 38:
-                              _ref6 = element instanceof HTMLElement ? (0, _checkWithinComponent2.default)(element, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
+                              _ref6 = element instanceof HTMLElement ? (0, _checkWithinComponent3.default)(element, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
                                 isWithin: false
                               }, isWithinThirdPartySegment = _ref6.isWithin;
                               if (!isWithinThirdPartySegment) {
@@ -360,7 +359,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
                       (_this$intersectionObs13 = _this.intersectionObserver) === null || _this$intersectionObs13 === void 0 || _this$intersectionObs13.watchAndTag(addedNode, 'mutation:media');
                       return _context2.abrupt("return", 0);
                     case 63:
-                      _checkWithinComponent = (0, _checkWithinComponent2.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
+                      _checkWithinComponent = (0, _checkWithinComponent3.default)(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
                       if (!isWithinThirdPartySegment) {
                         _context2.next = 67;
                         break;
@@ -446,20 +445,19 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
             }
           };
         }
-        if ((0, _isDndStyleMutation.default)({
-          target: target,
-          attributeName: attributeName,
-          oldValue: oldValue,
-          newValue: newValue
-        })) {
-          return {
-            type: 'mutation:attribute:non-visual-style',
-            mutationData: {
-              attributeName: attributeName,
-              oldValue: oldValue,
-              newValue: newValue
-            }
-          };
+        if ((0, _platformFeatureFlags.fg)('platform_ufo_exclude_3p_attribute_changes')) {
+          var _checkWithinComponent2 = (0, _checkWithinComponent3.default)(target, 'UFOThirdPartySegment', _this.mapIs3pResult),
+            isWithinThirdPartySegment = _checkWithinComponent2.isWithin;
+          if (isWithinThirdPartySegment) {
+            return {
+              type: 'mutation:third-party-attribute',
+              mutationData: {
+                attributeName: attributeName,
+                oldValue: oldValue,
+                newValue: newValue
+              }
+            };
+          }
         }
         if ((0, _isNonVisualStyleMutation.default)({
           target: target,
@@ -597,7 +595,7 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
       // Clean up caches when stopping
-      (0, _checkWithinComponent2.cleanupCaches)(this.mapIs3pResult);
+      (0, _checkWithinComponent3.cleanupCaches)(this.mapIs3pResult);
     }
   }]);
 }();

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

@@ -11,6 +11,7 @@ const getConsideredEntryTypes = include3p => {
   // 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) {
     entryTypes.push('mutation:third-party-element');
+    entryTypes.push('mutation:third-party-attribute');
   }
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');

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

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { fg } from '@atlaskit/platform-feature-flags';
 import { isContainedWithinMediaWrapper } from '../../vc-observer/media-wrapper/vc-utils';
-import isDnDStyleMutation from '../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation';
 import isNonVisualStyleMutation from '../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation';
 import { RLLPlaceholderHandlers } from '../../vc-observer/observers/rll-placeholders';
 import { createIntersectionObserver } from './intersection-observer';
@@ -289,20 +288,20 @@ export default class ViewportObserver {
             }
           };
         }
-        if (isDnDStyleMutation({
-          target,
-          attributeName,
-          oldValue,
-          newValue
-        })) {
-          return {
-            type: 'mutation:attribute:non-visual-style',
-            mutationData: {
-              attributeName,
-              oldValue,
-              newValue
-            }
-          };
+        if (fg('platform_ufo_exclude_3p_attribute_changes')) {
+          const {
+            isWithin: isWithinThirdPartySegment
+          } = checkWithinComponent(target, 'UFOThirdPartySegment', this.mapIs3pResult);
+          if (isWithinThirdPartySegment) {
+            return {
+              type: 'mutation:third-party-attribute',
+              mutationData: {
+                attributeName,
+                oldValue,
+                newValue
+              }
+            };
+          }
         }
         if (isNonVisualStyleMutation({
           target,

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

@@ -18,6 +18,7 @@ var getConsideredEntryTypes = function getConsideredEntryTypes(include3p) {
   // 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) {
     entryTypes.push('mutation:third-party-element');
+    entryTypes.push('mutation:third-party-attribute');
   }
   if (fg('platform_ufo_enable_media_for_ttvc_v3')) {
     entryTypes.push('mutation:media');

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

@@ -8,7 +8,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 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';
 import { isContainedWithinMediaWrapper } from '../../vc-observer/media-wrapper/vc-utils';
-import isDnDStyleMutation from '../../vc-observer/observers/non-visual-styles/is-dnd-style-mutation';
 import isNonVisualStyleMutation from '../../vc-observer/observers/non-visual-styles/is-non-visual-style-mutation';
 import { RLLPlaceholderHandlers } from '../../vc-observer/observers/rll-placeholders';
 import { createIntersectionObserver } from './intersection-observer';
@@ -437,20 +436,19 @@ var ViewportObserver = /*#__PURE__*/function () {
             }
           };
         }
-        if (isDnDStyleMutation({
-          target: target,
-          attributeName: attributeName,
-          oldValue: oldValue,
-          newValue: newValue
-        })) {
-          return {
-            type: 'mutation:attribute:non-visual-style',
-            mutationData: {
-              attributeName: attributeName,
-              oldValue: oldValue,
-              newValue: newValue
-            }
-          };
+        if (fg('platform_ufo_exclude_3p_attribute_changes')) {
+          var _checkWithinComponent2 = checkWithinComponent(target, 'UFOThirdPartySegment', _this.mapIs3pResult),
+            isWithinThirdPartySegment = _checkWithinComponent2.isWithin;
+          if (isWithinThirdPartySegment) {
+            return {
+              type: 'mutation:third-party-attribute',
+              mutationData: {
+                attributeName: attributeName,
+                oldValue: oldValue,
+                newValue: newValue
+              }
+            };
+          }
         }
         if (isNonVisualStyleMutation({
           target: target,

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

@@ -1,6 +1,6 @@
 import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
-export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
+export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
     readonly type: VCObserverEntryType;
     readonly elementName: string;

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

@@ -1,6 +1,6 @@
 import type { AbortReasonType, InteractionType } from '../../common/common/types';
 import type { ObservedWindowEvent } from './window-event-observer';
-export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
+export type VCObserverEntryType = 'mutation:child-element' | 'mutation:remount' | 'mutation:element' | 'mutation:element-replacement' | 'mutation:display-contents-children-element' | 'mutation:attribute:no-layout-shift' | 'mutation:attribute:non-visual-style' | 'mutation:attribute' | 'mutation:media' | 'mutation:rll-placeholder' | 'mutation:third-party-element' | 'mutation:third-party-attribute' | 'mutation:ssr-placeholder' | 'layout-shift' | 'layout-shift:same-rect' | 'window:event' | 'ssr-hydration' | 'unknown';
 export type ViewportEntryData = {
     readonly type: VCObserverEntryType;
     readonly elementName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.13.0",
+	"version": "4.13.1",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -169,6 +169,9 @@
 		},
 		"react_ufo_add_webdriver_info": {
 			"type": "boolean"
+		},
+		"platform_ufo_exclude_3p_attribute_changes": {
+			"type": "boolean"
 		}
 	}
 }