@webitel/ui-datalist 1.0.80 → 1.0.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.80",
+  "version": "1.0.81",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run utils:publish",

package/src/modules/filters/components/table-filters-panel.vue

@@ -202,8 +202,8 @@ const handleResetFilters = () => {
     align-items: center;
   }
   .dynamic-filter-panel-wrapper__filters {
-    display: flex;
-    flex-wrap: nowrap;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
     grid-gap: var(--spacing-xs);
   }
 }

package/src/modules/filters/modules/filterConfig/classes/FilterConfig.ts

@@ -16,6 +16,7 @@ export type FilterConfigBaseParams = {
   valueInputComponent?: Component;
   valuePreviewComponent?: Component;
   notDeletable?: boolean;
+  showFilterName: boolean;
 };
 
 export interface IWtSysTypeFilterConfig extends BaseFilterConfig {
@@ -50,13 +51,15 @@ export class FilterConfig implements BaseFilterConfig {
   label?: ReturnType<MessageResolver> | string;
   staticView?: boolean;
   notDeletable: boolean;
+  showFilterName: boolean;
 
   constructor({
                 name,
                 valueInputComponent,
                 valuePreviewComponent,
                 notDeletable,
-    staticView,
+                showFilterName,
+                staticView,
               }: FilterConfigBaseParams = {}) {
 
     if (name) this.name = name;
@@ -65,6 +68,7 @@ export class FilterConfig implements BaseFilterConfig {
       this.valuePreviewComponent = valuePreviewComponent;
     this.notDeletable = !!notDeletable;
     if (staticView) this.staticView = staticView;
+    if(showFilterName) this.showFilterName = showFilterName;
   }
 }
 

package/src/modules/filters/modules/filterConfig/components/index.ts

@@ -83,9 +83,12 @@ import HasTranscriptionFilter from './has-transcription/has-transcription-filter
 import HasTranscriptionFilterPreview from './has-transcription/has-transcription-filter-value-preview.vue';
 import HasUserFilter from './has-user/has-user-filter-value-field.vue';
 import HasUserFilterPreview from './has-user/has-user-filter-value-preview.vue';
-import { searchMethod as queueSearchMethod } from './queue/config';
 import QueueFilter from './queue/queue-filter-value-field.vue';
 import QueueFilterPreview from './queue/queue-filter-value-preview.vue';
+import QueueTypeFilter from './queue-type/queue-type-filter-value-field.vue';
+import QueueTypeFilterPreview from './queue-type/queue-type-filter-value-preview.vue';
+import QueuePeriodFilter from './queue-period/queue-period-filter-value-field.vue';
+import QueuePeriodFilterPreview from './queue-period/queue-period-filter-value-preview.vue';
 import { searchMethod as ratedBySearchMethod } from './rated-by/config';
 import RatedByFilter from './rated-by/rated-by-filter-value-field.vue';
 import RatedByFilterPreview from './rated-by/rated-by-filter-value-preview.vue';
@@ -97,7 +100,6 @@ import TagFilter from './tag/tag-filter-value-field.vue';
 import TagFilterPreview from './tag/tag-filter-value-preview.vue';
 import TalkDurationFilter from './talk-duration/talk-duration-filter-value-field.vue';
 import TalkDurationFilterPreview from './talk-duration/talk-duration-filter-value-preview.vue';
-import { searchMethod as teamSearchMethod } from './team/config';
 import TeamFilter from './team/team-filter-value-field.vue';
 import TeamFilterPreview from './team/team-filter-value-preview.vue';
 import TotalDurationFilter from './total-duration/total-duration-filter-value-field.vue';
@@ -107,6 +109,8 @@ import UserFilter from './user/user-filter-value-field.vue';
 import UserFilterPreview from './user/user-filter-value-preview.vue';
 import VariableFilter from './variable/variable-filter-value-field.vue';
 import VariableFilterPreview from './variable/variable-filter-value-preview.vue';
+import { createTeamFilterConfig } from './team';
+import { createQueueFilterConfig } from './queue';
 
 export {
   AgentFilter,
@@ -170,6 +174,10 @@ export {
   HasUserFilterPreview,
   QueueFilter,
   QueueFilterPreview,
+  QueueTypeFilter,
+  QueueTypeFilterPreview,
+  QueuePeriodFilter,
+  QueuePeriodFilterPreview,
   RatedByFilter,
   RatedByFilterPreview,
   RatingFromToFilter,
@@ -203,6 +211,8 @@ export const FilterOptionToValueComponentMap: Record<
   [FilterOption.Grantee]: GranteeFilter,
   [FilterOption.HangupCause]: HangupCauseFilterValueField,
   [FilterOption.Queue]: QueueFilter,
+  [FilterOption.QueueType]: QueueTypeFilter,
+  [FilterOption.QueuePeriod]: QueuePeriodFilter,
   [FilterOption.RatedBy]: RatedByFilter,
   [FilterOption.HasFile]: HasFileFilter,
   [FilterOption.Score]: ScoreFilter,
@@ -248,6 +258,8 @@ export const FilterOptionToPreviewComponentMap: Record<
   [FilterOption.Grantee]: GranteeFilterPreview,
   [FilterOption.HangupCause]: HangupCauseFilterValuePreview,
   [FilterOption.Queue]: QueueFilterPreview,
+  [FilterOption.QueueType]: QueueTypeFilterPreview,
+  [FilterOption.QueuePeriod]: QueuePeriodFilterPreview,
   [FilterOption.RatedBy]: RatedByFilterPreview,
   [FilterOption.HasFile]: HasFileFilterPreview,
   [FilterOption.Score]: ScoreFilterPreview,
@@ -286,7 +298,6 @@ export const FilterOptionToPreviewApiSearchMethodMap: Record<
   [FilterOption.Agent]: agentSearchMethod,
   [FilterOption.Gateway]: gatewaySearchMethod,
   [FilterOption.Grantee]: granteeSearchMethod,
-  [FilterOption.Queue]: queueSearchMethod,
   [FilterOption.RatedBy]: ratedBySearchMethod,
   [FilterOption.CaseReporter]: caseReporterSearchMethod,
   [FilterOption.CaseSla]: caseSlaSearchMethod,
@@ -302,7 +313,6 @@ export const FilterOptionToPreviewApiSearchMethodMap: Record<
   [FilterOption.CasePriority]: casePrioritySearchMethod,
   [FilterOption.CaseImpacted]: caseImpactedSearchMethod,
   [FilterOption.Contact]: contactSearchMethod,
-  [FilterOption.Team]: teamSearchMethod,
   [FilterOption.CaseCloseReasonGroups]: ({ id: value, ...rest }) => {
     return caseCloseReasonsSearchMethod({
       parentId: value?.selection,
@@ -324,4 +334,6 @@ export const FilterOptionToFilterConfigCreatorMap = {
   [FilterOption.ContactLabel]: createContactLabelFilterConfig,
   [FilterOption.ContactOwner]: createContactOwnerFilterConfig,
   [FilterOption.ContactGroup]: createContactGroupFilterConfig,
+  [FilterOption.Team]: createTeamFilterConfig,
+  [FilterOption.Queue]: createQueueFilterConfig,
 };

package/src/modules/filters/modules/filterConfig/components/queue/index.ts

@@ -0,0 +1,21 @@
+import { QueuesAPI } from '@webitel/api-services/api';
+
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { FilterOption } from '../../enums/FilterOption';
+import QueueFilterValueField from './queue-filter-value-field.vue';
+import QueueFilterValuePreview from './queue-filter-value-preview.vue';
+
+class QueueFilterConfig extends WtSysTypeFilterConfig {
+  readonly name = FilterOption.Queue;
+  valueInputComponent = QueueFilterValueField;
+  valuePreviewComponent = QueueFilterValuePreview;
+
+  searchRecords(
+    params: object
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+    return QueuesAPI.getLookup(params);
+  }
+}
+
+export const createQueueFilterConfig = (params) =>
+  new QueueFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/queue/queue-filter-value-field.vue

@@ -1,10 +1,10 @@
 <template>
   <wt-select
     :close-on-select="false"
-    :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
+    :label="labelValue"
+    :search-method="props.filterConfig.searchRecords"
     :value="model"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     multiple
     use-value-from-options-by-prop="id"
     @input="handleInput"
@@ -15,13 +15,18 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtSelect } from '@webitel/ui-sdk/components';
-import { computed, watch } from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { searchMethod } from './config.js';
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+  filterConfig: WtSysTypeFilterConfig;
+  disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -29,6 +34,10 @@ const emit = defineEmits<{
 }>();
 const { t } = useI18n();
 
+const labelValue = computed(() =>
+  t(`webitelUI.filters.${props?.filterConfig?.showFilterName ?
+    props?.filterConfig.name : 'filterValue'}`))
+
 const v$ = useVuelidate(
   computed(() => ({
     model: {
@@ -40,6 +49,10 @@ const v$ = useVuelidate(
 );
 v$.value.$touch();
 
+onMounted(() => {
+  if (!props?.disableValidation) v$.value.$touch();
+});
+
 watch(
   () => v$.value.$invalid,
   (invalid) => {

package/src/modules/filters/modules/filterConfig/components/queue-period/queue-period-filter-value-field.vue

@@ -0,0 +1,67 @@
+<template>
+  <wt-select
+    :label="labelValue"
+    :options="options"
+    :value="model"
+    :v="!disableValidation && v$.model"
+    track-by="value"
+    option-label="label"
+    use-value-from-options-by-prop="value"
+    @input="model = $event"
+  />
+</template>
+
+<script lang="ts" setup>
+import { useVuelidate } from '@vuelidate/core';
+import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
+import { computed, onMounted, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { useQueuePeriodOptions } from '../../composables/useQueuePeriodOptions';
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+
+const model = defineModel<string>();
+const { t } = useI18n();
+
+const props = defineProps<{
+  filterConfig?: WtSysTypeFilterConfig,
+  disableValidation?: boolean;
+}>();
+
+const v$ = useVuelidate(
+  computed(() => ({
+    model: {
+      required,
+    },
+  })),
+  { model },
+  { $autoDirty: true },
+);
+
+v$.value.$touch();
+
+const emit = defineEmits<{
+  'update:invalid': [boolean];
+}>();
+
+const labelValue = computed(() =>
+  t(`webitelUI.filters.${props?.filterConfig?.showFilterName ?
+    props?.filterConfig.name : 'filterValue'}`));
+
+const { options } = useQueuePeriodOptions();
+
+onMounted(() => {
+  if (!props?.disableValidation) v$.value.$touch();
+});
+
+watch(
+  () => v$.value.$invalid,
+  (invalid) => {
+    emit('update:invalid', invalid);
+  },
+  { immediate: true },
+);
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/queue-period/queue-period-filter-value-preview.vue

@@ -0,0 +1,35 @@
+<template>
+  <ul>
+    <li
+      v-for="({ label }, index) of arrayValues"
+      :key="index"
+    >
+      {{ label }}
+    </li>
+  </ul>
+</template>
+
+<script lang="ts" setup>
+import { useQueuePeriodOptions } from '../../composables/useQueuePeriodOptions';
+import { computed } from 'vue';
+
+const props = defineProps<{
+  value: number[];
+}>();
+
+const { options } = useQueuePeriodOptions();
+
+const arrayLabels = computed(() =>
+  options.value.reduce((acc, { value, label }) => {
+    acc[value] = label;
+    return acc;
+  }, {})
+);
+
+const arrayValues = computed(() =>
+  props.value.map((v) => arrayLabels.value[v] || v)
+);
+
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/queue-type/queue-type-filter-value-field.vue

@@ -0,0 +1,67 @@
+<template>
+  <wt-select
+    :label="labelValue"
+    :options="options"
+    :value="model"
+    :v="!disableValidation && v$.model"
+    track-by="value"
+    option-label="label"
+    use-value-from-options-by-prop="value"
+    @input="model = $event"
+  />
+</template>
+
+<script lang="ts" setup>
+import { useVuelidate } from '@vuelidate/core';
+import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
+import { computed, onMounted, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { useQueueTypeOptions } from '../../composables/useQueueTypeOptions';
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+
+const model = defineModel<string>();
+const { t } = useI18n();
+
+const props = defineProps<{
+  filterConfig?: WtSysTypeFilterConfig;
+  disableValidation?: boolean;
+}>();
+
+const v$ = useVuelidate(
+  computed(() => ({
+    model: {
+      required,
+    },
+  })),
+  { model },
+  { $autoDirty: true },
+);
+
+v$.value.$touch();
+
+const emit = defineEmits<{
+  'update:invalid': [boolean];
+}>();
+
+const labelValue = computed(() =>
+  t(`webitelUI.filters.${props?.filterConfig?.showFilterName ?
+    props?.filterConfig.name : 'filterValue'}`));
+
+const { options } = useQueueTypeOptions();
+
+onMounted(() => {
+  if (!props?.disableValidation) v$.value.$touch();
+});
+
+watch(
+  () => v$.value.$invalid,
+  (invalid) => {
+    emit('update:invalid', invalid);
+  },
+  { immediate: true },
+);
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/queue-type/queue-type-filter-value-preview.vue

@@ -0,0 +1,34 @@
+<template>
+  <ul>
+    <li
+      v-for="({ label }, index) of arrayValues"
+      :key="index"
+    >
+      {{ label }}
+    </li>
+  </ul>
+</template>
+
+<script lang="ts" setup>
+import { useQueueTypeOptions } from '../../composables/useQueueTypeOptions';
+import { computed } from 'vue';
+
+const props = defineProps<{
+  value: number[];
+}>();
+
+const { options } = useQueueTypeOptions();
+
+const arrayLabels = computed(() =>
+  options.value.reduce((acc, { value, label }) => {
+    acc[value] = label;
+    return acc;
+  }, {})
+);
+
+const arrayValues = computed(() =>
+  props.value.map((v) => arrayLabels.value[v] || v)
+);
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/team/index.ts

@@ -0,0 +1,21 @@
+import TeamsAPI from '@webitel/ui-sdk/api/clients/teams/teams';
+
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { FilterOption } from '../../enums/FilterOption';
+import TeamFilterValueField from './team-filter-value-field.vue';
+import TeamFilterValuePreview from './team-filter-value-preview.vue';
+
+class TeamFilterConfig extends WtSysTypeFilterConfig {
+  readonly name = FilterOption.Team;
+  valueInputComponent = TeamFilterValueField;
+  valuePreviewComponent = TeamFilterValuePreview;
+
+  searchRecords(
+    params: object
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+    return TeamsAPI.getLookup(params);
+  }
+}
+
+export const createTeamFilterConfig = (params) =>
+  new TeamFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/team/team-filter-value-field.vue

@@ -1,10 +1,10 @@
 <template>
   <wt-select
     :close-on-select="false"
-    :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
+    :label="labelValue"
+    :search-method="props.filterConfig.searchRecords"
     :value="model"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     multiple
     use-value-from-options-by-prop="id"
     @input="handleInput"
@@ -15,10 +15,15 @@
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
 import { WtSelect } from '@webitel/ui-sdk/components';
-import { computed, watch } from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { searchMethod } from './config.js';
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+
+const props = defineProps<{
+  filterConfig: WtSysTypeFilterConfig;
+  disableValidation?: boolean;
+}>();
 
 type ModelValue = number[];
 
@@ -40,6 +45,14 @@ const v$ = useVuelidate(
 );
 v$.value.$touch();
 
+const labelValue = computed(() =>
+  t(`webitelUI.filters.${props?.filterConfig?.showFilterName ?
+    props?.filterConfig.name : 'filterValue'}`))
+
+onMounted(() => {
+  if (!props?.disableValidation) v$.value.$touch();
+});
+
 watch(
   () => v$.value.$invalid,
   (invalid) => {

package/src/modules/filters/modules/filterConfig/composables/useQueuePeriodOptions.ts

@@ -0,0 +1,45 @@
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+export function useQueuePeriodOptions() {
+  const { t } = useI18n();
+
+  const QueuePeriodOptions = {
+    today: 'today',
+    h6: '6hour',
+    h3: '3hour',
+    h1: '1hour',
+    m30: '30min',
+    m15: '15min',
+  }
+
+  const mapPeriodToLabel = (value: string) => {
+    switch (value) {
+      case QueuePeriodOptions.today:
+        return t('filters.period.options.today');
+      case QueuePeriodOptions.h6:
+        return t('filters.period.options.h', { h: 6 }, 2);
+      case QueuePeriodOptions.h3:
+        return t('filters.period.options.h', { h: 3 }, 2);
+      case QueuePeriodOptions.h1:
+        return t('filters.period.options.h', { h: 1 }, 1);
+      case QueuePeriodOptions.m30:
+        return t('filters.period.options.m', { m: 30 }, 2);
+      case QueuePeriodOptions.m15:
+        return t('filters.period.options.m', { m: 15 }, 2);
+      default:
+        return value;
+    }
+  };
+
+  const options = computed(() =>
+    Object.values(QueuePeriodOptions).map((value) => ({
+      value,
+      label: mapPeriodToLabel(value),
+    }))
+  );
+
+  return {
+    options,
+  };
+}

package/src/modules/filters/modules/filterConfig/composables/useQueueTypeOptions.ts

@@ -0,0 +1,22 @@
+import { QueueType } from '@webitel/ui-sdk/enums';
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+export function useQueueTypeOptions() {
+  const { t } = useI18n();
+
+  const mapQueueTypeToLabel = (value: string) =>
+    t(`objects.queue.type.${value}`);
+
+  const options = computed(() =>
+    Object.entries(QueueType)
+      .map(([key, value]) => ({
+        value,
+        label: mapQueueTypeToLabel(value),
+      }))
+  );
+
+  return {
+    options,
+  };
+}

package/src/modules/filters/modules/filterConfig/enums/FilterOption.ts

@@ -40,6 +40,8 @@ export const FilterOption = {
   CaseActualResolutionTime: 'actualResolutionTime',
   HasAttachment: 'hasAttachment',
   HasUser: 'hasUser',
+  QueueType: 'queueType',
+  QueuePeriod: 'queuePeriod'
 } as const;
 
 /**

package/types/modules/filters/modules/filterConfig/classes/FilterConfig.d.ts

@@ -13,6 +13,7 @@ export type FilterConfigBaseParams = {
     valueInputComponent?: Component;
     valuePreviewComponent?: Component;
     notDeletable?: boolean;
+    showFilterName: boolean;
 };
 export interface IWtSysTypeFilterConfig extends BaseFilterConfig {
     searchRecords: (params: FilterConfigSearchMethodParams) => Promise<{
@@ -44,7 +45,8 @@ export declare class FilterConfig implements BaseFilterConfig {
     label?: ReturnType<MessageResolver> | string;
     staticView?: boolean;
     notDeletable: boolean;
-    constructor({ name, valueInputComponent, valuePreviewComponent, notDeletable, staticView, }?: FilterConfigBaseParams);
+    showFilterName: boolean;
+    constructor({ name, valueInputComponent, valuePreviewComponent, notDeletable, showFilterName, staticView, }?: FilterConfigBaseParams);
 }
 /**
  * @author @dlohvinov

package/types/modules/filters/modules/filterConfig/components/index.d.ts

@@ -61,6 +61,10 @@ import HasUserFilter from './has-user/has-user-filter-value-field.vue';
 import HasUserFilterPreview from './has-user/has-user-filter-value-preview.vue';
 import QueueFilter from './queue/queue-filter-value-field.vue';
 import QueueFilterPreview from './queue/queue-filter-value-preview.vue';
+import QueueTypeFilter from './queue-type/queue-type-filter-value-field.vue';
+import QueueTypeFilterPreview from './queue-type/queue-type-filter-value-preview.vue';
+import QueuePeriodFilter from './queue-period/queue-period-filter-value-field.vue';
+import QueuePeriodFilterPreview from './queue-period/queue-period-filter-value-preview.vue';
 import RatedByFilter from './rated-by/rated-by-filter-value-field.vue';
 import RatedByFilterPreview from './rated-by/rated-by-filter-value-preview.vue';
 import RatingFromToFilter from './rating/rating-from-to-filter-value-field.vue';
@@ -79,7 +83,7 @@ import UserFilter from './user/user-filter-value-field.vue';
 import UserFilterPreview from './user/user-filter-value-preview.vue';
 import VariableFilter from './variable/variable-filter-value-field.vue';
 import VariableFilterPreview from './variable/variable-filter-value-preview.vue';
-export { AgentFilter, AgentFilterPreview, AmdResultFilter, AmdResultFilterPreview, CallDirectionFilterValueField, CallDirectionFilterValuePreview, CaseActualReactionTimeFilterValueField, CaseActualReactionTimeFilterValuePreview, CaseActualResolutionTimeFilterValueField, CaseActualResolutionTimeFilterValuePreview, CaseAuthorFilterValueField, CaseAuthorFilterValuePreview, CaseCloseReasonGroupsFilterValueField, CaseCloseReasonGroupsFilterValuePreview, CaseImpactedFilterValueField, CaseImpactedFilterValuePreview, CasePriorityFilterValueField, CasePriorityFilterValuePreview, CaseReactionTimeFilterValueField, CaseReactionTimeFilterValuePreview, CaseReporterFilterValueField, CaseReporterFilterValuePreview, CaseResolutionTimeFilterValueField, CaseResolutionTimeFilterValuePreview, CaseServiceFilterValueField, CaseServiceFilterValuePreview, CaseSlaConditionFilterValueField, CaseSlaConditionFilterValuePreview, CaseSlaFilterValueField, CaseSlaFilterValuePreview, CaseSourceFilterValueField, CaseSourceFilterValuePreview, CaseStatusFilterValueField, CaseStatusFilterValuePreview, ContactFilter, ContactFilterPreview, ContactGroupFilter, ContactGroupFilterPreview, ContactLabelFilter, ContactLabelFilterPreview, ContactOwnerFilter, ContactOwnerFilterPreview, DateTimeOptionsFilterValueField, GatewayFilter, GatewayFilterPreview, GranteeFilter, GranteeFilterPreview, HangupCauseFilterValueField, HangupCauseFilterValuePreview, HasAttachmentFilter, HasAttachmentFilterPreview, HasFileFilter, HasFileFilterPreview, HasRatingFilterValueField, HasRatingFilterValuePreview, HasTranscriptionFilter, HasTranscriptionFilterPreview, HasUserFilter, HasUserFilterPreview, QueueFilter, QueueFilterPreview, RatedByFilter, RatedByFilterPreview, RatingFromToFilter, RatingFromToFilterPreview, ScoreFilter, ScoreFilterPreview, TagFilter, TagFilterPreview, TalkDurationFilter, TalkDurationFilterPreview, TeamFilter, TeamFilterPreview, TotalDurationFilter, TotalDurationFilterPreview, UserFilter, UserFilterPreview, VariableFilter, VariableFilterPreview, };
+export { AgentFilter, AgentFilterPreview, AmdResultFilter, AmdResultFilterPreview, CallDirectionFilterValueField, CallDirectionFilterValuePreview, CaseActualReactionTimeFilterValueField, CaseActualReactionTimeFilterValuePreview, CaseActualResolutionTimeFilterValueField, CaseActualResolutionTimeFilterValuePreview, CaseAuthorFilterValueField, CaseAuthorFilterValuePreview, CaseCloseReasonGroupsFilterValueField, CaseCloseReasonGroupsFilterValuePreview, CaseImpactedFilterValueField, CaseImpactedFilterValuePreview, CasePriorityFilterValueField, CasePriorityFilterValuePreview, CaseReactionTimeFilterValueField, CaseReactionTimeFilterValuePreview, CaseReporterFilterValueField, CaseReporterFilterValuePreview, CaseResolutionTimeFilterValueField, CaseResolutionTimeFilterValuePreview, CaseServiceFilterValueField, CaseServiceFilterValuePreview, CaseSlaConditionFilterValueField, CaseSlaConditionFilterValuePreview, CaseSlaFilterValueField, CaseSlaFilterValuePreview, CaseSourceFilterValueField, CaseSourceFilterValuePreview, CaseStatusFilterValueField, CaseStatusFilterValuePreview, ContactFilter, ContactFilterPreview, ContactGroupFilter, ContactGroupFilterPreview, ContactLabelFilter, ContactLabelFilterPreview, ContactOwnerFilter, ContactOwnerFilterPreview, DateTimeOptionsFilterValueField, GatewayFilter, GatewayFilterPreview, GranteeFilter, GranteeFilterPreview, HangupCauseFilterValueField, HangupCauseFilterValuePreview, HasAttachmentFilter, HasAttachmentFilterPreview, HasFileFilter, HasFileFilterPreview, HasRatingFilterValueField, HasRatingFilterValuePreview, HasTranscriptionFilter, HasTranscriptionFilterPreview, HasUserFilter, HasUserFilterPreview, QueueFilter, QueueFilterPreview, QueueTypeFilter, QueueTypeFilterPreview, QueuePeriodFilter, QueuePeriodFilterPreview, RatedByFilter, RatedByFilterPreview, RatingFromToFilter, RatingFromToFilterPreview, ScoreFilter, ScoreFilterPreview, TagFilter, TagFilterPreview, TalkDurationFilter, TalkDurationFilterPreview, TeamFilter, TeamFilterPreview, TotalDurationFilter, TotalDurationFilterPreview, UserFilter, UserFilterPreview, VariableFilter, VariableFilterPreview, };
 export declare const FilterOptionToValueComponentMap: Record<FilterOptionName, Component>;
 export declare const FilterOptionToPreviewComponentMap: Record<FilterOptionName, Component>;
 export declare const FilterOptionToPreviewApiSearchMethodMap: Record<FilterOptionName, (unknown: any) => {
@@ -120,6 +124,7 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
         label?: ReturnType<FilterOptionName> | string;
         staticView?: boolean;
         notDeletable: boolean;
+        showFilterName: boolean;
     };
     contactOwner: (params: any) => {
         readonly name: "contactOwner";
@@ -150,6 +155,7 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
         label?: ReturnType<FilterOptionName> | string;
         staticView?: boolean;
         notDeletable: boolean;
+        showFilterName: boolean;
     };
     contactGroup: (params: any) => {
         readonly name: "contactGroup";
@@ -199,5 +205,72 @@ export declare const FilterOptionToFilterConfigCreatorMap: {
         label?: ReturnType<FilterOptionName> | string;
         staticView?: boolean;
         notDeletable: boolean;
+        showFilterName: boolean;
+    };
+    team: (params: any) => {
+        readonly name: "team";
+        valueInputComponent: import("vue").DefineComponent<{
+            filterConfig: import("..").WtSysTypeFilterConfig;
+            disableValidation?: boolean;
+        } & {
+            modelValue?: number[];
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: number[]) => any;
+            "update:invalid": (args_0: boolean) => any;
+        }, string, import("vue").PublicProps, Readonly<{
+            filterConfig: import("..").WtSysTypeFilterConfig;
+            disableValidation?: boolean;
+        } & {
+            modelValue?: number[];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: number[]) => any;
+            "onUpdate:invalid"?: (args_0: boolean) => any;
+        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        valuePreviewComponent: import("vue").DefineComponent<{
+            value: FilterOptionName[];
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+            value: FilterOptionName[];
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        searchRecords(params: object): Promise<{
+            items: unknown[];
+            next?: boolean;
+        }>;
+        label?: ReturnType<FilterOptionName> | string;
+        staticView?: boolean;
+        notDeletable: boolean;
+        showFilterName: boolean;
+    };
+    queue: (params: any) => {
+        readonly name: "queue";
+        valueInputComponent: import("vue").DefineComponent<{
+            filterConfig: import("..").WtSysTypeFilterConfig;
+            disableValidation?: boolean;
+        } & {
+            modelValue?: number[];
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: number[]) => any;
+            "update:invalid": (args_0: boolean) => any;
+        }, string, import("vue").PublicProps, Readonly<{
+            filterConfig: import("..").WtSysTypeFilterConfig;
+            disableValidation?: boolean;
+        } & {
+            modelValue?: number[];
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: number[]) => any;
+            "onUpdate:invalid"?: (args_0: boolean) => any;
+        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        valuePreviewComponent: import("vue").DefineComponent<{
+            value: FilterOptionName[];
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+            value: FilterOptionName[];
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        searchRecords(params: object): Promise<{
+            items: unknown[];
+            next?: boolean;
+        }>;
+        label?: ReturnType<FilterOptionName> | string;
+        staticView?: boolean;
+        notDeletable: boolean;
+        showFilterName: boolean;
     };
 };

package/types/modules/filters/modules/filterConfig/components/queue/index.d.ts

@@ -0,0 +1,32 @@
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+declare class QueueFilterConfig extends WtSysTypeFilterConfig {
+    readonly name: "queue";
+    valueInputComponent: import("vue").DefineComponent<{
+        filterConfig: WtSysTypeFilterConfig;
+        disableValidation?: boolean;
+    } & {
+        modelValue?: number[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: number[]) => any;
+        "update:invalid": (args_0: boolean) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        filterConfig: WtSysTypeFilterConfig;
+        disableValidation?: boolean;
+    } & {
+        modelValue?: number[];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: number[]) => any;
+        "onUpdate:invalid"?: (args_0: boolean) => any;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    valuePreviewComponent: import("vue").DefineComponent<{
+        value: EngineQueue[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        value: EngineQueue[];
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    searchRecords(params: object): Promise<{
+        items: unknown[];
+        next?: boolean;
+    }>;
+}
+export declare const createQueueFilterConfig: (params: any) => QueueFilterConfig;
+export {};

package/types/modules/filters/modules/filterConfig/components/queue/queue-filter-value-field.vue.d.ts

@@ -1,5 +1,10 @@
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
 type ModelValue = number[];
-type __VLS_PublicProps = {
+type __VLS_Props = {
+    filterConfig: WtSysTypeFilterConfig;
+    disableValidation?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -8,5 +13,5 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: (value: ModelValue) => any;
     "onUpdate:invalid"?: (args_0: boolean) => any;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/components/queue-period/queue-period-filter-value-field.vue.d.ts

@@ -0,0 +1,16 @@
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+type __VLS_Props = {
+    filterConfig?: WtSysTypeFilterConfig;
+    disableValidation?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/modules/filters/modules/filterConfig/components/queue-period/queue-period-filter-value-preview.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    value: number[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/modules/filters/modules/filterConfig/components/queue-type/queue-type-filter-value-field.vue.d.ts

@@ -0,0 +1,16 @@
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+type __VLS_Props = {
+    filterConfig?: WtSysTypeFilterConfig;
+    disableValidation?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:invalid": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/modules/filters/modules/filterConfig/components/queue-type/queue-type-filter-value-preview.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    value: number[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/modules/filters/modules/filterConfig/components/team/index.d.ts

@@ -0,0 +1,33 @@
+import TeamsAPI from '@webitel/ui-sdk/api/clients/teams/teams';
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+declare class TeamFilterConfig extends WtSysTypeFilterConfig {
+    readonly name: "team";
+    valueInputComponent: import("vue").DefineComponent<{
+        filterConfig: WtSysTypeFilterConfig;
+        disableValidation?: boolean;
+    } & {
+        modelValue?: number[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: number[]) => any;
+        "update:invalid": (args_0: boolean) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        filterConfig: WtSysTypeFilterConfig;
+        disableValidation?: boolean;
+    } & {
+        modelValue?: number[];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: number[]) => any;
+        "onUpdate:invalid"?: (args_0: boolean) => any;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    valuePreviewComponent: import("vue").DefineComponent<{
+        value: TeamsAPI[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        value: TeamsAPI[];
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    searchRecords(params: object): Promise<{
+        items: unknown[];
+        next?: boolean;
+    }>;
+}
+export declare const createTeamFilterConfig: (params: any) => TeamFilterConfig;
+export {};

package/types/modules/filters/modules/filterConfig/components/team/team-filter-value-field.vue.d.ts

@@ -1,5 +1,10 @@
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+type __VLS_Props = {
+    filterConfig: WtSysTypeFilterConfig;
+    disableValidation?: boolean;
+};
 type ModelValue = number[];
-type __VLS_PublicProps = {
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -8,5 +13,5 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: (value: ModelValue) => any;
     "onUpdate:invalid"?: (args_0: boolean) => any;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/modules/filters/modules/filterConfig/composables/useQueuePeriodOptions.d.ts

@@ -0,0 +1,6 @@
+export declare function useQueuePeriodOptions(): {
+    options: import("vue").ComputedRef<{
+        value: string;
+        label: any;
+    }[]>;
+};

package/types/modules/filters/modules/filterConfig/composables/useQueueTypeOptions.d.ts

@@ -0,0 +1,6 @@
+export declare function useQueueTypeOptions(): {
+    options: import("vue").ComputedRef<{
+        value: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8;
+        label: any;
+    }[]>;
+};

package/types/modules/filters/modules/filterConfig/enums/FilterOption.d.ts

@@ -40,6 +40,8 @@ export declare const FilterOption: {
     readonly CaseActualResolutionTime: "actualResolutionTime";
     readonly HasAttachment: "hasAttachment";
     readonly HasUser: "hasUser";
+    readonly QueueType: "queueType";
+    readonly QueuePeriod: "queuePeriod";
 };
 /**
  *

package/src/modules/filters/modules/filterConfig/components/queue/config.js

@@ -1,3 +0,0 @@
-import QueuesAPI from '@webitel/ui-sdk/api/clients/queues/queues';
-
-export const searchMethod = QueuesAPI.getLookup;

package/src/modules/filters/modules/filterConfig/components/team/config.js

@@ -1,3 +0,0 @@
-import TeamsAPI from '@webitel/ui-sdk/api/clients/teams/teams';
-
-export const searchMethod = TeamsAPI.getLookup;