@appbaseio/reactivesearch-vue 1.34.0-alpha.1 → 1.34.0

package/dist/es/{ReactiveComponent-9352370c.js → ReactiveComponentPrivate-6f16e1b7.js}

@@ -1,18 +1,18 @@
 import { Actions, helper, causes } from '@appbaseio/reactivecore';
 import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { _ as _taggedTemplateLiteralLoose, a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import VueTypes from 'vue-types';
 import { getQueryOptions, suggestionTypes } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
 import { B as Button } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-66ebc93e.js';
 import { RLConnected } from './ReactiveList.js';
-import { n as decodeHtml, h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { n as decodeHtml, h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-5509c0bc.js';
+import { C as ComponentWrapper } from './ComponentWrapper-edaeaceb.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-86a676c8.js';
 import { T as Title } from './Title-863dfa42.js';
 import hotkeys from 'hotkeys-js';
-import { S as SearchSvg, b as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, c as TagsContainer, d as InputGroup, C as CustomSvg, e as SuggestionItem, D as DSConnected } from './DataSearch-dcaa106b.js';
+import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, b as TagsContainer, c as InputGroup, C as CustomSvg, d as SuggestionItem } from './Tags-1c2d6c4d.js';
 import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-e40552a5.js';
 import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-c09c0b56.js';
 import { C as Container } from './Container-d00219f7.js';
@@ -21,6 +21,7 @@ import { ListConnected as ListConnected$2 } from './MultiList.js';
 import { ListConnected as ListConnected$1 } from './SingleDropdownList.js';
 import { ListConnected } from './MultiDropdownList.js';
 import { TBConnected } from './ToggleButton.js';
+import ReactiveComponent from './ReactiveComponent.js';
 import { RangeConnected as RangeConnected$4 } from './DynamicRangeSlider.js';
 import { RangeConnected as RangeConnected$3 } from './SingleRange.js';
 import { RangeConnected as RangeConnected$2 } from './MultiRange.js';
@@ -267,7 +268,6 @@ var SearchBox = {
           // selected value is cleared, call onValueSelected
           this.onValueSelectedHandler('', causes.CLEAR_VALUE);
         }
-        // if (this.$props.value === undefined) {
         if (this.$options.isTagsMode) {
           // handling reset of tags through SelectedFilters or URL
           this.selectedTags = [];
@@ -277,7 +277,6 @@ var SearchBox = {
           cause = causes.SUGGESTION_SELECT;
         }
         this.setValue(newVal || '', true, this.$props, cause);
-        // }
       }
     },
     focusShortcuts: function focusShortcuts() {
@@ -420,8 +419,7 @@ var SearchBox = {
             if (typeof value === 'string' && !!value) {
               _this.selectedTags.push(value);
             } else if (Array.isArray(value) && !isEqual(_this.selectedTags, value)) {
-              var mergedArray = Array.from(new Set([].concat(_this.selectedTags, value)));
-              _this.selectedTags = mergedArray;
+              _this.selectedTags = value;
             }
           } else if (value) {
             _this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
@@ -1123,6 +1121,9 @@ var SearchBox = {
     document.removeEventListener('keydown', this.onKeyDown);
   }
 };
+SearchBox.hasInternalComponent = function () {
+  return true;
+};
 SearchBox.defaultQuery = function (value, props) {
   var finalQuery = null;
   var fields = normalizeDataField(props.dataField, props.fieldWeights);
@@ -1246,310 +1247,23 @@ var SBConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps,
   internalComponent: true
 }));
 SBConnected.name = SearchBox.name;
+SBConnected.defaultQuery = SearchBox.defaultQuery;
+SBConnected.shouldQuery = SearchBox.shouldQuery;
+SBConnected.hasInternalComponent = SearchBox.hasInternalComponent;
 SBConnected.install = function (Vue) {
   Vue.component(SBConnected.name, SBConnected);
 };
 // Add componentType for SSR
 SBConnected.componentType = componentTypes.searchBox;
 
