@appbaseio/reactivesearch-vue 1.16.0-alpha.55 → 1.16.0-alpha.56

package/dist/cjs/ReactiveGoogleMap.js

@@ -22,13 +22,9 @@ var index = require('./index-d44a0a21.js');
 var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var FormControlList = require('./FormControlList-73497794.js');
-var GmapMapFull = require('gmap-vue');
-var Map = _interopDefault(require('gmap-vue/dist/components-implementation/map'));
+var GmapVue = require('gmap-vue');
+var GmapVue__default = _interopDefault(GmapVue);
 var geohash = _interopDefault(require('ngeohash'));
-var GmapCluster = _interopDefault(require('gmap-vue/dist/components/cluster'));
-var InfoWindow = _interopDefault(require('gmap-vue/dist/components-implementation/info-window'));
-var Marker = _interopDefault(require('gmap-vue/dist/components/marker'));
-var MapElementMixin = _interopDefault(require('gmap-vue/dist/mixins/map-element'));
 
 var setStreaming = configureStore.Actions.setStreaming,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -904,6 +900,7 @@ ReactiveMap.install = function (Vue) {
 
 ReactiveMap.componentType = constants.componentTypes.reactiveMap;
 
+var InfoWindow = GmapVue.components.InfoWindow;
 var InfoWindowWrapper = {
   name: 'InfoWindowWrapper',
   props: {
@@ -937,6 +934,8 @@ var InfoWindowWrapper = {
   }
 };
 
+var MapElementMixin = GmapVue.components.MapElementMixin; // Note: This file has been taken from https://github.com/eregnier/vue2-gmap-custom-marker/blob/master/gmap-custom-marker.vue
+
 var MarkerWithLabel = {
   name: 'MarkerWithLabel',
   props: {
@@ -1055,6 +1054,10 @@ var MarkerWithLabel = {
             return _this3.repaint();
           };
 
+          _this3.getVisible = function () {
+            return true;
+          };
+
           return _this3;
         }
 
@@ -1221,6 +1224,7 @@ var MapPin = styled__default('div')(_templateObject || (_templateObject = _rollu
 var MapPinArrow = styled__default('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tborder-color: rgba(0, 0, 0, 0.2);\n\tborder-style: solid;\n\tborder-width: 0 1px 1px 0;\n\tmargin-left: -6px;\n\tbackground-color: #fff;\n\tmargin-top: -6px;\n\twidth: 12px;\n\theight: 12px;\n\t-webkit-transform: rotate(45deg);\n\t-ms-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n"])));
 var mapPinWrapper = styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t&:hover,\n\t&:focus {\n\t\tz-index: 200;\n\t}\n"])));
 
+var Marker = GmapVue.components.Marker;
 var recordResultClick$1 = configureStore.Actions.recordResultClick;
 var GoogleMapMarker = {
   name: 'GoogleMapMarker',
@@ -1458,6 +1462,7 @@ var GoogleMapMarker$1 = index.connect(function () {
   return null;
 }, mapDispatchToProps$1)(GoogleMapMarker);
 
+var Cluster = GmapVue.components.Cluster;
 var GoogleMapMarkers = {
   name: 'GoogleMapMarkers',
   props: {
@@ -1533,7 +1538,7 @@ var GoogleMapMarkers = {
     };
 
     if (this.showMarkerClusters) {
-      return h("div", [h(GmapCluster, {
+      return h("div", [h(Cluster, {
         "props": _rollupPluginBabelHelpers._extends({}, this.clusterProps),
         "on": {
           "click": function click(cluster) {
@@ -1592,6 +1597,7 @@ var GoogleMapMarkers = {
   }
 };
 
+var Map = GmapVue.components.MapLayer;
 var ReactiveGoogleMap = {
   name: 'ReactiveGoogleMap',
   props: {
@@ -1749,7 +1755,7 @@ ReactiveGoogleMap.install = function (Vue, options) {
     console.error('ReactiveSearch: map key is required to use ReactiveGoogleMap component');
   }
 
-  Vue.use(GmapMapFull, {
+  Vue.use(GmapVue__default, {
     load: {
       key: options.key,
       libraries: 'places'

package/dist/cjs/index.js

@@ -56,13 +56,8 @@ var RangeSlider = require('./RangeSlider.js');
 var DynamicRangeSlider = require('./DynamicRangeSlider.js');
 var StateProvider = require('./StateProvider.js');
 require('gmap-vue');
-require('gmap-vue/dist/components-implementation/map');
 require('ngeohash');
 var ReactiveGoogleMap = require('./ReactiveGoogleMap.js');
-require('gmap-vue/dist/components/cluster');
-require('gmap-vue/dist/components-implementation/info-window');
-require('gmap-vue/dist/components/marker');
-require('gmap-vue/dist/mixins/map-element');
 require('@appbaseio/reactivecore/lib/reducers/valueReducer');
 require('@appbaseio/reactivecore/lib/reducers/queryReducer');
 require('@appbaseio/reactivecore/lib/reducers/queryOptionsReducer');

package/dist/cjs/version.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.16.0-alpha.55";
+var version = "1.16.0-alpha.56";
 
 exports.default = version;

package/dist/es/ReactiveGoogleMap.js

@@ -14,13 +14,8 @@ import { h as hasCustomRenderer, i as isQueryIdentical, g as getComponent, a as
 import { C as ComponentWrapper } from './ComponentWrapper-bbb717bc.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { C as Checkbox } from './FormControlList-fe389a2e.js';
-import * as GmapMapFull from 'gmap-vue';
-import Map from 'gmap-vue/dist/components-implementation/map';
+import GmapVue, { components } from 'gmap-vue';
 import geohash from 'ngeohash';
-import GmapCluster from 'gmap-vue/dist/components/cluster';
-import InfoWindow from 'gmap-vue/dist/components-implementation/info-window';
-import Marker from 'gmap-vue/dist/components/marker';
-import MapElementMixin from 'gmap-vue/dist/mixins/map-element';
 
 var setStreaming = Actions.setStreaming,
     setQueryOptions = Actions.setQueryOptions,
@@ -896,6 +891,7 @@ ReactiveMap.install = function (Vue) {
 
 ReactiveMap.componentType = componentTypes.reactiveMap;
 
+var InfoWindow = components.InfoWindow;
 var InfoWindowWrapper = {
   name: 'InfoWindowWrapper',
   props: {
@@ -929,6 +925,8 @@ var InfoWindowWrapper = {
   }
 };
 
+var MapElementMixin = components.MapElementMixin; // Note: This file has been taken from https://github.com/eregnier/vue2-gmap-custom-marker/blob/master/gmap-custom-marker.vue
+
 var MarkerWithLabel = {
   name: 'MarkerWithLabel',
   props: {
@@ -1047,6 +1045,10 @@ var MarkerWithLabel = {
             return _this3.repaint();
           };
 
+          _this3.getVisible = function () {
+            return true;
+          };
+
           return _this3;
         }
 
@@ -1213,6 +1215,7 @@ var MapPin = styled('div')(_templateObject || (_templateObject = _taggedTemplate
 var MapPinArrow = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tborder-color: rgba(0, 0, 0, 0.2);\n\tborder-style: solid;\n\tborder-width: 0 1px 1px 0;\n\tmargin-left: -6px;\n\tbackground-color: #fff;\n\tmargin-top: -6px;\n\twidth: 12px;\n\theight: 12px;\n\t-webkit-transform: rotate(45deg);\n\t-ms-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n"])));
 var mapPinWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\t&:hover,\n\t&:focus {\n\t\tz-index: 200;\n\t}\n"])));
 
+var Marker = components.Marker;
 var recordResultClick$1 = Actions.recordResultClick;
 var GoogleMapMarker = {
   name: 'GoogleMapMarker',
@@ -1450,6 +1453,7 @@ var GoogleMapMarker$1 = connect(function () {
   return null;
 }, mapDispatchToProps$1)(GoogleMapMarker);
 
+var Cluster = components.Cluster;
 var GoogleMapMarkers = {
   name: 'GoogleMapMarkers',
   props: {
@@ -1525,7 +1529,7 @@ var GoogleMapMarkers = {
     };
 
     if (this.showMarkerClusters) {
-      return h("div", [h(GmapCluster, {
+      return h("div", [h(Cluster, {
         "props": _extends({}, this.clusterProps),
         "on": {
           "click": function click(cluster) {
@@ -1584,6 +1588,7 @@ var GoogleMapMarkers = {
   }
 };
 
+var Map = components.MapLayer;
 var ReactiveGoogleMap = {
   name: 'ReactiveGoogleMap',
   props: {
@@ -1741,7 +1746,7 @@ ReactiveGoogleMap.install = function (Vue, options) {
     console.error('ReactiveSearch: map key is required to use ReactiveGoogleMap component');
   }
 
-  Vue.use(GmapMapFull, {
+  Vue.use(GmapVue, {
     load: {
       key: options.key,
       libraries: 'places'

package/dist/es/index.js

@@ -53,13 +53,8 @@ export { default as RangeSlider } from './RangeSlider.js';
 export { default as DynamicRangeSlider } from './DynamicRangeSlider.js';
 export { default as StateProvider } from './StateProvider.js';
 import 'gmap-vue';
-import 'gmap-vue/dist/components-implementation/map';
 import 'ngeohash';
 export { default as ReactiveGoogleMap } from './ReactiveGoogleMap.js';
-import 'gmap-vue/dist/components/cluster';
-import 'gmap-vue/dist/components-implementation/info-window';
-import 'gmap-vue/dist/components/marker';
-import 'gmap-vue/dist/mixins/map-element';
 import '@appbaseio/reactivecore/lib/reducers/valueReducer';
 import '@appbaseio/reactivecore/lib/reducers/queryReducer';
 import '@appbaseio/reactivecore/lib/reducers/queryOptionsReducer';

package/dist/es/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "1.16.0-alpha.55",
+	"version": "1.16.0-alpha.56",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,15 +34,15 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/reactivecore": "9.14.9",
+		"@appbaseio/reactivecore": "9.14.12",
 		"@appbaseio/vue-emotion": "0.4.4",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
 		"appbase-js": "^5.0.0",
 		"compute-scroll-into-view": "^1.0.11",
 		"emotion": "9.2.12",
-		"gmap-vue": "^1.5.0",
-		"ngeohash": "^0.6.3",
+		"gmap-vue": "^3.5.2",
 		"hotkeys-js": "^3.8.7",
+		"ngeohash": "^0.6.3",
 		"polished": "^2.2.0",
 		"redux": "^4.0.0",
 		"url-search-params-polyfill": "^7.0.0",