Add Advanced Expandable Row Table Component

[widlestudiollp]

Overview

This PR adds a new advanced Expandable Row Table custom component for Retool built using React 18 and TypeScript.

The component is designed for enterprise-style operational dashboards, analytics tooling, audit monitoring, API inspection, and large dataset visualization.

---

Features

Expandable Row Rendering

• Recursive nested JSON rendering
• Dynamic key-value visualization
• Multi-key expandable data support
• Support for objects, arrays, API responses, booleans, nulls, URLs, and mixed data structures
• Automatic readable formatting for nested content

Advanced Table Interactions

• Drag-and-drop column rearranging
• Persistent column ordering after refresh
• Dynamic column visibility
• ASC → DESC → Reset sorting cycle
• Search and filtering
• Pagination support
• Interactive row selection state

Customization

• Theme-aware footer styling
• Pagination styling controls
• Header and row color customization
• Font customization
• Row height configuration
• Auto / Manual column width modes

Additional Functionality

• CSV export
• Empty state handling
• Responsive layout support
• Dynamic schema handling
• Runtime column persistence

---

Technology Stack

• React 18
• TypeScript
• Retool Custom Component SDK
• Lucide React Icons

---

Supported Use Cases

• Audit Logs
• Transaction Monitoring
• API Debugging
• Financial Dashboards
• Shipment Tracking
• Operational Analytics
• Internal Admin Tools
• KPI Monitoring

---

Notes

• Fully frontend-based implementation
• Optimized for large operational datasets
• Supports dynamic and nested schemas without backend dependency