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

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

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

package/src/components/Typography/BodyText/BodyText.stories.js

@@ -14,7 +14,6 @@ export default {
 };
 
 export const Primary = () => ({
-	components: { 'farm-bodytext': BodyText },
 	data() {
 		return {
 			types: [1, 2],

package/src/components/Typography/BodyText/BodyText.vue

@@ -12,6 +12,7 @@
 </template>
 <script lang="ts">
 import {  computed, ref, watch, toRefs, PropType } from 'vue';
+
 import { Keys } from './configurations';
 
 export default {

package/src/components/Typography/BodyText/__tests__/BodyText.spec.js

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

package/src/components/Typography/Caption/__tests__/Caption.spec.js

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

package/src/components/Typography/Heading/__tests__/Heading.spec.js

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

package/src/components/Typography/OverlayText/__tests__/OverlayText.spec.js

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

package/src/components/Typography/Small/__tests__/Small.spec.js

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

package/src/components/Typography/Subtitle/__tests__/Subtitle.spec.js

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

package/src/components/Typography/Typography.stories.js

@@ -1,7 +1,9 @@
 import Typography from './Typography.vue';
-import sizes from '../../configurations/sizes';
+
 import baseThemeColors from '../../configurations/_theme-colors-base.module.scss';
 import bwThemeColors from '../../configurations/_theme-colors-bw.module.scss';
+import sizes from '../../configurations/sizes';
+
 
 const colors = Object.keys(baseThemeColors);
 

package/src/components/Typography/Typography.vue

@@ -19,6 +19,7 @@
 </template>
 <script lang="ts">
 import {  computed, PropType, ref, toRefs } from 'vue';
+
 import breakPoints from '../../configurations/sizes';
 import typographyHtmlTags from '../../configurations/typographyHtmlTags';
 

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

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

package/src/components/Typography/index.ts

@@ -1,11 +1,12 @@
+
 import Typography from './Typography.vue';
 
-import Heading from './Heading/Heading.vue';
-import Subtitle from './Subtitle/Subtitle.vue';
 import BodyText from './BodyText/BodyText.vue';
 import Caption from './Caption/Caption.vue';
+import Heading from './Heading/Heading.vue';
 import OverlayText from './OverlayText/OverlayText.vue';
 import Small from './Small/Small.vue';
+import Subtitle from './Subtitle/Subtitle.vue';
 
 export { Typography, Heading, Subtitle, BodyText, Caption, OverlayText, Small };
 export default Typography;

package/src/components/ValueCaption/ValueCaption.stories.js

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

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

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

package/src/components/layout/Box/Box.stories.js

@@ -1,6 +1,8 @@
 import Box from './Box.vue';
+
 import gutters from '../../../configurations/gutters';
 
+
 export default {
 	title: 'Layout/Box',
 	component: Box,

package/src/components/layout/Box/__tests__/Box.spec.js

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

package/src/components/layout/Col/Col.stories.js

@@ -1,6 +1,8 @@
 import Col from './Col.vue';
+
 import { aligns } from '../../../configurations/flexVariables';
 
+
 export default {
 	title: 'Layout/Col',
 	component: Col,

package/src/components/layout/Col/__tests__/Col.spec.js

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

package/src/components/layout/Line/Line.stories.js

@@ -1,5 +1,7 @@
 import Line from './Line.vue';
+
 import baseThemeColors from '../../../configurations/_theme-colors-base.module.scss';
+
 const colors = Object.keys(baseThemeColors);
 const variations = ['base', 'lighten', 'darken'];
 

package/src/components/layout/Line/__tests__/Line.spec.js

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

package/src/components/layout/Row/Row.stories.js

@@ -1,6 +1,8 @@
 import Row from './Row.vue';
+
 import { justifications } from '../../../configurations/flexVariables';
 
+
 export default {
 	title: 'Layout/Row',
 	component: Row,

package/src/components/layout/Row/__tests__/Row.spec.js

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

package/src/examples/Colors.stories.js

@@ -1,8 +1,8 @@
+import backgroundThemeColors from '../configurations/_theme-colors-background.module.scss';
 import baseThemeColors from '../configurations/_theme-colors-base.module.scss';
-import textThemeColors from '../configurations/_theme-colors-text.module.scss';
-import strokeThemeColors from '../configurations/_theme-colors-stroke.module.scss';
 import bwThemeColors from '../configurations/_theme-colors-bw.module.scss';
-import backgroundThemeColors from '../configurations/_theme-colors-background.module.scss';
+import strokeThemeColors from '../configurations/_theme-colors-stroke.module.scss';
+import textThemeColors from '../configurations/_theme-colors-text.module.scss';
 import variationThemeColors from '../configurations/_theme-colors-variations.module.scss';
 import('./Colors.stories.scss');
 

package/src/helpers/walk.ts

@@ -0,0 +1,19 @@
+import { VNode } from 'vue';
+
+export default function walk(vnode: VNode, cb: Function) {
+	if (!vnode) return;
+
+	if (vnode.component) {
+		const proxy = vnode.component.proxy;
+		if (proxy) cb(vnode.component.proxy);
+		walk(vnode.component.subTree, cb);
+	} else if (vnode.shapeFlag & 16) {
+		const vnodes = vnode.children;
+		if (vnodes.length) {
+			const length = vnodes.length as number;
+			for (let i = 0; i < length; i++) {
+				walk(vnodes[i], cb);
+			}
+		}
+	}
+}

package/src/main.ts

@@ -1,25 +1,23 @@
 export * from './components/DataTableEmptyWrapper';
 
-import DataTablePaginator from './components/DataTablePaginator';
+import DefaultButton from './components/Buttons/DefaultButton';
+import Collapsible from './components/Collapsible';
 import DataTableHeader from './components/DataTableHeader';
-import MainFilter from './components/MainFilter';
-import Loader from './components/Loader';
-import MultipleFilePicker from './components/MultipleFilePicker';
-import DialogHeader from './components/DialogHeader';
-import DialogFooter from './components/DialogFooter';
-import RangeDatePicker from './components/RangeDatePicker';
+import DataTablePaginator from './components/DataTablePaginator';
 import DatePicker from './components/DatePicker';
-import ManagersList from './components/ManagersList';
-import PromptUserToConfirm from './components/PromptUserToConfirm';
-import ModalPromptUser from './components/ModalPromptUser';
-
-import TableContextMenu from './components/TableContextMenu';
+import DialogFooter from './components/DialogFooter';
+import DialogHeader from './components/DialogHeader';
 import IconBox from './components/IconBox';
-
-import DefaultButton from './components/Buttons/DefaultButton';
-import Collapsible from './components/Collapsible';
 import IdCaption from './components/IdCaption';
+import Loader from './components/Loader';
+import MainFilter from './components/MainFilter';
+import ManagersList from './components/ManagersList';
+import ModalPromptUser from './components/ModalPromptUser';
+import MultipleFilePicker from './components/MultipleFilePicker';
+import PromptUserToConfirm from './components/PromptUserToConfirm';
+import RangeDatePicker from './components/RangeDatePicker';
 import ResourceMetaInfo from './components/ResourceMetaInfo';
+import TableContextMenu from './components/TableContextMenu';
 
 export {
 	DataTablePaginator,

package/src/plugins/DialogPrompt/utils/__tests__/modalFooter.spec.js

@@ -0,0 +1,18 @@
+import modalFooter from '../modalFooter';
+
+describe('modalFooter', () => {
+	it('Should return the footer', () => {
+		const fn = jest.fn();
+		modalFooter(
+			{
+				appendChild: fn,
+			},
+			{},
+			{},
+			jest.fn(),
+			jest.fn()
+		);
+
+		expect(fn).toHaveBeenCalled();
+	});
+});

package/src/plugins/DialogPrompt/utils/__tests__/modalHeader.spec.js

@@ -0,0 +1,15 @@
+import modalHeader from '../modalHeader';
+
+describe('modalHeader', () => {
+	it('Should return the header', () => {
+		const fn = jest.fn();
+		modalHeader(
+			{
+				appendChild: fn,
+			},
+			{}
+		);
+
+		expect(fn).toHaveBeenCalled();
+	});
+});

package/src/plugins/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 };