@appbaseio/reactivesearch-vue 1.16.0-alpha.24 → 1.16.0-alpha.28

package/dist/cjs/DataSearch.js

@@ -9,18 +9,18 @@ var configureStore__default = _interopDefault(configureStore);
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
+var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
 var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
 var Flex = require('./Flex-699639d2.js');
-var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var hotkeys = _interopDefault(require('hotkeys-js'));
 var Input = require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
@@ -661,8 +661,8 @@ var Mic = {
   name: 'Mic',
   props: {
     children: vueTypes.types.title,
-    lang: vueTypes.types.string.def('en-US'),
-    iconPosition: vueTypes.types.string.def('left'),
+    lang: VueTypes.string.def('en-US'),
+    iconPosition: VueTypes.string.def('left'),
     handleResult: vueTypes.types.func,
     onNoMatch: vueTypes.types.func,
     onError: vueTypes.types.func,
@@ -1074,10 +1074,10 @@ var DataSearch = {
     })]),
     aggregationField: vueTypes.types.string,
     aggregationSize: VueTypes.number,
-    size: VueTypes.number.def(10),
+    size: VueTypes.number,
     debounce: VueTypes.number.def(0),
     defaultValue: vueTypes.types.string,
-    excludeFields: vueTypes.types.excludeFields.def([]),
+    excludeFields: vueTypes.types.excludeFields,
     value: vueTypes.types.value,
     defaultSuggestions: vueTypes.types.suggestions,
     enableSynonyms: VueTypes.bool.def(true),
