@appbaseio/reactivesearch-vue 3.0.0-rc.14 → 3.0.0-rc.16

package/dist/cjs/index.js

@@ -34,7 +34,7 @@ var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
 require('remarkable');
 require('xss');
-var install = require('./install-a446da53.js');
+var install = require('./install-aa32f65f.js');
 require('./DropDown-e8216602.js');
 require('./Input-3ecdb905.js');
 require('compute-scroll-into-view');

package/dist/cjs/{install-a446da53.js → install-aa32f65f.js}

@@ -1113,7 +1113,6 @@ var SearchBox = vue.defineComponent({
       selectedTags: [],
       isOpen: false,
       normalizedSuggestions: [],
-      parsedSuggestions: [],
       showAIScreen: false,
       showAIScreenFooter: false,
       showFeedbackComponent: false,
@@ -1158,6 +1157,34 @@ var SearchBox = vue.defineComponent({
     },
     stats: function stats() {
       return getResultStats(this);
+    },
+    parsedSuggestions: function parsedSuggestions() {
+      var suggestionsArray = [];
+      if (Array.isArray(this.suggestions) && this.suggestions.length) {
+        suggestionsArray = [].concat(withClickIds(this.suggestions));
+      }
+      suggestionsArray = suggestionsArray.map(function (s) {
+        if (s.sectionId) {
+          return s;
+        }
+        return _rollupPluginBabelHelpers._extends({}, s, {
+          sectionId: s._suggestion_type
+        });
+      });
+      var sectionsAccumulated = [];
+      var sectionisedSuggestions = suggestionsArray.reduce(function (acc, d, currentIndex) {
+        if (sectionsAccumulated.includes(d.sectionId)) return acc;
+        if (d.sectionId) {
+          acc[currentIndex] = suggestionsArray.filter(function (g) {
+            return g.sectionId === d.sectionId;
+          });
+          sectionsAccumulated.push(d.sectionId);
+        } else {
+          acc[currentIndex] = d;
+        }
+        return acc;
+      }, {});
+      return Object.values(sectionisedSuggestions);
     }
   },
   props: {
@@ -1296,28 +1323,6 @@ var SearchBox = vue.defineComponent({
         suggestionsList = [].concat(withClickIds(this.$props.defaultSuggestions));
       }
       this.normalizedSuggestions = suggestionsList;
-      suggestionsList = suggestionsList.map(function (s) {
-        if (s.sectionId) {
-          return s;
-        }
-        return _rollupPluginBabelHelpers._extends({}, s, {
-          sectionId: s._suggestion_type
-        });
-      });
-      var sectionsAccumulated = [];
-      var sectionisedSuggestions = suggestionsList.reduce(function (acc, d, currentIndex) {
-        if (sectionsAccumulated.includes(d.sectionId)) return acc;
-        if (d.sectionId) {
-          acc[currentIndex] = suggestionsList.filter(function (g) {
-            return g.sectionId === d.sectionId;
-          });
-          sectionsAccumulated.push(d.sectionId);
-        } else {
-          acc[currentIndex] = d;
-        }
-        return acc;
-      }, {});
-      this.parsedSuggestions = Object.values(sectionisedSuggestions);
       this.handleTextAreaHeightChange();
     },
     selectedValue: function selectedValue(newVal, oldVal) {
@@ -1334,11 +1339,7 @@ var SearchBox = vue.defineComponent({
         if (this.$options.isTagsMode) {
           cause = reactivecore.causes.SUGGESTION_SELECT;
         }
-        if (this.$props.value === undefined) {
-          this.setValue(newVal, newVal === '', this.$props, cause, false);
-        } else {
-          this.setValue(newVal || '', true, this.$props, cause);
-        }
+        this.setValue(newVal || '', true, this.$props, cause);
       }
     },
     focusShortcuts: function focusShortcuts() {
@@ -1621,9 +1622,7 @@ var SearchBox = vue.defineComponent({
     handleVoiceResults: function handleVoiceResults(_ref) {
       var results = _ref.results;
       if (results && results[0] && results[0].isFinal && results[0][0] && results[0][0].transcript && results[0][0].transcript.trim()) {
-        var _this$$refs2, _this$$refs2$this$$pr, _this$$refs2$this$$pr2;
         this.setValue(results[0][0].transcript.trim(), true);
-        (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$this$$pr = _this$$refs2[this.$props.innerRef]) == null ? void 0 : (_this$$refs2$this$$pr2 = _this$$refs2$this$$pr.$el) == null ? void 0 : _this$$refs2$this$$pr2.focus(); // eslint-disable-line
       }
     },
     triggerQuery: function triggerQuery(_ref2) {
@@ -1663,8 +1662,6 @@ var SearchBox = vue.defineComponent({
     clearValue: function clearValue() {
       this.setValue('', false, this.$props, !this.$options.isTagsMode ? reactivecore.causes.CLEAR_VALUE : undefined, false);
       this.onValueSelectedHandler('', !this.$options.isTagsMode ? reactivecore.causes.CLEAR_VALUE : undefined);
-      this.showAIScreen = false;
-      this.isOpen = false;
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
       if (highlightedIndex === void 0) {
@@ -1700,7 +1697,7 @@ var SearchBox = vue.defineComponent({
       }
       var value = this.$props.value;
       if (value === undefined) {
-        this.setValue(inputValue, inputValue === '', this.$props, undefined, false);
+        this.setValue(inputValue, false, this.$props, undefined);
       } else {
         this.$emit('change', inputValue, function (_ref3) {
           var isOpen = _ref3.isOpen;
@@ -1715,7 +1712,7 @@ var SearchBox = vue.defineComponent({
     },
     handleFeaturedSuggestionClicked: function handleFeaturedSuggestionClicked(suggestion) {
       try {
-        var _this$$refs3, _this$$refs3$this$$pr, _this$$refs3$this$$pr2;
+        var _this$$refs2;
         if (suggestion.action === helper.featuredSuggestionsActionTypes.NAVIGATE) {
           var _JSON$parse = JSON.parse(suggestion.subAction),
             _JSON$parse$target = _JSON$parse.target,
@@ -1734,7 +1731,7 @@ var SearchBox = vue.defineComponent({
           func(suggestion, this.$data.currentValue, this.$props.customEvents);
         }
         if (suggestion.action === helper.featuredSuggestionsActionTypes.SELECT) {
-          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? reactivecore.causes.SUGGESTION_SELECT : reactivecore.causes.ENTER_PRESS, false);
+          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? reactivecore.causes.SUGGESTION_SELECT : reactivecore.causes.ENTER_PRESS);
           this.onValueSelectedHandler(suggestion.value, reactivecore.causes.SUGGESTION_SELECT);
         }
         // blur is important to close the dropdown
@@ -1742,7 +1739,7 @@ var SearchBox = vue.defineComponent({
         // else Downshift probably is focusing the dropdown
         // and not letting it close
         // eslint-disable-next-line no-unused-expressions
-        (_this$$refs3 = this.$refs) == null ? void 0 : (_this$$refs3$this$$pr = _this$$refs3[this.$props.innerRef]) == null ? void 0 : (_this$$refs3$this$$pr2 = _this$$refs3$this$$pr.$el) == null ? void 0 : _this$$refs3$this$$pr2.blur();
+        (_this$$refs2 = this.$refs) == null || (_this$$refs2 = _this$$refs2[this.$props.innerRef]) == null ? void 0 : _this$$refs2.blur();
       } catch (e) {
         console.error("Error: There was an error parsing the subAction for the featured suggestion with label, \"" + suggestion.label + "\"", e);
       }
@@ -2029,14 +2026,14 @@ var SearchBox = vue.defineComponent({
       })]);
     },
     focusSearchBox: function focusSearchBox(event) {
-      var _this$$refs4, _this$$refs4$this$$pr, _this$$refs4$this$$pr2;
+      var _this$$refs3;
       var elt = event.target || event.srcElement;
       var tagName = elt.tagName;
       if (elt.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA') {
         // already in an input
         return;
       }
-      (_this$$refs4 = this.$refs) == null ? void 0 : (_this$$refs4$this$$pr = _this$$refs4[this.$props.innerRef]) == null ? void 0 : (_this$$refs4$this$$pr2 = _this$$refs4$this$$pr.$el) == null ? void 0 : _this$$refs4$this$$pr2.focus(); // eslint-disable-line
+      (_this$$refs3 = this.$refs) == null || (_this$$refs3 = _this$$refs3[this.$props.innerRef]) == null || (_this$$refs3 = _this$$refs3.$el) == null ? void 0 : _this$$refs3.focus(); // eslint-disable-line
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
       var _this9 = this;
@@ -2469,7 +2466,7 @@ var SearchBox = vue.defineComponent({
                     }), _transformOn(getItemEvents({
                       item: sectionItem
                     })), {
-                      "key": sectionItem._id + "_" + index + "_" + sectionIndex,
+                      "key": index + sectionIndex,
                       "style": {
                         justifyContent: 'flex-start',
                         alignItems: 'center'
@@ -3092,9 +3089,9 @@ var AIAnswer = vue.defineComponent({
       return index.getComponent(data, this);
     },
     handleTextAreaHeightChange: function handleTextAreaHeightChange() {
-      var _this$$refs, _this$$refs$_inputRef, _this$$refs2, _this$$refs2$_inputWr, _this$$refs3;
-      var textArea = (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$_inputRef = _this$$refs[_inputRef]) == null ? void 0 : _this$$refs$_inputRef.$el;
-      var inputWrapper = (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$_inputWr = _this$$refs2[_inputWrapperRef]) == null ? void 0 : _this$$refs2$_inputWr.$el;
+      var _this$$refs, _this$$refs2, _this$$refs3;
+      var textArea = (_this$$refs = this.$refs) == null || (_this$$refs = _this$$refs[_inputRef]) == null ? void 0 : _this$$refs.$el;
+      var inputWrapper = (_this$$refs2 = this.$refs) == null || (_this$$refs2 = _this$$refs2[_inputWrapperRef]) == null ? void 0 : _this$$refs2.$el;
       var errorContainer = (_this$$refs3 = this.$refs) == null ? void 0 : _this$$refs3[_errorContainerRef];
       if (textArea) {
         textArea.style.height = '42px';
@@ -3994,7 +3991,7 @@ var TreeList = {
         }), _this4.renderSearch(), _this4.hasCustomRenderer ? _this4.getComponent() : vue.createVNode(HierarchicalMenuComponent, {
           "key": "initial-node",
           "listArray": transformedData,
-          "parentPath": true,
+          "parentPath": "",
           "isExpanded": true,
           "listItemProps": {
             mode: mode,

package/dist/cjs/install.js

@@ -34,7 +34,7 @@ require('./ReactiveBase.js');
 require('hotkeys-js');
 require('remarkable');
 require('xss');
-var install = require('./install-a446da53.js');
+var install = require('./install-aa32f65f.js');
 require('./DropDown-e8216602.js');
 require('./Input-3ecdb905.js');
 require('compute-scroll-into-view');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-rc.14";
+var version = "3.0.0-rc.16";
 
 exports.default = version;

package/dist/es/index.js

@@ -30,8 +30,8 @@ export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
 import 'remarkable';
 import 'xss';
-import { i as install } from './install-97d87a4d.js';
-export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-97d87a4d.js';
+import { i as install } from './install-28637a98.js';
+export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-28637a98.js';
 import './DropDown-845623df.js';
 import './Input-83dee8c5.js';
 import 'compute-scroll-into-view';

package/dist/es/{install-97d87a4d.js → install-28637a98.js}

@@ -1109,7 +1109,6 @@ var SearchBox = defineComponent({
       selectedTags: [],
       isOpen: false,
       normalizedSuggestions: [],
-      parsedSuggestions: [],
       showAIScreen: false,
       showAIScreenFooter: false,
       showFeedbackComponent: false,
@@ -1154,6 +1153,34 @@ var SearchBox = defineComponent({
     },
     stats: function stats() {
       return getResultStats(this);
+    },
+    parsedSuggestions: function parsedSuggestions() {
+      var suggestionsArray = [];
+      if (Array.isArray(this.suggestions) && this.suggestions.length) {
+        suggestionsArray = [].concat(withClickIds(this.suggestions));
+      }
+      suggestionsArray = suggestionsArray.map(function (s) {
+        if (s.sectionId) {
+          return s;
+        }
+        return _extends({}, s, {
+          sectionId: s._suggestion_type
+        });
+      });
+      var sectionsAccumulated = [];
+      var sectionisedSuggestions = suggestionsArray.reduce(function (acc, d, currentIndex) {
+        if (sectionsAccumulated.includes(d.sectionId)) return acc;
+        if (d.sectionId) {
+          acc[currentIndex] = suggestionsArray.filter(function (g) {
+            return g.sectionId === d.sectionId;
+          });
+          sectionsAccumulated.push(d.sectionId);
+        } else {
+          acc[currentIndex] = d;
+        }
+        return acc;
+      }, {});
+      return Object.values(sectionisedSuggestions);
     }
   },
   props: {
@@ -1292,28 +1319,6 @@ var SearchBox = defineComponent({
         suggestionsList = [].concat(withClickIds(this.$props.defaultSuggestions));
       }
       this.normalizedSuggestions = suggestionsList;
-      suggestionsList = suggestionsList.map(function (s) {
-        if (s.sectionId) {
-          return s;
-        }
-        return _extends({}, s, {
-          sectionId: s._suggestion_type
-        });
-      });
-      var sectionsAccumulated = [];
-      var sectionisedSuggestions = suggestionsList.reduce(function (acc, d, currentIndex) {
-        if (sectionsAccumulated.includes(d.sectionId)) return acc;
-        if (d.sectionId) {
-          acc[currentIndex] = suggestionsList.filter(function (g) {
-            return g.sectionId === d.sectionId;
-          });
-          sectionsAccumulated.push(d.sectionId);
-        } else {
-          acc[currentIndex] = d;
-        }
-        return acc;
-      }, {});
-      this.parsedSuggestions = Object.values(sectionisedSuggestions);
       this.handleTextAreaHeightChange();
     },
     selectedValue: function selectedValue(newVal, oldVal) {
@@ -1330,11 +1335,7 @@ var SearchBox = defineComponent({
         if (this.$options.isTagsMode) {
           cause = causes.SUGGESTION_SELECT;
         }
-        if (this.$props.value === undefined) {
-          this.setValue(newVal, newVal === '', this.$props, cause, false);
-        } else {
-          this.setValue(newVal || '', true, this.$props, cause);
-        }
+        this.setValue(newVal || '', true, this.$props, cause);
       }
     },
     focusShortcuts: function focusShortcuts() {
@@ -1617,9 +1618,7 @@ var SearchBox = defineComponent({
     handleVoiceResults: function handleVoiceResults(_ref) {
       var results = _ref.results;
       if (results && results[0] && results[0].isFinal && results[0][0] && results[0][0].transcript && results[0][0].transcript.trim()) {
-        var _this$$refs2, _this$$refs2$this$$pr, _this$$refs2$this$$pr2;
         this.setValue(results[0][0].transcript.trim(), true);
-        (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$this$$pr = _this$$refs2[this.$props.innerRef]) == null ? void 0 : (_this$$refs2$this$$pr2 = _this$$refs2$this$$pr.$el) == null ? void 0 : _this$$refs2$this$$pr2.focus(); // eslint-disable-line
       }
     },
     triggerQuery: function triggerQuery(_ref2) {
@@ -1659,8 +1658,6 @@ var SearchBox = defineComponent({
     clearValue: function clearValue() {
       this.setValue('', false, this.$props, !this.$options.isTagsMode ? causes.CLEAR_VALUE : undefined, false);
       this.onValueSelectedHandler('', !this.$options.isTagsMode ? causes.CLEAR_VALUE : undefined);
-      this.showAIScreen = false;
-      this.isOpen = false;
     },
     handleKeyDown: function handleKeyDown(event, highlightedIndex) {
       if (highlightedIndex === void 0) {
@@ -1696,7 +1693,7 @@ var SearchBox = defineComponent({
       }
       var value = this.$props.value;
       if (value === undefined) {
-        this.setValue(inputValue, inputValue === '', this.$props, undefined, false);
+        this.setValue(inputValue, false, this.$props, undefined);
       } else {
         this.$emit('change', inputValue, function (_ref3) {
           var isOpen = _ref3.isOpen;
@@ -1711,7 +1708,7 @@ var SearchBox = defineComponent({
     },
     handleFeaturedSuggestionClicked: function handleFeaturedSuggestionClicked(suggestion) {
       try {
-        var _this$$refs3, _this$$refs3$this$$pr, _this$$refs3$this$$pr2;
+        var _this$$refs2;
         if (suggestion.action === featuredSuggestionsActionTypes.NAVIGATE) {
           var _JSON$parse = JSON.parse(suggestion.subAction),
             _JSON$parse$target = _JSON$parse.target,
@@ -1730,7 +1727,7 @@ var SearchBox = defineComponent({
           func(suggestion, this.$data.currentValue, this.$props.customEvents);
         }
         if (suggestion.action === featuredSuggestionsActionTypes.SELECT) {
-          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? causes.SUGGESTION_SELECT : causes.ENTER_PRESS, false);
+          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? causes.SUGGESTION_SELECT : causes.ENTER_PRESS);
           this.onValueSelectedHandler(suggestion.value, causes.SUGGESTION_SELECT);
         }
         // blur is important to close the dropdown
@@ -1738,7 +1735,7 @@ var SearchBox = defineComponent({
         // else Downshift probably is focusing the dropdown
         // and not letting it close
         // eslint-disable-next-line no-unused-expressions
-        (_this$$refs3 = this.$refs) == null ? void 0 : (_this$$refs3$this$$pr = _this$$refs3[this.$props.innerRef]) == null ? void 0 : (_this$$refs3$this$$pr2 = _this$$refs3$this$$pr.$el) == null ? void 0 : _this$$refs3$this$$pr2.blur();
+        (_this$$refs2 = this.$refs) == null || (_this$$refs2 = _this$$refs2[this.$props.innerRef]) == null ? void 0 : _this$$refs2.blur();
       } catch (e) {
         console.error("Error: There was an error parsing the subAction for the featured suggestion with label, \"" + suggestion.label + "\"", e);
       }
@@ -2025,14 +2022,14 @@ var SearchBox = defineComponent({
       })]);
     },
     focusSearchBox: function focusSearchBox(event) {
-      var _this$$refs4, _this$$refs4$this$$pr, _this$$refs4$this$$pr2;
+      var _this$$refs3;
       var elt = event.target || event.srcElement;
       var tagName = elt.tagName;
       if (elt.isContentEditable || tagName === 'INPUT' || tagName === 'SELECT' || tagName === 'TEXTAREA') {
         // already in an input
         return;
       }
-      (_this$$refs4 = this.$refs) == null ? void 0 : (_this$$refs4$this$$pr = _this$$refs4[this.$props.innerRef]) == null ? void 0 : (_this$$refs4$this$$pr2 = _this$$refs4$this$$pr.$el) == null ? void 0 : _this$$refs4$this$$pr2.focus(); // eslint-disable-line
+      (_this$$refs3 = this.$refs) == null || (_this$$refs3 = _this$$refs3[this.$props.innerRef]) == null || (_this$$refs3 = _this$$refs3.$el) == null ? void 0 : _this$$refs3.focus(); // eslint-disable-line
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
       var _this9 = this;
@@ -2465,7 +2462,7 @@ var SearchBox = defineComponent({
                     }), _transformOn(getItemEvents({
                       item: sectionItem
                     })), {
-                      "key": sectionItem._id + "_" + index + "_" + sectionIndex,
+                      "key": index + sectionIndex,
                       "style": {
                         justifyContent: 'flex-start',
                         alignItems: 'center'
@@ -3088,9 +3085,9 @@ var AIAnswer = defineComponent({
       return getComponent(data, this);
     },
     handleTextAreaHeightChange: function handleTextAreaHeightChange() {
-      var _this$$refs, _this$$refs$_inputRef, _this$$refs2, _this$$refs2$_inputWr, _this$$refs3;
-      var textArea = (_this$$refs = this.$refs) == null ? void 0 : (_this$$refs$_inputRef = _this$$refs[_inputRef]) == null ? void 0 : _this$$refs$_inputRef.$el;
-      var inputWrapper = (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$_inputWr = _this$$refs2[_inputWrapperRef]) == null ? void 0 : _this$$refs2$_inputWr.$el;
+      var _this$$refs, _this$$refs2, _this$$refs3;
+      var textArea = (_this$$refs = this.$refs) == null || (_this$$refs = _this$$refs[_inputRef]) == null ? void 0 : _this$$refs.$el;
+      var inputWrapper = (_this$$refs2 = this.$refs) == null || (_this$$refs2 = _this$$refs2[_inputWrapperRef]) == null ? void 0 : _this$$refs2.$el;
       var errorContainer = (_this$$refs3 = this.$refs) == null ? void 0 : _this$$refs3[_errorContainerRef];
       if (textArea) {
         textArea.style.height = '42px';
@@ -3990,7 +3987,7 @@ var TreeList = {
         }), _this4.renderSearch(), _this4.hasCustomRenderer ? _this4.getComponent() : createVNode(HierarchicalMenuComponent, {
           "key": "initial-node",
           "listArray": transformedData,
-          "parentPath": true,
+          "parentPath": "",
           "isExpanded": true,
           "listItemProps": {
             mode: mode,

package/dist/es/install.js

@@ -30,7 +30,7 @@ import './ReactiveBase.js';
 import 'hotkeys-js';
 import 'remarkable';
 import 'xss';
-export { i as default } from './install-97d87a4d.js';
+export { i as default } from './install-28637a98.js';
 import './DropDown-845623df.js';
 import './Input-83dee8c5.js';
 import 'compute-scroll-into-view';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "3.0.0-rc.14";
+var version = "3.0.0-rc.16";
 
 export default version;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "3.0.0-rc.14",
+	"version": "3.0.0-rc.16",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -36,7 +36,7 @@
 	"sideEffects": false,
 	"dependencies": {
 		"@appbaseio/analytics": "^1.2.0-alpha.1",
-		"@appbaseio/reactivecore": "10.0.0-alpha.28",
+		"@appbaseio/reactivecore": "10.0.0-alpha.30",
 		"@appbaseio/vue-emotion": "0.6.0-alpha.6",
 		"@emotion/css": "^11.10.5",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",