After user selects item, make focus go to remove button on selected item

Author: donnieberg

components/SLDSLookup/Menu/Item/index.jsx

@@ -67,7 +67,7 @@ class Item extends React.Component {
           role="option"
           onClick={this.handleClick.bind(this)}
           onMouseDown={this.handleClick.bind(this)}>
-          <Icon name="account" />
+          <Icon name={this.props.type} />
           { this.boldSearchText(this.props.children.label) }
         </a>
       </li>

components/SLDSLookup/Menu/index.js

@@ -42,6 +42,7 @@ class Menu extends React.Component {
       key={c.id}
       id={c.id}
       index={i}
+      type={this.props.type}
       setFocus={this.props.setFocus}
       isActive={isActive}
       handleItemFocus={this.handleItemFocus.bind(this)}

components/SLDSLookup/index.jsx

@@ -40,6 +40,9 @@ class SLDSLookup extends React.Component {
     if(prevState.selectedIndex && !this.state.selectIndex){
       if(this.refs.lookup) React.findDOMNode(this.refs.lookup).focus();
     }
+    else if(!prevState.selectedIndex && this.state.selectedIndex){
+      if(this.refs.clearSelectedItemButton) React.findDOMNode(this.refs.clearSelectedItemButton).focus();
+    }
   }
 
   //=================================================