fix(state) clear current item on select (#91)

* fix(state) make sure current item is passed to defaultSection
item so that highlighted item works.

__tests__/__snapshots__/autosuggest.test.js.snap

@@ -557,7 +557,7 @@ exports[`Autosuggest can render suggestions 1`] = `
             data-suggestion-index="0"
             data-section-name="default"
             id="autosuggest__results_item-0"
-            class="autosuggest__results_item"
+            class="autosuggest__results_item-highlighted autosuggest__results_item"
         >
           clifford kits
         </li>
@@ -702,7 +702,7 @@ exports[`Autosuggest is aria complete 1`] = `
             data-suggestion-index="2"
             data-section-name="default"
             id="autosuggest__results_item-2"
-            class="autosuggest__results_item"
+            class="autosuggest__results_item-highlighted autosuggest__results_item"
         >
           phonics
         </li>

src/Autosuggest.vue

@@ -27,6 +27,7 @@
           v-for="(cs, key) in computedSections"
           :ref="getSectionRef(key)"
           :key="getSectionRef(key)"
+          :current-index="currentIndex"
           :normalize-item-function="normalizeItem"
           :render-suggestion="renderSuggestion"
           :section="cs"
@@ -202,6 +203,9 @@ export default {
           });
         },
         selected: () => {
+          // Determine which onSelected to fire. This can be either from inside
+          // a section's object, from the @selected event, or from the deprecated
+          // native onSelected prop (to be removed later)
           if (
             this.currentItem &&
             this.sectionConfigs[this.currentItem.name] &&
@@ -219,6 +223,7 @@ export default {
             // TODO: 2.0 deprecate old event listeners
             this._onSelected(this.currentItem);
           }
+          this.setChangeItem(null)
         }
       };
     },
@@ -391,7 +396,7 @@ export default {
       }
     },
     setChangeItem(item, overrideOriginalInput = false) {
-      if (this.currentIndex === null) {
+      if (this.currentIndex === null || !item) {
         this.currentItem = null;
       } else if (item) {
         this.searchInput = this.getSuggestionValue(item);

src/parts/DefaultSection.js

@@ -2,7 +2,7 @@ const DefaultSection = {
   name: "default-section",
   props: {
     section: { type: Object, required: true },
-    currentIndex: { type: Number, required: false, default: Infinity },
+    currentIndex: { type: [Number, String], required: false, default: Infinity },
     updateCurrentIndex: { type: Function, required: true },
     searchInput: { type: [String, Number], required: false, default: "" },
     renderSuggestion: { type: Function, required: false },

src/stories/index.js

@@ -329,7 +329,7 @@ storiesOf("Vue-Autosuggest", module)
     methods: {
       onSelected(item) {
         action("Selected")(item);
-        this.add(item.item);
+        item && item.item && this.add(item.item);
       },
       onClick() {
         this.onInputChange("");