Minor fix to searcher filters

resources/js/components/ProcessFile/ProcessFile.ts

@@ -60,10 +60,7 @@ export default class ProcessFile extends Vue {
     // private searchersData: Array<{ id: string; name: string; type: string; }> = [];
 
     // The list of filters applied to the selected searchers
-    private searchersFilters: any = {
-        name: '',
-        global: ''
-    };
+    private searchersFilters: any = {};
 
     // The list of selected filters/searchers
     private selectedSearchers: any = {};
@@ -566,6 +563,20 @@ export default class ProcessFile extends Vue {
         this.showDefineSearcher = false;
     }
 
+    /**
+     * Watch the filters for any changes. When the search value is empty, remove it
+     * This is needed due to a bug in PrimeVue where the pagination doesn't work when there is a active filter
+     *
+     * @param newValue
+     * @param oldValue
+     */
+    @Watch('searchersFilters', { deep: true })
+    private onFiltersChanged(newValue: any, oldValue: object): void {
+        if (newValue.global === '') {
+            this.searchersFilters = {};
+        }
+    }
+
     /**
      * Watch the `showDiffHighlight` property for changes
      *

resources/js/components/ProcessFile/ProcessFile.vue

@@ -193,7 +193,7 @@
                             {{slotProps.data.name}}
                         </template>
                         <template #filter>
-                            <InputText type="text" v-model="searchersFilters['global']" class="p-column-filter" placeholder="Search by name"/>
+                            <InputText type="text" v-model="searchersFilters['global']" class="p-column-filter" placeholder="Search by name por description"/>
                         </template>
                     </Column>
                     <Column