alignToContainerXLayout() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ alignToContainerXLayout() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/layouter.js lines 84–95

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