@bildvitta/quasar-ui-asteroid 2.14.0 → 2.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
-  "version": "2.14.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/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/components/uploader/QasCustomUploader.vue

@@ -79,7 +79,6 @@ export default {
     // overrides "__addFiles" from quasar
     async __addFiles (event, files = []) {
       const filesToUpload = event?.target?.files || files
-      this.files = []
       this.isAddingFiles = true
 
       const filesPromise = []

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)
 

package/dist/asteroid.cjs.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #fcfcff}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(4px / 2) !important}.rounded-borders-lg{border-radius:calc(4px * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Montserrat,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.shadow-primary{box-shadow:0 8px 25px var(--q-primary-contrast) !important}.shadow-secondary{box-shadow:0 8px 25px var(--q-secondary-contrast) !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.fade-enter-active,.fade-leave-active{transform:translateY(0);transition:opacity .3s,transform .3s}.fade-enter,.fade-leave-to{opacity:0;transform:translateY(-100%)}.unset{all:unset}a.unset,button.unset{cursor:pointer}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:4px}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-thumb{background-color:var(--q-primary);border-radius:4px}::-webkit-scrollbar-track{background-color:var(--q-primary-contrast)}.qas-actions-menu__list{width:265px;z-index:1}.qas-toolbar{height:70px}.qas-toolbar__brand{height:24px;position:relative;top:4px}.qas-toolbar__user{background-color:rgba(255,255,255,.1)}.qas-toolbar__user:focus,.qas-toolbar__user:hover{background-color:rgba(255,255,255,.2)}.qas-toolbar__user-data{max-width:180px}.qas-toolbar__user-menu{width:260px}.q-expansion-item .q-expansion-item__toggle-icon{color:var(--q-primary);opacity:.2}.q-expansion-item .qas-app-menu__header--active>.q-focus-helper{background-color:currentColor;opacity:.1}.q-expansion-item .qas-app-menu__header--active .q-expansion-item__toggle-icon{opacity:1}.qas-alert{border-style:solid;border-width:0 10px}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-transfer__icon{transform:rotate(-90deg)}