@appbaseio/reactivesearch-vue 2.0.0-alpha.4 → 3.0.0-alpha.1

package/dist/cjs/{index-6a167fe0.js → index-d8d8f291.js}

@@ -4,77 +4,64 @@ 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 constants = require('@appbaseio/reactivecore/lib/utils/constants');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var redux = require('redux');
 
 // Credit to React-Redux for this util function
 // https://github.com/reactjs/react-redux/blob/573db0bfc8d1d50fdb6e2a98bd8a7d4675fecf11/src/utils/shallowEqual.js
-var hasOwn = Object.prototype.hasOwnProperty;
 
+var hasOwn = Object.prototype.hasOwnProperty;
 function is(x, y) {
   if (x === y) {
     return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  } // eslint-disable-next-line
-
-
+  }
+  // eslint-disable-next-line
   return x !== x && y !== y;
 }
-
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) return true;
-
   if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
     return false;
   }
-
   var keysA = Object.keys(objA);
   var keysB = Object.keys(objB);
   if (keysA.length !== keysB.length) return false;
-
   for (var i = 0; i < keysA.length; i += 1) {
     if (!hasOwn.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
       return false;
     }
   }
-
   return true;
 }
 
 var defaultMapState = function defaultMapState() {
   return {};
 };
-
 var defaultMapDispatch = {};
-
 var normalizeMapState = function normalizeMapState(mapState) {
   if (typeof mapState === 'function') return mapState;
-
   if (mapState === Object(mapState)) {
     return function (state, ownProps) {
       return Object.keys(mapState).filter(function (key) {
         return typeof mapState[key] === 'function';
       }).reduce(function (map, key) {
         var _extends2;
-
         return _rollupPluginBabelHelpers._extends({}, map, (_extends2 = {}, _extends2[key] = mapState[key](state, ownProps), _extends2));
       }, {});
     };
   }
-
   throw new Error('[revux] - mapState provided to connect is invalid');
-}; // eslint-disable-next-line
-
+};
 
