@webitel/ui-sdk 24.6.16 → 24.6.18

package/src/modules/Filters/classes/BaseFilterSchema.js

@@ -2,13 +2,13 @@ import {
   localStorageGetter,
   queryGetter,
   valueGetter,
-} from '../scripts/getters';
-import { localStorageRestore, queryRestore } from '../scripts/restores';
+} from '../scripts/getters/index.js';
+import { localStorageRestore, queryRestore } from '../scripts/restores/index.js';
 import {
   localStorageSetter,
   querySetter,
   valueSetter,
-} from '../scripts/setters';
+} from '../scripts/setters/index.js';
 
 const convertGetterArray = (context) => (getters) => {
   const availableGetters = ['value', 'query', 'localStorage'];

package/src/modules/Filters/components/__tests__/filter-pagination.spec.js

@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils';
 import { createStore } from 'vuex';
-import FiltersStoreModule from '../../store/FiltersStoreModule';
+import FiltersStoreModule from '../../store/FiltersStoreModule.js';
 import FilterPagination from '../filter-pagination.vue';
 
 const filtersSchema = [

package/src/modules/Filters/components/__tests__/filter-table-fields.spec.js

@@ -1,6 +1,6 @@
-import { createStore } from 'vuex';
 import { mount } from '@vue/test-utils';
-import FiltersStoreModule from '../../store/FiltersStoreModule';
+import { createStore } from 'vuex';
+import FiltersStoreModule from '../../store/FiltersStoreModule.js';
 import FilterTableFields from '../filter-table-fields.vue';
 
 const filterSchema = {

package/src/modules/Filters/components/filter-pagination.vue

@@ -4,8 +4,8 @@
     :prev="page > 1"
     :size="localSize"
     debounce
-    @input="localSize = $event"
     @change="setSize(localSize)"
+    @input="localSize = $event"
     @next="setPage(+page + 1)"
     @prev="setPage(+page - 1)"
   />

package/src/modules/Filters/components/filter-table-fields.vue

@@ -7,9 +7,7 @@
 </template>
 
 <script setup>
-import { computed } from 'vue';
 import { useStore } from 'vuex';
-import getNamespacedState from '../../../store/helpers/getNamespacedState';
 
 const props = defineProps({
   namespace: {

package/src/modules/Filters/scripts/getters/index.js

@@ -1,6 +1,6 @@
-import localStorageGetter from './localStorageGetter';
-import queryGetter from './queryGetter';
-import valueGetter from './valueGetter';
+import localStorageGetter from './localStorageGetter.js';
+import queryGetter from './queryGetter.js';
+import valueGetter from './valueGetter.js';
 
 export {
   localStorageGetter,

package/src/modules/Filters/scripts/getters/localStorageGetter.js

@@ -12,6 +12,6 @@ const localStorageGetter = (context) => () => {
   const splitted = value.split(',');
   if (splitted.length === 1) return splitted[0];
   return splitted;
-}
+};
 
 export default localStorageGetter;

package/src/modules/Filters/scripts/getters/queryGetter.js

@@ -1,4 +1,3 @@
-
 // context === filter "this"
 const queryGetter = (context) => (router) => () => {
   if (!router) throw new Error('Router is required for queryGetter!');

package/src/modules/Filters/scripts/getters/valueGetter.js

@@ -4,6 +4,6 @@ const valueGetter = (context) => () => {
   if (multiple) return value.map((item) => item[storedProp]); // if arr, map
   if (storedProp) return value[storedProp]; // if object and has specific prop, return this prop
   return value; // else return val
-}
+};
 
 export default valueGetter;

package/src/modules/Filters/scripts/restores/index.js

@@ -1,5 +1,5 @@
-import localStorageRestore from './localStorageRestore';
-import queryRestore from './queryRestore';
+import localStorageRestore from './localStorageRestore.js';
+import queryRestore from './queryRestore.js';
 
 export {
   localStorageRestore,

package/src/modules/Filters/scripts/restores/localStorageRestore.js

@@ -2,6 +2,6 @@
  * restore copies getter logic
  */
 
-import localStorageGetter from '../getters/localStorageGetter';
+import localStorageGetter from '../getters/localStorageGetter.js';
 
 export default localStorageGetter;

package/src/modules/Filters/scripts/restores/queryRestore.js

@@ -2,6 +2,6 @@
  * restore copies getter logic
  */
 
-import queryGetter from '../getters/queryGetter';
+import queryGetter from '../getters/queryGetter.js';
 
 export default queryGetter;

package/src/modules/Filters/scripts/setters/index.js

@@ -1,6 +1,6 @@
-import localStorageSetter from './localStorageSetter';
-import querySetter from './querySetter';
-import valueSetter from './valueSetter';
+import localStorageSetter from './localStorageSetter.js';
+import querySetter from './querySetter.js';
+import valueSetter from './valueSetter.js';
 
 export {
   localStorageSetter,

package/src/modules/Filters/scripts/setters/localStorageSetter.js

@@ -11,6 +11,6 @@ const localStorageSetter = (context) => (rawValue) => {
   localStorage.setItem(key, value);
 
   return context;
-}
+};
 
 export default localStorageSetter;

package/src/modules/Filters/scripts/setters/querySetter.js

@@ -1,4 +1,4 @@
-import changeRouteQuery from '../utils/changeRouteQuery';
+import changeRouteQuery from '../utils/changeRouteQuery.js';
 
 const isObject = (value) => typeof value === 'object' &&
   !Array.isArray(value) && value !== null;

package/src/modules/Filters/scripts/setters/valueSetter.js

@@ -1,6 +1,6 @@
 const valueSetter = (context) => (newValue) => {
   context.value = newValue;
   return context;
-}
+};
 
 export default valueSetter;

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

@@ -1,8 +1,8 @@
 import mitt from 'mitt';
-import isEmpty from '../../../scripts/isEmpty';
-import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
-import BaseFilterSchema from '../classes/BaseFilterSchema';
-import FilterEvent from '../enums/FilterEvent.enum';
+import isEmpty from '../../../scripts/isEmpty.js';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
+import BaseFilterSchema from '../classes/BaseFilterSchema.js';
+import FilterEvent from '../enums/FilterEvent.enum.js';
 
 export default class FiltersStoreModule extends BaseStoreModule {
   state = {

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

@@ -1,9 +1,9 @@
 import { createRouter, createWebHistory } from 'vue-router';
 import { createStore } from 'vuex';
-import { valueGetter } from '../../scripts/getters';
-import { queryRestore } from '../../scripts/restores';
-import { querySetter, valueSetter } from '../../scripts/setters';
-import FiltersStoreModule from '../FiltersStoreModule';
+import { valueGetter } from '../../scripts/getters/index.js';
+import { queryRestore } from '../../scripts/restores/index.js';
+import { querySetter, valueSetter } from '../../scripts/setters/index.js';
+import FiltersStoreModule from '../FiltersStoreModule.js';
 
 describe('FiltersStoreModule', () => {
   it('get/sets primitive type filter', async () => {

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

@@ -1,6 +1,6 @@
-import { ChatActions, CallActions, JobState } from 'webitel-sdk';
-import i18n from '../../../locale/i18n';
-import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
+import { CallActions, ChatActions, JobState } from 'webitel-sdk';
+import i18n from '../../../locale/i18n.js';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
 import endChatSound from '../assets/audio/end-chat.wav';
 import newChatSound from '../assets/audio/new-chat.wav';
 import newMessageSound from '../assets/audio/new-message.wav';
@@ -19,7 +19,7 @@ const getNotificationSound = (action) => {
     case ChatActions.Close:
       return new Audio(endChatSound);
     case CallActions.Ringing:
-      // eslint-disable-next-line no-case-declarations
+
       const audio = new Audio(ringingSound);
       audio.loop = true;
       return audio;
@@ -43,7 +43,8 @@ export default class NotificationsStoreModule extends BaseStoreModule {
 
   getters = {
     IS_MAIN_TAB: (state) => state.thisTabId === state.currentTabId,
-    IS_SOUND_ALLOWED: (state, getters) => getters.IS_MAIN_TAB && !state.currentlyPlaying,
+    IS_SOUND_ALLOWED: (state, getters) => getters.IS_MAIN_TAB &&
+      !state.currentlyPlaying,
   };
 
   actions = {
@@ -100,17 +101,17 @@ export default class NotificationsStoreModule extends BaseStoreModule {
 
     // public
     INITIALIZE: (context) => Promise
-      .allSettled([
-                    context.dispatch('_SETUP_THIS_TAB_ID'),
-                    context.dispatch('_SETUP_UNREAD_COUND_BROADCAST_LISTENING'),
-                    context.dispatch('_SUBSCRIBE_TAB_CLOSING'),
-                  ]),
+    .allSettled([
+      context.dispatch('_SETUP_THIS_TAB_ID'),
+      context.dispatch('_SETUP_UNREAD_COUND_BROADCAST_LISTENING'),
+      context.dispatch('_SUBSCRIBE_TAB_CLOSING'),
+    ]),
 
     DESTROY: (context) => Promise
-      .allSettled([
-                    context.dispatch('STOP_SOUND'),
-                    context.dispatch('_REMOVE_CURRENT_TAB_ID'),
-                  ]),
+    .allSettled([
+      context.dispatch('STOP_SOUND'),
+      context.dispatch('_REMOVE_CURRENT_TAB_ID'),
+    ]),
 
     PLAY_SOUND: (context, {
       action,
@@ -131,7 +132,8 @@ export default class NotificationsStoreModule extends BaseStoreModule {
 
     STOP_SOUND: (context) => {
       const { currentlyPlaying } = context.state;
-      if (currentlyPlaying && currentlyPlaying instanceof Audio) currentlyPlaying.pause();
+      if (currentlyPlaying && currentlyPlaying instanceof
+        Audio) currentlyPlaying.pause();
       localStorage.removeItem('wtIsPlaying');
       context.commit('RESET_CURRENTLY_PLAYING');
     },

package/src/modules/Notifications/store/__tests__/NotificationsStoreModule.actions.spec.js

@@ -38,7 +38,8 @@ describe('features/notifications store: actions', () => {
 
   it('INITIALIZE action dispatches _SETUP_UNREAD_COUND_BROADCAST_LISTENING action', () => {
     notificationsModule.actions.INITIALIZE(context);
-    expect(context.dispatch.mock.calls[1][0]).toContain('_SETUP_UNREAD_COUND_BROADCAST_LISTENING');
+    expect(context.dispatch.mock.calls[1][0])
+    .toContain('_SETUP_UNREAD_COUND_BROADCAST_LISTENING');
   });
 
   it('INITIALIZE action dispatches _SETUP_THIS_TAB_ID action', () => {
@@ -58,7 +59,8 @@ describe('features/notifications store: actions', () => {
 
   it('INCREMENT_UNREAD_COUNT action dispatches _SET_UNREAD_COUNT and increases unreadCount', () => {
     notificationsModule.actions.INCREMENT_UNREAD_COUNT(context);
-    expect(context.dispatch).toHaveBeenCalledWith('_SET_UNREAD_COUNT', context.state.unreadCount + 1);
+    expect(context.dispatch)
+    .toHaveBeenCalledWith('_SET_UNREAD_COUNT', context.state.unreadCount + 1);
   });
 
   it('_SETUP_UNREAD_COUND_BROADCAST_LISTENING action commits SET_BROADCAST_CHANNEL mutation', () => {
@@ -97,7 +99,8 @@ describe('features/notifications store: actions', () => {
   it('_SET_UNREAD_COUNT action commits _SET_UNREAD_COUNT mutation with count', () => {
     const unreadCount = 5;
     notificationsModule.actions._SET_UNREAD_COUNT(context, unreadCount);
-    expect(context.commit).toHaveBeenCalledWith('SET_UNREAD_COUNT', unreadCount);
+    expect(context.commit)
+    .toHaveBeenCalledWith('SET_UNREAD_COUNT', unreadCount);
   });
 
   it('_RESET_UNREAD_COUNT action does not dispatch if unread count is 0', () => {

package/src/modules/Notifications/store/__tests__/NotificationsStoreModule.mutations.spec.js

@@ -1,5 +1,5 @@
-import NotificationsStoreModule from '../NotificationsStoreModule';
-import '../../../../../tests/mocks/broadcastChannelMock';
+import NotificationsStoreModule from '../NotificationsStoreModule.js';
+import '../../../../../tests/mocks/broadcastChannelMock.js';
 
 const notificationsModule = new NotificationsStoreModule().getModule();
 

package/src/modules/QueryFilters/api/__tests__/defaults.spec.js

@@ -1,4 +1,4 @@
-import { listResponseHandler } from '../defaults';
+import { listResponseHandler } from '../defaults.js';
 
 describe('filter api Defaults', () => {
   it('listResponseHandler returns only lookups from response', () => {

package/src/modules/QueryFilters/classes/ApiFilterSchema.js

@@ -1,4 +1,4 @@
-import BaseFilterSchema from './BaseFilterSchema';
+import BaseFilterSchema from './BaseFilterSchema.js';
 
 export default class ApiFilterSchema extends BaseFilterSchema {
   constructor(params = {}) {

package/src/modules/QueryFilters/classes/EnumFilterSchema.js

@@ -1,4 +1,4 @@
-import BaseFilterSchema from './BaseFilterSchema';
+import BaseFilterSchema from './BaseFilterSchema.js';
 
 export default class EnumFilterSchema extends BaseFilterSchema {
   constructor(params = {}) {

package/src/modules/QueryFilters/classes/__tests__/ApiFilterSchema.spec.js

@@ -1,4 +1,4 @@
-import ApiFilterSchema from '../ApiFilterSchema';
+import ApiFilterSchema from '../ApiFilterSchema.js';
 
 describe('Api Filter Schema', () => {
   const APIMock = vi.fn();

package/src/modules/QueryFilters/components/__tests__/abstract-api-filter.spec.js

@@ -1,8 +1,8 @@
 import { shallowMount } from '@vue/test-utils';
-import { createStore } from 'vuex';
 import { createRouter, createWebHistory } from 'vue-router';
+import { createStore } from 'vuex';
+import ApiFilterSchema from '../../classes/ApiFilterSchema.js';
 import AbstractApiFilter from '../abstract-api-filter.vue';
-import ApiFilterSchema from '../../classes/ApiFilterSchema';
 
 const router = createRouter({
   history: createWebHistory(),
@@ -13,7 +13,7 @@ describe('Abstract Api Filter', () => {
   const namespace = 'jest';
   const filterQuery = 'jest';
   const filterSchema = new ApiFilterSchema({
-    locale: { label: '' }
+    locale: { label: '' },
   });
   const searchMock = vi.fn();
   const fetchSelectedMock = vi.fn(() => ({ items: [] }));

package/src/modules/QueryFilters/components/__tests__/abstract-enum-filter.spec.js

@@ -1,8 +1,8 @@
 import { shallowMount } from '@vue/test-utils';
-import { createStore } from 'vuex';
 import { createRouter, createWebHistory } from 'vue-router';
+import { createStore } from 'vuex';
+import EnumFilterSchema from '../../classes/EnumFilterSchema.js';
 import AbstractEnumFilter from '../abstract-enum-filter.vue';
-import EnumFilterSchema from '../../classes/EnumFilterSchema';
 
 const router = createRouter({
   history: createWebHistory(),
@@ -13,7 +13,7 @@ describe('Abstract Enum Filter', () => {
   const namespace = 'jest';
   const filterQuery = 'jest';
   const filterSchema = new EnumFilterSchema({
-    locale: { label: ''}
+    locale: { label: '' },
   });
   const store = createStore({
     modules: {

package/src/modules/QueryFilters/components/__tests__/filter-datetime.spec.js

@@ -1,9 +1,9 @@
 import { shallowMount } from '@vue/test-utils';
-import { createStore } from 'vuex';
 import { createRouter, createWebHistory } from 'vue-router';
+import { createStore } from 'vuex';
+import BaseFilterSchema from '../../classes/BaseFilterSchema.js';
+import baseFilterMixin from '../../mixins/baseFilterMixin/baseFilterMixin.js';
 import DatetimeFilter from '../filter-datetime.vue';
-import BaseFilterSchema from '../../classes/BaseFilterSchema';
-import baseFilterMixin from '../../mixins/baseFilterMixin/baseFilterMixin';
 
 const router = createRouter({
   history: createWebHistory(),
@@ -42,7 +42,8 @@ describe('DatetimeFilter Filter', () => {
     const value = Date.now();
     await router.replace({ query: { [filterQuery]: value } });
     const setValueMock = vi.fn();
-    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementationOnce(setValueMock);
+    vi.spyOn(baseFilterMixin.methods, 'setValue')
+    .mockImplementationOnce(setValueMock);
     shallowMount(DatetimeFilter, mountOptions);
     expect(setValueMock).toHaveBeenCalledWith({ filter: filterQuery, value });
   });

package/src/modules/QueryFilters/components/__tests__/filter-from-to.spec.js

@@ -1,8 +1,8 @@
 import { shallowMount } from '@vue/test-utils';
-import { createStore } from 'vuex';
 import { createRouter, createWebHistory } from 'vue-router';
-import BaseFilterSchema from '../../classes/BaseFilterSchema';
-import baseFilterMixin from '../../mixins/baseFilterMixin/baseFilterMixin';
+import { createStore } from 'vuex';
+import BaseFilterSchema from '../../classes/BaseFilterSchema.js';
+import baseFilterMixin from '../../mixins/baseFilterMixin/baseFilterMixin.js';
 import FilterFromTo from '../filter-from-to.vue';
 
 const router = createRouter({

package/src/modules/QueryFilters/components/__tests__/filter-search.spec.js

@@ -1,9 +1,9 @@
 import { shallowMount } from '@vue/test-utils';
-import { createStore } from 'vuex';
 import { createRouter, createWebHistory } from 'vue-router';
+import { createStore } from 'vuex';
+import BaseFilterSchema from '../../classes/BaseFilterSchema.js';
+import baseFilterMixin from '../../mixins/baseFilterMixin/baseFilterMixin.js';
 import SearchFilter from '../filter-search.vue';
-import BaseFilterSchema from '../../classes/BaseFilterSchema';
-import baseFilterMixin from '../../mixins/baseFilterMixin/baseFilterMixin';
 
 const router = createRouter({
   history: createWebHistory(),
@@ -40,8 +40,10 @@ describe('Search Filter', () => {
     const search = 'jest';
     await router.replace({ query: { [filterQuery]: search } });
     const setValueMock = vi.fn();
-    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementationOnce(setValueMock);
+    vi.spyOn(baseFilterMixin.methods, 'setValue')
+    .mockImplementationOnce(setValueMock);
     shallowMount(SearchFilter, mountOptions);
-    expect(setValueMock).toHaveBeenCalledWith({ filter: filterQuery, value: search });
+    expect(setValueMock)
+    .toHaveBeenCalledWith({ filter: filterQuery, value: search });
   });
 });

package/src/modules/QueryFilters/components/abstract-api-filter.vue

@@ -1,20 +1,20 @@
 <template>
   <wt-select
-    v-bind="$attrs"
-    :value="filterSchema.value"
+    :close-on-select="filterSchema.closeOnSelect"
     :label="label"
-    :track-by="filterSchema.storedProp"
     :multiple="filterSchema.multiple"
     :search-method="search"
-    :close-on-select="filterSchema.closeOnSelect"
+    :track-by="filterSchema.storedProp"
+    :value="filterSchema.value"
+    v-bind="$attrs"
+    @closed="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
     @input="setValue({ filter: filterQuery, value: $event })"
     @reset="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
-    @closed="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
   />
 </template>
 
 <script>
-import apiFilterMixin from '../mixins/apiFilterMixin';
+import apiFilterMixin from '../mixins/apiFilterMixin.js';
 
 export default {
   name: 'AbstractApiFilter',

package/src/modules/QueryFilters/components/abstract-enum-filter.vue

@@ -1,20 +1,20 @@
 <template>
   <wt-select
-    v-bind="$attrs"
-    :value="value"
-    :options="localizedOptions"
-    :label="label"
     :allow-custom-values="allowCustomValues"
-    :track-by="filterSchema.storedProp"
+    :label="label"
     :multiple="filterSchema.multiple"
+    :options="localizedOptions"
+    :track-by="filterSchema.storedProp"
+    :value="value"
+    v-bind="$attrs"
+    @closed="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
     @input="setValue({ filter: filterQuery, value: $event })"
     @reset="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
-    @closed="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
   />
 </template>
 
 <script>
-import enumFilterMixin from '../mixins/enumFilterMixin';
+import enumFilterMixin from '../mixins/enumFilterMixin.js';
 
 export default {
   name: 'AbstractEnumFilter',

package/src/modules/QueryFilters/components/filter-datetime.vue

@@ -1,14 +1,14 @@
 <template>
   <wt-datepicker
-    :value="filterSchema.value"
     :label="label"
+    :value="filterSchema.value"
     mode="datetime"
     @input="handleChange"
   />
 </template>
 
 <script>
-import baseFilterMixin from '../mixins/baseFilterMixin/baseFilterMixin';
+import baseFilterMixin from '../mixins/baseFilterMixin/baseFilterMixin.js';
 
 export default {
   name: 'FilterFrom',

package/src/modules/QueryFilters/components/filter-from-to.vue

@@ -10,12 +10,12 @@
           {{ $t('reusable.from') }}
         </wt-label>
         <wt-input
+          :number-max="numberMax"
+          :number-min="0"
+          :value="filterSchema.value.from"
           class="filter-from-to-input"
           name="filter-from-to-from"
-          :value="filterSchema.value.from"
           type="number"
-          :number-min="0"
-          :number-max="numberMax"
           @input="setFrom"
         />
       </div>
@@ -27,12 +27,12 @@
           {{ $t('reusable.to') }}
         </wt-label>
         <wt-input
+          :number-max="numberMax"
+          :number-min="0"
+          :value="filterSchema.value.to"
           class="filter-from-to-input"
           name="filter-from-to-to"
-          :value="filterSchema.value.to"
           type="number"
-          :number-min="0"
-          :number-max="numberMax"
           @input="setTo"
         />
       </div>
@@ -41,8 +41,8 @@
 </template>
 
 <script>
-import debounce from '../../../scripts/debounce';
-import baseFilterMixin from '../mixins/baseFilterMixin/baseFilterMixin';
+import debounce from '../../../scripts/debounce.js';
+import baseFilterMixin from '../mixins/baseFilterMixin/baseFilterMixin.js';
 
 export default {
   name: 'FilterFromTo',

package/src/modules/QueryFilters/components/filter-search.vue

@@ -1,15 +1,15 @@
 <template>
   <wt-search-bar
+    :placeholder="$t('reusable.search')"
     :value="filterSchema.value"
     debounce
-    :placeholder="$t('reusable.search')"
     @input="setValue({ filter: filterQuery, value: $event })"
     @search="setValueToQuery({ filterQuery, value: $event })"
   />
 </template>
 
 <script>
-import baseFilterMixin from '../mixins/baseFilterMixin/baseFilterMixin';
+import baseFilterMixin from '../mixins/baseFilterMixin/baseFilterMixin.js';
 
 export default {
   name: 'FilterSearch',

package/src/modules/QueryFilters/components/filter-table-fields.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import baseFilterMixin from '../mixins/baseFilterMixin/baseFilterMixin';
+import baseFilterMixin from '../mixins/baseFilterMixin/baseFilterMixin.js';
 
 export default {
   name: 'FilterTableFields',

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

@@ -1,7 +1,7 @@
 import { shallowMount } from '@vue/test-utils';
 import { createRouter, createWebHistory } from 'vue-router';
-import ApiFilterSchema from '../../classes/ApiFilterSchema';
-import apiFilterMixin from '../apiFilterMixin';
+import ApiFilterSchema from '../../classes/ApiFilterSchema.js';
+import apiFilterMixin from '../apiFilterMixin.js';
 
 const router = createRouter({
   history: createWebHistory(),
@@ -35,7 +35,11 @@ describe('API filter mixin', () => {
     const wrapper = shallowMount(Component, {
       global: { plugins: [router] },
     });
-    expect(setValue).toHaveBeenCalledWith({ filter: 'team', value: [{ id: team[0] }, { id: team[1] }] });
+    expect(setValue)
+    .toHaveBeenCalledWith({
+      filter: 'team',
+      value: [{ id: team[0] }, { id: team[1] }],
+    });
   });
 
   it('Sets empty array value if $route query is empty', async () => {