@webitel/ui-datalist 1.1.1 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-datalist",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Toolkit for building data lists in webitel ui system",
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && ( npm run lint:fix || true) && (npm run build:types || true) && npm run utils:publish",

package/src/modules/filter-presets/components/_shared/input-fields/preset-name-field.vue

@@ -1,6 +1,6 @@
 <template>
-  <wt-input
-    v-model="model"
+  <wt-input-text
+    v-model:model-value="model"
     :v="props.v"
     :label="t('reusable.name')"
     required
@@ -9,7 +9,6 @@
 
 <script setup lang="ts">
 import { Validation } from '@vuelidate/core';
-import { WtInput } from '@webitel/ui-sdk/components';
 import { useI18n } from 'vue-i18n';
 
 type ModelValue = string;
@@ -17,7 +16,7 @@ type ModelValue = string;
 const model = defineModel<ModelValue>();
 
 type Props = {
-  v: Validation;
+	v: Validation;
 };
 
 const props = defineProps<Props>();

package/src/modules/filters/components/config/dynamic-view/dynamic-filter-config-form-label.vue

@@ -1,16 +1,14 @@
 <template>
-  <wt-input
-    :value="model"
+  <wt-input-text
+    v-model:model-value="model"
     :label="t('webitelUI.filters.filterLabel')"
     :v="v$.model"
-    @input="model = $event"
   />
 </template>
 
 <script setup lang="ts">
 import { useVuelidate } from '@vuelidate/core';
 import { maxLength } from '@vuelidate/validators';
-import { WtInput } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
@@ -19,30 +17,38 @@ const MAX_STRING_LENGTH = 50;
 const model = defineModel<string>();
 
 interface Emits {
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }
 const emit = defineEmits<Emits>();
 
 const { t } = useI18n();
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      // maybe make maxLength value by props
-      maxLength: maxLength(MAX_STRING_LENGTH),
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			// maybe make maxLength value by props
+			maxLength: maxLength(MAX_STRING_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/_shared/durations/duration-filter-value-field.vue

@@ -3,18 +3,18 @@
     <wt-timepicker
       v-if="model"
       :label="t('reusable.from')"
-      :value="model.from"
+      :model-value="model.from"
       :v="v$.model?.from"
       format="mm:ss"
-      @input="handleInput('from', $event)"
+      @update:model-value="handleInput('from', $event)"
     />
     <wt-timepicker
       v-if="model"
       :label="t('reusable.to')"
-      :value="model.to"
+      :model-value="model.to"
       :v="v$.model?.to"
       format="mm:ss"
-      @input="handleInput('to', $event)"
+      @update:model-value="handleInput('to', $event)"
     />
   </div>
 </template>
@@ -27,55 +27,65 @@ import { useI18n } from 'vue-i18n';
 const { t } = useI18n();
 
 type ModelValue = {
-  from: number;
-  to: number;
+	from: number;
+	to: number;
 };
 
 const model = defineModel<ModelValue>();
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 
 if (!model.value) {
-  model.value = {
-    from: 0,
-    to: 0,
-  };
+	model.value = {
+		from: 0,
+		to: 0,
+	};
 }
 
 const isValueEmpty = () => {
-  return !!model?.value?.to || !!model?.value?.from;
+	return !!model?.value?.to || !!model?.value?.from;
 };
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      from: {
-        required: isValueEmpty,
-      },
-      to: {
-        required: isValueEmpty,
-      },
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			from: {
+				required: isValueEmpty,
+			},
+			to: {
+				required: isValueEmpty,
+			},
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 v$.value.$touch();
 
 const handleInput = (key: keyof ModelValue, value: number) => {
-  const newValue = { ...model.value };
-  newValue[key] = value;
-  model.value = newValue;
+	const newValue = {
+		...model.value,
+	};
+	newValue[key] = value;
+	model.value = newValue;
 };
 
 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-service/case-service-filter-value-field.vue

@@ -21,23 +21,29 @@ import { searchMethod } from './config.js';
 
 type ModelValue = string[];
 const model = defineModel<ModelValue>({
-  default: [],
+	default: [],
 });
 
 const catalogData = ref([]);
 
 const loadCatalogs = async () => {
-  const { items } = await searchMethod({
-    size: -1, // To get all catalogs with services we need to pass size -1
-    fields: ['id', 'name', 'closeReasonGroup', 'status', 'service'],
-    hasSubservices: true,
-  });
+	const { items } = await searchMethod({
+		size: -1, // To get all catalogs with services we need to pass size -1
+		fields: [
+			'id',
+			'name',
+			'closeReasonGroup',
+			'status',
+			'service',
+		],
+		hasSubservices: true,
+	});
 
-  catalogData.value = deepCopy(items);
+	catalogData.value = deepCopy(items);
 };
 
 if (!model.value) {
-  model.value = [];
+	model.value = [];
 }
 
 onMounted(loadCatalogs);
@@ -71,7 +77,7 @@ $form-width: 800px;
       height: fit-content;
     }
 
