desiredHeightLayout() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ desiredHeightLayout() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/layouter.js lines 149–164

export const desiredHeightLayout: Layouter = layout => {
  return layout.map(layoutInfo => {
    const desiredSize = layoutInfo.view.desiredSize();
    const height = desiredSize ? desiredSize.height : 0;
    return {
      ...layoutInfo,
      frame: {
        origin: layoutInfo.frame.origin,
        size: {
          width: layoutInfo.frame.size.width,
          height,
        },
      },
    };
  });
};