@webitel/ui-sdk 24.12.29 → 24.12.34

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

@@ -47,7 +47,9 @@ function setValue(payload) {
   return store.dispatch(`${props.namespace}/SET_FILTER`, payload);
 }
 
-const filterName = ref(props.multisearch ? props.searchModeOpts[0].value : props.name);
+const filterName = ref(
+  props.multisearch ? props.searchModeOpts[0].value : props.name,
+);
 
 const currentSearchMode = computed(() =>
   props.searchModeOpts.find(({ value }) => value === filterName.value),
@@ -100,6 +102,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

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

@@ -12,7 +12,6 @@
 </template>
 
 <script setup>
-
 import { computed, reactive, useAttrs } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useStore } from 'vuex';
@@ -34,7 +33,9 @@ const attrs = useAttrs();
 const store = useStore();
 const { t } = useI18n();
 
-const filterSchema = computed(() => getNamespacedState(store.state, props.namespace)[props.filterQuery]);
+const filterSchema = computed(
+  () => getNamespacedState(store.state, props.namespace)[props.filterQuery],
+);
 
 const trackBy = computed(() => {
   if (filterSchema.value.storedProp !== undefined) {
@@ -52,31 +53,37 @@ const trackBy = computed(() => {
   return 'id';
 });
 
-const rawValue = computed(() => store.getters[`${props.namespace}/FILTER_${props.filterQuery}`]);
+const rawValue = computed(
+  () => store.getters[`${props.namespace}/FILTER_${props.filterQuery}`],
+);
 
 const cachedSearchOpts = reactive({});
 
-const search = filterSchema.value.search && (async (selectParams) => {
-  const params = {
-    ...selectParams,
-  };
+const search =
+  filterSchema.value.search &&
+  (async (selectParams) => {
+    const params = {
+      ...selectParams,
+    };
+
+    if (trackBy.value === 'id') {
+      params.ids = Array.isArray(rawValue.value)
+        ? rawValue.value
+        : [rawValue.value];
+    }
 
-  if (trackBy.value === 'id') {
-    params.ids = Array.isArray(rawValue.value) ? rawValue.value : [rawValue.value];
-  }
+    const { items, ...rest } = await filterSchema.value.search(params);
 
-  const { items, ...rest } = await filterSchema.value.search(params);
+    items.forEach((item) => {
+      cachedSearchOpts[item.id] = item;
+    });
 
-  items.forEach((item) => {
-    cachedSearchOpts[item.id] = item;
+    return {
+      items,
+      ...rest,
+    };
   });
 
-  return {
-    items,
-    ...rest,
-  };
-});
-
 const options = computed(() => {
   const options = filterSchema.value.options;
 
@@ -86,10 +93,14 @@ const options = computed(() => {
 const value = computed(() => {
   if (options.value) {
     if (filterSchema.value.multiple) {
-      return options.value.filter((option) => rawValue.value.includes(option[trackBy.value]));
+      return options.value.filter((option) =>
+        rawValue.value.includes(option[trackBy.value]),
+      );
     }
 
-    return options.value.find((option) => option[trackBy.value] === rawValue.value);
+    return options.value.find(
+      (option) => option[trackBy.value] === rawValue.value,
+    );
   }
 
   if (filterSchema.value.search) {
@@ -113,6 +124,4 @@ const setValue = (value) => {
 };
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -45,6 +45,4 @@ function handleChange(headers) {
 }
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/src/modules/Filters/composables/useTableFilters.js

@@ -6,7 +6,9 @@ export const useTableFilters = (namespace) => {
 
   const filtersNamespace = `${namespace}/filters`;
 
-  const filtersValue = computed(() => store.getters[`${filtersNamespace}/GET_FILTERS`]());
+  const filtersValue = computed(() =>
+    store.getters[`${filtersNamespace}/GET_FILTERS`](),
+  );
 
   function subscribe(payload) {
     return store.dispatch(`${filtersNamespace}/SUBSCRIBE`, payload);

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

@@ -1,10 +1,14 @@
 // context === filter "this"
 const localStorageGetter = (context) => () => {
-  if (!context) throw new Error('Filter context is required for localStorageGetter!');
+  if (!context)
+    throw new Error('Filter context is required for localStorageGetter!');
 
   const key = context.localStorageKey;
 
-  if (!key) throw new Error(`Please provide "localStorageKey" for ${context.name} filter!`);
+  if (!key)
+    throw new Error(
+      `Please provide "localStorageKey" for ${context.name} filter!`,
+    );
 
   const value = localStorage.getItem(key);
   if (!value) return null;

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

@@ -2,7 +2,8 @@
 const queryGetter = (context) => (router) => () => {
   if (!router) throw new Error('Router is required for queryGetter!');
 
-  const query = router.currentRoute.value?.query || router.currentRoute.query || {};
+  const query =
+    router.currentRoute.value?.query || router.currentRoute.query || {};
 
   const value = query[context.name];
 

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

@@ -1,11 +1,15 @@
 // context === filter "this"
 
 const localStorageSetter = (context) => (rawValue) => {
-  if (!context) throw new Error('Filter context is required for localStorageSetter!');
+  if (!context)
+    throw new Error('Filter context is required for localStorageSetter!');
 
   const key = context.localStorageKey;
 
-  if (!key) throw new Error(`Please provide "localStorageKey" for ${context.name} filter!`);
+  if (!key)
+    throw new Error(
+      `Please provide "localStorageKey" for ${context.name} filter!`,
+    );
 
   const value = Array.isArray(rawValue) ? rawValue.join(',') : rawValue;
   localStorage.setItem(key, value);

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

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

package/src/modules/Filters/scripts/utils/changeRouteQuery.js

@@ -4,7 +4,8 @@ const changeRouteQuery =
   (router) =>
   ({ filterQuery, value }) => {
     const name = router.currentRoute?.value?.name || router.currentRoute?.name;
-    const query = router.currentRoute?.value?.query || router.currentRoute?.query || {};
+    const query =
+      router.currentRoute?.value?.query || router.currentRoute?.query || {};
 
     if (deepEqual(query[filterQuery], value)) return;
 

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

@@ -1,7 +1,6 @@
 import mitt from 'mitt';
 import isEmpty from '../../../scripts/isEmpty.js';
-import BaseStoreModule
-  from '../../../store/BaseStoreModules/BaseStoreModule.js';
+import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule.js';
 import BaseFilterSchema from '../classes/BaseFilterSchema.js';
 import FilterEvent from '../enums/FilterEvent.enum.js';
 
@@ -23,7 +22,8 @@ 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),
+        (names, prop) =>
+          prop.value || prop.name ? [...names, prop.name] : names,
         [],
       );
     },

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

@@ -45,7 +45,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 = {
@@ -114,9 +115,16 @@ export default class NotificationsStoreModule extends BaseStoreModule {
         context.dispatch('_REMOVE_CURRENT_TAB_ID'),
       ]),
 
-    PLAY_SOUND: async (context, { action, sound = getNotificationSound(action), volume = 1.0 }) => {
-      if (context.getters.IS_SOUND_ALLOWED && !localStorage.getItem('wtIsPlaying')) {
-        const audio = sound instanceof Audio || sound.play ? sound : new Audio(sound);
+    PLAY_SOUND: async (
+      context,
+      { action, sound = getNotificationSound(action), volume = 1.0 },
+    ) => {
+      if (
+        context.getters.IS_SOUND_ALLOWED &&
+        !localStorage.getItem('wtIsPlaying')
+      ) {
+        const audio =
+          sound instanceof Audio || sound.play ? sound : new Audio(sound);
         audio.volume = volume;
 
         audio.addEventListener(
@@ -137,7 +145,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,9 @@ 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', () => {
@@ -65,7 +67,9 @@ describe('features/notifications store: actions', () => {
   });
 
   it('_SETUP_UNREAD_COUND_BROADCAST_LISTENING action commits SET_BROADCAST_CHANNEL mutation', () => {
-    notificationsModule.actions._SETUP_UNREAD_COUND_BROADCAST_LISTENING(context);
+    notificationsModule.actions._SETUP_UNREAD_COUND_BROADCAST_LISTENING(
+      context,
+    );
     expect(context.commit.mock.calls[0][0]).toContain('SET_BROADCAST_CHANNEL');
   });
 
@@ -100,7 +104,10 @@ 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/ObjectPermissions/_internals/components/permissions-role-row.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="permissions-role-row">
-    <wt-icon
-      :icon="role.user ? 'user' : 'role'"
-    />
+    <wt-icon :icon="role.user ? 'user' : 'role'" />
     <slot>
       {{ role.name }}
     </slot>

package/src/modules/ObjectPermissions/_internals/components/permissions-role-select.vue

@@ -29,6 +29,4 @@ const attrs = useAttrs();
 const model = defineModel({ required: true });
 </script>
 
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>

package/src/modules/ObjectPermissions/_internals/components/permissions-tab-role-popup.vue

@@ -61,7 +61,9 @@ const route = useRoute();
 
 const grantee = ref(null);
 
-const existingGranteesList = computed(() => getNamespacedState(store.state, props.namespace).dataList);
+const existingGranteesList = computed(
+  () => getNamespacedState(store.state, props.namespace).dataList,
+);
 
 const shown = computed(() => !!route.params.permissionId);
 
@@ -101,7 +103,10 @@ const getAvailableGrantees = async (params) => {
   const { items, ...rest } = await loadGrantees(params);
   return {
     items: items.filter(
-      (role) => !existingGranteesList.value.some((usedRoles) => role.id === usedRoles.grantee.id),
+      (role) =>
+        !existingGranteesList.value.some(
+          (usedRoles) => role.id === usedRoles.grantee.id,
+        ),
     ),
     ...rest,
   };
@@ -111,8 +116,6 @@ const save = async (grantee) => {
   await store.dispatch(`${props.namespace}/ADD_ROLE_PERMISSIONS`, grantee);
   return close();
 };
-
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/ObjectPermissions/_internals/modules/filters/store/filters.store.js

@@ -1,6 +1,5 @@
 import deepCopy from 'deep-copy';
-import FiltersStoreModule
-  from '../../../../../Filters/store/FiltersStoreModule';
+import FiltersStoreModule from '../../../../../Filters/store/FiltersStoreModule';
 
 const filtersList = [
   {
@@ -16,8 +15,8 @@ const filtersList = [
 
 export default () => {
   const filters = new FiltersStoreModule()
-  .addFilter(deepCopy(filtersList))
-  .getModule();
+    .addFilter(deepCopy(filtersList))
+    .getModule();
 
   return filters;
 };

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

@@ -2,8 +2,7 @@ import {
   createBaseStoreModule,
   createTableStoreModule,
 } from '../../../../../store/new/index.js';
-import objectPermissionsStoreModule
-  from '../modules/objectPermissionsStoreModule.js';
+import objectPermissionsStoreModule from '../modules/objectPermissionsStoreModule.js';
 
 export const createObjectPermissionsStoreModule = (modules) => {
   const modulesArr = Array.isArray(modules) ? modules : [modules];

package/src/modules/ObjectPermissions/_internals/store/modules/objectPermissionsStoreModule.js

@@ -40,9 +40,9 @@ const actions = {
     }
     const changes = [
       {
-      grantee: +item.grantee.id,
-      grants: want,
-      }
+        grantee: +item.grantee.id,
+        grants: want,
+      },
     ];
     try {
       await context.dispatch('PATCH_ITEM_API', {
@@ -57,9 +57,9 @@ const actions = {
     console.info(role);
     const changes = [
       {
-      grantee: +role.id,
-      grants: 'r',
-      }
+        grantee: +role.id,
+        grants: 'r',
+      },
     ];
     try {
       await context.dispatch('PATCH_ITEM_API', {
@@ -71,14 +71,10 @@ const actions = {
     }
   },
 
-  GET_LIST_API: (
-    context,
-    payload,
-  ) => context.dispatch('api/GET_OBJECT_PERMISSIONS_LIST', payload),
-  PATCH_ITEM_API: (
-    context,
-    payload,
-  ) => context.dispatch('api/PATCH_OBJECT_PERMISSIONS_ITEM', payload),
+  GET_LIST_API: (context, payload) =>
+    context.dispatch('api/GET_OBJECT_PERMISSIONS_LIST', payload),
+  PATCH_ITEM_API: (context, payload) =>
+    context.dispatch('api/PATCH_OBJECT_PERMISSIONS_ITEM', payload),
 };
 
 export default () => {

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

@@ -29,8 +29,7 @@
 
     <div class="table-section__table-wrapper">
       <div>
-        <wt-table-transition
-          v-if="dataList.length && !isLoading">
+        <wt-table-transition v-if="dataList.length && !isLoading">
           <wt-table
             :data="localizedDataList"
             :grid-actions="access.edit"
@@ -40,9 +39,7 @@
             @sort="sort"
           >
             <template #grantee="{ item }">
-              <role-column
-                :role="item.grantee"
-              />
+              <role-column :role="item.grantee" />
             </template>
 
             <template #read="{ item }">
@@ -77,7 +74,13 @@
             <template #actions="{ item }">
               <wt-icon-action
                 action="delete"
-                @click="changeAccessMode({ item, ruleName: 'r', mode: { id: AccessMode.FORBIDDEN }})"
+                @click="
+                  changeAccessMode({
+                    item,
+                    ruleName: 'r',
+                    mode: { id: AccessMode.FORBIDDEN },
+                  })
+                "
               />
             </template>
           </wt-table>
@@ -194,11 +197,8 @@ const accessOptions = computed(() => {
   }));
 });
 
-const changeAccessMode = (payload) => (
-  store.dispatch(`${tableNamespace}/CHANGE_ACCESS_MODE`, payload)
-);
-
+const changeAccessMode = (payload) =>
+  store.dispatch(`${tableNamespace}/CHANGE_ACCESS_MODE`, payload);
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/ObjectPermissions/store/index.js

@@ -1,7 +1,3 @@
-import {
-  createObjectPermissionsStoreModule,
-} from '../_internals/store/helpers/createObjectPermissionsStoreModule.js';
+import { createObjectPermissionsStoreModule } from '../_internals/store/helpers/createObjectPermissionsStoreModule.js';
 
-export {
-  createObjectPermissionsStoreModule,
-};
+export { createObjectPermissionsStoreModule };

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

@@ -42,7 +42,9 @@ 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

@@ -40,7 +40,9 @@ describe('FilterFromTo Filter', () => {
     const value = 10;
     await router.replace({ query: { [`${filterQuery}From`]: value } });
     const setValueMock = vi.fn();
-    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementation(setValueMock);
+    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementation(
+      setValueMock,
+    );
     shallowMount(FilterFromTo, mountOptions);
     expect(setValueMock).toHaveBeenNthCalledWith(1, {
       filter: filterQuery,
@@ -51,7 +53,9 @@ describe('FilterFromTo Filter', () => {
     const value = 10;
     await router.replace({ query: { [`${filterQuery}To`]: value } });
     const setValueMock = vi.fn();
-    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementation(setValueMock);
+    vi.spyOn(baseFilterMixin.methods, 'setValue').mockImplementation(
+      setValueMock,
+    );
     shallowMount(FilterFromTo, mountOptions);
     expect(setValueMock).toHaveBeenNthCalledWith(2, {
       filter: filterQuery,

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

@@ -40,8 +40,13 @@ 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

@@ -7,9 +7,21 @@
     :track-by="filterSchema.storedProp"
     :value="filterSchema.value"
     v-bind="$attrs"
-    @closed="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
+    @closed="
+      setValueToQuery({
+        value,
+        filterQuery,
+        storedProp: filterSchema.storedProp,
+      })
+    "
     @input="setValue({ filter: filterQuery, value: $event })"
-    @reset="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
+    @reset="
+      setValueToQuery({
+        value,
+        filterQuery,
+        storedProp: filterSchema.storedProp,
+      })
+    "
   />
 </template>
 
@@ -37,6 +49,4 @@ export default {
 };
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -7,9 +7,21 @@
     :track-by="filterSchema.storedProp"
     :value="value"
     v-bind="$attrs"
-    @closed="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
+    @closed="
+      setValueToQuery({
+        value,
+        filterQuery,
+        storedProp: filterSchema.storedProp,
+      })
+    "
     @input="setValue({ filter: filterQuery, value: $event })"
-    @reset="setValueToQuery({ value, filterQuery, storedProp: filterSchema.storedProp })"
+    @reset="
+      setValueToQuery({
+        value,
+        filterQuery,
+        storedProp: filterSchema.storedProp,
+      })
+    "
   />
 </template>
 
@@ -28,6 +40,4 @@ export default {
 };
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -35,6 +35,4 @@ export default {
 };
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -133,7 +133,7 @@ export default {
 
 .filter-from-to__input-wrapper {
   &:focus-within .wt-label {
-    color: var(--form-label--active-color)
+    color: var(--form-label--active-color);
   }
 
   .filter-from-to-input {

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

@@ -28,6 +28,4 @@ export default {
 };
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -92,6 +92,4 @@ export default {
 };
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -42,7 +42,10 @@ describe('Enum filter mixin', () => {
       global: { plugins: [router] },
     });
     await wrapper.vm.$nextTick();
-    expect(setValue).toHaveBeenCalledWith({ filter: 'direction', value: options[0] });
+    expect(setValue).toHaveBeenCalledWith({
+      filter: 'direction',
+      value: options[0],
+    });
   });
 
   it('Sets empty array value if $route query is empty', async () => {