@farm-investimentos/front-mfe-components 15.4.1 → 15.4.3

package/package.json

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

package/src/components/DatePicker/DatePicker.stories.js

@@ -94,6 +94,19 @@ export const OnlyAllowedDates = () => ({
 	template: `<div style='max-width: 320px'><farm-input-datepicker position="bottom" :allowed-dates="allowedDates" inputId="input-custom-id-1" v-model="date" /></div>`,
 });
 
+export const WithInitialMonth = () => ({
+	data() {
+		return {
+			date: '',
+			pickerDate: '2023-01'
+		};
+	},
+	template: `<div style='max-width: 320px'>
+        <farm-input-datepicker inputId="input-custom-id-0" v-model="date" position="center" :picker-date.sync="pickerDate" />
+		{{ date }}
+    </div>`,
+});
+
 export const TopPositioned = () => ({
 	data() {
 		return {

package/src/components/DatePicker/DatePicker.vue

@@ -20,6 +20,7 @@
 			:max="max"
 			:min="min"
 			:allowed-dates="allowedDates"
+			:picker-date.sync="internalPickerDate"
 		>
 			<farm-btn plain title="Limpar" color="primary" :disabled="isDisabled" @click="clear">
 				Limpar
@@ -110,7 +111,14 @@ export default defineComponent({
 		 */
 		allowedDates: {
 			type: Function,
-			default: () => {},
+			default: () => true,
+		},
+		/**
+		 * Current month/year to show when opened
+		 */
+		pickerDate: {
+			type: String,
+			default: '',
 		},
 		/**
 		 * Required field (inside form)
@@ -127,6 +135,7 @@ export default defineComponent({
 	data() {
 		const s = this.formatDateRange(this.value);
 		return {
+			internalPickerDate: this.pickerDate,
 			menuField: false,
 			dateField: this.value,
 			fieldRange: s,

package/src/components/DatePicker/__tests__/DatePicker.spec.js

@@ -73,6 +73,23 @@ describe('DatePicker component', () => {
 			});
 			expect(component.isDateFieldDisabled).toBe(false);
 		});
+
+		it('should allow all dates', async () => {
+			await wrapper.setProps({
+				allowedDates: () => true
+			});
+			expect(component.checkIsInAllowedDates('2023-07-03')).toBe(true);
+			expect(component.checkIsInAllowedDates('2099-12-20')).toBe(true);
+			expect(component.checkIsInAllowedDates('1985-01-23')).toBe(true);
+		});
+
+		it('should allow only dates in year 2077', async () => {
+			await wrapper.setProps({
+				allowedDates: (value) => new Date(value).getFullYear() === 2077
+			});
+			expect(component.checkIsInAllowedDates('2077-05-03')).toBe(true);
+			expect(component.checkIsInAllowedDates('2023-05-03')).toBe('Data inválida');
+		});
 	});
 
 	describe('methods', () => {

package/src/components/SelectAutoComplete/SelectAutoComplete.vue

@@ -376,8 +376,8 @@ export default defineComponent({
 					if (!selectedText.value) {
 						innerValue.value = null;
 					}
-					searchText.value = '';
 				}
+				searchText.value = '';
 				updateSelectedTextValue();
 			}
 		};