-    .wt-input {
+    .wt-input-text {
       grid-area: label;
     }
 

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

@@ -1,27 +1,23 @@
 <template>
   <div class="rating-from-to-filter-value-field">
-    <wt-input
+    <wt-input-number
       v-if="model"
       :label="`${t('reusable.from')}:`"
-      :number-min="0"
       :placeholder="t('webitelUI.filters.filterValue')"
       :v="v$.model?.from"
-      :value="model.from"
+      :model-value="model.from"
       class="rating-from-to-filter-value-field__input"
-      type="number"
-      @input="handleInput('from', $event)"
+      @update:model-value="handleInput('from', $event)"
     />
 
-    <wt-input
+    <wt-input-number
       v-if="model"
       :label="`${t('reusable.to')}:`"
-      :number-min="0"
       :placeholder="t('webitelUI.filters.filterValue')"
       :v="v$.model?.to"
-      :value="model.to"
+      :model-value="model.to"
       class="rating-from-to-filter-value-field__input"
-      type="number"
-      @input="handleInput('to', $event)"
+      @update:model-value="handleInput('to', $event)"
     />
   </div>
 </template>
@@ -29,61 +25,70 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { maxValue, requiredIf } from '@vuelidate/validators';
-import { WtInput } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 type ModelValue = {
-  from: number;
-  to: number;
+	from: number;
+	to: number;
 };
 const model = defineModel<ModelValue>();
 if (!model.value) {
-  model.value = {
-    from: null,
-    to: null,
-  };
+	model.value = {
+		from: null,
+		to: null,
+	};
 }
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 
 const { t } = useI18n();
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      from: {
-        required: requiredIf(() => !model.value.to),
-        maxValue: maxValue(
-          model?.value?.to && model.value.from > model.value.to
-            ? model.value.to
-            : Infinity,
-        ),
-      },
-      to: {
-        required: requiredIf(() => !model.value.from),
-      },
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			from: {
+				required: requiredIf(() => !model.value.to),
+				maxValue: maxValue(
+					model?.value?.to && model.value.from > model.value.to
+						? model.value.to
+						: Infinity,
+				),
+			},
+			to: {
+				required: requiredIf(() => !model.value.from),
+			},
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 v$.value.$touch();
 
 const handleInput = (key: keyof ModelValue, value: number) => {
-  const newValue = { ...model.value };
-  newValue[key] = value;
-  model.value = newValue;
+	const newValue = {
+		...model.value,
+	};
+	newValue[key] = value;
+	model.value = newValue;
 };
 
 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/score/score-from-to-filter-value-field.vue

@@ -1,31 +1,29 @@
 <template>
   <div class="score-from-to-filter-value-field">
-    <wt-input
+    <wt-input-number
       v-if="model"
-      :value="model.from"
-      :number-max="props.numberMax"
-      :number-min="0"
+      :model-value="model.from"
+      :max="props.numberMax"
+      :min="0"
       :v="v$.model?.from"
       :label="`${t('reusable.from')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
       class="score-from-to-filter-value-field__input"
       name="score-from-to-filter-value-field-from"
-      type="number"
-      @input="handleInput('from', $event)"
+      @update:model-value="handleInput('from', $event)"
     />
 
-    <wt-input
+    <wt-input-number
       v-if="model"
-      :value="model.to"
-      :number-max="props.numberMax"
-      :number-min="0"
+      :model-value="model.to"
+      :max="props.numberMax"
+      :min="0"
       :v="v$.model?.to"
       :label="`${t('reusable.to')}:`"
       :placeholder="t('webitelUI.filters.filterValue')"
       class="score-from-to-filter-value-field__input"
       name="score-from-to-filter-value-field-to"
-      type="number"
-      @input="handleInput('to', $event)"
+      @update:model-value="handleInput('to', $event)"
     />
   </div>
 </template>
@@ -37,56 +35,70 @@ import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 type ModelValue = {
-  from: number;
-  to: number;
+	from: number;
+	to: number;
 };
 const model = defineModel<ModelValue>();
 if (!model.value) {
-  model.value = {
-    from: null,
-    to: null,
-  };
+	model.value = {
+		from: null,
+		to: null,
+	};
 }
 
 const props = withDefaults(
-  defineProps<{
-    numberMax?: number;
-  }>(),
-  {
-    numberMax: 100,
-  },
+	defineProps<{
+		numberMax?: number;
+	}>(),
+	{
+		numberMax: 100,
+	},
 );
 
 const emit = defineEmits<{
-  'update:invalid': [boolean];
+	'update:invalid': [
+		boolean,
+	];
 }>();
 
 const { t } = useI18n();
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      from: { required: requiredIf(() => !model.value.to) },
-      to: { required: requiredIf(() => !model.value.from) },
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			from: {
+				required: requiredIf(() => !model.value.to),
+			},
+			to: {
+				required: requiredIf(() => !model.value.from),
+			},
+		},
+	})),
+	{
+		model,
+	},
+	{
+		$autoDirty: true,
+	},
 );
 v$.value.$touch();
 
 const handleInput = (key: keyof ModelValue, value: number) => {
-  const newValue = { ...model.value };
-  newValue[key] = value;
-  model.value = newValue;
+	const newValue = {
+		...model.value,
+	};
+	newValue[key] = value;
+	model.value = newValue;
 };
 
 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/variable/variable-filter-value-field.vue

