_handleMouseDown() — react Function Reference

Architecture documentation for the _handleMouseDown() function in ResizeBarView.js from the react codebase.

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ _handleMouseDown() — react Function Reference

Dependency Diagram

graph TD
  217ff997_1f0f_fc0a_390d_a2f46c1a2e16["_handleMouseDown()"]
  bc0823a6_6e22_c24e_dcae_a58df082924b["ResizeBarView"]
  217ff997_1f0f_fc0a_390d_a2f46c1a2e16 -->|defined in| bc0823a6_6e22_c24e_dcae_a58df082924b
  561028c1_37ac_c290_dac9_6fb0e8601077["handleInteraction()"]
  561028c1_37ac_c290_dac9_6fb0e8601077 -->|calls| 217ff997_1f0f_fc0a_390d_a2f46c1a2e16
  e90ae4ef_4b8c_a5e3_ed50_d72e350e604b["_setInteractionState()"]
  217ff997_1f0f_fc0a_390d_a2f46c1a2e16 -->|calls| e90ae4ef_4b8c_a5e3_ed50_d72e350e604b
  5cadbad4_62d2_f23e_1bf4_225db867ed8b["rectContainsPoint()"]
  217ff997_1f0f_fc0a_390d_a2f46c1a2e16 -->|calls| 5cadbad4_62d2_f23e_1bf4_225db867ed8b
  style 217ff997_1f0f_fc0a_390d_a2f46c1a2e16 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/resizable/ResizeBarView.js lines 127–136

  _handleMouseDown(interaction: MouseDownInteraction, viewRefs: ViewRefs) {
    const cursorInView = rectContainsPoint(
      interaction.payload.location,
      this.frame,
    );
    if (cursorInView) {
      this._setInteractionState('dragging');
      viewRefs.activeView = this;
    }
  }