Merge pull request #119 from AddSearch/sc-10250/fix-range-facets-slid…

…er-not-rendered-with-range-facets-checkbox

fix: [sc-10250] Bug in Search-UI Lib's rangeFacet slider

package.json

@@ -1,6 +1,6 @@
 {
   "name": "addsearch-search-ui",
-  "version": "0.8.8",
+  "version": "0.8.9",
   "description": "JavaScript library to develop Search UIs for the web",
   "main": "./dist/addsearch-search-ui.min.js",
   "jsdelivr": "./dist/addsearch-search-ui.min.js",

src/components/facets/facets.js

@@ -40,6 +40,9 @@ export default class Facets {
             client.fetchCustomApi(this.conf.field, filterObjectCustom, res => {
               this.render(res, true);
             })
+          } else {
+            const activeFacets = this.getActiveFacets(this.conf.field);
+            this.updateCheckboxStates(activeFacets);
           }
         }
       });
@@ -67,7 +70,6 @@ export default class Facets {
       facets = results.facets[facetField];
     }
 
-
     // Read active facets from redux state
     const activeFacets = this.getActiveFacets(facetField);
 
@@ -140,4 +142,13 @@ export default class Facets {
     }
     return activeFacets;
   }
-}
+
+  updateCheckboxStates(activeFacets) {
+    const container = document.getElementById(this.conf.containerId);
+    const options = container.getElementsByTagName('input');
+    for (let i=0; i < options.length; i++) {
+      let checkbox = options[i];
+      checkbox.checked = activeFacets.indexOf(checkbox.value) !== -1;
+    }
+  }
+}

src/components/rangefacets/rangefacets.js

@@ -113,12 +113,13 @@ export default class RangeFacets {
 
       observeStoreByKey(this.reduxStore, 'fieldstats', (state) => {
         var fieldStats = state.fieldStats[this.conf.field];
-        if (!fieldStats) {
-          this.renderRangeSlider();
+
+        if (state.callBy !== this.conf.field || fieldStats === undefined) {
           return;
         }
 
-        if (state.callBy !== this.conf.field) {
+        if (fieldStats === null) {
+          this.renderRangeSlider();
           return;
         }