@bildvitta/quasar-ui-asteroid 2.15.0 → 2.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
-  "version": "2.15.0",
+  "version": "2.16.0",
   "description": "",
   "main": "./src/index.js",
   "scripts": {

package/src/components/grid-generator/QasGridGenerator.stories.js

@@ -35,6 +35,10 @@ export default {
       description: 'CSS classes for each result value.'
     },
 
+    emptyResultText: {
+      description: 'Message for fields with empty values.'
+    },
+
     fields: {
       description: 'Define header value for each `field`.'
     },

package/src/components/grid-generator/QasGridGenerator.vue

@@ -38,6 +38,11 @@ export default {
       type: Boolean
     },
 
+    emptyResultText: {
+      default: '-',
+      type: String
+    },
+
     result: {
       default: () => ({}),
       type: Object
@@ -76,16 +81,14 @@ export default {
     resultsByFields () {
       const formattedResult = {}
       const result = extend(true, {}, this.result)
-
       for (const key in result) {
         if (this.formattedFields[key]?.type) {
-          formattedResult[key] = humanize(this.formattedFields[key], result[key])
+          formattedResult[key] = humanize(this.formattedFields[key], result[key]) || this.emptyResultText
           // TODO: Rever.
           // eslint-disable-next-line vue/no-side-effects-in-computed-properties
           this.slotValue[key] = { ...this.formattedFields[key], formattedResult: formattedResult[key] }
         }
       }
-
       return formattedResult
     }
   }

package/src/components/table-generator/QasTableGenerator.stories.js

@@ -22,6 +22,10 @@ export default {
       description: 'Table columns and order.'
     },
 
+    emptyResultText: {
+      description: 'Message for fields with empty values.'
+    },
+
     fields: {
       description: 'Contain fields data, as `name`, `label` and `type`.',
       table: {

package/src/components/table-generator/QasTableGenerator.vue

@@ -43,6 +43,11 @@ export default {
     rowKey: {
       default: 'name',
       type: String
+    },
+
+    emptyResultText: {
+      default: '-',
+      type: String
     }
   },
 
@@ -114,7 +119,7 @@ export default {
       return results.map((result, index) => {
         for (const key in result) {
           result.default = this.results[index]
-          result[key] = humanize(this.fields[key], result[key])
+          result[key] = humanize(this.fields[key], result[key]) || this.emptyResultText
         }
 
         return result

package/src/helpers/filters.js

@@ -96,7 +96,7 @@ function handleMasks (value) {
 
 // Labels
 function humanize (field = {}, value) {
-  if (!value) return value
+  if (field.mask && !value) return value
 
   const mappedMasks = handleMasks(value)