@farm-investimentos/front-mfe-components 2.2.0 → 2.2.1

package/package.json

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

package/src/components/DataTableHeader/DataTableHeader.stories.js

@@ -5,4 +5,37 @@ export default {
 	component: DataTableHeader,
 };
 
+export const Primary = () => ({
+	components: { DataTableHeader },
+	data() {
+		return {
+			headers: [
+				{
+					text: 'Grupo',
+					sortable: true,
+					value: 'name',
+					align: 'left',
+				},
+				{
+					text: 'Aprovado',
+					sortable: true,
+					value: 'approvedAmount',
+					align: 'center',
+					width: 160,
+				},
+				{
+					text: 'Disponível',
+					sortable: false,
+					value: 'availableAmount',
+					align: 'center',
+					width: 160,
+				},
+			],
+			sortClick: [],
+			firstSelected: false,
+		};
+	},
+	template: `<DataTableHeader :headers="headers" :sortClick="sortClick" :firstSelected="firstSelected" />`,
+});
+
 Primary.storyName = 'Básico';

package/src/components/DataTableHeader/DataTableHeader.vue

@@ -52,7 +52,7 @@ export default Vue.extend({
 			type: Array,
 			require: true,
 		},
-		fistSelected: {
+		firstSelected: {
 			type: Boolean,
 			default: () => false,
 		},

package/src/components/DataTablePaginator/DataTablePaginator.stories.js

@@ -29,4 +29,4 @@ export const CustomPerPage = () => ({
 Primary.storyName = 'Básico';
 Secondary.storyName = 'Sem limite por páginas';
 Disabled.storyName = 'Desabilitado';
-CustomPerPage.storyName = 'Lista de registrois por página customizada';
+CustomPerPage.storyName = 'Lista de registros por página customizada';