@farm-investimentos/front-mfe-components-vue3 0.0.6 → 0.0.7

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import DataTableEmptyWrapper from '../DataTableEmptyWrapper';
 
 describe('DataTableEmptyWrapper component', () => {
@@ -14,7 +15,7 @@ describe('DataTableEmptyWrapper component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 });

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import DataTableHeader from '../DataTableHeader';
 
 describe('DataTableHeader component', () => {
@@ -37,7 +38,7 @@ describe('DataTableHeader component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import DataTablePaginator from '../DataTablePaginator';
 
 describe('DataTablePaginator component', () => {
@@ -20,7 +21,7 @@ describe('DataTablePaginator component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

package/src/components/DatePicker/DatePicker.vue

@@ -67,8 +67,9 @@
 </template>
 <script lang="ts">
 import { PropType } from 'vue';
-import { convertDate, checkDateValid, revertDate } from '../../helpers/date';
+
 import { formatDatePickerHeader } from '../../helpers';
+import { convertDate, checkDateValid, revertDate } from '../../helpers/date';
 /**
  * Componente de input com datepicker para data
  */

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import DatePicker from '../DatePicker';
 
 describe('DatePicker component', () => {
@@ -20,7 +21,7 @@ describe('DatePicker component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

package/src/components/DialogFooter/DialogFooter.vue

@@ -30,6 +30,7 @@
 
 <script lang="ts">
 import { PropType } from 'vue';
+
 import IExtraButton from './IExtraButton';
 
 /**

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import DialogFooter from '../DialogFooter';
 
 describe('DialogFooter component', () => {
@@ -14,7 +15,7 @@ describe('DialogFooter component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 });

package/src/components/DialogHeader/DialogHeader.scss

@@ -3,9 +3,9 @@
 .farm-dialog-header__close {
 	position: absolute;
 	margin-top: 0;
-	margin-right: -8px;
 	font-size: 16px;
 	transition: all 0.4s;
+	right: 0;
 	&:hover {
 		opacity: 0.8;
 	}

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import DialogHeader from '../DialogHeader';
 
 describe('DialogHeader component', () => {
@@ -18,7 +19,7 @@ describe('DialogHeader component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 });

package/src/components/DialogPrompt/index.ts

@@ -1,6 +1,8 @@
-import Icon from '../Icon';
 import { bootstrap, modalFooter, modalHeader } from './utils';
 
+import Icon from '../Icon';
+
+
 export interface IDialogPromptOptions {
 	title: string;
 	body: string;

package/src/components/DialogPrompt/utils/index.ts

@@ -2,4 +2,4 @@ import bootstrap from "./bootstrap";
 import modalFooter from "./modalFooter";
 import modalHeader from "./modalHeader";
 
-export { bootstrap, modalFooter, modalHeader }
+export { bootstrap, modalFooter, modalHeader };

package/src/components/Form/Form.stories.js

@@ -1,6 +1,7 @@
-import Form from './Form.vue';
 import { getCurrentInstance, ref } from 'vue';
 
+import Form from './Form.vue';
+
 export default {
 	title: 'Form/Form',
 	component: Form,

package/src/components/Form/Form.vue

@@ -1,12 +1,11 @@
 <template>
-	<form class="farm-form">{{ errorsBag }}<slot></slot>
-	
-	</form>
+	<form class="farm-form"><slot></slot></form>
 </template>
 <script lang="ts">
-import walk from '../../helpers/walk';
 import { onMounted, reactive, ref, getCurrentInstance } from 'vue';
 
+import walk from '../../helpers/walk';
+
 type ErrorsBag = Record<number, boolean>;
 
 export default {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import Form from '../Form';
 
 describe('Form component', () => {

package/src/components/Icon/Icon.stories.js

@@ -1,9 +1,11 @@
 // import { withDesign } from 'storybook-addon-designs';
 import Icon from './Icon.vue';
-import sizes from '../../configurations/sizes';
+import iconsList from './icons_list';
+
 import baseThemeColors from '../../configurations/_theme-colors-base.module.scss';
 import bwThemeColors from '../../configurations/_theme-colors-bw.module.scss';
-import iconsList from './icons_list';
+import sizes from '../../configurations/sizes';
+
 const colors = Object.keys(baseThemeColors);
 
 import('./Icons.stories.scss');

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import Icon from '../Icon';
 
 describe('Icon component', () => {

package/src/components/IconBox/IconBox.stories.js

@@ -1,5 +1,6 @@
 // import { withDesign } from 'storybook-addon-designs';
 import IconBox from './IconBox.vue';
+
 import baseThemeColors from '../../configurations/_theme-colors-base.module.scss';
 const colors = Object.keys(baseThemeColors);
 import sizes from '../../configurations/sizes';

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import IconBox from '../IconBox';
 
 describe('IconBox component', () => {
@@ -20,7 +21,7 @@ describe('IconBox component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import IdCaption from '../IdCaption.vue';
 
 describe('FilePicker component', () => {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import Label from '../Label';
 
 describe('Label component', () => {
@@ -14,7 +15,7 @@ describe('Label component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 });

package/src/components/List/List.vue

@@ -5,6 +5,7 @@
 </template>
 <script lang="ts">
 import {  onMounted, onUnmounted, ref } from 'vue';
+
 import { useFocus } from './composition';
 
 export default {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import List from '../List';
 
 describe('List component', () => {
@@ -16,7 +17,7 @@ describe('List component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 	describe('Methods', () => {

package/src/components/ListItem/ListItem.stories.js

@@ -3,6 +3,8 @@ import ListItem from './ListItem.vue';
 
 import baseThemeColors from '../../configurations/_theme-colors-base.module.scss';
 
+
+
 const colors = Object.keys(baseThemeColors);
 const variations = ['base', 'darken', 'lighten'];
 

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import ListItem from '../ListItem';
 
 describe('ListItem component', () => {
@@ -14,7 +15,7 @@ describe('ListItem component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 });

package/src/components/Loader/Loader.vue

@@ -53,6 +53,7 @@
 </template>
 <script lang="ts">
 import { ref, toRefs, computed } from 'vue';
+
 import { calculateMainZindex } from '../../helpers';
 
 export default {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import Loader from '../Loader';
 
 describe('Loader component', () => {
@@ -16,7 +17,7 @@ describe('Loader component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

package/src/components/Logger/Logger.vue

@@ -15,6 +15,7 @@
 </template>
 <script lang="ts">
 import { PropType } from 'vue';
+
 import ILoggerItem from './LoggerItem/ILoggerItem';
 
 export default {

package/src/components/Logger/LoggerItem/LoggerItem.vue

@@ -52,6 +52,7 @@
 </template>
 <script lang="ts">
 import {  PropType } from 'vue';
+
 import ILoggerItem from './ILoggerItem';
 import mappingIconKeys from './mappingIconKeys';
 

package/src/components/Logger/LoggerItem/__tests__/LoggerItem.spec.js

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import LoggerItem from '../LoggerItem';
 
 describe('LoggerItem component', () => {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import Logger from '../Logger';
 
 describe('Logger component', () => {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import MainFilter from '../MainFilter';
 
 describe('MainFilter component', () => {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import ManagersList from '../ManagersList';
 
 describe('ManagersList component', () => {

package/src/components/Modal/Modal.vue

@@ -36,6 +36,7 @@ import {
 	toRefs,
 	watch,
 } from 'vue';
+
 import { calculateMainZindex } from '../../helpers';
 
 export default {
@@ -85,7 +86,7 @@ export default {
 			}
 			window.removeEventListener('keyup', escHandler);
 			inputValue.value = false;
-			emit('input', false);
+			emit('update:modelValue', false);
 		};
 
 		watch(

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import ModalPromptUser from '../ModalPromptUser';
 
 describe('ModalPromptUser component', () => {
@@ -7,7 +8,7 @@ describe('ModalPromptUser component', () => {
 	beforeEach(() => {
 		wrapper = shallowMount(ModalPromptUser, {
 			propsData: {
-				value: false,
+				modelValue: false,
 				title: '',
 				subtitle: '',
 				match: 'CONFIRMAR',
@@ -21,7 +22,7 @@ describe('ModalPromptUser component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 });

package/src/components/MultipleFilePicker/MultipleFilePicker.vue

@@ -96,6 +96,7 @@
 </template>
 <script lang="ts">
 import { PropType } from 'vue';
+
 import { sizeOf } from '@farm-investimentos/front-mfe-libs-ts';
 
 export type DownloadFiles = {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import MultipleSelectShortener from '../index';
 
 describe('MultipleSelectShortener component', () => {

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import ProgressBar from '../ProgressBar';
 
 describe('ProgressBar component', () => {
@@ -18,7 +19,7 @@ describe('ProgressBar component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

package/src/components/PromptUserToConfirm/PromptUserToConfirm.vue

@@ -1,15 +1,20 @@
 <template>
-	<farm-form v-model="formVal" autocomplete="off">
-		<farm-caption v-html="title" color="gray" />
+	<farm-form
+		v-model="formVal"
+		autocomplete="off"
+	>
+		<farm-caption
+			v-html="title"
+			color="gray"
+		/>
 		<farm-textfield-v2
 			v-model="matchInput"
 			class="mt-3"
 			:rules="[rules.checkRemove]"
-		></farm-textfield-v2>
+		/>
 	</farm-form>
 </template>
 <script lang="ts">
-
 export default {
 	name: 'farm-promptusertoconfirm',
 	props: {
@@ -23,7 +28,7 @@ export default {
 		/**
 		 * Object to be used as value (or v-model)
 		 */
-		value: {
+		modelValue: {
 			required: true,
 			type: Boolean,
 		},
@@ -48,10 +53,10 @@ export default {
 	computed: {
 		formVal: {
 			get() {
-				return this.value;
+				return this.modelValue;
 			},
 			set(val) {
-				this.$emit('input', val);
+				this.$emit('update:modelValue', val);
 			},
 		},
 	},

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import PromptUserToConfirm from '../PromptUserToConfirm';
 
 describe('PromptUserToConfirm component', () => {
@@ -7,7 +8,7 @@ describe('PromptUserToConfirm component', () => {
 	beforeEach(() => {
 		wrapper = shallowMount(PromptUserToConfirm, {
 			propsData: {
-				value: false,
+				modelValue: false,
 			},
 		});
 	});
@@ -18,7 +19,7 @@ describe('PromptUserToConfirm component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 });

package/src/components/Radio/Radio.stories.js

@@ -1,7 +1,9 @@
 // import { withDesign } from 'storybook-addon-designs';
 import Radio from './Radio.vue';
-import sizes from '../../configurations/sizes';
+
 import baseThemeColors from '../../configurations/_theme-colors-base.module.scss';
+import sizes from '../../configurations/sizes';
+
 const colors = Object.keys(baseThemeColors);
 
 export default {

package/src/components/RadioGroup/RadioGroup.vue

@@ -12,10 +12,11 @@
 </template>
 <script lang="ts">
 import {  ref, watch, PropType, toRefs, computed, onBeforeMount } from 'vue';
-import validateFormStateBuilder from '../../composition/validateFormStateBuilder';
+
+import deepEqual from '../../composition/deepEqual';
 import validateFormFieldBuilder from '../../composition/validateFormFieldBuilder';
 import validateFormMethodBuilder from '../../composition/validateFormMethodBuilder';
-import deepEqual from '../../composition/deepEqual';
+import validateFormStateBuilder from '../../composition/validateFormStateBuilder';
 
 export default {
 	name: 'farm-radio-group',

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import RadioGroup from '../RadioGroup';
 
 describe('RadioGroup component', () => {
@@ -18,7 +19,7 @@ describe('RadioGroup component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 });

package/src/components/RangeDatePicker/RangeDatePicker.vue

@@ -59,8 +59,8 @@
 	</farm-contextmenu>
 </template>
 <script>
-import { defaultFormat as dateDefaultFormatter } from '../../helpers/date';
 import { formatDatePickerHeader } from '../../helpers';
+import { defaultFormat as dateDefaultFormatter } from '../../helpers/date';
 
 /**
  * Componente de input com datepicker para range de data

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import RangeDatePicker from '../RangeDatePicker';
 
 describe('RangeDatePicker component', () => {
@@ -20,7 +21,7 @@ describe('RangeDatePicker component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import ResetTableRowSelection from '../ResetTableRowSelection';
 
 describe('ResetTableRowSelection component', () => {
@@ -20,7 +21,7 @@ describe('ResetTableRowSelection component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import ResourceMetaInfo from '../ResourceMetaInfo.vue';
 
 describe('ResourceMetaInfo component', () => {
@@ -28,7 +29,7 @@ describe('ResourceMetaInfo component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});
 

package/src/components/Select/Select.vue

@@ -48,12 +48,15 @@
 
 <script lang="ts">
 import { computed, onBeforeMount, PropType, ref, toRefs, watch } from 'vue';
-import validateFormStateBuilder from '../../composition/validateFormStateBuilder';
+
+import { buildData } from './composition';
+
+import deepEqual from '../../composition/deepEqual';
 import validateFormFieldBuilder from '../../composition/validateFormFieldBuilder';
 import validateFormMethodBuilder from '../../composition/validateFormMethodBuilder';
-import deepEqual from '../../composition/deepEqual';
+import validateFormStateBuilder from '../../composition/validateFormStateBuilder';
 import randomId from '../../helpers/randomId';
-import { buildData } from './composition';
+
 
 export default {
 	name: 'farm-select',

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

@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+
 import Select from '../Select';
 
 describe('Select component', () => {
@@ -16,7 +17,7 @@ describe('Select component', () => {
 
 	describe('mount component', () => {
 		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
+			expect(wrapper.element).toBeDefined();
 		});
 	});