@appbaseio/reactivesearch-vue 3.0.0-alpha.1 → 3.0.0-alpha.3

package/dist/es/ReactiveComponent.js

@@ -15,14 +15,14 @@ import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import './index-4520a598.js';
-import './ComponentWrapper-3dfe6931.js';
+import './ComponentWrapper-3a215eed.js';
 import './PreferencesConsumer-24e88f3b.js';
 import './Title-863dfa42.js';
 import './ListItem-16756c02.js';
 import './Card-38cbe652.js';
 import './Flex-a08e22d7.js';
 import 'hotkeys-js';
-export { R as default } from './ReactiveComponent-0a97eb1e.js';
+export { R as default } from './ReactiveComponent-04d94e01.js';
 import './DropDown-029ffd42.js';
 import './Input-ad474a55.js';
 import 'compute-scroll-into-view';
@@ -36,7 +36,7 @@ import './MultiList.js';
 import './SingleDropdownList.js';
 import './MultiDropdownList.js';
 import './ToggleButton.js';
-import './ssr-584c278d.js';
+import './ssr-e5eb1f1e.js';
 import './DynamicRangeSlider.js';
 import './SingleRange.js';
 import './MultiRange.js';

package/dist/es/ReactiveGoogleMap.js

@@ -13,7 +13,7 @@ import { P as Pagination } from './Pagination-72bd1d9e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as isFunction, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { C as Checkbox } from './FormControlList-fe6eaee4.js';
 import VueGoogleMaps, { InfoWindow, MapElementMixin, Marker, GMapCluster, Map } from 'vue-google-maps-community-fork';
