@webitel/ui-sdk 24.12.126 → 24.12.127

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "24.12.126",
3
+ "version": "24.12.127",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite",
@@ -134,7 +134,7 @@ const props = defineProps({
134
134
  },
135
135
  clearable: {
136
136
  type: Boolean,
137
- default: true,
137
+ default: false,
138
138
  },
139
139
  });
140
140
  const emit = defineEmits(['input']);
@@ -86,22 +86,17 @@ const filterName = ref();
86
86
  const filterLabel = ref('');
87
87
  const filterValue = ref();
88
88
 
89
- // if user have not changed label yet, it will be changed with selected filterName
90
- const touchedLabel = ref(false);
91
-
92
89
  const editMode = !!props.filter;
93
90
 
94
91
  const invalid = ref(false);
95
92
 
96
93
  const onLabelValueUpdate = (val: string) => {
97
94
  filterLabel.value = val;
98
- touchedLabel.value = true;
99
95
  };
100
96
 
101
97
  const onFilterNameUpdate = (val: string) => {
102
98
  filterName.value = val;
103
99
  filterValue.value = null;
104
- filterLabel.value = t(`webitelUI.filters.${val}`);
105
100
  };
106
101
 
107
102
  const submit = () => {
@@ -118,10 +113,6 @@ if (props.options) {
118
113
  () => {
119
114
  filterName.value = props.options[0]?.value;
120
115
  filterValue.value = null;
121
-
122
- if (!touchedLabel.value) {
123
- filterLabel.value = t(`webitelUI.filters.${filterName.value}`);
124
- }
125
116
  },
126
117
  { immediate: true },
127
118
  );
@@ -148,8 +139,8 @@ $form-width: 380px;
148
139
  flex-direction: column;
149
140
  box-sizing: border-box;
150
141
  width: $form-width;
151
- padding: var(--spacing-sm);
152
- gap: var(--spacing-sm);
142
+ padding: var(--spacing-xs) 0;
143
+ gap: var(--spacing-xs);
153
144
  }
154
145
 
155
146
  .dynamic-filter-config-form-footer {
@@ -39,6 +39,7 @@ const v$ = useVuelidate(
39
39
  { model },
40
40
  { $autoDirty: true },
41
41
  );
42
+
42
43
  v$.value.$touch();
43
44
 
44
45
  watch(