@danielgindi/selectbox 1.0.70 → 1.0.71

package/lib/SelectBox.js

@@ -662,6 +662,14 @@ class SelectBox {
         return '';
     }
 
+    invokeRefilter() {
+        const p = this._p;
+        if (!p.filterTerm && !p.filterOnEmptyTerm)
+            return this;
+        p.throttledUpdateListItems();
+        return this;
+    }
+
     /**
      * @param {boolean} sortSelectedItems
      * @returns {SelectBox}
@@ -1002,7 +1010,10 @@ class SelectBox {
      */
     setFilterOnEmptyTerm(value) {
         const p = this._p;
+        if (p.filterOnEmptyTerm === value)
+            return this;
         p.filterOnEmptyTerm = value;
+        p.throttledUpdateListItems();
         return this;
     }
 
@@ -1142,7 +1153,10 @@ class SelectBox {
      */
     setFilterFn(fn) {
         const p = this._p;
+        if (p.filterFn === fn)
+            return this;
         p.filterFn = fn;
+        p.throttledUpdateListItems();
         return this;
     }
 
@@ -1258,7 +1272,7 @@ class SelectBox {
             if (item !== undefined) {
                 selectedItems.push(item);
             } else {
-                selectedItems.push({ [p.valueProp]: value });
+                selectedItems.push({ [valueProp]: value });
             }
         }
 
@@ -1267,7 +1281,6 @@ class SelectBox {
         p.selectionChanged = true;
         p.resortBySelectionNeeded = true;
 
-        this._updateListItems();
         this._scheduleSync('full');
 
         return this;
@@ -2285,6 +2298,7 @@ class SelectBox {
         }
     }
 
+    /** @private */
     _refilterItems() {
         const p = this._p;
 
@@ -2355,6 +2369,7 @@ class SelectBox {
         p.itemsChanged = true;
     }
 
+    /** @private */
     _setSelectedItems(items) {
         const p = this._p, valueProp = p.valueProp;
 
@@ -2373,6 +2388,7 @@ class SelectBox {
         this._scheduleSync('full');
     }
 
+    /** @private */
     _scheduleSync(mode, data) {
         const p = this._p;
 
@@ -2396,6 +2412,7 @@ class SelectBox {
         });
     }
 
+    /** @private */
     _performSync(queue) {
         const p = this._p;
 
@@ -2470,6 +2487,7 @@ class SelectBox {
         }
     }
 
+    /** @private */
     _cleanupSingleWrapper() {
         const p = this._p;
 
@@ -2767,7 +2785,10 @@ class SelectBox {
         }
 
         // Update input size
-        this._resizeInput()._updateListItems();
+        this._resizeInput();
+
+        // Update list items
+        this._updateListItems();
 
         return this;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielgindi/selectbox",
-  "version": "1.0.70",
+  "version": "1.0.71",
   "description": "A collection of dom utilities. So you can work natively with the dom without dom frameworks.",
   "main": "dist/lib.cjs.min.js",
   "module": "lib/index.js",

package/vue/SelectBox.vue

@@ -185,6 +185,10 @@
                 type: Function,
                 default: undefined,
             },
+            // eslint-disable-next-line vue/require-prop-types
+            filterDependencies: {
+                default: undefined,
+            },
             virtualMinItems: {
                 type: Number,
                 default: 10,
@@ -607,6 +611,11 @@
                 if (this._box)
                     this._box.setTreatGroupSelectionAsItems(!!this.treatGroupSelectionAsItems);
             },
+
+            filterDependencies() {
+                if (this._box)
+                    this._box.invokeRefilter();
+            },
         },
 
         mounted() {