@appbaseio/reactivesearch-vue 2.0.0-alpha.3 → 3.0.0-alpha.0

package/dist/es/SingleRange.js

@@ -1,26 +1,31 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-76660dab.js';
-import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import 'emotion';
+import _transformOn from '@vue/babel-helper-vue-transform-on';
+import './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, mergeProps, isVNode } from 'vue';
+import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-b8146772.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
-import { T as Title } from './Title-3342664a.js';
-import { C as Container } from './Container-ba826e96.js';
-import { U as UL, R as Radio } from './FormControlList-c22d64f6.js';
-
+import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4520a598.js';
+import { C as ComponentWrapper } from './ComponentWrapper-5166c76a.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-c276709c.js';
+import { T as Title } from './Title-863dfa42.js';
+import { C as Container } from './Container-d00219f7.js';
+import { U as UL, R as Radio } from './FormControlList-fe6eaee4.js';
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var updateQuery = Actions.updateQuery,
-    setQueryOptions = Actions.setQueryOptions,
-    setCustomQuery = Actions.setCustomQuery;
+  setQueryOptions = Actions.setQueryOptions,
+  setCustomQuery = Actions.setCustomQuery;
 var isEqual = helper.isEqual,
-    checkValueChange = helper.checkValueChange,
-    getClassName = helper.getClassName,
-    getOptionsFromQuery = helper.getOptionsFromQuery;
+  checkValueChange = helper.checkValueChange,
+  getClassName = helper.getClassName,
+  getOptionsFromQuery = helper.getOptionsFromQuery;
 var SingleRange = {
   name: 'SingleRange',
   data: function data() {
@@ -51,11 +56,7 @@ var SingleRange = {
     endpoint: types.endpointConfig
   },
   created: function created() {
-    if (!this.enableAppbase && this.$props.index) {
-      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-    } // Set custom query in store
-
-
+    // Set custom query in store
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   beforeMount: function beforeMount() {
@@ -91,76 +92,72 @@ var SingleRange = {
     }
   },
   render: function render() {
+    var _slot;
     var _this = this;
-
-    var h = arguments[0];
-    return h(Container, {
+    return createVNode(Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), h(UL, {
-      "class": getClassName(this.$props.innerClass, 'list')
-    }, [this.$props.data.map(function (item) {
-      var selected = !!_this.$data.currentValue && _this.$data.currentValue.label === item.label;
-      return h("li", {
-        "key": item.label,
-        "class": "" + (selected ? 'active' : '')
-      }, [h(Radio, {
-        "class": getClassName(_this.$props.innerClass, 'radio'),
-        "attrs": {
-          "id": _this.$props.componentId + "-" + item.label,
-          "name": _this.$props.componentId,
-          "value": item.label,
-          "type": "radio",
-          "checked": selected,
-          "show": _this.$props.showRadio
-        },
-        "on": {
-          "change": _this.handleChange
-        }
-      }), h("label", {
-        "class": getClassName(_this.$props.innerClass, 'label'),
-        "attrs": {
-          "for": _this.$props.componentId + "-" + item.label
-        }
-      }, [item.label])]);
-    })])]);
+    }, {
+      "default": function _default() {
+        return [_this.$props.title && createVNode(Title, {
+          "class": getClassName(_this.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this.$props.title];
+          }
+        }), createVNode(UL, {
+          "class": getClassName(_this.$props.innerClass, 'list')
+        }, _isSlot(_slot = _this.$props.data.map(function (item) {
+          var selected = !!_this.$data.currentValue && _this.$data.currentValue.label === item.label;
+          return createVNode("li", {
+            "key": item.label,
+            "class": "" + (selected ? 'active' : '')
+          }, [createVNode(Radio, mergeProps(_transformOn({
+            change: _this.handleChange
+          }), {
+            "class": getClassName(_this.$props.innerClass, 'radio'),
+            "id": _this.$props.componentId + "-" + item.label,
+            "name": _this.$props.componentId,
+            "value": item.label,
+            "type": "radio",
+            "checked": selected,
+            "show": _this.$props.showRadio
+          }), null), createVNode("label", {
+            "class": getClassName(_this.$props.innerClass, 'label'),
+            "for": _this.$props.componentId + "-" + item.label
+          }, [item.label])]);
+        })) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        })];
+      }
+    });
   },
   methods: {
     setValue: function setValue(value, props) {
       var _this2 = this;
-
       if (props === void 0) {
         props = this.$props;
       }
-
       var currentValue = typeof value === 'string' ? SingleRange.parseValue(value, props) : value;
-
       var performUpdate = function performUpdate() {
         _this2.currentValue = currentValue;
-
         _this2.updateQueryHandler(currentValue, props);
-
         _this2.$emit('valueChange', currentValue);
-
         _this2.$emit('value-change', currentValue);
       };
-
       checkValueChange(props.componentId, currentValue, props.beforeValueChange, performUpdate);
     },
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = SingleRange.defaultQuery(value, props);
-
       if (customQuery) {
         var _ref = customQuery(value, props) || {};
-
         query = _ref.query;
         var customQueryOptions = getOptionsFromQuery(customQuery(value, props));
         updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
         this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
-
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -173,7 +170,6 @@ var SingleRange = {
     },
     handleChange: function handleChange(e) {
       var value = this.$props.value;
-
       if (value === undefined) {
         this.setValue(e.target.value);
       } else {
@@ -182,64 +178,41 @@ var SingleRange = {
     }
   }
 };
-
 SingleRange.parseValue = function (value, props) {
   return props.data.find(function (item) {
     return item.label === value;
   }) || null;
 };
-
 SingleRange.defaultQuery = function (value, props) {
-  var query = null;
-
-  if (value) {
-    var _range;
-
-    query = {
-      range: (_range = {}, _range[props.dataField] = {
-        gte: value.start,
-        lte: value.end,
-        boost: 2.0
-      }, _range)
-    };
-  }
-
-  if (query && props.nestedField) {
-    return {
-      query: {
-        nested: {
-          path: props.nestedField,
-          query: query
-        }
-      }
-    };
-  }
-
-  return query;
+  return {
+    query: {
+      queryFormat: props.queryFormat,
+      dataField: props.dataField,
+      value: value,
+      showMissing: props.showMissing
+    }
+  };
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    componentProps: state.props[props.componentId],
-    enableAppbase: state.config.enableAppbase
+    componentProps: state.props[props.componentId]
   };
 };
-
 var mapDispatchtoProps = {
   updateQuery: updateQuery,
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RangeConnected = ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
+var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
   componentType: componentTypes.singleRange
-});
-
-SingleRange.install = function (Vue) {
-  Vue.component(SingleRange.name, RangeConnected);
-}; // Add componentType for SSR
-
-
-SingleRange.componentType = componentTypes.singleRange;
+}));
+RangeConnected.name = SingleRange.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
+};
+// Add componentType for SSR
+RangeConnected.componentType = componentTypes.singleRange;
 
