rebuild

Author: ivansfdc

dist/design-system-react.js

@@ -58,7 +58,6 @@ var Item = (function (_React$Component) {
     key: 'handleClick',
     value: function handleClick(e) {
       _utils.EventUtil.trapImmediate(e);
-      console.log('>>> this.props.id: ', this.props.id);
       return this.props.onSelect(this.props.id);
     }
 

dist/design-system-react.js.map

@@ -73,7 +73,7 @@ var Menu = (function (_React$Component) {
       return this.props.items.filter(this.filter, this).map(function (c, i) {
         //isActive means it is aria-activedescendant
         var isActive = _this.props.focusIndex === i + 1 ? true : false;
-        var id = 'item-' + i;
+        var id = c.id;
         return _react2['default'].createElement(
           _Item2['default'],
           {

dist/design-system-react.min.js

@@ -57,7 +57,7 @@ var SLDSLookup = (function (_React$Component) {
     _get(Object.getPrototypeOf(SLDSLookup.prototype), 'constructor', this).call(this, 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 = {
       searchTerm: '',
@@ -117,7 +117,7 @@ var SLDSLookup = (function (_React$Component) {
         selectedIndex: index,
         searchTerm: null
       });
-      if (this.props.onItemSelect) this.props.onItemSelect();
+      if (this.props.onItemSelect) this.props.onItemSelect(itemId);
     }
   }, {
     key: 'handleDeleteSelected',
@@ -180,6 +180,7 @@ var SLDSLookup = (function (_React$Component) {
     value: function handleChange(event) {
       var target = event.target || event.currentTarget;
       this.setState({ searchTerm: target.value });
+      if (this.props.onChange) this.props.onChange(target.value);
     }
   }, {
     key: 'handleKeyDown',
@@ -291,7 +292,7 @@ var SLDSLookup = (function (_React$Component) {
         ),
         _react2['default'].createElement(_SLDSButton2['default'], {
           label: 'Press delete to remove',
-          tabindex: '-1',
+          tabIndex: '-1',
           variant: 'icon',
           iconName: 'close',
           iconSize: 'medium',
@@ -300,6 +301,18 @@ var SLDSLookup = (function (_React$Component) {
         })
       );
     }
+  }, {
+    key: 'modifyItems',
+    value: function modifyItems() {
+      this.props.items.map(function (item, index) {
+        return item.id = 'item-' + index;
+      });
+    }
+  }, {
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(newProps) {
+      this.modifyItems();
+    }
   }, {
     key: 'render',
     value: function render() {
@@ -357,6 +370,7 @@ SLDSLookup.propTypes = {
   type: _react2['default'].PropTypes.string,
   filterWith: _react2['default'].PropTypes.func,
   onItemSelect: _react2['default'].PropTypes.func,
+  onChange: _react2['default'].PropTypes.func,
   onNewItem: _react2['default'].PropTypes.func,
   onSearchRecords: _react2['default'].PropTypes.func,
   modal: _react2['default'].PropTypes["bool"],
@@ -366,10 +380,7 @@ SLDSLookup.propTypes = {
 SLDSLookup.defaultProps = {
   filterWith: defaultFilter,
   modal: false,
-  disabled: false,
-  onItemSelect: function onItemSelect(item) {
-    //console.log('onItemSelect should be defined');
-  }
+  disabled: false
 };
 
 module.exports = SLDSLookup;