_handleMouseUp() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ _handleMouseUp() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/resizable/ResizeBarView.js lines 166–178

  _handleMouseUp(interaction: MouseUpInteraction, viewRefs: ViewRefs) {
    const cursorInView = rectContainsPoint(
      interaction.payload.location,
      this.frame,
    );
    if (this._interactionState === 'dragging') {
      this._setInteractionState(cursorInView ? 'hovered' : 'normal');
    }

    if (viewRefs.activeView === this) {
      viewRefs.activeView = null;
    }
  }