feat(ConversationHistoryNav): added search actions

[thatblindgeye]

Closes #768

[patternfly-build]

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

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

[rebeccaalpert]

We may also want to check to see how the additional items work in a resizable toolbar/different breakpoints, etc. if we are not completely offloading toolbar creation to the end user.

[edonehoo]

Suggested change

	The conversation history drawer supports additional customization through `searchActionStart` and `searchActionEnd` props, which allow you to add controls before and after the search input field. These props are useful for adding filtering, sorting, or other search-related functionality.
	You can customize the search experience within the conversation history drawer via the `searchActionStart` and `searchActionEnd` props, which provide additional search controls before and after the input field. These props are useful for adding filtering, sorting, or other search-related functionality.

a small tweak - otherwise I like what you have!

[thatblindgeye]

It is done

[edonehoo]

fabulous to me 👍

[rebeccaalpert]

It's fine by me - you probably just want to make sure the yarn.lock file gets dropped. Up to you and Nicole if you want to allow the semi-custom toolbar approach as well as the custom one!

[nicolethoen]

Curious why the package-lock.json and yarn.lock files are updated here?
Do you want to double check those updates are both necessary?

[kaylachumley]

copy/text question: so it says "show search action at start" and "show search action at end", wondering if it should say "show filter action start" and "show filter action end" instead since the action is a filter and the tooltip also says filter?

also for the search icon/action at start, is anything supposed to happen when clicking the icon? nothing happens for me in firefox. wasnt sure if that was intentional because the product can configure their own filter types?

the filter icon button padding also feels a lot larger than the sort icon - can we bump down the padding on the right and left from 16px to be 8px?

[thatblindgeye]

copy/text question: so it says "show search action at start" and "show search action at end", wondering if it should say "show filter action start" and "show filter action end" instead since the action is a filter and the tooltip also says filter?

So the way it's currently built out, a consumer can really add in whatever action they want at start/end. The example was sort of just a couple of potential actions that might be used (or int he case of the sort action, one that was mentioned in the original issue). That's really the only reason I kept the verbiage a bit vague for the example, since it could be anything.

also for the search icon/action at start, is anything supposed to happen when clicking the icon? nothing happens for me in firefox. wasnt sure if that was intentional because the product can configure their own filter types?

Not really - it logs something in the console is all. Mainly just wanted to show the sort action a bit more in depth with a Select menu upon clicking it.

the filter icon button padding also feels a lot larger than the sort icon - can we bump down the padding on the right and left from 16px to be 8px?

We could, though it would be more custom styling in the example since any Button variant could be rendered there by the consumer (or potentially anything could be rendered there, really).

[github-actions]

🎉 This PR is included in version 6.5.0-prerelease.26 🎉

The release is available on:

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

Your semantic-release bot 📦🚀