@webitel/ui-datalist 1.1.4 → 1.1.6

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

@@ -8,7 +8,7 @@ import type { EngineQueue } from 'webitel-sdk';
 import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
 
 const props = defineProps<{
-  value: EngineQueue[];
+	value: EngineQueue[];
 }>();
 </script>
 

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

@@ -6,16 +6,17 @@ import AuditorFilterValueField from './auditor-filter-value-field.vue';
 import AuditorFilterValuePreview from './auditor-filter-value-preview.vue';
 
 class AuditorFilterConfig extends WtSysTypeFilterConfig {
-  readonly name = FilterOption.Auditor;
-  valueInputComponent = AuditorFilterValueField;
-  valuePreviewComponent = AuditorFilterValuePreview;
+	readonly name = FilterOption.Auditor;
+	valueInputComponent = AuditorFilterValueField;
+	valuePreviewComponent = AuditorFilterValuePreview;
 
-  searchRecords(
-    params: object
-  ): Promise<{ items: unknown[]; next?: boolean }> {
-    return UsersAPI.getLookup(params);
-  }
+	searchRecords(params: object): Promise<{
+		items: unknown[];
+		next?: boolean;
+	}> {
+		return UsersAPI.getLookup(params);
+	}
 }
 
 export const createAuditorFilterConfig = (params) =>
-  new AuditorFilterConfig(params);
+	new AuditorFilterConfig(params);

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

@@ -24,27 +24,35 @@ const model = defineModel<string>();
 const { t } = useI18n();
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      required,
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			required,
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 
 v$.value.$touch();
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 
 watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
+	() => v$.value.$invalid,
+	(invalid) => {
+		emit('update:invalid', invalid);
+	},
+	{
+		immediate: true,
+	},
 );
 </script>
 

package/src/modules/filters/modules/filterConfig/components/call-direction/call-direction-filter-value-preview.vue

@@ -8,7 +8,7 @@
 import { useI18n } from 'vue-i18n';
 
 const props = defineProps<{
-  value: number[];
+	value: number[];
 }>();
 
 const { t } = useI18n();

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

@@ -9,8 +9,8 @@
 import DateTimeFilterValueField from '../_shared/date-time-filter/date-time-filter-value-field.vue';
 
 type ModelValue = {
-  from: number;
-  to: number;
+	from: number;
+	to: number;
 };
 const model = defineModel<ModelValue>();
 </script>

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

