EuiSearchBar is a search input with filter controls, query parsing, and suggestion support. Commonly used across Kibana for search UIs.
- File:
components/search_bar/search_bar.tsx
- Class size: 167 lines
- State:
query, queryText, error, isHintVisible
- Lifecycle:
getDerivedStateFromProps
Migration notes:
The getDerivedStateFromProps pattern needs careful conversion — likely to a controlled component pattern or useMemo/useEffect sync. The rest is standard state.
Acceptance criteria:
EuiSearchBaris a search input with filter controls, query parsing, and suggestion support. Commonly used across Kibana for search UIs.components/search_bar/search_bar.tsxquery,queryText,error,isHintVisiblegetDerivedStateFromPropsMigration notes:
The
getDerivedStateFromPropspattern needs careful conversion — likely to a controlled component pattern oruseMemo/useEffectsync. The rest is standard state.Acceptance criteria:
getDerivedStateFromProps→ props-to-state sync