SWF-Editor: Highlight manager

[handreyrc]

Summary

The goal of this task is to create and API to highlight nodes by name or Id and handle the highlighted nodes if the workflow is reloaded. It is diferent from selection, the idea is to provide means to visualy identify an execution path, for example by passing an array of executed nodes names or ids . Selection should still be possible if a node is highlighted.

Note: this feature is being used by the console manager to identify the executed nodes in the workflow.

Description

• Expose an API to highlight nodes by passing and array of node names or ids.
• Expose an API to clear the highlighted nodes restoring the nodes original colours.
• Highlight nodes by changing the original node background color to light green and borders to green.
• Highlight should not disable the selection so it should be still possible to select a node, however, only the borders should change color to indicate a highlighted node is also selected.
• The nodes shall remain highlighted if the diagram is reloaded.
• If a new workflow is loaded the highlight context shall be clean.

Testing

Run the component and open a valid workflow from storybook.
From the console use the API to highlight nodes and clear the highlighted nodes.
Selection should world on selected nodes.