@farm-investimentos/front-mfe-components 15.8.1 → 15.8.3

package/package.json

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

package/src/components/ContextMenu/ContextMenu.scss

@@ -30,4 +30,11 @@
 		opacity: 1;
 		visibility: visible;
 	}
-}
+
+	&--fixed {
+		position: fixed !important;
+		top: 50% !important;
+		left: 50% !important;
+		transform: translate(-50%, -50%) !important;
+	}
+}

package/src/components/ContextMenu/ContextMenu.vue

@@ -9,6 +9,7 @@
 			:class="{
 				'farm-contextmenu__popup': true,
 				'farm-contextmenu__popup--visible': inputValue,
+				'farm-contextmenu__popup--fixed': fixedCentered,
 			}"
 			:style="styles"
 		>
@@ -66,6 +67,13 @@ export default defineComponent({
 			type: [Number, String],
 			default: null,
 		},
+		/**
+		 * Should be in the center of the screen
+		 */
+		fixedCentered: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	setup(props, { emit }) {
 		const parent = ref(null);

package/src/components/DatePicker/DatePicker.vue

@@ -6,6 +6,7 @@
 		maxHeight="auto"
 		:bottom="position === 'bottom'"
 		:top="position === 'top'"
+		:fixedCentered="position === 'fixed-centered'"
 		popup-width="320"
 	>
 		<v-date-picker
@@ -105,7 +106,7 @@ export default defineComponent({
 		 * Min date (ISO format)
 		 */
 		position: {
-			type: String as PropType<'top' | 'bottom' | 'center'>,
+			type: String as PropType<'top' | 'bottom' | 'center' | 'fixed-centered'>,
 			default: 'bottom',
 		},
 		/**
@@ -201,6 +202,9 @@ export default defineComponent({
 				this.save();
 			}
 		},
+		pickerDate(newValue) {
+			this.internalPickerDate = newValue;
+		},
 	},
 	methods: {
 		formatDateRange(date: string | string[]) {