[Feature] Customizable Drilldown Plugin for Enhanced Dashboard Navigation

[willie-hung]

Description

This drilldown plugin allows users to design their own navigation controls, customized to fit their specific preferences and workflow requirements.

Key features:

• URL Mapping: Users can assign specific URLs for direct access to external websites.
• Navigation Between Dashboards: Users can transition between different dashboards, streamlining their data analysis and decision-making processes.
• Customizable Aesthetic Elements: Users can customize the look and feel of their navigation controls, aligning with the overall aesthetic of their dashboard.

Checkout the original issue/UX design here: opensearch-project#1308

TODO

Development

• Implement a mock plugin
• Configure drilldown plugin as a new visualization type
• Implement Side Panel details
  • Static Url functionality (e.g. external website)
  • User control functionality (e.g. draggable)
  • Dashboard navigation
  • Url validation (e.g. absolute, relative, valid url)
  • Input text validation (e.g. cardName is required)
  • Style configurations (e.g. font size)
• Implement Canvas details
  • Draggable functionality
  • Pagination
• Embeddable into Dashboard
• Data Persistency (e.g. Saved objects)
• Security (e.g. external website warning)

Testing

• Add unit tests for components
• Add unit tests for functions
• Add functional tests

Documentation

• Add drilldown plugin doc to documentation website
• Add README.md

Misc

• Fix input arg type lint issue
• Modify plugin generating template to avoid unnecessary files/codes

Screenshots

Flow structure

Drilldown as Visualize Type

Discussion / Questions

We can discuss any questions here or Slack DM group, e.g. which icon should we choose for this plugin ✨

https://docs.google.com/document/d/1Rovy75sXlcSWcMn8rloaDue9LZfTHddNfKLnCPG6A5I/edit?usp=sharing

[willie-hung]

Misc

I think we can add an external website warning when user click on non-dashboard link.