24.08.27: "close" multiselect event, agent-status-select pause re-sel…

…ect [WTEL-4703]
webitel · Aug 23, 2024 · 83fa5c2 · 83fa5c2
1 parent 8ada8cd
commit 83fa5c2
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.8.26",
+  "version": "24.8.27",
   "private": false,
   "scripts": {
     "dev": "vite",

diff --git a/src/components/wt-select/mixins/multiselectMixin.js b/src/components/wt-select/mixins/multiselectMixin.js
@@ -1,6 +1,7 @@
 import VueMultiselect from 'vue-multiselect';
 import { ObserveVisibility } from 'vue-observe-visibility';
-import validationMixin from '../../../mixins/validationMixin/validationMixin.js';
+import validationMixin
+  from '../../../mixins/validationMixin/validationMixin.js';
 import debounce from '../../../scripts/debounce.js';
 import isEmpty from '../../../scripts/isEmpty.js';
 import labelUsageMixin from '../../wt-label/mixins/labelUsageMixin.js';
@@ -143,8 +144,8 @@ export default {
       this.$emit('input', value);
     },
 
-    close() {
-      this.$emit('closed');
+    close(event) {
+      this.$emit('closed', event);
     },
 
     tag() {},

diff --git a/src/components/wt-status-select/wt-status-select.vue b/src/components/wt-status-select/wt-status-select.vue
@@ -6,6 +6,7 @@
     :value="selectedOption"
     class="wt-status-select"
     track-by="value"
+    @closed="closedHandler"
     @input="inputHandler"
   >
     <template #singleLabel="{ option }">
@@ -52,7 +53,7 @@ export default {
     //   options: ['sm', 'md'],
     // },
   },
-  emits: ['change'],
+  emits: ['change', 'closed'],
   computed: {
     selectedOption() {
       return this.statusOptions.find((option) => option.value === this.status);
@@ -91,6 +92,9 @@ export default {
     inputHandler(value) {
       this.$emit('change', value.value);
     },
+    closedHandler(event) {
+      this.$emit('closed', event);
+    },
   },
 };
 </script>

diff --git a/src/modules/AgentStatusSelect/components/wt-cc-agent-status-select.vue b/src/modules/AgentStatusSelect/components/wt-cc-agent-status-select.vue
@@ -3,6 +3,7 @@
     <wt-status-select
       :status="status"
       :status-duration="statusDuration"
+      @closed="handleClosed"
       @change="handleStatusSelectInput"
     />
     <pause-cause-popup
@@ -94,6 +95,10 @@ async function handleStatusSelectInput(status) {
   await changeStatus({ status });
 }
 
+function handleClosed(event) {
+  return handleStatusSelectInput(event.value);
+}
+
 function handlePauseCauseInput(pauseCause) {
   const status = AgentStatus.PAUSE;
   return changeStatus({ status, pauseCause });