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

package/dist/cjs/ReactiveBase.js

@@ -100,7 +100,7 @@ var URLParamsProvider = {
       Object.keys(_this.currentSelectedState).filter(function (item) {
         return !activeComponents.includes(item);
       }).forEach(function (component) {
-        _this.setValue(component, null);
+        _this.setValue(component, null, undefined, undefined, undefined, undefined, undefined, undefined, 'URL');
       }); // update active components in selectedValues
 
       Array.from(_this.params.entries()).forEach(function (item) {
@@ -115,7 +115,7 @@ var URLParamsProvider = {
               showFilter = _ref.showFilter,
               URLParams = _ref.URLParams;
 
-          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams);
+          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
         } catch (e) {
           // Do not set value if JSON parsing fails.
           console.error(e);
@@ -133,39 +133,45 @@ var URLParamsProvider = {
     selectedValues: function selectedValues(newVal, oldVal) {
       var _this2 = this;
 
-      this.currentSelectedState = newVal;
-
       if (!isEqual(newVal, oldVal)) {
         this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
         this.params = new URLSearchParams(this.searchString);
         var currentComponents = Object.keys(newVal);
         var urlComponents = Array.from(this.params.keys());
+        var shouldPushHistory = false;
         currentComponents.filter(function (component) {
           return newVal[component].URLParams;
         }).forEach(function (component) {
-          // prevents empty history pollution on initial load
-          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
-            var selectedValues = newVal[component];
+          var selectedValues = newVal[component]; // prevents empty history pollution on initial load
 
+          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
             if (selectedValues.URLParams) {
               if (selectedValues.category) {
-                _this2.setURL(component, _this2.getValue({
+                var shouldUpdateHistory = _this2.setURL(component, _this2.getValue({
                   category: selectedValues.category,
                   value: selectedValues.value
                 }));
+
+                if (shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               } else {
-                _this2.setURL(component, _this2.getValue(selectedValues.value));
+                var _shouldUpdateHistory = _this2.setURL(component, _this2.getValue(selectedValues.value));
+
+                if (_shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               }
             } else {
               _this2.params["delete"](component);
 
-              _this2.pushToHistory();
+              shouldPushHistory = true;
             }
           } else if (!_this2.hasValidValue(newVal[component]) && urlComponents.includes(component)) {
             // doesn't have a valid value, but the url has a (stale) valid value set
             _this2.params["delete"](component);
 
-            _this2.pushToHistory();
+            shouldPushHistory = true;
           }
         }); // remove unmounted components
 
@@ -174,15 +180,20 @@ var URLParamsProvider = {
         }).forEach(function (component) {
           _this2.params["delete"](component);
 
-          _this2.pushToHistory();
+          shouldPushHistory = true;
         });
 
         if (!currentComponents.length) {
           Array.from(this.params.keys()).forEach(function (item) {
             if (_this2.searchComponents && _this2.searchComponents.includes(item)) {
               _this2.params["delete"](item);
+
+              shouldPushHistory = true;
             }
           });
+        }
+
+        if (shouldPushHistory) {
           this.pushToHistory();
         }
       }
@@ -245,20 +256,19 @@ var URLParamsProvider = {
       return value;
     },
     setURL: function setURL(component, value) {
-      this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
-      this.params = new URLSearchParams(this.searchString);
-
       if (!value || typeof value === 'string' && value.trim() === '' || Array.isArray(value) && value.length === 0) {
         this.params["delete"](component);
-        this.pushToHistory();
-      } else {
-        var data = JSON.stringify(this.getValue(value));
+        return true;
+      }
 
-        if (data !== this.params.get(component)) {
-          this.params.set(component, data);
-          this.pushToHistory();
-        }
+      var data = JSON.stringify(value);
+
+      if (data !== this.params.get(component)) {
+        this.params.set(component, data);
+        return true;
       }
+
+      return false;
     },
     pushToHistory: function pushToHistory() {
       var paramsSting = this.params.toString() ? "?" + this.params.toString() : '';

package/dist/cjs/ReactiveList.js

@@ -692,6 +692,7 @@ var ReactiveList = {
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
+          count: _this2.currentPageState * size + index + 1,
           triggerClickAnalytics: function triggerClickAnalytics() {
             return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
           }

package/dist/cjs/index.js

@@ -34,7 +34,7 @@ require('./Input-64087a69.js');
 require('compute-scroll-into-view');
 require('./Container-8a08d663.js');
 require('vue-highlight-words');
-var install = require('./install-adbb807a.js');
+var install = require('./install-856cc730.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');

package/dist/cjs/{install-adbb807a.js → install-856cc730.js}

@@ -558,10 +558,18 @@ var SearchBox = {
       this.onValueSelectedHandler('', configureStore.causes.CLEAR_VALUE);
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
+      if (highlightedIndex === void 0) {
+        highlightedIndex = null;
+      }
+
       // if a suggestion was selected, delegate the handling to suggestion handler
-      if (event.key === 'Enter' && highlightedIndex === null) {
-        this.setValue(event.target.value, true);
-        this.onValueSelectedHandler(event.target.value, configureStore.causes.ENTER_PRESS);
+      if (event.key === 'Enter') {
+        if (this.$props.autosuggest === false) {
+          this.enterButtonOnClick();
+        } else if (highlightedIndex === null) {
+          this.setValue(event.target.value, true);
+          this.onValueSelectedHandler(event.target.value, configureStore.causes.ENTER_PRESS);
+        }
       } // Need to review
 
 
@@ -733,6 +741,13 @@ var SearchBox = {
 
       return null;
     },
+    enterButtonOnClick: function enterButtonOnClick() {
+      this.triggerQuery({
+        isOpen: false,
+        value: this.currentValue,
+        customQuery: true
+      });
+    },
     renderEnterButtonElement: function renderEnterButtonElement() {
       var _this4 = this;
 
@@ -742,18 +757,10 @@ var SearchBox = {
           innerClass = _this$$props4.innerClass;
       var renderEnterButton = this.$scopedSlots.renderEnterButton;
 
-      var enterButtonOnClick = function enterButtonOnClick() {
-        return _this4.triggerQuery({
-          isOpen: false,
-          value: _this4.currentValue,
-          customQuery: true
-        });
-      };
-
       if (enterButton) {
         var getEnterButtonMarkup = function getEnterButtonMarkup() {
           if (renderEnterButton) {
-            return renderEnterButton(enterButtonOnClick);
+            return renderEnterButton(_this4.enterButtonOnClick);
           }
 
           return h(Button.Button, {
@@ -762,7 +769,7 @@ var SearchBox = {
               "primary": true
             },
             "on": {
-              "click": enterButtonOnClick
+              "click": _this4.enterButtonOnClick
             }
           }, ["Search"]);
         };
@@ -1065,11 +1072,7 @@ var SearchBox = {
         focus: function focus(e) {
           _this7.$emit('focus', e, _this7.triggerQuery);
         },
-        keydown: function keydown(e) {
-          _this7.$emit('keyDown', e, _this7.triggerQuery);
-
-          _this7.$emit('key-down', e, _this7.triggerQuery);
-        },
+        keydown: this.handleKeyDown,
         keyup: function keyup(e) {
           _this7.$emit('keyUp', e, _this7.triggerQuery);
 

package/dist/cjs/install.js

@@ -34,7 +34,7 @@ require('./Input-64087a69.js');
 require('compute-scroll-into-view');
 require('./Container-8a08d663.js');
 require('vue-highlight-words');
-var install = require('./install-adbb807a.js');
+var install = require('./install-856cc730.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-73497794.js');
 require('./utils-23afb20b.js');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.16.0-alpha.51";
+var version = "1.16.0-alpha.52";
 
 exports.default = version;

package/dist/es/ReactiveBase.js

@@ -92,7 +92,7 @@ var URLParamsProvider = {
       Object.keys(_this.currentSelectedState).filter(function (item) {
         return !activeComponents.includes(item);
       }).forEach(function (component) {
-        _this.setValue(component, null);
+        _this.setValue(component, null, undefined, undefined, undefined, undefined, undefined, undefined, 'URL');
       }); // update active components in selectedValues
 
       Array.from(_this.params.entries()).forEach(function (item) {
@@ -107,7 +107,7 @@ var URLParamsProvider = {
               showFilter = _ref.showFilter,
               URLParams = _ref.URLParams;
 
-          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams);
+          _this.setValue(component, JSON.parse(value), label, showFilter, URLParams, undefined, undefined, undefined, 'URL');
         } catch (e) {
           // Do not set value if JSON parsing fails.
           console.error(e);
@@ -125,39 +125,45 @@ var URLParamsProvider = {
     selectedValues: function selectedValues(newVal, oldVal) {
       var _this2 = this;
 
-      this.currentSelectedState = newVal;
-
       if (!isEqual(newVal, oldVal)) {
         this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
         this.params = new URLSearchParams(this.searchString);
         var currentComponents = Object.keys(newVal);
         var urlComponents = Array.from(this.params.keys());
+        var shouldPushHistory = false;
         currentComponents.filter(function (component) {
           return newVal[component].URLParams;
         }).forEach(function (component) {
-          // prevents empty history pollution on initial load
-          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
-            var selectedValues = newVal[component];
+          var selectedValues = newVal[component]; // prevents empty history pollution on initial load
 
+          if (_this2.hasValidValue(newVal[component]) || _this2.hasValidValue(oldVal[component])) {
             if (selectedValues.URLParams) {
               if (selectedValues.category) {
-                _this2.setURL(component, _this2.getValue({
+                var shouldUpdateHistory = _this2.setURL(component, _this2.getValue({
                   category: selectedValues.category,
                   value: selectedValues.value
                 }));
+
+                if (shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               } else {
-                _this2.setURL(component, _this2.getValue(selectedValues.value));
+                var _shouldUpdateHistory = _this2.setURL(component, _this2.getValue(selectedValues.value));
+
+                if (_shouldUpdateHistory) {
+                  shouldPushHistory = true;
+                }
               }
             } else {
               _this2.params["delete"](component);
 
-              _this2.pushToHistory();
+              shouldPushHistory = true;
             }
           } else if (!_this2.hasValidValue(newVal[component]) && urlComponents.includes(component)) {
             // doesn't have a valid value, but the url has a (stale) valid value set
             _this2.params["delete"](component);
 
-            _this2.pushToHistory();
+            shouldPushHistory = true;
           }
         }); // remove unmounted components
 
@@ -166,15 +172,20 @@ var URLParamsProvider = {
         }).forEach(function (component) {
           _this2.params["delete"](component);
 
-          _this2.pushToHistory();
+          shouldPushHistory = true;
         });
 
         if (!currentComponents.length) {
           Array.from(this.params.keys()).forEach(function (item) {
             if (_this2.searchComponents && _this2.searchComponents.includes(item)) {
               _this2.params["delete"](item);
+
+              shouldPushHistory = true;
             }
           });
+        }
+
+        if (shouldPushHistory) {
           this.pushToHistory();
         }
       }
@@ -237,20 +248,19 @@ var URLParamsProvider = {
       return value;
     },
     setURL: function setURL(component, value) {
-      this.searchString = this.$props.getSearchParams ? this.$props.getSearchParams() : window.location.search;
-      this.params = new URLSearchParams(this.searchString);
-
       if (!value || typeof value === 'string' && value.trim() === '' || Array.isArray(value) && value.length === 0) {
         this.params["delete"](component);
-        this.pushToHistory();
-      } else {
-        var data = JSON.stringify(this.getValue(value));
+        return true;
+      }
 
-        if (data !== this.params.get(component)) {
-          this.params.set(component, data);
-          this.pushToHistory();
-        }
+      var data = JSON.stringify(value);
+
+      if (data !== this.params.get(component)) {
+        this.params.set(component, data);
+        return true;
       }
+
+      return false;
     },
     pushToHistory: function pushToHistory() {
       var paramsSting = this.params.toString() ? "?" + this.params.toString() : '';

package/dist/es/ReactiveList.js

@@ -684,6 +684,7 @@ var ReactiveList = {
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
+          count: _this2.currentPageState * size + index + 1,
           triggerClickAnalytics: function triggerClickAnalytics() {
             return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
           }

package/dist/es/index.js

@@ -30,8 +30,8 @@ import './Input-d1bb4868.js';
 import 'compute-scroll-into-view';
 import './Container-4383c6f0.js';
 import 'vue-highlight-words';
-import { i as install } from './install-39865f80.js';
-export { S as SearchBox, i as install } from './install-39865f80.js';
+import { i as install } from './install-d1a27419.js';
+export { S as SearchBox, i as install } from './install-d1a27419.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-fe389a2e.js';
 import './utils-3a32e13f.js';

package/dist/es/{install-39865f80.js → install-d1a27419.js}

@@ -552,10 +552,18 @@ var SearchBox = {
       this.onValueSelectedHandler('', causes.CLEAR_VALUE);
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
+      if (highlightedIndex === void 0) {
+        highlightedIndex = null;
+      }
+
       // if a suggestion was selected, delegate the handling to suggestion handler
-      if (event.key === 'Enter' && highlightedIndex === null) {
-        this.setValue(event.target.value, true);
-        this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
+      if (event.key === 'Enter') {
+        if (this.$props.autosuggest === false) {
+          this.enterButtonOnClick();
+        } else if (highlightedIndex === null) {
+          this.setValue(event.target.value, true);
+          this.onValueSelectedHandler(event.target.value, causes.ENTER_PRESS);
+        }
       } // Need to review
 
 
@@ -727,6 +735,13 @@ var SearchBox = {
 
       return null;
     },
+    enterButtonOnClick: function enterButtonOnClick() {
+      this.triggerQuery({
+        isOpen: false,
+        value: this.currentValue,
+        customQuery: true
+      });
+    },
     renderEnterButtonElement: function renderEnterButtonElement() {
       var _this4 = this;
 
@@ -736,18 +751,10 @@ var SearchBox = {
           innerClass = _this$$props4.innerClass;
       var renderEnterButton = this.$scopedSlots.renderEnterButton;
 
-      var enterButtonOnClick = function enterButtonOnClick() {
-        return _this4.triggerQuery({
-          isOpen: false,
-          value: _this4.currentValue,
-          customQuery: true
-        });
-      };
-
       if (enterButton) {
         var getEnterButtonMarkup = function getEnterButtonMarkup() {
           if (renderEnterButton) {
-            return renderEnterButton(enterButtonOnClick);
+            return renderEnterButton(_this4.enterButtonOnClick);
           }
 
           return h(Button, {
@@ -756,7 +763,7 @@ var SearchBox = {
               "primary": true
             },
             "on": {
-              "click": enterButtonOnClick
+              "click": _this4.enterButtonOnClick
             }
           }, ["Search"]);
         };
@@ -1059,11 +1066,7 @@ var SearchBox = {
         focus: function focus(e) {
           _this7.$emit('focus', e, _this7.triggerQuery);
         },
-        keydown: function keydown(e) {
-          _this7.$emit('keyDown', e, _this7.triggerQuery);
-
-          _this7.$emit('key-down', e, _this7.triggerQuery);
-        },
+        keydown: this.handleKeyDown,
         keyup: function keyup(e) {
           _this7.$emit('keyUp', e, _this7.triggerQuery);
 

package/dist/es/install.js

@@ -30,7 +30,7 @@ import './Input-d1bb4868.js';
 import 'compute-scroll-into-view';
 import './Container-4383c6f0.js';
 import 'vue-highlight-words';
-export { i as default } from './install-39865f80.js';
+export { i as default } from './install-d1a27419.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-fe389a2e.js';
 import './utils-3a32e13f.js';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.16.0-alpha.51";
+var version = "1.16.0-alpha.52";
 
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.16.0-alpha.51",
+	"version": "1.16.0-alpha.52",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,7 +34,7 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/reactivecore": "9.14.6",
+		"@appbaseio/reactivecore": "9.14.7",
 		"@appbaseio/vue-emotion": "0.4.4",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
 		"appbase-js": "^5.0.0",
@@ -65,10 +65,10 @@
 		"@babel/preset-stage-2": "^7.0.0",
 		"@vue/babel-preset-jsx": "^1.1.0",
 		"@vue/compiler-sfc": "^3.0.11",
+		"eslint": "^4.12.0",
 		"eslint-config-airbnb-base": "^13.1.0",
 		"eslint-config-prettier": "^3.1.0",
 		"eslint-plugin-vue": "^4.7.1",
-		"eslint": "^4.12.0",
 		"nps": "^5.9.3",
 		"nps-utils": "^1.7.0",
 		"postcss": "^8.3.0",