@webitel/ui-datalist 26.8.6 → 26.8.8

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

@@ -3,14 +3,14 @@
     <wt-timepicker
       :label="t('reusable.from')"
       :model-value="value.from"
-      :v="vFrom"
+      :v="!disableValidation && vFrom"
       format="hh:mm:ss"
       @update:model-value="handleInput('from', $event)"
     />
     <wt-timepicker
       :label="t('reusable.to')"
       :model-value="value.to"
-      :v="vTo"
+      :v="!disableValidation && vTo"
       format="hh:mm:ss"
       @update:model-value="handleInput('to', $event)"
     />
@@ -22,6 +22,10 @@ import { useVuelidate } from '@vuelidate/core';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const { t } = useI18n();
 
 type ModelValue = {
@@ -74,8 +78,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/_shared/string-filter/string-filter-value-field.vue

@@ -2,7 +2,7 @@
   <wt-input-text
     v-model:model-value="model"
     :label="t('webitelUI.filters.filterValue')"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
   />
 </template>
 
@@ -14,6 +14,10 @@ import { useI18n } from 'vue-i18n';
 
 type ModelValue = string;
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<ModelValue>();
 if (!model.value) {
 	model.value = '';
@@ -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/agent/agent-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<{
@@ -44,8 +48,7 @@ const v$ = useVuelidate(
 	},
 );
 
-v$.value.$touch();
-
+if (!props?.disableValidation) v$.value.$touch();
 watch(
 	() => v$.value.$invalid,
 	(invalid) => {

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

@@ -3,7 +3,7 @@
     :label="t('webitelUI.filters.filterValue')"
     :options="AmdResultOptions"
     v-model:model-value="selectValue"
-    :v="v$.model"
+    :v="!disableValidation && v$.model"
     data-key="value"
     option-value="value"
   />
@@ -25,6 +25,10 @@ import { AmdResultOptions } from '../../enums/options/AMDResultOptions';
 
 const AMD_RESULT_EMPTY_VALUE = 'EMPTY';
 
+const props = defineProps<{
+	disableValidation?: boolean;
+}>();
+
 const model = defineModel<string[]>();
 const { t } = useI18n();
 
@@ -64,8 +68,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/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,