@webitel/ui-sdk 26.8.149 → 26.8.150

package/dist/{wt-chat-emoji-okPBWTTc.js → wt-chat-emoji-C6taiH7d.js}

@@ -1,4 +1,4 @@
-import "./components-BQNe8f-D.js";
+import "./components-7m-8aZmi.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { E as t, h as n } from "./enums-CKer6GJR.js";
 import { t as r } from "./wt-button-DnbIcGvU.js";

package/dist/{wt-display-chip-items-p-X0dCyl.js → wt-display-chip-items-BKezwH_o.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-BQNe8f-D.js";
+import { C as e, i as t } from "./components-7m-8aZmi.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./utils-DQQQIpjz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-send-message-popup-C8sMLTcd.js → wt-send-message-popup-BWbiEroB.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-BQNe8f-D.js";
+import { n as e } from "./components-7m-8aZmi.js";
 import "./convertDuration-CIPonKKW.js";
-import { i as t, r as n } from "./clients-CvTW64Rq.js";
+import { i as t, r as n } from "./clients-x0gCJQbb.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-type-extension-value-input-IVO4B3WW.js → wt-type-extension-value-input-DJVtErVH.js}

@@ -1,7 +1,7 @@
 import "./dist-EXdgfpvN.js";
 import { n as e } from "./genClient-CvWlQ0TZ.js";
-import { a as t, o as n, r, s as i, w as a } from "./components-BQNe8f-D.js";
-import { n as o, t as s } from "./clients-CvTW64Rq.js";
+import { a as t, o as n, r, s as i, w as a } from "./components-7m-8aZmi.js";
+import { n as o, t as s } from "./clients-x0gCJQbb.js";
 import { a as c, c as l, i as u, n as d, o as f, p, r as m, s as h, t as g } from "./enums-CKer6GJR.js";
 import { n as _ } from "./vue-i18n-VBiROMZ4.js";
 import "./wt-toast-3-3ZylQ9.js";

package/dist/{wt-vidstack-player-DrOhDUTg.js → wt-vidstack-player-BcldtEws.js}

@@ -1,4 +1,4 @@
-import { T as e } from "./components-BQNe8f-D.js";
+import { T as e } from "./components-7m-8aZmi.js";
 import "./convertDuration-CIPonKKW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.149",
+	"version": "26.8.150",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/components/wt-single-select/__tests__/WtSingleSelect.spec.js

@@ -114,4 +114,29 @@ describe('WtSingleSelect', () => {
 			.vm.$emit('hide');
 		expect(wrapper.emitted().hide).toBeTruthy();
 	});
+
+	it('emits the filter text on search and on Enter', async () => {
+		const wrapper = mount(WtSingleSelect, {
+			global: {
+				stubs: {
+					Select: {
+						name: 'Select',
+						template: '<div><slot name="header" /></div>',
+					},
+				},
+			},
+		});
+		const filter = wrapper.findComponent({
+			name: 'wt-input-text',
+		});
+		await filter.vm.$emit('update:model-value', 'custom-file.mp3');
+		expect(wrapper.emitted('search-change')?.at(-1)).toEqual([
+			'custom-file.mp3',
+		]);
+
+		await filter.trigger('keydown.enter');
+		expect(wrapper.emitted('search-enter')?.at(-1)).toEqual([
+			'custom-file.mp3',
+		]);
+	});
 });

package/src/components/wt-single-select/wt-single-select.vue

@@ -46,8 +46,8 @@
           class="wt-single-select__input"
           :model-value="filterText"
           :size="ComponentSize.SM"
-          @update:model-value="filterOptions($event)"
-          @keydown.enter.stop="onInputKeydown"
+          @update:model-value="onFilterModelUpdate"
+          @keydown.enter.stop.prevent="onFilterEnter"
         >
           <template #suffix>
             <wt-icon v-if="allowCustomValues && filterText" disabled icon="select-custom-value-enter" />
@@ -194,6 +194,12 @@ const model = defineModel<string>({
 const emit = defineEmits<{
 	reset: [];
 	hide: [];
+	'search-change': [
+		value: string,
+	];
+	'search-enter': [
+		value: string,
+	];
 }>();
 
 const selectId = `select-${Math.random().toString(36).slice(2, 11)}`;
@@ -257,6 +263,18 @@ const handleDropdownHide = () => {
 	onDropdownHide();
 	emit('hide');
 };
+
+const onFilterModelUpdate = (value: string) => {
+	const text = value ?? '';
+	filterOptions(text);
+	emit('search-change', text);
+};
+
+const onFilterEnter = () => {
+	emit('search-enter', filterText.value);
+	onInputKeydown();
+	selectRef.value?.hide?.();
+};
 </script>
 
 <style scoped>