@appbaseio/reactivesearch-vue 1.29.0 → 2.0.0-alpha

package/dist/cjs/ReactiveList.js

@@ -6,7 +6,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
@@ -14,183 +14,18 @@ var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var Button = require('./Button-e0b7c1f6.js');
-var vueTypes = require('./vueTypes-57d01f18.js');
+require('./Button-446f819e.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
+var Pagination = require('./Pagination-71e85fa9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
+var index = require('./index-6a167fe0.js');
+var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-require('./Title-584a8cc8.js');
-var ListItem = require('./ListItem-b40adb04.js');
-var Card = require('./Card-fd94ef07.js');
-var Flex = require('./Flex-f146cdad.js');
-
-var getClassName = configureStore.helper.getClassName,
-    handleA11yAction = configureStore.helper.handleA11yAction;
-
-function getStartPage(totalPages, currentPage, showEndPage) {
-  var midValue = parseInt(totalPages / 2, 10);
-  var start = currentPage - (showEndPage ? Math.ceil(midValue / 2) - 1 : midValue);
-  return start > 1 ? start : 2;
-}
-
-var Pagination = {
-  name: 'Pagination',
-  functional: true,
-  props: {
-    currentPage: vueTypes.types.number,
-    innerClass: vueTypes.types.style,
-    pages: vueTypes.types.number,
-    setPage: vueTypes.types.func,
-    totalPages: vueTypes.types.number,
-    showEndPage: VueTypes.bool,
-    prevLabel: vueTypes.types.string,
-    nextLabel: vueTypes.types.string
-  },
-  render: function render(createElement, context) {
-    var h = arguments[0];
-    var props = context.props;
-
-    var onPrevPage = function onPrevPage() {
-      if (props.currentPage) {
-        props.setPage(props.currentPage - 1);
-      }
-    };
-
-    var onNextPage = function onNextPage() {
-      if (props.currentPage < props.totalPages - 1) {
-        props.setPage(props.currentPage + 1);
-      }
-    };
-
-    if (!props.totalPages) {
-      return null;
-    }
-
-    var innerClassName = getClassName(props.innerClass, 'button');
-    var primary = props.currentPage === 0;
-    var className = innerClassName || primary ? innerClassName + " " + (primary ? 'active' : '') : '';
-
-    var buildPaginationDOM = function buildPaginationDOM(position) {
-      var pages = props.pages,
-          currentPage = props.currentPage,
-          totalPages = props.totalPages,
-          setPage = props.setPage,
-          showEndPage = props.showEndPage;
-      var start = position === 'start' ? getStartPage(pages, currentPage, showEndPage) : Math.max(2, Math.ceil(totalPages - (pages - 1) / 2 + 1));
-      var paginationButtons = [];
-
-      if (start <= totalPages) {
-        var totalPagesToShow = pages < totalPages ? start + (pages - 1) : totalPages + 1;
-
-        if (showEndPage) {
-          totalPagesToShow = position === 'start' ? start + (Math.ceil(pages / 2) - pages % 2) : totalPages + 1;
-        }
-
-        if (currentPage > totalPages - pages + 2) {
-          start = Math.max(2, totalPages - pages + 2);
-          totalPagesToShow = start + pages;
-        }
-
-        var _loop = function _loop(i) {
-          var activeButton = currentPage === i - 1;
-          var classNameBtn = innerClassName || activeButton ? innerClassName + " " + (activeButton ? 'active' : '') : '';
-          var pageBtn = h(Button.Button, {
-            "class": classNameBtn,
-            "attrs": {
-              "primary": activeButton,
-              "tabIndex": "0",
-              "alt": "page-" + i
-            },
-            "on": {
-              "keyPress": function keyPress(event) {
-                return handleA11yAction(event, function () {
-                  return setPage(i - 1);
-                });
-              },
-              "click": function click() {
-                return setPage(i - 1);
-              }
-            }
-          }, [i]);
-
-          if (i <= totalPages + 1) {
-            paginationButtons.push(pageBtn);
-          }
-        };
-
-        for (var i = start; i < Math.min(totalPages + 1, totalPagesToShow); i += 1) {
-          _loop(i);
-        }
-      }
-
-      return paginationButtons;
-    };
-
-    var buildIntermediatePaginationDom = function buildIntermediatePaginationDom() {
-      var showEndPage = props.showEndPage,
-          currentPage = props.currentPage,
-          totalPages = props.totalPages,
-          pages = props.pages;
-      if (!showEndPage) return buildPaginationDOM('start');
-
-      if (currentPage <= totalPages - pages + 2 || totalPages <= pages) {
-        return buildPaginationDOM('start');
-      }
-
-      return null;
-    };
-
-    return h("div", {
-      "class": Button.pagination + " " + getClassName(props.innerClass, 'pagination')
-    }, [h(Button.Button, {
-      "class": getClassName(props.innerClass, 'button') || '',
-      "attrs": {
-        "disabled": props.currentPage === 0,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, onPrevPage);
-        },
-        "click": onPrevPage
-      }
-    }, [props.prevLabel || 'Prev']), h(Button.Button, {
-      "class": className,
-      "attrs": {
-        "primary": primary,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, function () {
-            return props.setPage(0);
-          });
-        },
-        "click": function click() {
-          return props.setPage(0);
-        }
-      }
-    }, ["1"]), props.showEndPage && props.currentPage >= Math.floor(props.pages / 2) + !!(props.pages % 2) ? h("span", ["..."]) : null, buildIntermediatePaginationDom(), props.showEndPage && props.pages > 2 && props.currentPage <= props.totalPages - Math.ceil(props.pages * 0.75) ? h("span", ["..."]) : null, props.showEndPage && props.totalPages >= props.pages && buildPaginationDOM('end'), h(Button.Button, {
-      "class": getClassName(props.innerClass, 'button') || '',
-      "attrs": {
-        "disabled": props.currentPage >= props.totalPages - 1,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, onNextPage);
-        },
-        "click": onNextPage
-      }
-    }, [props.nextLabel || 'Next'])]);
-  }
-};
-
-Pagination.install = function (Vue) {
-  Vue.component(Pagination.name, Pagination);
-};
+require('./Title-1de7d0f4.js');
+var ListItem = require('./ListItem-8c9e0d68.js');
+var Card = require('./Card-642547a8.js');
+var Flex = require('./Flex-aa517a13.js');
 
 var _templateObject;
 var PoweredByImage = styled__default('img')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));