@@ -23,13 +23,13 @@ import { format } from 'date-fns';
 import { useI18n } from 'vue-i18n';
 
 const props = defineProps<{
-  value: number[];
+	value: number[];
 }>();
 
 const { t } = useI18n();
 
 function convertTimestampToDate(value) {
-  return format(new Date(value), 'dd.MM.yyyy HH:mm');
+	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-field.vue

@@ -9,8 +9,8 @@
 import DateTimeFilterValueField from '../_shared/date-time-filter/date-time-filter-value-field.vue';
 
 type ModelValue = {
-  from: number;
-  to: number;
+	from: number;
+	to: number;
 };
 const model = defineModel<ModelValue>();
 </script>

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

@@ -23,13 +23,13 @@ import { format } from 'date-fns';
 import { useI18n } from 'vue-i18n';
 
 const props = defineProps<{
-  value: number[];
+	value: number[];
 }>();
 
 const { t } = useI18n();
 
 function convertTimestampToDate(value) {
-  return format(new Date(value), 'dd.MM.yyyy HH:mm');
+	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

@@ -25,54 +25,65 @@ import { WtCheckbox, WtSelect } from '@webitel/ui-sdk/components';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { CaseAssigneeFilterConfig } from "./index";
-
+import { CaseAssigneeFilterConfig } from './index';
 
 type ModelValue = {
-  list: string[];
-  unassigned: boolean;
+	list: string[];
+	unassigned: boolean;
 };
 
 const model = defineModel<ModelValue>();
 
 const props = defineProps<{
-  filterConfig: CaseAssigneeFilterConfig;
+	filterConfig: CaseAssigneeFilterConfig;
 }>();
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 
 const { t } = useI18n();
 
 const initModel = () => {
-  if (!model.value) {
-    model.value = {
-      list: [],
-      unassigned: false,
-    };
-  }
+	if (!model.value) {
+		model.value = {
+			list: [],
+			unassigned: false,
+		};
+	}
 };
 onMounted(() => initModel());
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      list: { required: requiredIf(() => !model.value.unassigned) },
-      unassigned: { required: requiredIf(() => !model.value.list.length) },
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			list: {
+				required: requiredIf(() => !model.value.unassigned),
+			},
+			unassigned: {
+				required: requiredIf(() => !model.value.list.length),
+			},
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 v$.value.$touch();
 
 watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
+	() => v$.value.$invalid,
+	(invalid) => {
+		emit('update:invalid', invalid);
+	},
+	{
+		immediate: true,
+	},
 );
 </script>
 

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

@@ -3,33 +3,35 @@
 </template>
 
 <script lang="ts" setup>
-import {computed} from "vue";
+import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { WebitelContactsContact } from 'webitel-sdk';
 
-import {IFilter} from "../../../../classes/Filter";
+import { IFilter } from '../../../../classes/Filter';
 import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
 
 const props = defineProps<{
-  value: WebitelContactsContact[];
-  filter: IFilter,
+	value: WebitelContactsContact[];
+	filter: IFilter;
 }>();
 
 const { t } = useI18n();
 
 const rawValue = computed(() => {
-  return props.filter.value;
+	return props.filter.value;
 });
 
 const shownValue = computed(() => {
-  const shownValue = [...props.value];
-  if (rawValue.value.unassigned) {
-    shownValue.unshift({
-      name: t('reusable.unassigned'),
-      id: 'unassigned',
-    });
-  }
-  return shownValue;
+	const shownValue = [
+		...props.value,
+	];
+	if (rawValue.value.unassigned) {
+		shownValue.unshift({
+			name: t('reusable.unassigned'),
+			id: 'unassigned',
+		});
+	}
+	return shownValue;
 });
 </script>
 

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

@@ -6,28 +6,34 @@ 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;
+	readonly name = FilterOption.CaseAssignee;
+	valueInputComponent = CaseAssigneeFilterValueField;
+	valuePreviewComponent = CaseAssigneeFilterValuePreview;
 
-  searchRecords(
-    params: object,
-    { filterValue } = {},
-  ): Promise<{ items: unknown[]; next?: boolean }> {
-    if (filterValue?.unassigned && !filterValue.list.length) return { items: [] };
-    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 🥲 */
+	searchRecords(
+		params: object,
+		{ filterValue } = {},
+	): Promise<{
+		items: unknown[];
+		next?: boolean;
+	}> {
+		if (filterValue?.unassigned && !filterValue.list.length)
+			return {
+				items: [],
+			};
+		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,
-    });
-  }
+		return ContactsAPI.getLookup({
+			...params,
+			id,
+		});
+	}
 }
 
 export type { CaseAssigneeFilterConfig };
 
 export const createCaseAssigneeFilterConfig = (params) =>
-  new CaseAssigneeFilterConfig(params);
+	new CaseAssigneeFilterConfig(params);

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

@@ -3,9 +3,9 @@ import CaseAssigneeFilterValuePreview from './case-assignee-filter-value-preview
 import { createCaseAssigneeFilterConfig } from './filterConfig';
 
 export {
-  CaseAssigneeFilterValueField,
-  CaseAssigneeFilterValuePreview,
-  createCaseAssigneeFilterConfig,
+	CaseAssigneeFilterValueField,
+	CaseAssigneeFilterValuePreview,
+	createCaseAssigneeFilterConfig,
 };
 
 export type * from './filterConfig';

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

@@ -25,31 +25,39 @@ type ModelValue = number[];
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 const { t } = useI18n();
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      required,
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			required,
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 v$.value.$touch();
 
 watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
