@appbaseio/reactivesearch-vue 1.16.0-alpha.28 → 1.16.0-alpha.29

package/dist/@appbaseio/reactivesearch-vue.umd.js

@@ -6049,6 +6049,76 @@
 	var misc_19 = misc.setAppliedSettings;
 	var misc_20 = misc.setQueryListener;
 
+	var hits = createCommonjsModule(function (module, exports) {
+	  Object.defineProperty(exports, "__esModule", {
+	    value: true
+	  });
+	  exports.updateAggs = updateAggs;
+	  exports.updateCompositeAggs = updateCompositeAggs;
+	  exports.updateHits = updateHits;
+	  exports.saveQueryToHits = saveQueryToHits;
+	  exports.mockDataForTesting = mockDataForTesting;
+
+	  function updateAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
+	    };
+	  }
+
+	  function updateCompositeAggs(component, aggregations) {
+	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+	    return {
+	      type: constants.UPDATE_COMPOSITE_AGGS,
+	      component: component,
+	      aggregations: aggregations,
+	      append: append
+	    };
+	  }
+
+	  function updateHits(component, hits, time, hidden) {
+	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+	    return {
+	      type: constants.UPDATE_HITS,
+	      component: component,
+	      hits: hits.hits,
+	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
+	      hidden: hidden,
+	      time: time,
+	      append: append
+	    };
+	  }
+
+	  function saveQueryToHits(component, query) {
+	    return {
+	      type: constants.SET_QUERY_TO_HITS,
+	      component: component,
+	      query: query
+	    };
+	  }
+
+	  function mockDataForTesting(component, data) {
+	    return function (dispatch) {
+	      if (data.hasOwnProperty('aggregations')) {
+	        dispatch(updateAggs(component, data.aggregations));
+	      }
+
+	      if (data.hasOwnProperty('hits')) {
+	        dispatch(updateHits(component, data, data.time || undefined));
+	      }
+	    };
+	  }
+	});
+	unwrapExports(hits);
+	var hits_1 = hits.updateAggs;
+	var hits_2 = hits.updateCompositeAggs;
+	var hits_3 = hits.updateHits;
+	var hits_4 = hits.saveQueryToHits;
+	var hits_5 = hits.mockDataForTesting;
+
 	var xdate = createCommonjsModule(function (module) {
 	  /**
 	   * @preserve XDate v@VERSION
@@ -7349,79 +7419,6 @@
 	var transform_13 = transform.componentToTypeMap;
 	var transform_14 = transform.flatReactProp;
 
-	var hits = createCommonjsModule(function (module, exports) {
-	  Object.defineProperty(exports, "__esModule", {
-	    value: true
-	  });
-	  exports.updateAggs = updateAggs;
-	  exports.updateCompositeAggs = updateCompositeAggs;
-	  exports.updateHits = updateHits;
-	  exports.saveQueryToHits = saveQueryToHits;
-	  exports.mockDataForTesting = mockDataForTesting;
-
-	  function updateAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-
-	  function updateCompositeAggs(component, aggregations) {
-	    var append = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-	    return {
-	      type: constants.UPDATE_COMPOSITE_AGGS,
-	      component: component,
-	      aggregations: aggregations,
-	      append: append
-	    };
-	  }
-
-	  function updateHits(component, hits, time, hidden) {
-	    var append = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-	    return {
-	      type: constants.UPDATE_HITS,
-	      component: component,
-	      hits: hits.hits,
-	      total: typeof hits.total === 'object' ? hits.total.value : hits.total,
-	      hidden: hidden,
-	      time: time,
-	      append: append
-	    };
-	  }
-
-	  function saveQueryToHits(component, query) {
-	    return {
-	      type: constants.SET_QUERY_TO_HITS,
-	      component: component,
-	      query: query
-	    };
-	  }
-
-	  function mockDataForTesting(component, data) {
-	    return function (dispatch, getState) {
-	      var _getState = getState(),
-	          props = _getState.props;
-
-	      var componentProps = props[component];
-
-	      if (transform.componentToTypeMap[componentProps.componentType] === 'term') {
-	        dispatch(updateAggs(component, data));
-	      } else {
-	        dispatch(updateHits(component, data));
-	      }
-	    };
-	  }
-	});
-	unwrapExports(hits);
-	var hits_1 = hits.updateAggs;
-	var hits_2 = hits.updateCompositeAggs;
-	var hits_3 = hits.updateHits;
-	var hits_4 = hits.saveQueryToHits;
-	var hits_5 = hits.mockDataForTesting;
-
 	var utils = createCommonjsModule(function (module, exports) {
 	  Object.defineProperty(exports, "__esModule", {
 	    value: true
@@ -22218,7 +22215,9 @@
 	    single: VueTypes.bool,
 	    small: VueTypes.bool.def(false),
 	    themePreset: types.themePreset,
-	    showSearch: VueTypes.bool
+	    showSearch: VueTypes.bool,
+	    showClear: VueTypes.bool,
+	    searchPlaceholder: VueTypes.string.def('Type here to search...')
 	  },
 	  render: function render() {
 	    var _this = this;
@@ -22292,23 +22291,7 @@
 	            getItemEvents: getItemEvents
 	          }) : isOpen && itemsToRender.length ? h("ul", {
 	            "class": suggestions$1(themePreset, _this.theme) + " " + (_this.$props.small ? 'small' : '') + " " + getClassName$6(_this.$props.innerClass, 'list')
-	          }, [_this.$props.showSearch ? h(Input, {
-	            "attrs": {
-	              "id": _this.$props.componentId + "-input",
-	              "showIcon": false,
-	              "placeholder": "Type here to search...",
-	              "value": _this.$data.searchTerm,
-	              "themePreset": themePreset
-	            },
-	            "style": {
-	              border: 0,
-	              borderBottom: '1px solid #ddd'
-	            },
-	            "class": getClassName$6(_this.$props.innerClass, 'input'),
-	            "on": {
-	              "change": _this.handleInputChange
-	            }
-	          }) : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
+	          }, [_this.$props.showSearch ? _this.renderSearchbox() : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
 	            var selected = _this.$props.multi // MultiDropdownList
 	            && (selectedItem && !!selectedItem[item[keyField]] // MultiDropdownRange
 	            || Array.isArray(selectedItem) && selectedItem.find(function (value) {
@@ -22361,6 +22344,7 @@
 
 	      if (!this.$props.multi) {
 	        this.isOpen = false;
+	        this.searchTerm = '';
 	      }
 	    },
 	    handleStateChange: function handleStateChange(_ref2) {
@@ -22384,6 +22368,9 @@
 	      var value = e.target.value;
 	      this.searchTerm = value;
 	    },
+	    clearSearchTerm: function clearSearchTerm() {
+	      this.searchTerm = '';
+	    },
 	    renderToString: function renderToString(value) {
 	      var _this2 = this;
 
@@ -22424,6 +22411,51 @@
 	      return h("p", {
 	        "class": getClassName$6(this.$props.innerClass, 'noResults') || null
 	      }, [isFunction$1(renderNoResults) ? renderNoResults() : renderNoResults]);
+	    },
+	    renderSearchbox: function renderSearchbox() {
+	      var h = this.$createElement;
+	      var _this$$props2 = this.$props,
+	          componentId = _this$$props2.componentId,
+	          searchPlaceholder = _this$$props2.searchPlaceholder,
+	          showClear = _this$$props2.showClear,
+	          themePreset = _this$$props2.themePreset,
+	          innerClass = _this$$props2.innerClass;
+	      var InputComponent = h(Input, {
+	        "attrs": {
+	          "id": componentId + "-input",
+	          "showIcon": false,
+	          "showClear": showClear,
+	          "placeholder": searchPlaceholder,
+	          "value": this.$data.searchTerm,
+	          "themePreset": themePreset
+	        },
+	        "style": {
+	          border: 0,
+	          borderBottom: '1px solid #ddd'
+	        },
+	        "class": getClassName$6(innerClass, 'input'),
+	        "on": {
+	          "change": this.handleInputChange
+	        }
+	      });
+
+	      if (showClear) {
+	        return h(InputWrapper, [InputComponent, this.searchTerm && h(IconGroup, {
+	          "attrs": {
+	            "groupPosition": "right",
+	            "positionType": "absolute"
+	          }
+	        }, [h(IconWrapper, {
+	          "on": {
+	            "click": this.clearSearchTerm
+	          },
+	          "attrs": {
+	            "isClearIcon": true
+	          }
+	        }, [h(CancelSvg)])])]);
+	      }
+
+	      return InputComponent;
 	    }
 	  }
 	};
@@ -22482,10 +22514,12 @@
 	    showMissing: VueTypes.bool.def(false),
 	    missingLabel: VueTypes.string.def('N/A'),
 	    showSearch: VueTypes.bool.def(false),
+	    showClear: VueTypes.bool.def(false),
 	    showLoadMore: VueTypes.bool.def(false),
 	    loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
 	    nestedField: types.string,
-	    index: VueTypes.string
+	    index: VueTypes.string,
+	    searchPlaceholder: VueTypes.string.def('Type here to search...')
 	  },
 	  created: function created() {
 	    if (!this.enableAppbase && this.$props.index) {
@@ -22639,6 +22673,8 @@
 	        "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
 	        "themePreset": this.themePreset,
 	        "showSearch": this.$props.showSearch,
+	        "showClear": this.$props.showClear,
+	        "searchPlaceholder": this.$props.searchPlaceholder,
 	        "transformData": this.$props.transformData,
 	        "footer": showLoadMore && !isLastBucket && h("div", {
 	          "attrs": {
@@ -22931,10 +22967,12 @@
 	    showMissing: VueTypes.bool.def(false),
 	    missingLabel: VueTypes.string.def('N/A'),
 	    showSearch: VueTypes.bool.def(false),
+	    showClear: VueTypes.bool.def(false),
 	    showLoadMore: VueTypes.bool.def(false),
 	    loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
 	    nestedField: types.string,
-	    index: VueTypes.string
+	    index: VueTypes.string,
+	    searchPlaceholder: VueTypes.string.def('Type here to search...')
 	  },
 	  created: function created() {
 	    if (!this.enableAppbase && this.$props.index) {
@@ -23062,7 +23100,9 @@
 	    if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
 	      if (renderNoResults && isFunction$1(renderNoResults)) {
 	        return h("div", [renderNoResults()]);
-	      } else if (renderNoResults && !isFunction$1(renderNoResults)) {
+	      }
+
+	      if (renderNoResults && !isFunction$1(renderNoResults)) {
 	        return renderNoResults;
 	      }
 
@@ -23101,6 +23141,8 @@
 	        "renderItem": renderItemCalc,
 	        "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
 	        "showSearch": this.$props.showSearch,
+	        "showClear": this.$props.showClear,
+	        "searchPlaceholder": this.$props.searchPlaceholder,
 	        "transformData": this.$props.transformData,
 	        "footer": showLoadMore && !isLastBucket && h("div", {
 	          "attrs": {
@@ -25811,6 +25853,10 @@
 	var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
 
 	var filterProps = function filterProps(props) {
+	  if (props === void 0) {
+	    props = {};
+	  }
+
 	  return _extends({}, props, {
 	    props: props.componentProps
 	  });
@@ -25830,7 +25876,7 @@
 	    return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
 	  }
 
-	  if (componentIds instanceof Array) {
+	  if (Array.isArray(componentIds)) {
 	    var filteredState = {};
 	    componentIds.forEach(function (componentId) {
 	      filteredState[componentId] = state[componentId];
@@ -25869,7 +25915,7 @@
 	    };
 	    return this.__state;
 	  },
-	  mounted: function mounted() {
+	  created: function created() {
 	    this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
 	  },
 	  computed: {
@@ -33235,7 +33281,7 @@
 	  });
 	}
 
-	var version = "1.16.0-alpha.28";
+	var version = "1.16.0-alpha.29";
 
 	var _templateObject$o, _templateObject2$b;