AdminJO Front - Documentation API - v0.1.0
    Preparing search index...

    Function SearchAndFilters

    • Composant SearchAndFilters - Interface de recherche et filtrage avancé des épreuves sportives AdminJO

      Parameters

      • props: SearchAndFiltersProps

        Configuration recherche et filtres

        • searchTerm

          Terme de recherche actuel

        • selectedDisciplineId

          ID discipline sélectionnée ou null

        • disciplines

          Array disciplines pour dropdown

        • onSearch

          Callback changement terme recherche

        • onDisciplineFilter

          Callback changement filtre discipline

      Returns Element

      Interface recherche et filtrage multicritères

      SearchAndFilters

      Ce composant fournit une interface complète de recherche et filtrage pour les épreuves sportives des Jeux Olympiques. Il combine recherche textuelle temps réel ET filtrage par discipline avec dropdown dynamique, intégration transparente avec le système de gestion d'état parent, et design responsive optimisé. Il justifie pleinement son nom "SearchAndFilters" en implémentant réellement les deux fonctionnalités de manière coordonnée et efficace pour une expérience utilisateur riche.

      • Input contrôlé : Champ de saisie entièrement contrôlé par état parent
      • Feedback immédiat : onChange déclenche recherche instantanée
      • Placeholder contextuel : "Rechercher une épreuve..." pour guidance spécifique
      • Synchronisation : État searchTerm synchronisé avec hook parent
      • Dropdown disciplines : Select peuplé dynamiquement depuis API
      • Option toutes : "Toutes les disciplines" pour réinitialiser filtre
      • Sélection persistante : selectedDisciplineId maintenu entre opérations
      • Callback spécialisé : onDisciplineFilter distinct de onSearch
      • Gestion null : Support valeur null pour "toutes disciplines"
      • Données dynamiques : Liste disciplines chargée via useEpreuvesManagement
      • Recherche spécialisée : Optimisée pour noms épreuves olympiques
      • Filtrage discipline : Relations épreuves ↔ disciplines sportives
      • Hiérarchie : Événements > Disciplines > Épreuves coordonnées
      • SearchTerm : string pour recherche libre épreuves
      • SelectedDisciplineId : number | null pour filtre discipline
      • Disciplines array : Discipline[] pour options dropdown
      • Callbacks : onSearch(string) et onDisciplineFilter(number|null)
      • Relations : Support filtrage relationnel épreuves-disciplines
      • Type safety : Interfaces strictes pour validation TypeScript
      • EpreuvesManagement - Composant parent orchestrateur
      • useEpreuvesManagement - Hook gérant logique recherche + filtres
      • Discipline - Interface TypeScript objet discipline
      • EpreuvesTable - Tableau affichant résultats filtrés

    Settings

    Member Visibility

    On This Page

    Fonctionnalités de recherche et filtrage implémentéesSpécificités métier épreuves olympiques