Rework Task Action Buttons into Action Framework

[camielvs]

Description

Moves all of the action buttons on the task card into the new ActionBlock Action type for consistency of UI and implementation.

This PR also tidies up where actions are defined. Previously they were scattered over various files. Now:

• TaskNode actions are defined in TaskNodeCard
• ComponentDetails actions are defined in ComponentDetailsDialog (currently none)
• shared actions are in TaskActions

More specifically:

TaskNodeCard

• Duplicate Task
• Update from Source
• Enter Subgraph
• Edit Definition -> moved to TaskActions

TaskOverview

• View YAML -> moved to TaskNodeCard

ComponentDetailsDialog

• Edit Definition (again!) -> removed

TaskActions

• Download YAML
• Download Python
• Copy YAML
• Delete (if onDelete is provided)

Due to this change the component editor action was moved to TaskAction (it is shared), allowing us to consolidate down to one implementation of the ComponentEditor, rather than two. Additionally, the View YAML action was moved from TaskOverview to colocate with other actions in TaskNodeCard. TaskOverview is now a pass-through component as far as actions are concerned.

Related Issue and Pull requests

Type of Change

• Cleanup/Refactor

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

No change to app functionality.

Confirm that all buttons in TaskActions & ComponentDetailsDialog look consistent and continue to function as expected.

Additional Comments

[camielvs]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Break TaskActions into two sections #1550
• Rework Pipeline Action Buttons into Action Framework #1544
• Rework Task Action Buttons into Action Framework #1534 👈 (View in Graphite)
• Rework Run Action Buttons into Action Framework #1524
• Rework CodeViewer Implementation #1527
• Cleanup RunDetails #1508
• Cleanup PipelineDetails #1468
• Cleanup TaskDetails #1464
• Cleanup ExecutionDetails #1471
• Add UI Blocks to Context Panel #1470
• Update Link Component #1472
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.