Exportable nav

[hanbyul-here]

Related Ticket: #1071

Description of Changes

Exporting nav from UI side so it can be used to override its menu from GHG side.
The code changes look like a lot, but most of them are just pieces moving around and making the components accept props.

This change checks the veda.config to see if there are any defined navItems and use it if there is one instead of the default one. There can be 4 types of nav item, which are internalLink, externalLink, dropdown, modal. The details of each type will be documented.

Notes & Questions About Changes

The current version does not mark the dropdown item as 'active' when its child is selected.

Validation / Testing

{Update with info on what can be manually validated in the Deploy Preview link for example "Validate style updates to selection modal do NOT affect cards"}

Instance pr: US-GHG-Center/veda-config-ghg#457

• remove test config from veda.config
• Add documentation : will do it after style polish

[netlify]

✅ Deploy Preview for veda-ui ready!

Name	Link
🔨 Latest commit	6e2223d
🔍 Latest deploy log	https://app.netlify.com/sites/veda-ui/deploys/66b3cfd21145270008d9de9c
😎 Deploy Preview	https://deploy-preview-1072--veda-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[dzole0311]

Had some time and had a first look into the PR. Apologies if there are things you're still planning to change or modify.

[dzole0311]

Probably a leftover comment

[dzole0311]

I noticed a strange vertical line on the right of the dropdown menu + the border-radius does not seem applied on the top right and bottom right corners of the dropdown. Is this as expected?

[hanbyul-here]

It is not really expected, but it is a style problem that we could not resolve from the past tech-debt: #691 😅 I will try to handle it in the next PR.

[dzole0311]

It is not really expected, but it is a style problem that we could not resolve from the past tech-debt: #691 😅 I will try to handle it in the next PR.

Ah, I think it's just the scrollbar showing if I'm not mistaken. Adding overflow-y: auto; on the DropContent would probably fix it, but let's address & test it in the next PR to avoid regressions in other places where it's used.