@webitel/ui-sdk 26.4.17 → 26.4.19

package/src/modules/Appearance/components/__tests__/wt-dark-mode-switcher.spec.js

@@ -5,16 +5,20 @@ import AppearanceStoreModule from '../../store/AppearanceStoreModule.js';
 import WtDarkModeSwitcher from '../wt-dark-mode-switcher.vue';
 
 describe('WtDarkModeSwitcher', () => {
-	let store;
+	let wrapper;
 
-	store = createStore(new AppearanceStoreModule().getModule());
+	beforeEach(() => {
+		const store = createStore(new AppearanceStoreModule().getModule());
+		localStorage.removeItem('theme');
+		document.documentElement.classList.remove('theme--dark');
 
-	const wrapper = shallowMount(WtDarkModeSwitcher, {
-		global: {
-			plugins: [
-				store,
-			],
-		},
+		wrapper = shallowMount(WtDarkModeSwitcher, {
+			global: {
+				plugins: [
+					store,
+				],
+			},
+		});
 	});
 
 	it('should render component', () => {
@@ -25,13 +29,15 @@ describe('WtDarkModeSwitcher', () => {
 		expect(
 			window.document.documentElement.classList.contains('theme--dark'),
 		).toBe(false);
-		await wrapper
+		wrapper
 			.findComponent({
 				name: 'wt-switcher',
 			})
-			.trigger('change');
+			.vm.$emit('update:model-value');
+		await wrapper.vm.$nextTick();
 		expect(
 			window.document.documentElement.classList.contains('theme--dark'),
 		).toBe(true);
+		expect(localStorage.getItem('theme')).toBe('dark');
 	});
 });

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

@@ -164,7 +164,7 @@ function handleAnswerUpdate({ key, value }) {
 }
 
 function initAnswers() {
-	if (!answersModel.value || !answersModel.value.length) {
+	if (!answersModel.value?.length) {
 		answersModel.value = props.questions.map(() => ({}));
 	}
 }

package/src/modules/AuditForm/components/form-answers/answer-editing-info/audit-form-answer-editing-info.vue

@@ -61,7 +61,7 @@ const initialComment =
 
 const updateTime = computed(() => {
 	return formatDate(
-		Number.parseInt(props.answer.updatedAt),
+		Number.parseInt(props.answer.updatedAt, 10),
 		FormatDateMode.DATETIME,
 	);
 });

package/src/modules/AuditForm/components/form-questions/options/__tests__/audit-form-question-options.spec.js

@@ -25,7 +25,7 @@ describe('AuditFormQuestionOptions', () => {
 		wrapper
 			.findComponent('.audit-form-question-options-write__add-button')
 			.vm.$emit('click');
-		expect(wrapper.emitted()['change:question'][0][0].options.length).toBe(2);
+		expect(wrapper.emitted()['update:question'][0][0].options.length).toBe(2);
 	});
 	it('deletes existing question option at "delete" icon-btn click', () => {
 		const wrapper = mount(AuditFormQuestionOptions, {
@@ -42,7 +42,7 @@ describe('AuditFormQuestionOptions', () => {
 			name: 'audit-form-question-options-write-row',
 		});
 		writeRow.vm.$emit('delete');
-		expect(wrapper.emitted()['change:question'][0][0].options.length).toBe(0);
+		expect(wrapper.emitted()['update:question'][0][0].options.length).toBe(0);
 	});
 	it('emits result change with selected radio option score', () => {
 		const score = 11;
@@ -62,10 +62,8 @@ describe('AuditFormQuestionOptions', () => {
 			.findComponent({
 				name: 'wt-radio',
 			})
-			.vm.$emit('input', {
-				score,
-			});
-		expect(wrapper.emitted()['change:result'][0][0]).toEqual({
+			.vm.$emit('update:selected', score);
+		expect(wrapper.emitted()['update:answer'][0][0]).toEqual({
 			score,
 		});
 	});

package/src/modules/AuditForm/components/form-questions/score/__tests__/audit-form-question-score.spec.js

@@ -29,8 +29,8 @@ describe('AuditFormQuestionScore', () => {
 			.findComponent({
 				name: 'wt-radio',
 			})
-			.vm.$emit('input');
-		expect(wrapper.emitted()['change:result'][0][0]).toEqual({
+			.vm.$emit('update:selected', min);
+		expect(wrapper.emitted()['update:answer'][0][0]).toEqual({
 			score: min,
 		});
 	});

package/src/modules/CSVExport/XLSExport.js

@@ -59,13 +59,11 @@ export default class XLSExport {
 			});
 
 			return columns.reduce((acc, column) => {
-				return {
-					...acc,
-					[column]:
-						this.extractNameFromObject(item[column]) ||
-						flatVariables[column] ||
-						'',
-				};
+				acc[column] =
+					this.extractNameFromObject(item[column]) ||
+					flatVariables[column] ||
+					'';
+				return acc;
 			}, {});
 		});
 

package/src/modules/CSVExport/composables/useCSVExport.ts

@@ -4,9 +4,9 @@ import { useRoute } from 'vue-router';
 
 import CSVExport from '../CSVExport';
 
-export type CSVRow = Record<string, any>;
+export type CSVRow = Record<string, unknown>;
 
-export type FetchMethod = (params: Record<string, any>) => Promise<{
+export type FetchMethod = (params: Record<string, unknown>) => Promise<{
 	items: CSVRow[];
 	next: boolean;
 }>;
@@ -39,7 +39,7 @@ export function useCSVExport({ selected }: { selected: Ref<number[]> }) {
 		CSVExportInstance.value = new CSVExport(fetchMethod, options);
 	}
 
-	async function exportCSV(exportParams?: Record<string, any>) {
+	async function exportCSV(exportParams?: Record<string, unknown>) {
 		const routeQuery = route.query;
 		const params = {
 			...(exportParams || routeQuery),

package/src/modules/CSVExport/mixins/exportCSVMixin.js

@@ -36,11 +36,7 @@ export default {
 			};
 			if (this.isAnySelected) params.id = this.selectedIds;
 
-			try {
-				await this.CSVExport.export(params);
-			} catch (err) {
-				throw err;
-			}
+			await this.CSVExport.export(params);
 		},
 	},
 };

package/src/modules/CSVExport/mixins/exportXLSMixin.js

@@ -35,11 +35,7 @@ export default {
 			};
 			if (this.isAnySelected) params.id = this.selectedIds;
 
-			try {
-				await this.XLSExport.export(params);
-			} catch (err) {
-				throw err;
-			}
+			await this.XLSExport.export(params);
 		},
 	},
 };

package/src/modules/DeleteConfirmationPopup/__tests__/delete-confirmation-popup.spec.js

@@ -1,4 +1,4 @@
-import { mount, shallowMount } from '@vue/test-utils';
+import { shallowMount } from '@vue/test-utils';
 import { ref } from 'vue';
 
 import { useValidation } from '../../../mixins/validationMixin/useValidation';
@@ -23,69 +23,25 @@ describe('DeleteConfirmationPopup', () => {
 		expect(wrapper.classes('delete-confirmation-popup')).toBe(true);
 	});
 
-	it('yes button called props callback', async () => {
-		const callback = vi.fn();
-		const wrapper = mount(DeleteConfirmationPopup, {
-			props: {
-				deleteCount: 1,
-				callback,
-			},
-		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('Yes'));
-		expect(button.text()).toContain('Yes');
-		await button.trigger('click');
-		await wrapper.vm.$nextTick();
-		expect(callback).toHaveBeenCalled();
-	});
-
 	it('popup message block have delete count', () => {
 		const deleteCount = 123;
-		const wrapper = mount(DeleteConfirmationPopup, {
+		const wrapper = shallowMount(DeleteConfirmationPopup, {
 			props: {
 				deleteCount,
 				callback: vi.fn(),
 			},
 		});
-		expect(
-			wrapper.find('.delete-confirmation-popup__content').text(),
-		).toContain(deleteCount.toString());
+		expect(wrapper.vm.deleteMessage).toContain(deleteCount.toString());
 	});
 
-	it('yes button emitted close', async () => {
-		const wrapper = mount(DeleteConfirmationPopup, {
+	it('uses "delete all" text for zero count', () => {
+		const wrapper = shallowMount(DeleteConfirmationPopup, {
 			props: {
-				deleteCount: 1,
+				deleteCount: 0,
 				callback: vi.fn(),
 			},
 		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('Yes'));
-		await button.vm.$emit('close');
-		await wrapper.vm.$nextTick();
-		expect(button.emitted('close')).toBeTruthy();
-	});
 
-	it('no button emitted close', async () => {
-		const wrapper = mount(DeleteConfirmationPopup, {
-			props: {
-				deleteCount: 1,
-				callback: vi.fn(),
-			},
-		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('No'));
-		await button.vm.$emit('close');
-		await wrapper.vm.$nextTick();
-		expect(button.emitted('close')).toBeTruthy();
+		expect(wrapper.vm.deleteMessage).toBeTruthy();
 	});
 });

package/src/modules/FilesExport/composables/useFilesExport.ts

@@ -2,7 +2,7 @@ import JSZip from 'jszip';
 import { ref } from 'vue';
 
 import { _wtUiLog } from '../../../scripts/logger';
-import {
+import type {
 	ExportedItem,
 	UseFilesExportOptions,
 	UseFilesExportReturn,

package/src/modules/FilesExport/types/types.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 
 export type ExportedItem = {
 	name: string; // file name inside zip

package/src/modules/Filters/store/FiltersStoreModule.js

@@ -11,7 +11,7 @@ export default class FiltersStoreModule extends BaseStoreModule {
 	};
 
 	getters = {
-		ROUTER: (state, g, rootState) => {
+		ROUTER: (_s, _g, rootState) => {
 			if (rootState.router === undefined) {
 				console.warn(
 					'"rootState.router" is needed for filters to work properly.' +
@@ -22,16 +22,12 @@ export default class FiltersStoreModule extends BaseStoreModule {
 		},
 
 		_STATE_FILTER_NAMES: (state) => {
-			return Object.values(state).reduce(
-				(names, prop) =>
-					prop.value || prop.name
-						? [
-								...names,
-								prop.name,
-							]
-						: names,
-				[],
-			);
+			return Object.values(state).reduce((names, prop) => {
+				if (prop.value || prop.name) {
+					names.push(prop.name);
+				}
+				return names;
+			}, []);
 		},
 
 		// get value of specific filter
@@ -46,15 +42,14 @@ export default class FiltersStoreModule extends BaseStoreModule {
 		},
 
 		// get all filters values
-		GET_FILTERS: (state, getters) => () => {
+		GET_FILTERS: (_state, getters) => () => {
 			return getters._STATE_FILTER_NAMES.reduce((values, filterName) => {
 				const filterValue = getters.GET_FILTER(filterName);
-				return isEmpty(filterValue)
-					? values
-					: {
-							...values,
-							[filterName]: filterValue,
-						};
+				if (isEmpty(filterValue)) {
+					return values;
+				}
+				values[filterName] = filterValue;
+				return values;
 			}, {});
 		},
 	};
@@ -146,10 +141,8 @@ export default class FiltersStoreModule extends BaseStoreModule {
 					if (context.state[qKey]) {
 						return filteredQuery;
 					}
-					return {
-						...filteredQuery,
-						[qKey]: qValue,
-					};
+					filteredQuery[qKey] = qValue;
+					return filteredQuery;
 				},
 				{},
 			);
@@ -166,9 +159,13 @@ export default class FiltersStoreModule extends BaseStoreModule {
 		},
 
 		SUBSCRIBE: (context, { event, callback }) => {
-			const subscribe = () => context.state._emitter.on(event, callback);
-			if (Array.isArray(event)) event.forEach((e) => subscribe(e, callback));
-			else subscribe(event, callback);
+			if (Array.isArray(event)) {
+				event.forEach((e) => {
+					context.state._emitter.on(e, callback);
+				});
+			} else {
+				context.state._emitter.on(event, callback);
+			}
 		},
 
 		FLUSH_SUBSCRIBERS: (context) => {
@@ -217,8 +214,11 @@ export default class FiltersStoreModule extends BaseStoreModule {
 			};
 		};
 
-		if (Array.isArray(filter)) filter.forEach((f) => setup(f));
-		else setup(filter);
+		if (Array.isArray(filter)) {
+			filter.forEach((f) => {
+				setup(f);
+			});
+		} else setup(filter);
 
 		return this;
 	}

package/src/modules/Notifications/store/NotificationsStoreModule.js

@@ -163,7 +163,7 @@ export default class NotificationsStoreModule extends BaseStoreModule {
 		},
 
 		SEND_NOTIFICATION: (
-			context,
+			_,
 			{
 				locale,
 				text = i18n.global.t(locale),

package/src/modules/ObjectPermissions/_internals/store/helpers/createObjectPermissionsStoreModule.js

@@ -15,10 +15,6 @@ export const createObjectPermissionsStoreModule = (modules) => {
 		objectPermissionsStoreModule(),
 	]);
 
-	const cardSubmodule = [
-		// empty, now permissions don't have standard card functionality
-	];
-
 	return createBaseStoreModule([
 		{
 			modules: {

package/src/modules/ObjectPermissions/components/permissions-tab.vue

@@ -150,14 +150,12 @@ const {
 
 const localizedDataList = computed(() => {
 	return dataList.value.map((item) => {
-		const access = Object.keys(item.access).reduce((access, rule) => {
-			return {
-				...access,
-				[rule]: {
-					...item.access[rule],
-					name: t(`access.accessMode.${item.access[rule].id}`),
-				},
+		const access = Object.keys(item.access).reduce((acc, rule) => {
+			acc[rule] = {
+				...item.access[rule],
+				name: t(`access.accessMode.${item.access[rule].id}`),
 			};
+			return acc;
 		}, {});
 
 		return {

package/src/modules/QueryFilters/mixins/__tests__/apiFilterMixin.spec.js

@@ -53,7 +53,7 @@ describe('API filter mixin', () => {
 				team,
 			},
 		});
-		const wrapper = shallowMount(Component, {
+		shallowMount(Component, {
 			global: {
 				plugins: [
 					router,
@@ -74,7 +74,7 @@ describe('API filter mixin', () => {
 	});
 
 	it('Sets empty array value if $route query is empty', async () => {
-		const wrapper = shallowMount(Component, {
+		shallowMount(Component, {
 			global: {
 				plugins: [
 					router,

package/src/modules/QueryFilters/mixins/__tests__/sortFilterMixin.spec.js

@@ -69,7 +69,7 @@ describe('Sort filter mixin', () => {
 				sort: '+queue',
 			},
 		});
-		const wrapper = shallowMount(Component, {
+		shallowMount(Component, {
 			global: {
 				plugins: [
 					router,

package/src/modules/QueryFilters/store/QueryFiltersStoreModule.js

@@ -6,12 +6,11 @@ export default class QueryFiltersStoreModule extends BaseStoreModule {
 		GET_FILTERS: (state, getters) =>
 			Object.keys(state).reduce((filters, filterKey) => {
 				const filterValue = getters.GET_FILTER(filterKey);
-				return isEmpty(filterValue)
-					? filters
-					: {
-							...filters,
-							[filterKey]: filterValue,
-						};
+				if (isEmpty(filterValue)) {
+					return filters;
+				}
+				filters[filterKey] = filterValue;
+				return filters;
 			}, {}),
 		GET_FILTER: (state) => (filter) => {
 			const { value, storedProp, multiple } = state[filter];

package/src/modules/QueryFilters/store/__tests__/QueryFiltersStoreModule.spec.js

@@ -48,13 +48,17 @@ describe('QueryFiltersStoreModule getters', () => {
 });
 
 describe('QueryFiltersStoreModule actions', () => {
-	const context = {
-		state: {
-			...state,
-		},
-		commit: vi.fn(),
-	};
-	const module = new QueryFiltersStoreModule().getModule();
+	let context;
+	let module;
+	beforeEach(() => {
+		context = {
+			state: {
+				...state,
+			},
+			commit: vi.fn(),
+		};
+		module = new QueryFiltersStoreModule().getModule();
+	});
 	it('SET_FILTER: single value filter', () => {
 		const filter = {
 			filter: valueFilter,
@@ -114,7 +118,7 @@ describe('QueryFiltersStoreModule actions', () => {
 	});
 	it('calls RESET_FILTERS mutation on RESET_FILTERS action call', () => {
 		module.actions.RESET_FILTERS(context);
-		expect(context.commit).toHaveBeenCalledWith('RESET_FILTERS');
+		expect(context.commit).toHaveBeenCalledWith('RESET_FILTERS', undefined);
 	});
 });
 

package/src/modules/TableStoreModule/store/TableStoreModule.js

@@ -19,15 +19,13 @@ export default class TableStoreModule extends BaseStoreModule {
 		PARENT_ID: () => null, // override me
 
 		// FIXME: maybe move to filters module?
-		FILTERS: (state, getters) => getters['filters/GET_FILTERS'],
+		FILTERS: (_, getters) => getters['filters/GET_FILTERS'],
 
 		FIELDS: (state) => {
 			const fields = state.headers.reduce((fields, { show, field }) => {
-				if (show)
-					return [
-						...fields,
-						field,
-					];
+				if (show) {
+					fields.push(field);
+				}
 				return fields;
 			}, []);
 
@@ -40,7 +38,7 @@ export default class TableStoreModule extends BaseStoreModule {
 		},
 
 		// main GET_LIST params collector
-		GET_LIST_PARAMS: (state, getters) => (overrides) => {
+		GET_LIST_PARAMS: (_state, getters) => (overrides) => {
 			const filters = getters.FILTERS();
 			const fields = getters.FIELDS;
 			const parentId = getters.PARENT_ID;
@@ -250,8 +248,6 @@ export default class TableStoreModule extends BaseStoreModule {
 			}
 			try {
 				await context.dispatch(action, deleted);
-			} catch (err) {
-				throw err;
 			} finally {
 				await context.dispatch('LOAD_DATA_LIST');
 
@@ -269,15 +265,11 @@ export default class TableStoreModule extends BaseStoreModule {
 		},
 
 		DELETE_SINGLE: async (context, { id, etag }) => {
-			try {
-				await context.dispatch('api/DELETE_ITEM', {
-					context,
-					id,
-					etag,
-				});
-			} catch (err) {
-				throw err;
-			}
+			await context.dispatch('api/DELETE_ITEM', {
+				context,
+				id,
+				etag,
+			});
 		},
 
 		DELETE_BULK: async (context, deleted) =>

package/src/modules/UploadCsvPopup/scripts/normalizeCSVData.ts

@@ -21,12 +21,12 @@ const normalizeCSVData = ({ data, mappings }) => {
 
 	return data.map((dataItem, index) => {
 		const normalized = nonEmptyMappingFields.reduce(
-			(normalizedItem, { name, csv, required }) => {
+			(normalizedItem: Record<string, unknown>, { name, csv, required }) => {
 				const value = Array.isArray(csv)
 					? csv.map((csv) => dataItem[csv])
 					: dataItem[csv];
 
-				let filteredValue; // Filter empty values in validation purposes
+				let filteredValue: unknown; // Filter empty values in validation purposes
 				if (Array.isArray(value)) {
 					// Because required field can be combined from many fields in multiple select, so we need to check all values.
 					// For example, if we have 3 fields and they are empty, we will get empty array.
@@ -43,14 +43,14 @@ const normalizeCSVData = ({ data, mappings }) => {
 					);
 				}
 
-				return isValueEmpty
-					? normalizedItem
-					: {
-							...normalizedItem,
-							[name]: value, // Return the original value for proper mapping (e.g., variables in members)
-						};
+				if (isValueEmpty) {
+					return normalizedItem;
+				}
+				// Original value for proper mapping (e.g., variables in members)
+				normalizedItem[name] = value;
+				return normalizedItem;
 			},
-			{},
+			{} as Record<string, unknown>,
 		);
 
 		return normalized;

package/src/modules/UploadCsvPopup/scripts/parseCSV.ts

@@ -6,7 +6,7 @@ const parseCSV = (csvStr, options = {}) =>
 			csvStr,
 			{
 				columns: true,
-				cast: (value, context) => {
+				cast: (value /* context */) => {
 					if (typeof value !== 'string') return value;
 
 					const trimmed = value.trim();

package/src/modules/Userinfo/composables/createUserAccessControl.ts

@@ -1,8 +1,8 @@
-import { computed, Ref } from 'vue';
+import { computed, type Ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { CrudAction, type WtObject } from '../../../enums';
 import { _wtUiLog } from '../../../scripts/logger';
-import { createUserAccessStore } from '../stores/accessStore';
+import type { createUserAccessStore } from '../stores/accessStore';
 import type { UserAccessStore } from '../types/UserAccess.d.ts';
 
 export type UseUserAccessControlComposableOptions =

package/src/modules/Userinfo/composables/types/CreateUserAccessControl.d.ts

@@ -1,4 +1,2 @@
-import type { Ref } from 'vue';
-
-import type { WtObject } from '../../../../enums';
-import type { createUserAccessStore } from '../../../../modules/Userinfo/v2/stores/accessStore';
+/** Ambient declarations for create-user-access-control can be added here. */
+export {};

package/src/modules/Userinfo/scripts/utils.ts

@@ -1,4 +1,4 @@
-import { type CrudAction, type WtObject } from '../../../enums';
+import type { CrudAction, WtObject } from '../../../enums';
 import { _wtUiLog as wtlog } from '../../../scripts/logger';
 import {
 	mapGlobalActionToCrudAction,
@@ -92,7 +92,9 @@ export const makeSectionVisibilityMap = (
 
 	Object.entries(rawVisibility).forEach(([app, appSectionsVisibility]) => {
 		Object.entries(appSectionsVisibility).forEach(([section, visibility]) => {
-			if (section.startsWith('_')) return map; // skip private fields
+			if (section.startsWith('_')) {
+				return; // skip private fields
+			}
 			map.set(
 				`${app}/${section}`,
 				(

package/src/scripts/compareSize.ts

@@ -1,11 +1,12 @@
 import { ComponentSize } from '../enums/ComponentSize/ComponentSize';
 
-const numerics = Object.values(ComponentSize).reduce((nums, size, index) => {
-	return {
-		...nums,
-		[size]: index,
-	};
-}, {});
+const numerics = Object.values(ComponentSize).reduce(
+	(nums, size, index) => {
+		nums[size] = index;
+		return nums;
+	},
+	{} as Record<ComponentSize, number>,
+);
 
 /**
  * Compare two sizes, returning a number indicating the difference between them.