rebuild

Author: ivansfdc

dist/design-system-react.js

@@ -58,7 +58,7 @@ var Item = (function (_React$Component) {
     key: 'handleClick',
     value: function handleClick(e) {
       _utils.EventUtil.trapImmediate(e);
-      return this.props.onSelect(this.props.id);
+      return this.props.onSelect(this.props.id, this.props.data);
     }
 
     //Scroll menu item based on up/down mouse keys (assumes all items are the same height)

dist/design-system-react.js.map

@@ -86,7 +86,7 @@ var Menu = (function (_React$Component) {
             setFocus: _this.props.setFocus,
             handleItemFocus: _this.handleItemFocus.bind(_this),
             onSelect: _this.props.onSelect,
-            data: c
+            data: c.data
           },
           c
         );

dist/design-system-react.min.js

@@ -57,19 +57,24 @@ 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.modifyItems();
 
     this.state = {
       searchTerm: '',
       isOpen: false,
       currentFocus: null,
       focusIndex: null,
       selectedIndex: null,
-      listLength: this.props.items.length
+      listLength: this.props.items.length,
+      items: []
     };
   }
 
   _createClass(SLDSLookup, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.modifyItems();
+    }
+  }, {
     key: 'componentDidUpdate',
     value: function componentDidUpdate(prevProps, prevState) {
       if (prevState.selectedIndex && !this.state.selectIndex) {
@@ -111,13 +116,13 @@ var SLDSLookup = (function (_React$Component) {
     // Select menu item (onClick or on key enter/space)
   }, {
     key: 'selectItem',
-    value: function selectItem(itemId) {
+    value: function selectItem(itemId, data) {
       var index = itemId.replace('item-', '');
       this.setState({
         selectedIndex: index,
         searchTerm: null
       });
-      if (this.props.onItemSelect) this.props.onItemSelect(itemId);
+      if (this.props.onItemSelect) this.props.onItemSelect(data);
     }
   }, {
     key: 'handleDeleteSelected',
@@ -240,7 +245,7 @@ var SLDSLookup = (function (_React$Component) {
           type: this.props.type,
           focusIndex: this.state.focusIndex,
           listLength: this.state.listLength,
-          items: this.props.items,
+          items: this.state.items,
           filterWith: this.props.filterWith,
           getListLength: this.getListLength.bind(this),
           setFocus: this.setFocus.bind(this),
@@ -304,9 +309,15 @@ var SLDSLookup = (function (_React$Component) {
   }, {
     key: 'modifyItems',
     value: function modifyItems() {
-      this.props.items.map(function (item, index) {
-        return item.id = 'item-' + index;
+      var items = this.props.items.map(function (item, index) {
+        return {
+          id: 'item-' + index,
+          label: item.label,
+          data: item
+        };
       });
+
+      this.setState({ items: items });
     }
   }, {
     key: 'componentWillReceiveProps',

dist/design-system-react.min.js.map

@@ -111,7 +111,7 @@ module.exports = _react2['default'].createClass({
   beforeClose: function beforeClose() {},
 
   dropOptions: function dropOptions() {
-    var target = this.props.targetElement ? this.props.targetElement.getDOMNode() : this.getDOMNode().parentNode;
+    var target = this.props.targetElement ? _react2['default'].findDOMNode(this.props.targetElement) : _react2['default'].findDOMNode(this).parentNode;
     return {
       target: target,
       content: this.popoverElement,
@@ -164,7 +164,7 @@ module.exports = _react2['default'].createClass({
 
 });
 /*
-       <Spring 
+       <Spring
          defaultValue={{ val:0 }}
          endValue={{ val:1, config: [70, 10] }}>
          {currentVal => {