_handleMouseDown() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ _handleMouseDown() — react Function Reference

Dependency Diagram

graph TD
  05ae85d4_9003_2adf_73c8_cf23fd4a009f["_handleMouseDown()"]
  286a732c_79f8_d4a2_284e_8f3ea43c6d7d["HorizontalPanAndZoomView"]
  05ae85d4_9003_2adf_73c8_cf23fd4a009f -->|defined in| 286a732c_79f8_d4a2_284e_8f3ea43c6d7d
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64["handleInteraction()"]
  6153f3f9_e7cd_ad34_9d0a_89b5424a4b64 -->|calls| 05ae85d4_9003_2adf_73c8_cf23fd4a009f
  5cadbad4_62d2_f23e_1bf4_225db867ed8b["rectContainsPoint()"]
  05ae85d4_9003_2adf_73c8_cf23fd4a009f -->|calls| 5cadbad4_62d2_f23e_1bf4_225db867ed8b
  style 05ae85d4_9003_2adf_73c8_cf23fd4a009f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-timeline/src/view-base/HorizontalPanAndZoomView.js lines 144–152

  _handleMouseDown(interaction: MouseDownInteraction, viewRefs: ViewRefs) {
    if (rectContainsPoint(interaction.payload.location, this.frame)) {
      this._isPanning = true;

      viewRefs.activeView = this;

      this.currentCursor = 'grabbing';
    }
  }