@webitel/ui-sdk 26.8.155 → 26.10.2

package/dist/{wt-chat-emoji-Ctwc4VYl.js → wt-chat-emoji-CRt5jka9.js}

@@ -1,4 +1,4 @@
-import "./components-BaLs0ZtL.js";
+import "./components-D1ukd_PU.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-BsaEZtrc.js → wt-display-chip-items-2KUHhVtF.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./utils-zi9lfi8f.js";
-import { C as t, i as n } from "./components-BaLs0ZtL.js";
+import { C as t, i as n } from "./components-D1ukd_PU.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.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";
 //#region src/components/on-demand/wt-display-chip-items/wt-display-chip-items.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-expansion-card-CNkGLQvo.js → wt-expansion-card-Bpj0G5u9.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as t } from "./enums-CKer6GJR.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
-import "./composables-BeyROIj_.js";
+import "./composables-Cy5nWaAF.js";
 import { t as r } from "./wt-expand-transition-C2p9bR4j.js";
 import { createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toRef as m, unref as h, vShow as g, withCtx as _, withDirectives as v, withKeys as y } from "vue";
 //#region src/components/wt-expansion-card/wt-expansion-card.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-galleria-BIczN4CP.js → wt-galleria-C3oGpcUO.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { n as t } from "./vue-i18n-VBiROMZ4.js";
