[Cases] Bulk edit assignees

[cnasikas]

Summary

This PR adds the ability to bulk edit assignees on multiple cases. Because the tags and the assignees share common logic:

• I create the useIsUserTyping hook which contains common logic for when the user is typing. Is meant to be used with debouncing functions
• I extracted all common logic from the tags selectable about state and rendering and put it in two new hooks called useItemsAction and useItemsState. No logic was changed in the state management
• I refactored the tag action to use the new common hooks

bulk_edit_assignees.mov

Checklist

Delete any items that are not applicable to this PR.

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Unit or functional tests were updated or added to match the most common scenarios

For maintainers

• This was checked for breaking API changes and was labeled appropriately

Release notes

Add the ability to bulk edit assignees on multiple cases

[elasticmachine]

Pinging @elastic/response-ops (Team:ResponseOps)

[elasticmachine]

Pinging @elastic/response-ops-cases (Feature:Cases)

[cnasikas]

@elasticmachine merge upstream

[peteharverson]

Without the suggestions functionality, I don't think it is very obvious that you have to start typing something to see a list of users you can assign a case to.

With no assignees:

And here it looks like all I can do is remove the currently assigned user.

It would be nice if we could get the same UX as from the View case page, where you see a list of users before typing anything:

If that isn't possible, I think we need some help text on the flyout, saying something like Enter search text to see a list of users to assign this case to

Any thoughts @mdefazio ?

[peteharverson]

Would be nice to have some quick way of removing all assignees, as we have in the case view - edit assignees popover, and we also have in the Bulk edit of tags flyout.

[cnasikas]

@mdefazio We discuss it with @peteharverson offline and we decide to not do any changes expect improving labels, search placeholders, and adding a message when the selected assignees do not have any assignees. We can improve it later when we introduce suggestions.

[adcoelho]

I am having some weird behavior with the suggested users:

Screen.Recording.2022-12-15.at.16.11.09.mov

Additionally, is this expected?

Screen.Recording.2022-12-15.at.16.15.35.mov

Find it a bit weird that if I clear the search and we display Selected: 1 the deselected user still shows up.

[cnasikas]

@peteharverson I update the placeholder text and show a message when there are no assignees in the selected cases. I also added the "Remove all assignees" functionality.

@adcoelho For the first scenario, this also happens in the popover on the view case page. It is happening because if the search results are already added in the selectable the EUI will perform a search in the list as you type. In the meanwhile, we are fetching new results based on what you typed. ES searches differently and does not return the same. I can explain better offline if you like. If you think it is a bug we should fix could you please open an issue so we can fix it on another PR?

For the second scenario, yes it is expected. Same as the tags, from the initial assignees you need to know which are the one you are removing.

[peteharverson]

Tested latest changes and other than one minor comment, LGTM

[js-jankisalvi]

Tested locally, LGTM. Amazing work 🚀

[cnasikas]

@elasticmachine merge upstream

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 5a59670

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
cases	518	527	+9

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
cases	349.8KB	360.2KB	+10.4KB

Unknown metric groups

ESLint disabled in files

id	before	after	diff
osquery	1	2	+1

ESLint disabled line counts

id	before	after	diff
enterpriseSearch	19	21	+2
fleet	61	67	+6
osquery	109	115	+6
securitySolution	436	442	+6
total			+20

Total ESLint disabled count

id	before	after	diff
enterpriseSearch	20	22	+2
fleet	70	76	+6
osquery	110	117	+7
securitySolution	512	518	+6
total			+21

History

• 💔 Build #96575 failed dd4dc4b
• 💚 Build #96252 succeeded aa8149e
• 💔 Build #96243 failed b44c43f
• 💛 Build #94829 was flaky 9797a17
• 💔 Build #94672 failed 236e93e

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @cnasikas