@farm-investimentos/front-mfe-components 15.0.8 → 15.2.0

package/package.json

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

package/src/components/Buttons/ExportButton/ExportButton.stories.js

@@ -28,6 +28,10 @@ export const List = () => ({
 	template: `<farm-btn-export :optionsList="[{ key: 1, label: 'XLS teste'}, { key: 2, label: 'CSV teste novo'}]" />`,
 });
 
+export const DisabledList = () => ({
+	template: `<farm-btn-export :disabled="true" :optionsList="[{ key: 1, label: 'XLS teste'}, { key: 2, label: 'CSV teste novo'}]" />`,
+});
+
 export const CustomColor = () => ({
 	template: `<div>
 		<farm-btn-export color="info" />

package/src/components/Buttons/ExportButton/ExportButton.vue

@@ -1,17 +1,18 @@
 <template>
 	<farm-btn
-		v-if="optionsList.length == 0"
-		@click="onClick"
+		v-if="optionsList.length == 0 || disabled"
 		class="farm-btn--responsive"
 		outlined
 		title="Exportar"
 		:color="$attrs.color"
 		:disabled="disabled"
+		@click="onClick"
 	>
-		<i :class="{ 'mr-2': true, 'mdi-file-export-outline': true, mdi: true }"></i>
+		<farm-icon v-if="optionsList.length == 0" class="mr-2"> file-export-outline </farm-icon>
 		Exportar
+		<farm-icon v-if="optionsList.length != 0" class="ml-2"> chevron-down </farm-icon>
 	</farm-btn>
-	
+
 	<farm-contextmenu v-else v-model="value" :bottom="true">
 		<template v-slot:activator="{}">
 			<farm-btn outlined title="Exportar" :color="$attrs.color" @click="toggleValue">
@@ -23,8 +24,8 @@
 			<farm-listitem
 				v-for="item in optionsList"
 				clickable
-				:hoverColor="$attrs.color || 'primary'"
 				hoverColorVariation="lighten"
+				:hoverColor="$attrs.color || 'primary'"
 				:key="'exportbutton_key_' + item.label"
 				:title="item.label"
 				@click="onClick(item.key)"

package/src/components/MainFilter/MainFilter.stories.js

@@ -74,4 +74,11 @@ export const Application = () => ({
 			</farm-col>
 		</farm-row>
 	</div>`,
-});
+});
+
+export const FullWidth = () => ({
+	template: `
+	<div style="max-width: 480px; padding-top: 32px; margin-left: 32px;">
+		<farm-form-mainfilter  label="Label" fullWidth :hasExtraFilters="false"/>
+	</div>`,
+});

package/src/components/MainFilter/MainFilter.vue

@@ -1,6 +1,6 @@
 <template>
 	<farm-row :class="{ 'justify-end': justifyEnd === true }">
-		<farm-col v-if="hasInitialInput" md="6">
+		<farm-col v-if="hasInitialInput" :md="fullWidth ? 12 : 6">
 			<farm-label :for="elementId">
 				{{ !hasSlotData ? label : '' }}
 				<slot v-if="hasSlotData"></slot>
@@ -80,6 +80,13 @@ export default Vue.extend({
 			type: String,
 			default: null,
 		},
+		/**
+		 * Input full width
+		 */
+		fullWidth: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	watch: {