frontend-collective/react-sortable-tree

Features

• Hierarchical Tree Visualizers - Provides an interactive tree view for visualizing and navigating complex nested parent-child relationships.
• Hierarchy Reorganization - Implements drag-and-drop logic specifically for altering parent-child and sibling relationships within a hierarchical tree structure.
• State-Synchronized - Synchronizes the visual movement of tree nodes with the underlying data model through state updates.
• Recursive Data Transformers - Includes recursive mapping functions to transform flat arrays into nested tree structures.
• Flat-to-Hierarchical Converters - Transforms flat data collections into hierarchical tree structures and vice versa for storage and rendering.
• Tree Node Reorderers - Provides drag-and-drop interactions specifically for rearranging and nesting nodes within hierarchical tree structures.
• Placement Constraints - Provides controls to enforce movement restrictions based on custom logic and depth limits during node reorganization.
• Runtime Tree Data Managers - Offers a suite of tools for converting flat data into hierarchies and performing recursive operations on nodes.
• Recursive Tree Transformers - Provides utilities for recursive operations to add, remove, or modify nodes within a nested structure via their path.
• Hierarchical Restructuring - Enables rearranging nested items and changing parent-child relationships through a drag-and-drop interface.
• Hierarchical Data Visualization Tools - Provides a way to represent complex tree structures supporting searching, filtering, and recursive data manipulation.
• Hierarchical Tree Views - Displays hierarchical data structures in an interactive tree view that supports nested child elements.
• Hierarchical Lists - Provides an interactive list for managing parent-child relationships and nested data structures through visual movements.
• Recursive Components - Renders nested hierarchies using self-referential components that recursively draw child node branches.
• Tree Reordering Components - Implements a React component for rendering nested hierarchical data with built-in drag-and-drop reordering.
• Path-Based Node Selection - Identifies unique nodes within the hierarchy using arrays of indices to locate elements regardless of their depth.
• Tree View Filters - Automatically expands tree paths to reveal nodes that match a specific search query.
• Search Match Highlighting - Highlights and scrolls to nodes that match a specific search query within the tree.
• Drop Target Validations - Implements validation logic to prevent invalid nesting by checking node depth and type during drag-and-drop operations.
• Tree-Based Hierarchical Navigation - Implements search and filtering within large nested hierarchies to locate and highlight specific nodes.
• Drag Event Callbacks - Provides configuration hooks that execute custom functions at specific points during drag-and-drop operations to synchronize application state.
• Appearance Customizations - Supports the application of pre-packaged themes or custom styles to modify the visual presentation of tree nodes.
• Nested Lists - Manages hierarchical lists where users can reorder elements and move nodes between different nesting levels.

Star history