@farm-investimentos/front-mfe-components-vue3 0.6.0 → 0.6.5

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

@@ -7,7 +7,11 @@ describe('TextArea component', () => {
 	let component;
 
 	beforeEach(() => {
-		wrapper = shallowMount(TextArea);
+		wrapper = shallowMount(TextArea, {
+			props: {
+				modelValue: '',
+			},
+		});
 		component = wrapper.vm;
 	});
 

package/src/components/TextFieldV2/TextFieldV2.stories.js

@@ -46,7 +46,7 @@ export const Primary = () => ({
 		</farm-label>
 		<farm-textfield-v2 id="input-primary" v-model="v" />
 		v-model: {{ v }}
-		<farm-col>
+		</farm-col>
 	</farm-row>`,
 });
 
@@ -257,7 +257,7 @@ export const Uppercase = () => ({
 	template: `<farm-row>
 	<farm-col md="4">
 		<farm-textfield-v2 id="input-uppercase" v-model="v" uppercase/>
-	<farm-col>
+	</farm-col>
 	</farm-row>`,
 });
 
@@ -271,6 +271,6 @@ export const Ellipsed = () => ({
 		<farm-col md="2">
 		<farm-textfield-v2 id="input-primary-ellipsed" v-model="v" ellipsed />
 		v-model: {{ v }}
-		<farm-col>
+		</farm-col>
 	</farm-row>`,
 });

package/src/interfaces/ISelectItem.ts

@@ -0,0 +1,5 @@
+export interface ISelectItem {
+	disabled: boolean;
+	value: string | number;
+	text: string;
+}

package/src/scss/Sticky-table.scss

@@ -19,6 +19,11 @@ $defaultLefts: 0, 4rem, 4rem;
 			border-bottom: none;
 		}
 
+		th.v-data-table__th .v-selection-control,
+		tr.v-data-table__tr .v-selection-control {
+			padding-left: 12px;
+		}
+
 		.v-table__wrapper {
 			border-top: 1px solid var(--farm-gray-lighten);
 			border-bottom: 1px solid var(--farm-gray-lighten);
@@ -35,17 +40,15 @@ $defaultLefts: 0, 4rem, 4rem;
 			}
 		}
 
-		&.v-table__wrapper>.v-table__wrapper>table {
-
-			>tbody>tr>td:first-child,
-			>thead>tr>th:first-child {
+		&.v-table__wrapper > .v-table__wrapper > table {
+			> tbody > tr > td:first-child,
+			> thead > tr > th:first-child {
 				padding-left: 24px;
 			}
 		}
 
 		@if $columns >0 {
 			@for $i from 1 through $columns {
-
 				tr td:nth-child(#{$i}),
 				th:nth-child(#{$i}) {
 					position: sticky;
@@ -55,7 +58,6 @@ $defaultLefts: 0, 4rem, 4rem;
 			}
 
 			@for $i from 1 through $columns {
-
 				tr td:nth-child(#{$i}),
 				th:nth-child(#{$i}) {
 					left: nth($lefts, $i);
@@ -85,12 +87,13 @@ $defaultLefts: 0, 4rem, 4rem;
 			height: 51px;
 		}
 		&.v-data-table--show-select {
-			th:first-child, td:first-child {
+			th:first-child,
+			td:first-child {
 				padding-left: 0;
 			}
 			td:first-child .farm-checkbox__container {
-				margin-left: 12px;
-			} 
+				margin-left: 24px;
+			}
 		}
 
 		.v-data-table-header__icon {
@@ -112,4 +115,4 @@ $defaultLefts: 0, 4rem, 4rem;
 			margin-right: 0 !important;
 		}
 	}
-}
+}