@webitel/ui-sdk 25.4.36 → 25.4.38

package/src/modules/Filters/v2/filters/components/filter-options/rated-by/rated-by-filter-value-preview.vue

@@ -1,6 +1,5 @@
 <template>
-  <ul
-    v-if="localValue">
+  <ul v-if="localValue">
     <li
       v-for="({ name }, index) of localValue"
       :key="index"
@@ -12,7 +11,7 @@
 
 <script lang="ts" setup>
 import { searchMethod } from './config.js';
-import {ref} from 'vue';
+import { ref } from 'vue';
 
 const props = defineProps<{
   value: number[];
@@ -21,12 +20,11 @@ const props = defineProps<{
 const localValue = ref([]);
 
 const getLocalValue = async () => {
-  const { items } = await searchMethod({id: props.value});
+  const { items } = await searchMethod({ id: props.value });
   localValue.value = items;
 };
 
 getLocalValue();
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/reporter/reporter-filter-value-preview.vue

@@ -1,6 +1,5 @@
 <template>
-  <ul
-    v-if="localValue">
+  <ul v-if="localValue">
     <li
       v-for="({ name }, index) of localValue"
       :key="index"
@@ -12,7 +11,7 @@
 
 <script lang="ts" setup>
 import { searchMethod } from './config.js';
-import {ref} from 'vue';
+import { ref } from 'vue';
 
 const props = defineProps<{
   value: number[];
@@ -21,12 +20,11 @@ const props = defineProps<{
 const localValue = ref([]);
 
 const getLocalValue = async () => {
-  const { items } = await searchMethod({id: props.value});
+  const { items } = await searchMethod({ id: props.value });
   localValue.value = items;
 };
 
 getLocalValue();
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/score/score-from-to-filter-value-field.vue

@@ -93,8 +93,8 @@ watch(
 <style lang="scss" scoped>
 .score-from-to-filter-value-field {
   display: grid;
-  align-items: center;
   grid-template-columns: repeat(2, 1fr);
+  align-items: center;
   grid-gap: var(--spacing-xs);
 }
 </style>

package/src/modules/Filters/v2/filters/components/filter-options/service-case/service-case-filter-value-field.vue

@@ -46,24 +46,24 @@ onMounted(loadCatalogs);
 $form-width: 800px;
 
 .service-case-filter-value-field {
+  grid-area: value;
   background: transparent;
-  max-height: 350px;
   height: 100%;
+  max-height: 350px;
   overflow-y: auto;
-  grid-area: value;
 }
 
 .dynamic-filter-config-form {
   &:has(.service-case-filter-value-field) {
-    width: $form-width;
-    height: 500px;
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
     grid-template-rows: 64px 1fr auto;
+    grid-template-columns: repeat(2, 1fr);
     grid-template-areas:
       'column label'
       'value value'
       'footer footer';
+    width: $form-width;
+    height: 500px;
 
     .wt-select {
       grid-area: column;

package/src/modules/Filters/v2/filters/components/filter-options/sla/sla-filter-value-preview.vue

@@ -1,6 +1,5 @@
 <template>
-  <ul
-    v-if="localValue">
+  <ul v-if="localValue">
     <li
       v-for="({ name }, index) of localValue"
       :key="index"
@@ -12,7 +11,7 @@
 
 <script lang="ts" setup>
 import { searchMethod } from './config.js';
-import {ref} from 'vue';
+import { ref } from 'vue';
 
 const props = defineProps<{
   value: number[];
@@ -21,12 +20,11 @@ const props = defineProps<{
 const localValue = ref([]);
 
 const getLocalValue = async () => {
-  const { items } = await searchMethod({id: props.value});
+  const { items } = await searchMethod({ id: props.value });
   localValue.value = items;
 };
 
 getLocalValue();
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/source-case/config.js

@@ -1,5 +1,4 @@
-import CaseSourcesAPI
-  from '../../../../../../../api/clients/caseSources/caseSources.js';
+import CaseSourcesAPI from '../../../../../../../api/clients/caseSources/caseSources.js';
 
 export const searchMethod = CaseSourcesAPI.getLookup;
 export const localePath = '';

package/src/modules/Filters/v2/filters/components/filter-options/source-case/source-case-filter-value-preview.vue

@@ -1,6 +1,5 @@
 <template>
-  <ul
-    v-if="localValue">
+  <ul v-if="localValue">
     <li
       v-for="({ name }, index) of localValue"
       :key="index"
@@ -12,7 +11,7 @@
 
 <script lang="ts" setup>
 import { searchMethod } from './config.js';
-import {ref} from 'vue';
+import { ref } from 'vue';
 
 const props = defineProps<{
   value: number[];
@@ -21,12 +20,11 @@ const props = defineProps<{
 const localValue = ref([]);
 
 const getLocalValue = async () => {
-  const { items } = await searchMethod({id: props.value});
+  const { items } = await searchMethod({ id: props.value });
   localValue.value = items;
 };
 
 getLocalValue();
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/status-case/config.js

@@ -2,5 +2,6 @@ import CaseStatusesApi from '../../../../../../../api/clients/caseStatuses/caseS
 import CaseStatusConditionsAPI from '../../../../../../../api/clients/caseStatusConditions/caseStatusConditions.js';
 
 export const caseStatusesSearchMethod = CaseStatusesApi.getLookup;
-export const caseStatusConditionsSearchMethod = CaseStatusConditionsAPI.getLookup;
+export const caseStatusConditionsSearchMethod =
+  CaseStatusConditionsAPI.getLookup;
 export const localePath = '';

package/src/modules/Filters/v2/filters/components/filter-options/status-case/status-case-filter-value-field.vue

@@ -31,11 +31,14 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
-import {computed, onMounted, watch} from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
-import { caseStatusesSearchMethod, caseStatusConditionsSearchMethod } from './config.js';
+import {
+  caseStatusesSearchMethod,
+  caseStatusConditionsSearchMethod,
+} from './config.js';
 
 type ModelValue = {
   selection: string;
@@ -57,13 +60,13 @@ const getConditionList = (params) => {
 };
 
 const initModel = () => {
-  if(!model.value) {
+  if (!model.value) {
     model.value = {
       selection: '',
       conditions: '',
     };
   }
-}
+};
 onMounted(() => initModel());
 
 const v$ = useVuelidate(

package/src/modules/Filters/v2/filters/components/filter-options/talk-duration/TalkDurationFilter.d.ts

@@ -1,4 +1,4 @@
 export type TalkDurationFilterModelValue = {
-    from: number;
-    to: number;
+  from: number;
+  to: number;
 };

package/src/modules/Filters/v2/filters/components/filter-options/team/team-filter-value-preview.vue

@@ -1,6 +1,5 @@
 <template>
-  <ul
-    v-if="localValue">
+  <ul v-if="localValue">
     <li
       v-for="({ name }, index) of localValue"
       :key="index"
@@ -12,7 +11,7 @@
 
 <script lang="ts" setup>
 import { searchMethod } from './config.js';
-import {ref} from 'vue';
+import { ref } from 'vue';
 
 const props = defineProps<{
   value: number[];
@@ -21,12 +20,11 @@ const props = defineProps<{
 const localValue = ref([]);
 
 const getLocalValue = async () => {
-  const { items } = await searchMethod({id: props.value});
+  const { items } = await searchMethod({ id: props.value });
   localValue.value = items;
 };
 
 getLocalValue();
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/total-duration/TotalDurationFilter.d.ts

@@ -1,4 +1,4 @@
 export type TotalDurationFilterModelValue = {
-    from: number;
-    to: number;
+  from: number;
+  to: number;
 };

package/src/modules/Filters/v2/filters/components/filter-options/user/user-filter-value-preview.vue

@@ -1,6 +1,5 @@
 <template>
-  <ul
-    v-if="localValue">
+  <ul v-if="localValue">
     <li
       v-for="({ name }, index) of localValue"
       :key="index"
@@ -12,7 +11,7 @@
 
 <script lang="ts" setup>
 import { searchMethod } from './config.js';
-import {ref} from 'vue';
+import { ref } from 'vue';
 
 const props = defineProps<{
   value: number[];
@@ -21,12 +20,11 @@ const props = defineProps<{
 const localValue = ref([]);
 
 const getLocalValue = async () => {
-  const { items } = await searchMethod({id: props.value});
+  const { items } = await searchMethod({ id: props.value });
   localValue.value = items;
 };
 
 getLocalValue();
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/filter-options/variable/variable-filter-value-field.vue

@@ -47,5 +47,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/src/modules/Filters/v2/filters/components/preview/dynamic-filter-preview.vue

@@ -1,7 +1,5 @@
 <template>
-  <dynamic-filter-config-view
-    :disabled="dummy"
-  >
+  <dynamic-filter-config-view :disabled="dummy">
     <template #activator="{ visible: configFormVisible }">
       <wt-tooltip :disabled="configFormVisible">
         <template #activator>
@@ -46,13 +44,13 @@ import { useI18n } from 'vue-i18n';
 import WtChip from '../../../../../../components/wt-chip/wt-chip.vue';
 import WtIconBtn from '../../../../../../components/wt-icon-btn/wt-icon-btn.vue';
 import WtTooltip from '../../../../../../components/wt-tooltip/wt-tooltip.vue';
-import type {IFilter} from '../../types/Filter';
+import type { IFilter } from '../../types/Filter';
 import DynamicFilterConfigView from '../config/dynamic-filter-config-view.vue';
 import DynamicFilterPreviewInfo from './dynamic-filter-preview-info.vue';
 
 interface Props {
   filter: IFilter;
-  dummy?: boolean; /* https://webitel.atlassian.net/browse/WTEL-6308?focusedCommentId=657415 */
+  dummy?: boolean /* https://webitel.atlassian.net/browse/WTEL-6308?focusedCommentId=657415 */;
 }
 
 const { t } = useI18n();
@@ -71,8 +69,8 @@ const deleteFilter = () => {
 <style lang="scss" scoped>
 .wt-chip {
   display: flex;
-  align-items: center;
   justify-content: center;
+  align-items: center;
   gap: var(--spacing-2xs);
 }
 </style>

package/src/modules/Filters/v2/filters/enums/FilterOption.ts

@@ -1,43 +1,43 @@
 export const FilterOption = {
-   Agent: 'agent',
-   AmdResult: 'amdResult',
-   Contact: 'contact',
-   Direction: 'direction',
-   Rated: 'rated',
-   Gateway: 'gateway',
-   Grantee: 'grantee',
-   Cause: 'cause',
-   Queue: 'queue',
-   RatedBy: 'ratedBy',
-   HasFile: 'hasFile',
-   Score: 'score',
-   Tag: 'tag',
-   TalkDuration: 'talkDuration',
-   Team: 'team',
-   TotalDuration: 'totalDuration',
-   HasTranscription: 'hasTranscription',
-   User: 'user',
-   Variable: 'variable',
-   CreatedAtFrom: 'createdAtFrom',
-   CreatedAtTo: 'createdAtTo',
-   Status: 'status',
-   Source: 'source',
-   Service: 'service',
-   Author: 'author',
-   Reporter: 'reporter',
-   Impacted: 'impacted',
-   Assignee: 'assignee',
-   ContactGroup: 'contactGroup',
-   Priority: 'priority',
-   CloseReasonGroups: 'closeReasonGroups',
-   Rating: 'rating',
-   Sla: 'sla',
-   SlaCondition: 'slaCondition',
-   ReactionTime: 'reactionTime',
-   ResolutionTime: 'resolutionTime',
-   ActualReactionTime: 'actualReactionTime',
-   ActualResolutionTime: 'actualResolutionTime',
-   HasAttachment: 'hasAttachment',
+  Agent: 'agent',
+  AmdResult: 'amdResult',
+  Contact: 'contact',
+  Direction: 'direction',
+  Rated: 'rated',
+  Gateway: 'gateway',
+  Grantee: 'grantee',
+  Cause: 'cause',
+  Queue: 'queue',
+  RatedBy: 'ratedBy',
+  HasFile: 'hasFile',
+  Score: 'score',
+  Tag: 'tag',
+  TalkDuration: 'talkDuration',
+  Team: 'team',
+  TotalDuration: 'totalDuration',
+  HasTranscription: 'hasTranscription',
+  User: 'user',
+  Variable: 'variable',
+  CreatedAtFrom: 'createdAtFrom',
+  CreatedAtTo: 'createdAtTo',
+  Status: 'status',
+  Source: 'source',
+  Service: 'service',
+  Author: 'author',
+  Reporter: 'reporter',
+  Impacted: 'impacted',
+  Assignee: 'assignee',
+  ContactGroup: 'contactGroup',
+  Priority: 'priority',
+  CloseReasonGroups: 'closeReasonGroups',
+  Rating: 'rating',
+  Sla: 'sla',
+  SlaCondition: 'slaCondition',
+  ReactionTime: 'reactionTime',
+  ResolutionTime: 'resolutionTime',
+  ActualReactionTime: 'actualReactionTime',
+  ActualResolutionTime: 'actualResolutionTime',
+  HasAttachment: 'hasAttachment',
 } as const;
 
-export type FilterOption = typeof FilterOption[keyof typeof FilterOption];
+export type FilterOption = (typeof FilterOption)[keyof typeof FilterOption];

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

@@ -19,8 +19,8 @@ const props = defineProps({
 <style lang="scss" scoped>
 .permissions-role-row {
   display: grid;
-  align-items: center;
   grid-template-columns: var(--icon-md-size) 1fr;
+  align-items: center;
   gap: var(--spacing-sm);
 }
 </style>

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

@@ -20,7 +20,6 @@
     </header>
 
     <div class="table-section__table-wrapper">
-
       <wt-empty
         v-show="showEmpty"
         :image="imageEmpty"
@@ -31,62 +30,62 @@
 
       <div
         v-if="dataList.length && !isLoading"
-        class="table-section__visible-scroll-wrapper">
-
-          <wt-table
-            :data="localizedDataList"
-            :grid-actions="access.edit"
-            :headers="headers"
-            :selectable="false"
-            sortable
-            @sort="sort"
-          >
-            <template #grantee="{ item }">
-              <role-column :role="item.grantee" />
-            </template>
-
-            <template #read="{ item }">
-              <wt-select
-                :clearable="false"
-                :disabled="!access.edit"
-                :options="accessOptions"
-                :value="item.access.r"
-                @input="changeAccessMode({ item, ruleName: 'r', mode: $event })"
-              />
-            </template>
-
-            <template #edit="{ item }">
-              <wt-select
-                :clearable="false"
-                :disabled="!access.edit"
-                :options="accessOptions"
-                :value="item.access.w"
-                @input="changeAccessMode({ item, ruleName: 'w', mode: $event })"
-              />
-            </template>
-
-            <template #delete="{ item }">
-              <wt-select
-                :clearable="false"
-                :disabled="!access.edit"
-                :options="accessOptions"
-                :value="item.access.d"
-                @input="changeAccessMode({ item, ruleName: 'd', mode: $event })"
-              />
-            </template>
-            <template #actions="{ item }">
-              <wt-icon-action
-                action="delete"
-                @click="
-                  changeAccessMode({
-                    item,
-                    ruleName: 'r',
-                    mode: { id: AccessMode.FORBIDDEN },
-                  })
-                "
-              />
-            </template>
-          </wt-table>
+        class="table-section__visible-scroll-wrapper"
+      >
+        <wt-table
+          :data="localizedDataList"
+          :grid-actions="access.edit"
+          :headers="headers"
+          :selectable="false"
+          sortable
+          @sort="sort"
+        >
+          <template #grantee="{ item }">
+            <role-column :role="item.grantee" />
+          </template>
+
+          <template #read="{ item }">
+            <wt-select
+              :clearable="false"
+              :disabled="!access.edit"
+              :options="accessOptions"
+              :value="item.access.r"
+              @input="changeAccessMode({ item, ruleName: 'r', mode: $event })"
+            />
+          </template>
+
+          <template #edit="{ item }">
+            <wt-select
+              :clearable="false"
+              :disabled="!access.edit"
+              :options="accessOptions"
+              :value="item.access.w"
+              @input="changeAccessMode({ item, ruleName: 'w', mode: $event })"
+            />
+          </template>
+
+          <template #delete="{ item }">
+            <wt-select
+              :clearable="false"
+              :disabled="!access.edit"
+              :options="accessOptions"
+              :value="item.access.d"
+              @input="changeAccessMode({ item, ruleName: 'd', mode: $event })"
+            />
+          </template>
+          <template #actions="{ item }">
+            <wt-icon-action
+              action="delete"
+              @click="
+                changeAccessMode({
+                  item,
+                  ruleName: 'r',
+                  mode: { id: AccessMode.FORBIDDEN },
+                })
+              "
+            />
+          </template>
+        </wt-table>
       </div>
       <filter-pagination
         :namespace="filtersNamespace"

package/src/modules/TableComponentModule/composables/useTableEmpty.js

@@ -89,7 +89,7 @@ export const useTableEmpty = (
     if (filters?.value) {
       const uncheckedFilters = ['page', 'size', 'sort', 'fields'];
       const filtersApplied = Object.entries(filters.value).some(
-        ([filterName,filterValue]) =>
+        ([filterName, filterValue]) =>
           !isEmpty(filterValue) && !uncheckedFilters.includes(filterName),
       );
       if (filtersApplied) return EmptyCause.FILTERS;

package/src/modules/Userinfo/v2/stores/__tests__/accessStore.spec.ts

@@ -1,10 +1,10 @@
-import {createPinia, setActivePinia, type StoreDefinition} from 'pinia';
-import { beforeEach, describe, expect,it } from 'vitest';
-import {createApp, h} from "vue";
-import {createRouter, createWebHistory, type Router} from "vue-router";
+import { createPinia, setActivePinia, type StoreDefinition } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import { createApp, h } from 'vue';
+import { createRouter, createWebHistory, type Router } from 'vue-router';
 
-import {AdminSections, WtApplication, WtObject} from "../../../../../enums";
-import {CrudGlobalAction} from "../../enums";
+import { AdminSections, WtApplication, WtObject } from '../../../../../enums';
+import { CrudGlobalAction } from '../../enums';
 import { createUserAccessStore } from '../accessStore';
 
 describe('AccessStore', () => {
@@ -35,7 +35,7 @@ describe('AccessStore', () => {
     const pinia = createPinia();
     const app = createApp({});
     app.use(router);
-    app.use(pinia)
+    app.use(pinia);
     setActivePinia(pinia);
     useAccessStore = createUserAccessStore();
   });
@@ -81,9 +81,9 @@ describe('AccessStore', () => {
       access: {
         [WtApplication.Admin]: {
           _enabled: true,
-            [AdminSections.Users]: {
-                _enabled: true,
-            },
+          [AdminSections.Users]: {
+            _enabled: true,
+          },
         },
       },
     });
@@ -102,9 +102,9 @@ describe('AccessStore', () => {
       access: {
         [WtApplication.Admin]: {
           _enabled: true,
-            [AdminSections.Users]: {
-                _enabled: false,
-            },
+          [AdminSections.Users]: {
+            _enabled: false,
+          },
         },
       },
     });
@@ -123,9 +123,9 @@ describe('AccessStore', () => {
       access: {
         [WtApplication.Admin]: {
           _enabled: false,
-            [AdminSections.Users]: {
-                _enabled: true,
-            },
+          [AdminSections.Users]: {
+            _enabled: true,
+          },
         },
       },
     });