@webitel/ui-datalist 1.1.57 → 1.1.59

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

@@ -16,7 +16,10 @@ export const createFilterConfig = (
 ): BaseFilterConfig => {
 	const { name } = params;
 
-	const filterConfigClass = FilterOptionToFilterConfigCreatorMap[name];
+	const filterConfigClass =
+		FilterOptionToFilterConfigCreatorMap[
+			name as keyof typeof FilterOptionToFilterConfigCreatorMap
+		];
 
 	if (filterConfigClass) {
 		return filterConfigClass(params);

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

@@ -5,6 +5,7 @@ import type { WebitelProtoDataField } from 'webitel-sdk';
 import type {
 	BaseFilterConfig,
 	FilterConfigBaseParams,
+	FilterConfigSearchRequestParams,
 	IWtSysTypeFilterConfig,
 } from '../../classes/FilterConfig';
 import { FilterConfig } from '../../classes/FilterConfig';
@@ -46,7 +47,7 @@ class TypeExtensionWtSysTypeFieldFilterConfig
 	implements IWtSysTypeFilterConfig
 {
 	async searchRecords(
-		{ id: filterValue, ...rest },
+		{ id: filterValue, ...rest }: FilterConfigSearchRequestParams,
 		// {
 		//   filterValue,
 		// }: {
@@ -56,9 +57,12 @@ class TypeExtensionWtSysTypeFieldFilterConfig
 		items: unknown[];
 		next?: boolean;
 	}> {
+		const { display = '', path = '', primary = '' } = this.field.lookup ?? {};
 		const { items, ...restResponse } = await sysTypes.getLookup({
 			...rest,
-			...this.field.lookup,
+			display,
+			path,
+			primary,
 			id: filterValue,
 		});
 
@@ -76,9 +80,9 @@ class TypeExtensionWtSysTypeFieldFilterConfig
 		 * objects=[{ name: { common_name: 'str' } }]
 		 */
 		return {
-			items: items.map((item) => ({
+			items: items.map((item: Record<string, unknown>) => ({
 				...item,
-				name: get(item, this.field.lookup.display),
+				name: get(item, display),
 			})),
 			...restResponse,
 		};

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

@@ -7,7 +7,7 @@
     :v="v$.model"
   >
     <template #[WtTypeExtensionFieldKind.Boolean]="{ defaultProps }">
-      <has-option-filter-value-field v-bind="defaultProps" v-model:model-value="model"/>
+      <has-option-filter-value-field v-bind="defaultProps" v-model:model-value="booleanModel"/>
     </template>
     <template #[WtTypeExtensionFieldKind.Select]="{ defaultProps }">
       <wt-single-select
@@ -33,7 +33,7 @@
         "
         :search-method="searchRecords"
 
-        :required="false /* https://github.com/webitel/webitel-ui-sdk/pull/1359#discussion_r3180877255 */""
+        :required="false /* https://github.com/webitel/webitel-ui-sdk/pull/1359#discussion_r3180877255 */"
         option-value="id"
         @update:model-value="model = $event"
       />
@@ -76,8 +76,17 @@ const emit = defineEmits<{
 
 const attrs = useAttrs();
 
-const searchRecords = (...params: FilterConfigSearchMethodParams) =>
-	props.filterConfig.searchRecords?.(...params);
+const searchRecords = async (...params: FilterConfigSearchMethodParams) =>
+	(await props.filterConfig.searchRecords?.(...params)) ?? {
+		items: [],
+	};
+
+const booleanModel = computed({
+	get: () => model.value as boolean | null | undefined,
+	set: (value) => {
+		model.value = value;
+	},
+});
 
 /* the filter value is dynamically shaped by field kind;
    the Calendar branch always stores a datetime value */

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

@@ -57,7 +57,7 @@ const showLookupValuePreview = computed(() => {
 		WtTypeExtensionFieldKind.Multiselect,
 		WtTypeExtensionFieldKind.Select,
 	];
-	return lookupKinds.includes(props.filterConfig.field.kind);
+	return lookupKinds.includes(props.filterConfig.field.kind ?? '');
 });
 </script>
 

package/src/modules/filters/modules/filterConfig/components/_shared/date-time-filter/date-time-options/date-time-options-filter-value-field.vue

@@ -127,7 +127,8 @@ watch(
 	},
 );
 
-const handleRadioChange = (value: RelativeDatetimeValue) => {
+const handleRadioChange = (selected: string | number | boolean | object) => {
+	const value = selected as RelativeDatetimeValue;
 	selectedRadioValue.value = value;
 	if (value === RelativeDatetimeValue.Custom) {
 		model.value = {

package/src/modules/filters/modules/filterConfig/components/_shared/durations/duration-filter-value-field.vue

@@ -1,17 +1,15 @@
 <template>
   <div class="duration-filter">
     <wt-timepicker
-      v-if="model"
       :label="t('reusable.from')"
-      :model-value="model.from"
+      :model-value="value.from"
       :v="vFrom"
       format="hh:mm:ss"
       @update:model-value="handleInput('from', $event)"
     />
     <wt-timepicker
-      v-if="model"
       :label="t('reusable.to')"
-      :model-value="model.to"
+      :model-value="value.to"
       :v="vTo"
       format="hh:mm:ss"
       @update:model-value="handleInput('to', $event)"
@@ -38,6 +36,14 @@ const model = defineModel<ModelValue>({
 	}),
 });
 
+const value = computed<ModelValue>(
+	() =>
+		model.value ?? {
+			from: 0,
+			to: 0,
+		},
+);
+
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,
@@ -81,12 +87,11 @@ const vTo = computed(() => {
 	return modelValidation.to;
 });
 
-const handleInput = (key: keyof ModelValue, value: number) => {
-	const newValue = {
-		...model.value,
+const handleInput = (key: keyof ModelValue, newFieldValue: number) => {
+	model.value = {
+		...value.value,
+		[key]: newFieldValue,
 	};
-	newValue[key] = value;
-	model.value = newValue;
 };
 
 watch(

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

@@ -28,7 +28,7 @@ const attrs = useAttrs();
 const { t } = useI18n();
 
 const labelValue = computed(() =>
-	props?.hideLabel ? null : t('webitelUI.filters.filterValue'),
+	props?.hideLabel ? undefined : t('webitelUI.filters.filterValue'),
 );
 
 const strModel = computed({

package/src/modules/filters/modules/filterConfig/components/_shared/lookup-filter-preview/lookup-filter-value-preview.vue

@@ -1,21 +1,29 @@
 <template>
   <ul v-if="value">
     <li
-      v-for="({ name, id }, index) of items"
+      v-for="({ name, id }, index) of shownItems"
       :key="id || index"
     >
       {{ name }}
     </li>
+    <li v-if="remainingCount > 0">
+      {{ t('webitelUI.filters.andMore', { count: remainingCount }) }}
+    </li>
   </ul>
 </template>
 
 <script lang="ts" setup>
 import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const PREVIEW_LIMIT = 30;
 
 const props = defineProps<{
 	value: unknown;
 }>();
 
+const { t } = useI18n();
+
 const items = computed<
 	Array<{
 		id?: PropertyKey;
@@ -24,6 +32,12 @@ const items = computed<
 >(() => {
 	return Array.isArray(props.value) ? props.value : [];
 });
+
+const shownItems = computed(() => items.value.slice(0, PREVIEW_LIMIT));
+
+const remainingCount = computed(() =>
+	Math.max(0, items.value.length - PREVIEW_LIMIT),
+);
 </script>
 
 <style scoped></style>

package/src/modules/filters/modules/filterConfig/components/agent-status/agent-status-filter-value-preview.vue

@@ -1,7 +1,7 @@
 <template>
   <ul>
     <li
-      v-for="({ label }, index) of arrayValues"
+      v-for="(label, index) of arrayValues"
       :key="index"
     >
       {{ label }}
@@ -20,7 +20,7 @@ const props = defineProps<{
 const { options } = useAgentStatusOptions();
 
 const arrayLabels = computed(() =>
-	options.value.reduce((acc, { value, label }) => {
+	options.value.reduce<Record<string, string>>((acc, { value, label }) => {
 		acc[value] = label;
 		return acc;
 	}, {}),

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

@@ -1,6 +1,9 @@
 import { UsersAPI } from '@webitel/api-services/api';
 
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	type FilterConfigBaseParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
 import { FilterOption } from '../../enums/FilterOption';
 import AuditorFilterValueField from './auditor-filter-value-field.vue';
 import AuditorFilterValuePreview from './auditor-filter-value-preview.vue';
@@ -18,5 +21,5 @@ class AuditorFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createAuditorFilterConfig = (params) =>
+export const createAuditorFilterConfig = (params?: FilterConfigBaseParams) =>
 	new AuditorFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/case-actual-reaction-time/case-actual-reaction-time-filter-value-preview.vue

@@ -31,7 +31,7 @@ const props = defineProps<{
 
 const { t } = useI18n();
 
-function convertTimestampToDate(value) {
+function convertTimestampToDate(value: number) {
 	return format(new Date(value), 'dd.MM.yyyy HH:mm');
 }
 </script>

package/src/modules/filters/modules/filterConfig/components/case-actual-resolution-time/case-actual-resolution-time-filter-value-preview.vue

@@ -31,7 +31,7 @@ const props = defineProps<{
 
 const { t } = useI18n();
 
-function convertTimestampToDate(value) {
+function convertTimestampToDate(value: number) {
 	return format(new Date(value), 'dd.MM.yyyy HH:mm');
 }
 </script>

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

@@ -11,7 +11,7 @@
     :label="t('reusable.showUnassigned')"
     :selected="model?.unassigned"
     :v="vUnassigned"
-    @update:selected="model.unassigned = $event"
+    @update:selected="model.unassigned = !!$event"
   />
 </template>
 

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

@@ -1,6 +1,7 @@
 import { contacts as ContactsAPI } from '@webitel/ui-sdk/api/clients/index';
 
 import {
+	type FilterConfigBaseParams,
 	type FilterConfigSearchFilterContext,
 	type FilterConfigSearchRequestParams,
 	WtSysTypeFilterConfig,
@@ -21,7 +22,7 @@ class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
 		items: unknown[];
 		next?: boolean;
 	}> {
-		if (filterValue?.unassigned && !filterValue.list.length)
+		if (filterValue?.unassigned && !filterValue.list?.length)
 			return Promise.resolve({
 				items: [],
 			});
@@ -39,5 +40,6 @@ class CaseAssigneeFilterConfig extends WtSysTypeFilterConfig {
 
 export type { CaseAssigneeFilterConfig };
 
-export const createCaseAssigneeFilterConfig = (params) =>
-	new CaseAssigneeFilterConfig(params);
+export const createCaseAssigneeFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new CaseAssigneeFilterConfig(params);

package/src/modules/filters/modules/filterConfig/components/case-close-reason-groups/case-close-reason-groups-filter-value-field.vue

@@ -50,12 +50,12 @@ const model = defineModel<ModelValue>({
 });
 const { t } = useI18n();
 
-const updateSelected = (value) => {
+const updateSelected = (value: string) => {
 	model.value.selection = value;
 	model.value.conditions = '';
 };
 
-const getConditionList = (params) => {
+const getConditionList = (params: Record<string, unknown>) => {
 	return caseCloseReasonsSearchMethod({
 		parentId: model.value.selection,
 		...params,

package/src/modules/filters/modules/filterConfig/components/case-reaction-time/case-reaction-time-filter-value-preview.vue

@@ -31,7 +31,7 @@ const props = defineProps<{
 
 const { t } = useI18n();
 
-function convertTimestampToDate(value) {
+function convertTimestampToDate(value: number) {
 	return format(new Date(value), 'dd.MM.yyyy HH:mm');
 }
 </script>

package/src/modules/filters/modules/filterConfig/components/case-resolution-time/case-resolution-time-filter-value-preview.vue

@@ -31,7 +31,7 @@ const props = defineProps<{
 
 const { t } = useI18n();
 
-function convertTimestampToDate(value) {
+function convertTimestampToDate(value: number) {
 	return format(new Date(value), 'dd.MM.yyyy HH:mm');
 }
 </script>

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

@@ -8,7 +8,7 @@
     class="service-case-filter-value-field"
     multiple
     allow-parent
-    @update:model-value="model = $event"
+    @update:model-value="model = $event as ModelValue"
   />
 </template>
 

package/src/modules/filters/modules/filterConfig/components/case-sla-condition/case-sla-condition-filter-value-field.vue

@@ -47,12 +47,12 @@ const model = defineModel<ModelValue>({
 });
 const { t } = useI18n();
 
-const updateSelected = (value) => {
+const updateSelected = (value: string) => {
 	model.value.selection = value;
 	model.value.conditions = '';
 };
 
-const getConditionList = async (params) => {
+const getConditionList = async (params: Record<string, unknown>) => {
 	return await slasConditionsSearchMethod({
 		parentId: model.value.selection,
 		...params,

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

@@ -49,12 +49,12 @@ const model = defineModel<ModelValue>({
 });
 const { t } = useI18n();
 
-const updateSelected = (value) => {
+const updateSelected = (value: string) => {
 	model.value.selection = value;
 	model.value.conditions = '';
 };
 
-const getConditionList = (params) => {
+const getConditionList = (params: Record<string, unknown>) => {
 	return caseStatusConditionsSearchMethod({
 		parentId: model.value.selection,
 		...params,

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

@@ -12,9 +12,9 @@
   <wt-checkbox
     v-if="!props.filterConfig?.hideUnassigned"
     :label="t('reusable.showUnassigned')"
-    :selected="model?.unassigned"
+    :selected="!!model?.unassigned"
     :v="!disableValidation && vUnassigned"
-    @update:selected="model.unassigned = $event"
+    @update:selected="model.unassigned = !!$event"
   />
 </template>
 
@@ -53,10 +53,10 @@ const emit = defineEmits<{
 const { t } = useI18n();
 
 const labelValue = computed(() =>
-	props?.hideLabel ? null : t('webitelUI.filters.filterValue'),
+	props?.hideLabel ? undefined : t('webitelUI.filters.filterValue'),
 );
 
-const changeListValue = (event) => {
+const changeListValue = (event: string[]) => {
 	if (!event.length && !model.value.unassigned) {
 		model.value = {};
 		return;
@@ -76,7 +76,8 @@ const v$ = useVuelidate<{
 			},
 			unassigned: {
 				required: requiredIf(
-					() => props.filterConfig?.hideUnassigned && !model.value.list?.length,
+					() =>
+						!!props.filterConfig?.hideUnassigned && !model.value.list?.length,
 				),
 			},
 		},

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

@@ -57,8 +57,11 @@ class ContactGroupFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createContactGroupFilterConfig = (params) =>
-	new ContactGroupFilterConfig(params);
+export const createContactGroupFilterConfig = (
+	params?: FilterConfigBaseParams & {
+		hideUnassigned?: boolean;
+	},
+) => 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

@@ -38,7 +38,7 @@ const emit = defineEmits<{
 const { t } = useI18n();
 
 const labelValue = computed(() =>
-	props?.hideLabel ? null : t('webitelUI.filters.filterValue'),
+	props?.hideLabel ? undefined : t('webitelUI.filters.filterValue'),
 );
 
 const v$ = useVuelidate(

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

@@ -1,6 +1,7 @@
 import { labels as contactLabels } from '@webitel/ui-sdk/api/clients/index';
 
 import {
+	type FilterConfigBaseParams,
 	type FilterConfigSearchFilterContext,
 	type FilterConfigSearchRequestParams,
 	WtSysTypeFilterConfig,
@@ -39,5 +40,6 @@ class ContactLabelFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createContactLabelFilterConfig = (params) =>
-	new ContactLabelFilterConfig(params);
+export const createContactLabelFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new ContactLabelFilterConfig(params);

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

@@ -1,6 +1,9 @@
 import { users as UsersAPI } from '@webitel/ui-sdk/api/clients/index';
 
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	type FilterConfigBaseParams,
+	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';
@@ -18,5 +21,6 @@ class ContactOwnerFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createContactOwnerFilterConfig = (params) =>
-	new ContactOwnerFilterConfig(params);
+export const createContactOwnerFilterConfig = (
+	params?: FilterConfigBaseParams,
+) => new ContactOwnerFilterConfig(params);

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

@@ -44,7 +44,7 @@ const v$ = useVuelidate(
 );
 v$.value.$touch();
 
-const searchGateway = async (params) => {
+const searchGateway = async (params: { search?: string }) => {
 	return params.search
 		? await searchMethod({
 				name: params.search,

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

@@ -38,7 +38,7 @@ watch(
 	() => v$?.value?.$invalid,
 	(invalid) => {
 		if (v$?.value) {
-			emit('update:invalid', invalid);
+			emit('update:invalid', !!invalid);
 		}
 	},
 	{

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

@@ -1,6 +1,9 @@
 import { queues as QueuesAPI } from '@webitel/ui-sdk/api/clients/index';
 
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	type FilterConfigBaseParams,
+	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';
@@ -18,5 +21,5 @@ class QueueFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createQueueFilterConfig = (params) =>
+export const createQueueFilterConfig = (params?: FilterConfigBaseParams) =>
 	new QueueFilterConfig(params);

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

@@ -1,7 +1,7 @@
 <template>
   <ul>
     <li
-      v-for="({ label }, index) of arrayValues"
+      v-for="(label, index) of arrayValues"
       :key="index"
     >
       {{ label }}
@@ -20,7 +20,7 @@ const props = defineProps<{
 const { options } = useQueuePeriodOptions();
 
 const arrayLabels = computed(() =>
-	options.value.reduce((acc, { value, label }) => {
+	options.value.reduce<Record<string, string>>((acc, { value, label }) => {
 		acc[value] = label;
 		return acc;
 	}, {}),

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

@@ -1,7 +1,7 @@
 <template>
   <ul>
     <li
-      v-for="({ label }, index) of arrayValues"
+      v-for="(label, index) of arrayValues"
       :key="index"
     >
       {{ label }}
@@ -20,7 +20,7 @@ const props = defineProps<{
 const { options } = useQueueTypeOptions();
 
 const arrayLabels = computed(() =>
-	options.value.reduce((acc, { value, label }) => {
+	options.value.reduce<Record<string, string>>((acc, { value, label }) => {
 		acc[value] = label;
 		return acc;
 	}, {}),

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

@@ -1,6 +1,9 @@
 import { RegionsAPI } from '@webitel/api-services/api';
 
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	type FilterConfigBaseParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
 import { FilterOption } from '../../enums/FilterOption';
 import RegionFilterValueField from './region-filter-value-field.vue';
 import RegionFilterValuePreview from './region-filter-value-preview.vue';
@@ -17,5 +20,5 @@ class RegionFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createRegionFilterConfig = (params) =>
+export const createRegionFilterConfig = (params?: FilterConfigBaseParams) =>
 	new RegionFilterConfig(params);

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

@@ -1,6 +1,9 @@
 import { SkillsAPI } from '@webitel/api-services/api';
 
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	type FilterConfigBaseParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
 import { FilterOption } from '../../enums/FilterOption';
 import SkillFilterValueField from './skill-filter-value-field.vue';
 import SkillFilterValuePreview from './skill-filter-value-preview.vue';
@@ -18,5 +21,5 @@ class SkillFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createSkillFilterConfig = (params) =>
+export const createSkillFilterConfig = (params?: FilterConfigBaseParams) =>
 	new SkillFilterConfig(params);

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

@@ -1,6 +1,9 @@
 import { AgentsAPI } from '@webitel/api-services/api';
 
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	type FilterConfigBaseParams,
+	WtSysTypeFilterConfig,
+} from '../../classes/FilterConfig';
 import { FilterOption } from '../../enums/FilterOption';
 import SupervisorFilterValueField from './supervisor-filter-value-field.vue';
 import SupervisorFilterValuePreview from './supervisor-filter-value-preview.vue';
@@ -18,5 +21,5 @@ class SupervisorFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createSupervisorFilterConfig = (params) =>
+export const createSupervisorFilterConfig = (params?: FilterConfigBaseParams) =>
 	new SupervisorFilterConfig(params);

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

@@ -1,6 +1,9 @@
 import { teams as TeamsAPI } from '@webitel/ui-sdk/api/clients/index';
 
-import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	type FilterConfigBaseParams,
+	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';
@@ -18,4 +21,5 @@ class TeamFilterConfig extends WtSysTypeFilterConfig {
 	}
 }
 
-export const createTeamFilterConfig = (params) => new TeamFilterConfig(params);
+export const createTeamFilterConfig = (params?: FilterConfigBaseParams) =>
+	new TeamFilterConfig(params);

package/src/modules/filters/scripts/utils.ts

@@ -1,4 +1,4 @@
-import type { FilterName } from '../classes/Filter';
+import type { FilterData, FilterName } from '../classes/Filter';
 
 export const filterLabelToSnapshotKey = (name: FilterName): string =>
 	`${name}_lbl`;
@@ -29,7 +29,7 @@ export const filterNameFromSnapshotKey = (
 
 export const filterValuePropFromSnapshotKey = (
 	snapshotKey: string,
-): string | undefined => {
+): keyof FilterData | undefined => {
 	if (isLabelSnapshotKey(snapshotKey)) return 'label';
 	if (isValueSnapshotKey(snapshotKey)) return 'value';
 };