@farm-investimentos/front-mfe-components 9.2.4 → 9.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "9.2.4",
+	"version": "9.2.5",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",

package/src/components/Modal/Modal.stories.js

@@ -131,6 +131,33 @@ export const HeaderAndBottom = () => ({
 	</div>`,
 });
 
+<<<<<<< HEAD
+export const Persistent = () => ({
+	data() {
+		return {
+			value: false,
+			text,
+		};
+	},
+	template: `<div>
+	<farm-btn color="secondary" @click="value = true">abrir</farm-btn>
+	<farm-modal v-model="value" :offsetTop="48" :offsetBottom="64" :persistent="true">
+		<template v-slot:header>
+			<farm-dialog-header title="Título" @onClose="() => value = false" />
+		</template>
+		<template v-slot:content>
+		<br />persistent modal<br />
+		</template>
+		
+		<template v-slot:footer>
+			<farm-dialog-footer @onConfirm="() => value = false" @onClose="() => value = false" />
+		</template>
+	</farm-modal>
+	</div>`,
+});
+
+=======
+>>>>>>> develop
 const text = `inicio!<br />
 teste!<br />
 teste!<br />

package/src/components/Modal/Modal.vue

@@ -61,6 +61,7 @@ export default Vue.extend({
 			if (persistent.value) {
 				return false;
 			}
+			window.removeEventListener('keyup', escHandler);
 			inputValue.value = false;
 			emit('input', false);
 		};
@@ -69,14 +70,23 @@ export default Vue.extend({
 			() => props.value,
 			newValue => {
 				inputValue.value = newValue;
+				if (newValue) {
+					window.addEventListener('keyup', escHandler);
+				}
 			}
 		);
 
+		const escHandler = event => {
+			if (event.key === 'Escape') {
+				close();
+			}
+		};
+
 		return {
 			inputValue,
 			styles,
-			close,
 			size,
+			close,
 		};
 	},
 });

package/src/components/Modal/__tests__/Modal.spec.js

@@ -4,7 +4,6 @@ import Modal from '../index';
 
 describe('Modal component', () => {
 	let wrapper;
-	let component;
 
 	beforeEach(() => {
 		wrapper = shallowMount(Modal, {
@@ -12,7 +11,6 @@ describe('Modal component', () => {
 				value: false,
 			},
 		});
-		component = wrapper.vm;
 	});
 
 	test('Modal created', () => {