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

package/dist/cjs/ToggleButton.js

@@ -13,12 +13,12 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-841fd06d.js');
-var vueTypes = require('./vueTypes-7cfc2f98.js');
+var vueTypes = require('./vueTypes-b7007f5f.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-30126fd0.js');
-var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
-var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
+var index = require('./index-de136c17.js');
+var ComponentWrapper = require('./ComponentWrapper-94c50228.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5e6e84a2.js');
 var Title = require('./Title-16042ea0.js');
 var Container = require('./Container-e699ea95.js');
 
@@ -310,6 +310,8 @@ var mapDispatchtoProps = {
 var TBConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
   componentType: constants.componentTypes.toggleButton
 }));
+TBConnected.parseValue = ToggleButton.parseValue;
+TBConnected.defaultQuery = ToggleButton.defaultQuery;
 TBConnected.name = ToggleButton.name;
 TBConnected.install = function (Vue) {
   Vue.component(TBConnected.name, TBConnected);

package/dist/cjs/{index-30126fd0.js → index-de136c17.js}

@@ -262,12 +262,14 @@ var getCamelCase = function getCamelCase(str) {
   if (str === void 0) {
     str = '';
   }
+  var propsWhichRequirePascalCase = ['u-r-l-params'];
   var arr = str.split('-');
   var capital = arr.map(function (item, index) {
     return index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item;
   });
   // ^-- change here.
   var capitalString = capital.join('');
+  if (propsWhichRequirePascalCase.includes(str)) capitalString = capitalString[0].toUpperCase() + capitalString.substring(1);
   return capitalString || '';
 };
 var isEmpty = function isEmpty(val) {

package/dist/cjs/index.js

@@ -11,14 +11,14 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-841fd06d.js');
-require('./vueTypes-7cfc2f98.js');
-require('./Pagination-07f4dbad.js');
+require('./vueTypes-b7007f5f.js');
+require('./Pagination-e56a5b79.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-30126fd0.js');
-require('./ComponentWrapper-9318cece.js');
-require('./PreferencesConsumer-5d67b486.js');
+require('./index-de136c17.js');
+require('./ComponentWrapper-94c50228.js');
+require('./PreferencesConsumer-5e6e84a2.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-16042ea0.js');
 require('./ListItem-5088bd6a.js');
@@ -30,22 +30,24 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-8ea2651a.js');
+require('./Tags-4ec43831.js');
 require('./CancelSvg-220a7cc3.js');
 require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');
 require('./Container-e699ea95.js');
 require('vue-highlight-words');
-var ReactiveComponent = require('./ReactiveComponent-0a354ed7.js');
+var DataSearch = require('./DataSearch.js');
+var ReactiveComponentPrivate = require('./ReactiveComponentPrivate-244c6055.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-bbb5cd24.js');
 require('./utils-83fd01e9.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-8984b544.js');
+require('./DropDown-7a52c661.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
+var ReactiveComponent = require('./ReactiveComponent.js');
 require('vue-no-ssr');
 require('./ssr-f2fc1bf6.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
@@ -89,14 +91,15 @@ Object.defineProperty(exports, 'componentTypes', {
 });
 exports.ReactiveList = ReactiveList.default;
 exports.ReactiveBase = ReactiveBase.default;
-exports.DataSearch = DataSearch.DataSearch;
-exports.ReactiveComponent = ReactiveComponent.ReactiveComponent;
-exports.SearchBox = ReactiveComponent.SearchBox;
+exports.DataSearch = DataSearch.default;
+exports.ReactiveComponentPrivate = ReactiveComponentPrivate.ReactiveComponentPrivate;
+exports.SearchBox = ReactiveComponentPrivate.SearchBox;
 exports.SingleList = SingleList.default;
 exports.MultiList = MultiList.default;
 exports.SingleDropdownList = SingleDropdownList.default;
 exports.MultiDropdownList = MultiDropdownList.default;
 exports.ToggleButton = ToggleButton.default;
+exports.ReactiveComponent = ReactiveComponent.default;
 exports.DynamicRangeSlider = DynamicRangeSlider.default;
 exports.SingleRange = SingleRange.default;
 exports.MultiRange = MultiRange.default;

package/dist/cjs/initReactivesearch.js

@@ -382,7 +382,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
       var rawData = {};
       var customData = {};
       var settingsResponse = {};
-      var timestamp = {};
       var allPromises = orderOfQueries.map(function (component) {
         return new Promise(function (responseResolve, responseReject) {
           handleTransformResponse(res[component], component).then(function (response) {
@@ -409,7 +408,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
                 var _extends6;
                 aggregations = _rollupPluginBabelHelpers._extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
               }
-              timestamp[component] = res._timestamp;
               var hitsObj = response.hits ? response.hits : response[component].hits;
               hits = _rollupPluginBabelHelpers._extends({}, hits, (_extends7 = {}, _extends7[component] = {
                 hits: hitsObj.hits,
@@ -426,7 +424,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
       Promise.all(allPromises).then(function () {
         state = _rollupPluginBabelHelpers._extends({}, state, {
           hits: hits,
-          timestamp: timestamp,
           aggregations: aggregations,
           compositeAggregations: compositeAggregations,
           promotedResults: promotedResults,

package/dist/cjs/install.js

@@ -11,14 +11,14 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 require('./Button-841fd06d.js');
-require('./vueTypes-7cfc2f98.js');
-require('./Pagination-07f4dbad.js');
+require('./vueTypes-b7007f5f.js');
+require('./Pagination-e56a5b79.js');
 var ReactiveList = require('./ReactiveList.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-require('./index-30126fd0.js');
-require('./ComponentWrapper-9318cece.js');
-require('./PreferencesConsumer-5d67b486.js');
+require('./index-de136c17.js');
+require('./ComponentWrapper-94c50228.js');
+require('./PreferencesConsumer-5e6e84a2.js');
 require('@vue/babel-helper-vue-jsx-merge-props');
 require('./Title-16042ea0.js');
 require('./ListItem-5088bd6a.js');
@@ -30,22 +30,24 @@ require('@appbaseio/analytics');
 require('url-search-params-polyfill');
 var ReactiveBase = require('./ReactiveBase.js');
 require('hotkeys-js');
-var DataSearch = require('./DataSearch-8ea2651a.js');
+require('./Tags-4ec43831.js');
 require('./CancelSvg-220a7cc3.js');
 require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');
 require('./Container-e699ea95.js');
 require('vue-highlight-words');
-var ReactiveComponent = require('./ReactiveComponent-0a354ed7.js');
+var DataSearch = require('./DataSearch.js');
+var ReactiveComponentPrivate = require('./ReactiveComponentPrivate-244c6055.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 require('./FormControlList-bbb5cd24.js');
 require('./utils-83fd01e9.js');
 var SingleList = require('./SingleList.js');
 var MultiList = require('./MultiList.js');
-require('./DropDown-8984b544.js');
+require('./DropDown-7a52c661.js');
 var SingleDropdownList = require('./SingleDropdownList.js');
 var MultiDropdownList = require('./MultiDropdownList.js');
 var ToggleButton = require('./ToggleButton.js');
+var ReactiveComponent = require('./ReactiveComponent.js');
 require('vue-no-ssr');
 require('./ssr-f2fc1bf6.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
@@ -58,7 +60,7 @@ var ResultCard = require('./ResultCard.js');
 var ResultList = require('./ResultList.js');
 var StateProvider = require('./StateProvider.js');
 
-var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, DataSearch.DataSearch, ReactiveComponent.SearchBox, SingleList.default, MultiList.default, SingleRange.default, MultiRange.default, RangeSlider.default, DynamicRangeSlider.default, ReactiveComponent.ReactiveComponent, SelectedFilters.default, ToggleButton.default, SingleDropdownList.default, MultiDropdownList.default, StateProvider.default, RangeInput.default];
+var components = [ReactiveList.default, ResultCard.default, ResultList.default, ReactiveBase.default, DataSearch.default, ReactiveComponentPrivate.SearchBox, SingleList.default, MultiList.default, SingleRange.default, MultiRange.default, RangeSlider.default, DynamicRangeSlider.default, ReactiveComponent.default, ReactiveComponentPrivate.ReactiveComponentPrivate, SelectedFilters.default, ToggleButton.default, SingleDropdownList.default, MultiDropdownList.default, StateProvider.default, RangeInput.default];
 function install (Vue) {
   components.map(function (component) {
     Vue.use(component);

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.34.0-alpha.1";
+var version = "1.34.0";
 
 exports.default = version;

package/dist/cjs/{vueTypes-7cfc2f98.js → vueTypes-b7007f5f.js}

@@ -119,7 +119,8 @@ var types = {
     userId: VueTypes.string,
     useCache: VueTypes.bool,
     customEvents: VueTypes.object,
-    enableTelemetry: VueTypes.bool.def(true)
+    enableTelemetry: VueTypes.bool.def(true),
+    queryParams: VueTypes.object
   }).def({}),
   mongodb: VueTypes.shape({
     db: VueTypes.string,

package/dist/es/{ComponentWrapper-240450cc.js → ComponentWrapper-edaeaceb.js}

@@ -3,7 +3,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 import VueTypes from 'vue-types';
 import { getInternalComponentID } from '@appbaseio/reactivecore/lib/utils/transform';
-import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-0444a498.js';
+import { c as connect, b as getCamelCase, d as getValidPropsKeys } from './index-5509c0bc.js';
 
 var addComponent = Actions.addComponent,
   removeComponent = Actions.removeComponent,
@@ -35,8 +35,9 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
   }
   return {
     name: 'ComponentWrapper',
+    $timestamp: null,
     props: {
-      destroyOnUnmount: VueTypes.bool.def(false)
+      destroyOnUnmount: VueTypes.bool.def(true)
     },
     created: function created() {
       // clone the props for component it is needed because attrs gets changed on time
@@ -49,6 +50,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       this.componentProps = parsedProps;
       this.componentId = this.componentProps.componentId;
       this.react = this.componentProps.react;
+      this.$timestamp = new Date().getTime();
     },
     beforeMount: function beforeMount() {
       var _this = this;
@@ -61,7 +63,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       // or component is not present in store
       if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
         // Register  component
-        this.addComponent(this.componentId);
+        this.addComponent(this.componentId, this.$timestamp);
         var onQueryChange = function onQueryChange() {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
@@ -83,7 +85,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
       }
       // Register internal component
       if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
-        this.addComponent(this.internalComponent);
+        this.addComponent(this.internalComponent, this.$timestamp);
         this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
       }
     },
@@ -95,10 +97,17 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
     },
     beforeDestroy: function beforeDestroy() {
       if (this.destroyOnUnmount) {
+        var registeredComponentsTimestamps = {};
+        if (this.$$store) {
+          var _this$$$store$getStat2 = this.$$store.getState();
+          registeredComponentsTimestamps = _this$$$store$getStat2.registeredComponentsTimestamps;
+        }
         // Unregister components
-        this.removeComponent(this.componentId);
-        if (this.internalComponent) {
-          this.removeComponent(this.internalComponent);
+        if (registeredComponentsTimestamps[this.componentId] === this.$timestamp) {
+          this.removeComponent(this.componentId);
+          if (this.internalComponent) {
+            this.removeComponent(this.internalComponent);
+          }
         }
       }
     },