lookup: fix dynamic list loading

Author: ivansfdc

components/SLDSLookup/Menu/Item/index.jsx

@@ -34,6 +34,7 @@ class Item extends React.Component {
 
   handleClick(e){
     EventUtil.trapImmediate(e);
+    console.log('>>> this.props.id: ',this.props.id);
     return this.props.onSelect(this.props.id);
   }
 
@@ -80,6 +81,7 @@ Item.propTypes = {
   setFocus: React.PropTypes.func,
   handleItemFocus: React.PropTypes.func,
   onSelect: React.PropTypes.func,
+  data: React.PropTypes.object
 };
 
 Item.defaultProps = {

components/SLDSLookup/Menu/index.js

@@ -39,16 +39,18 @@ 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;
       return <Item
-      key={c.id}
-      id={c.id}
+      key={id}
+      id={id}
       type={this.props.type}
       searchTerm={this.props.searchTerm}
       index={i}
       isActive={isActive}
       setFocus={this.props.setFocus}
       handleItemFocus={this.handleItemFocus.bind(this)}
       onSelect={this.props.onSelect}
+      data={c}
       >
       {c}
       </Item>

components/SLDSLookup/index.jsx

@@ -25,7 +25,7 @@ class SLDSLookup extends React.Component {
     super(props);
 
     //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.props.items.map((item, index) => { return item.id = 'item-' + index; })
 
     this.state = {
       searchTerm: '',
@@ -179,7 +179,6 @@ class SLDSLookup extends React.Component {
   // Rendering Things
   renderMenuContent(){
     if(this.state.isOpen){
-
       return <Menu
         searchTerm={this.state.searchTerm}
         label={this.props.label}