Summary

Adds comprehensive selection method tracking to enable developers to understand how selections occurred and implement different behaviors based on selection method.

Changes Made

• Add selectionMethod field to NodeSelectionChange and EdgeSelectionChange types
• Track 6 different selection methods: click, drag, rectangle, keyboard, multi-select, programmatic
• Update selection logic across all interaction points (click, drag, rectangle selection, keyboard, etc.)
• Add selectionMethod parameter to addSelectedNodes and addSelectedEdges actions
• Create comprehensive SelectionMethod example with real-time tracking and visual indicators
• Maintain backward compatibility - selectionMethod field is optional

Benefits

• Enhanced UX: Different UI feedback based on selection method
• Better Analytics: Track user interaction patterns
• Developer Experience: More control over selection behavior
• Backward Compatible: Existing code continues to work unchanged

Testing

• ✅ All existing tests pass
• ✅ New SelectionMethod example demonstrates all selection methods
• ✅ Backward compatibility verified

Example Usage

onSelectionChange={(event) => {
  event.nodes.forEach(node => {
    if (node.selectionMethod === 'click') {
      // Show immediate feedback for click selection
    } else if (node.selectionMethod === 'drag') {
      // Show different feedback for drag selection
    }
  });
}}