Refactor Auto complete widget

[aditya-07]

IMPORTANT: All PRs must be linked to an issue (except for extremely trivial and straightforward changes).

Fixes #978

Description

1. Removed FlexboxLayout and used material ChipGroup to add Chips for selected answers.
2. TextInput is always below the Chips (see attached screenshot).
3. Added Auto Complete as component in the Catalog app.

Alternative(s) considered
Have you considered any alternatives? And if so, why have you chosen the approach in this PR?

Type
Choose one: Bug fix

Screenshots (if applicable)

Checklist

• I have read and acknowledged the Code of conduct.
• I have read the Contributing page.
• I have signed the Google Individual CLA, or I am covered by my company's Corporate CLA.
• I have discussed my proposed solution with code owners in the linked issue(s) and we have agreed upon the general approach.
• I have run ./gradlew spotlessApply and ./gradlew spotlessCheck to check my code follows the style guide of this project.
• I have run ./gradlew check and ./gradlew connectedCheck to test my changes locally.
• I have built and run the demo app(s) to verify my change fixes the issue and/or does not break the demo app(s).

[codecov]

Codecov Report

Merging #1398 (3811ced) into master (087b8a3) will increase coverage by 0.33%.
The diff coverage is 18.75%.

@@             Coverage Diff              @@
##             master    #1398      +/-   ##
============================================
+ Coverage     89.74%   90.08%   +0.33%     
  Complexity      646      646              
============================================
  Files           129      129              
  Lines          9879     9839      -40     
  Branches        742      713      -29     
============================================
- Hits           8866     8863       -3     
+ Misses          622      591      -31     
+ Partials        391      385       -6     

Impacted Files	Coverage Δ
.../QuestionnaireItemAutoCompleteViewHolderFactory.kt	39.58% <18.75%> (+10.90%)	⬆️
.../java/com/google/android/fhir/search/MoreSearch.kt	94.49% <0.00%> (-0.92%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e331b97...3811ced. Read the comment docs.

[PallaviGanorkar]

Doing first level of review

After removing default field "Asthma", Autocomplete View show error symbol without any error msg and also user is able to click submit with error on the screen. Details are in screenshot

[aditya-07]

Doing first level of review

After removing default field "Asthma", Autocomplete View show error symbol without any error msg and also user is able to click submit with error on the screen. Details are in screenshot

Fixed the issue with showing error.

[KhumboLihonga]

Here are my thoughts:

1. When typing, I think it would be better if the suggestions would show after typing the first letter as opposed to the first two letters.
2. If repeats is set to false i.e. only one option is allowed, after the option is selected, the widget should not expand to a multi line widget. It should remain on a single line.
3. If repeats is set to false i.e. only one option is allowed, after the option is selected, the blinking cursor should disappear. If a user wants to replace the existing selection, they can tap the 'x' on the chip to remove it. Once it is removed, the blinking cursor can re-appear to signal they can add a selection once again.

[aditya-07]

@jingtang10 @shelaghm

Here are my thoughts:

1. When typing, I think it would be better if the suggestions would show after typing the first letter as opposed to the first two letters.
2. If repeats is set to false i.e. only one option is allowed, after the option is selected, the widget should not expand to a multi line widget. It should remain on a single line.
3. If repeats is set to false i.e. only one option is allowed, after the option is selected, the blinking cursor should disappear. If a user wants to replace the existing selection, they can tap the 'x' on the chip to remove it. Once it is removed, the blinking cursor can re-appear to signal they can add a selection once again.

[shelaghm]

@KhumboLihonga These recommendations sound good to me from a UX perspective.
@jingtang10 what do you think?

@jingtang10 @shelaghm

Here are my thoughts:

1. When typing, I think it would be better if the suggestions would show after typing the first letter as opposed to the first two letters.
2. If repeats is set to false i.e. only one option is allowed, after the option is selected, the widget should not expand to a multi line widget. It should remain on a single line.
3. If repeats is set to false i.e. only one option is allowed, after the option is selected, the blinking cursor should disappear. If a user wants to replace the existing selection, they can tap the 'x' on the chip to remove it. Once it is removed, the blinking cursor can re-appear to signal they can add a selection once again.

[jingtang10]

@aditya-07 can you please resolve the conflicts? thanks!