@atlaskit/react-ufo 4.1.12 → 4.2.0

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

@@ -4,13 +4,8 @@ type Rect = {
     width: number;
     height: number;
 };
-type DisableSizeAndPositionCheckType = {
-    v: boolean;
-    h: boolean;
-};
 type SSRPlaceholderHandlersConfig = {
     enablePageLayoutPlaceholder?: boolean;
-    disableSizeAndPositionCheck?: DisableSizeAndPositionCheckType;
 };
 export declare class SSRPlaceholderHandlers {
     private staticPlaceholders;
@@ -20,8 +15,7 @@ export declare class SSRPlaceholderHandlers {
     private intersectionObserver;
     private EQUALITY_THRESHOLD;
     private enablePageLayoutPlaceholder;
-    private disableSizeAndPositionCheck;
-    constructor({ enablePageLayoutPlaceholder, disableSizeAndPositionCheck, }: SSRPlaceholderHandlersConfig);
+    constructor({ enablePageLayoutPlaceholder, }: SSRPlaceholderHandlersConfig);
     private getPlaceholderId;
     private getPlaceholderReplacementId;
     clear(): void;

package/dist/types-ts4.5/vc/vc-observer-new/index.d.ts

@@ -7,10 +7,6 @@ export type VCObserverNewConfig = {
     isPostInteraction?: boolean;
     SSRConfig?: {
         enablePageLayoutPlaceholder?: boolean;
-        disableSizeAndPositionCheck?: {
-            v: boolean;
-            h: boolean;
-        };
     };
     ssrPlaceholderHandler?: SSRPlaceholderHandlers | null;
 };

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/index.d.ts

@@ -18,6 +18,7 @@ export default class ViewportObserver {
     private mutationObserver;
     private performanceObserver;
     private mapVisibleNodeRects;
+    private mapIs3pResult;
     private onChange;
     private isStarted;
     private getSSRState?;

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/check-fiber-within-component.d.ts

@@ -0,0 +1 @@
+export default function checkFiberWithinComponent(fiber: any, targetComponentName: string, maxLevel: number): boolean;

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/check-within-component.d.ts

@@ -0,0 +1,4 @@
+export declare function cleanupCaches(resultCache: WeakMap<HTMLElement, boolean>): void;
+export default function checkWithinComponent(node: HTMLElement, targetComponentName: string, resultCache: WeakMap<HTMLElement, boolean>): {
+    isWithin: boolean;
+};

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/find-fiber-with-cache.d.ts

@@ -0,0 +1 @@
+export default function findFiberWithCache(element: HTMLElement, maxLevel: number, checkedNodes: HTMLElement[]): any | null;

package/package.json

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

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

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = checkWithinComponentAndExtractChildProps;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-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) {
-  var fiber = null;
-  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;
-    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);
-  }
-
-  // If no React fiber found, return false
-  if (!fiber) {
-    return {
-      isWithin: false
-    };
-  }
-
-  // Traverse up the fiber tree
-  var currentFiber = fiber;
-  var childProp;
-  while (currentFiber) {
-    var componentName = (0, _getComponentName.default)(currentFiber);
-
-    // Check if this is a child component we're looking for
-    if (childComponentConfig && componentName === childComponentConfig.componentName) {
-      var props = currentFiber.memoizedProps || currentFiber.pendingProps;
-      if (props && props[childComponentConfig.propName] !== undefined) {
-        // Overwrite with the nearest child prop (closest to the target component)
-        childProp = childComponentConfig.extractValue ? childComponentConfig.extractValue(props) : props[childComponentConfig.propName];
-      }
-    }
-
-    // Check if we found the target component
-    if (componentName === targetComponentName) {
-      return _objectSpread({
-        isWithin: true
-      }, childComponentConfig && {
-        childProp: childProp
-      });
-    }
-    currentFiber = currentFiber.return;
-  }
-  return {
-    isWithin: false
-  };
-}

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

