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

package/dist/cjs/{DropDown-a91c0a02.js → DropDown-e8216602.js}

@@ -10,7 +10,7 @@ var VueTypes = _interopDefault(require('vue-types'));
 var vueEmotion = require('@appbaseio/vue-emotion');
 var vueTypes = require('./vueTypes-0dba0df2.js');
 var index = require('./index-1f41363f.js');
-var Input = require('./Input-c11c95f2.js');
+var Input = require('./Input-3ecdb905.js');
 var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 

package/dist/cjs/{Input-c11c95f2.js → Input-3ecdb905.js}

@@ -73,7 +73,7 @@ var suggestionsContainer = css.css(_templateObject6 || (_templateObject6 = _roll
 var noSuggestions = function noSuggestions(themePreset, theme) {
   return css.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
 };
-var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n\t", "\n"])), function (props) {
+var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n"])), function (props) {
   return input(props.searchBox);
 }, function (_ref4) {
   var themePreset = _ref4.themePreset,
@@ -85,9 +85,6 @@ var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObjec
   return props.alert && alertBorder;
 }, function (props) {
   return props.isOpen && "\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t";
-}, function (_ref5) {
-  var aiAnswer = _ref5.aiAnswer;
-  return aiAnswer && "\n\t\tpadding-left: 35px;\n\t";
 });
 var Actions = vueEmotion.styled('div')(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n"])));
 

package/dist/cjs/MultiDropdownList.js

@@ -22,8 +22,8 @@ var index = require('./index-1f41363f.js');
 var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-a91c0a02.js');
-require('./Input-c11c95f2.js');
+var DropDown = require('./DropDown-e8216602.js');
+require('./Input-3ecdb905.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/MultiList.js

@@ -19,7 +19,7 @@ var index = require('./index-1f41363f.js');
 var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-c11c95f2.js');
+var Input = require('./Input-3ecdb905.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');

package/dist/cjs/RangeInput.js

@@ -21,7 +21,7 @@ var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 require('./Title-8802a218.js');
 var Flex = require('./Flex-ddde6d26.js');
-var Input = require('./Input-c11c95f2.js');
+var Input = require('./Input-3ecdb905.js');
 var Container = require('./Container-29f049b2.js');
 require('vue-slider-component');
 require('vue-slider-component/theme/antd.css');

package/dist/cjs/SingleDropdownList.js

@@ -22,8 +22,8 @@ var index = require('./index-1f41363f.js');
 var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var DropDown = require('./DropDown-a91c0a02.js');
-require('./Input-c11c95f2.js');
+var DropDown = require('./DropDown-e8216602.js');
+require('./Input-3ecdb905.js');
 require('compute-scroll-into-view');
 var Container = require('./Container-29f049b2.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');

package/dist/cjs/SingleList.js

@@ -19,7 +19,7 @@ var index = require('./index-1f41363f.js');
 var ComponentWrapper = require('./ComponentWrapper-0334c14b.js');
 var PreferencesConsumer = require('./PreferencesConsumer-7bee3c57.js');
 var Title = require('./Title-8802a218.js');
-var Input = require('./Input-c11c95f2.js');
+var Input = require('./Input-3ecdb905.js');
 var Container = require('./Container-29f049b2.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-fadd792f.js');

package/dist/cjs/index.js

@@ -34,9 +34,9 @@ var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
 require('remarkable');
 require('xss');
-var install = require('./install-ff7ba0d5.js');
-require('./DropDown-a91c0a02.js');
-require('./Input-c11c95f2.js');
+var install = require('./install-a446da53.js');
+require('./DropDown-e8216602.js');
+require('./Input-3ecdb905.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');

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

@@ -27,8 +27,8 @@ var ReactiveBase = require('./ReactiveBase.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
 var remarkable = require('remarkable');
 var xss = _interopDefault(require('xss'));
-var DropDown = require('./DropDown-a91c0a02.js');
-var Input = require('./Input-c11c95f2.js');
+var DropDown = require('./DropDown-e8216602.js');
+var Input = require('./Input-3ecdb905.js');
 var Container = require('./Container-29f049b2.js');
 var Highlight = _interopDefault(require('vue-highlight-words'));
 var query = require('@appbaseio/reactivecore/lib/actions/query');
@@ -866,7 +866,7 @@ var Message = vueEmotion.styled('div')(_templateObject7 || (_templateObject7 = _
   return resetCSS(props);
 });
 var MessageInputContainer = vueEmotion.styled('form')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tpadding-top: 12px;\n\talign-items: stretch;\n\tmargin-top: 10px;\n\t.ai-enter-button-wrapper {\n\t\talign-self: baseline;\n\t\theight: 41px;\n\t}\n"])));
-var MessageInput = vueEmotion.styled(Input.TextArea)(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n"])), function (props) {
+var MessageInput = vueEmotion.styled(Input.TextArea)(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n\tpadding-left: 35px;\n"])), function (props) {
   return props.themePreset === 'dark' ? props.theme.colors.borderColor : '#fff';
 }, function (props) {
   return props.themePreset === 'dark' ? props.theme.colors.titleColor : props.theme.colors.textColor;
@@ -1113,6 +1113,7 @@ var SearchBox = vue.defineComponent({
       selectedTags: [],
       isOpen: false,
       normalizedSuggestions: [],
+      parsedSuggestions: [],
       showAIScreen: false,
       showAIScreenFooter: false,
       showFeedbackComponent: false,
@@ -1157,34 +1158,6 @@ 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: {
@@ -1323,6 +1296,28 @@ 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) {
@@ -1339,7 +1334,11 @@ var SearchBox = vue.defineComponent({
         if (this.$options.isTagsMode) {
           cause = reactivecore.causes.SUGGESTION_SELECT;
         }
-        this.setValue(newVal || '', true, this.$props, cause);
+        if (this.$props.value === undefined) {
+          this.setValue(newVal, newVal === '', this.$props, cause, false);
+        } else {
+          this.setValue(newVal || '', true, this.$props, cause);
+        }
       }
     },
     focusShortcuts: function focusShortcuts() {
@@ -1622,7 +1621,9 @@ 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) {
@@ -1662,6 +1663,8 @@ 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) {
@@ -1697,7 +1700,7 @@ var SearchBox = vue.defineComponent({
       }
       var value = this.$props.value;
       if (value === undefined) {
-        this.setValue(inputValue, false, this.$props, undefined);
+        this.setValue(inputValue, inputValue === '', this.$props, undefined, false);
       } else {
         this.$emit('change', inputValue, function (_ref3) {
           var isOpen = _ref3.isOpen;
@@ -1712,7 +1715,7 @@ var SearchBox = vue.defineComponent({
     },
     handleFeaturedSuggestionClicked: function handleFeaturedSuggestionClicked(suggestion) {
       try {
-        var _this$$refs2, _this$$refs2$this$$pr;
+        var _this$$refs3, _this$$refs3$this$$pr, _this$$refs3$this$$pr2;
         if (suggestion.action === helper.featuredSuggestionsActionTypes.NAVIGATE) {
           var _JSON$parse = JSON.parse(suggestion.subAction),
             _JSON$parse$target = _JSON$parse.target,
@@ -1731,7 +1734,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);
+          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? reactivecore.causes.SUGGESTION_SELECT : reactivecore.causes.ENTER_PRESS, false);
           this.onValueSelectedHandler(suggestion.value, reactivecore.causes.SUGGESTION_SELECT);
         }
         // blur is important to close the dropdown
@@ -1739,7 +1742,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$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$this$$pr = _this$$refs2[this.$props.innerRef]) == null ? void 0 : _this$$refs2$this$$pr.blur();
+        (_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();
       } catch (e) {
         console.error("Error: There was an error parsing the subAction for the featured suggestion with label, \"" + suggestion.label + "\"", e);
       }
@@ -2026,14 +2029,14 @@ var SearchBox = vue.defineComponent({
       })]);
     },
     focusSearchBox: function focusSearchBox(event) {
-      var _this$$refs3, _this$$refs3$this$$pr, _this$$refs3$this$$pr2;
+      var _this$$refs4, _this$$refs4$this$$pr, _this$$refs4$this$$pr2;
       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$$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.focus(); // eslint-disable-line
+      (_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
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
       var _this9 = this;
@@ -2466,7 +2469,7 @@ var SearchBox = vue.defineComponent({
                     }), _transformOn(getItemEvents({
                       item: sectionItem
                     })), {
-                      "key": index + sectionIndex,
+                      "key": sectionItem._id + "_" + index + "_" + sectionIndex,
                       "style": {
                         justifyContent: 'flex-start',
                         alignItems: 'center'
@@ -3991,7 +3994,7 @@ var TreeList = {
         }), _this4.renderSearch(), _this4.hasCustomRenderer ? _this4.getComponent() : vue.createVNode(HierarchicalMenuComponent, {
           "key": "initial-node",
           "listArray": transformedData,
-          "parentPath": "",
+          "parentPath": true,
           "isExpanded": true,
           "listItemProps": {
             mode: mode,

package/dist/cjs/install.js

@@ -34,9 +34,9 @@ require('./ReactiveBase.js');
 require('hotkeys-js');
 require('remarkable');
 require('xss');
-var install = require('./install-ff7ba0d5.js');
-require('./DropDown-a91c0a02.js');
-require('./Input-c11c95f2.js');
+var install = require('./install-a446da53.js');
+require('./DropDown-e8216602.js');
+require('./Input-3ecdb905.js');
 require('compute-scroll-into-view');
 require('./Container-29f049b2.js');
 require('vue-highlight-words');

package/dist/cjs/version.js

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

package/dist/es/{DropDown-cea5e6a5.js → DropDown-845623df.js}

@@ -6,7 +6,7 @@ import VueTypes from 'vue-types';
 import { styled } from '@appbaseio/vue-emotion';
 import { t as types } from './vueTypes-409296a9.js';
 import { a as isFunction } from './index-104f1dfb.js';
-import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-a464bdd0.js';
+import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-83dee8c5.js';
 import computeScrollIntoView from 'compute-scroll-into-view';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 

package/dist/es/{Input-a464bdd0.js → Input-83dee8c5.js}

@@ -71,7 +71,7 @@ var suggestionsContainer = css(_templateObject6 || (_templateObject6 = _taggedTe
 var noSuggestions = function noSuggestions(themePreset, theme) {
   return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
 };
-var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n\t", "\n"])), function (props) {
+var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\tpadding-left: 0;\n\tpadding-right: 0;\n"])), function (props) {
   return input(props.searchBox);
 }, function (_ref4) {
   var themePreset = _ref4.themePreset,
@@ -83,9 +83,6 @@ var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _tagge
   return props.alert && alertBorder;
 }, function (props) {
   return props.isOpen && "\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t";
-}, function (_ref5) {
-  var aiAnswer = _ref5.aiAnswer;
-  return aiAnswer && "\n\t\tpadding-left: 35px;\n\t";
 });
 var Actions = styled('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n"])));
 

package/dist/es/MultiDropdownList.js

@@ -16,8 +16,8 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { c as Dropdown } from './DropDown-cea5e6a5.js';
-import './Input-a464bdd0.js';
+import { c as Dropdown } from './DropDown-845623df.js';
+import './Input-83dee8c5.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';

package/dist/es/MultiList.js

@@ -13,7 +13,7 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { I as Input } from './Input-a464bdd0.js';
+import { I as Input } from './Input-83dee8c5.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, C as Checkbox } from './FormControlList-fe6eaee4.js';

package/dist/es/RangeInput.js

@@ -15,7 +15,7 @@ import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import './Title-863dfa42.js';
 import { F as Flex } from './Flex-25792bc3.js';
-import { I as Input } from './Input-a464bdd0.js';
+import { I as Input } from './Input-83dee8c5.js';
 import { C as Container } from './Container-d00219f7.js';
 import 'vue-slider-component';
 import 'vue-slider-component/theme/antd.css';

package/dist/es/SingleDropdownList.js

@@ -16,8 +16,8 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { c as Dropdown } from './DropDown-cea5e6a5.js';
-import './Input-a464bdd0.js';
+import { c as Dropdown } from './DropDown-845623df.js';
+import './Input-83dee8c5.js';
 import 'compute-scroll-into-view';
 import { C as Container } from './Container-d00219f7.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';

package/dist/es/SingleList.js

@@ -13,7 +13,7 @@ import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical,
 import { C as ComponentWrapper } from './ComponentWrapper-46d04344.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-0856ed43.js';
 import { T as Title } from './Title-863dfa42.js';
-import { I as Input } from './Input-a464bdd0.js';
+import { I as Input } from './Input-83dee8c5.js';
 import { C as Container } from './Container-d00219f7.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, R as Radio } from './FormControlList-fe6eaee4.js';

package/dist/es/index.js

@@ -30,10 +30,10 @@ export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
 import 'remarkable';
 import 'xss';
-import { i as install } from './install-d47a93aa.js';
-export { A as AIAnswer, R as ReactiveComponentPrivate, S as SearchBox, T as TreeList, i as install } from './install-d47a93aa.js';
-import './DropDown-cea5e6a5.js';
-import './Input-a464bdd0.js';
+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 './DropDown-845623df.js';
+import './Input-83dee8c5.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';

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

@@ -23,8 +23,8 @@ import ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
 import { Remarkable } from 'remarkable';
 import xss from 'xss';
-import { I as IconWrapper, C as CancelSvg, a as IconGroup, B as ButtonIconWrapper, D as Downshift, b as InputWrapper } from './DropDown-cea5e6a5.js';
-import { n as noSuggestions, T as TextArea, I as Input, s as suggestionsContainer, A as Actions$1, a as suggestions, b as searchboxSuggestions } from './Input-a464bdd0.js';
+import { I as IconWrapper, C as CancelSvg, a as IconGroup, B as ButtonIconWrapper, D as Downshift, b as InputWrapper } from './DropDown-845623df.js';
+import { n as noSuggestions, T as TextArea, I as Input, s as suggestionsContainer, A as Actions$1, a as suggestions, b as searchboxSuggestions } from './Input-83dee8c5.js';
 import { C as Container } from './Container-d00219f7.js';
 import Highlight from 'vue-highlight-words';
 import { fetchAIResponse, createAISession } from '@appbaseio/reactivecore/lib/actions/query';
@@ -862,7 +862,7 @@ var Message = styled('div')(_templateObject7 || (_templateObject7 = _taggedTempl
   return resetCSS(props);
 });
 var MessageInputContainer = styled('form')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tpadding-top: 12px;\n\talign-items: stretch;\n\tmargin-top: 10px;\n\t.ai-enter-button-wrapper {\n\t\talign-self: baseline;\n\t\theight: 41px;\n\t}\n"])));
-var MessageInput = styled(TextArea)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n"])), function (props) {
+var MessageInput = styled(TextArea)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\twidth: 100%;\n\tborder-radius: 5px;\n\tborder: 1px solid #ccc;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t::placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\t", "\n\tpadding-left: 35px;\n"])), function (props) {
   return props.themePreset === 'dark' ? props.theme.colors.borderColor : '#fff';
 }, function (props) {
   return props.themePreset === 'dark' ? props.theme.colors.titleColor : props.theme.colors.textColor;
@@ -1109,6 +1109,7 @@ var SearchBox = defineComponent({
       selectedTags: [],
       isOpen: false,
       normalizedSuggestions: [],
+      parsedSuggestions: [],
       showAIScreen: false,
       showAIScreenFooter: false,
       showFeedbackComponent: false,
@@ -1153,34 +1154,6 @@ 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: {
@@ -1319,6 +1292,28 @@ 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) {
@@ -1335,7 +1330,11 @@ var SearchBox = defineComponent({
         if (this.$options.isTagsMode) {
           cause = causes.SUGGESTION_SELECT;
         }
-        this.setValue(newVal || '', true, this.$props, cause);
+        if (this.$props.value === undefined) {
+          this.setValue(newVal, newVal === '', this.$props, cause, false);
+        } else {
+          this.setValue(newVal || '', true, this.$props, cause);
+        }
       }
     },
     focusShortcuts: function focusShortcuts() {
@@ -1618,7 +1617,9 @@ 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) {
@@ -1658,6 +1659,8 @@ 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) {
@@ -1693,7 +1696,7 @@ var SearchBox = defineComponent({
       }
       var value = this.$props.value;
       if (value === undefined) {
-        this.setValue(inputValue, false, this.$props, undefined);
+        this.setValue(inputValue, inputValue === '', this.$props, undefined, false);
       } else {
         this.$emit('change', inputValue, function (_ref3) {
           var isOpen = _ref3.isOpen;
@@ -1708,7 +1711,7 @@ var SearchBox = defineComponent({
     },
     handleFeaturedSuggestionClicked: function handleFeaturedSuggestionClicked(suggestion) {
       try {
-        var _this$$refs2, _this$$refs2$this$$pr;
+        var _this$$refs3, _this$$refs3$this$$pr, _this$$refs3$this$$pr2;
         if (suggestion.action === featuredSuggestionsActionTypes.NAVIGATE) {
           var _JSON$parse = JSON.parse(suggestion.subAction),
             _JSON$parse$target = _JSON$parse.target,
@@ -1727,7 +1730,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);
+          this.setValue(suggestion.value, true, this.$props, this.$options.isTagsMode.current ? causes.SUGGESTION_SELECT : causes.ENTER_PRESS, false);
           this.onValueSelectedHandler(suggestion.value, causes.SUGGESTION_SELECT);
         }
         // blur is important to close the dropdown
@@ -1735,7 +1738,7 @@ var SearchBox = defineComponent({
         // else Downshift probably is focusing the dropdown
         // and not letting it close
         // eslint-disable-next-line no-unused-expressions
-        (_this$$refs2 = this.$refs) == null ? void 0 : (_this$$refs2$this$$pr = _this$$refs2[this.$props.innerRef]) == null ? void 0 : _this$$refs2$this$$pr.blur();
+        (_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();
       } catch (e) {
         console.error("Error: There was an error parsing the subAction for the featured suggestion with label, \"" + suggestion.label + "\"", e);
       }
@@ -2022,14 +2025,14 @@ var SearchBox = defineComponent({
       })]);
     },
     focusSearchBox: function focusSearchBox(event) {
-      var _this$$refs3, _this$$refs3$this$$pr, _this$$refs3$this$$pr2;
+      var _this$$refs4, _this$$refs4$this$$pr, _this$$refs4$this$$pr2;
       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$$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.focus(); // eslint-disable-line
+      (_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
     },
     listenForFocusShortcuts: function listenForFocusShortcuts() {
       var _this9 = this;
@@ -2462,7 +2465,7 @@ var SearchBox = defineComponent({
                     }), _transformOn(getItemEvents({
                       item: sectionItem
                     })), {
-                      "key": index + sectionIndex,
+                      "key": sectionItem._id + "_" + index + "_" + sectionIndex,
                       "style": {
                         justifyContent: 'flex-start',
                         alignItems: 'center'
@@ -3987,7 +3990,7 @@ var TreeList = {
         }), _this4.renderSearch(), _this4.hasCustomRenderer ? _this4.getComponent() : createVNode(HierarchicalMenuComponent, {
           "key": "initial-node",
           "listArray": transformedData,
-          "parentPath": "",
+          "parentPath": true,
           "isExpanded": true,
           "listItemProps": {
             mode: mode,

package/dist/es/install.js

@@ -30,9 +30,9 @@ import './ReactiveBase.js';
 import 'hotkeys-js';
 import 'remarkable';
 import 'xss';
-export { i as default } from './install-d47a93aa.js';
-import './DropDown-cea5e6a5.js';
-import './Input-a464bdd0.js';
+export { i as default } from './install-97d87a4d.js';
+import './DropDown-845623df.js';
+import './Input-83dee8c5.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';

package/dist/es/version.js

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