fix(nullBoolean): filter display in query if undefined

Author: AMontagu

src/utils/listPaginatedTools.ts

@@ -32,12 +32,12 @@ const isValueDefault = (value: any, param: string, schema?: VDUSFormSchema): boo
   let isValueDefault: boolean = value === "";
 
   if (schema && schema[param]) {
-    // We have a special case for nullBoolean because we can have null value that is not the default
-    if(schema[param]?.type === "nullBoolean") {
-      return schema[param].default === extractNullBooleanValue(value, schema[param].default)
-    }
     // if there is a defautl value we change the condition to is non equality
     if (typeof(schema[param].default) !== "undefined") {
+      // We have a special case for nullBoolean because we can have null value that is not the default
+      if(schema[param]?.type === "nullBoolean") {
+        return schema[param].default === extractNullBooleanValue(value, schema[param].default)
+      }
       // TODO default value for array need to be stringify ?
       if (Array.isArray(value)) {
         isValueDefault = isEqual(value, schema[param].default) || !value.length;

vue3-example/src/components/HelloWorld.vue

@@ -56,7 +56,7 @@ export default defineComponent({
     // --------------------- DATA ------------------------------------
     const form = ref<GenericDictionnary>({
       search: "",
-      is_answered: false
+      is_answered: null
     })
     const options = ref<VDUSDatatableOptions>({
         page: 1,
@@ -66,7 +66,7 @@ export default defineComponent({
     const items = ref<any>([])
 
     const formSchema = ref<VDUSFormSchema>({
-      is_answered: { type: "nullBoolean", default: false }
+      is_answered: { type: "nullBoolean" }
     })
 
     // --------------------- METHODS ------------------------------------
@@ -85,7 +85,7 @@ export default defineComponent({
           return respondToFilter
         })
       }
-      if (typeof queryAsObject.is_answered !== "undefined") {
+      if (typeof queryAsObject.is_answered !== "undefined" && queryAsObject.is_answered !== null) {
         fakeData = fakeData.filter(data => {
           return data.is_answered === queryAsObject.is_answered
         })