_handleMouseMove() — react Function Reference

Architecture documentation for the _handleMouseMove() function in VerticalScrollView.js from the react codebase.

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ _handleMouseMove() — react Function Reference

Dependency Diagram

graph TD
  91aaa6f8_9d0f_11f3_4d30_6f0b0e9b91b0["_handleMouseMove()"]
  15e8ee71_cd71_e6f6_40e5_59e8feb4985d["VerticalScrollView"]
  91aaa6f8_9d0f_11f3_4d30_6f0b0e9b91b0 -->|defined in| 15e8ee71_cd71_e6f6_40e5_59e8feb4985d
  eb1765a3_0863_dd2c_a927_6e4f28217907["handleInteraction()"]
  eb1765a3_0863_dd2c_a927_6e4f28217907 -->|calls| 91aaa6f8_9d0f_11f3_4d30_6f0b0e9b91b0
  350965f1_fa72_4cdc_355c_903fbb465115["_setScrollState()"]
  91aaa6f8_9d0f_11f3_4d30_6f0b0e9b91b0 -->|calls| 350965f1_fa72_4cdc_355c_903fbb465115
  94cfe42d_2d3d_5da3_cd07_23705b8b0ec6["translateState()"]
  91aaa6f8_9d0f_11f3_4d30_6f0b0e9b91b0 -->|calls| 94cfe42d_2d3d_5da3_cd07_23705b8b0ec6
  style 91aaa6f8_9d0f_11f3_4d30_6f0b0e9b91b0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/VerticalScrollView.js lines 198–217

  _handleMouseMove(interaction: MouseMoveInteraction): void | boolean {
    if (!this._isPanning) {
      return;
    }

    // Don't prevent mouse-move events from bubbling if they are horizontal drags.
    const {movementX, movementY} = interaction.payload.event;
    if (Math.abs(movementX) > Math.abs(movementY)) {
      return;
    }

    const newState = translateState({
      state: this._scrollState,
      delta: interaction.payload.event.movementY,
      containerLength: this.frame.size.height,
    });
    this._setScrollState(newState);

    return true;
  }