+// eslint-disable-next-line
 var connector = function connector(_mapState, mapDispatch) {
   if (_mapState === void 0) {
     _mapState = defaultMapState;
   }
-
   if (mapDispatch === void 0) {
     mapDispatch = defaultMapDispatch;
   }
-
   return function (component) {
     var mapState = normalizeMapState(_mapState);
     return {
@@ -83,25 +70,20 @@ var connector = function connector(_mapState, mapDispatch) {
       inject: ['$$store'],
       data: function data() {
         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({}, data, (_extends3 = {}, _extends3[key] = merged[key], _extends3));
         }, {});
       },
       created: function created() {
         var _this = this;
-
         var getMappedState = function getMappedState(state) {
           return mapState(state, _this.$props || {});
         };
-
         var observeStore = function observeStore(store, select, onChange) {
           var currentState = select(store.getState());
           return store.subscribe(function () {
             var nextState = select(store.getState());
-
             if (!shallowEqual(currentState, nextState)) {
               var previousState = currentState;
               currentState = nextState;
@@ -109,14 +91,13 @@ var connector = function connector(_mapState, mapDispatch) {
             }
           });
         };
-
         this._unsubscribe = observeStore(this.$$store, getMappedState, function (newState) {
           Object.keys(newState).forEach(function (key) {
-            _this.$set(_this, key, newState[key]);
+            _this[key] = newState[key];
           });
         });
       },
-      beforeDestroy: function beforeDestroy() {
+      beforeUnmount: function beforeUnmount() {
         this._unsubscribe();
       }
     };
@@ -124,13 +105,16 @@ var connector = function connector(_mapState, mapDispatch) {
 };
 
 var defaultQueryUtil = configureStore.helper.updateDefaultQuery,
-    customQueryUtil = configureStore.helper.updateCustomQuery,
-    isEqual = configureStore.helper.isEqual; // TODO
+  customQueryUtil = configureStore.helper.updateCustomQuery,
+  isEqual = configureStore.helper.isEqual;
+
+// TODO
 // import { storeKey } from '@appbaseio/reactivecore';
 
 var connect = function connect() {
   return connector.apply(void 0, arguments);
-}; // connectToStore(...args, null, {
+};
+// connectToStore(...args, null, {
 //   storeKey,
 // });
 
@@ -139,11 +123,9 @@ var composeThemeObject = function composeThemeObject(ownTheme, userTheme) {
   if (ownTheme === void 0) {
     ownTheme = {};
   }
-
   if (userTheme === void 0) {
     userTheme = {};
   }
-
   return {
     typography: _rollupPluginBabelHelpers._extends({}, ownTheme.typography, userTheme.typography),
     colors: _rollupPluginBabelHelpers._extends({}, ownTheme.colors, userTheme.colors),
@@ -154,14 +136,13 @@ var composeThemeObject = function composeThemeObject(ownTheme, userTheme) {
  * To determine wether an element is a function
  * @param {any} element
  */
-
 var isFunction = function isFunction(element) {
   return typeof element === 'function';
-}; // parses current array (i.e. this.$props.value) for `onChange` callback for multi-* components
+};
 
+// parses current array (i.e. this.$props.value) for `onChange` callback for multi-* components
 function parseValueArray(objectValues, currentValue) {
   var selectedValues;
-
   if (Array.isArray(objectValues)) {
     selectedValues = [].concat(objectValues);
   } else {
@@ -170,33 +151,28 @@ function parseValueArray(objectValues, currentValue) {
       return objectValues[key] ? key : null;
     });
   }
-
   if (selectedValues.includes(currentValue)) {
     return selectedValues.filter(function (item) {
       return item !== currentValue;
     });
   }
-
   return [].concat(selectedValues, [currentValue]);
 }
+
 /**
  * Extracts the render prop from props or slot and returns a valid JSX element
  * @param {Object} data
  * @param _ref
  */
-
 var getComponent = function getComponent(data, _ref) {
   if (data === void 0) {
     data = {};
   }
-
   if (_ref === void 0) {
     _ref = {};
   }
-
-  var _ref2 = _ref.$scopedSlots || _ref.$props,
-      render = _ref2.render;
-
+  var _ref2 = _ref.$slots || _ref.$props,
+    render = _ref2.render;
   if (render) return render(data);
   return null;
 };
@@ -204,22 +180,18 @@ var getComponent = function getComponent(data, _ref) {
  * To determine whether a component has render prop or slot defined or not
  * @returns {Boolean}
  */
-
 var hasCustomRenderer = function hasCustomRenderer(_ref) {
   if (_ref === void 0) {
     _ref = {};
   }
-
-  var _ref3 = _ref.$scopedSlots || _ref.$props,
-      render = _ref3.render;
-
+  var _ref3 = _ref.$slots || _ref.$props,
+    render = _ref3.render;
   return Boolean(render);
 };
 var getValidPropsKeys = function getValidPropsKeys(props) {
   if (props === void 0) {
     props = {};
   }
-
   return Object.keys(props).filter(function (i) {
     return constants.validProps.includes(i);
   });
@@ -237,72 +209,32 @@ var updateCustomQuery = function updateCustomQuery(componentId, setCustomQuery,
     setCustomQuery: setCustomQuery
   }), value);
 };
+
 /**
  * @param {Function} newVal
  * @param {Function} oldVal
  * @param {any} value
  * @param {Object} props
  */
-
 var isQueryIdentical = function isQueryIdentical(newVal, oldVal, value, props) {
-  if (typeof newVal !== 'function' || typeof oldVal !== 'function') return true; // to not call original defaultQuery and customQuery, as here we are only comparing
-
+  if (typeof newVal !== 'function' || typeof oldVal !== 'function') return true;
+  // to not call original defaultQuery and customQuery, as here we are only comparing
   return isEqual(oldVal(value, props), newVal(value, props));
 };
-/**
- * Extracts the renderPopularSuggestions prop from props or slot and returns a valid JSX element
- * @param {Object} data
- * @param _ref
- */
-
-var getQuerySuggestionsComponent = function getQuerySuggestionsComponent(data, _ref) {
-  if (data === void 0) {
-    data = {};
-  }
-
-  if (_ref === void 0) {
-    _ref = {};
-  }
-
-  var _ref4 = _ref.$scopedSlots || _ref.$props,
-      renderQuerySuggestions = _ref4.renderQuerySuggestions,
-      renderPopularSuggestions = _ref4.renderPopularSuggestions;
-
-  var render = renderPopularSuggestions || renderQuerySuggestions;
-  if (render) return render(data);
-  return null;
-};
-/**
- * To determine whether a component has renderQuerySuggestions prop or slot defined or not
- * @returns {Boolean}
- */
 
-var hasQuerySuggestionsRenderer = function hasQuerySuggestionsRenderer(_ref) {
-  if (_ref === void 0) {
-    _ref = {};
-  }
-
-  var _ref5 = _ref.$scopedSlots || _ref.$props,
-      renderQuerySuggestions = _ref5.renderQuerySuggestions,
-      renderPopularSuggestions = _ref5.renderPopularSuggestions;
-
-  return Boolean(renderPopularSuggestions) || Boolean(renderQuerySuggestions);
-};
 /**
  * To get the camel case string from kebab case
  * @returns {string}
  */
-
 var getCamelCase = function getCamelCase(str) {
   if (str === void 0) {
     str = '';
   }
-
   var arr = str.split('-');
   var capital = arr.map(function (item, index) {
     return index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item;
-  }); // ^-- change here.
-
+  });
+  // ^-- change here.
   var capitalString = capital.join('');
   return capitalString || '';
 };
