@farm-investimentos/front-mfe-components 15.0.0 → 15.0.2

package/package.json

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

package/src/components/Buttons/ExportButton/ExportButton.vue

@@ -2,11 +2,10 @@
 	<farm-btn
 		v-if="optionsList.length == 0"
 		@click="onClick"
-		dense
 		class="farm-btn--responsive"
 		outlined
 		title="Exportar"
-		color="secondary"
+		color="primary"
 		:disabled="disabled"
 	>
 		<i :class="{ 'mr-2': true, 'mdi-file-export-outline': true, mdi: true }"></i>
@@ -14,7 +13,7 @@
 	</farm-btn>
 	<farm-contextmenu v-else v-model="value" :bottom="true">
 		<template v-slot:activator="{}">
-			<farm-btn outlined title="Exportar" color="secondary" @click="toggleValue">
+			<farm-btn outlined title="Exportar" color="primary" @click="toggleValue">
 				Exportar
 				<farm-icon class="ml-2"> chevron-{{ value ? 'up' : 'down' }} </farm-icon>
 			</farm-btn>

package/src/components/Tabs/Tabs.scss

@@ -1,5 +1,8 @@
 @import '../../configurations/theme-colors';
 
+.farm-tabs {
+	width: 100%;
+}
 .tabs {
 	display: flex;
 	margin-bottom: -1px;

package/src/main.ts

@@ -15,7 +15,6 @@ import ModalPromptUser from './components/ModalPromptUser';
 
 import TableContextMenu from './components/TableContextMenu';
 import IconBox from './components/IconBox';
-import CardContext from './components/CardContext';
 
 import DefaultButton from './components/Buttons/DefaultButton';
 import Collapsible from './components/Collapsible';
@@ -39,7 +38,6 @@ export {
 	ModalPromptUser,
 	DefaultButton,
 	IconBox,
-	CardContext,
 	Collapsible,
 	IdCaption,
 	ResourceMetaInfo,

package/src/components/CardContext/CardContext.scss

@@ -1,54 +0,0 @@
-.card-context {
-	width: 100%;
-	padding: 1.5rem;
-	background: #ffffff;
-	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
-	border-radius: 5px;
-
-	&.card-context--outlined {
-		box-shadow: none;
-		border: 1px solid var(--v-gray-lighten2);
-	}
-}
-
-.card-context.height-full {
-	height: 100%;
-}
-
-.card-context-header {
-	width: 100%;
-	height: 40px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-}
-
-.card-context-content {
-	width: calc(100% - 56px);
-	height: 40px;
-	display: flex;
-	align-items: center;
-}
-
-.card-context-title {
-	color: #5c5c5c;
-	margin: 0;
-	font-size: 0.75rem;
-	&.card-context-content--bold {
-		font-size: 0.875rem;
-		font-weight: bold;
-		color: #1c1c1c;
-	}
-}
-
-.card-context-body {
-	width: 100%;
-	padding-top: 1rem;
-}
-
-.card-context-loading-or-error {
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}

package/src/components/CardContext/CardContext.stories.js

@@ -1,75 +0,0 @@
-import CardContext from './CardContext.vue';
-
-export default {
-	title: 'Surfaces/CardContext',
-	component: CardContext,
-	parameters: {
-		docs: {
-			description: {
-				component: `Card Context<br />
-				selector: <em>farm-card-context</em>
-				`,
-			},
-		},
-		viewMode: 'docs',
-	},
-};
-
-export const Primary = () => ({
-	template: `
-        <farm-card-context icon="mdi-currency-usd" title="Titulo do Card">
-            <p>Conteúdo do Card</p>
-        </farm-card-context>
-    `,
-});
-
-export const Secondary = () => ({
-	template: `
-        <farm-card-context icon="mdi-currency-usd" title="Titulo do Card" bold>
-            <p>Conteúdo do Card</p>
-        </farm-card-context>
-    `,
-});
-
-export const WithLoading = () => ({
-	template: `
-        <farm-card-context icon="mdi-currency-usd" title="Titulo do Card" isLoading>
-            <p>Conteúdo do Card</p>
-        </farm-card-context>
-    `,
-});
-
-export const WithLoadingLarge = () => ({
-	template: `
-        <farm-card-context icon="mdi-currency-usd" title="Titulo do Card" isLoading largeLoading>
-            <p>Conteúdo do Card</p>
-        </farm-card-context>
-    `,
-});
-
-export const WithError = () => ({
-	components: { CardContext },
-	template: `
-        <farm-card-context icon="mdi-currency-usd" title="Titulo do Card" isError>
-            <p>Conteúdo do Card</p>
-        </farm-card-context>
-    `,
-});
-
-export const NoIcon = () => ({
-	components: { CardContext },
-	template: `
-        <farm-card-context title="Titulo do Card">
-            <p>Conteúdo do Card</p>
-        </farm-card-context>
-    `,
-});
-
-export const TooltipText = () => ({
-	template: `
-        <farm-card-context tooltipText="Lorem Ipsum is simply dummy text of the printing and typesetting industry" icon="mdi-currency-usd" title="Titulo do Card">
-            <p>Conteúdo do Card</p>
-        </farm-card-context>
-    `,
-});
-

package/src/components/CardContext/CardContext.vue

@@ -1,130 +0,0 @@
-<template>
-	<div
-		:class="{
-			'card-context': true,
-			'height-full': this.full,
-			'card-context--outlined': this.outlined,
-		}"
-	>
-		<div class="card-context-header" v-if="isSuccess && title">
-			<farm-icon-box v-if="icon" :icon="icon" />
-			<div class="card-context-content">
-				<div class="d-flex align-center">
-					<p :class="{ 
-						'mr-2': true, 
-						'mb-1': true, 
-						'card-context-title': true, 
-						'card-context-content--bold': bold }"
-					>
-						{{ title }}
-					</p>
-					<farm-tooltip v-if="tooltipText !== null">
-						{{ tooltipText }}
-						<template v-slot:activator="{}">
-							<farm-icon size="sm" color="gray">help-circle</farm-icon>
-						</template>
-					</farm-tooltip>
-				</div>
-			</div>
-		</div>
-		<div class="card-context-body" v-if="isSuccess">
-			<slot></slot>
-		</div>
-		<div class="card-context-loading-or-error" v-if="isLoading">
-			<farm-loader :size="isLargeLoading" />
-		</div>
-		<div class="card-context-loading-or-error" v-if="isError">
-			<farm-alert-reload :label="errorLabel" @onClick="$emit('onLoad')" />
-		</div>
-	</div>
-</template>
-
-<script lang="ts">
-import Vue from 'vue';
-
-export default Vue.extend({
-	name: 'farm-card-context',
-	props: {
-		/**
-		 * Title
-		 */
-		title: {
-			type: String,
-			required: true,
-		},
-		/**
-		 * Set bold text
-		 */
-		bold: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Icon (from Material Icons)
-		 * Example: mdi-chart-bar
-		 */
-		icon: {
-			type: String,
-			default: null,
-		},
-		/**
-		 * Show loader
-		 */
-		isLoading: {
-			type: Boolean,
-			default: false,
-		},
-		largeLoading: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Show error alert
-		 */
-		isError: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Label to be shown in error alert
-		 */
-		errorLabel: {
-			type: String,
-			default: 'Ocorreu um erro',
-		},
-		/**
-		 * Is full
-		 */
-		full: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Is outlined
-		 */
-		outlined: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Show Tooltip and help text
-		 */
-		tooltipText: {
-			type: String,
-			default: null,
-		}
-	},
-	computed: {
-		isSuccess() {
-			return !this.isLoading && !this.isError;
-		},
-		isLargeLoading() {
-			return this.largeLoading ? 'normal' : 'small';
-		},
-	},
-});
-</script>
-
-<style lang="scss" scoped>
-@import './CardContext.scss';
-</style>

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

@@ -1,39 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import CardContext from '../CardContext';
-
-describe('CardContext component', () => {
-	let wrapper;
-	let component;
-
-	beforeEach(() => {
-		wrapper = shallowMount(CardContext, {
-			propsData: {
-				title: 'title',
-			},
-		});
-		component = wrapper.vm;
-	});
-
-	test('Created hook', () => {
-		expect(wrapper).toBeDefined();
-	});
-
-	describe('mount component', () => {
-		it('renders correctly', () => {
-			expect(wrapper.element).toMatchSnapshot();
-		});
-	});
-
-	describe('Computed properties', () => {
-		it('Should compute isLargeLoading for false', () => {
-			expect(component.isLargeLoading).toEqual('small');
-		});
-
-		it('Should compute isLargeLoading for true', async () => {
-			await wrapper.setProps({
-				largeLoading: true,
-			});
-			expect(component.isLargeLoading).toEqual('normal');
-		});
-	});
-});

package/src/components/CardContext/index.ts

@@ -1,3 +0,0 @@
-import CardContext from './CardContext.vue';
-
-export default CardContext;