@farm-investimentos/front-mfe-components 13.0.0 → 13.0.2

package/package.json

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

package/src/components/AlertBox/AlertBox.stories.js

@@ -67,7 +67,7 @@ export const withDismissableShowAgain = () => ({
 	data() {
 		return {
 			v: true,
-		}
+		};
 	},
 	template: `<div>
 		<farm-alertbox v-model="v" dismissable>alert box</farm-alertbox>

package/src/components/RangeDatePicker/RangeDatePicker.stories.js

@@ -25,7 +25,7 @@ export default {
 export const Primary = () => ({
 	data() {
 		return {
-			date: [],
+			date: null,
 		};
 	},
 	template: `<div style='max-width: 320px'>
@@ -34,8 +34,16 @@ export const Primary = () => ({
 	</div>`,
 });
 
-export const Secondary = () => ({
-	template: `<RangeDatePicker inputId="input-custom-id" :value="['2021-08-01', '2021-08-05']" />`,
+export const InitialValue = () => ({
+	data() {
+		return {
+			date: ['2023-08-01', '2023-08-05'],
+		};
+	},
+	template: `<div style='max-width: 320px'>
+		<RangeDatePicker inputId="input-custom-id" :value="date" />
+		date: {{ date }}
+	</div>`,
 });
 
 export const MinMax = () => ({

package/src/components/RangeDatePicker/RangeDatePicker.vue

@@ -23,11 +23,11 @@
 				Fechar
 			</farm-btn>
 			<farm-btn outlined class="btn-clean" @click="clear"> Limpar </farm-btn>
-			<farm-btn class="ml-2" title="Confirmar" :disabled="!dateField.length" @click="save()">
+			<farm-btn class="ml-2" title="Confirmar" :disabled="dateField.length != 2" @click="save()">
 				Confirmar
 			</farm-btn>
 		</v-date-picker>
-		<template v-slot:activator="{ }">
+		<template v-slot:activator="{}">
 			<farm-textfield-v2
 				v-model="fieldRange"
 				icon="calendar"
@@ -65,9 +65,7 @@ export default Vue.extend({
 		 */
 		value: {
 			type: Array,
-			default: () => {
-				return [];
-			},
+			default: () => [],
 		},
 		/**
 		 * Variável usada para definir a data máxima (yyyy-mm-dd)
@@ -95,7 +93,7 @@ export default Vue.extend({
 		const s = this.formatDateRange(this.value);
 		return {
 			menuField: false,
-			dateField: this.value,
+			dateField: this.value || [],
 			fieldRange: s,
 			requiredRule: value => {
 				return !!value || value != '' || 'Campo obrigatório';