boxToRect() — react Function Reference

Architecture documentation for the boxToRect() function in geometry.js from the react codebase.

Function javascript BabelCompiler Validation called by 2

Entity Profile

BabelCompiler→ Validation→ boxToRect() — react Function Reference

Dependency Diagram

graph TD
  ee75b67e_5a11_9c92_ca64_32a3289b3e68["boxToRect()"]
  1d481b0c_03e1_6f28_eff1_74d4566b3dc8["geometry.js"]
  ee75b67e_5a11_9c92_ca64_32a3289b3e68 -->|defined in| 1d481b0c_03e1_6f28_eff1_74d4566b3dc8
  9ca9174f_303e_0f6b_0371_0eaf35e67cb8["intersectionOfRects()"]
  9ca9174f_303e_0f6b_0371_0eaf35e67cb8 -->|calls| ee75b67e_5a11_9c92_ca64_32a3289b3e68
  4f0df6ba_57ab_cc88_9a94_1bc63bfad061["unionOfRects()"]
  4f0df6ba_57ab_cc88_9a94_1bc63bfad061 -->|calls| ee75b67e_5a11_9c92_ca64_32a3289b3e68
  style ee75b67e_5a11_9c92_ca64_32a3289b3e68 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/geometry.js lines 68–80

function boxToRect(box: Box): Rect {
  const [top, right, bottom, left] = box;
  return {
    origin: {
      x: left,
      y: top,
    },
    size: {
      width: right - left,
      height: bottom - top,
    },
  };
}