containerWidthLayout() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ containerWidthLayout() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/layouter.js lines 116–127

export const containerWidthLayout: Layouter = (layout, containerFrame) => {
  return layout.map(layoutInfo => ({
    ...layoutInfo,
    frame: {
      origin: layoutInfo.frame.origin,
      size: {
        width: containerFrame.size.width,
        height: layoutInfo.frame.size.height,
      },
    },
  }));
};