update mixins to ES6 module exports

src/mixins/ajax.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   props: {
     /**
      * Toggles the adding of a 'loading' class to the main
@@ -23,14 +23,14 @@ module.exports = {
      */
     onSearch: {
       type: Function,
-			default: function(search, loading){}
+      default: function(search, loading) {} // eslint-disable-line no-unused-vars
     }
   },
 
   data() {
     return {
       mutableLoading: false
-    }
+    };
   },
 
   watch: {
@@ -40,8 +40,8 @@ module.exports = {
      */
     search() {
       if (this.search.length > 0) {
-				this.onSearch(this.search, this.toggleLoading)
+        this.onSearch(this.search, this.toggleLoading);
-        this.$emit('search', this.search, this.toggleLoading)
+        this.$emit("search", this.search, this.toggleLoading);
       }
     },
     /**
@@ -50,7 +50,7 @@ module.exports = {
      * @param val
      */
     loading(val) {
-			this.mutableLoading = val
+      this.mutableLoading = val;
     }
   },
 
@@ -64,9 +64,9 @@ module.exports = {
      */
     toggleLoading(toggle = null) {
       if (toggle == null) {
-				return this.mutableLoading = !this.mutableLoading
+        return (this.mutableLoading = !this.mutableLoading);
       }
-			return this.mutableLoading = toggle
+      return (this.mutableLoading = toggle);
     }
   }
-}
+};

src/mixins/pointerScroll.js

@@ -1,9 +1,7 @@
-// flow
+export default {
-
-module.exports = {
   watch: {
     typeAheadPointer() {
-      this.maybeAdjustScroll()
+      this.maybeAdjustScroll();
     }
   },
 
@@ -15,13 +13,13 @@ module.exports = {
      * @returns {*}
      */
     maybeAdjustScroll() {
-      let pixelsToPointerTop = this.pixelsToPointerTop()
+      let pixelsToPointerTop = this.pixelsToPointerTop();
-      let pixelsToPointerBottom = this.pixelsToPointerBottom()
+      let pixelsToPointerBottom = this.pixelsToPointerBottom();
 
-      if ( pixelsToPointerTop <= this.viewport().top) {
+      if (pixelsToPointerTop <= this.viewport().top) {
-        return this.scrollTo( pixelsToPointerTop )
+        return this.scrollTo(pixelsToPointerTop);
       } else if (pixelsToPointerBottom >= this.viewport().bottom) {
-        return this.scrollTo( this.viewport().top + this.pointerHeight() )
+        return this.scrollTo(this.viewport().top + this.pointerHeight());
       }
     },
 
@@ -31,13 +29,14 @@ module.exports = {
      * @returns {number}
      */
     pixelsToPointerTop() {
-      let pixelsToPointerTop = 0
+      let pixelsToPointerTop = 0;
-      if( this.$refs.dropdownMenu ) {
+      if (this.$refs.dropdownMenu) {
         for (let i = 0; i < this.typeAheadPointer; i++) {
-          pixelsToPointerTop += this.$refs.dropdownMenu.children[i].offsetHeight
+          pixelsToPointerTop += this.$refs.dropdownMenu.children[i]
+            .offsetHeight;
         }
       }
-      return pixelsToPointerTop
+      return pixelsToPointerTop;
     },
 
     /**
@@ -46,7 +45,7 @@ module.exports = {
      * @returns {*}
      */
     pixelsToPointerBottom() {
-      return this.pixelsToPointerTop() + this.pointerHeight()
+      return this.pixelsToPointerTop() + this.pointerHeight();
     },
 
     /**
@@ -54,8 +53,10 @@ module.exports = {
      * @returns {number}
      */
     pointerHeight() {
-      let element = this.$refs.dropdownMenu ? this.$refs.dropdownMenu.children[this.typeAheadPointer] : false
+      let element = this.$refs.dropdownMenu
-      return element ? element.offsetHeight : 0
+        ? this.$refs.dropdownMenu.children[this.typeAheadPointer]
+        : false;
+      return element ? element.offsetHeight : 0;
     },
 
     /**
@@ -64,9 +65,12 @@ module.exports = {
      */
     viewport() {
       return {
-        top: this.$refs.dropdownMenu ? this.$refs.dropdownMenu.scrollTop: 0,
+        top: this.$refs.dropdownMenu ? this.$refs.dropdownMenu.scrollTop : 0,
-        bottom: this.$refs.dropdownMenu ? this.$refs.dropdownMenu.offsetHeight + this.$refs.dropdownMenu.scrollTop : 0
+        bottom: this.$refs.dropdownMenu
-      }
+          ? this.$refs.dropdownMenu.offsetHeight +
+            this.$refs.dropdownMenu.scrollTop
+          : 0
+      };
     },
 
     /**
@@ -75,7 +79,9 @@ module.exports = {
      * @returns {*}
      */
     scrollTo(position) {
-      return this.$refs.dropdownMenu ? this.$refs.dropdownMenu.scrollTop = position : null
+      return this.$refs.dropdownMenu
-    },
+        ? (this.$refs.dropdownMenu.scrollTop = position)
+        : null;
     }
-}
+  }
+};

src/mixins/typeAheadPointer.js

@@ -1,13 +1,13 @@
-module.exports = {
+export default {
   data() {
     return {
       typeAheadPointer: -1
-    }
+    };
   },
 
   watch: {
     filteredOptions() {
-      this.typeAheadPointer = 0
+      this.typeAheadPointer = 0;
     }
   },
 
@@ -19,9 +19,9 @@ module.exports = {
      */
     typeAheadUp() {
       if (this.typeAheadPointer > 0) {
-        this.typeAheadPointer--
+        this.typeAheadPointer--;
-        if( this.maybeAdjustScroll ) {
+        if (this.maybeAdjustScroll) {
-          this.maybeAdjustScroll()
+          this.maybeAdjustScroll();
         }
       }
     },
@@ -33,9 +33,9 @@ module.exports = {
      */
     typeAheadDown() {
       if (this.typeAheadPointer < this.filteredOptions.length - 1) {
-        this.typeAheadPointer++
+        this.typeAheadPointer++;
-        if( this.maybeAdjustScroll ) {
+        if (this.maybeAdjustScroll) {
-          this.maybeAdjustScroll()
+          this.maybeAdjustScroll();
         }
       }
     },
@@ -46,15 +46,15 @@ module.exports = {
      * @return {void}
      */
     typeAheadSelect() {
-      if( this.filteredOptions[ this.typeAheadPointer ] ) {
+      if (this.filteredOptions[this.typeAheadPointer]) {
-        this.select( this.filteredOptions[ this.typeAheadPointer ] );
+        this.select(this.filteredOptions[this.typeAheadPointer]);
-      } else if (this.taggable && this.search.length){
+      } else if (this.taggable && this.search.length) {
-        this.select(this.search)
+        this.select(this.search);
       }
 
-      if( this.clearSearchOnSelect ) {
+      if (this.clearSearchOnSelect) {
         this.search = "";
       }
-    },
     }
-}
+  }
+};