@@ -179,9 +179,9 @@ var ReactiveMap = {
         var options = getQueryOptions(this.$props);
         options.from = 0;
         this.$defaultQuery = newVal(null, this.$props);
-        var _ref = this.$defaultQuery || {},
-          sort = _ref.sort,
-          query = _ref.query;
+        var _ref2 = this.$defaultQuery || {},
+          sort = _ref2.sort,
+          query = _ref2.query;
         if (sort) {
           options.sort = this.$defaultQuery.sort;
         }
@@ -564,8 +564,8 @@ var ReactiveMap = {
           geo_bounding_box: (_geo_bounding_box = {}, _geo_bounding_box[this.dataField] = boundingBoxCoordinates, _geo_bounding_box)
         };
         if (this.$defaultQuery) {
-          var _ref2 = this.$defaultQuery || {},
-            query = _ref2.query;
+          var _ref4 = this.$defaultQuery || {},
+            query = _ref4.query;
           if (query) {
             // adds defaultQuery's query to geo-query
             // to generate a map query
@@ -608,8 +608,8 @@ var ReactiveMap = {
     triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
       var docId = documentId;
       if (!docId) {
-        var _this$getData2 = this.getData(),
-          data = _this$getData2.data;
+        var _this$getData3 = this.getData(),
+          data = _this$getData3.data;
         var hitData = data.find(function (hit) {
           return hit._click_id === searchPosition;
         });
@@ -700,10 +700,10 @@ var ReactiveMap = {
     var options = getQueryOptions(this.$props);
     options.from = this.$data.from;
     if (this.$props.sortBy) {
-      var _ref3;
-      options.sort = [(_ref3 = {}, _ref3[this.$props.dataField] = {
+      var _ref5;
+      options.sort = [(_ref5 = {}, _ref5[this.$props.dataField] = {
         order: this.$props.sortBy
-      }, _ref3)];
+      }, _ref5)];
     }
     this.$defaultQuery = null;
     if (this.$props.defaultQuery) {

package/dist/es/ReactiveList.js

@@ -14,7 +14,7 @@ import { P as Pagination } from './Pagination-72bd1d9e.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { c as connect, h as hasCustomRenderer, i as isQueryIdentical, u as updateDefaultQuery, a as isFunction, g as getComponent } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import './Title-863dfa42.js';
 import { c as container } from './ListItem-16756c02.js';
@@ -290,7 +290,7 @@ var ReactiveList = {
     }, componentTypes.reactiveList);
   },
   props: {
-    currentPage: VueTypes.number.def(0),
+    currentPage: VueTypes.number,
     includeFields: types.includeFields,
     // component props
     className: types.string,
@@ -475,7 +475,16 @@ var ReactiveList = {
     },
     infiniteScroll: function infiniteScroll(newVal, oldVal) {
       if (newVal !== oldVal) {
-        if (!newVal) {
+        if (newVal && !this.pagination) {
+          window.addEventListener('scroll', this.scrollHandler);
+        } else {
+          window.removeEventListener('scroll', this.scrollHandler);
+        }
+      }
+    },
+    pagination: function pagination(newVal, oldVal) {
+      if (newVal !== oldVal) {
+        if (!newVal && this.infiniteScroll) {
           window.addEventListener('scroll', this.scrollHandler);
         } else {
           window.removeEventListener('scroll', this.scrollHandler);
@@ -757,8 +766,8 @@ var ReactiveList = {
     triggerClickAnalytics: function triggerClickAnalytics(searchPosition, documentId) {
       var docId = documentId;
       if (!docId) {
-        var _this$getData = this.getData(),
-          data = _this$getData.data;
+        var _this$getData2 = this.getData(),
+          data = _this$getData2.data;
         var hitData = data.find(function (hit) {
           return hit._click_id === searchPosition;
         });
@@ -916,6 +925,8 @@ var RLConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps,
   internalComponent: ReactiveList.hasInternalComponent()
 }));
 RLConnected.name = ReactiveList.name;
+RLConnected.generateQueryOptions = ReactiveList.generateQueryOptions;
+RLConnected.hasInternalComponent = ReactiveList.hasInternalComponent;
 RLConnected.install = function (Vue) {
   Vue.component(RLConnected.name, RLConnected);
   Vue.component(ResultListWrapper.name, ResultListWrapper);

package/dist/es/SingleDropdownList.js

@@ -12,7 +12,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { c as Dropdown } from './DropDown-029ffd42.js';
@@ -94,8 +94,6 @@ var SingleDropdownList = {
     // Set custom and default queries in store
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
-  },
-  beforeMount: function beforeMount() {
     this.updateQueryOptions(this.$props);
     if (this.selectedValue) {
       this.setValue(this.selectedValue);
@@ -408,13 +406,15 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   componentType: componentTypes.singleDropdownList,
   internalComponent: SingleDropdownList.hasInternalComponent()
 }));
+ListConnected.defaultQuery = SingleDropdownList.defaultQuery;
+ListConnected.generateQueryOptions = SingleDropdownList.generateQueryOptions;
+ListConnected.hasInternalComponent = SingleDropdownList.hasInternalComponent;
 ListConnected.name = SingleDropdownList.name;
+// Add componentType for SSR
+ListConnected.componentType = componentTypes.singleDropdownList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = componentTypes.singleDropdownList;
-
 export default ListConnected;
 export { ListConnected };

package/dist/es/SingleList.js

@@ -10,7 +10,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { j as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, m as isEvent, h as hasCustomRenderer, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { I as Input } from './Input-ad474a55.js';
@@ -80,8 +80,6 @@ var SingleList = {
     // Set custom and default queries in store
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
-  },
-  beforeMount: function beforeMount() {
     this.updateQueryHandlerOptions(this.$props);
     if (this.selectedValue) {
       this.setValue(this.selectedValue);
@@ -406,12 +404,14 @@ var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps
   internalComponent: SingleList.hasInternalComponent()
 }));
 ListConnected.name = SingleList.name;
+ListConnected.defaultQuery = SingleList.defaultQuery;
+ListConnected.generateQueryOptions = SingleList.generateQueryOptions;
+ListConnected.hasInternalComponent = SingleList.hasInternalComponent;
+// Add componentType for SSR
+ListConnected.componentType = componentTypes.singleList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = componentTypes.singleList;
-
 export default ListConnected;
 export { ListConnected };

package/dist/es/SingleRange.js

@@ -10,7 +10,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
@@ -58,8 +58,6 @@ var SingleRange = {
   created: function created() {
     // Set custom query in store
     updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-  },
-  beforeMount: function beforeMount() {
     if (this.selectedValue) {
       this.setValue(this.selectedValue);
     } else if (this.$props.value) {
@@ -208,6 +206,9 @@ var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProp
   componentType: componentTypes.singleRange
 }));
 RangeConnected.name = SingleRange.name;
+RangeConnected.defaultQuery = SingleRange.defaultQuery;
+RangeConnected.parseValue = SingleRange.parseValue;
+RangeConnected.hasInternalComponent = SingleRange.hasInternalComponent;
 RangeConnected.install = function (Vue) {
   Vue.component(RangeConnected.name, RangeConnected);
 };

package/dist/es/ToggleButton.js

@@ -11,7 +11,7 @@ import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4520a598.js';
-import { C as ComponentWrapper } from './ComponentWrapper-3dfe6931.js';
+import { C as ComponentWrapper } from './ComponentWrapper-3a215eed.js';
 import { P as PreferencesConsumer } from './PreferencesConsumer-24e88f3b.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
@@ -52,7 +52,9 @@ var ToggleButton = {
     };
     return this.__state;
   },
-  beforeMount: function beforeMount() {
+  created: function created() {
+    // Set custom query in store
+    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     var props = this.$props;
     var hasMounted = false;
     var value = this.selectedValue || props.value || props.defaultValue || [];
@@ -62,10 +64,6 @@ var ToggleButton = {
       this.handleToggle(this.$data.currentValue, true, props, hasMounted);
     }
   },
-  created: function created() {
-    // Set custom query in store
-    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
-  },
   watch: {
     defaultValue: function defaultValue(newVal) {
       this.setValue(ToggleButton.parseValue(newVal, this.$props));
@@ -291,6 +289,8 @@ var mapDispatchtoProps = {
 var TBConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
   componentType: 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/es/index.js

@@ -15,19 +15,20 @@ export { default as ReactiveList } from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import './index-4520a598.js';
-import './ComponentWrapper-3dfe6931.js';
+import './ComponentWrapper-3a215eed.js';
 import './PreferencesConsumer-24e88f3b.js';
 import './Title-863dfa42.js';
 import './ListItem-16756c02.js';
 import './Card-38cbe652.js';
 import './Flex-a08e22d7.js';
+import '@appbaseio/reactivecore/lib';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
 import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 export { default as ReactiveBase } from './ReactiveBase.js';
 import 'hotkeys-js';
-export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-0a97eb1e.js';
+export { R as ReactiveComponent, S as SearchBox } from './ReactiveComponent-04d94e01.js';
 import './DropDown-029ffd42.js';
 import './Input-ad474a55.js';
 import 'compute-scroll-into-view';
@@ -41,7 +42,7 @@ export { default as MultiList } from './MultiList.js';
 export { default as SingleDropdownList } from './SingleDropdownList.js';
 export { default as MultiDropdownList } from './MultiDropdownList.js';
 export { default as ToggleButton } from './ToggleButton.js';
-import './ssr-584c278d.js';
+import './ssr-e5eb1f1e.js';
 export { default as DynamicRangeSlider } from './DynamicRangeSlider.js';
 export { default as SingleRange } from './SingleRange.js';
 export { default as MultiRange } from './MultiRange.js';
@@ -54,15 +55,9 @@ export { default as StateProvider } from './StateProvider.js';
 import 'vue-google-maps-community-fork';
 import 'ngeohash';
 export { default as ReactiveGoogleMap } from './ReactiveGoogleMap.js';
-import '@appbaseio/reactivecore/lib/reducers/valueReducer';
-import '@appbaseio/reactivecore/lib/reducers/queryReducer';
-import '@appbaseio/reactivecore/lib/reducers/queryOptionsReducer';
-import '@appbaseio/reactivecore/lib/reducers/compositeAggsReducer';
-import '@appbaseio/reactivecore/lib/constants';
-import '@appbaseio/reactivecore/lib/reducers/dependencyTreeReducer';
-import '@appbaseio/reactivecore/lib/utils/graphQL';
-import '@appbaseio/reactivecore/lib/actions/utils';
-export { default as initReactivesearch } from './initReactivesearch.js';
+import 'vue/server-renderer';
+import '@appbaseio/reactivecore/src/utils/server';
+export { default as getServerState } from './initReactivesearch.js';
 import version from './version.js';
 export { default as version } from './version.js';
 import install from './install.js';