@enso-ui/typeahead 3.0.8 → 3.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enso-ui/typeahead",
-  "version": "3.0.8",
+  "version": "3.0.12",
   "description": "Vue Typeahead",
   "main": "index.js",
   "scripts": {

package/src/bulma/EnsoTypeahead.vue

@@ -1,5 +1,6 @@
 <template>
-    <typeahead v-bind="$attrs"
+    <typeahead
+        :http="http"
         :i18n="i18n"
         :source="source ? route(source) : null"
         :error-handler="errorHandler"
@@ -23,7 +24,7 @@ export default {
 
     components: { Typeahead },
 
-    inject: ['errorHandler', 'i18n', 'route'],
+    inject: ['errorHandler', 'http', 'i18n', 'route'],
 
     props: {
         source: {

package/src/bulma/Typeahead.vue

@@ -1,11 +1,12 @@
 <template>
-    <core-typeahead v-bind="$attrs"
+    <core-typeahead
         ref="typeahead">
         <template #default="{
                 addTag, canAddTag, clearBindings, controlEvents, disabled,
                 invalidQuery, highlight, i18n, inputBindings, inputEvents,
                 itemEvents, items, label, loading, minQueryLength,
-                modeSelector, modeBindings, modeEvents, query, searchControl,
+                modeSelector, modeBindings, modeEvents,
+                readonly, query, searchControl,
             }">
             <dropdown class="typeahead"
                 :class="$attrs.class"
@@ -23,6 +24,7 @@
                                 ]"
                                 v-bind="inputBindings"
                                 type="text"
+                                :readonly="readonly"
                                 :disabled="disabled"
                                 :placeholder="i18n(placeholder)"
                                 @keydown="$emit('keydown', $event)"

package/src/renderless/CoreTypeahead.vue

@@ -29,6 +29,10 @@ export default {
             type: Boolean,
             default: false,
         },
+        http: {
+            required: true,
+            type: Function,
+        },
         i18n: {
             type: Function,
             default: v => v,
@@ -49,6 +53,10 @@ export default {
             type: Object,
             default: null,
         },
+        readonly: {
+            type: Boolean,
+            default: false,
+        },
         regExp: {
             type: RegExp,
             default() {
@@ -159,10 +167,10 @@ export default {
                 this.ongoingRequest.cancel();
             }
 
-            this.ongoingRequest = axios.CancelToken.source();
+            this.ongoingRequest = this.http.CancelToken.source();
             this.loading = true;
 
-            axios.get(this.source, {
+            this.http.get(this.source, {
                 params: this.requestParams,
                 cancelToken: this.ongoingRequest.token,
             }).then(({ data }) => {
@@ -217,7 +225,7 @@ export default {
             invalidQuery: this.invalidQuery,
             highlight: this.highlight,
             i18n: this.i18n,
-            inputBindings: { modelValue: this.query },
+            inputBindings: { value: this.query },
             inputEvents: selection => ({
                 input: e => {
                     this.query = e.target.value;
@@ -257,6 +265,7 @@ export default {
                 change: this.fetch,
             },
             modeSelector: this.modeSelector,
+            readonly: this.readonly,
             query: this.query,
             searchControl: this.searchControl,
         });