@@ -1,6 +1,6 @@
 <template>
-  <wt-input
-    v-model="model"
+  <wt-input-text
+    v-model:model-value="model"
     :label="t('webitelUI.filters.filterValue')"
     :v="v$.model"
   />
@@ -16,33 +16,41 @@ type ModelValue = string;
 
 const model = defineModel<ModelValue>();
 if (!model.value) {
-  model.value = '';
+	model.value = '';
 }
 
 const { t } = useI18n();
 
 const v$ = useVuelidate(
-  computed(() => ({
-    model: {
-      required: variableSearchValidator(),
-    },
-  })),
-  { model },
-  { $autoDirty: true },
+	computed(() => ({
+		model: {
+			required: variableSearchValidator(),
+		},
+	})),
+	{
+		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/types/modules/card/composables/useCardComponent.d.ts

@@ -2,13 +2,13 @@ import { StoreDefinition } from 'pinia';
 export declare const useCardComponent: <CardEntity>({ useCardStore, }: {
     useCardStore: StoreDefinition;
 }) => {
-    modelValue: import("vue").ComputedRef<{}>;
+    modelValue: import("vue").ComputedRef<unknown>;
     debouncedIsLoading: Readonly<import("vue").Ref<any, any>>;
     originalItemInstance: import("vue").Ref<any, any> & import("vue").ComputedRef<any>;
     isNew: import("vue").ComputedRef<boolean>;
-    saveText: import("vue").ComputedRef<string>;
+    saveText: import("vue").ComputedRef<any>;
     hasValidationErrors: import("vue").ComputedRef<boolean>;
     isAnyFieldEdited: import("vue").Ref<boolean, boolean>;
-    validationFields: import("vue").ComputedRef<{} & {}>;
+    validationFields: import("vue").ComputedRef<{} | ({} & {})>;
     save: () => Promise<unknown>;
 };

package/types/modules/card/composables/useCardRouting.d.ts

@@ -3,5 +3,5 @@ import { CardItemId } from "../types/CardStore.types";
 export declare const useCardRouting: ({ itemId }: {
     itemId: Ref<CardItemId>;
 }) => {
-    routeId: import("vue").ComputedRef<string | string[]>;
+    routeId: import("vue").ComputedRef<any>;
 };

package/types/modules/card/composables/useCardValidation.d.ts

@@ -3,8 +3,8 @@ import { Ref } from 'vue';
 export declare const useCardValidation: <TState, TSchema>({ validationSchema, }: {
     validationSchema: Ref<RegleSchema<TState, TSchema>>;
 }) => {
-    modelValue: import("vue").ComputedRef<import("@regle/core").JoinDiscriminatedUnions<import("vue").UnwrapNestedRefs<TState>>>;
-    validationFields: import("vue").ComputedRef<{ readonly [TKey in keyof import("@regle/core").JoinDiscriminatedUnions<TState>]: TKey extends keyof import("@regle/core").JoinDiscriminatedUnions<TSchema> ? import("@regle/schemas").InferRegleSchemaStatusType<NonNullable<import("@regle/core").JoinDiscriminatedUnions<TSchema>[TKey]>, import("@regle/core").JoinDiscriminatedUnions<TState>[TKey], {}> : never; } & { readonly [TKey_1 in keyof import("@regle/core").JoinDiscriminatedUnions<TState> as TKey_1 extends keyof import("@regle/core").JoinDiscriminatedUnions<TSchema> ? import("@regle/core").JoinDiscriminatedUnions<TSchema>[TKey_1] extends NonNullable<import("@regle/core").JoinDiscriminatedUnions<TSchema>[TKey_1]> ? TKey_1 : never : never]-?: TKey_1 extends keyof import("@regle/core").JoinDiscriminatedUnions<TSchema> ? import("@regle/schemas").InferRegleSchemaStatusType<NonNullable<import("@regle/core").JoinDiscriminatedUnions<TSchema>[TKey_1]>, import("@regle/core").JoinDiscriminatedUnions<TState>[TKey_1], {}> : never; }>;
-    hasValidationErrors: import("vue").ComputedRef<boolean>;
-    validate: () => Promise<import("@regle/schemas").RegleSchemaResult<TSchema>>;
+    modelValue: import("vue").ComputedRef<import("@regle/core").JoinDiscriminatedUnions<import("vue").UnwrapNestedRefs<TState>> | import("@regle/schemas").RegleSchemaStatus<TState, TSchema, true>["$value"]>;
+    validationFields: import("vue").ComputedRef<(import("@regle/core").HasNamedKeys<TState> extends true ? { readonly [TKey in keyof import("@regle/core").JoinDiscriminatedUnions<TState>]: TKey extends keyof import("@regle/core").JoinDiscriminatedUnions<TState> ? import("@regle/schemas").InferRegleSchemaStatusType<NonNullable<import("@regle/core").JoinDiscriminatedUnions<TState>[TKey]>, TSchema> : never; } & { readonly [TKey_1 in keyof import("@regle/core").JoinDiscriminatedUnions<TState> as TKey_1 extends keyof import("@regle/core").JoinDiscriminatedUnions<TState> ? import("@regle/core").JoinDiscriminatedUnions<TState>[TKey_1] extends NonNullable<import("@regle/core").JoinDiscriminatedUnions<TState>[TKey_1]> ? TKey_1 : never : never]-?: TKey_1 extends keyof import("@regle/core").JoinDiscriminatedUnions<TState> ? import("@regle/schemas").InferRegleSchemaStatusType<NonNullable<import("@regle/core").JoinDiscriminatedUnions<TState>[TKey_1]>, TSchema> : never; } : {}) | { [TIndex in keyof import("@regle/core").TupleToPlainObj<import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>>]: TIndex extends `${infer TIndexInt extends number}` ? { [TKey_2 in keyof import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>[TIndexInt] as NonNullable<import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>[TIndexInt]>[TKey_2] extends import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>[TIndexInt][TKey_2] ? TKey_2 : never]-?: import("@regle/schemas").InferRegleSchemaStatusType<NonNullable<import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>[TIndexInt]>[TKey_2], TSchema>; } & { [TKey_3 in keyof import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>[TIndexInt] as NonNullable<import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>[TIndexInt]>[TKey_3] extends import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>[TIndexInt][TKey_3] ? never : TKey_3]?: import("@regle/schemas").InferRegleSchemaStatusType<NonNullable<import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never>[TIndexInt]>[TKey_3], TSchema>; } : {}; }[keyof import("type-fest").UnionToTuple<TState, import("type-fest").UnionToIntersection<TState extends any ? () => TState : never> extends () => (infer R) ? R : never> & `${number}`]>;
+    hasValidationErrors: import("vue").ComputedRef<boolean | import("@regle/schemas").RegleSchemaStatus<TState, TSchema, true>["$error"]>;
+    validate: () => Promise<import("@regle/schemas").RegleSchemaResult<TState>>;
 };

package/types/modules/card/composables/useItemCardSaveText.d.ts

@@ -3,5 +3,5 @@ export declare const useItemCardSaveText: ({ isNew, isAnyFieldEdited, }: {
     isNew: Ref<boolean>;
     isAnyFieldEdited: Ref<boolean>;
 }) => {
-    saveText: import("vue").ComputedRef<string>;
+    saveText: import("vue").ComputedRef<any>;
 };