@atlaskit/react-ufo 4.14.0 → 4.14.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.14.1
+
+### Patch Changes
+
+- [`1cd3b31cac6ef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1cd3b31cac6ef) -
+  FG cleanup - platform_ufo_ssr_placeholders_for_display_contents
+
 ## 4.14.0
 
 ### Minor Changes

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

@@ -8,7 +8,6 @@ exports.SSRPlaceholderHandlers = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var ANCESTOR_LOOKUP_LIMIT = 10;
 var PAGE_LAYOUT_ID = 'page-layout.root';
 var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/function () {
@@ -291,45 +290,40 @@ var SSRPlaceholderHandlers = exports.SSRPlaceholderHandlers = /*#__PURE__*/funct
   }, {
     key: "getEffectiveBoundingRect",
     value: function getEffectiveBoundingRect(el) {
-      var enableDisplayContentsSupport = (0, _platformFeatureFlags.fg)('platform_ufo_ssr_placeholders_for_display_contents');
+      var computedStyle = window.getComputedStyle(el);
 
-      // Only handle display: contents if feature flag is enabled
-      if (enableDisplayContentsSupport) {
-        var computedStyle = window.getComputedStyle(el);
+      // If element has display: contents, collect bounding rect from children
+      if (computedStyle.display === 'contents') {
+        var children = Array.from(el.children);
+        if (children.length === 0) {
+          // No children, return zero rect
+          return new DOMRect(0, 0, 0, 0);
+        }
 
-        // If element has display: contents, collect bounding rect from children
-        if (computedStyle.display === 'contents') {
-          var children = Array.from(el.children);
-          if (children.length === 0) {
-            // No children, return zero rect
-            return new DOMRect(0, 0, 0, 0);
+        // Calculate union of all children's bounding rects
+        var minX = Infinity;
+        var minY = Infinity;
+        var maxX = -Infinity;
+        var maxY = -Infinity;
+        children.forEach(function (child) {
+          var childRect = child.getBoundingClientRect();
+          // Skip children with zero dimensions (likely also display: contents)
+          if (childRect.width > 0 || childRect.height > 0) {
+            minX = Math.min(minX, childRect.left);
+            minY = Math.min(minY, childRect.top);
+            maxX = Math.max(maxX, childRect.right);
+            maxY = Math.max(maxY, childRect.bottom);
           }
+        });
 
-          // Calculate union of all children's bounding rects
-          var minX = Infinity;
-          var minY = Infinity;
-          var maxX = -Infinity;
-          var maxY = -Infinity;
-          children.forEach(function (child) {
-            var childRect = child.getBoundingClientRect();
-            // Skip children with zero dimensions (likely also display: contents)
-            if (childRect.width > 0 || childRect.height > 0) {
-              minX = Math.min(minX, childRect.left);
-              minY = Math.min(minY, childRect.top);
-              maxX = Math.max(maxX, childRect.right);
-              maxY = Math.max(maxY, childRect.bottom);
-            }
-          });
-
-          // If no children with dimensions found, return zero rect
-          if (minX === Infinity) {
-            return new DOMRect(0, 0, 0, 0);
-          }
-          return new DOMRect(minX, minY, maxX - minX, maxY - minY);
+        // If no children with dimensions found, return zero rect
+        if (minX === Infinity) {
+          return new DOMRect(0, 0, 0, 0);
         }
+        return new DOMRect(minX, minY, maxX - minX, maxY - minY);
       }
 
-      // Normal element or feature flag disabled, return its bounding rect
+      // Normal element, return its bounding rect
       return el.getBoundingClientRect();
     }
   }, {

package/dist/cjs/vc/vc-observer/observers/ssr-placeholders/ssr-scripts/collectSSRPlaceholderDimensions.js

@@ -4,34 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.collectSSRPlaceholderDimensions = collectSSRPlaceholderDimensions;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 // lightweight script to scan the SSR response and collect all elements with data-ssr-placeholder attribute
 // and save their size/positions in a map __SSR_PLACEHOLDERS_DIMENSIONS__ on the Window object. Each placeholderId is
 // unique and maps to its corresponding elements bounding client rectangle dimensions.
 function collectSSRPlaceholderDimensions(document, window) {
   var enablePageLayoutPlaceholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var enableDisplayContentsSupport = (0, _platformFeatureFlags.fg)('platform_ufo_ssr_placeholders_for_display_contents');
   var ssrPlaceholders = document === null || document === void 0 ? void 0 : document.querySelectorAll('[data-ssr-placeholder]');
   ssrPlaceholders.forEach(function (elem) {
     var placeholderId = elem.getAttribute('data-ssr-placeholder');
     if (placeholderId) {
       window.__SSR_PLACEHOLDERS_DIMENSIONS__ = window.__SSR_PLACEHOLDERS_DIMENSIONS__ || {};
-      if (enableDisplayContentsSupport) {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = getEffectiveBoundingRect(elem, window);
-      } else {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = elem.getBoundingClientRect();
-      }
+      window.__SSR_PLACEHOLDERS_DIMENSIONS__[placeholderId] = getEffectiveBoundingRect(elem, window);
     }
   });
   if (enablePageLayoutPlaceholder) {
     var pageLayoutRoot = document === null || document === void 0 ? void 0 : document.getElementById('unsafe-design-system-page-layout-root');
     if (pageLayoutRoot) {
       window.__SSR_PLACEHOLDERS_DIMENSIONS__ = window.__SSR_PLACEHOLDERS_DIMENSIONS__ || {};
-      if (enableDisplayContentsSupport) {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = getEffectiveBoundingRect(pageLayoutRoot, window);
-      } else {
-        window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = pageLayoutRoot.getBoundingClientRect();
-      }
+      window.__SSR_PLACEHOLDERS_DIMENSIONS__['page-layout.root'] = getEffectiveBoundingRect(pageLayoutRoot, window);
     }
   }
 }