elastic / elastic/eui

[FieldValueSelectionFilter] Migrate from class to function component

Open
#9,493 1 comment 0 reactions 0 assignees View on GitHub
help wanted low hanging fruit
Dominant language
TypeScript
Stars
6.4k
Forks
911
Avg merge
2d 11h
Merged PRs (30d)
65

Description

`FieldValueSelectionFilter` renders a popover with a selectable list for field value filtering within `EuiSearchBar`. Internal component, not exported.

- **File:** `components/search_bar/filters/field_value_selection_filter.tsx`
- **Class size:** 342 lines
- **State:** Constructor-initialized (options, query, active state)
- **Lifecycle:** `componentDidMount`, `componentDidUpdate`, `componentWillUnmount`

**Migration notes:**

Full lifecycle suite managing async option loading and cache. The most complex of the SearchBar filter components.

**Acceptance criteria:**

- [ ] Convert to function component with hooks
- [ ] Maintain async option loading
- [ ] All existing tests pass

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.