Pass the itemIndex to the renderItem function

Add itemIndex to test

Author: webdeb

src/Item.js

@@ -51,10 +51,9 @@ export default class Item extends Component {
   };
 
   render() {
-    const { isHighlighted, item, renderItem, renderItemData, ...restProps } = this.props;
+    const { isHighlighted, item, itemIndex, renderItem, renderItemData, ...restProps } = this.props;
 
     delete restProps.sectionIndex;
-    delete restProps.itemIndex;
 
     if (typeof restProps.onMouseEnter === 'function') {
       restProps.onMouseEnter = this.onMouseEnter;
@@ -74,7 +73,7 @@ export default class Item extends Component {
 
     return (
       <li role="option" {...restProps} ref={this.storeItemReference}>
-        {renderItem(item, { isHighlighted, ...renderItemData })}
+        {renderItem(item, { itemIndex, isHighlighted, ...renderItemData })}
       </li>
     );
   }

test/plain-list/Autowhatever.test.js

@@ -70,12 +70,12 @@ describe('Plain List Autowhatever', () => {
       renderItem.reset();
       mouseEnterItem(0);
       expect(renderItem).to.have.been.calledOnce;
-      expect(renderItem).to.be.calledWith({ text: 'Apple' }, { isHighlighted: true });
+      expect(renderItem).to.be.calledWith({ text: 'Apple' }, { itemIndex: 0, isHighlighted: true });
 
       renderItem.reset();
       mouseLeaveItem(0);
       expect(renderItem).to.have.been.calledOnce;
-      expect(renderItem).to.be.calledWith({ text: 'Apple' }, { isHighlighted: false });
+      expect(renderItem).to.be.calledWith({ text: 'Apple' }, { itemIndex: 0, isHighlighted: false });
     });
 
     it('should call `renderItem` once when item is left', () => {