@@ -1091,9 +1091,9 @@ var DataSearch = {
     highlightField: vueTypes.types.stringOrArray,
     icon: vueTypes.types.children,
     iconPosition: VueTypes.oneOf(['left', 'right']).def('left'),
-    includeFields: vueTypes.types.includeFields.def(['*']),
+    includeFields: vueTypes.types.includeFields,
     innerClass: vueTypes.types.style,
-    innerRef: vueTypes.types.string.def('searchInputField'),
+    innerRef: VueTypes.string.def('searchInputField'),
     render: vueTypes.types.func,
     renderQuerySuggestions: vueTypes.types.func,
     renderPopularSuggestions: vueTypes.types.func,
@@ -1125,7 +1125,7 @@ var DataSearch = {
     focusShortcuts: VueTypes.arrayOf(VueTypes.oneOfType([VueTypes.string, VueTypes.number])).def(['/']),
     addonBefore: VueTypes.any,
     addonAfter: VueTypes.any,
-    expandSuggestionsContainer: vueTypes.types.bool.def(true),
+    expandSuggestionsContainer: VueTypes.bool.def(true),
     index: VueTypes.string
   },
   beforeMount: function beforeMount() {
@@ -1786,7 +1786,7 @@ var DataSearch = {
               highlightedIndex: highlightedIndex
             }), _this3.renderErrorComponent(), !_this3.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
               "class": Input.suggestions(_this3.themePreset, theme) + " " + getClassName$1(_this3.$props.innerClass, 'list')
-            }, [_this3.suggestionsList.slice(0, size).map(function (item, index) {
+            }, [_this3.suggestionsList.slice(0, size || 10).map(function (item, index) {
               return h("li", {
                 "domProps": _rollupPluginBabelHelpers._extends({}, getItemProps({
                   item: item

package/dist/cjs/{DropDown-d3c78c41.js → DropDown-3c343026.js}

@@ -9,10 +9,11 @@ var VueTypes = _interopDefault(require('vue-types'));
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 var index = require('./index-2a8358cd.js');
 var Input = require('./Input-c6f181d5.js');
 var DownShift = require('./DownShift-d41f2442.js');
+var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var small = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._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"])));
@@ -102,7 +103,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 suggestions.replaceDiacritics(String(item[labelField])).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
         }
 
         return true;
@@ -166,7 +167,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/cjs/DynamicRangeSlider.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('redux');
 var index = require('./index-2a8358cd.js');
 var Title = require('./Title-39765ee6.js');

package/dist/cjs/MultiDropdownList.js

@@ -13,7 +13,7 @@ require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -23,8 +23,9 @@ require('./Input-c6f181d5.js');
 require('compute-scroll-into-view');
 require('./DownShift-d41f2442.js');
 var Container = require('./Container-8a08d663.js');
+require('@appbaseio/reactivecore/lib/utils/suggestions');
 var utils = require('./utils-23afb20b.js');
-var DropDown = require('./DropDown-d3c78c41.js');
+var DropDown = require('./DropDown-3c343026.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,

package/dist/cjs/MultiList.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -20,6 +20,7 @@ var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
 var Title = require('./Title-39765ee6.js');
 var Input = require('./Input-c6f181d5.js');
 var Container = require('./Container-8a08d663.js');
+var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
 var FormControlList = require('./FormControlList-73497794.js');
 var utils = require('./utils-23afb20b.js');
 
@@ -40,7 +41,7 @@ var MultiList = {
     queryFormat: VueTypes.oneOf(['and', 'or']).def('or'),
     showCheckbox: VueTypes.bool.def(true),
     beforeValueChange: vueTypes.types.func,
-    className: vueTypes.types.string.def(''),
+    className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
@@ -187,7 +188,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 suggestions.replaceDiacritics(String(item.key)).toLowerCase().includes(suggestions.replaceDiacritics(_this2.$data.searchTerm).toLowerCase());
         }
 
         return true;

package/dist/cjs/MultiRange.js

@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');

package/dist/cjs/{Pagination-d4dbfd5a.js → Pagination-0b9ec0fc.js}

@@ -6,7 +6,7 @@ var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var VueTypes = _interopDefault(require('vue-types'));
 var Button = require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 
 var getClassName = configureStore.helper.getClassName,
     handleA11yAction = configureStore.helper.handleA11yAction;

package/dist/cjs/RangeInput.js

@@ -13,7 +13,7 @@ var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');

package/dist/cjs/RangeSlider.js

@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');

package/dist/cjs/ReactiveBase.js

@@ -9,13 +9,13 @@ var configureStore__default = _interopDefault(configureStore);
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
+var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('redux');
 var index = require('./index-2a8358cd.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
 require('url-search-params-polyfill');
@@ -85,7 +85,7 @@ var URLParamsProvider = {
     headers: vueTypes.types.headers,
     getSearchParams: vueTypes.types.func,
     setSearchParams: vueTypes.types.func,
-    as: vueTypes.types.string.def('div')
+    as: VueTypes.string.def('div')
   },
   mounted: function mounted() {
     var _this = this;
@@ -233,7 +233,9 @@ var URLParamsProvider = {
         return value.map(function (item) {
           return _this3.getValue(item);
         });
-      } else if (value && typeof value === 'object') {
+      }
+
+      if (value && typeof value === 'object') {
         // TODO: support for NestedList
         if (value.location) return value;
         if (value.category) return value;
@@ -358,7 +360,7 @@ var ReactiveBase = {
     }
   },
   props: {
-    app: vueTypes.types.stringRequired,
+    app: vueTypes.types.string,
     analytics: VueTypes.bool,
     analyticsConfig: vueTypes.types.analyticsConfig,
     appbaseConfig: vueTypes.types.appbaseConfig,
@@ -378,7 +380,8 @@ var ReactiveBase = {
     transformResponse: vueTypes.types.func,
     as: VueTypes.string.def('div'),
     getSearchParams: vueTypes.types.func,
-    setSearchParams: vueTypes.types.func
+    setSearchParams: vueTypes.types.func,
+    mongodb: vueTypes.types.mongodb
   },
   provide: function provide() {
     return {
@@ -418,6 +421,9 @@ var ReactiveBase = {
           this.store.dispatch(analytics.updateAnalyticsConfig(newVal));
         }
       }
+    },
+    mongodb: function mongodb() {
+      this.updateState(this.$props);
     }
   },
   computed: {
@@ -425,12 +431,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 _rollupPluginBabelHelpers._extends({}, enableAppbase && _rollupPluginBabelHelpers._extends({
+      return _rollupPluginBabelHelpers._extends({}, enableAppbase && !mongodb && _rollupPluginBabelHelpers._extends({
         'X-Search-Client': index.X_SEARCH_CLIENT
       }, enableTelemetry === false && {
         'X-Enable-Telemetry': false
@@ -448,7 +455,7 @@ var ReactiveBase = {
       var appbaseConfig = _rollupPluginBabelHelpers._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 : '*',
@@ -456,7 +463,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/cjs/ReactiveComponent.js

@@ -9,7 +9,7 @@ var configureStore__default = _interopDefault(configureStore);
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var vueTypes = require('./vueTypes-409348b0.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');
@@ -52,7 +52,7 @@ var ReactiveComponent = {
     this.internalComponent = null;
     this.$defaultQuery = null; // Set custom query in store
 
-    index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+    index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
     var customQuery = props.customQuery,
         componentId = props.componentId,
         filterLabel = props.filterLabel,
@@ -75,7 +75,7 @@ var ReactiveComponent = {
     }
 
     if (customQuery) {
-      var calcCustomQuery = customQuery(props);
+      var calcCustomQuery = customQuery(this.selectedValue, props);
 
       var _ref = calcCustomQuery || {},
           query = _ref.query;
@@ -94,7 +94,7 @@ var ReactiveComponent = {
 
       this.updateQuery({
         componentId: componentId,
-        queryToSet: queryToSet,
+        query: queryToSet,
         value: this.selectedValue || null,
         label: filterLabel,
         showFilter: showFilter,
@@ -145,8 +145,8 @@ var ReactiveComponent = {
   },
   beforeMount: function beforeMount() {
     if (this.internalComponent && this.$props.defaultQuery) {
-      index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
-      this.$defaultQuery = this.$props.defaultQuery();
+      index.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,
@@ -210,8 +210,8 @@ var ReactiveComponent = {
       }
     },
     defaultQuery: function defaultQuery(newVal, oldVal) {
-      if (newVal && !index.isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
-        this.$defaultQuery = newVal();
+      if (newVal && !index.isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
+        this.$defaultQuery = newVal(this.selectedValue, this.$props);
 
         var _ref4 = this.$defaultQuery || {},
             query = _ref4.query,
@@ -222,7 +222,7 @@ var ReactiveComponent = {
         } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false); // Update default query for RS API
 
 
-        index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
+        index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
         var queryToSet = query || null;
 
         if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
@@ -236,9 +236,9 @@ var ReactiveComponent = {
       }
     },
     customQuery: function customQuery(newVal, oldVal) {
-      if (newVal && !index.isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
+      if (newVal && !index.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,
@@ -249,7 +249,7 @@ var ReactiveComponent = {
         } else this.setQueryOptions(componentId, this.getAggsQuery(), false); // Update custom query for RS API
 
 
-        index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
+        index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
         var queryToSet = query || null;
 
         if (this.$customQuery && this.$customQuery.id) {

package/dist/cjs/ReactiveGoogleMap.js

@@ -14,8 +14,8 @@ var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
 require('./Button-d2f1aeda.js');
-var vueTypes = require('./vueTypes-409348b0.js');
-var Pagination = require('./Pagination-d4dbfd5a.js');
+var vueTypes = require('./vueTypes-829a5f2c.js');
+var Pagination = require('./Pagination-0b9ec0fc.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
 var index = require('./index-2a8358cd.js');