Enhanced react-deep-tree with features inspired by react-sortable-tree

[konard]

📋 Summary

This PR enhances react-deep-tree by incorporating useful features and patterns inspired by react-sortable-tree, addressing issue #5.

✨ Key Enhancements

• 🔧 Enhanced TypeScript Support: Comprehensive interfaces and better type safety
• 🎨 Customizable Node Rendering: Custom node rendering via renderNode prop
• 🔍 Search Functionality: Built-in search with searchQuery and searchMethod props
• 📁 Expand/Collapse: Interactive expand/collapse with visual indicators
• 🛠️ Utility Functions: Tree manipulation utilities (findNode, filterNodes, walkTree, etc.)
• 📚 Comprehensive Examples: Multiple examples demonstrating all features
• 🔄 Backward Compatibility: Maintains existing API compatibility

📁 New Features

Enhanced DataNode Interface

interface DataNode {
  readonly content: any;
  readonly children: DataNode[];
  readonly id?: string | number;
  readonly expanded?: boolean;
  readonly className?: string;
  readonly style?: React.CSSProperties;
  readonly [key: string]: any;
}

Customizable Tree Component

<DeepTree 
  data={treeData}
  renderNode={(node, isLeaf) => <CustomNodeComponent />}
  searchQuery={searchTerm}
  searchMethod={customSearchFunction}
  onNodeClick={handleNodeClick}
  onNodeExpand={handleExpand}
  onNodeCollapse={handleCollapse}
/>

Utility Functions

• treeUtils.findNode() - Find node by ID
• treeUtils.filterNodes() - Filter nodes by predicate
• treeUtils.walkTree() - Traverse all nodes
• treeUtils.flattenTree() - Flatten to array with depth info
• treeUtils.countNodes() - Count total nodes
• treeUtils.getMaxDepth() - Get maximum tree depth

📦 Examples Added

• Basic Usage: Simple tree rendering
• Search Example: Interactive search functionality
• Custom Rendering: Custom node rendering with icons and styling
• Utility Functions: Demonstration of tree manipulation utilities

🔄 Version Update

• Updated package version to 0.1.0 to reflect the significant feature additions

🧪 Test Plan

• TypeScript compilation passes
• Backward compatibility maintained
• All new features work as expected
• Examples demonstrate functionality correctly

Fixes #5

🤖 Generated with Claude Code