@webitel/ui-datalist 1.0.19 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "build:types": "vue-tsc -p ./tsconfig.build.json",

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

@@ -33,9 +33,9 @@
                 <component
                   :is="filterConfig.valuePreviewComponent"
                   v-else
-                  :value="localValue"
                   :filter="props.filter"
                   :filter-config="filterConfig"
+                  :value="localValue"
                 />
               </slot>
             </template>
@@ -80,6 +80,7 @@ import {
 import DynamicFilterConfigForm from '../config/dynamic-filter-config-form.vue';
 import DynamicFilterConfigView from '../config/dynamic-filter-config-view.vue';
 import DynamicFilterPreviewInfo from './dynamic-filter-preview-info.vue';
+import { FilterOption } from '../../modules/filterConfig/enums/FilterOption';
 
 interface Props {
   filter: IFilter;
@@ -152,8 +153,8 @@ const deleteFilter = () => {
 <style lang="scss" scoped>
 .wt-chip {
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
   gap: var(--spacing-2xs);
 }
 

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

@@ -19,20 +19,22 @@
     </template>
 
     <template #actions>
-      <apply-preset-action
-        :filter-configs="filterConfigs"
-        :namespace="props.presetNamespace"
-        :use-presets-store="props.usePresetsStore"
-        @apply="emit('preset:apply', $event)"
-      />
+      <div v-if="enablePresets">
+        <apply-preset-action
+          :filter-configs="filterConfigs"
+          :namespace="props.presetNamespace"
+          :use-presets-store="props.usePresetsStore"
+          @apply="emit('preset:apply', $event)"
+        />
 
-      <save-preset-action
-        v-if="enablePresets"
-        :filter-configs="filterConfigs"
-        :filters-included="filtersIncluded"
-        :filters-manager="props.filtersManager"
-        :namespace="props.presetNamespace"
-      />
+        <save-preset-action
+          :filter-configs="filterConfigs"
+          :filters-included="filtersIncluded"
+          :filters-manager="props.filtersManager"
+          :namespace="props.presetNamespace"
+        />
+
+      </div>
 
       <wt-icon-action
         :disabled="!props.filtersManager.filters.size"

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

@@ -51,11 +51,12 @@ export class FilterConfig implements BaseFilterConfig {
   notDeletable: boolean;
 
   constructor({
-    name,
-    valueInputComponent,
-    valuePreviewComponent,
-    notDeletable,
-  }: FilterConfigBaseParams = {}) {
+                name,
+                valueInputComponent,
+                valuePreviewComponent,
+                notDeletable,
+              }: FilterConfigBaseParams = {}) {
+
     if (name) this.name = name;
     if (valueInputComponent) this.valueInputComponent = valueInputComponent;
     if (valuePreviewComponent)

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

@@ -1,5 +1,6 @@
 import { sysTypes } from '@webitel/ui-sdk/api/clients/index';
 import { WtTypeExtensionFieldKind } from '@webitel/ui-sdk/enums';
+import get from 'lodash/get';
 import { WebitelProtoDataField } from 'webitel-sdk';
 
 import { FilterConfig } from '../../classes/FilterConfig';
@@ -41,7 +42,7 @@ class TypeExtensionWtSysTypeFieldFilterConfig
   extends TypeExtensionFilterConfig
   implements IWtSysTypeFilterConfig
 {
-  searchRecords(
+  async searchRecords(
     { id: filterValue, ...rest },
     // {
     //   filterValue,
@@ -49,11 +50,32 @@ class TypeExtensionWtSysTypeFieldFilterConfig
     //   filterValue: unknown;
     // },
   ): Promise<{ items: unknown[]; next?: boolean }> {
-    return sysTypes.getLookup({
+    const { items, ...restResponse } = await sysTypes.getLookup({
       ...rest,
       ...this.field.lookup,
       id: filterValue,
     });
+
+    /**
+     * @author @dlohvinov
+     *
+     * [WTEL-6787](https://webitel.atlassian.net/browse/WTEL-6787)
+     *
+     * name from display is get here instead of wt-select props because it's
+     * much simplier than configuring wt-select, but still this code is still
+     * isolated enough.
+     *
+     * for instance, contacts:
+     * display=name.common_name
+     * objects=[{ name: { common_name: 'str' } }]
+     */
+    return {
+      items: items.map((item) => ({
+        ...item,
+        name: get(item, this.field.lookup.display),
+      })),
+      ...restResponse,
+    };
   }
 }
 

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

@@ -2,7 +2,7 @@
   <wt-select
     :close-on-select="false"
     :label="t('webitelUI.filters.filterValue')"
-    :search-method="searchMethod"
+    :search-method="props.filterConfig.searchRecords"
     :v="v$.model.list"
     :value="model?.list"
     multiple
@@ -11,6 +11,7 @@
     @input="model.list = $event"
   />
   <wt-checkbox
+    v-if="!props.filterConfig?.hideUnassigned"
     :label="t('reusable.showUnassigned')"
     :selected="model?.unassigned"
     :v="v$.model.unassigned"
@@ -25,9 +26,11 @@ import { WtSelect } from '@webitel/ui-sdk/components';
 import { WtCheckbox } from '@webitel/ui-sdk/components';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { IContactGroupFilterConfig } from './index';
 
-import { searchMethod } from './config.js';
-
+const props = defineProps<{
+  filterConfig: IContactGroupFilterConfig;
+}>();
 type ModelValue = {
   list: string[];
   unassigned: boolean;
@@ -54,7 +57,7 @@ const v$ = useVuelidate(
   computed(() => ({
     model: {
       list: { required: requiredIf(() => !model.value.unassigned) },
-      unassigned: { required: requiredIf(() => !model.value.list.length) },
+      unassigned: { required: requiredIf(() => props.filterConfig?.hideUnassigned && !model.value.list.length) },
     },
   })),
   { model },

package/src/modules/filters/modules/filterConfig/components/contact-group/index.ts

@@ -0,0 +1,42 @@
+import { contactGroups } from '@webitel/ui-sdk/api/clients/index';
+
+import { WtSysTypeFilterConfig, IWtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { FilterOption } from '../../enums/FilterOption';
+import ContactGroupFilterValueField from './contact-group-filter-value-field.vue';
+import ContactGroupFilterValuePreview from './contact-group-filter-value-preview.vue';
+
+class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
+  readonly name = FilterOption.ContactGroup;
+  valueInputComponent = ContactGroupFilterValueField;
+  valuePreviewComponent = ContactGroupFilterValuePreview;
+  hideUnassigned?: boolean;
+
+  constructor(params: { hideUnassigned?: boolean } = {}) {
+    super(params);
+    if ('hideUnassigned' in params) {
+      this.hideUnassigned = params.hideUnassigned;
+    }
+  }
+
+  searchRecords(
+    params: object,
+    { filterValue } = {},
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+    const id = params.id?.list?.length ? params.id?.list : (params.id || filterValue?.list);
+      // params.id?.list /* general logic from dynamic-filter-preview.vue*/
+      // params.id /* wt-select options loadings */
+      // filterValue?.list; /* newest and coolest, but not implemented on all filters 🥲 */
+
+    return contactGroups.getLookup({
+      ...params,
+      id,
+    });
+  }
+}
+
+export const createContactGroupFilterConfig = (params) =>
+  new ContactGroupFilterConfig(params);
+
+export interface IContactGroupFilterConfig extends IWtSysTypeFilterConfig {
+  hideUnassigned?: boolean;
+}

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

@@ -0,0 +1,58 @@
+<template>
+  <wt-tags-input
+    :label="t('webitelUI.filters.filterValue')"
+    :search-method="props.filterConfig.searchRecords"
+    :v="v$.model"
+    :value="model"
+    option-label="label"
+    track-by="label"
+    @input="handleInput"
+  />
+</template>
+
+<script lang="ts" setup>
+import { useVuelidate } from '@vuelidate/core';
+import { required } from '@vuelidate/validators';
+import { computed, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import {WtSysTypeFilterConfig} from "../../classes/FilterConfig";
+
+const props = defineProps<{
+  filterConfig: WtSysTypeFilterConfig;
+}>();
+
+type ModelValue = number[];
+
+const model = defineModel<ModelValue>();
+
+const emit = defineEmits<{
+  'update:invalid': [boolean];
+}>();
+const { t } = useI18n();
+
+const v$ = useVuelidate(
+  computed(() => ({
+    model: {
+      required,
+    },
+  })),
+  { model },
+  { $autoDirty: true },
+);
+v$.value.$touch();
+
+watch(
+  () => v$.value.$invalid,
+  (invalid) => {
+    emit('update:invalid', invalid);
+  },
+  { immediate: true },
+);
+
+const handleInput = (value: ModelValue) => {
+  model.value = value;
+};
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/contact-label/contact-label-filter-value-preview.vue

@@ -0,0 +1,22 @@
+<template>
+  <ul v-if="value">
+    <li
+      v-for="({ label }, index) of value"
+      :key="index"
+    >
+      {{ label }}
+    </li>
+  </ul>
+</template>
+
+<script lang="ts" setup>
+const props = defineProps<{
+  /**
+   * would be great to use generated type for this
+   * */
+  value: Record<string, unknown>[];
+}>();
+
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/contact-label/index.ts

@@ -0,0 +1,29 @@
+import { labels as contactLabels } from '@webitel/ui-sdk/api/clients/index';
+
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { FilterOption } from '../../enums/FilterOption';
+import ContactLabelFilterValueField from './contact-label-filter-value-field.vue';
+import ContactLabelFilterValuePreview from './contact-label-filter-value-preview.vue';
+
+class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
+  readonly name = FilterOption.ContactLabel;
+  valueInputComponent = ContactLabelFilterValueField;
+  valuePreviewComponent = ContactLabelFilterValuePreview;
+
+  searchRecords(
+    params: object,
+    { filterValue } = {},
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+
+  // @author @Lera24
+    // [WTEl-6410](https://webitel.atlassian.net/browse/WTEL-6410)
+  //   For label preview component no need to call the API, so we return filterValue back to the searchRecords method and display it
+
+    if (filterValue) return { items: filterValue }
+
+    return contactLabels.getLookup(params);
+  }
+}
+
+export const createContactLabelFilterConfig = (params) =>
+  new ContactLabelFilterConfig(params);

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

@@ -0,0 +1,60 @@
+<template>
+  <wt-select
+    :close-on-select="false"
+    :label="t('webitelUI.filters.filterValue')"
+    :search-method="props.filterConfig.searchRecords"
+    :v="v$.model"
+    :value="model"
+    multiple
+    use-value-from-options-by-prop="id"
+    @input="handleInput"
+  />
+</template>
+
+<script lang="ts" setup>
+import { useVuelidate } from '@vuelidate/core';
+import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
+import { computed, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import {WtSysTypeFilterConfig} from "../../classes/FilterConfig";
+
+const props = defineProps<{
+  filterConfig: WtSysTypeFilterConfig;
+}>();
+
+type ModelValue = number[];
+
+const model = defineModel<ModelValue>();
+
+const emit = defineEmits<{
+  'update:invalid': [boolean];
+}>();
+const { t } = useI18n();
+
+const v$ = useVuelidate(
+  computed(() => ({
+    model: {
+      required,
+    },
+  })),
+  { model },
+  { $autoDirty: true },
+);
+v$.value.$touch();
+
+watch(
+  () => v$.value.$invalid,
+  (invalid) => {
+    emit('update:invalid', invalid);
+  },
+  { immediate: true },
+);
+
+const handleInput = (value: ModelValue) => {
+  model.value = value;
+};
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/contact-owner/contact-owner-filter-value-preview.vue

@@ -0,0 +1,16 @@
+<template>
+  <lookup-filter-value-preview v-bind="props" />
+</template>
+
+<script lang="ts" setup>
+import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+
+const props = defineProps<{
+  /**
+   * would be great to use generated type for this
+   * */
+  value: Record<string, unknown>[];
+}>();
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/contact-owner/index.ts

@@ -0,0 +1,21 @@
+import { users as UsersAPI } from '@webitel/ui-sdk/api/clients/index';
+
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { FilterOption } from '../../enums/FilterOption';
+import ContactOwnerFilterValueField from './contact-owner-filter-value-field.vue';
+import ContactOwnerFilterValuePreview from './contact-owner-filter-value-preview.vue';
+
+class ContactOwnerFilterConfig extends WtSysTypeFilterConfig {
+  readonly name = FilterOption.ContactOwner;
+  valueInputComponent = ContactOwnerFilterValueField;
+  valuePreviewComponent = ContactOwnerFilterValuePreview;
+
+  searchRecords(
+    params: object
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+    return UsersAPI.getLookup(params);
+  }
+}
+
+export const createContactOwnerFilterConfig = (params) =>
+  new ContactOwnerFilterConfig(params);

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

@@ -0,0 +1,33 @@
+<template>
+  <has-option-filter-value-field
+    :model-value="model"
+    :v="v$.model"
+    @update:model-value="model = $event"
+  />
+</template>
+
+<script lang="ts" setup>
+import { watch } from 'vue';
+
+import { useBooleanFilterValueValidation } from '../../composables/booleanFilterToolkit';
+import HasOptionFilterValueField from '../_shared/has-options/has-option-filter-value-field.vue';
+import {BooleanFilterModelValue} from "../../enums/options/BooleanFilterOptions";
+
+const model = defineModel<BooleanFilterModelValue>();
+
+const { v$ } = useBooleanFilterValueValidation<BooleanFilterModelValue>(model);
+
+const emit = defineEmits<{
+  'update:invalid': [boolean];
+}>();
+
+watch(
+  () => v$.value.$invalid,
+  (invalid) => {
+    emit('update:invalid', invalid);
+  },
+  { immediate: true },
+);
+</script>
+
+<style scoped></style>

package/src/modules/filters/modules/filterConfig/components/has-user/has-user-filter-value-preview.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>{{ localeValue }}</div>
+</template>
+
+<script lang="ts" setup>
+import { usePrettifyBooleanValuePreview } from '../../composables/booleanFilterToolkit';
+
+const props = defineProps<{
+  value: boolean;
+}>();
+
+const { localeValue } = usePrettifyBooleanValuePreview(props.value);
+</script>
+
+<style scoped></style>

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

@@ -54,7 +54,6 @@ import { caseStatusConditionsSearchMethod } from './case-status/config';
 import { searchMethod as contactSearchMethod } from './contact/config';
 import ContactFilter from './contact/contact-filter-value-field.vue';
 import ContactFilterPreview from './contact/contact-filter-value-preview.vue';
-import { searchMethod as contactGroupSearchMethod } from './contact-group/config';
 import ContactGroupFilter from './contact-group/contact-group-filter-value-field.vue';
 import ContactGroupFilterPreview from './contact-group/contact-group-filter-value-preview.vue';
 import CreatedAtFilterValueField from './created-at/created-at-filter-value-field.vue';
@@ -75,6 +74,15 @@ import HasRatingFilterValueField from './has-rating/has-rating-filter-value-fiel
 import HasRatingFilterValuePreview from './has-rating/has-rating-filter-value-preview.vue';
 import HasTranscriptionFilter from './has-transcription/has-transcription-filter-value-field.vue';
 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 ContactLabelFilter from './contact-label/contact-label-filter-value-field.vue';
+import ContactLabelFilterPreview from './contact-label/contact-label-filter-value-preview.vue';
+import { createContactLabelFilterConfig } from './contact-label';
+import { createContactOwnerFilterConfig } from './contact-owner'
+import { createContactGroupFilterConfig } from './contact-group';
+import ContactOwnerFilter from "./contact-owner/contact-owner-filter-value-field.vue";
+import ContactOwnerFilterPreview from "./contact-owner/contact-owner-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';
@@ -154,6 +162,12 @@ export {
   HasRatingFilterValuePreview,
   HasTranscriptionFilter,
   HasTranscriptionFilterPreview,
+  HasUserFilter,
+  HasUserFilterPreview,
+  ContactLabelFilter,
+  ContactLabelFilterPreview,
+  ContactOwnerFilter,
+  ContactOwnerFilterPreview,
   QueueFilter,
   QueueFilterPreview,
   RatedByFilter,
@@ -197,6 +211,7 @@ export const FilterOptionToValueComponentMap: Record<
   [FilterOption.Team]: TeamFilter,
   [FilterOption.TotalDuration]: TotalDurationFilter,
   [FilterOption.HasTranscription]: HasTranscriptionFilter,
+  [FilterOption.HasUser]: HasUserFilter,
   [FilterOption.User]: UserFilter,
   [FilterOption.Variable]: VariableFilter,
   [FilterOption.CreatedAt]: CreatedAtFilterValueField,
@@ -206,7 +221,6 @@ export const FilterOptionToValueComponentMap: Record<
   [FilterOption.CaseAuthor]: CaseAuthorFilterValueField,
   [FilterOption.CaseReporter]: CaseReporterFilterValueField,
   [FilterOption.CaseImpacted]: CaseImpactedFilterValueField,
-  [FilterOption.ContactGroup]: ContactGroupFilter,
   [FilterOption.CasePriority]: CasePriorityFilterValueField,
   [FilterOption.CaseCloseReasonGroups]: CaseCloseReasonGroupsFilterValueField,
   [FilterOption.Rating]: RatingFromToFilter,
@@ -242,6 +256,7 @@ export const FilterOptionToPreviewComponentMap: Record<
   [FilterOption.Team]: TeamFilterPreview,
   [FilterOption.TotalDuration]: TotalDurationFilterPreview,
   [FilterOption.HasTranscription]: HasTranscriptionFilterPreview,
+  [FilterOption.HasUser]: HasUserFilterPreview,
   [FilterOption.User]: UserFilterPreview,
   [FilterOption.Variable]: VariableFilterPreview,
   [FilterOption.CaseStatus]: CaseStatusFilterValuePreview,
@@ -250,7 +265,6 @@ export const FilterOptionToPreviewComponentMap: Record<
   [FilterOption.CaseAuthor]: CaseAuthorFilterValuePreview,
   [FilterOption.CaseReporter]: CaseReporterFilterValuePreview,
   [FilterOption.CaseImpacted]: CaseImpactedFilterValuePreview,
-  [FilterOption.ContactGroup]: ContactGroupFilterPreview,
   [FilterOption.CasePriority]: CasePriorityFilterValuePreview,
   [FilterOption.CaseCloseReasonGroups]: CaseCloseReasonGroupsFilterValuePreview,
   [FilterOption.Rating]: RatingFromToFilterPreview,
@@ -284,12 +298,6 @@ export const FilterOptionToPreviewApiSearchMethodMap: Record<
       id: value?.conditions,
     }),
   [FilterOption.User]: userSearchMethod,
-  [FilterOption.ContactGroup]: ({ id: value }, ...rest) => {
-    return contactGroupSearchMethod({
-      id: value.list,
-      ...rest,
-    });
-  },
   [FilterOption.CaseAuthor]: caseAuthorSearchMethod,
   [FilterOption.CasePriority]: casePrioritySearchMethod,
   [FilterOption.CaseImpacted]: caseImpactedSearchMethod,
@@ -313,4 +321,7 @@ export const FilterOptionToPreviewApiSearchMethodMap: Record<
 
 export const FilterOptionToFilterConfigCreatorMap = {
   [FilterOption.CaseAssignee]: createCaseAssigneeFilterConfig,
+  [FilterOption.ContactLabel]: createContactLabelFilterConfig,
+  [FilterOption.ContactOwner]: createContactOwnerFilterConfig,
+  [FilterOption.ContactGroup]: createContactGroupFilterConfig,
 };

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

@@ -27,6 +27,8 @@ export const FilterOption = {
   CaseImpacted: 'impacted',
   CaseAssignee: 'assignee',
   ContactGroup: 'contactGroup',
+  ContactLabel: 'contactLabel',
+  ContactOwner: 'contactOwner',
   CasePriority: 'priority',
   CaseCloseReasonGroups: 'closeReasonGroups',
   Rating: 'rating',
@@ -37,6 +39,7 @@ export const FilterOption = {
   CaseActualReactionTime: 'actualReactionTime',
   CaseActualResolutionTime: 'actualResolutionTime',
   HasAttachment: 'hasAttachment',
+  HasUser: 'hasUser',
 } as const;
 
 /**

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

@@ -1,8 +1,12 @@
+import { IContactGroupFilterConfig } from './index';
+type __VLS_Props = {
+    filterConfig: IContactGroupFilterConfig;
+};
 type ModelValue = {
     list: string[];
     unassigned: boolean;
 };
-type __VLS_PublicProps = {
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: ModelValue;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -11,5 +15,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/contact-group/index.d.ts

@@ -0,0 +1,51 @@
+import { WtSysTypeFilterConfig, IWtSysTypeFilterConfig } from '../../classes/FilterConfig';
+declare class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
+    readonly name: "contactGroup";
+    valueInputComponent: import("vue").DefineComponent<{
+        filterConfig: IContactGroupFilterConfig;
+    } & {
+        modelValue?: {
+            list: string[];
+            unassigned: boolean;
+        };
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: {
+            list: string[];
+            unassigned: boolean;
+        }) => any;
+        "update:invalid": (args_0: boolean) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        filterConfig: IContactGroupFilterConfig;
+    } & {
+        modelValue?: {
+            list: string[];
+            unassigned: boolean;
+        };
+    }> & Readonly<{
+        "onUpdate:modelValue"?: (value: {
+            list: string[];
+            unassigned: boolean;
+        }) => any;
+        "onUpdate:invalid"?: (args_0: boolean) => any;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    valuePreviewComponent: import("vue").DefineComponent<{
+        value: import("webitel-sdk").WebitelContactsContact[];
+        filter: import("../../../..").IFilter;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        value: import("webitel-sdk").WebitelContactsContact[];
+        filter: import("../../../..").IFilter;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    hideUnassigned?: boolean;
+    constructor(params?: {
+        hideUnassigned?: boolean;
+    });
+    searchRecords(params: object, { filterValue }?: {}): Promise<{
+        items: unknown[];
+        next?: boolean;
+    }>;
+}
+export declare const createContactGroupFilterConfig: (params: any) => ContactGroupFilterConfig;
+export interface IContactGroupFilterConfig extends IWtSysTypeFilterConfig {
+    hideUnassigned?: boolean;
+}
+export {};

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

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

package/types/modules/filters/modules/filterConfig/components/contact-label/contact-label-filter-value-preview.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    /**
+     * would be great to use generated type for this
+     * */
+    value: Record<string, unknown>[];
+};
+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/contact-label/index.d.ts

@@ -0,0 +1,30 @@
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+declare class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
+    readonly name: "contactLabel";
+    valueInputComponent: import("vue").DefineComponent<{
+        filterConfig: WtSysTypeFilterConfig;
+    } & {
+        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;
+    } & {
+        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: Record<string, unknown>[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        value: Record<string, unknown>[];
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    searchRecords(params: object, { filterValue }?: {}): Promise<{
+        items: unknown[];
+        next?: boolean;
+    }>;
+}
+export declare const createContactLabelFilterConfig: (params: any) => ContactLabelFilterConfig;
+export {};

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

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

package/types/modules/filters/modules/filterConfig/components/contact-owner/contact-owner-filter-value-preview.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    /**
+     * would be great to use generated type for this
+     * */
+    value: Record<string, unknown>[];
+};
+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/contact-owner/index.d.ts

@@ -0,0 +1,30 @@
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+declare class ContactOwnerFilterConfig extends WtSysTypeFilterConfig {
+    readonly name: "contactOwner";
+    valueInputComponent: import("vue").DefineComponent<{
+        filterConfig: WtSysTypeFilterConfig;
+    } & {
+        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;
+    } & {
+        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: Record<string, unknown>[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        value: Record<string, unknown>[];
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    searchRecords(params: object): Promise<{
+        items: unknown[];
+        next?: boolean;
+    }>;
+}
+export declare const createContactOwnerFilterConfig: (params: any) => ContactOwnerFilterConfig;
+export {};

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

@@ -0,0 +1,12 @@
+import { BooleanFilterModelValue } from "../../enums/options/BooleanFilterOptions";
+type __VLS_PublicProps = {
+    modelValue?: BooleanFilterModelValue;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    "update:invalid": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/modules/filters/modules/filterConfig/components/has-user/has-user-filter-value-preview.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    value: boolean;
+};
+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/index.d.ts

@@ -53,6 +53,12 @@ import HasRatingFilterValueField from './has-rating/has-rating-filter-value-fiel
 import HasRatingFilterValuePreview from './has-rating/has-rating-filter-value-preview.vue';
 import HasTranscriptionFilter from './has-transcription/has-transcription-filter-value-field.vue';
 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 ContactLabelFilter from './contact-label/contact-label-filter-value-field.vue';
+import ContactLabelFilterPreview from './contact-label/contact-label-filter-value-preview.vue';
+import ContactOwnerFilter from "./contact-owner/contact-owner-filter-value-field.vue";
+import ContactOwnerFilterPreview from "./contact-owner/contact-owner-filter-value-preview.vue";
 import QueueFilter from './queue/queue-filter-value-field.vue';
 import QueueFilterPreview from './queue/queue-filter-value-preview.vue';
 import RatedByFilter from './rated-by/rated-by-filter-value-field.vue';
@@ -73,7 +79,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, CreatedAtFilterValueField, GatewayFilter, GatewayFilterPreview, GranteeFilter, GranteeFilterPreview, HangupCauseFilterValueField, HangupCauseFilterValuePreview, HasAttachmentFilter, HasAttachmentFilterPreview, HasFileFilter, HasFileFilterPreview, HasRatingFilterValueField, HasRatingFilterValuePreview, HasTranscriptionFilter, HasTranscriptionFilterPreview, 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, CreatedAtFilterValueField, GatewayFilter, GatewayFilterPreview, GranteeFilter, GranteeFilterPreview, HangupCauseFilterValueField, HangupCauseFilterValuePreview, HasAttachmentFilter, HasAttachmentFilterPreview, HasFileFilter, HasFileFilterPreview, HasRatingFilterValueField, HasRatingFilterValuePreview, HasTranscriptionFilter, HasTranscriptionFilterPreview, HasUserFilter, HasUserFilterPreview, ContactLabelFilter, ContactLabelFilterPreview, ContactOwnerFilter, ContactOwnerFilterPreview, QueueFilter, QueueFilterPreview, 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) => {
@@ -81,4 +87,106 @@ export declare const FilterOptionToPreviewApiSearchMethodMap: Record<FilterOptio
 }>;
 export declare const FilterOptionToFilterConfigCreatorMap: {
     assignee: (params: any) => import("./case-assignee").CaseAssigneeFilterConfig;
+    contactLabel: (params: any) => {
+        readonly name: "contactLabel";
+        valueInputComponent: import("vue").DefineComponent<{
+            filterConfig: import("..").WtSysTypeFilterConfig;
+        } & {
+            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;
+        } & {
+            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: Record<string, unknown>[];
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+            value: Record<string, unknown>[];
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        searchRecords(params: object, { filterValue }?: {}): Promise<{
+            items: unknown[];
+            next?: boolean;
+        }>;
+        label?: ReturnType<import("vue-i18n").MessageResolver> | string;
+        notDeletable: boolean;
+    };
+    contactOwner: (params: any) => {
+        readonly name: "contactOwner";
+        valueInputComponent: import("vue").DefineComponent<{
+            filterConfig: import("..").WtSysTypeFilterConfig;
+        } & {
+            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;
+        } & {
+            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: Record<string, unknown>[];
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+            value: Record<string, unknown>[];
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        searchRecords(params: object): Promise<{
+            items: unknown[];
+            next?: boolean;
+        }>;
+        label?: ReturnType<import("vue-i18n").MessageResolver> | string;
+        notDeletable: boolean;
+    };
+    contactGroup: (params: any) => {
+        readonly name: "contactGroup";
+        valueInputComponent: import("vue").DefineComponent<{
+            filterConfig: import("./contact-group").IContactGroupFilterConfig;
+        } & {
+            modelValue?: {
+                list: string[];
+                unassigned: boolean;
+            };
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: {
+                list: string[];
+                unassigned: boolean;
+            }) => any;
+            "update:invalid": (args_0: boolean) => any;
+        }, string, import("vue").PublicProps, Readonly<{
+            filterConfig: import("./contact-group").IContactGroupFilterConfig;
+        } & {
+            modelValue?: {
+                list: string[];
+                unassigned: boolean;
+            };
+        }> & Readonly<{
+            "onUpdate:modelValue"?: (value: {
+                list: string[];
+                unassigned: boolean;
+            }) => any;
+            "onUpdate:invalid"?: (args_0: boolean) => any;
+        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        valuePreviewComponent: import("vue").DefineComponent<{
+            value: import("webitel-sdk").WebitelContactsContact[];
+            filter: import("../../..").IFilter;
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+            value: import("webitel-sdk").WebitelContactsContact[];
+            filter: import("../../..").IFilter;
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        hideUnassigned?: boolean;
+        searchRecords(params: object, { filterValue }?: {}): Promise<{
+            items: unknown[];
+            next?: boolean;
+        }>;
+        label?: ReturnType<import("vue-i18n").MessageResolver> | string;
+        notDeletable: boolean;
+    };
 };

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

@@ -27,6 +27,8 @@ export declare const FilterOption: {
     readonly CaseImpacted: "impacted";
     readonly CaseAssignee: "assignee";
     readonly ContactGroup: "contactGroup";
+    readonly ContactLabel: "contactLabel";
+    readonly ContactOwner: "contactOwner";
     readonly CasePriority: "priority";
     readonly CaseCloseReasonGroups: "closeReasonGroups";
     readonly Rating: "rating";
@@ -37,6 +39,7 @@ export declare const FilterOption: {
     readonly CaseActualReactionTime: "actualReactionTime";
     readonly CaseActualResolutionTime: "actualResolutionTime";
     readonly HasAttachment: "hasAttachment";
+    readonly HasUser: "hasUser";
 };
 /**
  *

package/src/modules/filters/modules/filterConfig/components/contact-group/config.js

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