@farm-investimentos/front-mfe-components 9.4.0 → 9.4.1

package/package.json

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

package/src/components/Checkbox/Checkbox.vue

@@ -18,7 +18,7 @@
 	</div>
 </template>
 <script lang="ts">
-import Vue, { onBeforeMount, PropType, ref, toRefs, watch } from 'vue';
+import Vue, { computed, onBeforeMount, PropType, ref, toRefs, watch } from 'vue';
 import validateFormStateBuilder from '../../composition/validateFormStateBuilder';
 import validateFormFieldBuilder from '../../composition/validateFormFieldBuilder';
 import validateFormMethodBuilder from '../../composition/validateFormMethodBuilder';
@@ -74,6 +74,10 @@ export default Vue.extend({
 			validate(innerValue.value);
 		};
 
+		const hasError = computed(() => {
+			return errorBucket.value.length > 0;
+		});
+
 		watch(
 			() => props.value,
 			() => {
@@ -113,6 +117,7 @@ export default Vue.extend({
 			errorBucket,
 			valid,
 			validatable,
+			hasError,
 			toggleValue,
 			reset,
 			validate,

package/src/components/Chip/Chip.stories.js

@@ -8,6 +8,17 @@ const variations = ['', 'darken', 'lighten'];
 export default {
 	title: 'Display/Chips',
 	component: Chip,
+	parameters: {
+		docs: {
+			description: {
+				component: `Chip<br />
+				selector: <em>farm-chip</em><br />
+				<span style="color: green;">ready for use</span>
+				`,
+			},
+		},
+		viewMode: 'docs',
+	},
 };
 
 export const Primary = () => ({

package/src/components/Form/Form.stories.js

@@ -44,10 +44,10 @@ export const Primary = () => ({
 	},
 	template: `
         <farm-form v-model="validForm" :style="[styles.vForm]" ref="form">
-			
-			<farm-label :required="true">Documento</farm-label>
-			<farm-textfield v-model="form.document" :rules="[rules.required]" />
-
+			<div>
+				<farm-label :required="true">Documento</farm-label>
+				<farm-textfield v-model="form.document" :rules="[rules.required]" />
+			</div>
 			<farm-label :required="true">Nome</farm-label>
 			<farm-textfield v-model="form.name" :rules="[rules.required]" />
 			

package/src/components/Icon/Icon.stories.js

@@ -12,7 +12,9 @@ export default {
 		viewMode: 'docs',
 		docs: {
 			description: {
-				component: `Icon`,
+				component: `Icon<br />
+                selector: <em>farm-icon<em><br />
+                <span style="color: green;">ready for use</span>`,
 			},
 		},
 	},

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

@@ -7,8 +7,8 @@ export default {
 		docs: {
 			description: {
 				component: `Modal<br />
-				selector: <em>farm-modal</em>
-				<span style="color: yellow;">wait</span>
+				selector: <em>farm-modal</em><br />
+				<span style="color: green;">ready for use</span>
 				`,
 			},
 		},