@webitel/ui-sdk 26.6.45 → 26.6.46

package/dist/{wt-chat-emoji-D3jwmQoi.js → wt-chat-emoji-70Ip-iGR.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./chunk-CY3AvKd6.js";
 import { n as t, t as n } from "./dist-BYiYpK00.js";
-import "./components-Z7U49tas.js";
+import "./components-gi3TmScp.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as i } from "./enums-pbYAJNeb.js";
 import { t as a } from "./wt-button-BJmzJIU6.js";

package/dist/{wt-display-chip-items-DJEixQxK.js → wt-display-chip-items-7t7gfd-q.js}

@@ -1,4 +1,4 @@
-import { c as e, i as t } from "./components-Z7U49tas.js";
+import { c as e, i as t } from "./components-gi3TmScp.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./displayText-CtaxzaBz.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-expansion-card--JQgcTaF.js → wt-expansion-card-Bvs6YO3O.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as t } from "./enums-pbYAJNeb.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
-import "./composables-C5OKo5yW.js";
+import "./composables-BJtyGE9D.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-B1gOHiGe.js → wt-galleria-BXZJO_cB.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-B8Px6VcD.js";
-import { a as n, o as r } from "./composables-C5OKo5yW.js";
+import { a as n, o as r } from "./composables-BJtyGE9D.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.js
 var j = () => {

package/dist/{wt-send-message-popup-tV8OM9Au.js → wt-send-message-popup-Bg1K-tw8.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./components-Z7U49tas.js";
+import { n as e } from "./components-gi3TmScp.js";
 import { t } from "./vue-i18n-B8Px6VcD.js";
 import { n, r } from "./clients-aQCH0OHp.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, inject 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-table--FlzjuAF.js → wt-table-D4XANcJ1.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-B8Px6VcD.js";
 import { n, t as r } from "./sortQueryAdapters-CyYXvnDN.js";
-import { t as i } from "./composables-C5OKo5yW.js";
+import { t as i } from "./composables-BJtyGE9D.js";
 import { Fragment as ee, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeStyle as h, onMounted as g, onUnmounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, resolveComponent as S, resolveDirective as C, toDisplayString as w, useSlots as T, useTemplateRef as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
 //#region src/components/wt-table/wt-table.vue?vue&type=script&setup=true&lang.ts
 var A = { class: "wt-table__th__content typo-body-1-bold" }, j = { class: "wt-table__td__actions" }, M = 10, N = /*#__PURE__*/ e(/* @__PURE__ */ p({

package/dist/{wt-type-extension-value-input-B6VJ9AKB.js → wt-type-extension-value-input-DQhC5C4L.js}

@@ -1,4 +1,4 @@
-import { a as e, o as t, r as n, s as r } from "./components-Z7U49tas.js";
+import { a as e, o as t, r as n, s as r } from "./components-gi3TmScp.js";
 import { t as i } from "./enums-pbYAJNeb.js";
 import { t as a } from "./vue-i18n-B8Px6VcD.js";
 import { t as o } from "./clients-aQCH0OHp.js";

package/dist/{wt-vidstack-player-BjULgk7W.js → wt-vidstack-player-CmdiCgCp.js}

@@ -1,4 +1,4 @@
-import { l as e } from "./components-Z7U49tas.js";
+import { l as e } from "./components-gi3TmScp.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as n } from "./enums-pbYAJNeb.js";
 import "./wt-button-BJmzJIU6.js";

package/package.json

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

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

@@ -1,7 +1,12 @@
 import { reactive, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import debounce from '../../../../scripts/debounce';
-import { dedupeByKey, isOptionSelected, toArray } from './useSelectUtils';
+import {
+	dedupeByKey,
+	filterOptionsBySearchValue,
+	isOptionSelected,
+	toArray,
+} from './useSelectUtils';
 
 export const useSelectOptions = ({
 	selected,
@@ -62,7 +67,10 @@ export const useSelectOptions = ({
 		// when optionValue is used PrimeVue passes the extracted primitive instead of the full object
 		if (optionValue?.value && typeof option !== 'object') {
 			const foundOption = (
-				filteredOptions.value as Record<string, unknown>[]
+				[
+					...filteredOptions.value,
+					...selectedOptionsCache.value,
+				] as Record<string, unknown>[]
 			).find((o) => o[optionValue.value] === option);
 			return foundOption ? getOptionLabel(foundOption) : String(option);
 		}
@@ -76,6 +84,9 @@ export const useSelectOptions = ({
 		return option[defaultOptionLabel] || option;
 	};
 
+	const filterBySearch = (opts, value) =>
+		filterOptionsBySearchValue(opts, value, getOptionLabel);
+
 	// Cache of full option objects for currently selected values,
 	// so they can be preserved in filteredOptions after filtering
 	const selectedOptionsCache = ref([]);
@@ -111,9 +122,7 @@ export const useSelectOptions = ({
 			page,
 		});
 		const matchingCached = search
-			? selectedOptionsCache.value.filter((option) =>
-					getOptionLabel(option).toLowerCase().includes(search.toLowerCase()),
-				)
+			? filterBySearch(selectedOptionsCache.value, search)
 			: selectedOptionsCache.value;
 		const baseOptions =
 			searchParams.page === 1
@@ -142,9 +151,7 @@ export const useSelectOptions = ({
 	const filterOptions = (value) => {
 		filterText.value = value;
 		if (!searchMethod.value) {
-			const matchingOptions = options.value.filter((option) =>
-				getOptionLabel(option).toLowerCase().includes(value.toLowerCase()),
-			);
+			const matchingOptions = filterBySearch(options.value, value);
 			filteredOptions.value = sortOptions(
 				dedupeByKey(
 					[
@@ -169,7 +176,7 @@ export const useSelectOptions = ({
 			filteredOptions.value = sortOptions(
 				dedupeByKey(
 					[
-						...missingSelected,
+						...filterBySearch(missingSelected, filterText.value),
 						...filteredOptions.value,
 					],
 					dataKey.value,

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

@@ -40,3 +40,9 @@ export const dedupeByKey = (items: unknown[], key: string): unknown[] => {
 		...seen.values(),
 	];
 };
+
+export const filterOptionsBySearchValue = (options, value, getOptionLabel) => {
+	return options.filter((option) =>
+		getOptionLabel(option).toLowerCase().includes(value.toLowerCase()),
+	);
+};

package/src/components/wt-button/wt-button.vue

@@ -53,7 +53,7 @@
 
 <script lang="ts" setup>
 import type { ButtonProps } from 'primevue';
-import { computed, inject, toRef, ref, useAttrs, watch } from 'vue';
+import { computed, inject, ref, toRef, useAttrs, watch } from 'vue';
 
 import { ButtonColor, ButtonVariant, ComponentSize } from '../../enums';
 import WtBadge from '../wt-badge-new/wt-badge.vue';

package/types/components/_internals/composables/useSelect/useSelectUtils.d.ts

@@ -1,3 +1,4 @@
 export declare const toArray: (value: any) => any[];
 export declare const isOptionSelected: (option: any, selectedArray: any, dataKey: any) => any;
 export declare const dedupeByKey: (items: unknown[], key: string) => unknown[];
+export declare const filterOptionsBySearchValue: (options: any, value: any, getOptionLabel: any) => any;