@appbaseio/reactivesearch-vue 1.33.10 → 1.33.11

package/dist/cjs/{ReactiveComponent-f51e4519.js → ReactiveComponentPrivate-e84b6f9e.js}

@@ -18,7 +18,7 @@ var ComponentWrapper = require('./ComponentWrapper-f89a5972.js');
 var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
 var Title = require('./Title-16042ea0.js');
 var hotkeys = _interopDefault(require('hotkeys-js'));
-var DataSearch = require('./DataSearch-57d44eca.js');
+var Tags = require('./Tags-0559dec7.js');
 var CancelSvg = require('./CancelSvg-220a7cc3.js');
 var Input = require('./Input-ead4cd84.js');
 var Container = require('./Container-e699ea95.js');
@@ -27,6 +27,7 @@ var MultiList = require('./MultiList.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
+var ReactiveComponent = require('./ReactiveComponent.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 var SingleRange = require('./SingleRange.js');
 var MultiRange = require('./MultiRange.js');
@@ -666,7 +667,7 @@ var SearchBox = {
     renderIcon: function renderIcon() {
       var h = this.$createElement;
       if (this.$props.showIcon) {
-        return this.$props.icon || h(DataSearch.SearchSvg);
+        return this.$props.icon || h(Tags.SearchSvg);
       }
       return null;
     },
@@ -674,7 +675,7 @@ var SearchBox = {
       var h = this.$createElement;
       var renderError = this.$scopedSlots.renderError || this.$props.renderError;
       if (this.error && renderError && this.$data.currentValue && !this.isLoading) {
-        return h(DataSearch.SuggestionWrapper, {
+        return h(Tags.SuggestionWrapper, {
           "attrs": {
             "innerClass": this.$props.innerClass,
             "innerClassName": "error",
@@ -706,7 +707,7 @@ var SearchBox = {
         isOpen = _this$$data.isOpen,
         currentValue = _this$$data.currentValue;
       if (renderNoSuggestion && isOpen && !finalSuggestionsList.length && !this.isLoading && currentValue && !(renderError && this.error)) {
-        return h(DataSearch.SuggestionWrapper, {
+        return h(Tags.SuggestionWrapper, {
           "attrs": {
             "innerClass": innerClass,
             "themePreset": this.themePreset,
@@ -726,7 +727,7 @@ var SearchBox = {
       var h = this.$createElement;
       var addonBefore = this.$scopedSlots.addonBefore;
       if (addonBefore) {
-        return h(DataSearch.InputAddon, {
+        return h(Tags.InputAddon, {
           "class": "addon-before"
         }, [addonBefore()]);
       }
@@ -736,7 +737,7 @@ var SearchBox = {
       var h = this.$createElement;
       var addonAfter = this.$scopedSlots.addonAfter;
       if (addonAfter) {
-        return h(DataSearch.InputAddon, {
+        return h(Tags.InputAddon, {
           "class": "addon-after"
         }, [addonAfter()]);
       }
@@ -801,7 +802,7 @@ var SearchBox = {
           "showIcon": showIcon,
           "isClearIcon": true
         }
-      }, [this.renderCancelIcon()]), showVoiceSearch && h(DataSearch.Mic, {
+      }, [this.renderCancelIcon()]), showVoiceSearch && h(Tags.Mic, {
         "attrs": {
           "getInstance": getMicInstance,
           "render": renderMic,
@@ -889,7 +890,7 @@ var SearchBox = {
       var _this7 = this;
       var h = this.$createElement;
       var innerClass = this.$props.innerClass;
-      return h(DataSearch.TagItem, {
+      return h(Tags.TagItem, {
         "class": getClassName(innerClass, 'selected-tag') || ''
       }, [h("span", [item]), h("span", {
         "attrs": {
@@ -933,9 +934,9 @@ var SearchBox = {
         values: this.selectedTags,
         handleClear: this.clearTag,
         handleClearAll: this.clearAllTags
-      }) : h(DataSearch.TagsContainer, [tagsList.map(function (item) {
+      }) : h(Tags.TagsContainer, [tagsList.map(function (item) {
         return _this8.renderTag(item);
-      }), shouldRenderClearAllTag && h(DataSearch.TagItem, {
+      }), shouldRenderClearAllTag && h(Tags.TagItem, {
         "class": getClassName(this.$props.innerClass, 'selected-tag') || ''
       }, [h("span", ["Clear All"]), h("span", {
         "attrs": {
@@ -1030,13 +1031,13 @@ var SearchBox = {
                   padding: '0 10px 0 0',
                   display: 'flex'
                 }
-              }, [h(DataSearch.CustomSvg, {
+              }, [h(Tags.CustomSvg, {
                 "attrs": {
                   "className": getClassName(_this9.$props.innerClass, item._suggestion_type + "-search-icon") || null,
                   "icon": getIcon(item._suggestion_type),
                   "type": item._suggestion_type + "-search-icon"
                 }
-              })]), h(DataSearch.SuggestionItem, {
+              })]), h(Tags.SuggestionItem, {
                 "attrs": {
                   "currentValue": _this9.currentValue,
                   "suggestion": item
@@ -1046,7 +1047,7 @@ var SearchBox = {
           };
           return h("div", {
             "class": Input.suggestionsContainer
-          }, [h(DataSearch.InputGroup, [_this9.renderInputAddonBefore(), h(CancelSvg.InputWrapper, [h(Input.Input, {
+          }, [h(Tags.InputGroup, [_this9.renderInputAddonBefore(), h(CancelSvg.InputWrapper, [h(Input.Input, {
             "attrs": {
               "id": _this9.$props.componentId + "-input",
               "showIcon": _this9.$props.showIcon,
@@ -1088,7 +1089,7 @@ var SearchBox = {
       }
     }) : h("div", {
       "class": Input.suggestionsContainer
-    }, [h(DataSearch.InputGroup, [this.renderInputAddonBefore(), h(CancelSvg.InputWrapper, [h(Input.Input, {
+    }, [h(Tags.InputGroup, [this.renderInputAddonBefore(), h(CancelSvg.InputWrapper, [h(Input.Input, {
       "class": getClassName(this.$props.innerClass, 'input') || '',
       "attrs": {
         "placeholder": this.$props.placeholder,
@@ -1261,304 +1262,14 @@ SBConnected.install = function (Vue) {
 // Add componentType for SSR
 SBConnected.componentType = constants.componentTypes.searchBox;
 
-var _excluded = ["options"];
-var updateQuery$1 = configureStore.Actions.updateQuery,
-  setQueryOptions = configureStore.Actions.setQueryOptions,
-  setCustomQuery$1 = configureStore.Actions.setCustomQuery,
-  setDefaultQuery$1 = configureStore.Actions.setDefaultQuery;
-var parseHits = configureStore.helper.parseHits,
-  isEqual$1 = configureStore.helper.isEqual,
-  getCompositeAggsQuery$1 = configureStore.helper.getCompositeAggsQuery,
-  getResultStats$1 = configureStore.helper.getResultStats,
-  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
-var ReactiveComponent = {
-  name: 'ReactiveComponent',
-  props: {
-    componentId: vueTypes.types.stringRequired,
-    aggregationField: vueTypes.types.string,
-    aggregationSize: VueTypes.number,
-    size: VueTypes.number,
-    defaultQuery: vueTypes.types.func,
-    customQuery: vueTypes.types.func,
-    filterLabel: vueTypes.types.string,
-    react: vueTypes.types.react,
-    showFilter: VueTypes.bool.def(true),
-    URLParams: VueTypes.bool.def(false),
-    distinctField: vueTypes.types.string,
-    distinctFieldConfig: vueTypes.types.props,
-    index: VueTypes.string,
-    endpoint: vueTypes.types.endpointConfig
-  },
-  created: function created() {
-    var _this = this;
-    var props = this.$props;
-    this.internalComponent = null;
-    this.$defaultQuery = null;
-    // Set custom query in store
-    index.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$1 = 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$1) {
-      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, _rollupPluginBabelHelpers._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 = _rollupPluginBabelHelpers._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 = _rollupPluginBabelHelpers._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, _rollupPluginBabelHelpers._extends({}, _this.getAggsQuery(), options), false);
-      }
-      _this.updateQuery(_rollupPluginBabelHelpers._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) {
-      index.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, _rollupPluginBabelHelpers._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 && !index.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, _rollupPluginBabelHelpers._extends({}, queryOptions, this.getAggsQuery()), false);
-        } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false);
-        // Update default query for RS API
-        index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
-        this.updateQuery({
-          componentId: this.internalComponent,
-          query: query
-        });
-      }
-    },
-    customQuery: function customQuery(newVal, oldVal) {
-      if (newVal && !index.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, _rollupPluginBabelHelpers._extends({}, queryOptions, this.getAggsQuery()), false);
-        } else this.setQueryOptions(componentId, this.getAggsQuery(), false);
-
-        // Update custom query for RS API
-        index.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 = _rollupPluginBabelHelpers._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.ComponentWrapper(index.connect(mapStateToProps$1, mapDispatchtoProps)(ReactiveComponent), {
-  componentType: constants.componentTypes.reactiveComponent
-});
 var RcConnected = PreferencesConsumer.PreferencesConsumer({
   name: 'RcConnected',
   render: function render(h) {
-    var component = ConnectedComponent;
+    var component = ReactiveComponent.default;
     switch (this.$attrs.componentType) {
       case constants.componentTypes.reactiveList:
         component = ReactiveList.RLConnected;
         break;
-      case constants.componentTypes.dataSearch:
-        component = DataSearch.DSConnected;
-        break;
       case constants.componentTypes.searchBox:
         component = SBConnected;
         break;
@@ -1604,13 +1315,13 @@ var RcConnected = PreferencesConsumer.PreferencesConsumer({
     });
   }
 });
-RcConnected.name = ReactiveComponent.name;
-RcConnected.hasInternalComponent = ReactiveComponent.hasInternalComponent;
+RcConnected.name = 'ReactiveComponentPrivate';
+RcConnected.hasInternalComponent = ReactiveComponent.default.hasInternalComponent;
 // Add componentType for SSR
 RcConnected.componentType = constants.componentTypes.reactiveComponent;
 RcConnected.install = function (Vue) {
   Vue.component(RcConnected.name, RcConnected);
 };
 
-exports.ReactiveComponent = RcConnected;
+exports.ReactiveComponentPrivate = RcConnected;
 exports.SearchBox = SBConnected;

package/dist/cjs/ReactiveComponentPrivate.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@appbaseio/reactivecore');
+require('@appbaseio/reactivecore/lib/utils/constants');
+require('./_rollupPluginBabelHelpers-f8b843f8.js');
+require('vue-types');
+require('@appbaseio/reactivecore/lib/utils/helper');
+require('emotion');
+require('@appbaseio/vue-emotion');
+require('polished');
+require('./Button-841fd06d.js');
+require('./vueTypes-7cfc2f98.js');
+require('./Pagination-07f4dbad.js');
+require('./ReactiveList.js');
+require('@appbaseio/reactivecore/lib/utils/transform');
+require('redux');
+require('./index-30126fd0.js');
+require('./ComponentWrapper-f89a5972.js');
+require('./PreferencesConsumer-5d67b486.js');
+require('@vue/babel-helper-vue-jsx-merge-props');
+require('./Title-16042ea0.js');
+require('./ListItem-5088bd6a.js');
+require('./Card-240f283d.js');
+require('./Flex-ddd7cb6b.js');
+require('hotkeys-js');
+require('./Tags-0559dec7.js');
+require('./CancelSvg-220a7cc3.js');
+require('./Input-ead4cd84.js');
+require('compute-scroll-into-view');
+require('./Container-e699ea95.js');
+require('vue-highlight-words');
+var ReactiveComponentPrivate = require('./ReactiveComponentPrivate-e84b6f9e.js');
+require('@appbaseio/reactivecore/lib/utils/suggestions');
+require('./FormControlList-bbb5cd24.js');
+require('./utils-83fd01e9.js');
+require('./SingleList.js');
+require('./MultiList.js');
+require('./DropDown-8984b544.js');
+require('./SingleDropdownList.js');
+require('./MultiDropdownList.js');
+require('./ToggleButton.js');
+require('./ReactiveComponent.js');
+require('vue-no-ssr');
+require('./ssr-f2fc1bf6.js');
+require('./DynamicRangeSlider.js');
+require('./SingleRange.js');
+require('./MultiRange.js');
+require('./RangeSlider.js');
+require('./RangeInput.js');
+
+
+
+exports.default = ReactiveComponentPrivate.ReactiveComponentPrivate;