diff --git a/components/SLDSLookup/Menu/Item/index.jsx b/components/SLDSLookup/Menu/Item/index.jsx index e8e1004342..9e7e84f5e9 100644 --- a/components/SLDSLookup/Menu/Item/index.jsx +++ b/components/SLDSLookup/Menu/Item/index.jsx @@ -34,7 +34,6 @@ 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); } diff --git a/components/SLDSLookup/index.jsx b/components/SLDSLookup/index.jsx index c7523b5c41..1d4bd6066e 100644 --- a/components/SLDSLookup/index.jsx +++ b/components/SLDSLookup/index.jsx @@ -25,7 +25,6 @@ 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.modifyItems(); this.state = { @@ -78,7 +77,7 @@ class SLDSLookup extends React.Component { selectedIndex: index, searchTerm: null }); - if(this.props.onItemSelect) this.props.onItemSelect(); + if(this.props.onItemSelect) this.props.onItemSelect(itemId); } handleDeleteSelected() { @@ -131,6 +130,7 @@ class SLDSLookup extends React.Component { handleChange(event) { const target = event.target || event.currentTarget; this.setState({searchTerm: target.value}); + if(this.props.onChange) this.props.onChange(target.value); } handleKeyDown(event) { @@ -228,7 +228,7 @@ class SLDSLookup extends React.Component { + + diff --git a/demo/pages/HomePage/LookupBaseDynamicSection.jsx b/demo/pages/HomePage/LookupBaseDynamicSection.jsx index 209952c9d4..254a6f73ed 100644 --- a/demo/pages/HomePage/LookupBaseDynamicSection.jsx +++ b/demo/pages/HomePage/LookupBaseDynamicSection.jsx @@ -45,6 +45,10 @@ module.exports = React.createClass( { alert('Search Records Clicked'); }, + onChange(newValue){ + console.log('New search term: ', newValue); + }, + handleItemSelect(item){ console.log(item); }, @@ -55,10 +59,12 @@ module.exports = React.createClass( {
Dynamic list
-
-