@farm-investimentos/front-mfe-components 12.2.0 → 12.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "12.2.0",
+	"version": "12.2.1",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",
@@ -10,7 +10,7 @@
 		"serve": "vue-cli-service serve",
 		"build": "npm run build:components",
 		"build:components": "vue-cli-service build --target lib --name front-mfe-components src/main.ts",
-		"lint": "vue-cli-service lint",
+		"lint": "vue-cli-service lint --fix",
 		"storybook": "start-storybook -p 6006",
 		"build-storybook": "build-storybook",
 		"test:unit": "jest --updateSnapshot",

package/src/components/Select/Select.vue

@@ -8,6 +8,7 @@
 			'farm-textfield--blured': isBlured,
 			'farm-textfield--error': hasError,
 			'farm-textfield--disabled': disabled,
+			'farm-textfield--hiddendetails': hideDetails,
 		}"
 		v-if="!readonly && !disabled"
 	>
@@ -144,6 +145,13 @@ export default Vue.extend({
 			type: Boolean,
 			default: false,
 		},
+		/**
+		 * Hides hint and validation errors
+		 */
+		hideDetails: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	setup(props, { emit }) {
 		const { rules, items, itemText, itemValue, disabled, multiple } = toRefs(props);

package/src/components/TextArea/TextArea.scss

@@ -1,6 +1,10 @@
 .farm-textarea {
 	min-height: 64px;
 
+	&--hiddendetails {
+		height: 40px;
+	}
+
 	&--textarea {
 		display: flex;
 		align-items: center;

package/src/components/TextArea/TextArea.vue

@@ -8,16 +8,18 @@
 			'farm-textarea--blured': isBlured,
 			'farm-textarea--error': hasError,
 			'farm-textarea--disabled': disabled,
+			'farm-textarea--hiddendetails': hideDetails,
 		}"
 	>
-		<div :class="{
-			'farm-textarea--textarea': true,
-		}">
-			
+		<div
+			:class="{
+				'farm-textarea--textarea': true,
+			}"
+		>
 			<textarea
 				v-bind="$attrs"
 				v-model="innerValue"
-                :rows="$props.rows"
+				:rows="$props.rows"
 				:disabled="disabled"
 				:readonly="readonly"
 				@click="$emit('click')"
@@ -79,13 +81,20 @@ export default Vue.extend({
 			type: Array as PropType<Array<Function>>,
 			default: () => [],
 		},
-        /**
-         * Textarea rows
-         */
-        rows: {
-            default: 5,
-            type: [String, Number],
-        }
+		/**
+		 * Textarea rows
+		 */
+		rows: {
+			default: 5,
+			type: [String, Number],
+		},
+		/**
+		 * Hides hint and validation errors
+		 */
+		hideDetails: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	setup(props, { emit }) {
 		const { rules } = toRefs(props);

package/src/components/TextFieldV2/TextFieldV2.scss

@@ -1,6 +1,10 @@
 .farm-textfield {
 	height: 64px;
 
+	&--hiddendetails {
+		height: 40px;
+	}
+
 	&--input {
 		display: flex;
 		align-items: center;

package/src/components/TextFieldV2/TextFieldV2.vue

@@ -8,12 +8,15 @@
 			'farm-textfield--blured': isBlured,
 			'farm-textfield--error': hasError,
 			'farm-textfield--disabled': disabled,
+			'farm-textfield--hiddendetails': hideDetails,
 		}"
 	>
-		<div :class="{
-			'farm-textfield--input': true,
-			'farm-textfield--input--iconed': icon
-		}">
+		<div
+			:class="{
+				'farm-textfield--input': true,
+				'farm-textfield--input--iconed': icon,
+			}"
+		>
 			<button
 				type="button"
 				v-if="icon && iconPosition === 'left'"
@@ -24,7 +27,7 @@
 			<input
 				v-bind="$attrs"
 				v-model="innerValue"
-				v-mask="mask"		
+				v-mask="mask"
 				:disabled="disabled"
 				:readonly="readonly"
 				@click="$emit('click')"
@@ -39,10 +42,14 @@
 				<farm-icon color="gray" size="20px">{{ icon }}</farm-icon>
 			</button>
 		</div>
-		<farm-caption v-if="showErrorText" color="error" variation="regular">
+		<farm-caption v-if="!hideDetails && showErrorText" color="error" variation="regular">
 			{{ errorBucket[0] }}
 		</farm-caption>
-		<farm-caption v-if="hint && !showErrorText" color="gray" variation="regular">
+		<farm-caption
+			v-if="!hideDetails && hint && !showErrorText"
+			color="gray"
+			variation="regular"
+		>
 			{{ hint }}
 		</farm-caption>
 	</div>
@@ -111,6 +118,13 @@ export default Vue.extend({
 			default: '',
 			type: [String, Function],
 		},
+		/**
+		 * Hides hint and validation errors
+		 */
+		hideDetails: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	setup(props, { emit }) {
 		const { rules } = toRefs(props);