toast: add remove method to clear a single message (#4101)

Co-authored-by: Clément Bernard <cbernard@groupeisagri.com>

components/lib/toast/Toast.vue

@@ -43,6 +43,7 @@ export default {
     styleElement: null,
     mounted() {
         ToastEventBus.on('add', this.onAdd);
+        ToastEventBus.on('remove', this.onRemove);
         ToastEventBus.on('remove-group', this.onRemoveGroup);
         ToastEventBus.on('remove-all-groups', this.onRemoveAllGroups);
 
@@ -58,6 +59,7 @@ export default {
         }
 
         ToastEventBus.off('add', this.onAdd);
+        ToastEventBus.off('remove', this.onRemove);
         ToastEventBus.off('remove-group', this.onRemoveGroup);
         ToastEventBus.off('remove-all-groups', this.onRemoveAllGroups);
     },
@@ -87,6 +89,9 @@ export default {
                 this.add(message);
             }
         },
+        onRemove(message) {
+            this.remove({ message, type: 'close' });
+        },
         onRemoveGroup(group) {
             if (this.group === group) {
                 this.messages = [];

components/lib/toastservice/ToastService.d.ts

@@ -23,6 +23,11 @@ export interface ToastServiceMethods {
      * @param {ToastMessageOptions} message - Message instance.
      */
     add(message: ToastMessageOptions): void;
+    /**
+     * Clears the message.
+     * @param {ToastMessageOptions} message - Message instance.
+     */
+    remove(message: ToastMessageOptions): void;
     /**
      * Clears the messages that belongs to the group.
      * @param {string} group - Name of the message group.

components/lib/toastservice/ToastService.js

@@ -7,6 +7,9 @@ export default {
             add: (message) => {
                 ToastEventBus.emit('add', message);
             },
+            remove: (message) => {
+                ToastEventBus.emit('remove', message);
+            },
             removeGroup: (group) => {
                 ToastEventBus.emit('remove-group', group);
             },

doc/common/apidoc/index.json

@@ -49887,6 +49887,19 @@
                             "returnType": "void",
                             "description": "Displays the message in a suitable Toast component."
                         },
+                        {
+                            "name": "remove",
+                            "parameters": [
+                                {
+                                    "name": "message",
+                                    "optional": false,
+                                    "type": "ToastMessageOptions",
+                                    "description": "Message instance."
+                                }
+                            ],
+                            "returnType": "void",
+                            "description": "Clears the message."
+                        },
                         {
                             "name": "removeGroup",
                             "parameters": [