feat: Add keyboard navigation

.babelrc

@@ -1,6 +1,9 @@
 {
   "presets": [["es2015", { "modules": false }], "stage-0", "react"],
-  "plugins": ["transform-class-properties"],
+  "plugins": [
+    "transform-class-properties",
+    ["transform-runtime", { "polyfill": false, "regenerator": true }]
+  ],
   "env": {
     "test": {
       "presets": ["es2015", "stage-0", "react"],

.codeclimate.yml

@@ -41,9 +41,8 @@ plugins:
         javascript:
           mass_threshold : 50
 exclude_patterns:
-  - 'docs/'
-  - 'snapshots/'
-  - '**/tests/*'
-  - '**/node_modules/'
-  - '**/*.test.js'
-  - 'postcss.config.js'
+- "docs/"
+- "snapshots/"
+- "**/tests/*"
+- "**/node_modules/"
+- "**/*.test.js"

README.md

@@ -57,6 +57,8 @@ A lightweight and fast control to render a select component that can display hie
   - [showDropdownAlways](#showDropdownAlways)
   - [form states (disabled|readOnly)](#formstates)
   - [id](#id)
+  - [label](#label)
+  - [labelRemove](#labelRemove)
 - [Styling and Customization](#styling-and-customization)
   - [Using default styles](#default-styles)
   - [Customizing with Bootstrap, Material Design styles](#customizing-styles)
@@ -65,6 +67,7 @@ A lightweight and fast control to render a select component that can display hie
   - [Search debouncing](#search-debouncing)
   - [Virtualized rendering](#virtualized-rendering)
   - [Reducing costly DOM manipulations](#reducing-costly-dom-manipulations)
+- [Keyboard navigation](#keyboard-navigation)
 - [FAQ](#faq)
 - [Doing more with HOCs](/docs/HOC.md)
 - [Development](#development)
@@ -363,6 +366,18 @@ Specific id for container. The container renders with a default id of `rdtsN` wh
 
 Use to ensure a own unique id when a simple counter is not sufficient, e.g in a partial server render (SSR)
 
+### label
+
+Type: `string`
+
+Adds `aria-labelledby` to search input when input starts with `#`, adds `aria-label` to search input when label has value (not containing '#')
+
+### labelRemove
+
+Type: `string`
+
+The text to display for `aria-label` on tag delete buttons which is combined with `aria-labelledby` pointing to the node label. Defaults to `Remove`
+
 ## Styling and Customization
 
 ### Default styles
@@ -414,6 +429,12 @@ Once you import default styles, it is easy to add/override the provided styles t
 - [With Bootstrap](/docs/examples/bootstrap)
 - [With Material Design ](/docs/examples/material)
 
+## Keyboard navigation
+
+Adds navigation with `arrow` keys, `page down/up` / `home/end` and toggle of selection with `enter`. `Arrow/page up/down` also toggles open of dropdown if closed.
+
+To close open dropdown `escape` or `tab` can be used and `backspace` can be used for deletion of tags on empty search input.
+
 ## Performance
 
 ### Search optimizations