@@ -311,22 +243,25 @@ var isEmpty = function isEmpty(val) {
 };
 function isNumeric(value) {
   return /^-?\d+$/.test(value);
-} // check if passed shortcut a key combination
+}
 
+// 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
+}
+
+// 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
+}
 
+// 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 = [];
@@ -335,10 +270,9 @@ function parseFocusShortcuts(focusShortcutsArray) {
       if (isHotkeyCombination(element)) {
         // splitting the combination into pieces
         var splitCombination = element.split('+');
-        var parsedSplitCombination = []; // parsedCombination would have all the keycodes converted into chars
-
+        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]));
@@ -346,7 +280,6 @@ function parseFocusShortcuts(focusShortcutsArray) {
             parsedSplitCombination.push(splitCombination[i]);
           }
         }
-
         parsedCombination = parsedSplitCombination.join('+');
         parsedFocusShortcutsArray.push(parsedCombination);
       } else if (isNumeric(element)) {
@@ -362,8 +295,9 @@ function parseFocusShortcuts(focusShortcutsArray) {
   });
   return parsedFocusShortcutsArray;
 }
-var MODIFIER_KEYS = ['shift', 'ctrl', 'alt', 'control', 'option', 'cmd', 'command']; // filter out modifierkeys such as ctrl, alt, command, shift from focusShortcuts prop
+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);
@@ -373,10 +307,8 @@ function decodeHtml(str) {
   if (typeof str !== 'string') {
     return str;
   }
-
   return str.replace(/&#([0-9]{1,3});/gi, function (match, numStr) {
     var num = parseInt(numStr, 10); // read num as normal number
-
     return String.fromCharCode(num);
   });
 }
@@ -388,10 +320,8 @@ exports.decodeHtml = decodeHtml;
 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;

package/dist/cjs/index.js

@@ -3,60 +3,59 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@appbaseio/reactivecore');
-require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var constants = require('@appbaseio/reactivecore/lib/utils/constants');
+require('@vue/babel-helper-vue-transform-on');
+require('./_rollupPluginBabelHelpers-f8b843f8.js');
+require('vue');
 require('vue-types');
-require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/reactivecore/lib/utils/helper');
-require('emotion');
 require('@appbaseio/vue-emotion');
+require('emotion');
 require('polished');
-require('./Button-446f819e.js');
-require('./vueTypes-727b7c63.js');
-require('./Pagination-71e85fa9.js');
+require('./Button-ad042719.js');
+require('./vueTypes-1bf00978.js');
+require('./Pagination-b5ddc906.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-6a167fe0.js');
-require('./ComponentWrapper-ad3dad02.js');
-require('@vue/babel-helper-vue-jsx-merge-props');
-require('./Title-1de7d0f4.js');
-require('./ListItem-8c9e0d68.js');
-require('./Card-642547a8.js');
-require('./Flex-aa517a13.js');
+require('./index-d8d8f291.js');
+require('./ComponentWrapper-611cf7f9.js');
+require('./PreferencesConsumer-22d1b49f.js');
+require('./Title-8802a218.js');
+require('./ListItem-d57d648d.js');
+require('./Card-f5ab024a.js');
+require('./Flex-d5675ea6.js');
 require('@appbaseio/reactivecore/lib/actions/analytics');
 require('appbase-js');
