|
@ -39,7 +39,7 @@ const TermInput = ({ |
|
|
list: suggestions, |
|
|
list: suggestions, |
|
|
setList: setSuggestions, |
|
|
setList: setSuggestions, |
|
|
focus: focusedSuggestion, |
|
|
focus: focusedSuggestion, |
|
|
setFocus: setFocusedSuggestion |
|
|
|
|
|
|
|
|
setFocus: setFocusedSuggestion, |
|
|
} = util.useFocusableList(); |
|
|
} = util.useFocusableList(); |
|
|
|
|
|
|
|
|
// Référence au champ de saisie
|
|
|
// Référence au champ de saisie
|
|
@ -48,11 +48,11 @@ const TermInput = ({ |
|
|
/** |
|
|
/** |
|
|
* Valide l’entrée courante en l’ajoutant comme terme de la requête. |
|
|
* Valide l’entrée courante en l’ajoutant comme terme de la requête. |
|
|
* |
|
|
* |
|
|
* @param id Identifiant du terme à ajouter dans la requête. |
|
|
|
|
|
|
|
|
* @param term Terme à ajouter dans la requête. |
|
|
*/ |
|
|
*/ |
|
|
const finalizeInput = id => |
|
|
|
|
|
|
|
|
const finalizeInput = term => |
|
|
{ |
|
|
{ |
|
|
addQueryTerm(id); |
|
|
|
|
|
|
|
|
addQueryTerm(term); |
|
|
setValue(''); |
|
|
setValue(''); |
|
|
setSuggestions([]); |
|
|
setSuggestions([]); |
|
|
|
|
|
|
|
@ -151,7 +151,7 @@ const TermInput = ({ |
|
|
'TermInput_suggestion', |
|
|
'TermInput_suggestion', |
|
|
index === focusedSuggestion |
|
|
index === focusedSuggestion |
|
|
? 'TermInput_suggestion-focus' |
|
|
? 'TermInput_suggestion-focus' |
|
|
: '' |
|
|
|
|
|
|
|
|
: '', |
|
|
].join(' ')} |
|
|
].join(' ')} |
|
|
onMouseEnter={setFocusedSuggestion.bind(null, index)} |
|
|
onMouseEnter={setFocusedSuggestion.bind(null, index)} |
|
|
onClick={finalizeInput.bind(null, suggestion)} |
|
|
onClick={finalizeInput.bind(null, suggestion)} |
|
|