-export default SingleRange;
+export default RangeConnected;
+export { RangeConnected };

package/dist/es/StateProvider.js

@@ -1,66 +1,86 @@
-import { helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
-import VueTypes from 'vue-types';
+import { Actions, helper } from '@appbaseio/reactivecore';
 import '@appbaseio/reactivecore/lib/utils/constants';
+import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import VueTypes from 'vue-types';
 import { isInternalComponent } from '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-7788a843.js';
-import { setValues } from '@appbaseio/reactivecore/lib/actions/value';
+import { c as connect } from './index-4520a598.js';
 
+var setSearchState = Actions.setSearchState;
 var getSearchState = helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
-
 var filterProps = function filterProps(props) {
   if (props === void 0) {
     props = {};
   }
-
   return _extends({}, props, {
     props: props.componentProps
   });
 };
-
+var convertArrayLike = function convertArrayLike(arrayLike) {
+  var arr = [];
+  var i = 0;
+  while (arrayLike[i]) {
+    arr[i] = arrayLike[i];
+    i += 1;
+  }
+  return arr;
+};
 var filterByComponentIds = function filterByComponentIds(state, props) {
   if (props === void 0) {
     props = {};
   }
-
   var _props = props,
-      componentIds = _props.componentIds;
-
-  if (typeof componentIds === 'string') {
-    var _ref;
-
-    return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
-  }
-
-  if (Array.isArray(componentIds)) {
-    var filteredState = {};
-    componentIds.forEach(function (componentId) {
-      filteredState[componentId] = state[componentId];
-    });
-    return filteredState;
+    componentIds = _props.componentIds,
+    excludeComponentIds = _props.excludeComponentIds;
+  if (componentIds) {
+    if (typeof componentIds === 'string') {
+      var _ref;
+      return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
+    }
+    if (Array.isArray(componentIds) && componentIds.length) {
+      var _filteredState = {};
+      componentIds.forEach(function (componentId) {
+        _filteredState[componentId] = state[componentId];
+      });
+      return _filteredState;
+    }
   }
-
+  var filteredState = {};
   if (!props.includeInternalComponents) {
-    var _filteredState = {};
     Object.keys(state).forEach(function (componentId) {
       if (componentId.endsWith('internal') || componentId.endsWith('active') || componentId.endsWith('timestamp')) {
         return;
       }
-
-      _filteredState[componentId] = state[componentId];
+      filteredState[componentId] = state[componentId];
     });
-    return _filteredState;
+  } else {
+    filteredState = state;
   }
-
-  return state;
+  // Apply exclude component ids
+  if (excludeComponentIds) {
+    if (typeof excludeComponentIds === 'string') {
+      Object.keys(state).forEach(function (componentId) {
+        if (componentId === excludeComponentIds) {
+          // Delete state
+          delete filteredState[componentId];
+        }
+      });
+    }
+    if (Array.isArray(excludeComponentIds) && excludeComponentIds.length) {
+      Object.keys(state).forEach(function (componentId) {
+        if (excludeComponentIds.includes(componentId)) {
+          // Delete state
+          delete filteredState[componentId];
+        }
+      });
+    }
+  }
+  return filteredState;
 };
-
 var filterByKeys = function filterByKeys(state, allowedKeys) {
   return Object.keys(state).reduce(function (components, componentId) {
     var _extends2;
-
     return _extends({}, components, (_extends2 = {}, _extends2[componentId] = Object.keys(state[componentId]).filter(function (key) {
       return allowedKeys.includes(key);
     }).reduce(function (obj, key) {
@@ -70,7 +90,6 @@ var filterByKeys = function filterByKeys(state, allowedKeys) {
     }, {}), _extends2));
   }, {});
 };
-
 var StateProvider = {
   name: 'StateProvider',
   props: {
@@ -78,7 +97,8 @@ var StateProvider = {
     componentIds: VueTypes.oneOfType([VueTypes.string, VueTypes.arrayOf(VueTypes.string)]),
     includeKeys: VueTypes.arrayOf(VueTypes.string).def(defaultKeys),
     strict: VueTypes.bool.def(true),
-    includeInternalComponents: VueTypes.bool.def(false)
+    includeInternalComponents: VueTypes.bool.def(false),
+    excludeComponentIds: VueTypes.oneOfType([VueTypes.string, VueTypes.arrayOf(VueTypes.string)])
   },
   data: function data() {
     this.__state = {
@@ -138,6 +158,9 @@ var StateProvider = {
     componentIds: function componentIds(newVal, oldVal) {
       this.calculateSearchState(newVal, oldVal);
     },
+    excludeComponentIds: function excludeComponentIds(newVal, oldVal) {
+      this.calculateSearchState(newVal, oldVal);
+    },
     includeKeys: function includeKeys(newVal, oldVal) {
       this.calculateSearchState(newVal, oldVal);
     },
@@ -164,34 +187,39 @@ var StateProvider = {
       }
     },
     setSearchState: function setSearchState(valuesMap) {
+      var _this = this;
       if (valuesMap === void 0) {
         valuesMap = {};
       }
-
       var components = this.components;
       var computedValuesMap = {};
-      components.filter(function (component) {
+      convertArrayLike(components).filter(function (component) {
         return !isInternalComponent(component);
       }).forEach(function (component) {
         if (component in valuesMap) {
-          computedValuesMap[component] = valuesMap[component];
+          computedValuesMap[component] = {
+            value: valuesMap[component],
+            componentProps: _this.componentProps[component]
+          };
         } else {
-          computedValuesMap[component] = null;
+          computedValuesMap[component] = {
+            value: null,
+            componentProps: _this.componentProps[component]
+          };
         }
       });
-      this.setValues(computedValuesMap);
+      this.setSearchStateFn(computedValuesMap);
     }
   },
   render: function render() {
     var searchState = this.searchState;
-    var dom = this.$scopedSlots["default"];
+    var dom = this.$slots["default"];
     return dom ? dom({
       searchState: searchState,
       setSearchState: this.setSearchState
     }) : null;
   }
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValues: filterByComponentIds(state.selectedValues, props),
@@ -206,17 +234,16 @@ var mapStateToProps = function mapStateToProps(state, props) {
     customData: filterByComponentIds(state.customData, props),
     settings: filterByComponentIds(state.settings, props),
     rawData: filterByComponentIds(state.rawData, props),
-    components: filterByComponentIds(state.components, props)
+    components: state.components
   };
 };
-
 var mapDispatchtoProps = {
-  setValues: setValues
+  setSearchStateFn: setSearchState
 };
 var StateProviderConnected = connect(mapStateToProps, mapDispatchtoProps)(StateProvider);
-
-StateProvider.install = function (Vue) {
-  Vue.component(StateProvider.name, StateProviderConnected);
+StateProviderConnected.name = StateProvider.name;
+StateProviderConnected.install = function (Vue) {
+  Vue.component(StateProviderConnected.name, StateProviderConnected);
 };
 
-export default StateProvider;
+export default StateProviderConnected;

package/dist/es/{Title-3342664a.js → Title-863dfa42.js}

@@ -1,5 +1,5 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
-import styled from '@appbaseio/vue-emotion';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { styled } from '@appbaseio/vue-emotion';
 
 var _templateObject;
 var Title = styled('h2')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"])), function (_ref) {