Package Theme

Added theme property to <Suggestor/>to facilitate custom styling 🎨

{
    "root": "wrapper <div> element class(es)",
    "input": "<input> element class(es)",
    "arrow": "<span> class(es): open suggestion list indicator (🔻)",
    "close": "<span> class(es): remove current value indicator (✖️)",
    "list": "<ul> class(es)",
    "item": "<li> class(es)",
    "activeItem": "<li> class(es) when active/hover"
}

component ref

reduce lib size from 10921 to 10915 bytes

Update component input ref using React.createRef

reduce library script size

reduce lib size from 11067 to 10921 bytes

• babel helpers definition only once ⛑
• update contrib. doc (Issue, PR)

remove library prop-types

remove prop-types on production script

11.9 KiB 🔻10.6 KiB
check ssuggestor on unpkg

smaller file - updates

• update package keywords
• update webpack to version 4
• decrease script size: (12.43 kB -> 12.38 kB)

behavior when toggling suggestions

• click always toggle suggestions list (open / close)
• up | down keys always display suggestions

select only suggestion list items

callback prop: onSelect is called when suggestion is selected / unselected

onSelect: (value, suggestion) => { }

suggestion objects

support for suggestion objects with a selector function: object => string

• update project dependencies

component functions auto-bind

• remove arrow functions on components
• use auto-bind utility func. instead of manually bind

suggestions behavior

only display matched suggestions when component props changed