[Logs Overview] Filter categories grid

[weltenwort]

📓 Summary

The log categories data grid always shows all categories. In order to allow the user to focus on categories with specific characteristics, we could add filters that apply to the data grid after categorization, such as the pattern or the change type.

• 🔗 related to: [Logs Overview] Enhanced logs component for solution UIs #190848
• 🔗 related to: [Logs Overview] Partition documents before categorization #197263

✔️ Acceptance criteria

• There are filters in the control bar above the log categories grid.
• The pattern can be filtered using a (debounced) text input.
• The change type can be filtered using a dropdown menu.

🎨 Mock-ups

⚠️ These mock-ups are not authoritative and are only meant to guide the implementation.

💡 Implementation hints

• This filter is different from the context filters applied to the log documents. It applies to the LogCategories after the categorization has taken place, so it's purely visual.

[elasticmachine]

Pinging @elastic/obs-ux-logs-team (Team:obs-ux-logs)

[patpscal]

Here are the Design specs on Figma with the change type filter.

I took the opportunity to check if we could improve the POC implementation with two small changes to the Data Grid.

• Styling: Let’s use Border: Horizontal for the main instance
• Additional controls on the toolbar: I learned we could use custom buttons inside the toolbar to avoid vertical spacing concerns with the current "Open in Discover" button