@atlaskit/react-ufo 4.15.4 → 4.15.5

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/get-mutated-elements.js

@@ -3,9 +3,21 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 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';
+function isElementStyledWithDisplayContents(element) {
+  var _window2;
+  // To minimise calling `getComputedStyle`, we are making an assumption that if an element is from the Entrypoints framework, then it will have `display: contents` styling
+  // as per https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/e4ccf437262ef4c0fd3c651ffb7ad4770b15aed4/jira/src/packages/platform/entry-points/entry-point-placeholder/src/index.tsx#lines-136
+  if (fg('platform_ufo_detect_entrypoint_parent')) {
+    var _window;
+    if (element.hasAttribute('data-ep-placeholder-id')) {
+      return true;
+    }
+    return ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(element)) === null || _window === void 0 ? void 0 : _window.display) === 'contents';
+  }
+  return ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(element)) === null || _window2 === void 0 ? void 0 : _window2.display) === 'contents';
+}
 var MAX_NESTED_LEVELS_OF_DISPLAY_CONTENT_ELEMENTS_HANDLED = 3;
 export function getMutatedElements(element) {
-  var _window;
   var depthLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   if (fg('platform_ufo_disable_vcnext_observations')) {
     return [{
@@ -13,16 +25,15 @@ export function getMutatedElements(element) {
       isDisplayContentsElementChildren: false
     }];
   }
-  if (((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(element)) === null || _window === void 0 ? void 0 : _window.display) === 'contents') {
+  if (isElementStyledWithDisplayContents(element)) {
     var mutatedElements = [];
     var nestedDisplayContentsElementChildren = [];
     var _iterator = _createForOfIteratorHelper(element.children),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _window2;
         var child = _step.value;
-        if (((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(child)) === null || _window2 === void 0 ? void 0 : _window2.display) === 'contents') {
+        if (isElementStyledWithDisplayContents(child)) {
           nestedDisplayContentsElementChildren.push(child);
         }
         mutatedElements.push({

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/is-zero-dimension-rectangle.js

@@ -0,0 +1,3 @@
+export function isZeroDimensionRectangle(rect) {
+  return rect.bottom === 0 && rect.top === 0 && rect.left === 0 && rect.right === 0 && rect.x === 0 && rect.y === 0 && rect.width === 0 && rect.height === 0;
+}

package/dist/types/vc/vc-observer/observers/ssr-placeholders/index.d.ts

@@ -33,6 +33,7 @@ export declare class SSRPlaceholderHandlers {
     checkIfExistedAndSizeMatchingV3(el: HTMLElement): boolean;
     getSize(el: HTMLElement): Promise<Rect>;
     validateReactComponentMatchToPlaceholder(el: HTMLElement): Promise<boolean>;
+    validateReactComponentMatchToPlaceholderV4(el: HTMLElement): boolean;
     hasSameSizePosition(rect: Rect | undefined, boundingClientRect: DOMRectReadOnly): boolean;
     /**
      * Gets the effective bounding rectangle for an element, handling display: contents elements

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:third-party-attribute' | '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:display-contents-children-attribute' | '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/vc/vc-observer-new/viewport-observer/utils/is-zero-dimension-rectangle.d.ts

@@ -0,0 +1 @@
+export declare function isZeroDimensionRectangle(rect: DOMRectReadOnly): boolean;

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

@@ -33,6 +33,7 @@ export declare class SSRPlaceholderHandlers {
     checkIfExistedAndSizeMatchingV3(el: HTMLElement): boolean;
     getSize(el: HTMLElement): Promise<Rect>;
     validateReactComponentMatchToPlaceholder(el: HTMLElement): Promise<boolean>;
+    validateReactComponentMatchToPlaceholderV4(el: HTMLElement): boolean;
     hasSameSizePosition(rect: Rect | undefined, boundingClientRect: DOMRectReadOnly): boolean;
     /**
      * Gets the effective bounding rectangle for an element, handling display: contents elements

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:third-party-attribute' | '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:display-contents-children-attribute' | '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/viewport-observer/utils/is-zero-dimension-rectangle.d.ts

@@ -0,0 +1 @@
+export declare function isZeroDimensionRectangle(rect: DOMRectReadOnly): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.15.4",
+	"version": "4.15.5",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -92,6 +92,9 @@
 		"platform_ufo_remove_deprecated_config_fields": {
 			"type": "boolean"
 		},
+		"platform_ufo_detect_entrypoint_parent": {
+			"type": "boolean"
+		},
 		"enable_ufo_devtools_api_for_extra_events": {
 			"type": "boolean"
 		},
@@ -182,6 +185,9 @@
 		"platform_ufo_enable_vc_raw_data": {
 			"type": "boolean"
 		},
+		"platform_ufo_detect_zero_dimension_rectangles": {
+			"type": "boolean"
+		},
 		"platform_mark_ufo_segment_first_load": {
 			"type": "boolean"
 		}