@appbaseio/reactivesearch-vue 1.16.0-alpha.5 → 1.16.0-alpha.52

package/dist/cjs/SingleList.js

@@ -6,22 +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-280a574c.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.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-c21f265b.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-e0583d76.js');
-var ComponentWrapper = require('./ComponentWrapper-5a0a8849.js');
-var Title = require('./Title-e9beb554.js');
-var Input = require('./Input-643d02a7.js');
-var Container = require('./Container-f84e72fc.js');
-var FormControlList = require('./FormControlList-08dfb28e.js');
-var utils = require('./utils-d1ea9f95.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
+var Title = require('./Title-39765ee6.js');
+var Input = require('./Input-64087a69.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');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -30,13 +31,14 @@ var updateQuery = configureStore.Actions.updateQuery,
 var getQueryOptions = configureStore.helper.getQueryOptions,
     checkValueChange = configureStore.helper.checkValueChange,
     getClassName = configureStore.helper.getClassName,
-    getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
-    isEqual = configureStore.helper.isEqual;
+    isEqual = configureStore.helper.isEqual,
+    extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
+    getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
 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,27 +58,34 @@ 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),
     showMissing: VueTypes.bool.def(false),
     missingLabel: VueTypes.string.def('N/A'),
     nestedField: vueTypes.types.string,
