fix(breadcrumb): account for menu direction in breadcrumb overflow caret

[emyarod]

Closes #9155

This PR fixes the ComponentToggle (ref #8863) display names to be the original component names (it was not being assigned before) to fix a regression in adding breadcrumb overflow menu caret styles. It also accounts for new overflow menu changes (support for more menu directions ref #7116)

Testing / Reviewing

Confirm the breadcrumb overflow menu caret appears as expected

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 482916c

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/60f9a2eefb302a000734f05a

😎 Browse the preview: https://deploy-preview-9189--carbon-react-next.netlify.app

[emyarod]

cc @tay1orjones, it looks like the displayName was supposed to be set as FeatureToggle(${name}) but it doesn't seem to be possible to do this within CreateComponentToggle without dynamically setting the forwardRef function param. Currently no display name is set on the return value of CreateComponentToggle so for the time being I am manually setting the display names to FeatureToggle(${name}). Let me know what you think

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 482916c

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/60f9a2ee112d2d00083eaf7a

😎 Browse the preview: https://deploy-preview-9189--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 482916c

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/60f9a2eea418630008519692

😎 Browse the preview: https://deploy-preview-9189--carbon-components-react.netlify.app

[tay1orjones]

Hm, this is confusing. React docs include this as an explicit example, though the issue from 2018 mentions that the function param must be named.

The DataTable and TableToolbarMenu snapshots include the ForwardRef and FeatureToggle wrapper in the name, ForwardRef(FeatureToggle(OverflowMenu), which I think is ultimately okay. I saw the same thing in the devtools in the initial implementation.

But I get what you're saying - the public API snapshot doesn't actually show displayName as a property of the exported object.

[tay1orjones]

Sweet! 🎉 I'm glad that worked out

[emyarod]

bump @tw15egan @jnm2377 when you have a chance

[tw15egan]

LGTM 👍 ✅