@bildvitta/quasar-ui-asteroid 3.20.0-beta.21 → 3.20.0-beta.21-alpha.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.20.0-beta.21",
+  "version": "3.20.0-beta.21-alpha.0",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "./src/asteroid.js",
@@ -12,7 +12,7 @@
     "src"
   ],
   "scripts": {
-    "build": "npx rollup -c --bundleConfigAsCjs"
+    "build": "npx rollup -c"
   },
   "publishConfig": {
     "access": "public",
@@ -27,45 +27,46 @@
     "components"
   ],
   "devDependencies": {
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@rollup/plugin-url": "^8.0.1",
-    "@vue/compiler-sfc": "^3.3.4",
-    "autoprefixer": "^10.4.14",
-    "core-js": "^3.30.2",
-    "postcss": "^8.4.24",
-    "rimraf": "^5.0.1",
-    "rollup": "^3.23.1",
-    "rollup-plugin-local-resolve": "^1.0.7",
-    "rollup-plugin-scss": "^4.0.0",
-    "rollup-plugin-vue": "^6.0.0",
-    "sass": "^1.62.1"
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-replace": "6.0.3",
+    "@rollup/plugin-terser": "1.0.0",
+    "@rollup/plugin-url": "8.0.2",
+    "@vue/compiler-sfc": "3.5.32",
+    "autoprefixer": "10.5.0",
+    "core-js": "3.49.0",
+    "postcss": "8.5.10",
+    "rimraf": "6.1.3",
+    "rollup": "4.60.1",
+    "rollup-plugin-local-resolve": "1.0.7",
+    "rollup-plugin-scss": "4.0.1",
+    "rollup-plugin-vue": "6.0.0",
+    "sass": "1.99.0"
   },
   "dependencies": {
-    "@bildvitta/composables": "^1.0.0-beta.7",
-    "@bildvitta/store-adapter": "^1.0.0",
+    "@bildvitta/composables": "1.0.0-beta.12",
+    "@bildvitta/store-adapter": "1.0.0",
     "autonumeric": "4.10.9",
-    "axios": "1.4.0",
-    "date-fns": "^2.30.0",
-    "pdfjs-dist": "4.3.136",
-    "debug": "^4.3.4",
-    "fuse.js": "^6.6.2",
-    "gleap": "^14.2.7",
-    "humps": "^2.0.1",
-    "lodash-es": "^4.17.21",
-    "pica": "^9.0.1",
-    "signature_pad": "^4.1.5",
+    "axios": "1.15.0",
+    "date-fns": "4.1.0",
+    "debug": "4.4.3",
+    "fuse.js": "7.3.0",
+    "gleap": "15.2.8",
+    "humps": "2.0.1",
+    "lodash-es": "4.18.1",
+    "pdfjs-dist": "4.10.38",
+    "pica": "9.0.1",
+    "signature_pad": "5.1.3",
     "sortablejs": "1.15.7"
   },
   "peerDependencies": {
-    "@quasar/extras": "^1.16.0",
-    "vue-router": "^4.3.2",
     "@fawmi/vue-google-maps": "0.9.79",
-    "vue-chartjs": "^5.2.0",
-    "chart.js": "^4.3.0",
-    "chartjs-plugin-datalabels": "^2.2.0",
-    "chartjs-plugin-zoom": "^2.0.1",
-    "quasar": "^2.18.1"
+    "@quasar/extras": "1.18.0",
+    "chart.js": "4.5.1",
+    "chartjs-plugin-datalabels": "2.2.0",
+    "chartjs-plugin-zoom": "2.2.0",
+    "quasar": "2.19.3",
+    "vue-chartjs": "5.3.3",
+    "vue-router": "5.0.4"
   },
   "browserslist": [
     "defaults"

package/src/components/app-bar/QasAppBar.vue

@@ -34,7 +34,6 @@ defineOptions({ name: 'QasAppBar' })
 const props = defineProps({
   appUserProps: {
     type: Object,
-    required: true,
     default: () => ({})
   },
 

package/src/components/app-menu/QasAppMenu.vue

@@ -136,14 +136,12 @@ defineOptions({
 const props = defineProps({
   appUserProps: {
     type: Object,
-    required: true,
     default: () => ({})
   },
 
   brand: {
-    default: '',
-    required: true,
-    type: String
+    type: String,
+    default: ''
   },
 
   homeRoute: {
@@ -158,7 +156,6 @@ const props = defineProps({
 
   miniBrand: {
     type: String,
-    required: true,
     default: ''
   },
 

package/src/components/app-user/QasAppUser.vue

@@ -106,9 +106,8 @@ const props = defineProps({
   },
 
   user: {
-    default: () => ({}),
-    required: true,
-    type: Object
+    type: Object,
+    default: () => ({})
   },
 
   useDataOnSmallScreen: {

package/src/components/date/QasDate.vue

@@ -276,9 +276,9 @@ function getNormalizedYear ({ isNext, isPrevious, month, year }) {
 }
 
 function getNormalizedMonth ({ month, isPrevious, isNext }) {
-  if (isPrevious) return isJanuary(month) ? (month = 12) : month - 1
+  if (isPrevious) return isJanuary(month) ? 12 : month - 1
 
-  if (isNext) return isDecember(month) ? (month = 1) : month + 1
+  if (isNext) return isDecember(month) ? 1 : month + 1
 
   return month
 }

package/src/components/debugger/QasDebugger.vue

@@ -15,9 +15,8 @@ defineOptions({ name: 'QasDebugger' })
 
 const props = defineProps({
   inspect: {
-    default: () => [],
-    required: true,
-    type: Array
+    type: Array,
+    default: () => []
   }
 })
 </script>

package/src/components/field/QasField.vue

@@ -22,7 +22,6 @@ const props = defineProps({
 
   field: {
     type: Object,
-    required: true,
     default: () => ({})
   },
 

package/src/components/filters/QasFilters.vue

@@ -7,7 +7,7 @@
             <qas-search-input v-model="internalSearch" :placeholder="searchPlaceholder" :use-search-on-type="useSearchOnType" @clear="clearSearch" @filter="filter()" @update:model-value="onSearch">
               <template v-if="showFilterActions" #after-clear>
                 <slot :context="mx_context" :filter="filter" :filters="activeFilters" name="filter-button" :remove-filter="removeFilter">
-                  <pv-filters-actions ref="filtersActions" v-model:filtersButton="internalFilters" v-bind="filtersActionsProps" />
+                  <pv-filters-actions ref="filtersActions" v-model:filters-button="internalFilters" v-bind="filtersActionsProps" />
                 </slot>
               </template>
             </qas-search-input>
@@ -17,7 +17,7 @@
 
       <div v-else-if="showFilterActions" class="col-12">
         <slot :context="mx_context" :filter="filter" :filters="activeFilters" name="filter-button" :remove-filter="removeFilter">
-          <pv-filters-actions ref="filtersActions" v-model:filtersButton="internalFilters" v-bind="filtersActionsProps" />
+          <pv-filters-actions ref="filtersActions" v-model:filters-button="internalFilters" v-bind="filtersActionsProps" />
         </slot>
       </div>
     </div>

package/src/components/form-generator/QasFormGenerator.vue

@@ -109,9 +109,8 @@ const props = defineProps({
   },
 
   modelValue: {
-    default: () => ({}),
-    required: true,
-    type: Object
+    type: Object,
+    default: () => ({})
   },
 
   order: {

package/src/components/infinite-scroll/QasInfiniteScroll.vue

@@ -47,8 +47,7 @@ const props = defineProps({
 
   url: {
     type: String,
-    default: '',
-    required: true
+    default: ''
   },
 
   params: {

package/src/components/profile/QasProfile.vue

@@ -72,8 +72,7 @@ export default {
 
     title: {
       type: String,
-      default: '',
-      required: true
+      default: ''
     }
   },
 

package/src/components/signature-pad/QasSignaturePad.vue

@@ -1,17 +1,30 @@
 <template>
   <div ref="signatureContainer" class="qas-signature-pad relative-position">
-    <canvas :id="canvasId" :ref="$attrs.ref" class="qas-signature-pad__canvas rounded-borders vertical-bottom" :height="height" />
-    <qas-btn v-if="!empty" class="absolute-bottom-right q-mb-sm q-mr-sm" icon="sym_r_delete" variant="primary" @click="clearSignature" />
+    <canvas
+      :id="canvasId"
+      class="qas-signature-pad__canvas rounded-borders vertical-bottom"
+      :height="height"
+    />
+
+    <qas-btn
+      v-if="!empty"
+      class="absolute-bottom-right q-mb-sm q-mr-sm"
+      icon="sym_r_delete"
+      variant="primary"
+      @click="clearSignature"
+    />
   </div>
 
   <div>
-    <slot :clear-signature="clearSignature" :get-signature-data="getSignatureData" />
+    <slot
+      :clear-signature="clearSignature"
+      :get-signature-data="getSignatureData"
+    />
   </div>
 </template>
 
 <script>
 import QasBtn from '../btn/QasBtn.vue'
-
 import { uid } from 'quasar'
 import isEqual from 'lodash-es/isEqual'
 import SignaturePad from 'signature_pad'
@@ -19,9 +32,7 @@ import SignaturePad from 'signature_pad'
 export default {
   name: 'QasSignaturePad',
 
-  components: {
-    QasBtn
-  },
+  components: { QasBtn },
 
   props: {
     empty: {
@@ -30,18 +41,18 @@ export default {
     },
 
     height: {
-      default: '250',
-      type: String
+      type: String,
+      default: '250'
     },
 
     signatureOptions: {
-      default: () => ({}),
-      type: Object
+      type: Object,
+      default: () => ({})
     },
 
     type: {
-      default: 'image/png',
-      type: String
+      type: String,
+      default: 'image/png'
     }
   },
 
@@ -52,9 +63,7 @@ export default {
   data () {
     return {
       canvasId: uid(),
-      hasEndStrokeEvent: false,
-      signaturePad: null,
-      SignaturePad: null
+      signaturePad: null
     }
   },
 
@@ -69,45 +78,65 @@ export default {
 
   mounted () {
     window.addEventListener('resize', this.setCanvasWidth)
-    this.setCanvasWidth()
 
+    this.setCanvasWidth()
     this.setupSignaturePad()
   },
 
   unmounted () {
     window.removeEventListener('resize', this.setCanvasWidth)
-    this.signaturePad.off()
+
+    this.destroySignaturePad()
   },
 
   methods: {
+    destroySignaturePad () {
+      if (!this.signaturePad) return
+
+      this.signaturePad.off()
+      this.signaturePad.onEnd = null
+      this.signaturePad = null
+    },
+
     clearSignature () {
+      if (!this.signaturePad) return
+
       this.signaturePad.clear()
       this.updateEmptyModel()
     },
 
     getSignatureData () {
+      if (!this.signaturePad) return ''
+
       return this.signaturePad.toDataURL(this.type)
     },
 
     setCanvasWidth () {
-      const signatureContainer = this.$refs.signatureContainer
-      const canvasElement = signatureContainer.querySelector('canvas')
-      canvasElement.setAttribute('width', signatureContainer.offsetWidth)
+      const container = this.$refs.signatureContainer
+      if (!container) return
+
+      const canvas = container.querySelector('canvas')
+      if (!canvas) return
+
+      canvas.width = container.offsetWidth
     },
 
     setupSignaturePad () {
-      const canvasElement = document.getElementById(this.canvasId)
-      this.signaturePad = new SignaturePad(canvasElement, this.signatureOptions)
+      const canvas = document.getElementById(this.canvasId)
+      if (!canvas) return
 
-      if (!this.hasEndStrokeEvent) {
-        this.signaturePad.addEventListener('endStroke', this.updateEmptyModel)
-      }
+      this.destroySignaturePad()
+
+      this.signaturePad = new SignaturePad(canvas, this.signatureOptions)
+
+      this.signaturePad.onEnd = this.updateEmptyModel
 
-      this.hasEndStrokeEvent = true
       this.clearSignature()
     },
 
     updateEmptyModel () {
+      if (!this.signaturePad) return
+
       this.$emit('update:empty', this.signaturePad.isEmpty())
     }
   }

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

@@ -145,9 +145,8 @@ export default {
     },
 
     results: {
-      default: () => [],
-      required: true,
-      type: Array
+      type: Array,
+      default: () => []
     },
 
     rowKey: {

package/src/components/tabs-generator/QasTabsGenerator.vue

@@ -52,9 +52,8 @@ const props = defineProps({
   },
 
   tabs: {
-    default: () => ({}),
-    required: true,
-    type: [Object, Array]
+    type: [Object, Array],
+    default: () => ({})
   },
 
   querySlug: {

package/src/components/transfer/QasTransfer.vue

@@ -79,7 +79,6 @@ export default {
     },
 
     label: {
-      default: '',
       required: true,
       type: String
     },

package/src/css/mixins/set-error-message.scss

@@ -3,6 +3,11 @@
 @mixin set-error-message ($important: false) {
   @include set-typography($caption, $important);
 
-  padding-top: if($important, var(--qas-spacing-sm) !important, var(--qas-spacing-sm));
-  color: if($important, $negative !important, $negative);
+  @if $important {
+    padding-top: var(--qas-spacing-sm) !important;
+    color: $negative !important;
+  } @else {
+    padding-top: var(--qas-spacing-sm);
+    color: $negative;
+  }
 }

package/src/css/mixins/set-typography.scss

@@ -1,8 +1,15 @@
 @use 'sass:map';
 
 @mixin set-typography($name, $important: false) {
-  font-size: if($important, map.get($name, 'size') !important, map.get($name, 'size'));
-  font-weight: if($important, map.get($name, 'weight') !important, map.get($name, 'weight'));
-  letter-spacing: if($important, map.get($name, 'letter-spacing') !important, map.get($name, 'letter-spacing'));
-  line-height: if($important, map.get($name, 'line-height') !important, map.get($name, 'line-height'));
+  @if $important {
+    font-size: map.get($name, 'size') !important;
+    font-weight: map.get($name, 'weight') !important;
+    letter-spacing: map.get($name, 'letter-spacing') !important;
+    line-height: map.get($name, 'line-height') !important;
+  } @else {
+    font-size: map.get($name, 'size');
+    font-weight: map.get($name, 'weight');
+    letter-spacing: map.get($name, 'letter-spacing');
+    line-height: map.get($name, 'line-height');
+  }
 }

package/src/helpers/filters.js

@@ -1,13 +1,14 @@
-import { format, parseISO, isMatch } from 'date-fns'
+import { format, parseISO, isMatch, isValid } from 'date-fns'
 import { ptBR } from 'date-fns/locale'
 
 // Private
 function __format (value, token, options = {}) {
-  if (!value) {
-    return ''
-  }
+  if (!value) return ''
 
   value = value instanceof Date ? value : parseISO(value)
+
+  if (!isValid(value)) return ''
+
   return format(value, token, { locale: ptBR, ...options })
 }