@farm-investimentos/front-mfe-components 2.4.2 → 2.4.3

package/package.json

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

package/src/components/DataTableHeader/DataTableHeader.scss

@@ -22,4 +22,4 @@ th.sortable {
 			}
 		}
 	}
-}
+}

package/src/components/DataTableHeader/DataTableHeader.vue

@@ -31,6 +31,14 @@
 						mdi-sort-descending
 					</v-icon>
 				</span>
+
+				<span v-if="isTHDataTableSelect(item)">
+					<v-simple-checkbox
+						:indeterminate="headerProps.someItems && !headerProps.everyItem"
+						v-model="inputVal"
+						@input="selectAll"
+					></v-simple-checkbox>
+				</span>
 			</th>
 		</tr>
 	</thead>
@@ -39,10 +47,13 @@
 <script>
 import Vue from 'vue';
 import VIcon from 'vuetify/lib/components/VIcon';
+import VSimpleCheckbox from 'vuetify/lib/components/VCheckbox/VSimpleCheckbox';
+
 export default Vue.extend({
 	name: 'farm-datatable-header',
 	components: {
 		VIcon,
+		VSimpleCheckbox,
 	},
 	props: {
 		/**
@@ -73,6 +84,28 @@ export default Vue.extend({
 			type: Number,
 			default: 0,
 		},
+		/**
+		 * v-model for data-table-select
+		 */
+		value: {
+			required: true,
+		},
+		/**
+		 * Original header props
+		 */
+		headerProps: {
+			type: Object,
+		},
+	},
+	computed: {
+		inputVal: {
+			get() {
+				return this.value;
+			},
+			set(val) {
+				this.$emit('input', val);
+			},
+		},
 	},
 	methods: {
 		getTypeSort(value) {
@@ -120,6 +153,10 @@ export default Vue.extend({
 		isTHDataTableSelect(item) {
 			return item.value === 'data-table-select';
 		},
+		selectAll(value) {
+			this.$emit('toggleSelectAll', value);
+			this.inputVal = value;
+		},
 	},
 	created() {
 		for (let i = 0; i < this.headers.length; i += 1) {