alignToContainerYLayout() — react Function Reference

Architecture documentation for the alignToContainerYLayout() function in layouter.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ alignToContainerYLayout() — react Function Reference

Dependency Diagram

graph TD
  1b38efd6_4f6b_bb52_ecf1_5f0961937ed3["alignToContainerYLayout()"]
  967225f1_4dbc_efd7_073f_8182bb20aa4f["layouter.js"]
  1b38efd6_4f6b_bb52_ecf1_5f0961937ed3 -->|defined in| 967225f1_4dbc_efd7_073f_8182bb20aa4f
  style 1b38efd6_4f6b_bb52_ecf1_5f0961937ed3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/layouter.js lines 100–111

export const alignToContainerYLayout: Layouter = (layout, containerFrame) => {
  return layout.map(layoutInfo => ({
    ...layoutInfo,
    frame: {
      origin: {
        x: layoutInfo.frame.origin.x,
        y: containerFrame.origin.y,
      },
      size: layoutInfo.frame.size,
    },
  }));
};