@webitel/ui-datalist 1.1.47 → 1.1.48

package/package.json

@@ -1,9 +1,10 @@
 {
 	"name": "@webitel/ui-datalist",
-	"version": "1.1.47",
+	"version": "1.1.48",
 	"description": "Toolkit for building data lists in webitel ui system",
 	"scripts": {
 		"build:types": "vue-tsc -p ./tsconfig.build.json",
+		"typecheck": "vue-tsc --noEmit -p ./tsconfig.typecheck.json",
 		"lint:fix": "npx biome check --write ./src",
 		"biome:ci:gh": "biome ci ./src --reporter=github",
 		"test:unit": "node -e \"process.exit(0)\"",

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

@@ -5,6 +5,8 @@
       :model-value="model?.from"
       class="date-time-filter-value-field__picker"
       show-time
+      required
+      :v="v$.from"
       @update:model-value="handleInput('from', $event)"
     />
 
@@ -13,14 +15,18 @@
       :model-value="model?.to"
       class="date-time-filter-value-field__picker"
       show-time
+      required
+      :v="v$.to"
       @update:model-value="handleInput('to', $event)"
     />
   </div>
 </template>
 
 <script lang="ts" setup>
+import { useVuelidate } from '@vuelidate/core';
+import { required } from '@vuelidate/validators';
 import { endOfToday, startOfToday } from 'date-fns';
-import { onMounted } from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 type ModelValue = {
@@ -28,9 +34,48 @@ type ModelValue = {
 	to: number;
 };
 
+const emit = defineEmits<{
+	'update:invalid': [
+		boolean,
+	];
+}>();
+
 const model = defineModel<ModelValue>();
 const { t } = useI18n();
 
+const from = computed(() => model.value?.from);
+const to = computed(() => model.value?.to);
+
+const v$ = useVuelidate(
+	computed(() => ({
+		from: {
+			required,
+		},
+		to: {
+			required,
+		},
+	})),
+	{
+		from,
+		to,
+	},
+	{
+		$autoDirty: true,
+	},
+);
+
+v$.value.$touch();
+
+watch(
+	() => v$.value.$invalid,
+	(invalid) => {
+		emit('update:invalid', invalid);
+	},
+	{
+		immediate: true,
+	},
+);
+
 const handleInput = (key: keyof ModelValue, value: number) => {
 	model.value = {
 		...model.value,

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

@@ -8,7 +8,7 @@
 
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
-import variableSearchValidator from '@webitel/ui-sdk/validators/variableSearchValidator/variableSearchValidator';
+import { required } from '@vuelidate/validators';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
@@ -24,7 +24,7 @@ const { t } = useI18n();
 const v$ = useVuelidate(
 	computed(() => ({
 		model: {
-			required: variableSearchValidator(),
+			required,
 		},
 	})),
 	{

package/types/modules/filters/modules/filterConfig/components/_shared/date-time-filter/date-time-filter-value-field.vue.d.ts

@@ -7,8 +7,10 @@ type __VLS_ModelProps = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: ModelValue) => any;
+    "update:invalid": (args_0: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: (value: ModelValue) => any;
+    "onUpdate:invalid"?: (args_0: boolean) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;