@webitel/ui-datalist 26.8.7 → 26.8.9

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

@@ -4,7 +4,7 @@
     :label="t('webitelUI.filters.filterValue')"
     :options="CallDirectionFilterOptions"
     v-model:model-value="model"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     data-key="value"
     option-value="value"
   />
@@ -19,6 +19,10 @@ import { useI18n } from 'vue-i18n';
 
 import { CallDirectionFilterOptions } from '../../enums/options/CallDirectionFilterOptions';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<string>();
 const { t } = useI18n();
 
@@ -36,8 +40,7 @@ const v$ = useVuelidate(
 	},
 );
 
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="props.filterConfig.searchRecords"
-    :v="vList"
+    :v="!disableValidation && vList"
     :model-value="value.list"
     data-key="id"
     option-value="id"
@@ -11,7 +11,7 @@
   <wt-checkbox
     :label="t('reusable.showUnassigned')"
     :selected="value.unassigned"
-    :v="vUnassigned"
+    :v="!disableValidation && vUnassigned"
     @update:selected="handleInput('unassigned', !!$event)"
   />
 </template>
@@ -57,6 +57,7 @@ const handleInput = <K extends keyof ModelValue>(
 
 const props = defineProps<{
 	filterConfig: CaseAssigneeFilterConfig;
+	disableValidation?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -87,8 +88,7 @@ const v$ = useVuelidate<{
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const vList = computed(() => {
 	const modelValidation = v$.value.model;
 	if (!modelValidation) return undefined;

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
     @update:model-value="handleInput"
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -42,8 +46,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -4,7 +4,7 @@
       :show-clear="false"
       :label="t('cases.reason')"
       :search-method="caseCloseReasonsGroupsSearchMethod"
-      :v="vSelection"
+      :v="!disableValidation && vSelection"
       :model-value="value.selection"
       data-key="id"
       option-value="id"
@@ -18,7 +18,7 @@
       :disabled="!value.selection"
       :label="t('webitelUI.filters.filterValue')"
       :search-method="getConditionList"
-      :v="vConditions"
+      :v="!disableValidation && vConditions"
       :model-value="value.conditions"
       data-key="id"
       option-value="id"
@@ -39,6 +39,10 @@ import {
 	caseCloseReasonsSearchMethod,
 } from './config.js';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 type ModelValue = {
 	selection: string;
 	conditions: string;
@@ -104,8 +108,7 @@ const v$ = useVuelidate<{
 	},
 );
 
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const vSelection = computed(() => {
 	const modelValidation = v$.value.model;
 	if (!modelValidation) return undefined;

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
     @update:model-value="handleInput"
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -42,8 +46,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
     @update:model-value="handleInput"
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -43,8 +47,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
     @update:model-value="handleInput"
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -42,8 +46,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -49,41 +49,10 @@ if (!model.value) {
 onMounted(loadCatalogs);
 </script>
 
-<style lang="scss">
-$form-width: 800px;
-
+<style lang="scss" scoped>
 .service-case-filter-value-field {
-  grid-area: value;
   background: transparent;
-  height: 100%;
   max-height: 350px;
   overflow-y: auto;
 }
-
-.dynamic-filter-config-form {
-  &:has(.service-case-filter-value-field) {
-    display: grid;
-    grid-template-rows: 64px 1fr auto;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-areas:
-      'column label'
-      'value value'
-      'footer footer';
-    width: $form-width;
-    height: 500px;
-
-    .wt-select {
-      grid-area: column;
-      height: fit-content;
-    }
-
-    .wt-input-text {
-      grid-area: label;
-    }
-
-    .dynamic-filter-config-form-footer {
-      grid-area: footer;
-    }
-  }
-}
 </style>

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
     @update:model-value="handleInput"
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -43,8 +47,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -4,7 +4,7 @@
       :show-clear="false"
       :label="t('cases.appliedSLA')"
       :search-method="slasSearchMethod"
-      :v="vSelection"
+      :v="!disableValidation && vSelection"
       :model-value="value.selection"
       data-key="id"
       option-value="id"
@@ -17,7 +17,7 @@
       :disabled="!value.selection"
       :label="t('webitelUI.filters.filterValue')"
       :search-method="getConditionList"
-      :v="vConditions"
+      :v="!disableValidation && vConditions"
       :model-value="value.conditions"
       data-key="id"
       option-value="id"
@@ -35,6 +35,10 @@ import { useI18n } from 'vue-i18n';
 
 import { slasConditionsSearchMethod, slasSearchMethod } from './config.js';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 type ModelValue = {
 	selection: string;
 	conditions: string;
@@ -100,8 +104,7 @@ const v$ = useVuelidate<{
 	},
 );
 
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const vSelection = computed(() => {
 	const modelValidation = v$.value.model;
 	if (!modelValidation) return undefined;

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
     @update:model-value="handleInput"
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -43,8 +47,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -4,7 +4,7 @@
       :show-clear="false"
       :label="t('cases.status')"
       :search-method="caseStatusesSearchMethod"
-      :v="vSelection"
+      :v="!disableValidation && vSelection"
       :model-value="value.selection"
       data-key="id"
       option-value="id"
@@ -17,7 +17,7 @@
       :disabled="!value.selection"
       :label="t('webitelUI.filters.filterValue')"
       :search-method="getConditionList"
-      :v="vConditions"
+      :v="!disableValidation && vConditions"
       :model-value="value.conditions"
       data-key="id"
       option-value="id"
@@ -38,6 +38,10 @@ import {
 	caseStatusesSearchMethod,
 } from './config.js';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 type ModelValue = {
 	selection: string;
 	conditions: string;
@@ -103,8 +107,7 @@ const v$ = useVuelidate<{
 	},
 );
 
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const vSelection = computed(() => {
 	const modelValidation = v$.value.model;
 	if (!modelValidation) return undefined;

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

@@ -3,7 +3,7 @@
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
     :model-value="model"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     option-value="id"
     @update:model-value="handleInput"
   />
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -42,8 +46,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="props.filterConfig.searchRecords"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
     @update:model-value="handleInput"
@@ -20,6 +20,7 @@ import { WtSysTypeFilterConfig } from '../../classes/FilterConfig';
 
 const props = defineProps<{
 	filterConfig: WtSysTypeFilterConfig;
+	disableValidation?: boolean;
 }>();
 
 type ModelValue = number[];
@@ -46,8 +47,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -2,7 +2,7 @@
   <wt-multi-select
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchGateway"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     :model-value="model"
     option-value="id"
     @update:model-value="handleInput"
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -42,8 +46,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const searchGateway = async (params: { search?: string }) => {
 	return params.search
 		? await searchMethod({

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

@@ -3,7 +3,7 @@
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
     :model-value="model"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     option-value="id"
     @update:model-value="handleInput"
   />
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -42,8 +46,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -3,7 +3,7 @@
     :label="t('webitelUI.filters.filterValue')"
     :options="HangupCauseOptions"
     v-model:model-value="model"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     data-key="value"
     option-value="value"
   />
@@ -18,6 +18,10 @@ import { useI18n } from 'vue-i18n';
 
 import { HangupCauseOptions } from '../../enums/options/HangupCauseFilterOptions';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<string>();
 const { t } = useI18n();
 
@@ -35,8 +39,7 @@ const v$ = useVuelidate(
 	},
 );
 
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,

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

@@ -1,7 +1,7 @@
 <template>
   <has-option-filter-value-field
     :model-value="model"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     @update:model-value="model = $event"
   />
 </template>
@@ -13,6 +13,10 @@ import { computed, watch } from 'vue';
 
 import HasOptionFilterValueField from '../_shared/has-options/has-option-filter-value-field.vue';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<boolean | null>();
 
 const v$ = useVuelidate(
@@ -29,8 +33,7 @@ const v$ = useVuelidate(
 	},
 );
 
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const emit = defineEmits<{
 	'update:invalid': [
 		boolean,

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

@@ -3,7 +3,7 @@
     :label="t('webitelUI.filters.filterValue')"
     :search-method="searchMethod"
     :model-value="model"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     option-value="id"
     @update:model-value="handleInput"
   />
@@ -20,6 +20,10 @@ import { searchMethod } from './config.js';
 
 type ModelValue = number[];
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
@@ -42,8 +46,7 @@ const v$ = useVuelidate(
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

package/src/modules/filters/modules/filterConfig/components/rating/rating-from-to-filter-value-field.vue

@@ -3,7 +3,7 @@
     <wt-input-number
       :label="`${t('reusable.from')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
-      :v="vFrom"
+      :v="!disableValidation && vFrom"
       :model-value="value.from"
       class="rating-from-to-filter-value-field__input"
       @update:model-value="handleInput('from', $event)"
@@ -12,7 +12,7 @@
     <wt-input-number
       :label="`${t('reusable.to')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
-      :v="vTo"
+      :v="!disableValidation && vTo"
       :model-value="value.to"
       class="rating-from-to-filter-value-field__input"
       @update:model-value="handleInput('to', $event)"
@@ -26,6 +26,10 @@ import { maxValue, requiredIf } from '@vuelidate/validators';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 type ModelValue = {
 	from: number | null;
 	to: number | null;
@@ -80,8 +84,7 @@ const v$ = useVuelidate<{
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const vFrom = computed(() => {
 	const modelValidation = v$.value.model;
 	if (!modelValidation) return undefined;

package/src/modules/filters/modules/filterConfig/components/score/score-from-to-filter-value-field.vue

@@ -4,7 +4,7 @@
       :model-value="value.from"
       :max="props.numberMax"
       :min="0"
-      :v="vFrom"
+      :v="!disableValidation && vFrom"
       :label="`${t('reusable.from')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
       class="score-from-to-filter-value-field__input"
@@ -16,7 +16,7 @@
       :model-value="value.to"
       :max="props.numberMax"
       :min="0"
-      :v="vTo"
+      :v="!disableValidation && vTo"
       :label="`${t('reusable.to')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
       class="score-from-to-filter-value-field__input"
@@ -54,6 +54,7 @@ const value = computed<ModelValue>(
 const props = withDefaults(
 	defineProps<{
 		numberMax?: number;
+		disableValidation?: boolean;
 	}>(),
 	{
 		numberMax: 100,
@@ -88,8 +89,7 @@ const v$ = useVuelidate<{
 		$autoDirty: true,
 	},
 );
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 const vFrom = computed(() => {
 	const modelValidation = v$.value.model;
 	if (!modelValidation) return undefined;