@atlaskit/react-ufo 4.15.16 → 4.15.17

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

@@ -8,31 +8,12 @@ import { createIntersectionObserver } from './intersection-observer';
 import createMutationObserver from './mutation-observer';
 import createPerformanceObserver from './performance-observer';
 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 { isInputNameMutation } from './utils/is-input-name-mutation';
 import { isSameRectDimensions } from './utils/is-same-rect-dimensions';
 import { isSameRectSize } from './utils/is-same-rect-size';
-const createElementMutationsWatcher = removedNodeRects => ({
-  target,
-  rect
-}) => {
-  const isInIgnoreLsMarker = isInVCIgnoreIfNoLayoutShiftMarker(target);
-  if (!isInIgnoreLsMarker) {
-    return 'mutation:element';
-  }
-  const isRLLPlaceholder = RLLPlaceholderHandlers.getInstance().isRLLPlaceholderHydration(rect);
-  if (isRLLPlaceholder && isInIgnoreLsMarker) {
-    return 'mutation:rll-placeholder';
-  }
-  const wasDeleted = removedNodeRects.some(nr => isSameRectDimensions(nr, rect));
-  if (wasDeleted && isInIgnoreLsMarker) {
-    return 'mutation:element-replacement';
-  }
-  return 'mutation:element';
-};
-const createElementMutationsWatcherV4 = (removedNodeRects, isWithinThirdPartySegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) => ({
+const createElementMutationsWatcher = (removedNodeRects, isWithinThirdPartySegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) => ({
   target,
   rect
 }) => {
@@ -139,118 +120,23 @@ export default class ViewportObserver {
       });
       const targetNode = target.deref();
       for (const addedNodeRef of addedNodes) {
+        var _this$getSSRState, _this$getSSRState$cal, _this$intersectionObs;
         const addedNode = addedNodeRef.deref();
         if (!addedNode) {
           continue;
         }
-        if (fg('platform_ufo_detect_zero_dimension_rectangles')) {
-          var _this$getSSRState, _this$getSSRState$cal, _this$intersectionObs;
-          const hasSameDeletedNode = removedNodes.find(ref => {
-            const n = ref.deref();
-            if (!n || !addedNode) {
-              return false;
-            }
-            return n.isEqualNode(addedNode);
-          });
-          const {
-            isWithin: isWithinThirdPartySegment
-          } = checkWithinComponent(addedNode, 'UFOThirdPartySegment', this.mapIs3pResult);
-          const isTargetReactRoot = targetNode === ((_this$getSSRState = this.getSSRState) === null || _this$getSSRState === void 0 ? void 0 : (_this$getSSRState$cal = _this$getSSRState.call(this)) === null || _this$getSSRState$cal === void 0 ? void 0 : _this$getSSRState$cal.reactRootElement);
-          (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcherV4(removedNodeRects, isWithinThirdPartySegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, this.getSSRState, this.getSSRPlaceholderHandler));
-        } else {
-          for (const {
-            isDisplayContentsElementChildren,
-            element
-          } of getMutatedElements(addedNode)) {
-            // SSR hydration logic
-            if (this.getSSRState) {
-              const ssrState = this.getSSRState();
-              const SSRStateEnum = {
-                normal: 1,
-                waitingForFirstRender: 2,
-                ignoring: 3
-              };
-              if (ssrState.state === SSRStateEnum.waitingForFirstRender && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement) {
-                var _this$intersectionObs2;
-                ssrState.state = SSRStateEnum.ignoring;
-                if (ssrState.renderStop === -1) {
-                  // arbitrary 500ms DOM update window
-                  ssrState.renderStop = timestamp + 500;
-                }
-                (_this$intersectionObs2 = this.intersectionObserver) === null || _this$intersectionObs2 === void 0 ? void 0 : _this$intersectionObs2.watchAndTag(element, 'ssr-hydration');
-                continue;
-              }
-              if (ssrState.state === SSRStateEnum.ignoring && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement) {
-                if (timestamp <= ssrState.renderStop) {
-                  var _this$intersectionObs3;
-                  (_this$intersectionObs3 = this.intersectionObserver) === null || _this$intersectionObs3 === void 0 ? void 0 : _this$intersectionObs3.watchAndTag(element, 'ssr-hydration');
-                  continue;
-                } else {
-                  ssrState.state = SSRStateEnum.normal;
-                }
-              }
-            }
-
-            // SSR placeholder logic - check and handle with await
-            if (this.getSSRPlaceholderHandler) {
-              const ssrPlaceholderHandler = this.getSSRPlaceholderHandler();
-              if (ssrPlaceholderHandler) {
-                if (ssrPlaceholderHandler.isPlaceholder(element) || ssrPlaceholderHandler.isPlaceholderIgnored(element)) {
-                  if (ssrPlaceholderHandler.checkIfExistedAndSizeMatchingV3(element)) {
-                    var _this$intersectionObs4;
-                    (_this$intersectionObs4 = this.intersectionObserver) === null || _this$intersectionObs4 === void 0 ? void 0 : _this$intersectionObs4.watchAndTag(element, 'mutation:ssr-placeholder');
-                    continue;
-                  }
-                  // If result is false, continue to normal mutation logic below
-                }
-                if (ssrPlaceholderHandler.isPlaceholderReplacement(element) || ssrPlaceholderHandler.isPlaceholderIgnored(element)) {
-                  const result = await ssrPlaceholderHandler.validateReactComponentMatchToPlaceholder(element);
-                  if (result !== false) {
-                    var _this$intersectionObs5;
-                    (_this$intersectionObs5 = this.intersectionObserver) === null || _this$intersectionObs5 === void 0 ? void 0 : _this$intersectionObs5.watchAndTag(element, 'mutation:ssr-placeholder');
-                    continue;
-                  }
-                  // If result is false, continue to normal mutation logic below
-                }
-              }
-            }
-            const sameDeletedNode = removedNodes.find(ref => {
-              const n = ref.deref();
-              if (!n || !element) {
-                return false;
-              }
-              return n.isEqualNode(element);
-            });
-            const isInIgnoreLsMarker = element instanceof HTMLElement ? isInVCIgnoreIfNoLayoutShiftMarker(element) : false;
-            if (sameDeletedNode && isInIgnoreLsMarker) {
-              var _this$intersectionObs6;
-              (_this$intersectionObs6 = this.intersectionObserver) === null || _this$intersectionObs6 === void 0 ? void 0 : _this$intersectionObs6.watchAndTag(element, 'mutation:remount');
-              continue;
-            }
-            if (isContainedWithinMediaWrapper(element)) {
-              var _this$intersectionObs7;
-              (_this$intersectionObs7 = this.intersectionObserver) === null || _this$intersectionObs7 === void 0 ? void 0 : _this$intersectionObs7.watchAndTag(element, 'mutation:media');
-              continue;
-            }
-            const {
-              isWithin: isWithinThirdPartySegment
-            } = element instanceof HTMLElement ? checkWithinComponent(element, 'UFOThirdPartySegment', this.mapIs3pResult) : {
-              isWithin: false
-            };
-            if (isWithinThirdPartySegment) {
-              var _this$intersectionObs8;
-              (_this$intersectionObs8 = this.intersectionObserver) === null || _this$intersectionObs8 === void 0 ? void 0 : _this$intersectionObs8.watchAndTag(element, 'mutation:third-party-element');
-              continue;
-            }
-            if (isDisplayContentsElementChildren) {
-              var _this$intersectionObs9;
-              (_this$intersectionObs9 = this.intersectionObserver) === null || _this$intersectionObs9 === void 0 ? void 0 : _this$intersectionObs9.watchAndTag(element, 'mutation:display-contents-children-element');
-            } else {
-              var _this$intersectionObs0;
-              (_this$intersectionObs0 = this.intersectionObserver) === null || _this$intersectionObs0 === void 0 ? void 0 : _this$intersectionObs0.watchAndTag(element, createElementMutationsWatcher(removedNodeRects));
-            }
+        const hasSameDeletedNode = removedNodes.find(ref => {
+          const n = ref.deref();
+          if (!n || !addedNode) {
+            return false;
           }
-        }
+          return n.isEqualNode(addedNode);
+        });
+        const {
+          isWithin: isWithinThirdPartySegment
+        } = checkWithinComponent(addedNode, 'UFOThirdPartySegment', this.mapIs3pResult);
+        const isTargetReactRoot = targetNode === ((_this$getSSRState = this.getSSRState) === null || _this$getSSRState === void 0 ? void 0 : (_this$getSSRState$cal = _this$getSSRState.call(this)) === null || _this$getSSRState$cal === void 0 ? void 0 : _this$getSSRState$cal.reactRootElement);
+        (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, this.getSSRState, this.getSSRPlaceholderHandler));
       }
     });
     _defineProperty(this, "handleAttributeMutation", ({
@@ -259,8 +145,8 @@ export default class ViewportObserver {
       oldValue,
       newValue
     }) => {
-      var _this$intersectionObs1;
-      (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 ? void 0 : _this$intersectionObs1.watchAndTag(target, ({
+      var _this$intersectionObs2;
+      (_this$intersectionObs2 = this.intersectionObserver) === null || _this$intersectionObs2 === void 0 ? void 0 : _this$intersectionObs2.watchAndTag(target, ({
         target,
         rect
       }) => {
@@ -432,12 +318,12 @@ export default class ViewportObserver {
     this.isStarted = true;
   }
   stop() {
-    var _this$mutationObserve2, _this$intersectionObs10, _this$performanceObse2;
+    var _this$mutationObserve2, _this$intersectionObs3, _this$performanceObse2;
     if (!this.isStarted) {
       return;
     }
     (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 ? void 0 : _this$mutationObserve2.disconnect();
-    (_this$intersectionObs10 = this.intersectionObserver) === null || _this$intersectionObs10 === void 0 ? void 0 : _this$intersectionObs10.disconnect();
+    (_this$intersectionObs3 = this.intersectionObserver) === null || _this$intersectionObs3 === void 0 ? void 0 : _this$intersectionObs3.disconnect();
     (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 ? void 0 : _this$performanceObse2.disconnect();
     this.isStarted = false;
     // Clean up caches when stopping

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

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 import { isZeroDimensionRectangle } from '../utils/is-zero-dimension-rectangle';
 function isValidEntry(entry) {
   return entry.isIntersecting && entry.intersectionRect.width > 0 && entry.intersectionRect.height > 0;
@@ -20,31 +19,29 @@ export function createIntersectionObserver({
         return;
       }
       const tagOrCallback = callbacksPerElement.get(entry.target);
-      if (fg('platform_ufo_detect_zero_dimension_rectangles')) {
-        if (isZeroDimensionRectangle(entry.intersectionRect)) {
-          const zeroDimensionRectangleTagCallback = props => {
-            const tagOrCallbackResult = typeof tagOrCallback === 'function' ? tagOrCallback(props) : tagOrCallback;
+      if (isZeroDimensionRectangle(entry.intersectionRect)) {
+        const zeroDimensionRectangleTagCallback = props => {
+          const tagOrCallbackResult = typeof tagOrCallback === 'function' ? tagOrCallback(props) : tagOrCallback;
 
-            // override as display-contents mutation
-            if (tagOrCallbackResult === 'mutation:element') {
-              return 'mutation:display-contents-children-element';
-            }
+          // override as display-contents mutation
+          if (tagOrCallbackResult === 'mutation:element') {
+            return 'mutation:display-contents-children-element';
+          }
 
-            // override as display-contents mutation
-            if (tagOrCallbackResult && typeof tagOrCallbackResult !== 'string' && tagOrCallbackResult.type === 'mutation:attribute') {
-              return {
-                type: 'mutation:display-contents-children-attribute',
-                mutationData: tagOrCallbackResult.mutationData
-              };
-            }
-            return tagOrCallbackResult;
-          };
-          for (const child of entry.target.children) {
-            observer.observe(child);
-            callbacksPerElement.set(child, zeroDimensionRectangleTagCallback);
+          // override as display-contents mutation
+          if (tagOrCallbackResult && typeof tagOrCallbackResult !== 'string' && tagOrCallbackResult.type === 'mutation:attribute') {
+            return {
+              type: 'mutation:display-contents-children-attribute',
+              mutationData: tagOrCallbackResult.mutationData
+            };
           }
-          return;
+          return tagOrCallbackResult;
+        };
+        for (const child of entry.target.children) {
+          observer.observe(child);
+          callbacksPerElement.set(child, zeroDimensionRectangleTagCallback);
         }
+        return;
       }
       if (!isValidEntry(entry)) {
         return;

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

@@ -15,9 +15,7 @@ var getConsideredEntryTypes = function getConsideredEntryTypes() {
   if (fg('platform_ufo_remove_ssr_placeholder_in_ttvc_v4')) {
     consideredEntryTypes.push('mutation:ssr-placeholder');
   }
-  if (fg('platform_ufo_detect_zero_dimension_rectangles')) {
-    consideredEntryTypes.push('mutation:display-contents-children-attribute');
-  }
+  consideredEntryTypes.push('mutation:display-contents-children-attribute');
   return consideredEntryTypes;
 };
 var getExcludedEntryTypes = function getExcludedEntryTypes() {