@phoenix-cg/v-filters 0.2.6 → 0.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phoenix-cg/v-filters",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/VFilters.vue

@@ -146,6 +146,9 @@ export default {
     fieldProps: {
       type: Object,
       default: () => ({})
+    },
+    noDefaultValueForEmptyFields: {
+      type: Boolean
     }
   },
   data () {
@@ -176,8 +179,11 @@ export default {
       Object.keys(this.filters).forEach(name => {
         if (fieldsToInclude.includes(name) || this.sendAllFields) {
           const filtersValue = this.filters[name]
-          const wrappedValue = getType(filtersValue) === 'Object' ? [filtersValue] : filtersValue
-          filters[name] = wrappedValue.map(value => value._id || value)
+          const wrappedValue = getType(filtersValue) === 'Array' ? filtersValue : [filtersValue]
+          const [value] = wrappedValue
+          if (value) {
+            filters[name] = wrappedValue.map(value => value?._id || value)
+          }
         }
       })
       return filters
@@ -228,9 +234,9 @@ export default {
           this.addEditedField(field._name)
         } else if (params[field._name] && isUpdate && field._type !== 'range') {
           if (valueNotArray) {
-            const isValueInData = field.data.some(dataValue => dataValue._id === value._id || dataValue._id === value)
+            const isValueInData = field.data.some(dataValue => dataValue._id === value?._id || dataValue._id === value)
             if (!isValueInData) {
-              value = field.data[0]
+              value = this.noDefaultValueForEmptyFields ? [] : field.data[0]
             }
           } else {
             value = field.value.reduce((acc, currentValue) => {
@@ -310,7 +316,7 @@ export default {
         const params = rewriteParams || { ...this.flatFilters, ...this.paramsToInclude }
         const currentParams = this.getUrlParams()
         const newParamsLength = Object.keys(params).length
-        if (((newParamsLength && !equals(params, currentParams)) || isUpdate || rewriteParams) && !this.humanLink) {
+        if ((!equals(params, currentParams) || isUpdate || rewriteParams) && !this.humanLink) {
           const query = serialize(params)
           const url = window.location.origin + window.location.pathname + `${newParamsLength ? '?' : ''}${query}`
           history.replaceState({ state: url }, '', url)
@@ -318,7 +324,7 @@ export default {
       }
     },
     handleFieldChange (name, value) {
-      if (value !== null) {
+      if (value) {
         this.addEditedField(name)
         this.removeDependentFieldsFromEdited(name)
       } else {