Create dag graph with nested groups and join_ids

[bbovenzi]

Add Graph view in a full modal to the Dag page. This is just mock data because the API endpoint is not done yet issue

Done:

• stores modal state in url params
• renders a graph
• handles join nodes
• can expand/collapse groups which are stored in localStorage
• Setup/teardown tasks
• Mapped tasks
• Edge labels

To Do:

• Task information
• Task Instance information
• Selecting a node
• Tests
• Filtering upstream/downstream
• External deps (assets, sensors, triggers)
• Zoomed out
• Highlighting tasks by state

---

^ Add meaningful description above
Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in newsfragments.

[bbovenzi]

Nested task groups, setup/teardown, mapped tasks, edge labels:

[jscheffl]

Mhm, I don't know what is wrong in my env...wanted to test but ANY DAG that I call is showing the same "wrong" view and I can also not click/scroll the elements.
Ubuntu with Firefox and Chrome. Both the same. Dark and light mode.

[jscheffl]

Mhm, I don't know what is wrong in my env...wanted to test but ANY DAG that I call is showing the same "wrong" view and I can also not click/scroll the elements. Ubuntu with Firefox and Chrome. Both the same. Dark and light mode.

Mhm, okay. It is better in dev-mode. But the DAG graph displayed is static and not matching to selected DAG. Is is a technical mock atm?

[bbovenzi]

Mhm, okay. It is better in dev-mode. But the DAG graph displayed is static and not matching to selected DAG. Is is a technical mock atm?

Yes, I just updated the description to say that this is all mocked data since the API endpoint isn't done yet

[pierrejeambrun]

@jscheffl

In non dev-mode do you still have the issue mentioned above ?

[bbovenzi]

No, I'm able to replicate the non-dev mode issue. I'm looking into it

[bbovenzi]

Fixed!

[pierrejeambrun]

Tested both in dev-mode and non dev-mode. Working as expected.

Just a couple of minor suggestions. The code is looking good :)