@atlaskit/react-ufo 4.1.5 → 4.1.6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.1.6
+
+### Patch Changes
+
+- [#192382](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/192382)
+  [`5f4f054f58647`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f4f054f58647) -
+  Add hard limit for findReactFiber
+
 ## 4.1.5
 
 ### Patch Changes

package/dist/cjs/vc/vc-observer-new/viewport-observer/utils/check-within-component-and-extract-child-props.js

@@ -11,6 +11,7 @@ var _findReactFiber = _interopRequireDefault(require("./find-react-fiber"));
 var _getComponentName = _interopRequireDefault(require("./get-component-name"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DEFAULT_MAX_LEVEL = 20;
 // Using the React Fiber tree to traverse up the DOM and check if a node is within a specific component
 // and extract child component props if needed.
 function checkWithinComponentAndExtractChildProps(node, targetComponentName, childComponentConfig) {
@@ -18,11 +19,13 @@ function checkWithinComponentAndExtractChildProps(node, targetComponentName, chi
   if ((0, _platformFeatureFlags.fg)('platform_ufo_handle_non_react_element_for_3p')) {
     // Walk up the DOM tree to find React fiber (handles non-React-rendered elements)
     var currentElement = node;
-    while (currentElement && !fiber) {
+    var levelsTraversed = 0;
+    while (currentElement && !fiber && levelsTraversed < DEFAULT_MAX_LEVEL) {
       fiber = (0, _findReactFiber.default)(currentElement);
       if (!fiber) {
         currentElement = currentElement.parentElement;
       }
+      levelsTraversed++;
     }
   } else {
     fiber = (0, _findReactFiber.default)(node);

package/dist/es2019/vc/vc-observer-new/viewport-observer/utils/check-within-component-and-extract-child-props.js

@@ -1,7 +1,7 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import findReactFiber from './find-react-fiber';
 import getComponentName from './get-component-name';
-
+const DEFAULT_MAX_LEVEL = 20;
 // Using the React Fiber tree to traverse up the DOM and check if a node is within a specific component
 // and extract child component props if needed.
 export default function checkWithinComponentAndExtractChildProps(node, targetComponentName, childComponentConfig) {
@@ -9,11 +9,13 @@ export default function checkWithinComponentAndExtractChildProps(node, targetCom
   if (fg('platform_ufo_handle_non_react_element_for_3p')) {
     // Walk up the DOM tree to find React fiber (handles non-React-rendered elements)
     let currentElement = node;
-    while (currentElement && !fiber) {
+    let levelsTraversed = 0;
+    while (currentElement && !fiber && levelsTraversed < DEFAULT_MAX_LEVEL) {
       fiber = findReactFiber(currentElement);
       if (!fiber) {
         currentElement = currentElement.parentElement;
       }
+      levelsTraversed++;
     }
   } else {
     fiber = findReactFiber(node);

package/dist/esm/vc/vc-observer-new/viewport-observer/utils/check-within-component-and-extract-child-props.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { fg } from '@atlaskit/platform-feature-flags';
 import findReactFiber from './find-react-fiber';
 import getComponentName from './get-component-name';
-
+var DEFAULT_MAX_LEVEL = 20;
 // Using the React Fiber tree to traverse up the DOM and check if a node is within a specific component
 // and extract child component props if needed.
 export default function checkWithinComponentAndExtractChildProps(node, targetComponentName, childComponentConfig) {
@@ -12,11 +12,13 @@ export default function checkWithinComponentAndExtractChildProps(node, targetCom
   if (fg('platform_ufo_handle_non_react_element_for_3p')) {
     // Walk up the DOM tree to find React fiber (handles non-React-rendered elements)
     var currentElement = node;
-    while (currentElement && !fiber) {
+    var levelsTraversed = 0;
+    while (currentElement && !fiber && levelsTraversed < DEFAULT_MAX_LEVEL) {
       fiber = findReactFiber(currentElement);
       if (!fiber) {
         currentElement = currentElement.parentElement;
       }
+      levelsTraversed++;
     }
   } else {
     fiber = findReactFiber(node);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "4.1.5",
+	"version": "4.1.6",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",