-import { a as n, o as r } from "./composables-BeyROIj_.js";
+import { a as n, o as r } from "./composables-Cy5nWaAF.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderSlot as x, resolveComponent as S, toDisplayString as C, unref as w, useAttrs as T, useModel as E, vShow as D, watch as O, withCtx as k, withDirectives as A } from "vue";
 //#region src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup.ts
 var j = () => {

package/dist/{wt-send-message-popup--fi3UrPJ.js → wt-send-message-popup-B-nGWr7E.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./components-BaLs0ZtL.js";
-import { i as t, r as n } from "./clients-CD7NXpWz.js";
+import { n as e } from "./components-D1ukd_PU.js";
+import { i as t, r as n } from "./clients-BuWrwEVp.js";
 import "./convertDuration-DZkUGHBR.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i } from "./useEventBus-B-ZeklLu.js";

package/dist/{wt-table-Cy3TfK4i.js → wt-table-BAmMqyti.js}

@@ -4,7 +4,7 @@ import { t as n } from "./wt-badge-B3NI2a3-.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i, t as a } from "./sortQueryAdapters-Bb1yt_LD.js";
 import { t as o } from "./wt-icon-btn-8EHSKSxB.js";
-import { t as s } from "./composables-BeyROIj_.js";
+import { t as s } from "./composables-Cy5nWaAF.js";
 import { t as c } from "./wt-popover-BI6YyXy0.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createTextVNode as g, createVNode as _, defineComponent as v, guardReactiveProps as y, nextTick as b, normalizeClass as x, normalizeProps as S, normalizeStyle as C, onMounted as w, onUnmounted as T, openBlock as E, ref as D, renderList as ee, renderSlot as O, resolveComponent as k, resolveDirective as te, toDisplayString as A, unref as j, useSlots as M, useTemplateRef as ne, withCtx as N, withDirectives as P, withModifiers as F } from "vue";
 //#region src/components/wt-table/_internals/wt-table-column-filter.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-type-extension-value-input-DOivJ4hj.js → wt-type-extension-value-input-CGsB_7Nc.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-BaLs0ZtL.js";
-import { n as o, t as s } from "./clients-CD7NXpWz.js";
+import { a as t, o as n, r, s as i, w as a } from "./components-D1ukd_PU.js";
+import { n as o, t as s } from "./clients-BuWrwEVp.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-D-W9J2CY.js → wt-vidstack-player-CGsUsqeG.js}

@@ -1,4 +1,4 @@
-import { T as e } from "./components-BaLs0ZtL.js";
+import { T as e } from "./components-D1ukd_PU.js";
 import "./convertDuration-DZkUGHBR.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.155",
+	"version": "26.10.2",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",
@@ -89,8 +89,8 @@
 	"peerDependencies": {
 		"@vuelidate/core": "^2.0.3",
 		"@vuelidate/validators": "^2.0.4",
-		"@webitel/api-services": "~26.8",
-		"@webitel/styleguide": "~26.8",
+		"@webitel/api-services": "~26.10",
+		"@webitel/styleguide": "~26.10",
 		"axios": "^1.18.1",
 		"date-fns": "^4.1.0",
 		"deep-copy": "^1.4.2",
@@ -144,7 +144,7 @@
 		"@vue/tsconfig": "^0.8.1",
 		"@vuelidate/core": "^2.0.3",
 		"@vuelidate/validators": "^2.0.4",
-		"@webitel/styleguide": "~26.8",
+		"@webitel/styleguide": "~26.10",
 		"autolinker": "^4.1.5",
 		"clipboard-copy": "^4.x",
 		"globals": "^16.0.0",

package/src/components/_internals/composables/useSelect/types.ts

@@ -40,6 +40,7 @@ export interface UseSelectDropdownParams {
 	filterText: Ref<string>;
 	filterOptions: (value: string) => void;
 	resetAndFetch: (search?: string) => void;
+	cancelPendingSearch: () => void;
 	sortOptions: (opts: SelectOption[]) => SelectOption[];
 	fetchOptions: () => void;
 	isLoading: Ref<boolean>;

package/src/components/_internals/composables/useSelect/useSelect.ts

@@ -35,6 +35,7 @@ export const useSelect = ({
 		fetchOptions,
 		fetchSelectedByIds,
 		resetAndFetch,
+		cancelPendingSearch,
 		filterOptionsBase,
 		updateSelectedOptionsCache,
 	} = useSelectOptions({
@@ -64,6 +65,7 @@ export const useSelect = ({
 		filterText,
 		filterOptions: filterOptionsBase,
 		resetAndFetch,
+		cancelPendingSearch,
 		sortOptions,
 		fetchOptions,
 		isLoading,

package/src/components/_internals/composables/useSelect/useSelectDropdown.ts

@@ -10,6 +10,7 @@ export const useSelectDropdown = ({
 	filterText,
 	filterOptions,
 	resetAndFetch,
+	cancelPendingSearch,
 	sortOptions,
 	fetchOptions,
 	isLoading,
@@ -157,7 +158,10 @@ export const useSelectDropdown = ({
 			  remove scroll listener on dropdown close, no need to remove it on unmount
 			*/
 			getListContainer()?.removeEventListener('scroll', handleScroll);
-			if (filterText.value) resetAndFetch();
+			if (filterText.value) {
+				cancelPendingSearch();
+				resetAndFetch();
+			}
 		} else {
 			filterOptions('');
 		}

package/src/components/_internals/composables/useSelect/useSelectOptions.ts

@@ -176,6 +176,10 @@ export const useSelectOptions = ({
 
 	const debouncedFetch = debounce((value: string) => resetAndFetch(value));
 
+	const cancelPendingSearch = () => {
+		debouncedFetch.cancel();
+	};
+
 	const filterOptionsBase = (value: string) => {
 		filterText.value = value;
 		if (!searchMethod.value) {
@@ -249,6 +253,7 @@ export const useSelectOptions = ({
 		fetchOptions,
 		fetchSelectedByIds,
 		resetAndFetch,
+		cancelPendingSearch,
 		filterOptionsBase,
 		updateSelectedOptionsCache,
 	};

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

@@ -139,4 +139,48 @@ describe('WtSingleSelect', () => {
 			'custom-file.mp3',
 		]);
 	});
+
+	it('drops a pending lookup when the dropdown closes after a custom value', async () => {
+		vi.useFakeTimers();
+		const searchMethod = vi.fn().mockResolvedValue({
+			items: [
+				{
+					id: '1',
+					name: 'file.mp3',
+				},
+			],
+			next: false,
+		});
+		const wrapper = mount(WtSingleSelect, {
+			props: {
+				searchMethod,
+			},
+			global: {
+				stubs: {
+					Select: {
+						name: 'Select',
+						template: '<div><slot name="header" /></div>',
+						methods: {
+							hide() {
+								this.$emit('hide');
+							},
+						},
+					},
+				},
+			},
+		});
+
+		const filter = wrapper.findComponent({
+			name: 'wt-input-text',
+		});
+		await filter.vm.$emit('update:model-value', 'custom-file.mp3');
+		await filter.trigger('keydown.enter');
+		await vi.advanceTimersByTimeAsync(1000);
+
+		const searches = searchMethod.mock.calls.map((call) => call[0].search);
+		expect(searches).not.toContain('custom-file.mp3');
+		expect(searches.at(-1)).toBe('');
+
+		vi.useRealTimers();
+	});
 });