[Feature] AutoComplete

[marsinearth]

derived from #37

Material UI AutoComplete Page

Goal

• Implementing strictly typed AutoComplete component with test codes
• Adding storybooks for AutoComplete component and sub-components
  assigned to jb9229
• Examples

Hackatalk UI Design

• Text Fields
• Selects

• Material UI reference page for AutoComplete

Libraries

• styled-components
• storybook.js
• @testing-library/react-native

Structure

• Render Input
  

• Render Option
  

• Options
  

[RenderInput] requires:

assigned to vanayun, impressor615

• focus

  • Active
  
  • Inactive
  

• filter
  assigned to hmhm2292
  

• scroll top to the screen as the screenshot when touched

[Render Option] requires:

assigned to imjihun

• background highlight when touched
• set value for Render Input when selected
• have various options such as icon, image, styles, etc.

[Options] requires:

• resize to max out the device's screen size and scroll top along with the Render Input
• filtered when the value of Render Input satisfies search requirements
• scrollable if height of its contents exceeds the screenHeight subtracts to the renderInput height

TODO

• to accept various types of input data
• to accept placeholder style prop
• smooth animation for open/close optionList (sizes, colors)
• smooth animation for optionItem onPress event (sizes, colors, underlay color, selected color)
• smooth keyframe rotation animation for caret arrow
• accept external caret component
• accept external reset button component
• test codes
• storybook integration with webpage configuration

[vanayun]

[RenderInput] assign me

[imjihun]

[Render Option] assign me

[jb9229]

[Adding storybooks for AutoComplete component and sub-components] assign me

If you're together, please give me a DM.

[hmhm2292]

[filter] assign me

[seonghyeonkimm]

[RenderInput Placeholder] assign me

[hyochan]

@marsinearth How is this going?

[hyochan]

@marsinearth

[hyochan]

@marsinearth

[hyochan]

@marsinearth ??

[hyochan]

Closing due to inactivity.