+	() => v$.value.$invalid,
+	(invalid) => {
+		emit('update:invalid', invalid);
+	},
+	{
+		immediate: true,
+	},
 );
 
 const handleInput = (value: ModelValue) => {
-  model.value = value;
+	model.value = value;
 };
 </script>
 

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

@@ -6,10 +6,10 @@
 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>[];
+	/**
+	 * would be great to use generated type for this
+	 * */
+	value: Record<string, unknown>[];
 }>();
 </script>
 

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

@@ -36,66 +36,74 @@ import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import {
-  caseCloseReasonsGroupsSearchMethod,
-  caseCloseReasonsSearchMethod,
+	caseCloseReasonsGroupsSearchMethod,
+	caseCloseReasonsSearchMethod,
 } from './config.js';
 
 type ModelValue = {
-  selection: string;
-  conditions: string;
+	selection: string;
+	conditions: string;
 };
 const model = defineModel<ModelValue>();
 const { t } = useI18n();
 
 const updateSelected = (value) => {
-  model.value.selection = value;
-  model.value.conditions = '';
+	model.value.selection = value;
+	model.value.conditions = '';
 };
 
 const getConditionList = (params) => {
-  return caseCloseReasonsSearchMethod({
-    parentId: model.value.selection,
-    ...params,
-  });
+	return caseCloseReasonsSearchMethod({
+		parentId: model.value.selection,
+		...params,
+	});
 };
 
 const initModel = () => {
-  if (!model.value) {
-    model.value = {
-      selection: '',
-      conditions: '',
-    };
-  }
+	if (!model.value) {
+		model.value = {
+			selection: '',
+			conditions: '',
+		};
+	}
 };
 onMounted(() => initModel());
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      selection: {
-        required,
-      },
-      conditions: {
-        required,
-      },
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			selection: {
+				required,
+			},
+			conditions: {
+				required,
+			},
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 
 v$.value.$touch();
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 
 watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
+	() => v$.value.$invalid,
+	(invalid) => {
+		emit('update:invalid', invalid);
+	},
+	{
+		immediate: true,
+	},
 );
 </script>
 

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

@@ -8,7 +8,7 @@ import { CasesCloseReasonGroup } from 'webitel-sdk';
 import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
 
 const props = defineProps<{
-  value: CasesCloseReasonGroup[];
+	value: CasesCloseReasonGroup[];
 }>();
 </script>
 

package/src/modules/filters/modules/filterConfig/components/case-close-reason-groups/config.js

@@ -2,5 +2,5 @@ import CaseCloseReasonGroupsAPI from '@webitel/ui-sdk/api/clients/caseCloseReaso
 import CaseCloseReasonsAPI from '@webitel/ui-sdk/api/clients/caseCloseReasons/caseCloseReasons';
 
 export const caseCloseReasonsGroupsSearchMethod =
-  CaseCloseReasonGroupsAPI.getLookup;
+	CaseCloseReasonGroupsAPI.getLookup;
 export const caseCloseReasonsSearchMethod = CaseCloseReasonsAPI.getLookup;

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

@@ -25,31 +25,39 @@ type ModelValue = number[];
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 const { t } = useI18n();
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      required,
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			required,
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 v$.value.$touch();
 
 watch(
-  () => v$.value.$invalid,
-  (invalid) => {
-    emit('update:invalid', invalid);
-  },
-  { immediate: true },
+	() => v$.value.$invalid,
+	(invalid) => {
+		emit('update:invalid', invalid);
+	},
+	{
+		immediate: true,
+	},
 );
 
 const handleInput = (value: ModelValue) => {
-  model.value = value;
+	model.value = value;
 };
 </script>
 

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

@@ -8,7 +8,7 @@ import { WebitelContactsContact } from 'webitel-sdk';
 import LookupFilterValuePreview from '../_shared/lookup-filter-preview/lookup-filter-value-preview.vue';
 
 const props = defineProps<{
-  value: WebitelContactsContact[];
+	value: WebitelContactsContact[];
 }>();
 </script>