feat(graph): add button to toggle graph rankDir under feature flag

[dustyhorizon]

Current Behavior

There is no way to toggle graph layout (rankDir) between TB and LR dependency graph.

Expected Behavior

A button to toggle graph layout (rankDir) between TB and LR on the dependency graph.

Fixes #9995

[nx-cloud-staging]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit fe040f1. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 12 targets

• nx affected --target=e2e --base=3c65b02c1b6fd705fd3ec70d9a8e1a4765ddd65a --head=fe040f131f04aeeaf240ae0dd112c69ba62e0388 --exclude=e2e-storybook,e2e-storybook-angular,e2e-react-native,e2e-detox,e2e-make-angular-cli-faster --parallel=1
• nx affected --target=test --base=3c65b02c1b6fd705fd3ec70d9a8e1a4765ddd65a --head=fe040f131f04aeeaf240ae0dd112c69ba62e0388 --parallel=1
• nx affected --target=build --base=3c65b02c1b6fd705fd3ec70d9a8e1a4765ddd65a --head=fe040f131f04aeeaf240ae0dd112c69ba62e0388 --parallel=3
• nx affected --target=lint --base=3c65b02c1b6fd705fd3ec70d9a8e1a4765ddd65a --head=fe040f131f04aeeaf240ae0dd112c69ba62e0388 --parallel=3
• nx-cloud record -- yarn depcheck
• nx-cloud record -- yarn nx workspace-lint
• nx-cloud record -- yarn check-lock-files
• nx-cloud record -- yarn check-commit
• nx-cloud record -- yarn nx format:check --base=3c65b02c1b6fd705fd3ec70d9a8e1a4765ddd65a --head=fe040f131f04aeeaf240ae0dd112c69ba62e0388
• nx-cloud record -- yarn check-imports
• nx-cloud record -- yarn documentation
• nx build typedoc-theme

---

Sent with 💌 from NxCloud.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
nx-dev	✅ Ready (Inspect)	Visit Preview	Nov 1, 2022 at 8:23PM (UTC)

[philipjfulcher]

@dustyhorizon - Thank you for your contribution! Sorry for the delay in reviewing, this came in right before Nx Conf and I'm still catching up.

There are a lot of unexpected commits and file changes as part of this PR. Could you try rebasing on master so that I only see your changes?

[dustyhorizon]

@philipjfulcher not sure what happened when i was resetting my branch to master, had some booboos along the way but seems like the PR autoclosed, should be working now!

[philipjfulcher]

I think this looks good for the most part, but I have some refactor work in-flight that will cause problems with this addition. We're moving some functionality into the header where you've placed the button so there won't be enough room. I can fix those problems myself, but I've wrapped this button in a feature flag so it's not visible quite yet. I'll re-enable once the refactor is in place. Should hopefully see release in November.

Again, thanks for your work!

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.