@webitel/ui-datalist 1.1.5 → 1.1.7

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

@@ -38,60 +38,68 @@ import { useI18n } from 'vue-i18n';
 import { slasConditionsSearchMethod, slasSearchMethod } 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 = async (params) => {
-  return await slasConditionsSearchMethod({
-    parentId: model.value.selection,
-    ...params,
-  });
+	return await slasConditionsSearchMethod({
+		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-sla-condition/case-sla-condition-filter-value-preview.vue

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

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

@@ -25,32 +25,40 @@ 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-source/case-source-filter-value-preview.vue

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

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

@@ -36,66 +36,74 @@ import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import {
-  caseStatusConditionsSearchMethod,
-  caseStatusesSearchMethod,
+	caseStatusConditionsSearchMethod,
+	caseStatusesSearchMethod,
 } 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 caseStatusConditionsSearchMethod({
-    parentId: model.value.selection,
-    ...params,
-  });
+	return caseStatusConditionsSearchMethod({
+		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-status/case-status-filter-value-preview.vue

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

package/src/modules/filters/modules/filterConfig/components/case-status/config.js

@@ -3,4 +3,4 @@ import CaseStatusesApi from '@webitel/ui-sdk/api/clients/caseStatuses/caseStatus
 
 export const caseStatusesSearchMethod = CaseStatusesApi.getLookup;
 export const caseStatusConditionsSearchMethod =
-  CaseStatusConditionsAPI.getLookup;
+	CaseStatusConditionsAPI.getLookup;

package/src/modules/filters/modules/filterConfig/components/contact/contact-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/contact/contact-filter-value-preview.vue

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

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

@@ -23,82 +23,93 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { requiredIf } from '@vuelidate/validators';
-import { WtSelect } from '@webitel/ui-sdk/components';
-import { WtCheckbox } from '@webitel/ui-sdk/components';
+import { WtCheckbox, WtSelect } from '@webitel/ui-sdk/components';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { IContactGroupFilterConfig } from './index';
 
 const props = defineProps<{
-  filterConfig: IContactGroupFilterConfig;
-  disableValidation?: boolean;
-  hideLabel?: boolean;
+	filterConfig: IContactGroupFilterConfig;
+	disableValidation?: boolean;
+	hideLabel?: boolean;
 }>();
 
 type ModelValue = {
-  list: string[];
-  unassigned: boolean;
+	list: string[];
+	unassigned: boolean;
 };
 
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 const { t } = useI18n();
 
-const labelValue = computed(() => props?.hideLabel ? null : t('webitelUI.filters.filterValue'))
+const labelValue = computed(() =>
+	props?.hideLabel ? null : t('webitelUI.filters.filterValue'),
+);
 
 const changeListValue = (event) => {
-  if(!event.length && !model.value.unassigned) {
-
-    return model.value = {}
-  } else {
-    model.value = {
-      ...model.value,
-      list: event,
-    };
-  }
+	if (!event.length && !model.value.unassigned) {
+		return (model.value = {});
+	} else {
+		model.value = {
+			...model.value,
+			list: event,
+		};
+	}
 };
-const v$ =  useVuelidate(
-    computed(() => ({
-      model: {
-        list: { required: requiredIf(() => !model.value.unassigned) },
-        unassigned: {
-          required: requiredIf(() =>
-            props.filterConfig?.hideUnassigned && !model.value.list.length
-          ),
-        },
-      },
-    })),
-    { model },
-    { $autoDirty: true }
+const v$ = useVuelidate(
+	computed(() => ({
+		model: {
+			list: {
+				required: requiredIf(() => !model.value.unassigned),
+			},
+			unassigned: {
+				required: requiredIf(
+					() => props.filterConfig?.hideUnassigned && !model.value.list.length,
+				),
+			},
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 
 const initModel = () => {
-  if (!model.value) {
-    model.value = {
-      list: [],
-      unassigned: null,
-    };
-  }
+	if (!model.value) {
+		model.value = {
+			list: [],
+			unassigned: null,
+		};
+	}
 };
 
 onMounted(() => {
-  if(!props?.disableValidation) v$.value.$touch();
+	if (!props?.disableValidation) v$.value.$touch();
 
-  initModel();
+	initModel();
 });
 
 watch(
-  () => v$?.value?.$invalid,
-  (invalid) => {
-    if (v$?.value) {
-      emit('update:invalid', invalid);
-    }
-  },
-  { immediate: true });
+	() => v$?.value?.$invalid,
+	(invalid) => {
+		if (v$?.value) {
+			emit('update:invalid', invalid);
+		}
+	},
+	{
+		immediate: true,
+	},
+);
 </script>
 
 <style scoped></style>

package/src/modules/filters/modules/filterConfig/components/contact-group/contact-group-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/contact-group/index.ts

@@ -1,43 +1,55 @@
 import { contactGroups } from '@webitel/ui-sdk/api/clients/index';
 
-import { IWtSysTypeFilterConfig,WtSysTypeFilterConfig } from '../../classes/FilterConfig';
+import {
+	IWtSysTypeFilterConfig,
+	WtSysTypeFilterConfig,
+} 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;
+	readonly name = FilterOption.ContactGroup;
+	valueInputComponent = ContactGroupFilterValueField;
+	valuePreviewComponent = ContactGroupFilterValuePreview;
+	hideUnassigned?: boolean;
 
-  constructor(params: { hideUnassigned?: boolean } = {}) {
-    super(params);
-    if ('hideUnassigned' in params) {
-      this.hideUnassigned = params.hideUnassigned;
-    }
-  }
+	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 🥲 */
+	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,
-      type: 'STATIC',
-    });
-  }
+		return contactGroups.getLookup({
+			...params,
+			id,
+			type: 'STATIC',
+		});
+	}
 }
 
 export const createContactGroupFilterConfig = (params) =>
-  new ContactGroupFilterConfig(params);
+	new ContactGroupFilterConfig(params);
 
 export interface IContactGroupFilterConfig extends IWtSysTypeFilterConfig {
-  hideUnassigned?: boolean;
+	hideUnassigned?: boolean;
 }