atLeastContainerHeightLayout() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ atLeastContainerHeightLayout() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/layouter.js lines 190–207

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