setClientRects() — react Function Reference

Architecture documentation for the setClientRects() function in IntersectionMocks.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ setClientRects() — react Function Reference

Dependency Diagram

graph TD
  395e9bac_97dc_0733_76b8_d0461beeee52["setClientRects()"]
  401ac3c1_db64_239a_36cd_82c9b882e0ea["IntersectionMocks.js"]
  395e9bac_97dc_0733_76b8_d0461beeee52 -->|defined in| 401ac3c1_db64_239a_36cd_82c9b882e0ea
  style 395e9bac_97dc_0733_76b8_d0461beeee52 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/utils/IntersectionMocks.js lines 82–95

export function setClientRects(target, rects) {
  target.getClientRects = function () {
    return rects.map(({x, y, width, height}) => ({
      width,
      height,
      left: x,
      right: x + width,
      top: y,
      bottom: y + height,
      x,
      y,
    }));
  };
}