@farm-investimentos/front-mfe-components 15.8.7 → 15.10.0

package/package.json

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

package/src/components/DataTableEmptyWrapper/DataTableEmptyWrapper.stories.js

@@ -27,4 +27,12 @@ export const CustomTitles = () => ({
 
 export const NoBorder = () => ({
 	template: '<farm-emptywrapper :bordered="false" />',
+});
+
+export const Icon = () => ({
+	template: '<farm-emptywrapper icon="alert" :bordered="false" />',
+});
+
+export const CustomHTML = () => ({
+	template: `<farm-emptywrapper subtitle="Para finalizar ou alterar a parametrização <b style='color: #4f8406;'>clique aqui</b>" icon="alert-outline" :bordered="false" />`,
 });

package/src/components/DataTableEmptyWrapper/DataTableEmptyWrapper.vue

@@ -5,13 +5,11 @@
 			'farm-emptywrapper--bordered': bordered,
 		}"
 	>
-		<farm-icon size="xl" color="gray">magnify</farm-icon>
+		<farm-icon size="xl" color="gray">{{ icon }}</farm-icon>
 		<farm-bodytext type="2" variation="bold" color="black" color-variation="40">
 			{{ title }}
 		</farm-bodytext>
-		<farm-caption v-if="subtitle" variation="regular" color-variation="30">
-			{{ subtitle }}
-		</farm-caption>
+		<farm-caption v-html="subtitle" v-if="subtitle" variation="regular" color-variation="30" />
 	</div>
 </template>
 <script lang="ts">
@@ -42,6 +40,10 @@ export default defineComponent({
 			type: Boolean,
 			default: true,
 		},
+		icon: {
+			type: String,
+			default: 'magnify',
+		}
 	},
 });
 </script>

package/src/components/DatePicker/DatePicker.vue

@@ -117,7 +117,7 @@ export default defineComponent({
 		/**
 		 * Text message error
 		 */
-		minxText: {
+		minText: {
 			type: String,
 			default: 'A data está fora do período permitido',
 		},
@@ -214,7 +214,7 @@ export default defineComponent({
 					if (dateSelected.getTime() >= dateMin.getTime()) {
 						return true;
 					}
-					return this.minxText;
+					return this.minText;
 				}
 				return true;
 			},