@appbaseio/reactivesearch-vue 1.16.0-alpha.3 → 1.16.0-alpha.32

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-d2f1aeda.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) {

package/dist/cjs/{index-e0583d76.js → index-d44a0a21.js}

@@ -4,7 +4,7 @@ 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 constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var redux = require('redux');
 
@@ -57,7 +57,7 @@ var normalizeMapState = function normalizeMapState(mapState) {
       }).reduce(function (map, key) {
         var _extends2;
 
-        return _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, map), {}, (_extends2 = {}, _extends2[key] = mapState[key](state, ownProps), _extends2));
+        return _rollupPluginBabelHelpers._extends({}, map, (_extends2 = {}, _extends2[key] = mapState[key](state, ownProps), _extends2));
       }, {});
     };
   }
@@ -82,12 +82,12 @@ var connector = function connector(_mapState, mapDispatch) {
       mixins: [component],
       inject: ['$$store'],
       data: function data() {
-        var merged = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, mapState(this.$$store.getState(), this.$props || {})), redux.bindActionCreators(mapDispatch, this.$$store.dispatch));
+        var merged = _rollupPluginBabelHelpers._extends({}, mapState(this.$$store.getState(), this.$props || {}), redux.bindActionCreators(mapDispatch, this.$$store.dispatch));
 
         return Object.keys(merged).reduce(function (data, key) {
           var _extends3;
 
-          return _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, data), {}, (_extends3 = {}, _extends3[key] = merged[key], _extends3));
+          return _rollupPluginBabelHelpers._extends({}, data, (_extends3 = {}, _extends3[key] = merged[key], _extends3));
         }, {});
       },
       created: function created() {
@@ -134,6 +134,7 @@ var connect = function connect() {
 //   storeKey,
 // });
 
+var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
 var composeThemeObject = function composeThemeObject(ownTheme, userTheme) {
   if (ownTheme === void 0) {
     ownTheme = {};
@@ -144,9 +145,9 @@ var composeThemeObject = function composeThemeObject(ownTheme, userTheme) {
   }
 
   return {
-    typography: _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, ownTheme.typography), userTheme.typography),
-    colors: _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, ownTheme.colors), userTheme.colors),
-    component: _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, ownTheme.component), userTheme.component)
+    typography: _rollupPluginBabelHelpers._extends({}, ownTheme.typography, userTheme.typography),
+    colors: _rollupPluginBabelHelpers._extends({}, ownTheme.colors, userTheme.colors),
+    component: _rollupPluginBabelHelpers._extends({}, ownTheme.component, userTheme.component)
   };
 };
 /**
@@ -159,10 +160,16 @@ var isFunction = function isFunction(element) {
 }; // parses current array (i.e. this.$props.value) for `onChange` callback for multi-* components
 
 function parseValueArray(objectValues, currentValue) {
-  var keys = Object.keys(objectValues);
-  var selectedValues = keys.map(function (key) {
-    return objectValues[key] ? key : null;
-  });
+  var selectedValues;
+
+  if (Array.isArray(objectValues)) {
+    selectedValues = [].concat(objectValues);
+  } else {
+    var keys = Object.keys(objectValues);
+    selectedValues = keys.map(function (key) {
+      return objectValues[key] ? key : null;
+    });
+  }
 
   if (selectedValues.includes(currentValue)) {
     return selectedValues.filter(function (item) {
@@ -221,12 +228,12 @@ var isEvent = function isEvent(candidate) {
   return !!(candidate && candidate.stopPropagation && candidate.preventDefault);
 };
 var updateDefaultQuery = function updateDefaultQuery(componentId, setDefaultQuery, props, value) {
-  defaultQueryUtil(componentId, _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, props), {}, {
+  defaultQueryUtil(componentId, _rollupPluginBabelHelpers._extends({}, props, {
     setDefaultQuery: setDefaultQuery
   }), value);
 };
 var updateCustomQuery = function updateCustomQuery(componentId, setCustomQuery, props, value) {
-  customQueryUtil(componentId, _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, props), {}, {
+  customQueryUtil(componentId, _rollupPluginBabelHelpers._extends({}, props, {
     setCustomQuery: setCustomQuery
   }), value);
 };
@@ -299,18 +306,85 @@ var getCamelCase = function getCamelCase(str) {
   var capitalString = capital.join('');
   return capitalString || '';
 };
+var isEmpty = function isEmpty(val) {
+  return !(val && val.length && Object.keys(val).length);
+};
+function isNumeric(value) {
+  return /^-?\d+$/.test(value);
+} // check if passed shortcut a key combination
+
+function isHotkeyCombination(hotkey) {
+  return typeof hotkey === 'string' && hotkey.indexOf('+') !== -1;
+} // used for getting correct string char from keycode passed
+// the below algebraic expression is used to get the correct ascii code out of the e.which || e.keycode returned value
+// since the keyboards doesn't understand ascii but scan codes and they differ for certain keys such as '/'
+// stackoverflow ref: https://stackoverflow.com/a/29811987/10822996
+
+function getCharFromCharCode(passedCharCode) {
+  var which = passedCharCode;
+  var chrCode = which - 48 * Math.floor(which / 48);
+  return String.fromCharCode(which >= 96 ? chrCode : which);
+} // used for parsing focusshortcuts for keycodes passed as string, eg: 'ctrl+/' is same as 'ctrl+47'
+// returns focusShortcuts containing appropriate key charsas depicted on keyboards
+
+function parseFocusShortcuts(focusShortcutsArray) {
+  if (isEmpty(focusShortcutsArray)) return [];
+  var parsedFocusShortcutsArray = [];
+  focusShortcutsArray.forEach(function (element) {
+    if (typeof element === 'string') {
+      if (isHotkeyCombination(element)) {
+        // splitting the combination into pieces
+        var splitCombination = element.split('+');
+        var parsedSplitCombination = []; // parsedCombination would have all the keycodes converted into chars
+
+        var parsedCombination = '';
+
+        for (var i = 0; i < splitCombination.length; i += 1) {
+          if (isNumeric(splitCombination[i])) {
+            parsedSplitCombination.push(getCharFromCharCode(+splitCombination[i]));
+          } else {
+            parsedSplitCombination.push(splitCombination[i]);
+          }
+        }
+
+        parsedCombination = parsedSplitCombination.join('+');
+        parsedFocusShortcutsArray.push(parsedCombination);
+      } else if (isNumeric(element)) {
+        parsedFocusShortcutsArray.push(getCharFromCharCode(+element));
+      } else {
+        // single char shortcut, eg: '/'
+        parsedFocusShortcutsArray.push(element);
+      }
+    } else {
+      // if not a string the the shortcut is assumed to be a keycode
+      parsedFocusShortcutsArray.push(getCharFromCharCode(element));
+    }
+  });
+  return parsedFocusShortcutsArray;
+}
+var MODIFIER_KEYS = ['shift', 'ctrl', 'alt', 'control', 'option', 'cmd', 'command']; // filter out modifierkeys such as ctrl, alt, command, shift from focusShortcuts prop
+
+function extractModifierKeysFromFocusShortcuts(focusShortcutsArray) {
+  return focusShortcutsArray.filter(function (shortcutKey) {
+    return MODIFIER_KEYS.includes(shortcutKey);
+  });
+}
 
+exports.X_SEARCH_CLIENT = X_SEARCH_CLIENT;
 exports.composeThemeObject = composeThemeObject;
 exports.connect = connect;
+exports.extractModifierKeysFromFocusShortcuts = extractModifierKeysFromFocusShortcuts;
 exports.getCamelCase = getCamelCase;
 exports.getComponent = getComponent;
 exports.getQuerySuggestionsComponent = getQuerySuggestionsComponent;
 exports.getValidPropsKeys = getValidPropsKeys;
 exports.hasCustomRenderer = hasCustomRenderer;
 exports.hasQuerySuggestionsRenderer = hasQuerySuggestionsRenderer;
+exports.isEmpty = isEmpty;
 exports.isEvent = isEvent;
 exports.isFunction = isFunction;
 exports.isQueryIdentical = isQueryIdentical;
+exports.parseFocusShortcuts = parseFocusShortcuts;
 exports.parseValueArray = parseValueArray;
 exports.updateCustomQuery = updateCustomQuery;
 exports.updateDefaultQuery = updateDefaultQuery;

package/dist/cjs/index.js

@@ -3,41 +3,43 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@appbaseio/reactivecore');
-require('./_rollupPluginBabelHelpers-280a574c.js');
+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-78d8bc26.js');
-require('./vueTypes-c21f265b.js');
-require('./Pagination-91df3b77.js');
+require('./Button-d2f1aeda.js');
+require('./vueTypes-6de9d2a9.js');
+require('./Pagination-1b2320a7.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-e0583d76.js');
-require('./ComponentWrapper-5a0a8849.js');
+require('./index-d44a0a21.js');
+require('./ComponentWrapper-7302fe1a.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
-require('./Title-e9beb554.js');
-require('./ListItem-0c58c5d2.js');
-require('./Card-b4af314f.js');
-require('./Flex-737c55be.js');
-require('@appbaseio/reactivecore/lib/utils/helper');
+require('./Title-39765ee6.js');
+require('./ListItem-933c27e4.js');
+require('./Card-4b915733.js');
+require('./Flex-699639d2.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
-require('./Input-643d02a7.js');
+require('hotkeys-js');
 var DataSearch = require('./DataSearch.js');
+require('./CancelSvg-82021d23.js');
+require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
-require('./DownShift-b09da079.js');
-require('./Container-f84e72fc.js');
+require('./Container-8a08d663.js');
 require('vue-highlight-words');
-require('./FormControlList-08dfb28e.js');
-require('./utils-d1ea9f95.js');
+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-c66be1a8.js');
+require('./DropDown-c46d8b0c.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
@@ -48,7 +50,7 @@ var MultiRange = require('./MultiRange.js');
 var ResultCard = require('./ResultCard.js');
 var ResultList = require('./ResultList.js');
 require('vue-no-ssr');
-require('./ssr-b7a729f9.js');
+require('./ssr-c333c82c.js');
 var RangeSlider = require('./RangeSlider.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 var StateProvider = require('./StateProvider.js');
@@ -57,12 +59,14 @@ require('gmap-vue/dist/components-implementation/map');
 require('ngeohash');
 var ReactiveGoogleMap = require('./ReactiveGoogleMap.js');
 require('gmap-vue/dist/components/cluster');
-require('gmap-vue/dist/components/marker');
 require('gmap-vue/dist/components-implementation/info-window');
+require('gmap-vue/dist/components/marker');
 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');