Merge pull request #202 from webitel/fix/reset-selected-value

fix: add reset selected value when changing filters[WTEL-5744](https:…

package.json

@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.12.27",
+    "@webitel/ui-sdk": "^24.12.28",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",

src/modules/configuration/modules/lookups/modules/slas/components/the-slas.vue

@@ -106,7 +106,7 @@
 </template>
 
 <script setup>
-import { computed, onUnmounted } from 'vue';
+import { computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
@@ -164,6 +164,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -206,11 +207,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
+
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>

src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-conditions.vue

@@ -124,7 +124,7 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
 import { useCardStore } from '@webitel/ui-sdk/store';
 import { useTableStore } from '@webitel/ui-sdk/src/store/new/modules/tableStoreModule/useTableStore.js';
-import { onUnmounted } from 'vue';
+import { onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
 import IconAction from '@webitel/ui-sdk/src/enums/IconAction/IconAction.enum.js';
@@ -173,6 +173,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -208,12 +209,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
 
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>

src/modules/configuration/modules/lookups/modules/sources/components/the-sources.vue

@@ -120,7 +120,7 @@ import FilterPagination from '@webitel/ui-sdk/src/modules/Filters/components/fil
 import DeleteConfirmationPopup
   from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
-import { computed, onUnmounted } from 'vue';
+import { computed, onUnmounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
@@ -163,6 +163,7 @@ const {
 
 const {
   namespace: filtersNamespace,
+  filtersValue,
   restoreFilters,
 
   subscribe,
@@ -205,11 +206,18 @@ const {
 
 const refresh = () => {
   // https://webitel.atlassian.net/browse/WTEL-5711
-  // because 'selected' needs to be updated [WTEL-5711]
+  // because 'selected' value needs cleaned
 
   resetState();
   loadData();
 };
+
+watch(() => filtersValue.value, () => {
+  // https://webitel.atlassian.net/browse/WTEL-5744
+  // because 'selected' value needs cleaned when changing filters
+
+  resetState();
+});
 </script>
 
 <style lang="scss" scoped>