@farm-investimentos/front-mfe-components 15.10.1 → 15.10.2

package/package.json

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

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

@@ -101,12 +101,12 @@ export const ValidacaoInputPadrao = () => ({
 		};
 	},
 	template: `<div style='max-width: 320px'>
-		<farm-label>Selecione uma data entre 01/01/2024 e 31/12/2024</farm-label>
+		<farm-label>Selecione uma data entre 01/01/2025 e 31/12/2025</farm-label>
 		<RangeDatePicker
 			inputId="input-custom-id"
 			v-model="date"
-			min="2024-01-01"
-			max="2024-12-31"
+			min="2025-01-01"
+			max="2025-12-31"
 			validateInput
 			required
 		/>
@@ -121,15 +121,15 @@ export const ValidacaoInputCustomizada = () => ({
 		};
 	},
 	template: `<div style='max-width: 320px'>
-		<farm-label>Selecione uma data do primeiro semestre de 2024</farm-label>
+		<farm-label>Selecione uma data do primeiro semestre de 2025</farm-label>
 		<RangeDatePicker
 			inputId="input-custom-id"
 			v-model="date"
-			min="2024-01-01"
-			max="2024-06-30"
+			min="2025-01-01"
+			max="2025-06-30"
 			validateInput
 			required
-			outOfRangeMessage="Por favor, selecione datas dentro do primeiro semestre de 2024 ({min} até {max})"
+			outOfRangeMessage="Por favor, selecione datas dentro do primeiro semestre de 2025 ({min} até {max})"
 		/>
 		date: {{ date }}
 	</div>`,

package/src/components/RangeDatePicker/RangeDatePicker.vue

@@ -164,15 +164,16 @@ export default defineComponent({
 					return true;
 				}
 
-				const [startDate, endDate] = value.split(' a ').map(date => {
-					const [day, month, year] = date.split('/');
-					return new Date(year, month - 1, day);
-				});
-
+				const [startDateStr, endDateStr] = value.split(' a ');
+				
+				const startDate = new Date(convertDate(startDateStr));
+				const endDate = new Date(convertDate(endDateStr));
 				const minDate = new Date(this.min);
 				const maxDate = new Date(this.max);
 
-				if (startDate < minDate || endDate > maxDate) {
+				const isValid = startDate.getTime() >= minDate.getTime() && endDate.getTime() <= maxDate.getTime();
+
+				if (!isValid) {
 					return this.outOfRangeMessage
 						.replace('{min}', dateDefaultFormatter(this.min))
 						.replace('{max}', dateDefaultFormatter(this.max));

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

@@ -104,4 +104,49 @@ describe('RangeDatePicker component', () => {
 			expect(component.fieldRange).toEqual('27/02/2023 a 28/02/2023');
 		});
 	});
+
+	describe('range validation', () => {
+		beforeEach(async () => {
+			await wrapper.setProps({
+				min: '2023-02-01',
+				max: '2023-02-28',
+				validateInput: true
+			});
+		});
+
+		it('should return true when date range is within min and max', () => {
+			const result = component.checkMinMax('15/02/2023 a 20/02/2023');
+			expect(result).toBe(true);
+		});
+
+		it('should return error message when start date is before min date', () => {
+			const result = component.checkMinMax('31/01/2023 a 15/02/2023');
+			expect(result).toBe('A data selecionada deve ser entre 01/02/2023 e 28/02/2023');
+		});
+
+		it('should return error message when end date is after max date', () => {
+			const result = component.checkMinMax('15/02/2023 a 01/03/2023');
+			expect(result).toBe('A data selecionada deve ser entre 01/02/2023 e 28/02/2023');
+		});
+
+		it('should return true when validateInput is false', async () => {
+			await wrapper.setProps({ validateInput: false });
+			const result = component.checkMinMax('31/01/2023 a 01/03/2023');
+			expect(result).toBe(true);
+		});
+
+		it('should return true when value is empty', () => {
+			const result = component.checkMinMax('');
+			expect(result).toBe(true);
+		});
+
+		it('should return true when min and max are not set', async () => {
+			await wrapper.setProps({
+				min: null,
+				max: null
+			});
+			const result = component.checkMinMax('15/02/2023 a 20/02/2023');
+			expect(result).toBe(true);
+		});
+	});
 });