toggle-components-library 1.33.0-beta.7 → 1.33.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "toggle-components-library",
-    "version": "1.33.0-beta.7",
+    "version": "1.33.0-beta.8",
     "private": false,
     "scripts": {
         "serve": "vue-cli-service serve",

package/src/components/tables/ToggleTable.vue

@@ -24,7 +24,7 @@
                         type="text"
                         :ref="field.key+'-input'"
                         v-model="searchModels[field.key]"
-                        @input="searchChange(field)"
+                        @input="searchChange()"
                         @bail="closeSearch(field)"
                         :searchIsOpen="searchIsOpen"
                     />
@@ -35,13 +35,13 @@
                         :searchIsOpen="searchIsOpen"
                         :options="field.select_options"
                         v-model="searchModels[field.key]"
-                        @input="val=>searchChange(val, field)"
+                        @input="val=>searchChange()"
                     />
                     <ToggleDatePicker
                         v-if="field.type === 'date_range' && (searchModels[field.key].start || searchModels[field.key].end || editingInput === field.key)"
                         name="date_range" size="small"
                         :searchIsOpen="searchIsOpen"
-                        @input="val=>searchChange(val, field)" type="date" :range="true" label="Input label" v-model="searchModels[field.key]"
+                        @input="val=>searchChange()" type="date" :range="true" label="Input label" v-model="searchModels[field.key]"
                     />
                   </div>
               </th>
@@ -160,7 +160,9 @@ export default {
                         // show the other fields with initial values set.
                         else this.activateSearch(this.fields[i]);
                     }
-                    this.searchChange();
+                }
+                if(this.anySearchActive){
+                    this.searchChange(true);
                 }
             }
 
@@ -235,11 +237,14 @@ export default {
                 this.searchChange();
             },
 
-            searchChange(){
+            searchChange(immediate = false)
+            {
+                const delay = immediate ? 0 : 500;
+
                 clearTimeout(this.searchDebounce);
                 this.searchDebounce = setTimeout(()=>{
                     this.$emit('search', this.fieldsWithSearch);
-                },500);
+                },delay);
 
             },