@farm-investimentos/front-mfe-components 15.4.4 → 15.4.5

package/package.json

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

package/src/components/Collapsible/Collapsible.stories.js

@@ -61,6 +61,17 @@ export const Export = () => ({
 		</div>`,
 });
 
+export const ExportDisabled = () => ({
+	data() {
+		return {
+			clicked: false,
+		};
+	},
+	template: `<div>
+		clicked: {{clicked}} <farm-collapsible :disabledButton="true" icon="clipboard" title="With Button" :hasButton="true"  @onClick="value => clicked = !clicked" >collapsible content</farm-collapsible>
+		</div>`,
+});
+
 export const Opened = () => ({
 	data() {
 		return {

package/src/components/Collapsible/Collapsible.vue

@@ -11,7 +11,13 @@
 					<farm-heading type="6" color="black">
 						{{ title }}
 					</farm-heading>
-					<farm-btn outlined class="ml-6" v-if="hasButton" @click.stop="onClick()">
+					<farm-btn
+						outlined
+						class="ml-6"
+						v-if="hasButton"
+						:disabled="disabledButton"
+						@click.stop="onClick()"
+					>
 						{{ labelButton }}
 					</farm-btn>
 				</div>
@@ -93,7 +99,14 @@ export default defineComponent({
 			default: false,
 		},
 		/**
-		 * export button
+		 * export button disabled toggle
+		 */
+		disabledButton: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * export button emit
 		 */
 		onExport: {
 			type: Boolean,