@farm-investimentos/front-mfe-components 2.2.2 → 2.2.6

package/package.json

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

package/src/components/DataTableHeader/DataTableHeader.scss

@@ -13,10 +13,13 @@
 	}
 }
 
-th.sortable:not(.active) {
-	&:hover {
-		.v-icon {
-			opacity: 0.5 !important;
+th.sortable {
+	cursor: pointer;
+	&:not(.active) {
+		&:hover {
+			.v-icon {
+				opacity: 0.5 !important;
+			}
 		}
 	}
-}
+}

package/src/components/DataTableHeader/DataTableHeader.vue

@@ -44,17 +44,33 @@ export default Vue.extend({
 		VIcon,
 	},
 	props: {
+		/**
+		 * Cabeçalho
+		 */
 		headers: {
 			type: Array,
 			require: true,
 		},
+		/**
+		 * Array para controle da exibição da ordenação
+		 */
 		sortClick: {
 			type: Array,
 			require: true,
 		},
+		/**
+		 * Começar selecionado
+		 */
 		firstSelected: {
 			type: Boolean,
-			default: () => false,
+			default: false,
+		},
+		/**
+		 * Index do item do cabeçalho que deve começar selecionado
+		 */
+		selectedIndex: {
+			type: Number,
+			default: 0,
 		},
 	},
 	methods: {
@@ -88,8 +104,8 @@ export default Vue.extend({
 				this.sortClick[i].show = false;
 			}
 		},
-		checkFistSelected(index) {
-			if (index === 0) {
+		checkFirstSelected(index) {
+			if (index === this.selectedIndex) {
 				return this.firstSelected;
 			}
 			return false;
@@ -104,8 +120,8 @@ export default Vue.extend({
 				[this.headers[i].value]: false,
 				descending: 'ASC',
 				field: this.headers[i].value,
-				clicked: this.checkFistSelected(i),
-				show: this.checkFistSelected(i),
+				clicked: this.checkFirstSelected(i),
+				show: this.checkFirstSelected(i),
 			});
 		}
 	},