front: pathfinding: allow completion by station name in search by trigram

[Caracol3]

• add operationalPointsSearch API call in TypeAndPath.tsx
• add possibility to search a trigram by station name in the rocket input
• display results in the list below the component
• edit _typeAndPath.scss

close #6626

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 187 lines in your changes are missing coverage. Please review.

Project coverage is 28.31%. Comparing base (69250c3) to head (1cb8b20).
Report is 3 commits behind head on dev.

Files	Patch %	Lines
front/src/common/Pathfinding/TypeAndPath.tsx	0.00%	165 Missing ⚠️
front/src/utils/inputManipulation.ts	0.00%	21 Missing and 1 partial ⚠️

Additional details and impacted files

@@             Coverage Diff              @@
##                dev    #6768      +/-   ##
============================================
- Coverage     28.34%   28.31%   -0.04%     
  Complexity     2250     2250              
============================================
  Files          1087     1090       +3     
  Lines        136329   136477     +148     
  Branches       2744     2745       +1     
============================================
- Hits          38648    38637      -11     
- Misses        96085    96243     +158     
- Partials       1596     1597       +1     

Flag	Coverage Δ
core	80.08% <ø> (ø)
editoast	74.78% <ø> (-0.05%)	⬇️
front	8.95% <0.00%> (-0.02%)	⬇️
gateway	2.45% <ø> (ø)
railjson_generator	87.15% <ø> (ø)
tests	83.07% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[nicolaswurtz]

Hello! Thx for the code!
Here some minor bugs I've found ;) Good luck!

[nicolaswurtz]

The column expands when too much suggestions, it should stay with same width.

record1.mp4

[nicolaswurtz]

• Add two stations
• Type text between, don't click
• Remove text
• Click on suggestions

Suggestions should be removed when text is removed.

record2.mp4

[nicolaswurtz]

• Add a station
• write inside trigram, suggestions appears on input only not the whole word

Suggestions should appear only with whole word (so nothing here)

record3.mp4

[nicolaswurtz]

• Add a station
• Type before station trigram
• Remove, suggestions stay

Suggestions should be removed when removing text OR take the whole word in consideration

record4.mp4

[nicolaswurtz]

• Add two stations
• Begin to type with no space before second trigram
• click on suggestion
• trigrams became sticked

Same as above: you can fix this by taking care about the whole word and not only what is entered.

record5.mp4

[nicolaswurtz]

• be careful about spacing, it should be harmonized
• only display 3 lines of results, put a "..." if overflow
• add border-radius: 4px; for buttons and white background
• order stations by names alphabetically
• the arrow have to be sticked to the suggestion white background
• the arrow have to be centered on input text

[nicolaswurtz]

Hi! Thx for corrections. A few bugs persist, see below ;-)

[nicolaswurtz]

• type text, select a suggestion
• remove text, type text again
• select a suggestion: it doesn't disappear
• select again a suggestion: it is duplicated

bug1.mp4

[nicolaswurtz]

• type text that correspond to a trigram (SG here)
• suggestions appear too
• add a letter that correspond too to a valid trigram but not to suggestions
• same suggestions stay (it shouldn't)

bug2.mp4

[nicolaswurtz]

• begin to type part of a trigram that exists (LO) wait for suggestions
• add a letter that will transform trigram into something valid BUT not for suggestions
• suggestions appear again but for previous search (same bug as above)
• if you click on it, it will change the first occurence of trigram in input field

This one is a little bit tricky but frequently comes when you "hesitate" during typing.

bug3.mp4

[nicolaswurtz]

The last one! Don't despair... ;-)

1. enter 2 OPs
2. put cursor between
3. remove space
4. add space
5. click on suggestion
6. sprotch

I think the good behaviour would either propose suggestions for next text ("RE" in my example) either propose nothing.

pouet.mp4

[nicolaswurtz]

Functionnaly tested & ok! Good job, GG!