@atlaskit/react-ufo 4.15.3 → 4.15.5

package/dist/esm/segment/ssr-render-profiler.js

@@ -0,0 +1,72 @@
+var _process;
+import React, { useMemo } from 'react';
+import { getActiveInteraction } from '../interaction-metrics';
+
+// These are stored outside react context to be resilient to concurrent mode
+// restarting the start marker from a suspense and losing the initial render
+var startTimes = new Map();
+// Keep track of the last interaction id and reset the start timers if it ever changes.
+// This is to allow multi-step ssr to track the render timers from different "interaction"s seperately
+var lastActiveInteraction;
+function checkActiveInteractionAndResetStartMarksIfSet() {
+  var _getActiveInteraction;
+  var activeInteractionId = (_getActiveInteraction = getActiveInteraction()) === null || _getActiveInteraction === void 0 ? void 0 : _getActiveInteraction.id;
+  if (!!lastActiveInteraction && lastActiveInteraction !== activeInteractionId) {
+    startTimes.clear();
+  }
+  lastActiveInteraction = activeInteractionId;
+}
+var onStartRender = function onStartRender(id) {
+  var _startTimes$get;
+  if (!startTimes.has(id)) {
+    startTimes.set(id, []);
+  }
+  (_startTimes$get = startTimes.get(id)) === null || _startTimes$get === void 0 || _startTimes$get.push(performance.now());
+};
+var isInSSR = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.__SERVER__) || typeof process !== 'undefined' && Boolean(((_process = process) === null || _process === void 0 || (_process = _process.env) === null || _process === void 0 ? void 0 : _process.REACT_SSR) || false);
+var ProfilerMarker = function ProfilerMarker(_ref) {
+  var onRender = _ref.onRender;
+  if (isInSSR) {
+    onRender === null || onRender === void 0 || onRender();
+  }
+  return null;
+};
+export var SsrRenderProfilerInner = function SsrRenderProfilerInner(_ref2) {
+  var children = _ref2.children,
+    labelStack = _ref2.labelStack,
+    _onRender = _ref2.onRender;
+  var reactProfilerId = useMemo(function () {
+    return labelStack.map(function (l) {
+      return l.name;
+    }).join('/');
+  }, [labelStack]);
+  checkActiveInteractionAndResetStartMarksIfSet();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProfilerMarker, {
+    onRender: function onRender() {
+      return onStartRender(reactProfilerId);
+    }
+  }), children, /*#__PURE__*/React.createElement(ProfilerMarker, {
+    onRender: function onRender() {
+      var startTimesForId = startTimes.get(reactProfilerId);
+      if (startTimesForId !== null && startTimesForId !== void 0 && startTimesForId.length) {
+        var endTime = performance.now();
+        var firstStartTime = startTimesForId[0];
+        var lastStartTime = startTimesForId[startTimesForId.length - 1];
+        var baseDuration = endTime - lastStartTime;
+        var actualDuration = endTime - firstStartTime;
+        _onRender('mount',
+        // this is incorrect, but on the server there is no mount phase
+        actualDuration, baseDuration, firstStartTime, endTime);
+      }
+    }
+  }));
+};
+var SsrRenderProfiler = function SsrRenderProfiler(props) {
+  if (isInSSR) {
+    return /*#__PURE__*/React.createElement(SsrRenderProfilerInner, props);
+  }
+
+  // ensure structure similar to SSR implementation
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProfilerMarker, null), props.children);
+};
+export default SsrRenderProfiler;

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

@@ -266,6 +266,13 @@ export var SSRPlaceholderHandlers = /*#__PURE__*/function () {
         }
       });
     }
+  }, {
+    key: "validateReactComponentMatchToPlaceholderV4",
+    value: function validateReactComponentMatchToPlaceholderV4(el) {
+      el = this.findNearestPlaceholderContainerIfIgnored(el);
+      var id = this.getPlaceholderReplacementId(el);
+      return this.staticPlaceholders.has(id);
+    }
   }, {
     key: "hasSameSizePosition",
     value: function hasSameSizePosition(rect, boundingClientRect) {

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

@@ -17,7 +17,10 @@ var getConsideredEntryTypes = function getConsideredEntryTypes() {
   if (fg('platform_ufo_remove_ssr_placeholder_in_ttvc_v4')) {
     consideredEntryTypes.push('mutation:ssr-placeholder');
   }
-  return ['mutation:display-contents-children-element'];
+  if (fg('platform_ufo_detect_zero_dimension_rectangles')) {
+    consideredEntryTypes.push('mutation:display-contents-children-attribute');
+  }
+  return consideredEntryTypes;
 };
 var getExcludedEntryTypes = function getExcludedEntryTypes() {
   var excludedEntryTypes = ['layout-shift:same-rect'];