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

package/dist/es/{index-7788a843.js → index-4520a598.js}

@@ -1,75 +1,62 @@
 import { helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import { validProps } from '@appbaseio/reactivecore/lib/utils/constants';
+import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import { bindActionCreators } from '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 _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 {
@@ -78,25 +65,20 @@ var connector = function connector(_mapState, mapDispatch) {
       inject: ['$$store'],
       data: function data() {
         var merged = _extends({}, mapState(this.$$store.getState(), this.$props || {}), bindActionCreators(mapDispatch, this.$$store.dispatch));
-
         return Object.keys(merged).reduce(function (data, key) {
           var _extends3;
-
           return _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;
@@ -104,14 +86,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();
       }
     };
@@ -119,13 +100,16 @@ var connector = function connector(_mapState, mapDispatch) {
 };
 
 var defaultQueryUtil = helper.updateDefaultQuery,
-    customQueryUtil = helper.updateCustomQuery,
-    isEqual = helper.isEqual; // TODO
+  customQueryUtil = helper.updateCustomQuery,
+  isEqual = 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,
 // });
 
@@ -134,11 +118,9 @@ var composeThemeObject = function composeThemeObject(ownTheme, userTheme) {
   if (ownTheme === void 0) {
     ownTheme = {};
   }
-
   if (userTheme === void 0) {
     userTheme = {};
   }
-
   return {
     typography: _extends({}, ownTheme.typography, userTheme.typography),
     colors: _extends({}, ownTheme.colors, userTheme.colors),
@@ -149,14 +131,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 {
@@ -165,33 +146,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;
 };
@@ -199,22 +175,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 validProps.includes(i);
   });
@@ -232,72 +204,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 || '';
 };
@@ -306,22 +238,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 = [];
@@ -330,10 +265,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]));
@@ -341,7 +275,6 @@ function parseFocusShortcuts(focusShortcutsArray) {
             parsedSplitCombination.push(splitCombination[i]);
           }
         }
-
         parsedCombination = parsedSplitCombination.join('+');
         parsedFocusShortcutsArray.push(parsedCombination);
       } else if (isNumeric(element)) {
@@ -357,8 +290,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);
@@ -368,12 +302,10 @@ 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);
   });
 }
 
-export { X_SEARCH_CLIENT as X, isFunction as a, getCamelCase as b, connect as c, getValidPropsKeys as d, composeThemeObject as e, updateCustomQuery as f, getComponent as g, hasCustomRenderer as h, isQueryIdentical as i, getQuerySuggestionsComponent as j, isEmpty as k, extractModifierKeysFromFocusShortcuts as l, hasQuerySuggestionsRenderer as m, decodeHtml as n, isEvent as o, parseFocusShortcuts as p, parseValueArray as q, updateDefaultQuery as u };
+export { X_SEARCH_CLIENT as X, isFunction as a, getCamelCase as b, connect as c, getValidPropsKeys as d, composeThemeObject as e, decodeHtml as f, getComponent as g, hasCustomRenderer as h, isQueryIdentical as i, updateCustomQuery as j, isEmpty as k, extractModifierKeysFromFocusShortcuts as l, isEvent as m, parseValueArray as n, parseFocusShortcuts as p, updateDefaultQuery as u };

package/dist/es/index.js

@@ -1,59 +1,57 @@
 import '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-76660dab.js';
+export { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
+import '@vue/babel-helper-vue-transform-on';
+import './_rollupPluginBabelHelpers-ded08042.js';
+import 'vue';
 import 'vue-types';
-import '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/reactivecore/lib/utils/helper';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import './Button-d8bc15ea.js';
-import './vueTypes-b8146772.js';
-import './Pagination-784bf143.js';
+import './Button-474510e3.js';
+import './vueTypes-f1923c72.js';
+import './Pagination-72bd1d9e.js';
 export { default as ReactiveList } from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-7788a843.js';
-import './ComponentWrapper-424e86fd.js';
-import '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-3342664a.js';
-import './ListItem-cad14c5e.js';
-import './Card-450683f1.js';
-import './Flex-1f0795c3.js';
+import './index-4520a598.js';
+import './ComponentWrapper-5166c76a.js';
+import './PreferencesConsumer-c276709c.js';
+import './Title-863dfa42.js';
+import './ListItem-16756c02.js';
+import './Card-38cbe652.js';
+import './Flex-a08e22d7.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
+import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
-export { D as DataSearch } from './DataSearch-b86a6675.js';
-import './CancelSvg-4cfae5fd.js';
-import './Input-7a2a9fac.js';
+export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-f9fa5780.js';
+import './DropDown-8764360c.js';
+import './Input-4a8ef1f3.js';
 import 'compute-scroll-into-view';
-import './Container-ba826e96.js';
+import './Container-d00219f7.js';
 import 'vue-highlight-words';
-import { i as install } from './install-ac8a1edb.js';
-export { S as SearchBox, i as install } from './install-ac8a1edb.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import './FormControlList-c22d64f6.js';
-import './utils-9e68acee.js';
+import './FormControlList-fe6eaee4.js';
+import './utils-9e5a16a1.js';
 export { default as SingleList } from './SingleList.js';
 export { default as MultiList } from './MultiList.js';
-import './DropDown-05a644a5.js';
 export { default as SingleDropdownList } from './SingleDropdownList.js';
 export { default as MultiDropdownList } from './MultiDropdownList.js';
 export { default as ToggleButton } from './ToggleButton.js';
-export { default as ReactiveComponent } from './ReactiveComponent.js';
-export { default as SelectedFilters } from './SelectedFilters.js';
+import './ssr-af398f0c.js';
+export { default as DynamicRangeSlider } from './DynamicRangeSlider.js';
 export { default as SingleRange } from './SingleRange.js';
 export { default as MultiRange } from './MultiRange.js';
+export { default as RangeSlider } from './RangeSlider.js';
+export { default as RangeInput } from './RangeInput.js';
+export { default as SelectedFilters } from './SelectedFilters.js';
 export { default as ResultCard } from './ResultCard.js';
 export { default as ResultList } from './ResultList.js';
-import 'vue-no-ssr';
-import './ssr-b2c0b401.js';
-export { default as RangeSlider } from './RangeSlider.js';
-export { default as DynamicRangeSlider } from './DynamicRangeSlider.js';
-import '@appbaseio/reactivecore/lib/actions/value';
 export { default as StateProvider } from './StateProvider.js';
-import 'gmap-vue';
+import 'vue-google-maps-community-fork';
 import 'ngeohash';
 export { default as ReactiveGoogleMap } from './ReactiveGoogleMap.js';
 import '@appbaseio/reactivecore/lib/reducers/valueReducer';
@@ -67,10 +65,10 @@ import '@appbaseio/reactivecore/lib/actions/utils';
 export { default as initReactivesearch } from './initReactivesearch.js';
 import version from './version.js';
 export { default as version } from './version.js';
-export { default as RangeInput } from './RangeInput.js';
+import install from './install.js';
+export { default as install } from './install.js';
 
 // Add polyfills to support in IE
-
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }