@webitel/ui-datalist 1.0.9 → 1.0.12

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

@@ -0,0 +1,61 @@
+<template>
+  <wt-type-extension-value-input
+    v-bind="attrs"
+    v-model:model-value="model"
+    :field="props.filterConfig.field"
+  >
+    <template #[ExtensionFieldType.Select]="{ defaultProps }">
+      <wt-select
+        v-bind="defaultProps"
+        :value="model ?? [] /* so that component won't break when model is nullish at init */"
+        :search-method="(...params) => props.filterConfig.searchRecords(...params)"
+        use-value-from-options-by-prop="id"
+        @input="model = $event"
+      />
+    </template>
+  </wt-type-extension-value-input>
+</template>
+
+<script setup lang="ts">
+import {useVuelidate} from "@vuelidate/core";
+import {required} from "@vuelidate/validators";
+import { WtSelect, WtTypeExtensionValueInput } from '@webitel/ui-sdk/components';
+import { WtTypeExtensionFieldKind } from '@webitel/ui-sdk/enums'; // DO NOT REMOVE THIS IMPORT!! : Webstorm lies you, import is used for dynamic slot computation
+import {computed, useAttrs, watch} from "vue";
+
+import {ITypeExtensionFilterConfig} from "./index";
+
+const model = defineModel<unknown>();
+
+const props = defineProps<{
+  filterConfig: ITypeExtensionFilterConfig;
+}>();
+
+const emit = defineEmits<{
+  'update:invalid': [boolean];
+}>();
+
+const attrs = useAttrs();
+
+const v$ = useVuelidate(
+  computed(() => ({
+    model: {
+      required,
+    },
+  })),
+  { model },
+  { $autoDirty: true },
+);
+
+watch(
+  () => v$.value.$invalid,
+  (invalid) => {
+    emit('update:invalid', invalid);
+  },
+  { immediate: true },
+);
+</script>
+
+<style scoped>
+
+</style>

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

@@ -0,0 +1,18 @@
+<template>
+  <div class="type-extension-filter-value-preview">
+213
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({});
+
+const emit = defineEmits([]);
+
+</script>
+
+<style scoped lang="scss">
+.type-extension-filter-value-preview {
+
+}
+</style>

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/_shared/has-options/has-option-filter-value-field.vue

@@ -17,7 +17,7 @@ import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, useAttrs } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { BooleanOptions } from '../../../../enums/boolean-options';
+import { BooleanOptions } from '../../../enums/options/BooleanFilterOptions';
 
 const model = defineModel<boolean | null>();
 

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/amd-result/amd-result-filter-value-field.vue

@@ -19,7 +19,7 @@ import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { AmdResultOptions } from '../../../enums/amd-result-options';
+import { AmdResultOptions } from '../../enums/options/AMDResultOptions';
 
 const model = defineModel<string>();
 const { t } = useI18n();

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/call-direction/call-direction-filter-value-field.vue

@@ -2,7 +2,7 @@
   <wt-select
     :clearable="false"
     :label="t('webitelUI.filters.filterValue')"
-    :options="DirectionOptions"
+    :options="CallDirectionFilterOptions"
     :value="model"
     :v="v$.model"
     track-by="value"
@@ -18,7 +18,7 @@ import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { DirectionOptions } from '../../../enums/direction-options';
+import { CallDirectionFilterOptions } from '../../enums/options/CallDirectionFilterOptions';
 
 const model = defineModel<string>();
 const { t } = useI18n();

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/case-assignee/case-assignee-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
@@ -25,7 +25,7 @@ import { WtCheckbox, WtSelect } from '@webitel/ui-sdk/components';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { searchMethod } from './config.js';
+import {WtSysTypeFilterConfig} from "../../classes/FilterConfig";
 
 type ModelValue = {
   list: string[];
@@ -34,9 +34,14 @@ type ModelValue = {
 
 const model = defineModel<ModelValue>();
 
+const props = defineProps<{
+  filterConfig: WtSysTypeFilterConfig;
+}>();
+
 const emit = defineEmits<{
   'update:invalid': [boolean];
 }>();
+
 const { t } = useI18n();
 
 const initModel = () => {

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/case-assignee/case-assignee-filter-value-preview.vue

@@ -7,8 +7,8 @@ import {computed} from "vue";
 import { useI18n } from 'vue-i18n';
 import { WebitelContactsContact } from 'webitel-sdk';
 
-import {IFilter} from "../../../types/Filter";
 import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+import {IFilter} from "../../../../classes/Filter";
 
 const props = defineProps<{
   value: WebitelContactsContact[];

package/src/modules/filters/modules/filterConfig/components/case-assignee/index.ts

@@ -0,0 +1,30 @@
+import { contacts as ContactsAPI } from '@webitel/ui-sdk/api/clients/index';
+
+import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import { FilterOption } from '../../enums/FilterOption';
+import CaseAssigneeFilterValueField from './case-assignee-filter-value-field.vue';
+import CaseAssigneeFilterValuePreview from './case-assignee-filter-value-preview.vue';
+
+class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
+  readonly name = FilterOption.CaseAssignee;
+  valueInputComponent = CaseAssigneeFilterValueField;
+  valuePreviewComponent = CaseAssigneeFilterValuePreview;
+
+  searchRecords(
+    params: object,
+    { filterValue } = {},
+  ): Promise<{ items: unknown[]; next?: boolean }> {
+    const id =
+      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 ContactsAPI.getLookup({
+      ...params,
+      id,
+    });
+  }
+}
+
+export const createCaseAssigneeFilterConfig = () =>
+  new CaseAssigneeFilterConfig();

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/contact-group/contact-group-filter-value-preview.vue

@@ -7,8 +7,8 @@ import {computed} from "vue";
 import { useI18n } from 'vue-i18n';
 import { WebitelContactsContact } from 'webitel-sdk';
 
-import {IFilter} from "../../../types/Filter";
 import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
+import {IFilter} from "../../../../classes/Filter";
 
 const props = defineProps<{
   value: WebitelContactsContact[];

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/hangup-cause/hangup-cause-filter-value-field.vue

@@ -19,7 +19,7 @@ import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { HangupCauseOptions } from '../../../enums/hangup-cause-options';
+import { HangupCauseOptions } from '../../enums/options/HangupCauseFilterOptions';
 
 const model = defineModel<string>();
 const { t } = useI18n();

package/src/modules/filters/modules/filterConfig/components/has-attachment/has-attachment-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/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/has-file/has-file-filter-value-field.vue

@@ -9,9 +9,10 @@
 <script lang="ts" setup>
 import { watch } from 'vue';
 
-import { useBooleanFilterValueValidation } from '../_shared/composables/booleanFilterToolkit';
+import { useBooleanFilterValueValidation } from '../../composables/booleanFilterToolkit';
 import HasOptionFilterValueField from '../_shared/has-options/has-option-filter-value-field.vue';
-import { BooleanFilterModelValue } from '../_shared/types/BooleanFilter';
+
+import {BooleanFilterModelValue} from "../../enums/options/BooleanFilterOptions";
 
 const model = defineModel<BooleanFilterModelValue>();
 

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/has-file/has-file-filter-value-preview.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { usePrettifyBooleanValuePreview } from '../_shared/composables/booleanFilterToolkit';
+import { usePrettifyBooleanValuePreview } from '../../composables/booleanFilterToolkit';
 
 const props = defineProps<{
   value: boolean;

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/has-rating/has-rating-filter-value-field.vue

@@ -9,9 +9,10 @@
 <script lang="ts" setup>
 import { watch } from 'vue';
 
-import { useBooleanFilterValueValidation } from '../_shared/composables/booleanFilterToolkit';
+import { useBooleanFilterValueValidation } from '../../composables/booleanFilterToolkit';
 import HasOptionFilterValueField from '../_shared/has-options/has-option-filter-value-field.vue';
-import { BooleanFilterModelValue } from '../_shared/types/BooleanFilter';
+
+import {BooleanFilterModelValue} from "../../enums/options/BooleanFilterOptions";
 
 const model = defineModel<BooleanFilterModelValue>();
 

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/has-rating/has-rating-filter-value-preview.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { usePrettifyBooleanValuePreview } from '../_shared/composables/booleanFilterToolkit';
+import { usePrettifyBooleanValuePreview } from '../../composables/booleanFilterToolkit';
 
 const props = defineProps<{
   value: boolean;

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/has-transcription/has-transcription-filter-value-field.vue

@@ -9,9 +9,10 @@
 <script lang="ts" setup>
 import { watch } from 'vue';
 
-import { useBooleanFilterValueValidation } from '../_shared/composables/booleanFilterToolkit';
+import { useBooleanFilterValueValidation } from '../../composables/booleanFilterToolkit';
 import HasOptionFilterValueField from '../_shared/has-options/has-option-filter-value-field.vue';
-import { BooleanFilterModelValue } from '../_shared/types/BooleanFilter';
+
+import {BooleanFilterModelValue} from "../../enums/options/BooleanFilterOptions";
 
 const model = defineModel<BooleanFilterModelValue>();
 

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/has-transcription/has-transcription-filter-value-preview.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { usePrettifyBooleanValuePreview } from '../_shared/composables/booleanFilterToolkit';
+import { usePrettifyBooleanValuePreview } from '../../composables/booleanFilterToolkit';
 
 const props = defineProps<{
   value: boolean;

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/index.ts

@@ -1,6 +1,10 @@
 import type { Component } from 'vue';
 
-import { FilterOption, FilterOptionName } from '../../enums/FilterOption';
+import {
+  CustomFilterOption,
+  FilterOption,
+  FilterOptionName,
+} from '../enums/FilterOption';
 import AgentFilter from './agent/agent-filter-value-field.vue';
 import AgentFilterPreview from './agent/agent-filter-value-preview.vue';
 import { searchMethod as agentSearchMethod } from './agent/config';
@@ -12,9 +16,7 @@ import CaseActualReactionTimeFilterValueField from './case-actual-reaction-time/
 import CaseActualReactionTimeFilterValuePreview from './case-actual-reaction-time/case-actual-reaction-time-filter-value-preview.vue';
 import CaseActualResolutionTimeFilterValueField from './case-actual-resolution-time/case-actual-resolution-time-filter-value-field.vue';
 import CaseActualResolutionTimeFilterValuePreview from './case-actual-resolution-time/case-actual-resolution-time-filter-value-preview.vue';
-import CaseAssigneeFilterValueField from './case-assignee/case-assignee-filter-value-field.vue';
-import CaseAssigneeFilterValuePreview from './case-assignee/case-assignee-filter-value-preview.vue';
-import { searchMethod as caseAssigneeSearchMethod } from './case-assignee/config';
+import { createCaseAssigneeFilterConfig } from './case-assignee';
 import CaseAuthorFilterValueField from './case-author/case-author-filter-value-field.vue';
 import CaseAuthorFilterValuePreview from './case-author/case-author-filter-value-preview.vue';
 import { searchMethod as caseAuthorSearchMethod } from './case-author/config';
@@ -113,8 +115,6 @@ export {
   CaseActualReactionTimeFilterValuePreview,
   CaseActualResolutionTimeFilterValueField,
   CaseActualResolutionTimeFilterValuePreview,
-  CaseAssigneeFilterValueField,
-  CaseAssigneeFilterValuePreview,
   CaseAuthorFilterValueField,
   CaseAuthorFilterValuePreview,
   CaseCloseReasonGroupsFilterValueField,
@@ -216,7 +216,6 @@ export const FilterOptionToValueComponentMap: Record<
   [FilterOption.CaseAuthor]: CaseAuthorFilterValueField,
   [FilterOption.CaseReporter]: CaseReporterFilterValueField,
   [FilterOption.CaseImpacted]: CaseImpactedFilterValueField,
-  [FilterOption.CaseAssignee]: CaseAssigneeFilterValueField,
   [FilterOption.ContactGroup]: ContactGroupFilter,
   [FilterOption.CasePriority]: CasePriorityFilterValueField,
   [FilterOption.CaseCloseReasonGroups]: CaseCloseReasonGroupsFilterValueField,
@@ -263,7 +262,6 @@ export const FilterOptionToPreviewComponentMap: Record<
   [FilterOption.CaseAuthor]: CaseAuthorFilterValuePreview,
   [FilterOption.CaseReporter]: CaseReporterFilterValuePreview,
   [FilterOption.CaseImpacted]: CaseImpactedFilterValuePreview,
-  [FilterOption.CaseAssignee]: CaseAssigneeFilterValuePreview,
   [FilterOption.ContactGroup]: ContactGroupFilterPreview,
   [FilterOption.CasePriority]: CasePriorityFilterValuePreview,
   [FilterOption.CaseCloseReasonGroups]: CaseCloseReasonGroupsFilterValuePreview,
@@ -304,12 +302,6 @@ export const FilterOptionToPreviewApiSearchMethodMap: Record<
       ...rest,
     });
   },
-  [FilterOption.CaseAssignee]: ({ id: value }, ...rest) => {
-    return caseAssigneeSearchMethod({
-      id: value.list,
-      ...rest,
-    });
-  },
   [FilterOption.CaseAuthor]: caseAuthorSearchMethod,
   [FilterOption.CasePriority]: casePrioritySearchMethod,
   [FilterOption.CaseImpacted]: caseImpactedSearchMethod,
@@ -330,3 +322,7 @@ export const FilterOptionToPreviewApiSearchMethodMap: Record<
     });
   },
 };
+
+export const FilterOptionToFilterConfigCreatorMap = {
+  [FilterOption.CaseAssignee]: createCaseAssigneeFilterConfig,
+};

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/tag/tag-filter-value-field.vue

@@ -2,7 +2,7 @@
   <wt-select
     :clearable="false"
     :label="t('webitelUI.filters.filterValue')"
-    :options="TagOptions"
+    :options="CallHistoryTagFilterOptions"
     :value="model"
     :v="v$.model"
     multiple
@@ -19,7 +19,7 @@ import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { TagOptions } from '../../../enums/tag-options';
+import { CallHistoryTagFilterOptions } from '../../enums/options/CallHistoryTagFilterOptions';
 
 const model = defineModel<string>();
 const { t } = useI18n();

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/tag/tag-filter-value-preview.vue

@@ -13,7 +13,7 @@
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { TagOptions } from '../../../enums/tag-options';
+import { CallHistoryTagFilterOptions } from '../../enums/options/CallHistoryTagFilterOptions';
 
 const props = defineProps<{
   value: string[];
@@ -22,7 +22,7 @@ const props = defineProps<{
 const { t } = useI18n();
 
 const tags = computed(() => {
-  const tagLocaleMap = TagOptions.reduce((acc, option) => {
+  const tagLocaleMap = CallHistoryTagFilterOptions.reduce((acc, option) => {
     return {
       ...acc,
       [option.value]: option.locale,

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/talk-duration/talk-duration-filter-value-preview.vue

@@ -21,7 +21,7 @@
 <script lang="ts" setup>
 import { useI18n } from 'vue-i18n';
 
-import { useFromToSecToPreviewTime } from '../_shared/composables/useFromToSecToPreviewTime';
+import { useFromToSecToPreviewTime } from '../../composables/useFromToSecToPreviewTime';
 import type { TalkDurationFilterModelValue } from './TalkDurationFilter.d.ts';
 
 const props = defineProps<{

package/src/{filters/components/filter-options → modules/filters/modules/filterConfig/components}/total-duration/total-duration-filter-value-preview.vue

@@ -21,7 +21,7 @@
 <script lang="ts" setup>
 import { useI18n } from 'vue-i18n';
 
-import { useFromToSecToPreviewTime } from '../_shared/composables/useFromToSecToPreviewTime';
+import { useFromToSecToPreviewTime } from '../../composables/useFromToSecToPreviewTime';
 import type { TalkDurationFilterModelValue } from '../talk-duration/TalkDurationFilter';
 
 const props = defineProps<{

package/src/{filters/components/filter-options/_shared → modules/filters/modules/filterConfig}/composables/booleanFilterToolkit.ts

@@ -2,7 +2,8 @@ import { useVuelidate } from '@vuelidate/core';
 import { computed, ModelRef, type Reactive, type Ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { BooleanFilterModelValue } from '../types/BooleanFilter';
+
+import {BooleanFilterModelValue} from "../enums/options/BooleanFilterOptions";
 
 export const usePrettifyBooleanValuePreview = (
   value: Reactive<boolean>,

package/src/{filters → modules/filters/modules/filterConfig}/enums/FilterOption.ts

@@ -1,5 +1,3 @@
-import type { FilterName } from '../types/Filter';
-
 export const FilterOption = {
   Agent: 'agent',
   AmdResult: 'amdResult',
@@ -41,13 +39,15 @@ export const FilterOption = {
   CaseActualReactionTime: 'actualReactionTime',
   CaseActualResolutionTime: 'actualResolutionTime',
   HasAttachment: 'hasAttachment',
-} as const satisfies FilterName;
-
-export type FilterOptionName = (typeof FilterOption)[keyof typeof FilterOption];
+} as const;
 
-type ExtendedFilterOption = {
-  name: FilterOption;
-  notDeletable?: boolean;
-};
+/**
+ *
+ * @description
+ * any custom lookup fields or type extensions
+ */
+export type CustomFilterOption = string;
 
-export type FilterOption = FilterOptionName | ExtendedFilterOption;
+export type FilterOption =
+  | (typeof FilterOption)[keyof typeof FilterOption]
+  | CustomFilterOption;

package/src/{filters/enums/amd-result-options.ts → modules/filters/modules/filterConfig/enums/options/AMDResultOptions.ts}

@@ -1,4 +1,4 @@
-import { FilterInitParams } from '../types/Filter';
+import {FilterInitParams} from "../../../../classes/Filter";
 
 /**
  * AMD Result to filter

package/src/{filters/enums/boolean-options.ts → modules/filters/modules/filterConfig/enums/options/BooleanFilterOptions.ts}

@@ -2,7 +2,7 @@
 values are strings instead of booleans because restoration from url query
 returns string for any type of value [DEV-3924]
  */
-import { FilterEnumOption } from '../types/Filter';
+import { FilterEnumOption } from '../../../../classes/Filter';
 
 export const BooleanOptions: Array<FilterEnumOption> = [
   {
@@ -14,3 +14,4 @@ export const BooleanOptions: Array<FilterEnumOption> = [
     value: 'false',
   },
 ] as const;
+export type BooleanFilterModelValue = boolean;

package/src/{filters/enums/direction-options.ts → modules/filters/modules/filterConfig/enums/options/CallDirectionFilterOptions.ts}

@@ -8,7 +8,7 @@ export type DirectionOption = {
   value: CallDirectionType;
 };
 
-export const DirectionOptions: readonly DirectionOption[] = [
+export const CallDirectionFilterOptions: readonly DirectionOption[] = [
   {
     locale: [`calls.direction.${CallDirection.Inbound}`, 2],
     value: CallDirection.Inbound,

package/src/modules/filters/modules/filterConfig/enums/options/CallHistoryTagFilterOptions.ts

@@ -0,0 +1,8 @@
+import {FilterEnumOption} from "../../../../classes/Filter";
+
+export const CallHistoryTagFilterOptions: Array<FilterEnumOption> = [
+  {
+    locale: 'filters.tag.options.vm',
+    value: 'vm',
+  },
+] as const;

package/src/{filters/enums/hangup-cause-options.ts → modules/filters/modules/filterConfig/enums/options/HangupCauseFilterOptions.ts}

@@ -1,4 +1,4 @@
-import { FilterInitParams } from '../types/Filter';
+import {FilterInitParams} from "../../../../classes/Filter";
 
 /**
  * Hangup causes to filter

package/src/{filters → modules/filters}/scripts/utils.ts

@@ -1,4 +1,4 @@
-import type { FilterName } from '../types/Filter';
+import {FilterName} from "../classes/Filter";
 
 export const filterLabelToSnapshotKey = (name: FilterName): string =>
   `${name}_lbl`;

package/src/filters/classes/Filter.ts

@@ -1,30 +0,0 @@
-import type {
-  FilterConfig,
-  FilterInitParams,
-  FilterLabel,
-  FilterName,
-  FilterValue,
-  IFilter,
-} from '../types/Filter';
-
-export class Filter implements IFilter {
-  readonly name: FilterName;
-  label: FilterLabel;
-  value: FilterValue;
-
-  constructor(
-    { name, value, label }: FilterInitParams,
-    public payload: object | undefined,
-    public config: FilterConfig,
-  ) {
-    this.name = name;
-    this.value = value;
-    this.label = label;
-  }
-
-  set({ value, label }: { value?: FilterValue; label?: FilterLabel }): IFilter {
-    this.value = value;
-    this.label = label;
-    return this;
-  }
-}

package/src/filters/classes/FilterStorage.ts

@@ -1,34 +0,0 @@
-import { FilterValue } from '../types/Filter';
-import type { FilterStorageOptions } from './FilterStorageOptions';
-
-export class BrowserFilterStorage implements FilterStorageOptions {
-  constructor(private prefix: string) {}
-
-  get(name: string): FilterValue {
-    const value = localStorage.getItem(`filters:${this.prefix}:${name}`);
-    return value ? JSON.parse(value) : undefined;
-  }
-
-  set(name: string, value: FilterValue): void {
-    localStorage.setItem(
-      `filters:${this.prefix}:${name}`,
-      JSON.stringify(value),
-    );
-  }
-}
-
-export class QueryFilterStorage implements FilterStorageOptions {
-  constructor(private prefix: string) {}
-
-  get(name: string): FilterValue {
-    const url = new URL(window.location.href);
-    const value = url.searchParams.get(`${this.prefix}:${name}`);
-    return value ? JSON.parse(value) : undefined;
-  }
-
-  set(name: string, value: FilterValue): void {
-    const url = new URL(window.location.href);
-    url.searchParams.set(`${this.prefix}:${name}`, JSON.stringify(value));
-    window.history.pushState({}, '', url.toString());
-  }
-}

package/src/filters/classes/FilterStorageOptions.d.ts

@@ -1,6 +0,0 @@
-import { FilterValue } from '../types/Filter';
-
-export interface FilterStorageOptions {
-  get: (name: string) => FilterValue;
-  set: (name: string, value: FilterValue) => void;
-}

package/src/filters/components/filter-options/_shared/types/BooleanFilter.ts

@@ -1 +0,0 @@
-export type BooleanFilterModelValue = boolean;

package/src/filters/components/filter-options/contact/config.js

@@ -1,3 +0,0 @@
-import ContactsAPI from '@webitel/ui-sdk/api/clients/сontacts/contacts';
-
-export const searchMethod = ContactsAPI.getLookup;

package/src/filters/components/filter-options/has-attachment/has-attachment-filter-value-preview.vue

@@ -1,24 +0,0 @@
-<template>
-  <div>{{ localeValue }}</div>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import { BooleanOptions } from '../../../enums/boolean-options';
-
-const props = defineProps<{
-  value: boolean;
-}>();
-const { t } = useI18n();
-
-const localeValue = computed(() => {
-  const match = BooleanOptions.find(
-    (el) => el.value === props.value.toString(),
-  );
-  return match ? t(match.locale) : '';
-});
-</script>
-
-<style scoped></style>

package/src/filters/enums/tag-options.ts

@@ -1,8 +0,0 @@
-import { FilterEnumOption } from '../types/Filter';
-
-export const TagOptions: Array<FilterEnumOption> = [
-  {
-    locale: 'filters.tag.options.vm',
-    value: 'vm',
-  },
-] as const;