@appbaseio/reactivesearch-vue 1.33.0 → 1.33.2

package/dist/cjs/ReactiveList.js

@@ -7,26 +7,26 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-require('./Button-0673191e.js');
-var vueTypes = require('./vueTypes-727b7c63.js');
-var Pagination = require('./Pagination-3d73e1b3.js');
+require('./Button-841fd06d.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
+var Pagination = require('./Pagination-07f4dbad.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-08f8dfa3.js');
-var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
-var PreferencesConsumer = require('./PreferencesConsumer-7be03476.js');
+var index = require('./index-30126fd0.js');
+var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-require('./Title-1de7d0f4.js');
-var ListItem = require('./ListItem-8c9e0d68.js');
-var Card = require('./Card-642547a8.js');
-var Flex = require('./Flex-aa517a13.js');
+require('./Title-16042ea0.js');
+var ListItem = require('./ListItem-5088bd6a.js');
+var Card = require('./Card-240f283d.js');
+var Flex = require('./Flex-ddd7cb6b.js');
 
 var _templateObject;
 var PoweredByImage = styled__default('img')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));
@@ -53,7 +53,7 @@ var ResultListWrapper = {
   functional: true,
   render: function render(_, _ref) {
     var props = _ref.props,
-        children = _ref.children;
+      children = _ref.children;
     var h = arguments[0];
     return h("div", _mergeJSXProps([{
       "attrs": {
@@ -62,7 +62,6 @@ var ResultListWrapper = {
     }, props]), [children]);
   }
 };
-
 ResultListWrapper.install = function (Vue) {
   Vue.component(ResultListWrapper.name, ResultListWrapper);
 };
@@ -72,7 +71,7 @@ var ResultCardsWrapper = {
   functional: true,
   render: function render(_, _ref) {
     var props = _ref.props,
-        children = _ref.children;
+      children = _ref.children;
     var h = arguments[0];
     return h("div", _mergeJSXProps([{
       "attrs": {
@@ -81,7 +80,6 @@ var ResultCardsWrapper = {
     }, props]), [children]);
   }
 };
-
 ResultCardsWrapper.install = function (Vue) {
   Vue.component(ResultCardsWrapper.name, ResultCardsWrapper);
 };
@@ -92,15 +90,13 @@ var sortOptions = emotion.css(_templateObject2 || (_templateObject2 = _rollupPlu
 
 var recordImpressions = configureStore.Actions.recordImpressions;
 var isEqual = configureStore.helper.isEqual;
-
 var debounce = function debounce(method, delay) {
-  clearTimeout(method._tId); // eslint-disable-next-line
-
+  clearTimeout(method._tId);
+  // eslint-disable-next-line
   method._tId = setTimeout(function () {
     method();
   }, delay);
 };
-
 var ImpressionTracker = {
   name: 'ImpressionTracker',
   inject: ['$$store'],
@@ -113,16 +109,15 @@ var ImpressionTracker = {
     // An object to track the recorded impressions
     // It can have the values in following shape
     // { "hit_id": { "index": "test" }}
-
-    this.trackedIds = {}; // An object to know the the un-tracked impression i.e not recorded by BE
+    this.trackedIds = {};
+    // An object to know the the un-tracked impression i.e not recorded by BE
     // It can have the values in following shape
     // { "query_id": [{ "id": "hit_id", "index": "test"}]}
-
     this.waitingToBeTracked = {};
   },
   mounted: function mounted() {
-    this.setCurrentHits(this.hits); // Add scroll events to track the impressions
-
+    this.setCurrentHits(this.hits);
+    // Add scroll events to track the impressions
     if (window) {
       window.addEventListener('scroll', this.tracker);
     }
@@ -141,7 +136,6 @@ var ImpressionTracker = {
         var currentHitIds = newVal.map(function (hit) {
           return hit._id;
         });
-
         if (!isEqual(currentHitIds, prevHitIds)) {
           this.setCurrentHits(newVal);
         }
@@ -154,28 +148,24 @@ var ImpressionTracker = {
       return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
     },
     setCurrentHits: function setCurrentHits(hits) {
-      this.currentHits = hits; // Reset the tracked Ids for new hits
-
+      this.currentHits = hits;
+      // Reset the tracked Ids for new hits
       this.trackedIds = {};
-
       if (hits && hits.length) {
-        this.tracker(); // Run the tracker function on an interval of 1s to track the impressions for
+        this.tracker();
+        // Run the tracker function on an interval of 1s to track the impressions for
         // non-scroll views for e.g on tab change
-
         this.setTrackerInterval();
       }
     },
     recordImpression: function recordImpression() {
       var _this = this;
-
       if (Object.keys(this.waitingToBeTracked).length) {
         var unTrackedHits = _rollupPluginBabelHelpers._extends({}, this.waitingToBeTracked);
-
         Object.keys(unTrackedHits).forEach(function (queryId) {
           if (unTrackedHits[queryId] && unTrackedHits[queryId].length) {
-            _this.trackImpressions(queryId, unTrackedHits[queryId]); // Removed tracked impressions from waiting list
-
-
+            _this.trackImpressions(queryId, unTrackedHits[queryId]);
+            // Removed tracked impressions from waiting list
             delete _this.waitingToBeTracked[queryId];
           }
         });
@@ -183,13 +173,12 @@ var ImpressionTracker = {
     },
     addToWaitingList: function addToWaitingList(hitObject) {
       var queryId = this.getQueryId();
-
       if (hitObject && queryId) {
         var impression = {
           id: hitObject._id,
           index: hitObject._index
-        }; // Check if query id already present in waiting list
-
+        };
+        // Check if query id already present in waiting list
         if (this.waitingToBeTracked[queryId]) {
           this.waitingToBeTracked[queryId].push(impression);
         } else {
@@ -199,32 +188,27 @@ var ImpressionTracker = {
     },
     tracker: function tracker() {
       var _this2 = this;
-
       if (!this.getHitIds().length) {
         this.clearTrackerInterval();
         return;
-      } // only run at client-side
-
-
+      }
+      // only run at client-side
       if (window && document) {
         this.getHitIds().forEach(function (id) {
           var element = document.getElementById(id);
-
           if (element) {
             if (_this2.inViewPort(element)) {
               // Add the hit id in the list of tracked ids
               var hitObject = _this2.currentHits.find(function (hit) {
                 return hit._id === id;
               });
-
-              _this2.trackedIds[id] = true; // Add hit to waiting list to be recorded
-
+              _this2.trackedIds[id] = true;
+              // Add hit to waiting list to be recorded
               _this2.addToWaitingList(hitObject);
             }
           }
         });
       }
-
       debounce(this.recordImpression, 300);
     },
     setTrackerInterval: function setTrackerInterval() {
@@ -232,8 +216,8 @@ var ImpressionTracker = {
     },
     clearTrackerInterval: function clearTrackerInterval() {
       if (this.intervalID) {
-        clearInterval(this.intervalID); // Reset interval ID
-
+        clearInterval(this.intervalID);
+        // Reset interval ID
         this.intervalID = null;
       }
     },
@@ -243,7 +227,6 @@ var ImpressionTracker = {
     },
     getHitIds: function getHitIds() {
       var _this3 = this;
-
       return this.currentHits.map(function (hit) {
         return hit._id;
       }).filter(function (id) {
@@ -263,20 +246,20 @@ var ImpressionTracker$1 = index.connect(function () {
 }, mapDispatchToProps)(ImpressionTracker);
 
 var setQueryOptions = configureStore.Actions.setQueryOptions,
-    updateQuery = configureStore.Actions.updateQuery,
-    loadMore = configureStore.Actions.loadMore,
-    setValue = configureStore.Actions.setValue,
-    updateComponentProps = configureStore.Actions.updateComponentProps,
-    setDefaultQuery = configureStore.Actions.setDefaultQuery,
-    recordResultClick = configureStore.Actions.recordResultClick;
+  updateQuery = configureStore.Actions.updateQuery,
+  loadMore = configureStore.Actions.loadMore,
+  setValue = configureStore.Actions.setValue,
+  updateComponentProps = configureStore.Actions.updateComponentProps,
+  setDefaultQuery = configureStore.Actions.setDefaultQuery,
+  recordResultClick = configureStore.Actions.recordResultClick;
 var isEqual$1 = configureStore.helper.isEqual,
-    getQueryOptions = configureStore.helper.getQueryOptions,
-    getClassName = configureStore.helper.getClassName,
-    parseHits = configureStore.helper.parseHits,
-    getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
-    getResultStats = configureStore.helper.getResultStats,
-    extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-    getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
+  getQueryOptions = configureStore.helper.getQueryOptions,
+  getClassName = configureStore.helper.getClassName,
+  parseHits = configureStore.helper.parseHits,
+  getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
+  getResultStats = configureStore.helper.getResultStats,
+  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
 var ReactiveList = {
   name: 'ReactiveList',
   components: {
@@ -286,13 +269,11 @@ var ReactiveList = {
   data: function data() {
     var currentPageState = 0;
     var defaultPage = this.defaultPage || -1;
-
     if (defaultPage >= 0) {
       currentPageState = defaultPage;
     } else if (this.currentPage) {
       currentPageState = Math.max(this.currentPage - 1, 0);
     }
-
     this.__state = {
       from: currentPageState * this.size,
       currentPageState: currentPageState
@@ -301,50 +282,40 @@ var ReactiveList = {
   },
   created: function created() {
     var _this = this;
-
     var _this$$props = this.$props,
-        distinctField = _this$$props.distinctField,
-        distinctFieldConfig = _this$$props.distinctFieldConfig,
-        index = _this$$props.index; // no support for pagination and aggregationField together
-
+      distinctField = _this$$props.distinctField,
+      distinctFieldConfig = _this$$props.distinctFieldConfig,
+      index = _this$$props.index;
+    // no support for pagination and aggregationField together
     if (this.pagination && this.aggregationField) {
       console.warn('Pagination is not supported when aggregationField is present. The list will be rendered with infinite scroll');
     }
-
     if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
       console.warn('Warning(ReactiveSearch): The `aggregationField` prop has been marked as deprecated, please use the `distinctField` prop instead.');
     }
-
     if (!this.enableAppbase && (distinctField || distinctFieldConfig)) {
       console.warn('Warning(ReactiveSearch): In order to use the `distinctField` and `distinctFieldConfig` props, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
-
     if (!this.enableAppbase && index) {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
-
     var defaultPage = this.defaultPage || -1;
-
     if (defaultPage >= 0) {
       this.currentPageState = defaultPage;
       this.from = this.currentPageState * this.$props.size;
     }
-
     this.internalComponent = this.$props.componentId + "__internal";
     this.sortOptionIndex = 0;
-
     if (this.defaultSortOption && this.sortOptions && Array.isArray(this.sortOptions)) {
       this.sortOptionIndex = this.sortOptions.findIndex(function (s) {
         return s.label === _this.defaultSortOption;
       });
     }
-
     if (this.urlSortOption) {
       this.sortOptionIndex = this.$props.sortOptions.findIndex(function (s) {
         return s.label === _this.urlSortOption;
       }) || 0;
     }
-
     this.updateComponentProps(this.componentId, {
       from: this.from
     }, constants.componentTypes.reactiveList);
@@ -421,21 +392,17 @@ var ReactiveList = {
       var results = parseHits(this.hits) || [];
       var parsedPromotedResults = parseHits(this.promotedResults) || [];
       var filteredResults = results;
-
       if (parsedPromotedResults.length) {
         var ids = parsedPromotedResults.map(function (item) {
           return item._id;
         }).filter(Boolean);
-
         if (ids) {
           filteredResults = filteredResults.filter(function (item) {
             return !ids.includes(item._id);
           });
         }
-
         filteredResults = [].concat(parsedPromotedResults, filteredResults);
       }
-
       return helper.withClickIds(filteredResults);
     }
   },
@@ -477,19 +444,16 @@ var ReactiveList = {
         this.$defaultQuery = newVal(null, this.$props);
         var query = extractQueryFromCustomQuery(this.$defaultQuery);
         var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
-
         if (queryOptions) {
           options = _rollupPluginBabelHelpers._extends({}, options, queryOptions);
-        } // Update calculated default query in store
-
-
+        }
+        // Update calculated default query in store
         index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props);
         this.setQueryOptions(this.$props.componentId, _rollupPluginBabelHelpers._extends({}, options, this.getAggsQuery()), !query);
         this.updateQuery({
           componentId: this.internalComponent,
           query: query
         }, true); // reset page because of query change
-
         this.currentPageState = 0;
         this.from = 0;
       }
@@ -511,7 +475,6 @@ var ReactiveList = {
     },
     hits: function hits(newVal, oldVal) {
       this.$emit('data', this.getData());
-
       if (this.shouldRenderPagination) {
         // called when page is changed
         if (this.isLoading && (oldVal || newVal)) {
@@ -529,7 +492,6 @@ var ReactiveList = {
             if (this.scrollOnChange) {
               window.scrollTo(0, 0);
             }
-
             this.from = 0;
           }
         }
@@ -553,7 +515,6 @@ var ReactiveList = {
           window.removeEventListener('scroll', this.scrollHandler);
         }
       } // handle window url history change (on native back and forth interactions)
-
     },
     defaultPage: function defaultPage(newVal, oldVal) {
       if (this.currentPageState !== newVal && oldVal !== newVal) {
@@ -565,46 +526,39 @@ var ReactiveList = {
     if (this.defaultPage < 0 && this.currentPage > 0) {
       this.setPageURL(this.$props.componentId, this.currentPage, this.$props.componentId, false, this.URLParams);
     }
-
     var options = getQueryOptions(this.$props);
     options.from = this.$data.from;
-
     if (this.sortOptions && this.sortOptions[this.sortOptionIndex]) {
       var _ref;
-
       var sortField = this.sortOptions[this.sortOptionIndex].dataField;
       var sortBy = this.sortOptions[this.sortOptionIndex].sortBy;
       options.sort = [(_ref = {}, _ref[sortField] = {
         order: sortBy
-      }, _ref)]; // To handle sort options for RS API
-
+      }, _ref)];
+      // To handle sort options for RS API
       this.updateComponentProps(this.componentId, {
         dataField: sortField,
         sortBy: sortBy
       }, constants.componentTypes.reactiveList);
     } else if (this.$props.sortBy) {
       var _ref2;
-
       options.sort = [(_ref2 = {}, _ref2[this.$props.dataField] = {
         order: this.$props.sortBy
       }, _ref2)];
     } // Override sort query with defaultQuery's sort if defined
 
-
     this.$defaultQuery = null;
-
     if (this.$props.defaultQuery) {
       this.$defaultQuery = this.$props.defaultQuery();
-      options = _rollupPluginBabelHelpers._extends({}, options, getOptionsForCustomQuery(this.$defaultQuery)); // Update calculated default query in store
+      options = _rollupPluginBabelHelpers._extends({}, options, getOptionsForCustomQuery(this.$defaultQuery));
 
+      // Update calculated default query in store
       index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props);
-    } // execute is set to false at the time of mount
-
-
+    }
+    // execute is set to false at the time of mount
     var query = extractQueryFromCustomQuery(this.$defaultQuery);
     var execute = false;
     this.setQueryOptions(this.$props.componentId, _rollupPluginBabelHelpers._extends({}, options, this.getAggsQuery()), execute);
-
     if (this.$defaultQuery) {
       this.updateQuery({
         componentId: this.internalComponent,
@@ -617,7 +571,6 @@ var ReactiveList = {
       }, execute);
     } // query will be executed here
 
-
     if (this.showInfiniteScroll) {
       window.addEventListener('scroll', this.scrollHandler);
     }
@@ -676,16 +629,13 @@ var ReactiveList = {
   methods: {
     renderErrorComponent: function renderErrorComponent() {
       var renderError = this.$scopedSlots.renderError || this.$props.renderError;
-
       if (renderError && this.error && !this.isLoading) {
         return index.isFunction(renderError) ? renderError(this.error) : renderError;
       }
-
       return null;
     },
     renderResults: function renderResults() {
       var _this2 = this;
-
       var h = this.$createElement;
       var size = this.$props.size;
       var renderItem = this.$scopedSlots.renderItem || this.$props.renderItem;
@@ -699,8 +649,8 @@ var ReactiveList = {
             return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
           }
         });
-      })]); // If analytics is set to true then render with impression tracker
-
+      })]);
+      // If analytics is set to true then render with impression tracker
       return this.analytics ? h(ImpressionTracker$1, {
         "attrs": {
           "hits": this.data
@@ -710,38 +660,32 @@ var ReactiveList = {
     updateQueryOptions: function updateQueryOptions(props) {
       var options = getQueryOptions(props);
       options.from = this.$data.from;
-
       if (props.sortOptions && Array.isArray(props.sortOptions)) {
         var sortOptionIndex = props.defaultSortOption ? props.sortOptions.findIndex(function (s) {
           return s.label === props.defaultSortOption;
         }) : 0;
-
         if (props.sortOptions[sortOptionIndex]) {
           var _ref3;
-
           options.sort = [(_ref3 = {}, _ref3[props.sortOptions[sortOptionIndex].dataField] = {
             order: props.sortOptions[sortOptionIndex].sortBy
           }, _ref3)];
         }
       } else if (props.sortBy) {
         var _ref4;
-
         options.sort = [(_ref4 = {}, _ref4[props.dataField] = {
           order: props.sortBy
         }, _ref4)];
       }
-
       this.setQueryOptions(this.$props.componentId, _rollupPluginBabelHelpers._extends({}, options, this.getAggsQuery()), true);
     },
     getAggsQuery: function getAggsQuery() {
       var _this$$props2 = this.$props,
-          size = _this$$props2.size,
-          aggregationField = _this$$props2.aggregationField;
+        size = _this$$props2.size,
+        aggregationField = _this$$props2.aggregationField;
       var afterKey = this.$data.afterKey;
       var queryOptions = {
         size: size
       };
-
       if (aggregationField) {
         queryOptions.aggs = getCompositeAggsQuery({
           props: this.$props,
@@ -749,7 +693,6 @@ var ReactiveList = {
           showTopHits: true
         }).aggs;
       }
-
       return queryOptions;
     },
     scrollHandler: function scrollHandler() {
@@ -759,9 +702,9 @@ var ReactiveList = {
     },
     loadMore: function loadMore() {
       if (this.aggregationField && !this.afterKey) return;
-
       if (this.hits && !this.shouldRenderPagination && this.total > this.hits.length) {
-        var value = this.$data.from + this.$props.size; // If current hits length is less than the current from then it means
+        var value = this.$data.from + this.$props.size;
+        // If current hits length is less than the current from then it means
         // that there are no results present.
         // It can happen because of many reasons some of them are:
         // 1. Using the `collapse` query to remove results
@@ -772,11 +715,9 @@ var ReactiveList = {
         if (this.hits.length < value) {
           return;
         }
-
         var options = _rollupPluginBabelHelpers._extends({}, getQueryOptions(this.$props), this.getAggsQuery());
-
-        this.from = value; // Update default query to support pagination for aggregationField
-
+        this.from = value;
+        // Update default query to support pagination for aggregationField
         index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props);
         this.loadMoreAction(this.$props.componentId, _rollupPluginBabelHelpers._extends({}, options, {
           from: value
@@ -802,37 +743,30 @@ var ReactiveList = {
     renderStats: function renderStats() {
       var h = this.$createElement;
       var renderResultStats = this.$scopedSlots.renderResultStats || this.$props.renderResultStats;
-
       if (renderResultStats && this.$data.total) {
         return renderResultStats(this.stats);
       }
-
       if (this.stats.numberOfResults) {
         return h("p", {
           "class": resultStats + " " + getClassName(this.$props.innerClass, 'resultStats')
         }, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
       }
-
       return null;
     },
     renderNoResult: function renderNoResult() {
       var h = this.$createElement;
       var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
-
       if (this.$scopedSlots.renderNoResults) {
         return index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults;
       }
-
       return h("p", {
         "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     },
     handleSortChange: function handleSortChange(e) {
       var index = e.target.value;
-
       if (this.sortOptions && this.sortOptions[index]) {
         var _ref5;
-
         // This fixes issue #371 (where sorting a multi-result page with infinite loader breaks)
         var options = getQueryOptions(this.$props);
         options.from = 0;
@@ -841,8 +775,8 @@ var ReactiveList = {
         options.sort = [(_ref5 = {}, _ref5[sortField] = {
           order: sortBy
         }, _ref5)];
-        this.sortOptionIndex = index; // To handle sort options for RS API
-
+        this.sortOptionIndex = index;
+        // To handle sort options for RS API
         this.updateComponentProps(this.componentId, {
           dataField: sortField,
           sortBy: sortBy
@@ -857,20 +791,16 @@ var ReactiveList = {
     },
     triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
       var docId = documentId;
-
       if (!docId) {
         var _this$getData = this.getData(),
-            data = _this$getData.data;
-
+          data = _this$getData.data;
         var hitData = data.find(function (hit) {
           return hit._click_id === searchPosition;
         });
-
         if (hitData && hitData._id) {
           docId = hitData._id;
         }
       }
-
       this.recordResultClick(searchPosition, docId);
     },
     renderSortOptions: function renderSortOptions() {
@@ -898,8 +828,7 @@ var ReactiveList = {
     },
     withClickIds: function withClickIds(results) {
       var _this$getAllData = this.getAllData(),
-          base = _this$getAllData.base;
-
+        base = _this$getAllData.base;
       return results.map(function (result, index) {
         return _rollupPluginBabelHelpers._extends({}, result, {
           _click_id: base + index
@@ -909,11 +838,11 @@ var ReactiveList = {
     // Shape of the object to be returned in onData & render
     getAllData: function getAllData() {
       var size = this.size,
-          promotedResults = this.promotedResults,
-          aggregationData = this.aggregationData,
-          customData = this.customData,
-          currentPage = this.currentPage,
-          hits = this.hits;
+        promotedResults = this.promotedResults,
+        aggregationData = this.aggregationData,
+        customData = this.customData,
+        currentPage = this.currentPage,
+        hits = this.hits;
       var results = parseHits(hits) || [];
       var parsedPromotedResults = parseHits(promotedResults) || [];
       var base = currentPage * size;
@@ -929,10 +858,9 @@ var ReactiveList = {
     },
     getData: function getData() {
       var _this$getAllData2 = this.getAllData(),
-          promotedResults = _this$getAllData2.promotedResults,
-          aggregationData = _this$getAllData2.aggregationData,
-          customData = _this$getAllData2.customData;
-
+        promotedResults = _this$getAllData2.promotedResults,
+        aggregationData = _this$getAllData2.aggregationData,
+        customData = _this$getAllData2.customData;
       return {
         data: this.data,
         aggregationData: this.withClickIds(aggregationData || []),
@@ -944,8 +872,7 @@ var ReactiveList = {
     },
     getComponent: function getComponent() {
       var error = this.error,
-          isLoading = this.isLoading;
-
+        isLoading = this.isLoading;
       var data = _rollupPluginBabelHelpers._extends({
         error: error,
         loading: isLoading || false,
@@ -953,12 +880,10 @@ var ReactiveList = {
         triggerClickAnalytics: this.triggerClickAnalytics,
         setPage: this.setPage
       }, this.getData());
-
       return index.getComponent(data, this);
     }
   }
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     defaultPage: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value - 1,
@@ -980,7 +905,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     isLoading: state.isLoading[props.componentId]
   };
 };
-
 var mapDispatchtoProps = {
   loadMoreAction: loadMore,
   setPageURL: setValue,
@@ -989,70 +913,58 @@ var mapDispatchtoProps = {
   updateComponentProps: updateComponentProps,
   setDefaultQuery: setDefaultQuery,
   recordResultClick: recordResultClick
-}; // Only used for SSR
-
+};
+// Only used for SSR
 ReactiveList.generateQueryOptions = function (props) {
   var options = getQueryOptions(props);
   var size = props.size,
-      dataField = props.dataField,
-      defaultSortOption = props.defaultSortOption,
-      sortOptionsNew = props.sortOptions,
-      currentPage = props.currentPage,
-      sortBy = props.sortBy;
+    dataField = props.dataField,
+    defaultSortOption = props.defaultSortOption,
+    sortOptionsNew = props.sortOptions,
+    currentPage = props.currentPage,
+    sortBy = props.sortBy;
   options.from = currentPage ? (currentPage - 1) * (size || 10) : 0;
   options.size = size || 10;
-
   var getSortOption = function getSortOption() {
     var _ref7;
-
     if (defaultSortOption) {
       var sortOption = sortOptionsNew.find(function (option) {
         return option.label === defaultSortOption;
       });
-
       if (sortOption) {
         var _ref6;
-
         return _ref6 = {}, _ref6[sortOption.dataField] = {
           order: sortOption.sortBy
         }, _ref6;
       }
     }
-
     return _ref7 = {}, _ref7[sortOptionsNew[0].dataField] = {
       order: sortOptionsNew[0].sortBy
     }, _ref7;
   };
-
   if (sortOptionsNew) {
     options.sort = [getSortOption()];
   } else if (sortBy) {
     var _ref8;
-
     options.sort = [(_ref8 = {}, _ref8[dataField] = {
       order: sortBy
     }, _ref8)];
   }
-
   return options;
 };
-
 ReactiveList.hasInternalComponent = function () {
   return true;
 };
-
 var RLConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ReactiveList), {
   componentType: constants.componentTypes.reactiveList,
   internalComponent: ReactiveList.hasInternalComponent()
 }));
-
 ReactiveList.install = function (Vue) {
   Vue.component(ReactiveList.name, RLConnected);
   Vue.component(ResultListWrapper.name, ResultListWrapper);
   Vue.component(ResultCardsWrapper.name, ResultCardsWrapper);
-}; // Add componentType for SSR
-
-
+};
+// Add componentType for SSR
 ReactiveList.componentType = constants.componentTypes.reactiveList;
 
 exports.RLConnected = RLConnected;