@farm-investimentos/front-mfe-components 13.0.3 → 13.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "13.0.3",
+	"version": "13.0.5",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",
@@ -14,7 +14,8 @@
 		"storybook": "start-storybook -p 6006",
 		"build-storybook": "build-storybook",
 		"test:unit": "jest --updateSnapshot",
-		"test:coverage": "jest --updateSnapshot --coverage"
+		"test:coverage": "jest --updateSnapshot --coverage",
+		"prepare": "husky install"
 	},
 	"files": [
 		"dist/*",
@@ -52,7 +53,8 @@
 		"text-mask-addons": "^3.8.0",
 		"typescript": "~4.1.5",
 		"v-mask": "2.3.0",
-		"vue-template-compiler": "2.7.10"
+		"vue-template-compiler": "2.7.10",
+		"husky": "^8.0.0"
 	},
 	"browserslist": [
 		"> 1%",

package/src/components/AlertBox/AlertBox.vue

@@ -11,8 +11,9 @@
 				variation="darken"
 				size="md"
 				:color="color"
-				>{{ icon }}</farm-icon
 			>
+				{{ icon }}
+			</farm-icon>
 			<div
 				:class="{
 					'farm-alert-box__content': true,
@@ -22,9 +23,11 @@
 				<farm-bodytext
 					variation="regular"
 					color-variation="darken"
+					:tag="tag"
 					:type="1"
 					:color="color"
 				>
+					<!-- @slot default -->
 					<slot></slot>
 				</farm-bodytext>
 			</div>
@@ -92,6 +95,13 @@ export default Vue.extend({
 			type: Boolean,
 			default: true,
 		},
+		/**
+		 * Html tag (will be forwarded to farm-typography)
+		 */
+		tag: {
+			type: String,
+			default: 'p',
+		},
 	},
 	setup(props, { emit }) {
 		const visible = ref(true);
@@ -109,8 +119,6 @@ export default Vue.extend({
 		};
 	},
 });
-
-
 </script>
 <style lang="scss" scoped>
 @import './AlertBox';

package/src/components/Logger/Logger.scss

@@ -17,7 +17,7 @@
 	}
 
 	&.logger__divider--info-to-info {
-		background: var(--farm-error-base);
+		background: var(--farm-info-base);
 	}
 
 	&.logger__divider--success-to-error {

package/src/components/Logger/Logger.stories.js

@@ -54,7 +54,7 @@ export const Primary = () => ({
 					message: 'Recusado entre as pré elegíveis',
 					userName: 'Cleyton Rasta',
 					formattedDate: '13/06/2022  20:40',
-					status: 'success',
+					status: 'info',
 				},
 				{
 					message: 'Info',

package/src/components/Select/Select.vue

@@ -176,7 +176,7 @@ export default Vue.extend({
 		change: {
 			type: Function,
 			// eslint-disable-next-line
-			default: (value: [String, Number, Array<any>]) => {}, 
+			default: (value: [String, Number, Array<any>]) => {},
 		},
 		/**
 		 * Emitted when any key is pressed<br />
@@ -248,7 +248,6 @@ export default Vue.extend({
 				isBlured.value = true;
 				validate(innerValue.value);
 				emit('input', innerValue.value);
-				emit('change', innerValue.value);
 			}
 		);
 
@@ -309,6 +308,9 @@ export default Vue.extend({
 
 			innerValue.value = item[itemValue.value];
 			isVisible.value = false;
+			setTimeout(() => {
+				emit('change', innerValue.value);
+			}, 100);
 		};
 
 		const clickInput = () => {

package/src/components/TextFieldV2/TextFieldV2.vue

@@ -145,6 +145,15 @@ export default Vue.extend({
 			type: Boolean,
 			default: false,
 		},
+		/**
+		 * Emitted when any key is pressed<br />
+		 * _event_
+		 */
+		keyup: {
+			type: Function,
+			// eslint-disable-next-line
+			default: (event: Event) => {},
+		},
 	},
 	setup(props, { emit }) {
 		const { rules } = toRefs(props);
@@ -176,7 +185,6 @@ export default Vue.extend({
 			() => innerValue.value,
 			() => {
 				emit('input', innerValue.value);
-				emit('change', innerValue.value);
 			}
 		);
 
@@ -199,6 +207,10 @@ export default Vue.extend({
 		const onKeyUp = (event: Event) => {
 			isTouched.value = true;
 			emit('keyup', event);
+
+			setTimeout(() => {
+				emit('change', innerValue.value);
+			}, 100);
 		};
 
 		const onBlur = (event: Event) => {

package/src/components/Typography/Typography.vue

@@ -29,7 +29,18 @@ export default Vue.extend({
 		 */
 		tag: {
 			type: String as PropType<
-				'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'legend' | 'label' | 'li'
+				| 'p'
+				| 'span'
+				| 'h1'
+				| 'h2'
+				| 'h3'
+				| 'h4'
+				| 'h5'
+				| 'h6'
+				| 'legend'
+				| 'label'
+				| 'li'
+				| 'div'
 			>,
 			default: 'p',
 		},

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

@@ -51,7 +51,7 @@ describe('Typography component', () => {
 		it('Should not allow invalid html tag', async () => {
 			const wrapperTest = shallowMount(Typography, {
 				propsData: {
-					tag: 'div',
+					tag: 'section',
 				},
 			});
 			expect(wrapperTest.vm.tag).toEqual('p');

package/src/configurations/typographyHtmlTags.ts

@@ -1 +1 @@
-export default ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'legend', 'label', 'li'];
+export default ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'legend', 'label', 'li', 'div'];