@farm-investimentos/front-mfe-components 11.3.0 → 11.3.1

package/package.json

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

package/src/components/Buttons/MultiImportButton/MultiImportButton.vue

@@ -1,46 +1,4 @@
 <template>
-	<!--
-	<v-menu content-class="elevation-1" v-model="togglePopover" :offset-y="true" :rounded="'b t-0'">
-		<template v-slot:activator="{ on, attrs }">
-			<farm-btn
-				v-bind="attrs"
-				v-on="on"
-				dense
-				class="farm-btn--responsive farm-btn--import"
-				outlined
-				color="secondary"
-				title="Importar"
-				@onClick="togglePopover = true"
-			>
-				Importar
-				<i
-					:class="{
-						'ml-2': true,
-						'mr-0': true,
-						mdi: true,
-						'mdi-chevron-up': togglePopover,
-						'mdi-chevron-down': !togglePopover,
-					}"
-				>
-				</i>
-			</farm-btn>
-		</template>
-
-		<v-list dense class="pa-0">
-			<v-list-item
-				v-for="option in optionsList"
-				:key="option.listenerKey"
-				link
-				:title="option.title"
-				@click="$emit('onClick', option.listenerKey)"
-			>
-				<v-list-item-content>
-					<v-list-item-title>{{ option.title }}</v-list-item-title>
-				</v-list-item-content>
-			</v-list-item>
-		</v-list>
-	</v-menu>
--->
 	<farm-contextmenu v-model="value" :bottom="true">
 		<template v-slot:activator="{}">
 			<farm-btn outlined title="Importar" color="secondary" @click="toggleValue">

package/src/components/ContextMenu/ContextMenu.vue

@@ -82,15 +82,18 @@ export default Vue.extend({
 
 		const calculatePosition = () => {
 			const parentBoundingClientRect = parent.value.getBoundingClientRect();
+			const activatorBoundingClientRect = activator.value.children[0].getBoundingClientRect();
 			const popupClientRect = popup.value.getBoundingClientRect();
 
+			console.log(activatorBoundingClientRect);
+
 			let offsetTop =
 				parentBoundingClientRect.top +
 				window.scrollY +
-				(!bottom.value ? 0 : parentBoundingClientRect.height);
+				(!bottom.value ? 0 : activatorBoundingClientRect.height);
 
 			let offsetLeft = parentBoundingClientRect.left;
-			if (popupClientRect.width > parentBoundingClientRect.width) {
+			if (popupClientRect.width > activatorBoundingClientRect.width) {
 				offsetLeft =
 					offsetLeft + parentBoundingClientRect.width / 2 - popupClientRect.width / 2;
 			}

package/src/components/IdCaption/IdCaption.stories.js

@@ -4,7 +4,7 @@ import IdCaption from './';
 export default {
 	title: 'Display/IdCaption',
 	component: IdCaption,
-    decorators: [withDesign],
+	decorators: [withDesign],
 	parameters: {
 		docs: {
 			description: {
@@ -132,3 +132,20 @@ export const IconBoxCustomColor = () => ({
     </farm-idcaption>
     `,
 });
+
+export const CustomTag = () => ({
+	template: `
+    <farm-idcaption 
+    icon="account-box-outline"
+    copyText="texto a copiar"
+    :link="true"
+    >
+        <template v-slot:title>
+            <b>Upper Line Text</b>
+        </template>
+        <template v-slot:subtitle>
+            <b>Lower:</b> Line Text Line Text Line Text
+        </template>
+    </farm-idcaption>
+    `,
+});

package/src/components/IdCaption/IdCaption.vue

@@ -6,7 +6,7 @@
 		>
 			<farm-caption variation="medium" v-if="hasTitle">
 				<span>
-					{{ $slots.title ? $slots.title[0].text : null }}
+					<slot name="title"></slot>
 					<farm-btn icon color="gray" v-if="link" @click="$emit('onLinkClick')">
 						<farm-icon size="xs">open-in-new</farm-icon>
 					</farm-btn>
@@ -15,7 +15,7 @@
 
 			<farm-caption variation="regular" color="gray" v-if="hasSubtitle">
 				<span>
-					{{ $slots.subtitle ? $slots.subtitle[0].text : null }}
+					<slot name="subtitle"></slot>
 					<farm-copytoclipboard v-if="copyText" :toCopy="copyText" />
 				</span>
 			</farm-caption>

package/src/helpers/calculateMainZindex.js

@@ -8,5 +8,5 @@ export default () => {
 		all_z.map(x => Number(x))
 	);
 
-	return zIndex;
+	return zIndex > 5 ? zIndex : 5;
 };