@farm-investimentos/front-mfe-components 3.4.8 → 3.4.9

package/package.json

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

package/src/components/SelectModalOptions/SelectModalOptions.stories.js

@@ -26,4 +26,26 @@ export const Primary = () => ({
 	</div>`,
 });
 
-Primary.storyName = 'Básico';
+export const InitialValue = () => ({
+	components: { SelectModalOptions },
+	data() {
+		return {
+			items: [
+				{ id: 1, name: 'name 1' },
+				{ id: 2, name: 'name 2' },
+			],
+			selectedValue: 23123,
+		};
+	},
+	template: `<div>
+	<SelectModalOptions
+		:items="items"
+		v-model="selectedValue"
+		label="label"
+		inputId="some-id" />
+		<br />selected value: {{ selectedValue }}
+	</div>`,
+});
+
+Primary.storyName = 'Basic';
+InitialValue.storyName = 'Initial value';

package/src/components/SelectModalOptions/SelectModalOptions.vue

@@ -13,7 +13,7 @@
 			:id="inputId"
 			:value="selectedValueText"
 			@click="openModal"
-		></v-text-field>
+		/>
 
 		<v-dialog content-class="modal-default modal-default-small" v-model="showModal">
 			<DialogHeader class="dialog-header" :title="modalTitle" @onClose="closeModal" />
@@ -229,6 +229,9 @@ export default Vue.extend({
 			this.pagination.pages = Math.ceil(newValue.length / 10);
 		},
 	},
+	mounted() {
+		this.selectedItem = { [this.itemLabelFormatter]: this.value };
+	},
 	methods: {
 		handlePagination(tablePagination) {
 			if (

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

@@ -23,6 +23,7 @@ describe('SelectModalOptions component', () => {
 
 	test('SelectModalOptions created', () => {
 		expect(wrapper).toBeDefined();
+		expect(component.selectedValueText).toEqual(1);
 	});
 
 	describe('Methods', () => {