@atlaskit/react-ufo 4.15.16 → 4.15.18

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

@@ -15,37 +15,15 @@ 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';
-var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects) {
+var createElementMutationsWatcher = function createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) {
   return function (_ref) {
     var target = _ref.target,
       rect = _ref.rect;
-    var isInIgnoreLsMarker = isInVCIgnoreIfNoLayoutShiftMarker(target);
-    if (!isInIgnoreLsMarker) {
-      return 'mutation:element';
-    }
-    var isRLLPlaceholder = RLLPlaceholderHandlers.getInstance().isRLLPlaceholderHydration(rect);
-    if (isRLLPlaceholder && isInIgnoreLsMarker) {
-      return 'mutation:rll-placeholder';
-    }
-    var wasDeleted = removedNodeRects.some(function (nr) {
-      return isSameRectDimensions(nr, rect);
-    });
-    if (wasDeleted && isInIgnoreLsMarker) {
-      return 'mutation:element-replacement';
-    }
-    return 'mutation:element';
-  };
-};
-var createElementMutationsWatcherV4 = function createElementMutationsWatcherV4(removedNodeRects, isWithinThirdPartySegment, hasSameDeletedNode, timestamp, isTargetReactRoot, getSSRState, getSSRPlaceholderHandler) {
-  return function (_ref2) {
-    var target = _ref2.target,
-      rect = _ref2.rect;
     if (getSSRState) {
       var ssrState = getSSRState();
       var SSRStateEnum = {
@@ -109,18 +87,18 @@ var createElementMutationsWatcherV4 = function createElementMutationsWatcherV4(r
 var ViewportObserver = /*#__PURE__*/function () {
   // SSR context functions
 
-  function ViewportObserver(_ref3) {
+  function ViewportObserver(_ref2) {
     var _this = this;
-    var onChange = _ref3.onChange,
-      getSSRState = _ref3.getSSRState,
-      getSSRPlaceholderHandler = _ref3.getSSRPlaceholderHandler;
+    var onChange = _ref2.onChange,
+      getSSRState = _ref2.getSSRState,
+      getSSRPlaceholderHandler = _ref2.getSSRPlaceholderHandler;
     _classCallCheck(this, ViewportObserver);
-    _defineProperty(this, "handleIntersectionEntry", function (_ref4) {
-      var target = _ref4.target,
-        rect = _ref4.rect,
-        time = _ref4.time,
-        type = _ref4.type,
-        mutationData = _ref4.mutationData;
+    _defineProperty(this, "handleIntersectionEntry", function (_ref3) {
+      var target = _ref3.target,
+        rect = _ref3.rect,
+        time = _ref3.time,
+        type = _ref3.type,
+        mutationData = _ref3.mutationData;
       if (!target) {
         return;
       }
@@ -138,12 +116,12 @@ var ViewportObserver = /*#__PURE__*/function () {
       });
     });
     _defineProperty(this, "handleChildListMutation", /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref5) {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
         var target, addedNodes, removedNodes, timestamp, removedNodeRects, targetNode, _iterator, _step, _loop;
-        return _regeneratorRuntime.wrap(function _callee$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime.wrap(function _callee$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              target = _ref5.target, addedNodes = _ref5.addedNodes, removedNodes = _ref5.removedNodes, timestamp = _ref5.timestamp;
+              target = _ref4.target, addedNodes = _ref4.addedNodes, removedNodes = _ref4.removedNodes, timestamp = _ref4.timestamp;
               removedNodeRects = removedNodes.map(function (ref) {
                 var n = ref.deref();
                 if (!n) {
@@ -153,24 +131,21 @@ var ViewportObserver = /*#__PURE__*/function () {
               });
               targetNode = target.deref();
               _iterator = _createForOfIteratorHelper(addedNodes);
-              _context3.prev = 4;
+              _context2.prev = 4;
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
-                var addedNodeRef, addedNode, _this$getSSRState, _this$intersectionObs, hasSameDeletedNode, _checkWithinComponent, isWithinThirdPartySegment, isTargetReactRoot, _iterator2, _step2, _loop2, _ret;
-                return _regeneratorRuntime.wrap(function _loop$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
+                var _this$getSSRState, _this$intersectionObs;
+                var addedNodeRef, addedNode, hasSameDeletedNode, _checkWithinComponent, isWithinThirdPartySegment, isTargetReactRoot;
+                return _regeneratorRuntime.wrap(function _loop$(_context) {
+                  while (1) switch (_context.prev = _context.next) {
                     case 0:
                       addedNodeRef = _step.value;
                       addedNode = addedNodeRef.deref();
                       if (addedNode) {
-                        _context2.next = 4;
+                        _context.next = 4;
                         break;
                       }
-                      return _context2.abrupt("return", 1);
+                      return _context.abrupt("return", 1);
                     case 4:
-                      if (!fg('platform_ufo_detect_zero_dimension_rectangles')) {
-                        _context2.next = 11;
-                        break;
-                      }
                       hasSameDeletedNode = removedNodes.find(function (ref) {
                         var n = ref.deref();
                         if (!n || !addedNode) {
@@ -180,211 +155,59 @@ var ViewportObserver = /*#__PURE__*/function () {
                       });
                       _checkWithinComponent = checkWithinComponent(addedNode, 'UFOThirdPartySegment', _this.mapIs3pResult), isWithinThirdPartySegment = _checkWithinComponent.isWithin;
                       isTargetReactRoot = targetNode === ((_this$getSSRState = _this.getSSRState) === null || _this$getSSRState === void 0 || (_this$getSSRState = _this$getSSRState.call(_this)) === null || _this$getSSRState === void 0 ? void 0 : _this$getSSRState.reactRootElement);
-                      (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcherV4(removedNodeRects, isWithinThirdPartySegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, _this.getSSRState, _this.getSSRPlaceholderHandler));
-                      _context2.next = 30;
-                      break;
-                    case 11:
-                      _iterator2 = _createForOfIteratorHelper(getMutatedElements(addedNode));
-                      _context2.prev = 12;
-                      _loop2 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop2() {
-                        var _step2$value, isDisplayContentsElementChildren, element, ssrState, SSRStateEnum, _this$intersectionObs2, _this$intersectionObs3, ssrPlaceholderHandler, _this$intersectionObs4, result, _this$intersectionObs5, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs6, _this$intersectionObs7, _ref7, isWithinThirdPartySegment, _this$intersectionObs8, _this$intersectionObs9, _this$intersectionObs0;
-                        return _regeneratorRuntime.wrap(function _loop2$(_context) {
-                          while (1) switch (_context.prev = _context.next) {
-                            case 0:
-                              _step2$value = _step2.value, isDisplayContentsElementChildren = _step2$value.isDisplayContentsElementChildren, element = _step2$value.element;
-                              if (!_this.getSSRState) {
-                                _context.next = 16;
-                                break;
-                              }
-                              ssrState = _this.getSSRState();
-                              SSRStateEnum = {
-                                normal: 1,
-                                waitingForFirstRender: 2,
-                                ignoring: 3
-                              };
-                              if (!(ssrState.state === SSRStateEnum.waitingForFirstRender && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement)) {
-                                _context.next = 9;
-                                break;
-                              }
-                              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 || _this$intersectionObs2.watchAndTag(element, 'ssr-hydration');
-                              return _context.abrupt("return", 0);
-                            case 9:
-                              if (!(ssrState.state === SSRStateEnum.ignoring && timestamp > ssrState.renderStart && targetNode === ssrState.reactRootElement)) {
-                                _context.next = 16;
-                                break;
-                              }
-                              if (!(timestamp <= ssrState.renderStop)) {
-                                _context.next = 15;
-                                break;
-                              }
-                              (_this$intersectionObs3 = _this.intersectionObserver) === null || _this$intersectionObs3 === void 0 || _this$intersectionObs3.watchAndTag(element, 'ssr-hydration');
-                              return _context.abrupt("return", 0);
-                            case 15:
-                              ssrState.state = SSRStateEnum.normal;
-                            case 16:
-                              if (!_this.getSSRPlaceholderHandler) {
-                                _context.next = 30;
-                                break;
-                              }
-                              ssrPlaceholderHandler = _this.getSSRPlaceholderHandler();
-                              if (!ssrPlaceholderHandler) {
-                                _context.next = 30;
-                                break;
-                              }
-                              if (!(ssrPlaceholderHandler.isPlaceholder(element) || ssrPlaceholderHandler.isPlaceholderIgnored(element))) {
-                                _context.next = 23;
-                                break;
-                              }
-                              if (!ssrPlaceholderHandler.checkIfExistedAndSizeMatchingV3(element)) {
-                                _context.next = 23;
-                                break;
-                              }
-                              (_this$intersectionObs4 = _this.intersectionObserver) === null || _this$intersectionObs4 === void 0 || _this$intersectionObs4.watchAndTag(element, 'mutation:ssr-placeholder');
-                              return _context.abrupt("return", 0);
-                            case 23:
-                              if (!(ssrPlaceholderHandler.isPlaceholderReplacement(element) || ssrPlaceholderHandler.isPlaceholderIgnored(element))) {
-                                _context.next = 30;
-                                break;
-                              }
-                              _context.next = 26;
-                              return ssrPlaceholderHandler.validateReactComponentMatchToPlaceholder(element);
-                            case 26:
-                              result = _context.sent;
-                              if (!(result !== false)) {
-                                _context.next = 30;
-                                break;
-                              }
-                              (_this$intersectionObs5 = _this.intersectionObserver) === null || _this$intersectionObs5 === void 0 || _this$intersectionObs5.watchAndTag(element, 'mutation:ssr-placeholder');
-                              return _context.abrupt("return", 0);
-                            case 30:
-                              sameDeletedNode = removedNodes.find(function (ref) {
-                                var n = ref.deref();
-                                if (!n || !element) {
-                                  return false;
-                                }
-                                return n.isEqualNode(element);
-                              });
-                              isInIgnoreLsMarker = element instanceof HTMLElement ? isInVCIgnoreIfNoLayoutShiftMarker(element) : false;
-                              if (!(sameDeletedNode && isInIgnoreLsMarker)) {
-                                _context.next = 35;
-                                break;
-                              }
-                              (_this$intersectionObs6 = _this.intersectionObserver) === null || _this$intersectionObs6 === void 0 || _this$intersectionObs6.watchAndTag(element, 'mutation:remount');
-                              return _context.abrupt("return", 0);
-                            case 35:
-                              if (!isContainedWithinMediaWrapper(element)) {
-                                _context.next = 38;
-                                break;
-                              }
-                              (_this$intersectionObs7 = _this.intersectionObserver) === null || _this$intersectionObs7 === void 0 || _this$intersectionObs7.watchAndTag(element, 'mutation:media');
-                              return _context.abrupt("return", 0);
-                            case 38:
-                              _ref7 = element instanceof HTMLElement ? checkWithinComponent(element, 'UFOThirdPartySegment', _this.mapIs3pResult) : {
-                                isWithin: false
-                              }, isWithinThirdPartySegment = _ref7.isWithin;
-                              if (!isWithinThirdPartySegment) {
-                                _context.next = 42;
-                                break;
-                              }
-                              (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(element, 'mutation:third-party-element');
-                              return _context.abrupt("return", 0);
-                            case 42:
-                              if (isDisplayContentsElementChildren) {
-                                (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(element, 'mutation:display-contents-children-element');
-                              } else {
-                                (_this$intersectionObs0 = _this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.watchAndTag(element, createElementMutationsWatcher(removedNodeRects));
-                              }
-                            case 43:
-                            case "end":
-                              return _context.stop();
-                          }
-                        }, _loop2);
-                      });
-                      _iterator2.s();
-                    case 15:
-                      if ((_step2 = _iterator2.n()).done) {
-                        _context2.next = 22;
-                        break;
-                      }
-                      return _context2.delegateYield(_loop2(), "t0", 17);
-                    case 17:
-                      _ret = _context2.t0;
-                      if (!(_ret === 0)) {
-                        _context2.next = 20;
-                        break;
-                      }
-                      return _context2.abrupt("continue", 20);
-                    case 20:
-                      _context2.next = 15;
-                      break;
-                    case 22:
-                      _context2.next = 27;
-                      break;
-                    case 24:
-                      _context2.prev = 24;
-                      _context2.t1 = _context2["catch"](12);
-                      _iterator2.e(_context2.t1);
-                    case 27:
-                      _context2.prev = 27;
-                      _iterator2.f();
-                      return _context2.finish(27);
-                    case 30:
+                      (_this$intersectionObs = _this.intersectionObserver) === null || _this$intersectionObs === void 0 || _this$intersectionObs.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects, isWithinThirdPartySegment, !!hasSameDeletedNode, timestamp, isTargetReactRoot, _this.getSSRState, _this.getSSRPlaceholderHandler));
+                    case 8:
                     case "end":
-                      return _context2.stop();
+                      return _context.stop();
                   }
-                }, _loop, null, [[12, 24, 27, 30]]);
+                }, _loop);
               });
               _iterator.s();
             case 7:
               if ((_step = _iterator.n()).done) {
-                _context3.next = 13;
+                _context2.next = 13;
                 break;
               }
-              return _context3.delegateYield(_loop(), "t0", 9);
+              return _context2.delegateYield(_loop(), "t0", 9);
             case 9:
-              if (!_context3.t0) {
-                _context3.next = 11;
+              if (!_context2.t0) {
+                _context2.next = 11;
                 break;
               }
-              return _context3.abrupt("continue", 11);
+              return _context2.abrupt("continue", 11);
             case 11:
-              _context3.next = 7;
+              _context2.next = 7;
               break;
             case 13:
-              _context3.next = 18;
+              _context2.next = 18;
               break;
             case 15:
-              _context3.prev = 15;
-              _context3.t1 = _context3["catch"](4);
-              _iterator.e(_context3.t1);
+              _context2.prev = 15;
+              _context2.t1 = _context2["catch"](4);
+              _iterator.e(_context2.t1);
             case 18:
-              _context3.prev = 18;
+              _context2.prev = 18;
               _iterator.f();
-              return _context3.finish(18);
+              return _context2.finish(18);
             case 21:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
         }, _callee, null, [[4, 15, 18, 21]]);
       }));
       return function (_x) {
-        return _ref6.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }());
-    _defineProperty(this, "handleAttributeMutation", function (_ref8) {
-      var _this$intersectionObs1;
-      var target = _ref8.target,
-        attributeName = _ref8.attributeName,
-        oldValue = _ref8.oldValue,
-        newValue = _ref8.newValue;
-      (_this$intersectionObs1 = _this.intersectionObserver) === null || _this$intersectionObs1 === void 0 || _this$intersectionObs1.watchAndTag(target, function (_ref9) {
-        var target = _ref9.target,
-          rect = _ref9.rect;
+    _defineProperty(this, "handleAttributeMutation", function (_ref6) {
+      var _this$intersectionObs2;
+      var target = _ref6.target,
+        attributeName = _ref6.attributeName,
+        oldValue = _ref6.oldValue,
+        newValue = _ref6.newValue;
+      (_this$intersectionObs2 = _this.intersectionObserver) === null || _this$intersectionObs2 === void 0 || _this$intersectionObs2.watchAndTag(target, function (_ref7) {
+        var target = _ref7.target,
+          rect = _ref7.rect;
         if (isContainedWithinMediaWrapper(target)) {
           return {
             type: 'mutation:media',
@@ -485,14 +308,14 @@ var ViewportObserver = /*#__PURE__*/function () {
         };
       });
     });
-    _defineProperty(this, "handleLayoutShift", function (_ref0) {
-      var time = _ref0.time,
-        changedRects = _ref0.changedRects;
-      var _iterator3 = _createForOfIteratorHelper(changedRects),
-        _step3;
+    _defineProperty(this, "handleLayoutShift", function (_ref8) {
+      var time = _ref8.time,
+        changedRects = _ref8.changedRects;
+      var _iterator2 = _createForOfIteratorHelper(changedRects),
+        _step2;
       try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var changedRect = _step3.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var changedRect = _step2.value;
           var target = changedRect.node;
           if (target) {
             var isSameCurrentAndPreviousRects = isSameRectDimensions(changedRect.rect, changedRect.previousRect);
@@ -507,9 +330,9 @@ var ViewportObserver = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator3.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator3.f();
+        _iterator2.f();
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
@@ -566,12 +389,12 @@ var ViewportObserver = /*#__PURE__*/function () {
   }, {
     key: "stop",
     value: function 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 || _this$mutationObserve2.disconnect();
-      (_this$intersectionObs10 = this.intersectionObserver) === null || _this$intersectionObs10 === void 0 || _this$intersectionObs10.disconnect();
+      (_this$intersectionObs3 = this.intersectionObserver) === null || _this$intersectionObs3 === void 0 || _this$intersectionObs3.disconnect();
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
       // Clean up caches when stopping

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

@@ -1,7 +1,6 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 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';
 import { isZeroDimensionRectangle } from '../utils/is-zero-dimension-rectangle';
 function isValidEntry(entry) {
   return entry.isIntersecting && entry.intersectionRect.width > 0 && entry.intersectionRect.height > 0;
@@ -21,40 +20,38 @@ export function createIntersectionObserver(_ref) {
         return;
       }
       var tagOrCallback = callbacksPerElement.get(entry.target);
-      if (fg('platform_ufo_detect_zero_dimension_rectangles')) {
-        if (isZeroDimensionRectangle(entry.intersectionRect)) {
-          var zeroDimensionRectangleTagCallback = function zeroDimensionRectangleTagCallback(props) {
-            var tagOrCallbackResult = typeof tagOrCallback === 'function' ? tagOrCallback(props) : tagOrCallback;
+      if (isZeroDimensionRectangle(entry.intersectionRect)) {
+        var zeroDimensionRectangleTagCallback = function zeroDimensionRectangleTagCallback(props) {
+          var 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;
-          };
-          var _iterator = _createForOfIteratorHelper(entry.target.children),
-            _step;
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var child = _step.value;
-              observer.observe(child);
-              callbacksPerElement.set(child, zeroDimensionRectangleTagCallback);
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
+          // 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;
+        };
+        var _iterator = _createForOfIteratorHelper(entry.target.children),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var child = _step.value;
+            observer.observe(child);
+            callbacksPerElement.set(child, zeroDimensionRectangleTagCallback);
           }
-          return;
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
+        return;
       }
       if (!isValidEntry(entry)) {
         return;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.15.16",
+	"version": "4.15.18",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -194,9 +194,6 @@
 		"platform_ufo_enable_vc_raw_data": {
 			"type": "boolean"
 		},
-		"platform_ufo_detect_zero_dimension_rectangles": {
-			"type": "boolean"
-		},
 		"platform_ufo_enable_trimmed_payload": {
 			"type": "boolean"
 		},