@enso-ui/select 2.1.6 → 2.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enso-ui/select",
-  "version": "2.1.6",
+  "version": "2.1.10",
   "description": "Select",
   "main": "index.js",
   "scripts": {

package/src/bulma/EnsoSelect.vue

@@ -1,8 +1,8 @@
 <template>
-    <vue-select :i18n="i18n"
+    <vue-select v-bind="$attrs"
+        :i18n="i18n"
         :error-handler="errorHandler"
         :source="source ? route(source) : null"
-        v-bind="$attrs"
         v-on="$listeners"
         ref="select">
          <template v-slot:option="props">

package/src/bulma/VueSelect.vue

@@ -33,9 +33,9 @@
                                     v-if="hasSelection">
                                     <div class="control">
                                         <template v-if="multiple">
-                                            <tag v-for="value in selection"
+                                            <tag v-bind="selectionBindings(value)"
+                                                v-for="value in selection"
                                                 :key="value[trackBy]"
-                                                v-bind="selectionBindings(value)"
                                                 v-on="selectionEvents(value)"/>
                                         </template>
                                         <template v-else>
@@ -64,9 +64,9 @@
                     <div class="dropdown-item search">
                         <div class="control has-icons-right">
                             <input class="input"
+                                v-bind="filterBindings"
                                 type="text"
                                 :placeholder="i18n(labels.search)"
-                                v-bind="filterBindings"
                                 v-on="filterEvents"
                                 v-focus>
                             <search-mode class="is-right icon is-small search-mode"
@@ -77,8 +77,8 @@
                     </div>
                 </template>
                 <template v-slot:items>
-                    <dropdown-item key="add-tag"
-                        v-bind="taggableBindings"
+                    <dropdown-item v-bind="taggableBindings"
+                        key="add-tag"
                         v-on="taggableEvents"
                         v-if="canAddTag">
                         {{ query }}

package/src/renderless/CoreSelect.vue

@@ -238,13 +238,17 @@ export default {
             this.update(this.multiple ? [] : null);
             this.$emit('clear');
         },
-        deselect(value) {
-            const index = this.value
-                .findIndex((val) => val === value[this.trackBy]);
+        deselect(deselect) {
+            const value = JSON.parse(JSON.stringify(this.value));
+            
+            const index = value
+                .findIndex(val => this.objects
+                    ? val[this.trackBy] === deselect[this.trackBy]
+                    : val === deselect[this.trackBy]);
 
-            this.value.splice(index, 1);
-            this.update(this.value);
-            this.$emit('deselect', value);
+            value.splice(index, 1);
+            this.update(value);
+            this.$emit('deselect', deselect);
         },
         displayLabel(option) {
             if (!option) {
@@ -291,8 +295,8 @@ export default {
             const index = this.value
                 .findIndex((val) => this.valueMatchesOption(val, option));
 
-            this.updateMultipleSelection(index, option);
-            this.update(this.value);
+            const value = this.updateMultipleSelection(index, option);
+            this.update(value);
         },
         handleSingleSelection(option) {
             this.reset();
@@ -420,14 +424,17 @@ export default {
                 : null;
         },
         updateMultipleSelection(index, option) {
+            const value = JSON.parse(JSON.stringify(this.value));
+
             if (index >= 0) {
-                this.value.splice(index, 1);
+                value.splice(index, 1);
                 this.$emit('deselect', this.objects ? option : option[this.trackBy]);
-                return;
+            } else {
+                value.push(this.optionValue(option));
+                this.$emit('select', this.objects ? option : option[this.trackBy]);
             }
 
-            this.value.push(this.optionValue(option));
-            this.$emit('select', this.objects ? option : option[this.trackBy]);
+            return value;
         },
     },