@appbaseio/reactivesearch-vue 1.30.0 → 2.0.0-alpha.1

package/dist/es/initReactivesearch.js

@@ -1,6 +1,6 @@
-import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { validProps, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { pushToAndClause, buildQuery, extractQueryFromCustomQuery, getOptionsForCustomQuery } from '@appbaseio/reactivecore/lib/utils/helper';
+import { transformRequestUsingEndpoint, pushToAndClause, buildQuery, extractQueryFromCustomQuery, getOptionsForCustomQuery } from '@appbaseio/reactivecore/lib/utils/helper';
 import { isSearchComponent, getRSQuery, extractPropsFromState, getDependentQueries } from '@appbaseio/reactivecore/lib/utils/transform';
 import Appbase from 'appbase-js';
 import valueReducer from '@appbaseio/reactivecore/lib/reducers/valueReducer';
@@ -94,20 +94,51 @@ function initReactivesearch(componentCollection, searchState, settings) {
       'X-Search-Client': X_SEARCH_CLIENT
     }, enableTelemetry === false && {
       'X-Enable-Telemetry': false
-    }), settings.headers);
+    }), settings.headers, settings.enableAppbase && settings.endpoint && settings.endpoint.headers ? settings.endpoint.headers : {});
+
+    var url = settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io';
+    var transformRequest = settings.transformRequest || null;
+
+    if (settings.enableAppbase && settings.endpoint) {
+      if (settings.endpoint.url) {
+        // eslint-disable-next-line prefer-destructuring
+        url = settings.endpoint.url;
+      }
+
+      transformRequest = function transformRequest(request) {
+        var modifiedRequest = transformRequestUsingEndpoint(request, settings.endpoint);
+
+        if (settings.transformRequest) {
+          return settings.transformRequest(modifiedRequest);
+        }
+
+        return modifiedRequest;
+      };
+    }
 
     var config = {
-      url: settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io',
+      url: url,
       app: settings.app,
       credentials: credentials,
-      transformRequest: settings.transformRequest || null,
+      transformRequest: transformRequest,
       type: settings.type ? settings.type : '*',
       transformResponse: settings.transformResponse || null,
       graphQLUrl: settings.graphQLUrl || '',
       headers: headers,
-      analyticsConfig: settings.appbaseConfig || null
+      analyticsConfig: settings.appbaseConfig || null,
+      enableAppbase: settings.enableAppbase,
+      endpoint: settings.endpoint
     };
     var appbaseRef = Appbase(config);
+
+    if (config.transformRequest) {
+      appbaseRef.transformRequest = config.transformRequest;
+    }
+
+    if (config.transformResponse) {
+      appbaseRef.transformResponse = config.transformResponse;
+    }
+
     var components = [];
     var selectedValues = {};
     var internalValues = {};
@@ -436,9 +467,10 @@ function initReactivesearch(componentCollection, searchState, settings) {
               }
 
               timestamp[component] = res._timestamp;
+              var hitsObj = response.hits ? response.hits : response[component].hits;
               hits = _extends({}, hits, (_extends7 = {}, _extends7[component] = {
-                hits: response.hits.hits,
-                total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
+                hits: hitsObj.hits,
+                total: typeof hitsObj.total === 'object' ? hitsObj.total.value : hitsObj.total,
                 time: response.took
               }, _extends7));
               responseResolve();

package/dist/es/{install-9faa87f1.js → install-87984085.js}

