translateState() — react Function Reference

Architecture documentation for the translateState() function in scrollState.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 4

Entity Profile

BabelCompiler→ Validation→ translateState() — react Function Reference

Dependency Diagram

graph TD
  94cfe42d_2d3d_5da3_cd07_23705b8b0ec6["translateState()"]
  d0e34df5_54e0_bd63_7394_3bfe61a4c376["scrollState.js"]
  94cfe42d_2d3d_5da3_cd07_23705b8b0ec6 -->|defined in| d0e34df5_54e0_bd63_7394_3bfe61a4c376
  34d782a2_e7cd_4614_a385_810a1041f544["_handleMouseMove()"]
  34d782a2_e7cd_4614_a385_810a1041f544 -->|calls| 94cfe42d_2d3d_5da3_cd07_23705b8b0ec6
  fd7bd265_3613_50c6_41d6_401ef40af331["_handleWheel()"]
  fd7bd265_3613_50c6_41d6_401ef40af331 -->|calls| 94cfe42d_2d3d_5da3_cd07_23705b8b0ec6
  dd08a669_02e3_2f36_98cb_b33b321d1071["scrollBy()"]
  dd08a669_02e3_2f36_98cb_b33b321d1071 -->|calls| 94cfe42d_2d3d_5da3_cd07_23705b8b0ec6
  91aaa6f8_9d0f_11f3_4d30_6f0b0e9b91b0["_handleMouseMove()"]
  91aaa6f8_9d0f_11f3_4d30_6f0b0e9b91b0 -->|calls| 94cfe42d_2d3d_5da3_cd07_23705b8b0ec6
  9bc9912f_7f92_4c87_d104_a207cdecc2a5["clampOffset()"]
  94cfe42d_2d3d_5da3_cd07_23705b8b0ec6 -->|calls| 9bc9912f_7f92_4c87_d104_a207cdecc2a5
  style 94cfe42d_2d3d_5da3_cd07_23705b8b0ec6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/utils/scrollState.js lines 82–98

export function translateState({
  state,
  delta,
  containerLength,
}: {
  state: ScrollState,
  delta: number,
  containerLength: number,
}): ScrollState {
  return clampOffset(
    {
      offset: state.offset + delta,
      length: state.length,
    },
    containerLength,
  );
}