@bildvitta/quasar-ui-asteroid 2.14.1 → 2.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
-  "version": "2.14.1",
+  "version": "2.17.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/list-items/QasListItems.stories.js

@@ -38,7 +38,12 @@ export default {
 
     redirectKey: {
       control: null,
-      description: 'Key to define the id redirect.'
+      description: 'Item key that will be the value of the redirect.'
+    },
+
+    paramKey: {
+      control: null,
+      description: 'Redirect parameter key.'
     },
 
     useIconRedirect: {

package/src/components/list-items/QasListItems.vue

@@ -44,6 +44,11 @@ export default {
       type: String
     },
 
+    paramKey: {
+      default: 'id',
+      type: String
+    },
+
     to: {
       default: () => ({}),
       type: Object
@@ -61,7 +66,7 @@ export default {
 
     getRedirectPayload (item) {
       return {
-        params: { [this.redirectKey]: item[this.redirectKey] },
+        params: { [this.paramKey]: item[this.redirectKey] },
         ...this.to
       }
     }

package/src/components/resizer/QasResizer.vue

@@ -9,7 +9,7 @@
 <script>
 import { greatestCommonDivisor } from '../../helpers'
 
-const baseURL = 'https://d17ouzaofz81f3.cloudfront.net/'
+const baseURL = 'https://image-resize.nave.dev/'
 
 export default {
   name: 'QasResizer',

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

@@ -54,6 +54,11 @@ function percent (value = 0, places = 2) {
   return value ? (value / 100).toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
 }
 
+function formatPercent (value = 0, places = 2) {
+  value = Number(value)
+  return value ? value.toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
+}
+
 function squareArea (value = 0, suffix = 'm²') {
   value = decimal(value)
   return value ? `${value} ${suffix}` : ''
@@ -96,8 +101,7 @@ function handleMasks (value) {
 
 // Labels
 function humanize (field = {}, value) {
-  if (!value) return value
-
+  if (field.mask && !value) return value
   const mappedMasks = handleMasks(value)
 
   if (mappedMasks[field.mask]) {
@@ -111,6 +115,7 @@ function humanize (field = {}, value) {
     case 'datetime': return dateTime(value)
     case 'time': return time(value)
     case 'radio': return selectLabel(field.options, value)
+    case 'percent': return formatPercent(value)
     default: return value
   }
 }
@@ -143,6 +148,7 @@ export {
   decimal,
   formatCompanyDocument,
   formatDocument,
+  formatPercent,
   formatPersonalDocument,
   formatPhone,
   formatPostalCode,

package/src/helpers/index.js

@@ -13,6 +13,7 @@ import {
   decimal,
   formatCompanyDocument,
   formatDocument,
+  formatPercent,
   formatPersonalDocument,
   formatPhone,
   formatPostalCode,
@@ -36,6 +37,7 @@ export {
   decimal,
   formatCompanyDocument,
   formatDocument,
+  formatPercent,
   formatPersonalDocument,
   formatPhone,
   formatPostalCode,