@farm-investimentos/front-mfe-components 11.10.3 → 11.10.4

package/package.json

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

package/src/components/Select/Select.stories.js

@@ -181,3 +181,16 @@ export const OutsideChangeVmodel = () => ({
 		</farm-btn>
 	</div>`,
 });
+
+export const NoItems = () => ({
+	data() {
+		return {
+			v: null,
+			items: [],
+		};
+	},
+	template: `<div style="width: 120px">
+		<farm-select v-model="v" :items="items" />
+		v-model: {{ v }}
+	</div>`,
+});

package/src/components/Select/Select.vue

@@ -24,6 +24,9 @@
 				>
 					<farm-caption bold tag="span">{{ item[itemText] }}</farm-caption>
 				</farm-listitem>
+				<farm-listitem v-if="!items || items.length === 0">
+					{{ noDataText }}
+				</farm-listitem>
 			</farm-list>
 			<template v-slot:activator="{}">
 				<div class="farm-textfield--input farm-textfield--input--iconed">
@@ -113,6 +116,13 @@ export default Vue.extend({
 			type: String,
 			default: 'value',
 		},
+		/**
+		 * No data text
+		 */
+		noDataText: {
+			type: String,
+			default: 'Não há dados',
+		},
 	},
 	setup(props, { emit }) {
 		const { rules, items, itemText, itemValue, disabled } = toRefs(props);

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

@@ -24,7 +24,7 @@ describe('Select component', () => {
 		it('reset', () => {
 			component.reset();
 			expect(component.isTouched).toBeTruthy();
-			expect(component.innerValue).toEqual('');
+			expect(component.innerValue).toEqual(null);
 		});
 
 		it('onBlur', () => {
@@ -41,6 +41,5 @@ describe('Select component', () => {
 			component.updateSelectedTextValue();
 			expect(component.selectedText).toBeDefined();
 		});
-		
 	});
 });