feat(ResponseActions): added opt-in for hiding actions until interaction

[thatblindgeye]

closes #792

Updated the message actions example to include a Message that has this feature

[thatblindgeye]

Just to call this out: if we want to for now we could remove this logic and just deal with the visual oddity that occurs, as Gemini has this exact behavior when you try hovering a message action and then hover over the action tooltip (action isn't visible, but the tooltip remains)

[patternfly-build]

Preview: https://chatbot-pr-chatbot-806.surge.sh

A11y report: https://chatbot-pr-chatbot-806-a11y.surge.sh

[nicolethoen]

Do we want any sort of transition token to allow this to fade in/out or anything like that?

[thatblindgeye]

@kaylachumley wdyt?

[kaylachumley]

Yeah! let use pf-t--global--motion--duration--fade--short

[kaylachumley]

this looks good! actually we could try this token instead for the animation pf-t--global--motion--duration--icon--short

also not sure if it needs a timing function paired with a fade so you could try this pf-t--global--motion--timing-function--default

[edonehoo]

I think a small note about this would be handy! I also tweaked a couple of things in the existing example description to just make myself happier, which led to this suggestion (if you like it too):

To let users interact with a bot's responses, you can add support for message actions. While you can customize message actions to your needs, default options include the following:

• Positive and negative feedback: Allows users to rate a message as "good" or "bad."
• Copy: Allows users to copy the message content to their clipboard.
• Download: Allows users to download the message content.
• Listen: Reads the message content out loud using text-to-speech.

You can display message actions by default, or use the showActionsOnInteraction prop to reveal actions on hover or keyboard focus.

Note: The underlying logic for these actions is not built-in and must be implemented within the consuming application.

[github-actions]

🎉 This PR is included in version 6.6.0-prerelease.6 🎉

The release is available on:

• GitHub release
• npm package (@prerelease dist-tag)

Your semantic-release bot 📦🚀