+    index: VueTypes.string,
     enableStrictSelection: VueTypes.bool.def(false)
   },
   data: function data() {
     var props = this.$props;
     this.__state = {
       currentValue: '',
-      modifiedOptions: props.options && props.options[props.dataField] ? props.options[props.dataField].buckets : [],
+      modifiedOptions: [],
       searchTerm: ''
     };
     this.internalComponent = props.componentId + "__internal";
     return this.__state;
   },
   created: function created() {
-    // Set custom and default queries in store
+    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`.');
+    }
+
+    var props = this.$props;
+    this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : []; // Set custom and default queries in store
+
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
   },
@@ -93,7 +102,9 @@ var SingleList = {
   },
   watch: {
     options: function options(newVal) {
-      this.modifiedOptions = newVal[this.$props.dataField] ? newVal[this.$props.dataField].buckets : [];
+      if (newVal) {
+        this.modifiedOptions = newVal[this.$props.dataField] ? newVal[this.$props.dataField].buckets : [];
+      }
     },
     size: function size() {
       this.updateQueryHandlerOptions(this.$props);
@@ -144,8 +155,12 @@ var SingleList = {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
 
-    if (!this.hasCustomRenderer && this.modifiedOptions.length === 0) {
-      return null;
+    if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
+      if (this.renderNoResult) {
+        this.renderNoResult();
+      } else {
+        return null;
+      }
     }
 
     var itemsToRender = this.$data.modifiedOptions;
@@ -157,7 +172,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;
@@ -255,22 +270,22 @@ var SingleList = {
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
-      var defaultQueryOptions;
       var query = SingleList.defaultQuery(value, props);
 
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
+        var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
 
-        if (defaultQueryToBeSet.query) {
-          query = defaultQueryToBeSet.query;
-        }
+        if (defaultQueryObj) {
+          query = defaultQueryObj;
+        } // Update calculated default query in store
 
-        defaultQueryOptions = getOptionsFromQuery(defaultQueryToBeSet); // Update calculated default query in store
 
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
+        var defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
+        this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -281,17 +296,15 @@ var SingleList = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = SingleList.defaultQuery(value, props);
-      var customQueryOptions;
 
       if (customQuery) {
-        var _ref = customQuery(value, props) || {};
-
-        query = _ref.query;
-        customQueryOptions = getOptionsFromQuery(customQuery(value, props));
+        var customQueryCalc = customQuery(value, props);
+        query = extractQueryFromCustomQuery(customQueryCalc);
+        var customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
+        this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -311,8 +324,8 @@ var SingleList = {
 
       if (props.defaultQuery) {
         var value = this.$data.currentValue;
-        var defaultQueryOptions = getOptionsFromQuery(props.defaultQuery(value, props));
-        this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, queryOptions), defaultQueryOptions));
+        var defaultQueryOptions = getOptionsForCustomQuery(props.defaultQuery(value, props));
+        this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends({}, queryOptions, defaultQueryOptions));
       } else {
         this.setQueryOptions(this.internalComponent, queryOptions);
       }
@@ -456,6 +469,10 @@ SingleList.defaultQuery = function (value, props) {
   return query;
 };
 
+SingleList.hasInternalComponent = function () {
+  return true;
+};
+
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     options: props.nestedField && state.aggregations[props.componentId] ? state.aggregations[props.componentId].reactivesearch_nested : state.aggregations[props.componentId],
@@ -464,7 +481,8 @@ var mapStateToProps = function mapStateToProps(state, props) {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || '',
     themePreset: state.config.themePreset,
     error: state.error[props.componentId],
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 
@@ -476,7 +494,7 @@ var mapDispatchtoProps = {
 };
 var ListConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleList), {
   componentType: constants.componentTypes.singleList,
-  internalComponent: true
+  internalComponent: SingleList.hasInternalComponent()
 });
 
 SingleList.install = function (Vue) {

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-280a574c.js');
+require('./_rollupPluginBabelHelpers-4abdbfff.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-c21f265b.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-e0583d76.js');
-var ComponentWrapper = require('./ComponentWrapper-5a0a8849.js');
-var Title = require('./Title-e9beb554.js');
-var Container = require('./Container-f84e72fc.js');
-var FormControlList = require('./FormControlList-08dfb28e.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
+var Title = require('./Title-39765ee6.js');
+var Container = require('./Container-8a08d663.js');
+var FormControlList = require('./FormControlList-73497794.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -53,10 +53,15 @@ var SingleRange = {
     showRadio: VueTypes.bool.def(true),
     title: vueTypes.types.title,
     URLParams: VueTypes.bool.def(false),
-    nestedField: vueTypes.types.string
+    nestedField: vueTypes.types.string,
+    index: VueTypes.string
   },
   created: function created() {
-    // Set custom query in store
+    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
+
+
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   beforeMount: function beforeMount() {
@@ -152,17 +157,16 @@ var SingleRange = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = SingleRange.defaultQuery(value, props);
-      var customQueryOptions;
 
       if (customQuery) {
         var _ref = customQuery(value, props) || {};
 
         query = _ref.query;
-        customQueryOptions = getOptionsFromQuery(customQuery(value, props));
+        var customQueryOptions = getOptionsFromQuery(customQuery(value, props));
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
+        this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -223,7 +227,8 @@ SingleRange.defaultQuery = function (value, props) {
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 

package/dist/cjs/StateProvider.js

@@ -6,17 +6,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-280a574c.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
 require('redux');
-var index = require('./index-e0583d76.js');
+var index = require('./index-d44a0a21.js');
 
 var getSearchState = configureStore.helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
 
 var filterProps = function filterProps(props) {
-  return _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, props), {}, {
+  if (props === void 0) {
+    props = {};
+  }
+
+  return _rollupPluginBabelHelpers._extends({}, props, {
     props: props.componentProps
   });
 };
@@ -35,7 +39,7 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
     return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
   }
 
-  if (componentIds instanceof Array) {
+  if (Array.isArray(componentIds)) {
     var filteredState = {};
     componentIds.forEach(function (componentId) {
       filteredState[componentId] = state[componentId];
@@ -50,7 +54,7 @@ var filterByKeys = function filterByKeys(state, allowedKeys) {
   return Object.keys(state).reduce(function (components, componentId) {
     var _extends2;
 
-    return _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, components), {}, (_extends2 = {}, _extends2[componentId] = Object.keys(state[componentId]).filter(function (key) {
+    return _rollupPluginBabelHelpers._extends({}, components, (_extends2 = {}, _extends2[componentId] = Object.keys(state[componentId]).filter(function (key) {
       return allowedKeys.includes(key);
     }).reduce(function (obj, key) {
       // eslint-disable-next-line
@@ -74,7 +78,7 @@ var StateProvider = {
     };
     return this.__state;
   },
-  mounted: function mounted() {
+  created: function created() {
     this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
   },
   computed: {
@@ -96,7 +100,7 @@ var StateProvider = {
   watch: {
     searchState: function searchState(newVal, oldVal) {
       if (this.isStateChanged(newVal, oldVal)) {
-        this.$emit('change', newVal, oldVal);
+        this.$emit('change', oldVal, newVal);
       }
     },
     selectedValues: function selectedValues(newVal, oldVal) {

package/dist/cjs/{Title-e9beb554.js → Title-39765ee6.js}

@@ -2,20 +2,12 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-280a574c.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 
-function _templateObject() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-var Title = styled__default('h2')(_templateObject(), function (_ref) {
+var _templateObject;
+var Title = styled__default('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;
 });

package/dist/cjs/ToggleButton.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-280a574c.js');
-require('vue-types');
+require('./_rollupPluginBabelHelpers-4abdbfff.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-78d8bc26.js');
-var vueTypes = require('./vueTypes-c21f265b.js');
+var Button = require('./Button-10e5cf51.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-e0583d76.js');
-var ComponentWrapper = require('./ComponentWrapper-5a0a8849.js');
-var Title = require('./Title-e9beb554.js');
-var Container = require('./Container-f84e72fc.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
+var Title = require('./Title-39765ee6.js');
+var Container = require('./Container-8a08d663.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -35,17 +35,19 @@ 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,
     innerClass: vueTypes.types.style,
-    multiSelect: vueTypes.types.bool,
+    multiSelect: VueTypes.bool,
     react: vueTypes.types.react,
-    showFilter: vueTypes.types.bool,
+    showFilter: VueTypes.bool,
     title: vueTypes.types.title,
-    URLParams: vueTypes.types.bool,
-    renderItem: vueTypes.types.func
+    URLParams: VueTypes.bool,
+    renderItem: vueTypes.types.func,
+    index: VueTypes.string,
+    enableStrictSelection: VueTypes.bool
   },
   data: function data() {
     this.__state = {
@@ -65,7 +67,11 @@ var ToggleButton = {
     }
   },
   created: function created() {
-    // Set custom query in store
+    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
+
+
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   watch: {
@@ -187,7 +193,7 @@ var ToggleButton = {
         var _ref = customQuery(value, props) || {};
 
         query = _ref.query;
-        this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)));
+        this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)), false);
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
@@ -203,6 +209,16 @@ var ToggleButton = {
       });
     },
     handleClick: function handleClick(item) {
+      var _this$$props = this.$props,
+          enableStrictSelection = _this$$props.enableStrictSelection,
+          multiSelect = _this$$props.multiSelect;
+
+      if (enableStrictSelection && !multiSelect && this.$data.currentValue.find(function (stateItem) {
+        return isEqual(item, stateItem);
+      })) {
+        return false;
+      }
+
       var value = this.$props.value;
 
       if (value === undefined) {
@@ -210,6 +226,8 @@ var ToggleButton = {
       } else {
         this.$emit('change', item.value);
       }
+
+      return true;
     },
     renderButton: function renderButton(item) {
       var _this2 = this;
@@ -312,7 +330,8 @@ ToggleButton.defaultQuery = function (value, props) {
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 

package/dist/cjs/{_rollupPluginBabelHelpers-280a574c.js → _rollupPluginBabelHelpers-4abdbfff.js}

@@ -21,7 +21,17 @@ function _extends() {
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {