@enso-ui/select 3.0.8 → 3.0.12

package/package.json

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

package/src/bulma/Tag.vue

@@ -25,6 +25,8 @@ export default {
             required: true,
         },
     },
+
+    emits: ['deselect'],
 };
 </script>
 

package/src/bulma/VueSelect.vue

@@ -58,15 +58,15 @@
                             <dropdown-indicator :open="open" v-if="!disabled"/>
                         </button>
                     </template>
-                    <template #controls
+                    <template #controls="{ keydown }"
                         v-if="needsSearch">
-                        <div class="dropdown-item search">
+                        <div class="search">
                             <div class="control has-icons-right">
                                 <input class="input"
                                     v-bind="filterBindings"
                                     type="text"
                                     :placeholder="i18n(labels.search)"
-                                    v-on="filterEvents"
+                                    v-on="{ ...filterEvents, keydown }"
                                     v-focus>
                                 <search-mode class="is-right icon is-small search-mode"
                                     v-bind="modeBindings"
@@ -199,6 +199,8 @@ export default {
 
 
 <style lang="scss">
+@import 'bulma/sass/utilities/derived-variables';
+
 .vue-select {
     .dropdown {
         width: 100%;
@@ -211,6 +213,10 @@ export default {
                 height: unset;
                 min-height: 2.2125em;
 
+                &.has-error {
+                    border-color: $danger;
+                }
+
                 .control-display {
                     &.with-clear-button {
                         max-width: calc(100% - 2.5em);
@@ -291,25 +297,25 @@ export default {
             .dropdown-content {
                 width: 100%;
 
+                .search {
+                    padding: 0 0.375rem 0.6rem;
+
+                    .input {
+                        height: 2em;
+                    }
+
+                    .search-mode {
+                        right: 0.3em;
+                        pointer-events: all;
+                    }
+                }
+
                 .dropdown-item {
                     text-overflow: ellipsis;
                     overflow-x: hidden;
                     white-space: nowrap;
                     padding: 0.375rem 2rem 0.375rem 0.6rem;
 
-                    &.search {
-                        padding: 0 0.375rem 0.6rem;
-
-                        .input {
-                            height: 2em;
-                        }
-
-                        .search-mode {
-                            right: 0.3em;
-                            pointer-events: all;
-                        }
-                    }
-
                     .label.tag {
                         position: absolute;
                         padding: 0.3rem;

package/src/renderless/CoreSelect.vue

@@ -102,10 +102,12 @@ export default {
     },
 
     emits: [
-        'add-tag', 'clear', 'deselect', 'fetch', 'select',
+        'add-tag', 'clear', 'deselect', 'fetch', 'input', 'select',
         'selection', 'update', 'update:modelValue',
     ],
 
+    inheritAttrs: false,
+
     data: v => ({
         allowsSelection: true,
         internalValue: null,
@@ -359,7 +361,7 @@ export default {
         },
         reload() {
             if (!this.hasOptions && !this.readonly && !this.disabled) {
-                this.fetch();
+                this.fetchIfServerSide();
             }
         },
         requestParams() {