Merge branch 'main' into fix/node-version-in-test-workflow

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.77.1",
+	"version": "3.78.1",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",

src/components/Modal.vue

@@ -60,7 +60,7 @@
 						:text="cancelButtonText"
 						secondary
 						:disabled="disableCancelButton"
-						@click="!disableCancelButton ? closeHandle() : false"
+						@click="!disableCancelButton ? cancelHandle() : false"
 					/>
 
 					<cds-button
@@ -155,6 +155,13 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		/**
+		 *  Controla a ação de fechar o modal ao clicar no botão de cancelar.
+		 */
+		noCloseCancelButton: {
+			type: Boolean,
+			default: false,
+		},
 		/**
 		 *  Controla a exibição do botão de fechar do modal.
 		 */
@@ -218,7 +225,7 @@ export default {
 		return {
 			innerValue: false,
 			tmp: '',
-		}
+		};
 	},
 
 	computed: {
@@ -263,6 +270,20 @@ export default {
 			}
 			this.$emit('ok', true);
 		},
+
+		cancelHandle() {
+			/**
+			 * Evento que indica se o botão de cancelamento do modal foi clicado.
+			 * @event cancel
+			 * @type {Event}
+			*/
+			if (!this.noCloseCancelButton) {
+				this.innerValue = !this.innerValue;
+				this.$emit('close', true);
+				this.$emit('update:modelValue', false);
+			}
+			this.$emit('cancel');
+		},
 	},
 };
 </script>

src/stories/components/Modal.stories.mdx

@@ -80,6 +80,9 @@ export const Template = (args) => ({
 			<cds-modal
 				v-bind="args"
 				v-model="showModal"
+				@ok="console.info('evento ok emitido!')"
+				@cancel="console.info('evento cancelar emitido!')"
+				@close="console.info('evento de fechamento de modal emitido!')"
 			>
 				<span>
 					Mussum Ipsum, cacilds vidis litro abertis. A ordem dos tratores não altera o pão duris.Tá deprimidis,