feat(DataCollection): Eq filter

[siguenzaraul]

Description

Added a new EqFilter component to the OneDataCollection system that allows users to select exactly one option from a list, with the ability to deselect their choice.

Key Features

• Single-selection model (one option at a time)
• Clean UI with checkbox visuals
• Support for both static and async options
• Animated transitions for filter chips

Following Existing Patterns

I've carefully matched the existing component structure, maintaining consistency with naming conventions, animations, TypeScript patterns, and general design language.

Perfect for Boolean GraphQL Filters

This component was necessary for building interfaces that connect to GraphQL queries with boolean filters:

{ 
 ats {
  questionTemplatesConnection(
    filter: {
      autoDisqualify: { eq: true }
      mandatory: { eq: false }
    }
  ) {
    nodes {
      id
      label
      ...
    }
  }
 }
}

The EqFilter provides a natural UI for these true/false filters, creating a seamless connection between interface and API.

Use Cases

Ideal for status selectors, boolean filters, type selectors, and any scenario requiring single-option selection from a defined list.

Screenshots (if applicable)

Grabacion.de.pantalla.2025-04-28.a.las.11.49.45.mov

Grabacion.de.pantalla.2025-04-28.a.las.11.51.08.mov

Grabacion.de.pantalla.2025-04-28.a.las.12.17.54.mov

---

Type of Change

• New experimental component
• Promote component from experimental to stable
• Maintenance / Bug Fix / Other

---

[github-actions]

🔍 Visual review for your branch is published 🔍

Here are the links to:

• the Visual Review Page

• the latest build on chromatic

• the full storybook