fix Lookup index issue

Author: ivansfdc

components/SLDSLookup/Menu/index.js

@@ -39,7 +39,7 @@ class Menu extends React.Component {
     return this.props.items.filter(this.filter, this).map((c, i) => {
       //isActive means it is aria-activedescendant
       const isActive = this.props.focusIndex === i + 1 ? true : false;
-      const id = 'item-'+i;
+      const id = c.id;
       return <Item
       key={id}
       id={id}

components/SLDSLookup/index.jsx

@@ -26,6 +26,7 @@ class SLDSLookup extends React.Component {
 
     //Dynamically assign ids to list items to reference for focusing and selecting items
 //    this.props.items.map((item, index) => { return item.id = 'item-' + index; })
+    this.modifyItems();
 
     this.state = {
       searchTerm: '',
@@ -238,6 +239,14 @@ class SLDSLookup extends React.Component {
     );
   }
 
+  modifyItems () {
+    this.props.items.map((item, index) => { return item.id = 'item-' + index; })
+  }
+
+  componentWillReceiveProps (newProps) {
+    this.modifyItems();
+  }
+
   render(){
     let inputClasses = this.state.selectedIndex === null ? 'slds-input':'slds-input slds-hide';
     let componentClasses = this.state.selectedIndex === null ? "slds-lookup ignore-react-onclickoutside":"slds-lookup ignore-react-onclickoutside slds-has-selection";

demo/pages/HomePage/LookupBaseDynamicSection.jsx

@@ -45,6 +45,10 @@ module.exports = React.createClass( {
     alert('Search Records Clicked');
   },
 
+  handleItemSelect(item){
+    console.log(item);
+  },
+
   render() {
     return (
 
@@ -56,6 +60,7 @@ module.exports = React.createClass( {
                   label="Accounts"
                   type="account"
                   onNewItem={this.newItem}
+                  onItemSelect={this.handleItemSelect}
                   onSearchRecords={this.searchRecords}
                 />
               </div>