@@ -1,60 +0,0 @@
-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) {
-  let fiber = null;
-  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;
-    let levelsTraversed = 0;
-    while (currentElement && !fiber && levelsTraversed < DEFAULT_MAX_LEVEL) {
-      fiber = findReactFiber(currentElement);
-      if (!fiber) {
-        currentElement = currentElement.parentElement;
-      }
-      levelsTraversed++;
-    }
-  } else {
-    fiber = findReactFiber(node);
-  }
-
-  // If no React fiber found, return false
-  if (!fiber) {
-    return {
-      isWithin: false
-    };
-  }
-
-  // Traverse up the fiber tree
-  let currentFiber = fiber;
-  let childProp;
-  while (currentFiber) {
-    const componentName = getComponentName(currentFiber);
-
-    // Check if this is a child component we're looking for
-    if (childComponentConfig && componentName === childComponentConfig.componentName) {
-      const props = currentFiber.memoizedProps || currentFiber.pendingProps;
-      if (props && props[childComponentConfig.propName] !== undefined) {
-        // Overwrite with the nearest child prop (closest to the target component)
-        childProp = childComponentConfig.extractValue ? childComponentConfig.extractValue(props) : props[childComponentConfig.propName];
-      }
-    }
-
-    // Check if we found the target component
-    if (componentName === targetComponentName) {
-      return {
-        isWithin: true,
-        ...(childComponentConfig && {
-          childProp: childProp
-        })
-      };
-    }
-    currentFiber = currentFiber.return;
-  }
-  return {
-    isWithin: false
-  };
-}

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

@@ -1,62 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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; }
-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) {
-  var fiber = null;
-  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;
-    var levelsTraversed = 0;
-    while (currentElement && !fiber && levelsTraversed < DEFAULT_MAX_LEVEL) {
-      fiber = findReactFiber(currentElement);
-      if (!fiber) {
-        currentElement = currentElement.parentElement;
-      }
-      levelsTraversed++;
-    }
-  } else {
-    fiber = findReactFiber(node);
-  }
-
-  // If no React fiber found, return false
-  if (!fiber) {
-    return {
-      isWithin: false
-    };
-  }
-
-  // Traverse up the fiber tree
-  var currentFiber = fiber;
-  var childProp;
-  while (currentFiber) {
-    var componentName = getComponentName(currentFiber);
-
-    // Check if this is a child component we're looking for
-    if (childComponentConfig && componentName === childComponentConfig.componentName) {
-      var props = currentFiber.memoizedProps || currentFiber.pendingProps;
-      if (props && props[childComponentConfig.propName] !== undefined) {
-        // Overwrite with the nearest child prop (closest to the target component)
-        childProp = childComponentConfig.extractValue ? childComponentConfig.extractValue(props) : props[childComponentConfig.propName];
-      }
-    }
-
-    // Check if we found the target component
-    if (componentName === targetComponentName) {
-      return _objectSpread({
-        isWithin: true
-      }, childComponentConfig && {
-        childProp: childProp
-      });
-    }
-    currentFiber = currentFiber.return;
-  }
-  return {
-    isWithin: false
-  };
-}

package/dist/types/vc/vc-observer-new/viewport-observer/utils/check-within-component-and-extract-child-props.d.ts

@@ -1,8 +0,0 @@
-export default function checkWithinComponentAndExtractChildProps<T = string>(node: HTMLElement, targetComponentName: string, childComponentConfig?: {
-    componentName: string;
-    propName: string;
-    extractValue?: (props: any) => T;
-}): {
-    isWithin: boolean;
-    childProp?: T;
-};

package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/utils/check-within-component-and-extract-child-props.d.ts

@@ -1,8 +0,0 @@
-export default function checkWithinComponentAndExtractChildProps<T = string>(node: HTMLElement, targetComponentName: string, childComponentConfig?: {
-    componentName: string;
-    propName: string;
-    extractValue?: (props: any) => T;
-}): {
-    isWithin: boolean;
-    childProp?: T;
-};