@webitel/ui-sdk 2.1.0 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/components/molecules/wt-tags-input/wt-tags-input.vue

@@ -119,11 +119,14 @@ export default {
   methods: {
     tag(searchQuery, id) {
       this.$emit('tag', searchQuery, id);
+
+      const tag = this.trackBy ? {
+        [this.optionLabel || 'name']: searchQuery,
+        [this.trackBy]: id || searchQuery,
+      } : searchQuery;
+
+      this.options.unshift(tag);
       if (!this.manualTagging) {
-        const tag = this.trackBy ? {
-          [this.optionLabel || 'name']: searchQuery,
-          [this.trackBy]: id || searchQuery,
-        } : searchQuery;
         const value = [...this.value, tag];
         this.input(value);
       }

package/src/css/components/molecules/wt-select/_multiselect.scss

@@ -31,6 +31,7 @@
 
 
   .multiselect__tags {
+    padding: calc(var(--spacing-xs) - 1px); // borders
     color: var(--form-input-color);
     border: var(--select-tags-border);
     border-color: var(--form-border-color);
@@ -61,6 +62,7 @@
     @extend %wt-placeholder;
     overflow: hidden;
     max-width: 100%;
+    display: block;
 
     // text overflow 3 dots
     white-space: nowrap;

package/src/locale/en/en.js

@@ -60,6 +60,7 @@ export default {
     priority: 'Priority',
     variables: 'Variable | Variables',
     type: 'Type',
+    tag: 'Tag | Tags',
   },
   // date-related texts
   date: {

package/src/locale/ru/ru.js

@@ -58,6 +58,7 @@ export default {
     priority: 'Приоритет',
     variables: 'Переменная | Переменные',
     type: 'Тип',
+    tag: 'Тег | Теги',
   },
   // date-related texts
   date: {

package/src/locale/ua/ua.js

@@ -58,6 +58,7 @@ export default {
     priority: 'Приорітет',
     variables: 'Змінна | Змінні',
     type: 'Тип',
+    tag: 'Тег | Теги',
   },
   // date-related texts
   date: {