feature/COMPASS-9974 Allows nodes to be excluded during export

[mabaasit]

External Links

• 🎟️ COMPASS-9974

Description

When exporting a diagram with active (fields, edge), we want to exclude the highlighted items.

1. For fields, currently we are highlighting an active field using css pseudo selector. This makes it hard to identify during export. So, I converted that to an html element with styles applied to it along with data-active-type prop. This will be used to filter this node during export.
2. For edges, we are rendering an svg path with fill color to highlight an active edge. In order to keep things simple and not modify it during export, I am rendering two paths (which are same), but different in colors. Active is rendered on top of inactive. During export, we find this active node by data-active-type and exclude it.
3. [TODO] For markers: I am thinking of how to efficiently handle those.

Notes for Reviewers

📸 Screenshots/Screencasts

Before

After