-var _excluded = ["options"];
-var updateQuery$1 = Actions.updateQuery,
-  setQueryOptions = Actions.setQueryOptions,
-  setCustomQuery$1 = Actions.setCustomQuery,
-  setDefaultQuery$1 = Actions.setDefaultQuery;
-var parseHits = helper.parseHits,
-  isEqual$1 = helper.isEqual,
-  getCompositeAggsQuery$1 = helper.getCompositeAggsQuery,
-  getResultStats$1 = helper.getResultStats,
-  extractQueryFromCustomQuery = helper.extractQueryFromCustomQuery,
-  getOptionsForCustomQuery = helper.getOptionsForCustomQuery;
-var ReactiveComponent = {
-  name: 'ReactiveComponent',
-  props: {
-    componentId: types.stringRequired,
-    aggregationField: types.string,
-    aggregationSize: VueTypes.number,
-    size: VueTypes.number,
-    defaultQuery: types.func,
-    customQuery: types.func,
-    filterLabel: types.string,
-    react: types.react,
-    showFilter: VueTypes.bool.def(true),
-    URLParams: VueTypes.bool.def(false),
-    distinctField: types.string,
-    distinctFieldConfig: types.props,
-    index: VueTypes.string,
-    endpoint: types.endpointConfig
-  },
-  created: function created() {
-    var _this = this;
-    var props = this.$props;
-    this.internalComponent = null;
-    this.$defaultQuery = null;
-    // Set custom query in store
-    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
-    var customQuery = props.customQuery,
-      componentId = props.componentId,
-      filterLabel = props.filterLabel,
-      showFilter = props.showFilter,
-      URLParams = props.URLParams,
-      distinctField = props.distinctField,
-      distinctFieldConfig = props.distinctFieldConfig,
-      index = props.index;
-    if (this.enableAppbase && this.aggregationField && this.aggregationField !== '') {
-      console.warn('Warning(ReactiveSearch): The `aggregationField` prop has been marked as deprecated, please use the `distinctField` prop instead.');
-    }
-    if (!this.enableAppbase && (distinctField || distinctFieldConfig)) {
-      console.warn('Warning(ReactiveSearch): In order to use the `distinctField` and `distinctFieldConfig` props, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-    }
-    if (!this.enableAppbase && index) {
-      console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-    }
-    if (customQuery) {
-      var calcCustomQuery = customQuery(this.selectedValue, props);
-      var query = extractQueryFromCustomQuery(calcCustomQuery);
-      var customQueryOptions = calcCustomQuery ? getOptionsForCustomQuery(calcCustomQuery) : null;
-      if (customQueryOptions) {
-        this.setQueryOptions(componentId, _extends({}, customQueryOptions, this.getAggsQuery()), false);
-      } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
-      this.updateQuery({
-        componentId: componentId,
-        query: query,
-        value: this.selectedValue || null,
-        label: filterLabel,
-        showFilter: showFilter,
-        URLParams: URLParams
-      });
-    }
-    this.setQuery = function (_ref) {
-      var options = _ref.options,
-        obj = _objectWithoutPropertiesLoose(_ref, _excluded);
-      var queryToBeSet = obj.query;
-
-      // when enableAppbase is true, Backend throws error because of repeated query in request body
-      if (queryToBeSet && queryToBeSet.query) {
-        queryToBeSet = queryToBeSet.query;
-      }
-      var customQueryCalc = _extends({}, options, {
-        query: queryToBeSet
-      });
-      var rsAPIQuery = customQueryCalc;
-      // handle stored queries
-      if (queryToBeSet && queryToBeSet.id) {
-        rsAPIQuery = queryToBeSet;
-      }
-      // Update customQuery field for RS API
-      _this.setCustomQuery(props.componentId, rsAPIQuery);
-      if (options) {
-        _this.setQueryOptions(props.componentId, _extends({}, _this.getAggsQuery(), options), false);
-      }
-      _this.updateQuery(_extends({}, obj, {
-        query: customQueryCalc.query,
-        componentId: props.componentId,
-        label: props.filterLabel,
-        showFilter: props.showFilter,
-        URLParams: props.URLParams
-      }));
-    };
-    if (props.defaultQuery) {
-      this.internalComponent = props.componentId + "__internal";
-    }
-    if (this.internalComponent && this.$props.defaultQuery) {
-      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
-      this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
-      var _query = extractQueryFromCustomQuery(this.$defaultQuery);
-      var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
-      if (queryOptions) {
-        this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
-      } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
-      this.updateQuery({
-        componentId: this.internalComponent,
-        query: _query
-      });
-    }
-  },
-  watch: {
-    hits: function hits(newVal, oldVal) {
-      if (!isEqual$1(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    rawData: function rawData(newVal, oldVal) {
-      if (!isEqual$1(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    aggregations: function aggregations(newVal, oldVal) {
-      if (!isEqual$1(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    aggregationData: function aggregationData(newVal, oldVal) {
-      if (!isEqual$1(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    promotedResults: function promotedResults(newVal, oldVal) {
-      if (!isEqual$1(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    hidden: function hidden(newVal, oldVal) {
-      if (!isEqual$1(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    total: function total(newVal, oldVal) {
-      if (!isEqual$1(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    time: function time(newVal, oldVal) {
-      if (!isEqual$1(newVal, oldVal)) {
-        this.$emit('data', this.getData());
-      }
-    },
-    defaultQuery: function defaultQuery(newVal, oldVal) {
-      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
-        this.$defaultQuery = newVal(this.selectedValue, this.$props);
-        var query = extractQueryFromCustomQuery(this.$defaultQuery);
-        var queryOptions = getOptionsForCustomQuery(this.$defaultQuery);
-        if (queryOptions) {
-          this.setQueryOptions(this.internalComponent, _extends({}, queryOptions, this.getAggsQuery()), false);
-        } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
-        // Update default query for RS API
-        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
-        this.updateQuery({
-          componentId: this.internalComponent,
-          query: query
-        });
-      }
-    },
-    customQuery: function customQuery(newVal, oldVal) {
-      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
-        var componentId = this.$props.componentId;
-        this.$customQuery = newVal(this.selectedValue, this.$props);
-        var query = extractQueryFromCustomQuery(this.$customQuery);
-        var queryOptions = getOptionsForCustomQuery(this.$customQuery);
-        if (queryOptions) {
-          this.setQueryOptions(componentId, _extends({}, queryOptions, this.getAggsQuery()), false);
-        } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
-
-        // Update custom query for RS API
-        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
-        this.updateQuery({
-          componentId: componentId,
-          query: query
-        });
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    try {
-      var dom = this.$scopedSlots["default"];
-      var error = this.error,
-        isLoading = this.isLoading,
-        selectedValue = this.selectedValue;
-      var propsToBePassed = _extends({
-        error: error,
-        loading: isLoading
-      }, this.getData(), {
-        value: selectedValue,
-        setQuery: this.setQuery
-      });
-      return h("div", [dom(propsToBePassed)]);
-    } catch (e) {
-      return null;
-    }
-  },
-  methods: {
-    getAggsQuery: function getAggsQuery() {
-      if (this.aggregationField) {
-        return {
-          aggs: getCompositeAggsQuery$1({
-            props: this.$props,
-            showTopHits: true,
-            value: this.selectedValue
-          }).aggs
-        };
-      }
-      return {};
-    },
-    getData: function getData() {
-      var hits = this.hits,
-        aggregations = this.aggregations,
-        aggregationData = this.aggregationData,
-        promotedResults = this.promotedResults,
-        rawData = this.rawData;
-      var filteredResults = parseHits(hits);
-      if (promotedResults.length) {
-        var ids = promotedResults.map(function (item) {
-          return item._id;
-        }).filter(Boolean);
-        if (ids) {
-          filteredResults = filteredResults.filter(function (item) {
-            return !ids.includes(item._id);
-          });
-        }
-        filteredResults = [].concat(promotedResults, filteredResults);
-      }
-      return {
-        data: filteredResults,
-        aggregationData: aggregationData,
-        rawData: rawData,
-        aggregations: aggregations,
-        promotedData: promotedResults,
-        resultStats: this.stats
-      };
-    }
-  },
-  computed: {
-    stats: function stats() {
-      return getResultStats$1(this);
-    }
-  }
-};
-ReactiveComponent.hasInternalComponent = function (props) {
-  return !!props.defaultQuery;
-};
-var mapStateToProps$1 = function mapStateToProps(state, props) {
-  return {
-    aggregations: state.aggregations[props.componentId] && state.aggregations[props.componentId] || null,
-    aggregationData: state.compositeAggregations[props.componentId] || [],
-    hits: state.hits[props.componentId] && state.hits[props.componentId].hits || [],
-    rawData: state.rawData[props.componentId],
-    error: state.error[props.componentId],
-    isLoading: state.isLoading[props.componentId],
-    selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    promotedResults: state.promotedResults[props.componentId] || [],
-    time: state.hits[props.componentId] && state.hits[props.componentId].time || 0,
-    total: state.hits[props.componentId] && state.hits[props.componentId].total,
-    hidden: state.hits[props.componentId] && state.hits[props.componentId].hidden,
-    componentProps: state.props[props.componentId],
-    enableAppbase: state.config.enableAppbase
-  };
-};
-var mapDispatchtoProps = {
-  setQueryOptions: setQueryOptions,
-  updateQuery: updateQuery$1,
-  setCustomQuery: setCustomQuery$1,
-  setDefaultQuery: setDefaultQuery$1
-};
-var ConnectedComponent = ComponentWrapper(connect(mapStateToProps$1, mapDispatchtoProps)(ReactiveComponent), {
-  componentType: componentTypes.reactiveComponent
-});
 var RcConnected = PreferencesConsumer({
   name: 'RcConnected',
   render: function render(h) {
-    var component = ConnectedComponent;
+    var component = ReactiveComponent;
     switch (this.$attrs.componentType) {
       case componentTypes.reactiveList:
         component = RLConnected;
         break;
-      case componentTypes.dataSearch:
-        component = DSConnected;
-        break;
       case componentTypes.searchBox:
         component = SBConnected;
         break;
@@ -1595,12 +1309,12 @@ var RcConnected = PreferencesConsumer({
     });
   }
 });
-RcConnected.name = ReactiveComponent.name;
+RcConnected.name = 'ReactiveComponentPrivate';
+RcConnected.hasInternalComponent = ReactiveComponent.hasInternalComponent;
+// Add componentType for SSR
+RcConnected.componentType = componentTypes.reactiveComponent;
 RcConnected.install = function (Vue) {
   Vue.component(RcConnected.name, RcConnected);
 };
 
-// Add componentType for SSR
-RcConnected.componentType = componentTypes.reactiveComponent;
-
 export { RcConnected as R, SBConnected as S };

package/dist/es/ReactiveComponentPrivate.js

@@ -0,0 +1,47 @@
+import '@appbaseio/reactivecore';
+import '@appbaseio/reactivecore/lib/utils/constants';
+import './_rollupPluginBabelHelpers-ded08042.js';
+import 'vue-types';
+import '@appbaseio/reactivecore/lib/utils/helper';
+import 'emotion';
+import '@appbaseio/vue-emotion';
+import 'polished';
+import './Button-153cd885.js';
+import './vueTypes-66ebc93e.js';
+import './Pagination-edeb7dbe.js';
+import './ReactiveList.js';
+import '@appbaseio/reactivecore/lib/utils/transform';
+import 'redux';
+import './index-5509c0bc.js';
+import './ComponentWrapper-edaeaceb.js';
+import './PreferencesConsumer-86a676c8.js';
+import '@vue/babel-helper-vue-jsx-merge-props';
+import './Title-863dfa42.js';
+import './ListItem-07888a65.js';
+import './Card-19ad6d90.js';
+import './Flex-7c177a10.js';
+import 'hotkeys-js';
+import './Tags-1c2d6c4d.js';
+import './CancelSvg-e40552a5.js';
+import './Input-c09c0b56.js';
+import 'compute-scroll-into-view';
+import './Container-d00219f7.js';
+import 'vue-highlight-words';
+export { R as default } from './ReactiveComponentPrivate-6f16e1b7.js';
+import '@appbaseio/reactivecore/lib/utils/suggestions';
+import './FormControlList-99797d0a.js';
+import './utils-9e5a16a1.js';
+import './SingleList.js';
+import './MultiList.js';
+import './DropDown-2c0dd714.js';
+import './SingleDropdownList.js';
+import './MultiDropdownList.js';
+import './ToggleButton.js';
+import './ReactiveComponent.js';
+import 'vue-no-ssr';
+import './ssr-03607d84.js';
+import './DynamicRangeSlider.js';
+import './SingleRange.js';
+import './MultiRange.js';
+import './RangeSlider.js';
+import './RangeInput.js';