@@ -1,21 +1,21 @@
 import { Actions, helper, causes } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { SEARCH_COMPONENTS_MODES, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { getQueryOptions, suggestionTypes } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
-import { B as Button } from './Button-e18ad90f.js';
-import { t as types } from './vueTypes-687b2304.js';
+import { B as Button } from './Button-d8bc15ea.js';
+import { t as types } from './vueTypes-b8146772.js';
 import ReactiveList from './ReactiveList.js';
-import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
-import { T as Title } from './Title-35edd732.js';
+import { n as decodeHtml, h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, u as updateDefaultQuery, f as updateCustomQuery, a as isFunction, k as isEmpty, p as parseFocusShortcuts, l as extractModifierKeysFromFocusShortcuts, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { T as Title } from './Title-3342664a.js';
 import ReactiveBase from './ReactiveBase.js';
 import hotkeys from 'hotkeys-js';
-import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, b as TagsContainer, c as InputGroup, C as CustomSvg, d as SuggestionItem, D as DataSearch } from './DataSearch-8e5d0972.js';
-import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-e3b33cdd.js';
-import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-c9d757bc.js';
-import { C as Container } from './Container-421450dc.js';
+import { S as SearchSvg, a as SuggestionWrapper, I as InputAddon, M as Mic, T as TagItem, b as TagsContainer, c as InputGroup, C as CustomSvg, d as SuggestionItem, D as DataSearch } from './DataSearch-4888aa43.js';
+import { C as CancelSvg, a as IconGroup, I as IconWrapper, D as Downshift, b as InputWrapper } from './CancelSvg-4cfae5fd.js';
+import { s as suggestionsContainer, I as Input, a as suggestions } from './Input-7a2a9fac.js';
+import { C as Container } from './Container-ba826e96.js';
 import SingleList from './SingleList.js';
 import MultiList from './MultiList.js';
 import SingleDropdownList from './SingleDropdownList.js';
@@ -118,7 +118,7 @@ var SearchBox = {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
 
-    this.currentValue = this.selectedValue || this.value || this.defaultValue || '';
+    this.currentValue = decodeHtml(this.selectedValue || this.value || this.defaultValue || '');
 
     if (this.$options.isTagsMode) {
       this.currentValue = '';
@@ -215,7 +215,9 @@ var SearchBox = {
     enterButton: VueTypes.bool.def(false),
     renderEnterButton: VueTypes.any,
     mode: VueTypes.oneOf(['select', 'tag']).def('select'),
-    renderSelectedTags: VueTypes.any
+    renderSelectedTags: VueTypes.any,
+    searchboxId: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   beforeMount: function beforeMount() {
     if (this.selectedValue) {
@@ -459,7 +461,7 @@ var SearchBox = {
 
           _this.currentValue = '';
         } else {
-          _this.currentValue = value;
+          _this.currentValue = decodeHtml(value);
         }
 
         var queryHandlerValue = value;
@@ -965,7 +967,7 @@ var SearchBox = {
     onAutofillClick: function onAutofillClick(suggestion) {
       var value = suggestion.value;
       this.isOpen = true;
-      this.currentValue = value;
+      this.currentValue = decodeHtml(value);
       this.triggerDefaultQuery(value);
     },
     renderAutoFill: function renderAutoFill(suggestion) {

package/dist/es/install.js

@@ -1,41 +1,42 @@
 import '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-51ce1182.js';
+import './_rollupPluginBabelHelpers-76660dab.js';
 import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/reactivecore/lib/utils/helper';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import './Button-e18ad90f.js';
-import './vueTypes-687b2304.js';
+import './Button-d8bc15ea.js';
+import './vueTypes-b8146772.js';
+import './Pagination-784bf143.js';
 import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-5371a13f.js';
-import './ComponentWrapper-dc92772a.js';
+import './index-7788a843.js';
+import './ComponentWrapper-424e86fd.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-35edd732.js';
-import './ListItem-41d6ddd7.js';
-import './Card-ad6ba09f.js';
-import './Flex-09d40927.js';
+import './Title-3342664a.js';
+import './ListItem-cad14c5e.js';
+import './Card-450683f1.js';
+import './Flex-1f0795c3.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
 import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
-import './DataSearch-8e5d0972.js';
-import './CancelSvg-e3b33cdd.js';
-import './Input-c9d757bc.js';
+import './DataSearch-4888aa43.js';
+import './CancelSvg-4cfae5fd.js';
+import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
-import './Container-421450dc.js';
+import './Container-ba826e96.js';
 import 'vue-highlight-words';
-export { i as default } from './install-9faa87f1.js';
+export { i as default } from './install-87984085.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import './FormControlList-38ffe3d3.js';
-import './utils-9b45e0ab.js';
+import './FormControlList-c22d64f6.js';
+import './utils-9e68acee.js';
 import './SingleList.js';
 import './MultiList.js';
-import './DropDown-565fad6f.js';
+import './DropDown-05a644a5.js';
 import './SingleDropdownList.js';
 import './MultiDropdownList.js';
 import './ToggleButton.js';
@@ -46,7 +47,7 @@ import './MultiRange.js';
 import './ResultCard.js';
 import './ResultList.js';
 import 'vue-no-ssr';
-import './ssr-ad57b0ad.js';
+import './ssr-b2c0b401.js';
 import './RangeSlider.js';
 import './DynamicRangeSlider.js';
 import '@appbaseio/reactivecore/lib/actions/value';

package/dist/es/{ssr-ad57b0ad.js → ssr-b2c0b401.js}

@@ -1,4 +1,4 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import styled from '@appbaseio/vue-emotion';
 import NoSSR from 'vue-no-ssr';
 

package/dist/es/{utils-9b45e0ab.js → utils-9e68acee.js}

@@ -1,5 +1,5 @@
 import { helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 
 var getAggsOrder = helper.getAggsOrder;
 

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "1.30.0";
+var version = "2.0.0-alpha.1";
 
 export default version;

package/dist/es/{vueTypes-687b2304.js → vueTypes-b8146772.js}

@@ -3,21 +3,35 @@ import VueTypes from 'vue-types';
 VueTypes.sensibleDefaults = false;
 var reactKeyType = VueTypes.oneOfType([VueTypes.string, VueTypes.arrayOf(VueTypes.string), VueTypes.object, VueTypes.arrayOf(VueTypes.object)]);
 
-function validateLocation(props, propName) {
-  // eslint-disable-next-line
-  if (isNaN(props[propName])) {
-    return new Error(propName + " value must be a VueTypes.number");
+function validateLocation(value) {
+  if (!value || !value.lat || !value.lng) {
+    console.error(new Error('location must be an object with lat and lng keys defined'));
+    return false;
+  } // eslint-disable-next-line
+
+
+  if (isNaN(value.lat)) {
+    console.error(new Error('lat value must be a number'));
+    return false;
+  } // eslint-disable-next-line
+
+
+  if (isNaN(value.lat)) {
+    console.error(new Error('lng value must be a number'));
+    return false;
   }
 
-  if (propName === 'lat' && (props[propName] < -90 || props[propName] > 90)) {
-    return new Error(propName + " value should be between -90 and 90.");
+  if (value.lat < -90 || value.lat > 90) {
+    console.error(new Error('lat value should be between -90 and 90.'));
+    return false;
   }
 
-  if (propName === 'lng' && (props[propName] < -180 || props[propName] > 180)) {
-    return new Error(propName + " value should be between -180 and 180.");
+  if (value.lat < -180 || value.lat > 180) {
+    console.error(new Error('lng value should be between -180 and 180.'));
+    return false;
   }
 
-  return null;
+  return true;
 }
 
 var types = {
@@ -88,10 +102,7 @@ var types = {
   rangeLabelsAlign: VueTypes.oneOf(['left', 'right']),
   title: VueTypes.oneOfType([VueTypes.string, VueTypes.any]),
   tooltipTrigger: VueTypes.oneOf(['always', 'none', 'hover']),
-  location: VueTypes.shape({
-    lat: validateLocation,
-    lng: validateLocation
-  }),
+  location: VueTypes.custom(validateLocation),
   unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
   value: VueTypes.string.def(undefined),
   analyticsConfig: VueTypes.shape({
@@ -114,6 +125,12 @@ var types = {
   mongodb: VueTypes.shape({
     db: VueTypes.string,
     collection: VueTypes.string
+  }),
+  endpointConfig: VueTypes.shape({
+    url: VueTypes.string.isRequired,
+    method: VueTypes.string,
+    headers: VueTypes.object,
+    body: VueTypes.object
   })
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.30.0",
+	"version": "2.0.0-alpha.1",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,20 +34,22 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/reactivecore": "9.14.17",
+		"@appbaseio/reactivecore": "9.14.22",
 		"@appbaseio/vue-emotion": "0.4.4",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-		"appbase-js": "^5.0.0",
+		"appbase-js": "^5.1.0",
 		"compute-scroll-into-view": "^1.0.11",
 		"emotion": "9.2.12",
+		"gmap-vue": "^3.5.4",
 		"hotkeys-js": "^3.8.7",
+		"ngeohash": "^0.6.3",
 		"polished": "^2.2.0",
 		"redux": "^4.0.0",
 		"url-search-params-polyfill": "^7.0.0",
 		"vue-highlight-words": "^1.2.0",
 		"vue-no-ssr": "^1.1.0",
 		"vue-slider-component": "^3.2.15",
-		"vue-types": "^1.3.3"
+		"vue-types": "^1.7.0"
 	},
 	"peerDependencies": {
 		"vue": "^2.6.10"
@@ -62,12 +64,14 @@
 		"@babel/preset-env": "^7.5.5",
 		"@babel/preset-stage-2": "^7.0.0",
 		"@vue/babel-preset-jsx": "^1.1.0",
+		"@vue/compiler-sfc": "^3.0.11",
 		"eslint": "^4.12.0",
 		"eslint-config-airbnb-base": "^13.1.0",
 		"eslint-config-prettier": "^3.1.0",
 		"eslint-plugin-vue": "^4.7.1",
 		"nps": "^5.9.3",
 		"nps-utils": "^1.7.0",
+		"postcss": "^8.3.0",
 		"rollup": "^1.20.3",
 		"rollup-plugin-babel": "^4.3.3",
 		"rollup-plugin-commonjs": "^10.1.0",
@@ -75,8 +79,10 @@
 		"rollup-plugin-node-builtins": "^2.1.2",
 		"rollup-plugin-node-globals": "^1.4.0",
 		"rollup-plugin-node-resolve": "^5.2.0",
+		"rollup-plugin-postcss": "^4.0.0",
 		"rollup-plugin-replace": "^2.2.0",
 		"rollup-plugin-terser": "^5.1.1",
+		"rollup-plugin-vue": "^6.0.0",
 		"vue-eslint-parser": "^3.2.2"
 	}
 }