@farm-investimentos/front-mfe-components 2.2.7 → 2.3.0

package/package.json

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

package/src/components/Logos/OriginatorLogo/OriginatorLogo.stories.js

@@ -0,0 +1,13 @@
+import OriginatorLogo from './OriginatorLogo.vue';
+
+export default {
+	title: 'Example/Logos/OriginatorLogo',
+	component: OriginatorLogo,
+};
+
+export const Primary = () => ({
+	components: { OriginatorLogo },
+	template: '<OriginatorLogo alt="primary" id="1" />',
+});
+
+Primary.storyName = 'Básico';

package/src/components/Logos/OriginatorLogo/OriginatorLogo.vue

@@ -0,0 +1,31 @@
+<template>
+	<img :src="imgSrc" />
+</template>
+<script>
+import Vue from 'vue';
+
+export default Vue.extend({
+	name: 'farm-imglogo-originator',
+	inheritAttrs: true,
+	props: {
+		/**
+		 * Product id
+		 */
+		id: {
+			required: true,
+		},
+		/**
+		 * Logo variation
+		 */
+		variation: {
+			type: String,
+			default: 'full',
+		},
+	},
+	computed: {
+		imgSrc() {
+			return `/public/logos/originadores/${this.id}/${this.variation}.svg`;
+		},
+	},
+});
+</script>

package/src/components/Logos/OriginatorLogo/__tests__/OriginatorLogo.spec.js

@@ -0,0 +1,32 @@
+import { shallowMount } from '@vue/test-utils';
+import OriginatorLogo from '../OriginatorLogo';
+
+describe('OriginatorLogo component', () => {
+	let wrapper;
+	let component;
+
+	beforeEach(() => {
+		wrapper = shallowMount(OriginatorLogo, {
+			propsData: {
+				id: 10,
+			},
+		});
+		component = wrapper.vm;
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+
+	describe('Computed properties', () => {
+		it('Should have imgSrc', () => {
+			expect(component.imgSrc).toEqual('/public/logos/originadores/10/full.svg');
+		});
+	});
+});

package/src/components/Logos/OriginatorLogo/index.js

@@ -0,0 +1,4 @@
+import OriginatorLogo from './OriginatorLogo';
+
+export { OriginatorLogo };
+export default OriginatorLogo;

package/src/components/Logos/ProductLogo/ProductLogo.stories.js

@@ -0,0 +1,13 @@
+import ProductLogo from './ProductLogo.vue';
+
+export default {
+	title: 'Example/Logos/ProductLogo',
+	component: ProductLogo,
+};
+
+export const Primary = () => ({
+	components: { ProductLogo },
+	template: '<ProductLogo alt="primary" id="1" />',
+});
+
+Primary.storyName = 'Básico';

package/src/components/Logos/ProductLogo/ProductLogo.vue

@@ -0,0 +1,31 @@
+<template>
+	<img :src="imgSrc" />
+</template>
+<script>
+import Vue from 'vue';
+
+export default Vue.extend({
+	name: 'farm-imglogo-product',
+	inheritAttrs: true,
+	props: {
+		/**
+		 * Product id
+		 */
+		id: {
+			required: true,
+		},
+		/**
+		 * Logo variation
+		 */
+		variation: {
+			type: String,
+			default: 'full',
+		},
+	},
+	computed: {
+		imgSrc() {
+			return `/public/logos/products/${this.id}/${this.variation}.svg`;
+		},
+	},
+});
+</script>

package/src/components/Logos/ProductLogo/__tests__/ProductLogo.spec.js

@@ -0,0 +1,32 @@
+import { shallowMount } from '@vue/test-utils';
+import ProductLogo from '../ProductLogo';
+
+describe('ProductLogo component', () => {
+	let wrapper;
+	let component;
+
+	beforeEach(() => {
+		wrapper = shallowMount(ProductLogo, {
+			propsData: {
+				id: 10,
+			},
+		});
+		component = wrapper.vm;
+	});
+
+	test('Created hook', () => {
+		expect(wrapper).toBeDefined();
+	});
+
+	describe('mount component', () => {
+		it('renders correctly', () => {
+			expect(wrapper.element).toMatchSnapshot();
+		});
+	});
+
+	describe('Computed properties', () => {
+		it('Should have imgSrc', () => {
+			expect(component.imgSrc).toEqual('/public/logos/products/10/full.svg');
+		});
+	});
+});

package/src/components/Logos/ProductLogo/index.js

@@ -0,0 +1,4 @@
+import ProductLogo from './ProductLogo';
+
+export { ProductLogo };
+export default ProductLogo;

package/src/components/Logos/index.js

@@ -0,0 +1,2 @@
+export * from './ProductLogo/';
+export * from './OriginatorLogo/';

package/src/main.js

@@ -16,7 +16,7 @@ import PromptUserToConfirm from './components/PromptUserToConfirm';
 import ModalPromptUser from './components/ModalPromptUser';
 
 import TableContextMenu from './components/TableContextMenu';
-import DefaultButton from './components/Buttons/DefaultButton/DefaultButton.vue';
+import DefaultButton from './components/Buttons/DefaultButton/DefaultButton';
 
 export {
 	DataTableEmptyWrapper,
@@ -46,3 +46,5 @@ export * from './components/Buttons/ExportButton/';
 export * from './components/Buttons/ImportButton/';
 export * from './components/Buttons/ToggleButton/';
 export * from './components/Buttons/RemoveButton/';
+export * from './components/Logos/ProductLogo/';
+export * from './components/Logos/OriginatorLogo/';