@farm-investimentos/front-mfe-components 2.4.5 → 2.4.9

package/package.json

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

package/src/components/DataTableHeader/DataTableHeader.vue

@@ -32,7 +32,7 @@
 					</v-icon>
 				</span>
 
-				<span v-if="isTHDataTableSelect(item)">
+				<span v-if="isTHDataTableSelect(item) && showCheckbox">
 					<v-simple-checkbox
 						:indeterminate="headerProps.someItems && !headerProps.everyItem"
 						v-model="inputVal"
@@ -88,7 +88,7 @@ export default Vue.extend({
 		 * v-model for data-table-select
 		 */
 		value: {
-			required: true,
+			default: false,
 		},
 		/**
 		 * Original header props
@@ -96,6 +96,12 @@ export default Vue.extend({
 		headerProps: {
 			type: Object,
 		},
+		/**
+		 * Hide/show checkbox
+		 */
+		showCheckbox: {
+			default: true,
+		},
 	},
 	computed: {
 		inputVal: {

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

@@ -15,5 +15,11 @@ export const Secondary = () => ({
 	template: `<RangeDatePicker inputId="input-custom-id" :value="['2021-08-01', '2021-08-05']" />`,
 });
 
+export const MinMax = () => ({
+	components: { RangeDatePicker },
+	template: `<RangeDatePicker inputId="input-custom-id" min="2022-01-17" max="2022-02-15" />`,
+});
+
 Primary.storyName = 'Básico';
 Secondary.storyName = 'Data inicial';
+MinMax.storyName = 'Data Mínima e Máxima';

package/src/components/RangeDatePicker/RangeDatePicker.vue

@@ -27,6 +27,8 @@
 			no-title
 			scrollable
 			range
+			:max="max"
+			:min="min"
 			color="secondary"
 			locale="pt-br"
 		>
@@ -73,6 +75,20 @@ export default {
 				return [];
 			},
 		},
+		/**
+		 * Variável usada para definir a data máxima (yyyy-mm-dd)
+		 */
+		max: {
+			type: String,
+			default: null,
+		},
+		/**
+		 * Variável usada para definir a data minima (yyyy-mm-dd)
+		 */
+		min: {
+			type: String,
+			default: null,
+		},
 	},
 	data() {
 		const s = this.formatDateRange(this.value);

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

@@ -0,0 +1,37 @@
+import { shallowMount } from '@vue/test-utils';
+import RangeDatePicker from '../RangeDatePicker';
+
+describe('RangeDatePicker component', () => {
+	let wrapper;
+
+	beforeEach(() => {
+		wrapper = shallowMount(RangeDatePicker, {
+			propsData: {
+				inputId: 'someid',
+			},
+		});
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+
+	describe('computed values', () => {
+		it('min max correctly', async () => {
+			await wrapper.setProps({
+				inputId: 'someid',
+				min: '2022-01-17',
+				max: '2022-01-31',
+			});
+			expect(wrapper.vm.inputId).toBe('someid');
+			expect(wrapper.vm.min).toBe('2022-01-17');
+			expect(wrapper.vm.max).toBe('2022-01-31');
+		});
+	});
+});