@appbaseio/reactivesearch-vue 1.16.0-alpha.25 → 1.16.0-alpha.26

package/dist/es/ReactiveBase.js

@@ -4,7 +4,7 @@ import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import 'redux';
 import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-4755c9a0.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
@@ -350,7 +350,7 @@ var ReactiveBase = {
     }
   },
   props: {
-    app: types.stringRequired,
+    app: types.string,
     analytics: VueTypes.bool,
     analyticsConfig: types.analyticsConfig,
     appbaseConfig: types.appbaseConfig,
@@ -370,7 +370,8 @@ var ReactiveBase = {
     transformResponse: types.func,
     as: VueTypes.string.def('div'),
     getSearchParams: types.func,
-    setSearchParams: types.func
+    setSearchParams: types.func,
+    mongodb: types.mongodb
   },
   provide: function provide() {
     return {
@@ -410,6 +411,9 @@ var ReactiveBase = {
           this.store.dispatch(updateAnalyticsConfig(newVal));
         }
       }
+    },
+    mongodb: function mongodb() {
+      this.updateState(this.$props);
     }
   },
   computed: {
@@ -417,12 +421,13 @@ var ReactiveBase = {
       var _this$$props = this.$props,
           enableAppbase = _this$$props.enableAppbase,
           headers = _this$$props.headers,
-          appbaseConfig = _this$$props.appbaseConfig;
+          appbaseConfig = _this$$props.appbaseConfig,
+          mongodb = _this$$props.mongodb;
 
       var _ref = appbaseConfig || {},
           enableTelemetry = _ref.enableTelemetry;
 
-      return _extends({}, enableAppbase && _extends({
+      return _extends({}, enableAppbase && !mongodb && _extends({
         'X-Search-Client': X_SEARCH_CLIENT
       }, enableTelemetry === false && {
         'X-Enable-Telemetry': false
@@ -440,7 +445,7 @@ var ReactiveBase = {
       var appbaseConfig = _extends({}, props.analyticsConfig, props.appbaseConfig);
 
       var config = {
-        url: props.url && props.url.trim() !== '' ? props.url : 'https://scalr.api.appbase.io',
+        url: props.url && props.url.trim() !== '' ? props.url : '',
         app: props.app,
         credentials: credentials,
         type: props.type ? props.type : '*',
@@ -448,7 +453,8 @@ var ReactiveBase = {
         transformResponse: props.transformResponse,
         enableAppbase: props.enableAppbase,
         analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
-        analyticsConfig: appbaseConfig
+        analyticsConfig: appbaseConfig,
+        mongodb: props.mongodb
       };
       var queryParams = '';
 

package/dist/es/ReactiveComponent.js

@@ -2,7 +2,7 @@ import { Actions, helper } from '@appbaseio/reactivecore';
 import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
@@ -45,7 +45,7 @@ var ReactiveComponent = {
     this.internalComponent = null;
     this.$defaultQuery = null; // Set custom query in store
 
-    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+    updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
     var customQuery = props.customQuery,
         componentId = props.componentId,
         filterLabel = props.filterLabel,
@@ -68,7 +68,7 @@ var ReactiveComponent = {
     }
 
     if (customQuery) {
-      var calcCustomQuery = customQuery(props);
+      var calcCustomQuery = customQuery(this.selectedValue, props);
 
       var _ref = calcCustomQuery || {},
           query = _ref.query;
@@ -87,7 +87,7 @@ var ReactiveComponent = {
 
       this.updateQuery({
         componentId: componentId,
-        queryToSet: queryToSet,
+        query: queryToSet,
         value: this.selectedValue || null,
         label: filterLabel,
         showFilter: showFilter,
@@ -138,8 +138,8 @@ var ReactiveComponent = {
   },
   beforeMount: function beforeMount() {
     if (this.internalComponent && this.$props.defaultQuery) {
-      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
-      this.$defaultQuery = this.$props.defaultQuery();
+      updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
+      this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
 
       var _ref3 = this.$defaultQuery || {},
           query = _ref3.query,
@@ -203,8 +203,8 @@ var ReactiveComponent = {
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
-      if (newVal && !isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
-        this.$defaultQuery = newVal();
+      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
+        this.$defaultQuery = newVal(this.selectedValue, this.$props);
 
         var _ref4 = this.$defaultQuery || {},
             query = _ref4.query,
@@ -215,7 +215,7 @@ var ReactiveComponent = {
         } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false); // Update default query for RS API
 
 
-        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
+        updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
         var queryToSet = query || null;
 
         if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
@@ -229,9 +229,9 @@ var ReactiveComponent = {
       }
     },
     customQuery: function customQuery(newVal, oldVal) {
-      if (newVal && !isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
+      if (newVal && !isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
         var componentId = this.$props.componentId;
-        this.$customQuery = newVal(this.$props);
+        this.$customQuery = newVal(this.selectedValue, this.$props);
 
         var _ref5 = this.$customQuery || {},
             query = _ref5.query,
@@ -242,7 +242,7 @@ var ReactiveComponent = {
         } else this.setQueryOptions(componentId, this.getAggsQuery(), false); // Update custom query for RS API
 
 
-        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+        updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
         var queryToSet = query || null;
 
         if (this.$customQuery && this.$customQuery.id) {

package/dist/es/ReactiveGoogleMap.js

@@ -6,8 +6,8 @@ import 'emotion';
 import styled, { css } from '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-799185e2.js';
-import { t as types } from './vueTypes-a9b9d5c9.js';
-import { P as Pagination } from './Pagination-a2ab7fcb.js';
+import { t as types } from './vueTypes-98819a12.js';
+import { P as Pagination } from './Pagination-e8216949.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-4755c9a0.js';

package/dist/es/ReactiveList.js

@@ -7,8 +7,8 @@ import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-799185e2.js';
-import { t as types } from './vueTypes-a9b9d5c9.js';
-import { P as Pagination } from './Pagination-a2ab7fcb.js';
+import { t as types } from './vueTypes-98819a12.js';
+import { P as Pagination } from './Pagination-e8216949.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-4755c9a0.js';
@@ -807,6 +807,11 @@ var ReactiveList = {
     renderNoResult: function renderNoResult() {
       var h = this.$createElement;
       var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
+
+      if (this.$scopedSlots.renderNoResults) {
+        return isFunction(renderNoResults) ? renderNoResults() : renderNoResults;
+      }
+
       return h("p", {
         "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);

package/dist/es/ResultCard.js

@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Image, C as Card } from './Card-04b3c33e.js';

package/dist/es/ResultList.js

@@ -3,7 +3,7 @@ import VueTypes from 'vue-types';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Image, L as ListItem } from './ListItem-bdb6d53d.js';

package/dist/es/SelectedFilters.js

@@ -6,7 +6,7 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { f as filters, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import 'redux';
 import { c as connect } from './index-4755c9a0.js';
 import { T as Title } from './Title-579f8d6c.js';

package/dist/es/SingleDropdownList.js

@@ -6,7 +6,7 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { l as loadMoreContainer, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
@@ -17,7 +17,7 @@ import 'compute-scroll-into-view';
 import './DownShift-e7ccf2a7.js';
 import { C as Container } from './Container-4383c6f0.js';
 import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-8894cc22.js';
+import { D as Dropdown } from './DropDown-c4ef3292.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/SingleList.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, g as getComponent, n as isEvent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';

package/dist/es/SingleRange.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';

package/dist/es/ToggleButton.js

@@ -6,7 +6,7 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import { B as Button, t as toggleButtons } from './Button-799185e2.js';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
 import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';

package/dist/es/index.js

@@ -7,8 +7,8 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-799185e2.js';
-import './vueTypes-a9b9d5c9.js';
-import './Pagination-a2ab7fcb.js';
+import './vueTypes-98819a12.js';
+import './Pagination-e8216949.js';
 export { default as ReactiveList } from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
@@ -34,7 +34,7 @@ import './FormControlList-fe389a2e.js';
 import './utils-3a32e13f.js';
 export { default as SingleList } from './SingleList.js';
 export { default as MultiList } from './MultiList.js';
-import './DropDown-8894cc22.js';
+import './DropDown-c4ef3292.js';
 export { default as SingleDropdownList } from './SingleDropdownList.js';
 export { default as MultiDropdownList } from './MultiDropdownList.js';
 export { default as ToggleButton } from './ToggleButton.js';

package/dist/es/initReactivesearch.js

@@ -116,16 +116,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
           compProps[key] = component[key];
         }
       });
-      var isInternalComponentPresent = false; // Set custom and default queries
-
-      if (component.customQuery && typeof component.customQuery === 'function') {
-        customQueries[component.componentId] = component.customQuery(component.value, compProps);
-      }
-
-      if (component.defaultQuery && typeof component.defaultQuery === 'function') {
-        defaultQueries[component.componentId] = component.defaultQuery(component.value, compProps);
-      }
-
+      var isInternalComponentPresent = false;
       var isResultComponent = resultComponents.includes(componentType);
       var internalComponent = component.componentId + "__internal";
       var label = component.filterLabel || component.componentId;
@@ -149,7 +140,16 @@ function initReactivesearch(componentCollection, searchState, settings) {
         reference: reference,
         showFilter: showFilter,
         URLParams: component.URLParams || false
-      }); // [2] set query options - main component query (valid for result components)
+      }); // Set custom and default queries
+
+      if (component.customQuery && typeof component.customQuery === 'function') {
+        customQueries[component.componentId] = component.customQuery(value, compProps);
+      }
+
+      if (component.defaultQuery && typeof component.defaultQuery === 'function') {
+        defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
+      } // [2] set query options - main component query (valid for result components)
+
 
       if (componentsWithOptions.includes(componentType)) {
         var options = component.source.generateQueryOptions ? component.source.generateQueryOptions(component) : null;
@@ -236,7 +236,7 @@ function initReactivesearch(componentCollection, searchState, settings) {
 
 
       if (isResultComponent) {
-        var _getQuery = getQuery(component, null, componentType),
+        var _getQuery = getQuery(component, value, componentType),
             query = _getQuery.query;
 
         queryList = queryReducer(queryList, {

package/dist/es/install.js

@@ -7,8 +7,8 @@ import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
 import './Button-799185e2.js';
-import './vueTypes-a9b9d5c9.js';
-import './Pagination-a2ab7fcb.js';
+import './vueTypes-98819a12.js';
+import './Pagination-e8216949.js';
 import ReactiveList from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
@@ -34,7 +34,7 @@ import './FormControlList-fe389a2e.js';
 import './utils-3a32e13f.js';
 import SingleList from './SingleList.js';
 import MultiList from './MultiList.js';
-import './DropDown-8894cc22.js';
+import './DropDown-c4ef3292.js';
 import SingleDropdownList from './SingleDropdownList.js';
 import MultiDropdownList from './MultiDropdownList.js';
 import ToggleButton from './ToggleButton.js';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.16.0-alpha.25";
+var version = "1.16.0-alpha.26";
 
 export default version;

package/dist/es/{vueTypes-a9b9d5c9.js → vueTypes-98819a12.js}

@@ -121,7 +121,11 @@ var types = {
     userId: VueTypes.string,
     customEvents: VueTypes.object,
     enableTelemetry: VueTypes.bool.def(true)
-  }).def({})
+  }).def({}),
+  mongodb: VueTypes.shape({
+    db: VueTypes.string,
+    collection: VueTypes.string
+  })
 };
 
 export { types as t };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.16.0-alpha.25",
+	"version": "1.16.0-alpha.26",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,10 +34,10 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/reactivecore": "9.12.8",
+		"@appbaseio/reactivecore": "9.13.0",
 		"@appbaseio/vue-emotion": "0.4.4",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-		"appbase-js": "^4.4.1",
+		"appbase-js": "^4.5.1",
 		"compute-scroll-into-view": "^1.0.11",
 		"emotion": "9.2.12",
 		"gmap-vue": "^1.5.0",