@appbaseio/reactivesearch-vue 1.16.0-alpha.24 → 1.16.0-alpha.28

package/dist/cjs/ReactiveList.js

@@ -9,13 +9,14 @@ var configureStore__default = _interopDefault(configureStore);
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
+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-d2f1aeda.js');
-var vueTypes = require('./vueTypes-409348b0.js');
-var Pagination = require('./Pagination-d4dbfd5a.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
+var Pagination = require('./Pagination-0b9ec0fc.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -328,9 +329,14 @@ var ReactiveList = {
     }
 
     this.internalComponent = this.$props.componentId + "__internal";
-    this.sortOptionIndex = this.defaultSortOption ? this.sortOptions.findIndex(function (s) {
-      return s.label === _this.defaultSortOption;
-    }) : 0;
+    this.sortOptionIndex = 0;
+
+    if (this.defaultSortOption && this.sortOptions && Array.isArray(this.sortOptions)) {
+      this.sortOptionIndex = this.sortOptions.findIndex(function (s) {
+        return s.label === _this.defaultSortOption;
+      });
+    }
+
     this.updateComponentProps(this.componentId, {
       from: this.from
     }, constants.componentTypes.reactiveList);
@@ -340,7 +346,7 @@ var ReactiveList = {
   },
   props: {
     currentPage: VueTypes.number.def(0),
-    includeFields: vueTypes.types.includeFields.def(['*']),
+    includeFields: vueTypes.types.includeFields,
     // component props
     className: vueTypes.types.string,
     componentId: vueTypes.types.stringRequired,
@@ -349,7 +355,7 @@ var ReactiveList = {
     aggregationSize: VueTypes.number,
     defaultQuery: vueTypes.types.func,
     defaultSortOption: vueTypes.types.string,
-    excludeFields: vueTypes.types.excludeFields.def([]),
+    excludeFields: vueTypes.types.excludeFields,
     innerClass: vueTypes.types.style,
     listClass: VueTypes.string.def(''),
     loader: vueTypes.types.title,
@@ -361,7 +367,7 @@ var ReactiveList = {
     pages: VueTypes.number.def(5),
     pagination: VueTypes.bool.def(false),
     infiniteScroll: VueTypes.bool.def(true),
-    paginationAt: vueTypes.types.paginationAt.def('bottom'),
+    paginationAt: VueTypes.oneOf(['top', 'bottom', 'both']).def('bottom'),
     react: vueTypes.types.react,
     scrollOnChange: VueTypes.bool.def(true),
     showResultStats: VueTypes.bool.def(true),
@@ -390,12 +396,9 @@ var ReactiveList = {
       return this.$listeners && this.$listeners.resultStats;
     },
     stats: function stats() {
-      var _this$getAllData = this.getAllData(),
-          filteredResults = _this$getAllData.filteredResults;
-
       return _rollupPluginBabelHelpers._extends({}, getResultStats(this), {
         currentPage: this.currentPageState,
-        displayedResults: filteredResults.length
+        displayedResults: this.data.length
       });
     },
     hasCustomRender: function hasCustomRender() {
@@ -404,6 +407,27 @@ var ReactiveList = {
     showInfiniteScroll: function showInfiniteScroll() {
       // Pagination has higher priority then infinite scroll
       return this.infiniteScroll && !this.shouldRenderPagination;
+    },
+    data: function data() {
+      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);
     }
   },
   watch: {
@@ -485,7 +509,7 @@ var ReactiveList = {
       }
     },
     hits: function hits(newVal, oldVal) {
-      this.$emit('data', this.getAllData());
+      this.$emit('data', this.getData());
 
       if (this.shouldRenderPagination) {
         // called when page is changed
@@ -544,11 +568,11 @@ var ReactiveList = {
     var options = getQueryOptions(this.$props);
     options.from = this.$data.from;
 
-    if (this.$props.sortOptions) {
+    if (this.sortOptions && this.sortOptions[this.sortOptionIndex]) {
       var _ref2;
 
-      var sortField = this.$props.sortOptions[this.sortOptionIndex].dataField;
-      var sortBy = this.$props.sortOptions[this.sortOptionIndex].sortBy;
+      var sortField = this.sortOptions[this.sortOptionIndex].dataField;
+      var sortBy = this.sortOptions[this.sortOptionIndex].sortBy;
       options.sort = [(_ref2 = {}, _ref2[sortField] = {
         order: sortBy
       }, _ref2)]; // To handle sort options for RS API
@@ -618,10 +642,10 @@ var ReactiveList = {
       "class": this.$props.className
     }, [this.isLoading && this.shouldRenderPagination && this.showInfiniteScroll && (this.$scopedSlots.loader || this.$props.loader), this.renderErrorComponent(), h(Flex.Flex, {
       "attrs": {
-        "labelPosition": this.$props.sortOptions ? 'right' : 'left'
+        "labelPosition": this.sortOptions ? 'right' : 'left'
       },
       "class": getClassName(this.$props.innerClass, 'resultsInfo')
-    }, [this.$props.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && results.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination.Pagination, {
+    }, [this.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && results.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination.Pagination, {
       "attrs": {
         "pages": this.$props.pages,
         "totalPages": this.totalPages,
@@ -670,13 +694,10 @@ var ReactiveList = {
 
       var h = this.$createElement;
       var size = this.$props.size;
-      var hits = this.$data.hits;
-      var results = parseHits(hits) || [];
-      var filteredResults = results;
       var renderItem = this.$scopedSlots.renderItem || this.$props.renderItem;
       var element = this.hasCustomRender ? this.getComponent() : h("div", {
         "class": this.$props.listClass + " " + getClassName(this.$props.innerClass, 'list')
-      }, [[].concat(filteredResults).map(function (item, index) {
+      }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
           triggerClickAnalytics: function triggerClickAnalytics() {
@@ -687,7 +708,7 @@ var ReactiveList = {
 
       return this.analytics ? h(ImpressionTracker$1, {
         "attrs": {
-          "hits": filteredResults
+          "hits": this.data
         }
       }, [element]) : element;
     },
@@ -695,15 +716,18 @@ var ReactiveList = {
       var options = getQueryOptions(props);
       options.from = this.$data.from;
 
-      if (props.sortOptions) {
-        var _ref5;
-
+      if (props.sortOptions && Array.isArray(props.sortOptions)) {
         var sortOptionIndex = props.defaultSortOption ? props.sortOptions.findIndex(function (s) {
           return s.label === props.defaultSortOption;
         }) : 0;
-        options.sort = [(_ref5 = {}, _ref5[props.sortOptions[sortOptionIndex].dataField] = {
-          order: props.sortOptions[sortOptionIndex].sortBy
-        }, _ref5)];
+
+        if (props.sortOptions[sortOptionIndex]) {
+          var _ref5;
+
+          options.sort = [(_ref5 = {}, _ref5[props.sortOptions[sortOptionIndex].dataField] = {
+            order: props.sortOptions[sortOptionIndex].sortBy
+          }, _ref5)];
+        }
       } else if (props.sortBy) {
         var _ref6;
 
@@ -799,31 +823,39 @@ var ReactiveList = {
     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 _ref7;
-
-      var index = e.target.value; // This fixes issue #371 (where sorting a multi-result page with infinite loader breaks)
+      var index = e.target.value;
 
-      var options = getQueryOptions(this.$props);
-      options.from = 0;
-      var sortField = this.$props.sortOptions[index].dataField;
-      var sortBy = this.$props.sortOptions[index].sortBy;
-      options.sort = [(_ref7 = {}, _ref7[sortField] = {
-        order: sortBy
-      }, _ref7)];
-      this.sortOptionIndex = index; // To handle sort options for RS API
+      if (this.sortOptions && this.sortOptions[index]) {
+        var _ref7;
 
-      this.updateComponentProps(this.componentId, {
-        dataField: sortField,
-        sortBy: sortBy
-      }, constants.componentTypes.reactiveList);
-      this.setQueryOptions(this.$props.componentId, options, true);
-      this.currentPageState = 0;
-      this.from = 0;
+        // This fixes issue #371 (where sorting a multi-result page with infinite loader breaks)
+        var options = getQueryOptions(this.$props);
+        options.from = 0;
+        var sortField = this.sortOptions[index].dataField;
+        var sortBy = this.sortOptions[index].sortBy;
+        options.sort = [(_ref7 = {}, _ref7[sortField] = {
+          order: sortBy
+        }, _ref7)];
+        this.sortOptionIndex = index; // To handle sort options for RS API
+
+        this.updateComponentProps(this.componentId, {
+          dataField: sortField,
+          sortBy: sortBy
+        }, constants.componentTypes.reactiveList);
+        this.setQueryOptions(this.$props.componentId, options, true);
+        this.currentPageState = 0;
+        this.from = 0;
+      }
     },
     triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
       var docId = documentId;
@@ -857,7 +889,7 @@ var ReactiveList = {
         "domProps": {
           "value": this.sortOptionIndex
         }
-      }, [this.$props.sortOptions.map(function (sort, index) {
+      }, [this.sortOptions.map(function (sort, index) {
         return h("option", {
           "key": sort.label,
           "domProps": {
@@ -867,8 +899,8 @@ var ReactiveList = {
       })]);
     },
     withClickIds: function withClickIds(results) {
-      var _this$getAllData2 = this.getAllData(),
-          base = _this$getAllData2.base;
+      var _this$getAllData = this.getAllData(),
+          base = _this$getAllData.base;
 
       return results.map(function (result, index) {
         return _rollupPluginBabelHelpers._extends({}, result, {
@@ -886,26 +918,9 @@ var ReactiveList = {
           hits = this.hits;
       var results = parseHits(hits) || [];
       var parsedPromotedResults = parseHits(promotedResults) || [];
-      var filteredResults = results;
       var base = currentPage * size;
-
-      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 {
         results: results,
-        filteredResults: filteredResults,
         customData: customData || {},
         promotedResults: parsedPromotedResults,
         aggregationData: aggregationData,
@@ -915,14 +930,13 @@ var ReactiveList = {
       };
     },
     getData: function getData() {
-      var _this$getAllData3 = this.getAllData(),
-          filteredResults = _this$getAllData3.filteredResults,
-          promotedResults = _this$getAllData3.promotedResults,
-          aggregationData = _this$getAllData3.aggregationData,
-          customData = _this$getAllData3.customData;
+      var _this$getAllData2 = this.getAllData(),
+          promotedResults = _this$getAllData2.promotedResults,
+          aggregationData = _this$getAllData2.aggregationData,
+          customData = _this$getAllData2.customData;
 
       return {
-        data: this.withClickIds(filteredResults),
+        data: this.data,
         aggregationData: this.withClickIds(aggregationData || []),
         promotedData: this.withClickIds(promotedResults || []),
         rawData: this.rawData,
@@ -981,11 +995,7 @@ var mapDispatchtoProps = {
 }; // Only used for SSR
 
 ReactiveList.generateQueryOptions = function (props) {
-  // simulate default (includeFields and excludeFields) props to generate consistent query
-  var options = getQueryOptions(_rollupPluginBabelHelpers._extends({
-    includeFields: ['*'],
-    excludeFields: []
-  }, props));
+  var options = getQueryOptions(props);
   var size = props.size,
       dataField = props.dataField,
       defaultSortOption = props.defaultSortOption,

package/dist/cjs/ResultCard.js

@@ -9,7 +9,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var Title = require('./Title-39765ee6.js');
 var Card = require('./Card-4b915733.js');

package/dist/cjs/ResultList.js

@@ -9,7 +9,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var Title = require('./Title-39765ee6.js');
 var ListItem = require('./ListItem-933c27e4.js');

package/dist/cjs/SelectedFilters.js

@@ -13,7 +13,7 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('redux');
 var index = require('./index-2a8358cd.js');
 var Title = require('./Title-39765ee6.js');

package/dist/cjs/SingleDropdownList.js

@@ -13,7 +13,7 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -23,8 +23,9 @@ require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
 require('./DownShift-d41f2442.js');
 var Container = require('./Container-8a08d663.js');
+require('@appbaseio/reactivecore/lib/utils/suggestions');
 var utils = require('./utils-23afb20b.js');
-var DropDown = require('./DropDown-d3c78c41.js');
+var DropDown = require('./DropDown-3c343026.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -197,7 +198,9 @@ var SingleDropdownList = {
     if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
       if (renderNoResults && index.isFunction(renderNoResults)) {
         return h("div", [renderNoResults()]);
-      } else if (renderNoResults && !index.isFunction(renderNoResults)) {
+      }
+
+      if (renderNoResults && !index.isFunction(renderNoResults)) {
         return renderNoResults;
       }
 

package/dist/cjs/SingleList.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -20,6 +20,7 @@ var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
 var Input = require('./Input-c6f181d5.js');
 var Container = require('./Container-8a08d663.js');
+var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-73497794.js');
 var utils = require('./utils-23afb20b.js');
 
@@ -36,7 +37,7 @@ var SingleList = {
   name: 'SingleList',
   props: {
     beforeValueChange: vueTypes.types.func,
-    className: vueTypes.types.string.def(''),
+    className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
@@ -56,7 +57,7 @@ var SingleList = {
     showFilter: VueTypes.bool.def(true),
     showRadio: VueTypes.bool.def(true),
     showSearch: VueTypes.bool.def(true),
-    size: VueTypes.number.def(100),
+    size: VueTypes.number,
     sortBy: VueTypes.oneOf(['asc', 'desc', 'count']).def('count'),
     title: vueTypes.types.title,
     URLParams: VueTypes.bool.def(false),
@@ -170,7 +171,7 @@ var SingleList = {
     var filteredItemsToRender = itemsToRender.filter(function (item) {
       if (String(item.key).length) {
         if (_this.$props.showSearch && _this.$data.searchTerm) {
-          return String(item.key).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
+          return suggestions.replaceDiacritics(String(item.key)).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
         }
 
         return true;

package/dist/cjs/SingleRange.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');

package/dist/cjs/ToggleButton.js

@@ -13,7 +13,7 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -35,7 +35,7 @@ var ToggleButton = {
     componentId: vueTypes.types.stringRequired,
     data: vueTypes.types.data,
     dataField: vueTypes.types.stringRequired,
-    defaultValue: vueTypes.types.stringOrArray,
+    defaultValue: vueTypes.types.any,
     value: vueTypes.types.stringOrArray,
     filterLabel: vueTypes.types.string,
     nestedField: vueTypes.types.string,

package/dist/cjs/index.js

@@ -6,12 +6,13 @@ require('@appbaseio/reactivecore');
 require('./_rollupPluginBabelHelpers-4abdbfff.js');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/constants');
+require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-d2f1aeda.js');
-require('./vueTypes-409348b0.js');
-require('./Pagination-d4dbfd5a.js');
+require('./vueTypes-829a5f2c.js');
+require('./Pagination-0b9ec0fc.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -22,7 +23,6 @@ require('./Title-39765ee6.js');
 require('./ListItem-933c27e4.js');
 require('./Card-4b915733.js');
 require('./Flex-699639d2.js');
-require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
@@ -34,11 +34,12 @@ require('compute-scroll-into-view');
 require('./DownShift-d41f2442.js');
 require('./Container-8a08d663.js');
 require('vue-highlight-words');
+require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-d3c78c41.js');
+require('./DropDown-3c343026.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
@@ -64,6 +65,8 @@ require('gmap-vue/dist/mixins/map-element');
 require('@appbaseio/reactivecore/lib/reducers/valueReducer');
 require('@appbaseio/reactivecore/lib/reducers/queryReducer');
 require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer');
+require('@appbaseio/reactivecore/lib/reducers/compositeAggsReducer');
+require('@appbaseio/reactivecore/lib/constants');
 require('@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer');
 require('@appbaseio/reactivecore/lib/utils/graphQL');
 require('@appbaseio/reactivecore/lib/actions/utils');

package/dist/cjs/initReactivesearch.js

@@ -6,12 +6,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
+var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 var Appbase = _interopDefault(require('appbase-js'));
 var valueReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/valueReducer'));
 var queryReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryReducer'));
 var queryOptionsReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer'));
+var compositeAggsReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/compositeAggsReducer'));
+var constants$1 = require('@appbaseio/reactivecore/lib/constants');
 var dependencyTreeReducer = _interopDefault(require('@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer'));
 var fetchGraphQL = _interopDefault(require('@appbaseio/reactivecore/lib/utils/graphQL'));
 var utils = require('@appbaseio/reactivecore/lib/actions/utils');
@@ -108,6 +110,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
     var orderOfQueries = [];
     var hits = {};
     var aggregations = {};
+    var compositeAggregations = {};
     var state = {};
     var customQueries = {};
     var defaultQueries = {};
@@ -122,16 +125,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
           compProps[key] = component[key];
         }
       });
-      var isInternalComponentPresent = false; // Set custom and default queries
-
-      if (component.customQuery && typeof component.customQuery === 'function') {
-        customQueries[component.componentId] = component.customQuery(component.value, compProps);
-      }
-
-      if (component.defaultQuery && typeof component.defaultQuery === 'function') {
-        defaultQueries[component.componentId] = component.defaultQuery(component.value, compProps);
-      }
-
+      var isInternalComponentPresent = false;
       var isResultComponent = resultComponents.includes(componentType);
       var internalComponent = component.componentId + "__internal";
       var label = component.filterLabel || component.componentId;
@@ -155,7 +149,16 @@ function initReactivesearch(componentCollection, searchState, settings) {
         reference: reference,
         showFilter: showFilter,
         URLParams: component.URLParams || false
-      }); // [2] set query options - main component query (valid for result components)
+      }); // Set custom and default queries
+
+      if (component.customQuery && typeof component.customQuery === 'function') {
+        customQueries[component.componentId] = component.customQuery(value, compProps);
+      }
+
+      if (component.defaultQuery && typeof component.defaultQuery === 'function') {
+        defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
+      } // [2] set query options - main component query (valid for result components)
+
 
       if (componentsWithOptions.includes(componentType)) {
         var options = component.source.generateQueryOptions ? component.source.generateQueryOptions(component) : null;
@@ -242,7 +245,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
 
       if (isResultComponent) {
-        var _getQuery = getQuery(component, null, componentType),
+        var _getQuery = getQuery(component, value, componentType),
             query = _getQuery.query;
 
         queryList = queryReducer(queryList, {
@@ -342,6 +345,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
               var _extends4;
 
               aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
+              compositeAggregations = compositeAggsReducer(compositeAggregations, {
+                type: constants$1.UPDATE_COMPOSITE_AGGS,
+                aggregations: response.aggregations,
+                append: false
+              });
             }
 
             hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends5 = {}, _extends5[component] = {
@@ -368,6 +376,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
       var promotedResults = {};
       var rawData = {};
       var customData = {};
+      var settingsResponse = {};
+      var timestamp = {};
       var allPromises = orderOfQueries.map(function (component) {
         return new Promise(function (responseResolve, responseReject) {
           handleTransformResponse(res[component], component).then(function (response) {
@@ -386,6 +396,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
               if (response.customData) {
                 customData[component] = response.customData;
+              } // Update settings
+
+
+              if (response.settings) {
+                settingsResponse[component] = response.settings;
               }
 
               if (response.aggregations) {
@@ -394,6 +409,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
                 aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
               }
 
+              timestamp[component] = res._timestamp;
               hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
                 hits: response.hits.hits,
                 total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
@@ -409,8 +425,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
       Promise.all(allPromises).then(function () {
         state = _rollupPluginBabelHelpers._extends({}, state, {
           hits: hits,
+          timestamp: timestamp,
           aggregations: aggregations,
+          compositeAggregations: compositeAggregations,
           promotedResults: promotedResults,
+          settings: settingsResponse,
           customData: customData,
           rawData: rawData
         });

package/dist/cjs/install.js

@@ -6,12 +6,13 @@ require('@appbaseio/reactivecore');
 require('./_rollupPluginBabelHelpers-4abdbfff.js');
 require('vue-types');
 require('@appbaseio/reactivecore/lib/utils/constants');
+require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-d2f1aeda.js');
-require('./vueTypes-409348b0.js');
-require('./Pagination-d4dbfd5a.js');
+require('./vueTypes-829a5f2c.js');
+require('./Pagination-0b9ec0fc.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
@@ -22,7 +23,6 @@ require('./Title-39765ee6.js');
 require('./ListItem-933c27e4.js');
 require('./Card-4b915733.js');
 require('./Flex-699639d2.js');
-require('@appbaseio/reactivecore/lib/utils/helper');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
@@ -34,11 +34,12 @@ require('compute-scroll-into-view');
 require('./DownShift-d41f2442.js');
 require('./Container-8a08d663.js');
 require('vue-highlight-words');
+require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-d3c78c41.js');
+require('./DropDown-3c343026.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');