+require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-aa04dc6e.js');
-require('./CancelSvg-9f258f4f.js');
-require('./Input-e6603a7e.js');
+var ReactiveComponent = require('./ReactiveComponent-a6108189.js');
+require('./DropDown-dc184468.js');
+require('./Input-088dfcb4.js');
 require('compute-scroll-into-view');
-require('./Container-daf30918.js');
+require('./Container-29f049b2.js');
 require('vue-highlight-words');
-var install = require('./install-b97dbac4.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
-require('./FormControlList-c195a592.js');
-require('./utils-d6a52588.js');
+require('./FormControlList-fadd792f.js');
+require('./utils-83fd01e9.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-c479bbb0.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
-var ReactiveComponent = require('./ReactiveComponent.js');
-var SelectedFilters = require('./SelectedFilters.js');
+require('./ssr-6c8a72e1.js');
+var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 var SingleRange = require('./SingleRange.js');
 var MultiRange = require('./MultiRange.js');
+var RangeSlider = require('./RangeSlider.js');
+var RangeInput = require('./RangeInput.js');
+var SelectedFilters = require('./SelectedFilters.js');
 var ResultCard = require('./ResultCard.js');
 var ResultList = require('./ResultList.js');
-require('vue-no-ssr');
-require('./ssr-3027b848.js');
-var RangeSlider = require('./RangeSlider.js');
-var DynamicRangeSlider = require('./DynamicRangeSlider.js');
-require('@appbaseio/reactivecore/lib/actions/value');
 var StateProvider = require('./StateProvider.js');
-require('gmap-vue');
+require('vue-google-maps-community-fork');
 require('ngeohash');
 var ReactiveGoogleMap = require('./ReactiveGoogleMap.js');
 require('@appbaseio/reactivecore/lib/reducers/valueReducer');
@@ -69,39 +68,43 @@ require('@appbaseio/reactivecore/lib/utils/graphQL');
 require('@appbaseio/reactivecore/lib/actions/utils');
 var initReactivesearch = require('./initReactivesearch.js');
 var version = require('./version.js');
-var RangeInput = require('./RangeInput.js');
+var install = require('./install.js');
 
 // Add polyfills to support in IE
-
 if (typeof window !== 'undefined' && window.Vue) {
-  install.install(window.Vue);
+  install.default(window.Vue);
 }
 var index = {
   version: version.default,
-  install: install.install
+  install: install.default
 };
 
+Object.defineProperty(exports, 'componentTypes', {
+	enumerable: true,
+	get: function () {
+		return constants.componentTypes;
+	}
+});
 exports.ReactiveList = ReactiveList.default;
 exports.ReactiveBase = ReactiveBase.default;
-exports.DataSearch = DataSearch.DataSearch;
-exports.SearchBox = install.SearchBox;
-exports.install = install.install;
+exports.ReactiveComponent = ReactiveComponent.ReactiveComponent;
+exports.SearchBox = ReactiveComponent.SearchBox;
 exports.SingleList = SingleList.default;
 exports.MultiList = MultiList.default;
 exports.SingleDropdownList = SingleDropdownList.default;
 exports.MultiDropdownList = MultiDropdownList.default;
 exports.ToggleButton = ToggleButton.default;
-exports.ReactiveComponent = ReactiveComponent.default;
-exports.SelectedFilters = SelectedFilters.default;
+exports.DynamicRangeSlider = DynamicRangeSlider.default;
 exports.SingleRange = SingleRange.default;
 exports.MultiRange = MultiRange.default;
+exports.RangeSlider = RangeSlider.default;
+exports.RangeInput = RangeInput.default;
+exports.SelectedFilters = SelectedFilters.default;
 exports.ResultCard = ResultCard.default;
 exports.ResultList = ResultList.default;
-exports.RangeSlider = RangeSlider.default;
-exports.DynamicRangeSlider = DynamicRangeSlider.default;
 exports.StateProvider = StateProvider.default;
 exports.ReactiveGoogleMap = ReactiveGoogleMap.default;
 exports.initReactivesearch = initReactivesearch.default;
 exports.version = version.default;
-exports.RangeInput = RangeInput.default;
+exports.install = install.default;
 exports.default = index;