[Dropdown]: option to call itemToElement for selectedItem not just list of items

Summary

We’ve been highjacking the itemToString function in the Dropdown to create an IconDropdown component for selecting warning icons. We simply returned an object from itemToString, and this worked well until 10.43/7.43 when the title attribute was added to the button in the Dropdown. However, now, visually it still works, but we get title="[Object object]" in the output of the selected icon. Would it be possible to add a prop to determine which function (itemToElement or itemToString) is used to render the selected item in the dropdown?

CodeSandbox example: https://codesandbox.io/s/goofy-water-2o4d4?file=/src/index.js

Justification

No response

Desired UX and success metrics

No response

Required functionality

No response

Specific timeline issues / requests

No response

Available extra resources

I can write the PR.

Code of Conduct

• I agree to follow this project’s Code of Conduct

[TannerS]

Hi @josh, Will you all accept a PR for this? I’m happy to write it today if so. I think a renderSelectedItem callback that can render an element, but if it’s not provided we fallback to the current itemToString output makes the most sense.

The carbon team is always open for contributions

https://github.com/carbon-design-system/carbon/blob/main/.github/CONTRIBUTING.md

(not carbon team member)

[kevinsperrine]

@joshblack Sure thing: https://codesandbox.io/s/goofy-water-2o4d4?file=/src/index.js I added a bunch of comments to clarify.