@webitel/ui-sdk 26.8.85 → 26.8.87

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.85",
+	"version": "26.8.87",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",
@@ -131,7 +131,7 @@
 		"@tsconfig/node22": "^22.0.0",
 		"@types/deep-equal": "^1.0.4",
 		"@types/file-saver-es": "^2.0.3",
-		"@types/lodash": "^4.17.24",
+		"@types/lodash-es": "^4.17.12",
 		"@types/node": "^22.13.10",
 		"@vitejs/plugin-vue": "^6.0.3",
 		"@vitest/coverage-v8": "^4.1.3",

package/src/api/transformers/starToSearch/starToSearch.transformer.js

@@ -1,5 +1,5 @@
 import deepcopy from 'deep-copy';
-import get from 'lodash/get.js';
+import { get } from 'lodash-es';
 
 import updateObject from '../../../scripts/updateObject.js';
 

package/src/components/wt-table-column-select/wt-table-column-select.vue

@@ -191,6 +191,7 @@ watch(isColumnSelectPopup, () => {
 }
 
 .wt-table-column-select__popup-list {
+  max-width: 100%;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;

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

@@ -122,6 +122,16 @@ interface Props extends /* @vue-ignore */ TextareaProps {
 	 * @default false
 	 */
 	autoresize?: boolean;
+	/**
+	 * @author PolinaSukhorukova-webitel
+	 *
+	 * [WTEL-10388](https://webitel.atlassian.net/browse/WTEL-10388)
+	 * Decouples submit-on-Enter from `autoresize` so a consumer can keep
+	 * auto-height while Enter inserts a newline (e.g. mobile chat).
+	 * @type {boolean}
+	 * @default true
+	 */
+	submitOnEnter?: boolean;
 	/**
 	 * Validation rules
 	 */
@@ -144,6 +154,7 @@ const props = withDefaults(defineProps<Props>(), {
 	rows: 1,
 	labelProps: undefined,
 	autoresize: false,
+	submitOnEnter: true,
 	v: undefined,
 	customValidators: () => [],
 });
@@ -181,7 +192,7 @@ const handleKeypress = (event: KeyboardEvent) => {
 	emit('keydown', event);
 	if (!props.autoresize) return;
 
-	if (event.key === 'Enter' && !event.shiftKey) {
+	if (props.submitOnEnter && event.key === 'Enter' && !event.shiftKey) {
 		emit('enter');
 		event.preventDefault();
 	}

package/src/components/wt-vidstack-player/wt-vidstack-player.vue

@@ -14,6 +14,7 @@
       playsinline
       @close="emit('close')"
       @can-play="onCanPlay"
+      @provider-change="onProviderChange"
     >
       <media-provider class="wt-vidstack-player__provider"></media-provider>
 
@@ -52,6 +53,7 @@
 <script lang="ts" setup>
 import 'vidstack/player';
 import 'vidstack/player/ui';
+import { isVideoProvider, type MediaProviderChangeEvent } from 'vidstack';
 import { computed, provide, ref, toRefs, useTemplateRef } from 'vue';
 
 import { ComponentSize } from '../../enums';
@@ -202,6 +204,20 @@ const onCanPlay = (ev: Event) => {
 		playPromise.catch(() => {});
 	}
 };
+
+/**
+ * @author PolinaSukhorukova-webitel
+ *
+ * [WTEL-10386](https://webitel.atlassian.net/browse/WTEL-10386)
+ * iOS 18 opens the native <video> in system fullscreen when `playsinline` is
+ * applied late (only by the time playback starts). Setting it on `provider-change`
+ * guarantees the attribute is present before iOS decides inline vs fullscreen.
+ */
+const onProviderChange = (event: MediaProviderChangeEvent) => {
+	if (isVideoProvider(event.detail)) {
+		event.detail.video.playsInline = true;
+	}
+};
 </script>
 
 <style scoped>

package/src/composables/useCachedItemInstanceName/useCachedItemInstanceName.js

@@ -1,4 +1,4 @@
-import get from 'lodash/get.js';
+import { get } from 'lodash-es';
 import { onMounted, ref, watch } from 'vue';
 
 export const useCachedItemInstanceName = (

package/src/modules/AuditForm/components/audit-form.vue

@@ -44,7 +44,7 @@ import type {
 	EngineQuestion,
 	EngineQuestionAnswer,
 } from '@webitel/api-services/gen/models';
-import cloneDeep from 'lodash/cloneDeep.js';
+import { cloneDeep } from 'lodash-es';
 import {
 	computed,
 	nextTick,

package/src/modules/CardStoreModule/store/CardStoreModule.js

@@ -1,5 +1,5 @@
 import deepCopy from 'deep-copy';
-import set from 'lodash/set.js';
+import { set } from 'lodash-es';
 
 import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
 

package/src/modules/Userinfo/mappings/mappings.ts

@@ -1,4 +1,4 @@
-import invert from 'lodash/invert';
+import { invert } from 'lodash-es';
 
 import {
 	AdminSections,

package/src/modules/Userinfo/stores/userinfoStore.ts

@@ -1,4 +1,4 @@
-import pick from 'lodash/pick';
+import { pick } from 'lodash-es';
 import { defineStore, storeToRefs } from 'pinia';
 import { ref } from 'vue';
 import { createUserNotificationsStore } from '../../UserNotifications/stores/userNotificationsStore';

package/src/scripts/debounce.js

@@ -1,4 +1,4 @@
-import lodashDebounce from 'lodash/debounce.js';
+import { debounce as lodashDebounce } from 'lodash-es';
 
 const debounce = (fn, options, wait = 1000) =>
 	lodashDebounce(fn, wait, options);

package/src/scripts/logger.js

@@ -1,4 +1,4 @@
-import isObject from 'lodash/isObject.js';
+import { isObject } from 'lodash-es';
 
 const validateConfig = (config) => {
 	return isObject(config) && (config.entity || config.module);

package/src/scripts/updateObject.js

@@ -1,5 +1,4 @@
-import cloneDeep from 'lodash/cloneDeep.js';
-import set from 'lodash/set.js';
+import { cloneDeep, set } from 'lodash-es';
 
 const updateObject = ({ obj, path, value }) => set(cloneDeep(obj), path, value);
 

package/src/store/BaseStoreModules/BaseStoreModule.js

@@ -1,4 +1,4 @@
-import set from 'lodash/set.js';
+import { set } from 'lodash-es';
 
 export default class BaseStoreModule {
 	state = {};

package/src/store/new/helpers/createStoreModule.js

@@ -1,5 +1,5 @@
 import deepmerge from 'deepmerge';
-import isPlainObject from 'lodash/isPlainObject.js';
+import { isPlainObject } from 'lodash-es';
 
 export const createStoreModule = (modules) => {
 	const modulesArr = Array.isArray(modules)

package/src/store/new/modules/baseStoreModule/baseStoreModule.js

@@ -1,4 +1,4 @@
-import set from 'lodash/set.js';
+import { set } from 'lodash-es';
 
 const state = () => ({});
 

package/src/store/new/modules/cardStoreModule/cardStoreModule.js

@@ -1,5 +1,5 @@
 import deepCopy from 'deep-copy';
-import set from 'lodash/set.js';
+import { set } from 'lodash-es';
 
 const state = () => ({
 	itemId: 0,