[FieldValueToggleGroupFilter] Migrate from class to function component

[CollegeRideOut]

Summary

What: Convert FieldValueToggleGroupFilter from a class component to a function component.

Why: Closes #9474

How:

• Replaced the class component with a function component

• Converted class methods (resolveDisplay, valueChanged) to internal functions

• Removed this usage and switched to props-based access

• Preserved existing behavior and rendering logic

---

API Changes

component / parent | prop / child | change | description -- | -- | -- | -- N/A |   | None | No public API changes

---

Impact Assessment

• 🔴 Breaking changes

• 💅 Visual changes

• 🧪 Test impact

• 🔧 Hard to integrate

Impact level: 🟢 None

---

QA instructions for reviewer

• Verify toggle buttons render correctly

• Confirm selecting/deselecting values updates the query as expected

• Ensure no behavioral regressions

---

Checklist before marking Ready for Review

• Filled out all sections above

---

Note: This PR description was written with the assistance of AI.

## Summary

What: Convert FieldValueToggleGroupFilter from a class component to a function component.

Why: Closes [#9474](#9474)

How:

• Replaced the class component with a function component
• Converted class methods (resolveDisplay, valueChanged) to internal functions
• Removed this usage and switched to props-based access
• Preserved existing behavior and rendering logic

---

API Changes

component / parent	prop / child	change	description
N/A		None	No public API changes

---

Impact Assessment

• 🔴 Breaking changes
• 💅 Visual changes
• 🧪 Test impact
• 🔧 Hard to integrate

Impact level: 🟢 None

---

QA instructions for reviewer

• Verify toggle buttons render correctly
• Confirm selecting/deselecting values updates the query as expected
• Ensure no behavioral regressions

---

Checklist before marking Ready for Review

• Filled out all sections above

---

Note: This PR description was written with the assistance of AI.
I code was written by hand. AI tools not used on the actual code this time

[github-actions]

👋 Since this is a community submitted pull request, a Buildkite build has not been started automatically. Would an Elastic organization member please verify the contents of this pull request and kick off a build manually?

[weronikaolejniczak]

buildkite test this

[Copilot]

Pull request overview

Converts FieldValueToggleGroupFilter (an internal EuiSearchBar filter renderer) from a class component to a function component, aligning it with the rest of the search bar filter components and the project’s modern React patterns.

Changes:

• Replaced the Component-based implementation with an FC function component.
• Converted resolveDisplay and valueChanged class methods into internal functions using props.
• Removed all this usage while preserving the existing render/output logic.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: 319e908
• Documentation website
• Storybook

[elasticmachine]

💔 Build Failed

• Buildkite Build
• Commit: 319e908

Failed CI Steps

• 🔨 EUI pull request test

History

[weronikaolejniczak]

The code looks great, I see no issues. The CI was flaky, I re-ran it. 🟢

Thank you for contributing, @CollegeRideOut 🙌🏻