@@ -435,7 +270,7 @@ var setQueryOptions = configureStore.Actions.setQueryOptions,
     recordResultClick = configureStore.Actions.recordResultClick;
 var isEqual$1 = configureStore.helper.isEqual,
     getQueryOptions = configureStore.helper.getQueryOptions,
-    getClassName$1 = configureStore.helper.getClassName,
+    getClassName = configureStore.helper.getClassName,
     parseHits = configureStore.helper.parseHits,
     getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
     getResultStats = configureStore.helper.getResultStats,
@@ -552,7 +387,8 @@ var ReactiveList = {
     nextLabel: vueTypes.types.string,
     distinctField: vueTypes.types.string,
     distinctFieldConfig: vueTypes.types.props,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: vueTypes.types.endpointConfig
   },
   computed: {
     shouldRenderPagination: function shouldRenderPagination() {
@@ -801,8 +637,8 @@ var ReactiveList = {
       "attrs": {
         "labelPosition": this.sortOptions ? 'right' : 'left'
       },
-      "class": getClassName$1(this.$props.innerClass, 'resultsInfo')
-    }, [this.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && hits && hits.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination, {
+      "class": getClassName(this.$props.innerClass, 'resultsInfo')
+    }, [this.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && hits && hits.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,
@@ -818,7 +654,7 @@ var ReactiveList = {
         margin: '20px 0',
         color: '#666'
       }
-    }, ["Loading..."]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ? h(Pagination, {
+    }, ["Loading..."]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ? h(Pagination.Pagination, {
       "attrs": {
         "pages": this.$props.pages,
         "totalPages": Math.ceil(this.$data.total / this.$props.size),
@@ -833,7 +669,7 @@ var ReactiveList = {
       "attrs": {
         "direction": "row-reverse"
       },
-      "class": getClassName$1(this.$props.innerClass, 'poweredBy')
+      "class": getClassName(this.$props.innerClass, 'poweredBy')
     }, [h(PoweredBy)]) : null]);
   },
   methods: {
@@ -853,10 +689,11 @@ var ReactiveList = {
       var size = this.$props.size;
       var renderItem = this.$scopedSlots.renderItem || this.$props.renderItem;
       var element = this.hasCustomRender ? this.getComponent() : h("div", {
-        "class": this.$props.listClass + " " + getClassName$1(this.$props.innerClass, 'list')
+        "class": this.$props.listClass + " " + getClassName(this.$props.innerClass, 'list')
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
+          count: _this2.currentPageState * size + index + 1,
           triggerClickAnalytics: function triggerClickAnalytics() {
             return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
           }
@@ -971,7 +808,7 @@ var ReactiveList = {
 
       if (this.stats.numberOfResults) {
         return h("p", {
-          "class": resultStats + " " + getClassName$1(this.$props.innerClass, 'resultStats')
+          "class": resultStats + " " + getClassName(this.$props.innerClass, 'resultStats')
         }, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
       }
 
@@ -986,7 +823,7 @@ var ReactiveList = {
       }
 
       return h("p", {
-        "class": getClassName$1(this.$props.innerClass, 'noResults') || null
+        "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     },
     handleSortChange: function handleSortChange(e) {
@@ -1038,7 +875,7 @@ var ReactiveList = {
     renderSortOptions: function renderSortOptions() {
       var h = this.$createElement;
       return h("select", {
-        "class": sortOptions + " " + getClassName$1(this.$props.innerClass, 'sortOptions'),
+        "class": sortOptions + " " + getClassName(this.$props.innerClass, 'sortOptions'),
         "attrs": {
           "name": "sort-options",
           "aria-label": "Sort options"

package/dist/cjs/ResultCard.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-57d01f18.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var Title = require('./Title-584a8cc8.js');
-var Card = require('./Card-fd94ef07.js');
+var Title = require('./Title-1de7d0f4.js');
+var Card = require('./Card-642547a8.js');
 
 var ResultCardTitle = {
   name: 'ResultCardTitle',

package/dist/cjs/ResultList.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-57d01f18.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var Title = require('./Title-584a8cc8.js');
-var ListItem = require('./ListItem-b40adb04.js');
+var Title = require('./Title-1de7d0f4.js');
+var ListItem = require('./ListItem-8c9e0d68.js');
 
 var ResultListContent = {
   name: 'ResultListContent',

package/dist/cjs/SelectedFilters.js

@@ -6,18 +6,18 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-e0b7c1f6.js');
-var vueTypes = require('./vueTypes-57d01f18.js');
+var Button = require('./Button-446f819e.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 require('redux');
-var index = require('./index-4509aa45.js');
-var Title = require('./Title-584a8cc8.js');
-var Container = require('./Container-526efa6a.js');
+var index = require('./index-6a167fe0.js');
+var Title = require('./Title-1de7d0f4.js');
+var Container = require('./Container-daf30918.js');
 
 var setValue = configureStore.Actions.setValue,
     clearValues = configureStore.Actions.clearValues,
@@ -51,6 +51,7 @@ var SelectedFilters = {
         components: this.components,
         selectedValues: this.selectedValues,
         clearValues: this.clearValues,
+        clearValue: this.clearValue,
         setValue: this.setValue,
         resetValuesToDefault: this.resetValuesToDefault
       });
@@ -62,7 +63,7 @@ var SelectedFilters = {
       "class": Button.filters(this.theme) + " " + (this.$props.className || '')
     }, [this.$props.title && hasValues && h(Title.Title, {
       "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues ? h(Button.Button, {
+    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? h(Button.Button, {
       "class": getClassName(this.$props.innerClass, 'button') || '',
       "on": _rollupPluginBabelHelpers._extends({}, {
         click: this.clearValues,
@@ -99,6 +100,20 @@ var SelectedFilters = {
 
       this.$emit('clear', resetToValues);
     },
+    clearValue: function clearValue(componentId) {
+      var resetToDefault = this.resetToDefault,
+          resetToValues = this.resetToValues;
+
+      if (resetToDefault) {
+        this.resetValuesToDefault(this.components.filter(function (component) {
+          return component !== componentId;
+        }));
+      } else {
+        this.setValue(componentId, (resetToValues == null ? void 0 : resetToValues[componentId]) || null);
+      }
+
+      this.$emit('clear', resetToValues == null ? void 0 : resetToValues[componentId]);
+    },
     renderValue: function renderValue(value, isArray) {
       var _this2 = this;
 
@@ -122,39 +137,41 @@ var SelectedFilters = {
 
       return value;
     },
+    renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
+      var h = this.$createElement;
+      return h(Button.Button, {
+        "class": getClassName(this.$props.innerClass, 'button') || '',
+        "key": keyProp,
+        "on": _rollupPluginBabelHelpers._extends({}, {
+          click: handleRemove,
+          keypress: function keypress(event) {
+            return handleA11yAction(event, handleRemove);
+          }
+        }),
+        "attrs": {
+          "tabIndex": "0"
+        }
+      }, [h("span", [label]), h("span", ["\u2715"])]);
+    },
     renderFilters: function renderFilters() {
       var _this3 = this;
 
-      var h = this.$createElement;
       var selectedValues = this.selectedValues;
-      return Object.keys(selectedValues).filter(function (id) {
+      var filterComponents = Object.keys(selectedValues).filter(function (id) {
         return _this3.components.includes(id) && selectedValues[id].showFilter;
-      }).map(function (component, index) {
+      });
+      return filterComponents.map(function (component, index$1) {
         var _selectedValues$compo = selectedValues[component],
             label = _selectedValues$compo.label,
             value = _selectedValues$compo.value;
-        var isArray = Array.isArray(value);
+        var isArray = Array.isArray(value); // default behaviour
 
         if (label && (isArray && value.length || !isArray && value)) {
           var valueToRender = _this3.renderValue(value, isArray);
 
-          return h(Button.Button, {
-            "class": getClassName(_this3.$props.innerClass, 'button') || '',
-            "key": component + "-" + (index + 1),
-            "on": _rollupPluginBabelHelpers._extends({}, {
-              click: function click() {
-                return _this3.remove(component, value);
-              },
-              keypress: function keypress(event) {
-                return handleA11yAction(event, function () {
-                  return _this3.remove(component, value);
-                });
-              }
-            }),
-            "attrs": {
-              "tabIndex": "0"
-            }
-          }, [h("span", [selectedValues[component].label, ": ", valueToRender]), h("span", ["\u2715"])]);
+          return _this3.renderFilterButton(component, component + "-" + (index$1 + 1), function () {
+            return _this3.remove(component, value);
+          }, selectedValues[component].label + ": " + index.decodeHtml(valueToRender));
         }
 
         return null;

package/dist/cjs/SingleDropdownList.js

@@ -6,27 +6,27 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-e0b7c1f6.js');
-var vueTypes = require('./vueTypes-57d01f18.js');
+var Button = require('./Button-446f819e.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
+var index = require('./index-6a167fe0.js');
+var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
-var Title = require('./Title-584a8cc8.js');
-require('./CancelSvg-4aa35935.js');
-require('./Input-0d7b25ad.js');
+var Title = require('./Title-1de7d0f4.js');
+require('./CancelSvg-9f258f4f.js');
+require('./Input-e6603a7e.js');
 require('compute-scroll-into-view');
-var Container = require('./Container-526efa6a.js');
+var Container = require('./Container-daf30918.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-var utils = require('./utils-1219e1fe.js');
-var DropDown = require('./DropDown-e4381fcc.js');
+var utils = require('./utils-d6a52588.js');
+var DropDown = require('./DropDown-c479bbb0.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -88,7 +88,8 @@ var SingleDropdownList = {
     loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
     nestedField: vueTypes.types.string,
     index: VueTypes.string,
-    searchPlaceholder: VueTypes.string.def('Type here to search...')
+    searchPlaceholder: VueTypes.string.def('Type here to search...'),
+    endpoint: vueTypes.types.endpointConfig
   },
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {

package/dist/cjs/SingleList.js

@@ -6,23 +6,23 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-57d01f18.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
-var Title = require('./Title-584a8cc8.js');
-var Input = require('./Input-0d7b25ad.js');
-var Container = require('./Container-526efa6a.js');
+var index = require('./index-6a167fe0.js');
+var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var Title = require('./Title-1de7d0f4.js');
+var Input = require('./Input-e6603a7e.js');
+var Container = require('./Container-daf30918.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
-var FormControlList = require('./FormControlList-808dbcef.js');
-var utils = require('./utils-1219e1fe.js');
+var FormControlList = require('./FormControlList-c195a592.js');
+var utils = require('./utils-d6a52588.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -66,7 +66,8 @@ var SingleList = {
     missingLabel: VueTypes.string.def('N/A'),
     nestedField: vueTypes.types.string,
     index: VueTypes.string,
-    enableStrictSelection: VueTypes.bool.def(false)
+    enableStrictSelection: VueTypes.bool.def(false),
+    endpoint: vueTypes.types.endpointConfig
   },
   data: function data() {
     var props = this.$props;

package/dist/cjs/SingleRange.js

@@ -6,20 +6,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-require('./_rollupPluginBabelHelpers-f127c8b7.js');
+require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-57d01f18.js');
+var vueTypes = require('./vueTypes-727b7c63.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
-var ComponentWrapper = require('./ComponentWrapper-10bad289.js');
-var Title = require('./Title-584a8cc8.js');
-var Container = require('./Container-526efa6a.js');
-var FormControlList = require('./FormControlList-808dbcef.js');
+var index = require('./index-6a167fe0.js');
+var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var Title = require('./Title-1de7d0f4.js');
+var Container = require('./Container-daf30918.js');
+var FormControlList = require('./FormControlList-c195a592.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -54,7 +54,8 @@ var SingleRange = {
     title: vueTypes.types.title,
     URLParams: VueTypes.bool.def(false),
     nestedField: vueTypes.types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: vueTypes.types.endpointConfig
   },
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {
@@ -140,7 +141,7 @@ var SingleRange = {
         props = this.$props;
       }
 
-      var currentValue = SingleRange.parseValue(value, props);
+      var currentValue = typeof value === 'string' ? SingleRange.parseValue(value, props) : value;
 
       var performUpdate = function performUpdate() {
         _this2.currentValue = currentValue;

package/dist/cjs/StateProvider.js

@@ -6,11 +6,13 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f127c8b7.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
+var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-4509aa45.js');
+var index = require('./index-6a167fe0.js');
+var value = require('@appbaseio/reactivecore/lib/actions/value');
 
 var getSearchState = configureStore.helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
@@ -154,13 +156,32 @@ var StateProvider = {
       if (this.isStateChanged(newVal, oldVal)) {
         this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
       }
+    },
+    setSearchState: function setSearchState(valuesMap) {
+      if (valuesMap === void 0) {
+        valuesMap = {};
+      }
+
+      var components = this.components;
+      var computedValuesMap = {};
+      components.filter(function (component) {
+        return !transform.isInternalComponent(component);
+      }).forEach(function (component) {
+        if (component in valuesMap) {
+          computedValuesMap[component] = valuesMap[component];
+        } else {
+          computedValuesMap[component] = null;
+        }
+      });
+      this.setValues(computedValuesMap);
     }
   },
   render: function render() {
     var searchState = this.searchState;
     var dom = this.$scopedSlots["default"];
     return dom ? dom({
-      searchState: searchState
+      searchState: searchState,
+      setSearchState: this.setSearchState
     }) : null;
   }
 };
@@ -178,11 +199,15 @@ var mapStateToProps = function mapStateToProps(state, props) {
     promotedResults: filterByComponentIds(state.promotedResults, props),
     customData: filterByComponentIds(state.customData, props),
     settings: filterByComponentIds(state.settings, props),
-    rawData: filterByComponentIds(state.rawData, props)
+    rawData: filterByComponentIds(state.rawData, props),
+    components: filterByComponentIds(state.components, props)
   };
 };
 
-var StateProviderConnected = index.connect(mapStateToProps, {})(StateProvider);
+var mapDispatchtoProps = {
+  setValues: value.setValues
+};
+var StateProviderConnected = index.connect(mapStateToProps, mapDispatchtoProps)(StateProvider);
 
 StateProvider.install = function (Vue) {
   Vue.component(StateProvider.name, StateProviderConnected);