Fix connected component to use renamed action

Author: Sarah Allen

packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuide/components/FieldGuideItems/FieldGuideItemAnchor.js

@@ -43,24 +43,24 @@ export function AnchorLabel({ className, icons, item }) {
 }
 
 function storeMapper(stores) {
-  const { attachedMedia: icons, setActiveItem } = stores.classifierStore.fieldGuide
+  const { attachedMedia: icons, setActiveItemIndex } = stores.classifierStore.fieldGuide
   return {
     icons,
-    setActiveItem,
+    setActiveItemIndex,
   }
 }
 
 @inject(storeMapper)
 @observer
 class FieldGuideItemAnchor extends React.Component {
   onClick (event, item) {
-    const { setActiveItem } = this.props
+    const { setActiveItemIndex } = this.props
     event.preventDefault()
-    setActiveItem(item)
+    setActiveItemIndex(item)
   }
 
   render () {
-    const { className, icons, row, setActiveItem } = this.props
+    const { className, icons, row } = this.props
 
     return (
       row.map((item) => {
@@ -90,7 +90,7 @@ FieldGuideItemAnchor.wrappedComponent.propTypes = {
   className: PropTypes.string,
   icons: MobXPropTypes.observableMap,
   row: PropTypes.arrayOf(PropTypes.object).isRequired,
-  setActiveItem: PropTypes.func.isRequired
+  setActiveItemIndex: PropTypes.func.isRequired
 }
 
 export default FieldGuideItemAnchor

packages/lib-classifier/src/components/Classifier/components/FieldGuide/components/FieldGuide/components/FieldGuideItems/FieldGuideItemAnchor.spec.js

@@ -21,7 +21,7 @@ describe('Component > FieldGuideItemAnchor', function () {
       <FieldGuideItemAnchor.wrappedComponent
         icons={attachedMedia}
         row={row}
-        setActiveItem={() => {}}
+        setActiveItemIndex={() => {}}
       />)
     expect(wrapper).to.be.ok
   })
@@ -31,7 +31,7 @@ describe('Component > FieldGuideItemAnchor', function () {
       <FieldGuideItemAnchor.wrappedComponent
         icons={attachedMedia}
         row={row}
-        setActiveItem={() => { }}
+        setActiveItemIndex={() => { }}
       />)
     expect(wrapper).to.have.lengthOf(row.length)
   })
@@ -41,22 +41,22 @@ describe('Component > FieldGuideItemAnchor', function () {
       <FieldGuideItemAnchor.wrappedComponent
         icons={attachedMedia}
         row={row}
-        setActiveItem={() => { }}
+        setActiveItemIndex={() => { }}
       />)
     expect(wrapper.props().label.type).to.equal(AnchorLabel)
   })
 
-  it('should call setActiveItem on click', function () {
-    const setActiveItemSpy = sinon.spy()
+  it('should call setActiveItemIndex on click', function () {
+    const setActiveItemIndexSpy = sinon.spy()
     const wrapper = shallow(
       <FieldGuideItemAnchor.wrappedComponent
         icons={attachedMedia}
         row={row}
-        setActiveItem={setActiveItemSpy}
+        setActiveItemIndex={setActiveItemIndexSpy}
       />)
 
     wrapper.simulate('click', { preventDefault: () => {} })
-    expect(setActiveItemSpy).to.have.been.calledOnceWith(row[0])
+    expect(setActiveItemIndexSpy).to.have.been.calledOnceWith(row[0])
   })
 
   describe('Component > AnchorLabel', function () {