@bildvitta/quasar-ui-asteroid 2.23.0 → 2.24.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
-  "version": "2.23.0",
+  "version": "2.24.0-beta.1",
   "description": "",
   "main": "./src/index.js",
   "scripts": {
@@ -26,52 +26,56 @@
   "author": "Inovação Bild & Vitta <inova@bild.com.br>",
   "license": "ISC",
   "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/eslint-parser": "^7.12.1",
-    "@babel/preset-env": "^7.12.11",
-    "@storybook/addon-actions": "^6.2.9",
+    "@babel/core": "^7.20.12",
+    "@babel/eslint-parser": "^7.19.1",
+    "@babel/preset-env": "^7.20.2",
+    "@storybook/addon-actions": "^6.5.16",
     "@storybook/addon-console": "^1.2.3",
-    "@storybook/addon-essentials": "^6.2.9",
-    "@storybook/addon-links": "^6.2.9",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/vue": "^6.2.9",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@vue/test-utils": "^1.1.2",
-    "autoprefixer": "^10.2.6",
+    "@storybook/vue": "^6.5.16",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@vue/test-utils": "^1.3.4",
+    "autoprefixer": "^10.4.13",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^27.0.1",
-    "babel-loader": "^8.2.2",
-    "core-js": "^3.8.3",
+    "babel-loader": "^8.3.0",
+    "core-js": "^3.27.2",
     "eslint": "^7.18.0",
     "eslint-plugin-jest": "^24.1.3",
     "eslint-plugin-vue": "^7.5.0",
-    "eslint-webpack-plugin": "^2.4.3",
+    "eslint-webpack-plugin": "^2.7.0",
     "jest": "^27.0.3",
-    "postcss": "^8.3.5",
+    "postcss": "^8.4.21",
     "react-is": "^17.0.1",
-    "sass": "^1.32.5",
-    "sass-loader": "^10.1.1",
+    "sass": "^1.58.0",
+    "sass-loader": "^10.4.1",
     "standard": "^16.0.3",
     "vue-jest": "^3.0.7",
-    "vue-loader": "^15.9.6",
-    "vue-template-compiler": "^2.6.14"
+    "vue-loader": "^15.10.1",
+    "vue-template-compiler": "^2.7.14"
   },
   "dependencies": {
-    "@quasar/extras": "^1.9.14",
+    "@quasar/extras": "^1.15.10",
     "autonumeric": "^4.6.0",
     "axios": "^0.21.1",
-    "date-fns": "^2.16.1",
+    "date-fns": "^2.29.3",
     "fuse.js": "^3.4.6",
     "humps": "^2.0.1",
     "lodash": "^4.17.21",
     "pica": "^7.1.0",
-    "quasar": "^1.15.0",
+    "quasar": "^1.22.5",
     "signature_pad": "^3.0.0-beta.4",
     "sortablejs": "^1.12.0",
-    "vue-router": "^3.4.9",
+    "vue-router": "^3.6.5",
     "vuex": "^3.6.0"
   },
   "peerDependencies": {
     "vue": "^2.6.14"
+  },
+  "engines": {
+    "node": ">= 10.18.1 <= 16",
+    "npm": ">= 6.13.4"
   }
 }

package/src/components/filters/QasFilters.stories.js

@@ -31,6 +31,14 @@ export default {
       description: '[VuexStoreModule](https://github.com/bildvitta/vuex-store-module) entity.'
     },
 
+    fieldsEvents: {
+      description: 'Defines each field events.'
+    },
+
+    fieldsProps: {
+      description: 'Defines each field props.'
+    },
+
     noFilterButton: {
       description: 'Hides filter button.'
     },

package/src/components/filters/QasFilters.vue

@@ -27,7 +27,7 @@
 
             <q-form v-else class="q-gutter-y-md q-pa-md" @submit.prevent="filter()">
               <div v-for="(field, index) in fields" :key="index">
-                <qas-field v-model="filters[field.name]" dense :field="field" />
+                <qas-field dense :field="field" :value="filters[field.name]" v-bind="fieldsProps[field.name]" v-on="fieldsEvents[field.name]" @input="emitter(field.name, $event)" />
               </div>
 
               <div class="text-right">
@@ -51,6 +51,7 @@
 <script>
 import QasField from '../field/QasField'
 
+import { isNil, isEmpty } from 'lodash'
 import { camelize, camelizeKeys } from 'humps'
 import { humanize, parseValue } from '../../helpers/filters'
 import contextMixin from '../../mixins/context'
@@ -73,6 +74,16 @@ export default {
       type: String
     },
 
+    fieldsProps: {
+      default: () => ({}),
+      type: Object
+    },
+
+    fieldsEvents: {
+      default: () => ({}),
+      type: Object
+    },
+
     noFilterButton: {
       default: false,
       type: Boolean
@@ -100,6 +111,11 @@ export default {
 
     forceRefetch: {
       type: Boolean
+    },
+
+    value: {
+      default: () => ({}),
+      type: Object
     }
   },
 
@@ -127,7 +143,9 @@ export default {
         const hasField = fields.includes(key)
 
         if (hasField) {
-          const value = humanize(this.fields[key], this.normalizeValues(filters[key], this.fields[key]?.multiple))
+          const field = { ...this.fields[key], ...this.fieldsProps?.[key] }
+
+          const value = humanize(field, this.normalizeValues(filters[key], this.fields[key]?.multiple))
           const { label, name } = this.fields[key]
 
           activeFilters[key] = { label, name, value }
@@ -184,10 +202,25 @@ export default {
       this.updateValues()
     },
 
+    '$route.query': {
+      immediate: true,
+      handler () {
+        this.$emit('input', this.context.filters)
+      }
+    },
+
     search () {
       if (this.debounce) {
         this.filter()
       }
+    },
+
+    value: {
+      immediate: true,
+      deep: true,
+      handler (value) {
+        this.filters = value
+      }
     }
   },
 
@@ -275,6 +308,11 @@ export default {
       this.search = search || ''
 
       for (const key in filters) {
+        if (isEmpty(filters[key]) || isNil(filters[key])) {
+          delete filters[key]
+          continue
+        }
+
         this.$set(this.filters, key, parseValue(this.normalizeValues(filters[key], this.fields[key]?.multiple)))
       }
     },
@@ -292,6 +330,11 @@ export default {
           watchOnce()
         }
       })
+    },
+
+    emitter (key, value) {
+      this.filters[key] = value
+      this.$emit('input', this.filters)
     }
   }
 }

package/src/components/select/QasSelect.vue

@@ -67,7 +67,7 @@ export default {
 
     value: {
       default: () => [],
-      type: [Array, Object, String, Number]
+      type: [Array, Object, String, Number, Boolean]
     },
 
     valueKey: {