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

package/dist/cjs/SingleRange.js

@@ -6,28 +6,33 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-require('emotion');
+var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
+require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
+var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-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 index = require('./index-d8d8f291.js');
+var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
+var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var Title = require('./Title-8802a218.js');
+var Container = require('./Container-29f049b2.js');
+var FormControlList = require('./FormControlList-fadd792f.js');
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
+}
 var updateQuery = configureStore.Actions.updateQuery,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setCustomQuery = configureStore.Actions.setCustomQuery;
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setCustomQuery = configureStore.Actions.setCustomQuery;
 var isEqual = configureStore.helper.isEqual,
-    checkValueChange = configureStore.helper.checkValueChange,
-    getClassName = configureStore.helper.getClassName,
-    getOptionsFromQuery = configureStore.helper.getOptionsFromQuery;
+  checkValueChange = configureStore.helper.checkValueChange,
+  getClassName = configureStore.helper.getClassName,
+  getOptionsFromQuery = configureStore.helper.getOptionsFromQuery;
 var SingleRange = {
   name: 'SingleRange',
   data: function data() {
@@ -58,11 +63,7 @@ var SingleRange = {
     endpoint: vueTypes.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
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   beforeMount: function beforeMount() {
@@ -98,76 +99,72 @@ var SingleRange = {
     }
   },
   render: function render() {
+    var _slot;
     var _this = this;
-
-    var h = arguments[0];
-    return h(Container.Container, {
+    return vue.createVNode(Container.Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title.Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), h(FormControlList.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(FormControlList.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 && vue.createVNode(Title.Title, {
+          "class": getClassName(_this.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this.$props.title];
+          }
+        }), vue.createVNode(FormControlList.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 vue.createVNode("li", {
+            "key": item.label,
+            "class": "" + (selected ? 'active' : '')
+          }, [vue.createVNode(FormControlList.Radio, vue.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), vue.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));
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
         this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
-
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -180,7 +177,6 @@ var SingleRange = {
     },
     handleChange: function handleChange(e) {
       var value = this.$props.value;
-
       if (value === undefined) {
         this.setValue(e.target.value);
       } else {
@@ -189,64 +185,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.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
+var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleRange), {
   componentType: constants.componentTypes.singleRange
-});
-
-SingleRange.install = function (Vue) {
-  Vue.component(SingleRange.name, RangeConnected);
-}; // Add componentType for SSR
-
-
-SingleRange.componentType = constants.componentTypes.singleRange;
+}));
+RangeConnected.name = SingleRange.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
+};
+// Add componentType for SSR
+RangeConnected.componentType = constants.componentTypes.singleRange;
 
-exports.default = SingleRange;
+exports.RangeConnected = RangeConnected;
+exports.default = RangeConnected;

package/dist/cjs/StateProvider.js

@@ -6,68 +6,88 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var VueTypes = _interopDefault(require('vue-types'));
 var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var value = require('@appbaseio/reactivecore/lib/actions/value');
+var index = require('./index-d8d8f291.js');
 
+var setSearchState = configureStore.Actions.setSearchState;
 var getSearchState = configureStore.helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
-
 var filterProps = function filterProps(props) {
   if (props === void 0) {
     props = {};
   }
-
   return _rollupPluginBabelHelpers._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 _rollupPluginBabelHelpers._extends({}, components, (_extends2 = {}, _extends2[componentId] = Object.keys(state[componentId]).filter(function (key) {
       return allowedKeys.includes(key);
     }).reduce(function (obj, key) {
@@ -77,7 +97,6 @@ var filterByKeys = function filterByKeys(state, allowedKeys) {
     }, {}), _extends2));
   }, {});
 };
-
 var StateProvider = {
   name: 'StateProvider',
   props: {
@@ -85,7 +104,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 = {
@@ -145,6 +165,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);
     },
@@ -171,34 +194,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 !transform.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),
@@ -213,17 +241,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: value.setValues
+  setSearchStateFn: setSearchState
 };
 var StateProviderConnected = index.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);
 };
 
-exports.default = StateProvider;
+exports.default = StateProviderConnected;

package/dist/cjs/Title-8802a218.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vueEmotion = require('@appbaseio/vue-emotion');
+
+var _templateObject;
+var Title = vueEmotion.styled('h2')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.colors.titleColor;
+});
+
+exports.Title = Title;