@appbaseio/reactivesearch-vue 1.16.0-alpha.23 → 1.16.0-alpha.27

package/dist/es/{DropDown-8894cc22.js → DropDown-c5ab660f.js}

@@ -3,10 +3,11 @@ import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPlugin
 import VueTypes from 'vue-types';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import { a as isFunction } from './index-4755c9a0.js';
 import { s as suggestionsContainer, a as suggestions, I as Input } from './Input-d8519224.js';
 import { D as Downshift } from './DownShift-e7ccf2a7.js';
+import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var small = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n"])));
@@ -96,7 +97,7 @@ var Dropdown = {
     var filteredItemsToRender = itemsToRender.filter(function (item) {
       if (String(item[labelField]).length) {
         if (_this.$props.showSearch && _this.$data.searchTerm) {
-          return String(item[labelField]).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
+          return replaceDiacritics(String(item[labelField])).toLowerCase().includes(replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
         }
 
         return true;
@@ -160,7 +161,8 @@ var Dropdown = {
             }
           }) : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
             var selected = _this.$props.multi // MultiDropdownList
-            && (selectedItem && !!selectedItem[item[keyField]] || Array.isArray(selectedItem) && selectedItem.find(function (value) {
+            && (selectedItem && !!selectedItem[item[keyField]] // MultiDropdownRange
+            || Array.isArray(selectedItem) && selectedItem.find(function (value) {
               return value[labelField] === item[labelField];
             }));
             if (!_this.$props.multi) selected = item.key === selectedItem;

package/dist/es/DynamicRangeSlider.js

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 import 'redux';
 import { f as updateCustomQuery, d as getValidPropsKeys, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';
 import { T as Title } from './Title-579f8d6c.js';

package/dist/es/MultiDropdownList.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, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
@@ -16,8 +16,9 @@ import './Input-d8519224.js';
 import 'compute-scroll-into-view';
 import './DownShift-e7ccf2a7.js';
 import { C as Container } from './Container-4383c6f0.js';
+import '@appbaseio/reactivecore/lib/utils/suggestions';
 import { g as getAggsQuery } from './utils-3a32e13f.js';
-import { D as Dropdown } from './DropDown-8894cc22.js';
+import { D as Dropdown } from './DropDown-c5ab660f.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,

package/dist/es/MultiList.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, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-4755c9a0.js';
@@ -13,6 +13,7 @@ import { C as ComponentWrapper } from './ComponentWrapper-459505fd.js';
 import { T as Title } from './Title-579f8d6c.js';
 import { I as Input } from './Input-d8519224.js';
 import { C as Container } from './Container-4383c6f0.js';
+import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
 import { U as UL, C as Checkbox } from './FormControlList-fe389a2e.js';
 import { g as getAggsQuery } from './utils-3a32e13f.js';
 
@@ -180,7 +181,7 @@ var MultiList = {
     var filteredItemsToRender = itemsToRender.filter(function (item) {
       if (String(item.key).length) {
         if (_this2.$props.showSearch && _this2.$data.searchTerm) {
-          return String(item.key).toLowerCase().includes(_this2.$data.searchTerm.toLowerCase());
+          return replaceDiacritics(String(item.key)).toLowerCase().includes(replaceDiacritics(_this2.$data.searchTerm).toLowerCase());
         }
 
         return true;

package/dist/es/MultiRange.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 { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4755c9a0.js';

package/dist/es/{Pagination-a2ab7fcb.js → Pagination-e8216949.js}

@@ -1,7 +1,7 @@
 import { helper } from '@appbaseio/reactivecore';
 import VueTypes from 'vue-types';
 import { p as pagination, B as Button } from './Button-799185e2.js';
-import { t as types } from './vueTypes-a9b9d5c9.js';
+import { t as types } from './vueTypes-98819a12.js';
 
 var getClassName = helper.getClassName,
     handleA11yAction = helper.handleA11yAction;

package/dist/es/RangeInput.js

@@ -5,7 +5,7 @@ import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { css } from 'emotion';
 import styled from '@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 { c as connect } from './index-4755c9a0.js';

package/dist/es/RangeSlider.js

@@ -3,7 +3,7 @@ import { a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-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/ReactiveBase.js

@@ -2,12 +2,12 @@ import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ecf6c03c.js';
 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';
-import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
 import 'url-search-params-polyfill';
@@ -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';