@blaze-cms/plugin-google-maps-fe 0.138.0-core-styles.0 → 0.138.0-core-styles.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -129
- package/lib/GoogleMaps/GoogleMaps.js +6 -5
- package/lib/GoogleMaps/GoogleMaps.js.map +1 -1
- package/lib/GoogleMaps/GoogleMapsFactory.js +1 -2
- package/lib/GoogleMaps/GoogleMapsFactory.js.map +1 -1
- package/lib/GoogleMaps/GoogleMapsHtml.js +1 -2
- package/lib/GoogleMaps/GoogleMapsHtml.js.map +1 -1
- package/lib/GoogleMaps/GoogleMapsRender.js +1 -2
- package/lib/GoogleMaps/GoogleMapsRender.js.map +1 -1
- package/lib/GoogleMaps/helpers/add-zoom-listener.js +3 -4
- package/lib/GoogleMaps/helpers/add-zoom-listener.js.map +1 -1
- package/lib/GoogleMaps/helpers/build-map-shapes.js +1 -2
- package/lib/GoogleMaps/helpers/build-map-shapes.js.map +1 -1
- package/lib/GoogleMaps/helpers/build-map-type-ids.js +1 -2
- package/lib/GoogleMaps/helpers/build-map-type-ids.js.map +1 -1
- package/lib/GoogleMaps/helpers/build-query.js +1 -2
- package/lib/GoogleMaps/helpers/build-query.js.map +1 -1
- package/lib/GoogleMaps/helpers/build-shapes-configs.js +1 -2
- package/lib/GoogleMaps/helpers/build-shapes-configs.js.map +1 -1
- package/lib/GoogleMaps/helpers/get-center-coordinates.js +1 -2
- package/lib/GoogleMaps/helpers/get-center-coordinates.js.map +1 -1
- package/lib/GoogleMaps/helpers/get-image-ids.js +1 -2
- package/lib/GoogleMaps/helpers/get-image-ids.js.map +1 -1
- package/lib/GoogleMaps/helpers/get-path.js +1 -2
- package/lib/GoogleMaps/helpers/get-path.js.map +1 -1
- package/lib/GoogleMaps/helpers/set-map-options.js +1 -2
- package/lib/GoogleMaps/helpers/set-map-options.js.map +1 -1
- package/lib/GoogleMaps/helpers/set-shapes.js +15 -13
- package/lib/GoogleMaps/helpers/set-shapes.js.map +1 -1
- package/lib/GoogleMaps/hooks/use-get-entity-schemas.js +1 -2
- package/lib/GoogleMaps/hooks/use-get-entity-schemas.js.map +1 -1
- package/lib/GoogleMaps/hooks/use-get-images.js +1 -2
- package/lib/GoogleMaps/hooks/use-get-images.js.map +1 -1
- package/lib/GoogleMaps/index.js +1 -2
- package/lib/GoogleMaps/index.js.map +1 -1
- package/lib/GoogleMaps/queries.js +6 -12
- package/lib/GoogleMaps/queries.js.map +1 -1
- package/lib/constants.js +35 -70
- package/lib/constants.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib-es/GoogleMaps/GoogleMaps.js +3 -1
- package/lib-es/GoogleMaps/GoogleMaps.js.map +1 -1
- package/lib-es/GoogleMaps/GoogleMapsRender.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/add-zoom-listener.js +2 -2
- package/lib-es/GoogleMaps/helpers/add-zoom-listener.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/set-shapes.js +12 -9
- package/lib-es/GoogleMaps/helpers/set-shapes.js.map +1 -1
- package/package.json +3 -3
- package/src/GoogleMaps/GoogleMaps.js +3 -1
- package/src/GoogleMaps/GoogleMapsRender.js +1 -0
- package/src/GoogleMaps/helpers/add-zoom-listener.js +2 -2
- package/src/GoogleMaps/helpers/set-shapes.js +16 -13
package/lib/constants.js
CHANGED
|
@@ -5,53 +5,35 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.ZOOM_CHANGED = exports.URL = exports.TERRAIN = exports.SCRIPT = exports.SATELLITE = exports.ROADMAP = exports.RECTANGLE = exports.POLYLINE = exports.POLYGON = exports.PLUGIN_NAME = exports.NONE = exports.MARKER = exports.LOAD = exports.LIST = exports.IN_VIEW_CONFIG = exports.IMAGE_ID = exports.ID = exports.HEADING_LARGE = exports.GOOGLE_MAPS_SCRIPT = exports.FILL_OPTIONS = exports.FEATURE_TYPE_MAP = exports.ELEMENT_GEOMETRY = exports.DISABLE_TRANSPORTATION_STYLES = exports.DISABLE_POI_STYLES = exports.DISABLE_LABELS_STYLES = exports.DISABLE_BOUNDARIES_STYLES = exports.DEFAULT_SELECT_VALUE = exports.DEFAULT_OPTIONS = exports.DEFAULT_CUSTOM_MARKER_PATH = exports.DEFAULT_COLOR = exports.COOPERATIVE = exports.COLOR = exports.CLICK = exports.CIRCLE = exports.ALL = void 0;
|
|
8
|
-
var PLUGIN_NAME = 'google-maps-fe';
|
|
9
|
-
exports.
|
|
10
|
-
var
|
|
11
|
-
exports.
|
|
12
|
-
var
|
|
13
|
-
exports.
|
|
14
|
-
var
|
|
15
|
-
exports.
|
|
16
|
-
var
|
|
17
|
-
exports.
|
|
18
|
-
var
|
|
19
|
-
exports.
|
|
20
|
-
var
|
|
21
|
-
exports.
|
|
22
|
-
var
|
|
23
|
-
exports.
|
|
24
|
-
var TERRAIN = 'terrain';
|
|
25
|
-
exports.TERRAIN = TERRAIN;
|
|
26
|
-
var MARKER = 'marker';
|
|
27
|
-
exports.MARKER = MARKER;
|
|
28
|
-
var POLYLINE = 'polyline';
|
|
29
|
-
exports.POLYLINE = POLYLINE;
|
|
30
|
-
var POLYGON = 'polygon';
|
|
31
|
-
exports.POLYGON = POLYGON;
|
|
32
|
-
var RECTANGLE = 'rectangle';
|
|
33
|
-
exports.RECTANGLE = RECTANGLE;
|
|
34
|
-
var CIRCLE = 'circle';
|
|
35
|
-
exports.CIRCLE = CIRCLE;
|
|
36
|
-
var DEFAULT_COLOR = '#FF0000';
|
|
37
|
-
exports.DEFAULT_COLOR = DEFAULT_COLOR;
|
|
38
|
-
var DEFAULT_OPTIONS = {
|
|
8
|
+
var PLUGIN_NAME = exports.PLUGIN_NAME = 'google-maps-fe';
|
|
9
|
+
var GOOGLE_MAPS_SCRIPT = exports.GOOGLE_MAPS_SCRIPT = 'https://maps.googleapis.com/maps/api/js?key=';
|
|
10
|
+
var COOPERATIVE = exports.COOPERATIVE = 'cooperative';
|
|
11
|
+
var NONE = exports.NONE = 'none';
|
|
12
|
+
var LOAD = exports.LOAD = 'load';
|
|
13
|
+
var SCRIPT = exports.SCRIPT = 'script';
|
|
14
|
+
var ROADMAP = exports.ROADMAP = 'roadmap';
|
|
15
|
+
var SATELLITE = exports.SATELLITE = 'satellite';
|
|
16
|
+
var TERRAIN = exports.TERRAIN = 'terrain';
|
|
17
|
+
var MARKER = exports.MARKER = 'marker';
|
|
18
|
+
var POLYLINE = exports.POLYLINE = 'polyline';
|
|
19
|
+
var POLYGON = exports.POLYGON = 'polygon';
|
|
20
|
+
var RECTANGLE = exports.RECTANGLE = 'rectangle';
|
|
21
|
+
var CIRCLE = exports.CIRCLE = 'circle';
|
|
22
|
+
var DEFAULT_COLOR = exports.DEFAULT_COLOR = '#FF0000';
|
|
23
|
+
var DEFAULT_OPTIONS = exports.DEFAULT_OPTIONS = {
|
|
39
24
|
strokeOpacity: 1.0,
|
|
40
25
|
strokeWeight: 2
|
|
41
26
|
};
|
|
42
|
-
exports.
|
|
43
|
-
var FILL_OPTIONS = {
|
|
27
|
+
var FILL_OPTIONS = exports.FILL_OPTIONS = {
|
|
44
28
|
fillOpacity: 0.35
|
|
45
29
|
};
|
|
46
|
-
exports.
|
|
47
|
-
var DISABLE_LABELS_STYLES = [{
|
|
30
|
+
var DISABLE_LABELS_STYLES = exports.DISABLE_LABELS_STYLES = [{
|
|
48
31
|
elementType: 'labels',
|
|
49
32
|
stylers: [{
|
|
50
33
|
visibility: 'off'
|
|
51
34
|
}]
|
|
52
35
|
}];
|
|
53
|
-
exports.
|
|
54
|
-
var DISABLE_BOUNDARIES_STYLES = [{
|
|
36
|
+
var DISABLE_BOUNDARIES_STYLES = exports.DISABLE_BOUNDARIES_STYLES = [{
|
|
55
37
|
featureType: 'administrative',
|
|
56
38
|
elementType: 'geometry',
|
|
57
39
|
stylers: [{
|
|
@@ -68,15 +50,13 @@ var DISABLE_BOUNDARIES_STYLES = [{
|
|
|
68
50
|
visibility: 'off'
|
|
69
51
|
}]
|
|
70
52
|
}];
|
|
71
|
-
exports.
|
|
72
|
-
var DISABLE_POI_STYLES = [{
|
|
53
|
+
var DISABLE_POI_STYLES = exports.DISABLE_POI_STYLES = [{
|
|
73
54
|
featureType: 'poi',
|
|
74
55
|
stylers: [{
|
|
75
56
|
visibility: 'off'
|
|
76
57
|
}]
|
|
77
58
|
}];
|
|
78
|
-
exports.
|
|
79
|
-
var DISABLE_TRANSPORTATION_STYLES = [{
|
|
59
|
+
var DISABLE_TRANSPORTATION_STYLES = exports.DISABLE_TRANSPORTATION_STYLES = [{
|
|
80
60
|
featureType: 'road',
|
|
81
61
|
stylers: [{
|
|
82
62
|
visibility: 'off'
|
|
@@ -93,39 +73,24 @@ var DISABLE_TRANSPORTATION_STYLES = [{
|
|
|
93
73
|
visibility: 'off'
|
|
94
74
|
}]
|
|
95
75
|
}];
|
|
96
|
-
exports.
|
|
97
|
-
var
|
|
98
|
-
exports.
|
|
99
|
-
var
|
|
100
|
-
exports.
|
|
101
|
-
var
|
|
102
|
-
exports.
|
|
103
|
-
var
|
|
104
|
-
exports.URL = URL;
|
|
105
|
-
var ID = 'id';
|
|
106
|
-
exports.ID = ID;
|
|
107
|
-
var CLICK = 'click';
|
|
108
|
-
exports.CLICK = CLICK;
|
|
109
|
-
var ELEMENT_GEOMETRY = 'geometry.fill';
|
|
110
|
-
exports.ELEMENT_GEOMETRY = ELEMENT_GEOMETRY;
|
|
111
|
-
var FEATURE_TYPE_MAP = {
|
|
76
|
+
var ZOOM_CHANGED = exports.ZOOM_CHANGED = 'zoom_changed';
|
|
77
|
+
var COLOR = exports.COLOR = 'Color';
|
|
78
|
+
var IMAGE_ID = exports.IMAGE_ID = 'imageId';
|
|
79
|
+
var URL = exports.URL = 'url';
|
|
80
|
+
var ID = exports.ID = 'id';
|
|
81
|
+
var CLICK = exports.CLICK = 'click';
|
|
82
|
+
var ELEMENT_GEOMETRY = exports.ELEMENT_GEOMETRY = 'geometry.fill';
|
|
83
|
+
var FEATURE_TYPE_MAP = exports.FEATURE_TYPE_MAP = {
|
|
112
84
|
waterColor: 'water',
|
|
113
85
|
landscapeColor: 'landscape'
|
|
114
86
|
};
|
|
115
|
-
exports.
|
|
116
|
-
var
|
|
117
|
-
exports.
|
|
118
|
-
var
|
|
119
|
-
exports.HEADING_LARGE = HEADING_LARGE;
|
|
120
|
-
var LIST = 'list';
|
|
121
|
-
exports.LIST = LIST;
|
|
122
|
-
var IN_VIEW_CONFIG = {
|
|
87
|
+
var ALL = exports.ALL = 'all';
|
|
88
|
+
var HEADING_LARGE = exports.HEADING_LARGE = 'heading_large';
|
|
89
|
+
var LIST = exports.LIST = 'list';
|
|
90
|
+
var IN_VIEW_CONFIG = exports.IN_VIEW_CONFIG = {
|
|
123
91
|
once: true,
|
|
124
92
|
offset: '200px'
|
|
125
93
|
};
|
|
126
|
-
exports.
|
|
127
|
-
var
|
|
128
|
-
exports.DEFAULT_SELECT_VALUE = DEFAULT_SELECT_VALUE;
|
|
129
|
-
var DEFAULT_CUSTOM_MARKER_PATH = 'M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z';
|
|
130
|
-
exports.DEFAULT_CUSTOM_MARKER_PATH = DEFAULT_CUSTOM_MARKER_PATH;
|
|
94
|
+
var DEFAULT_SELECT_VALUE = exports.DEFAULT_SELECT_VALUE = 'Default';
|
|
95
|
+
var DEFAULT_CUSTOM_MARKER_PATH = exports.DEFAULT_CUSTOM_MARKER_PATH = 'M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z';
|
|
131
96
|
//# sourceMappingURL=constants.js.map
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","GOOGLE_MAPS_SCRIPT","COOPERATIVE","NONE","LOAD","SCRIPT","ROADMAP","SATELLITE","TERRAIN","MARKER","POLYLINE","POLYGON","RECTANGLE","CIRCLE","DEFAULT_COLOR","DEFAULT_OPTIONS","strokeOpacity","strokeWeight","FILL_OPTIONS","fillOpacity","DISABLE_LABELS_STYLES","elementType","stylers","visibility","DISABLE_BOUNDARIES_STYLES","featureType","DISABLE_POI_STYLES","DISABLE_TRANSPORTATION_STYLES","ZOOM_CHANGED","COLOR","IMAGE_ID","URL","ID","CLICK","ELEMENT_GEOMETRY","FEATURE_TYPE_MAP","waterColor","landscapeColor","ALL","HEADING_LARGE","LIST","IN_VIEW_CONFIG","once","offset","DEFAULT_SELECT_VALUE","DEFAULT_CUSTOM_MARKER_PATH"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'google-maps-fe';\nconst GOOGLE_MAPS_SCRIPT = 'https://maps.googleapis.com/maps/api/js?key=';\nconst COOPERATIVE = 'cooperative';\nconst NONE = 'none';\nconst LOAD = 'load';\nconst SCRIPT = 'script';\nconst ROADMAP = 'roadmap';\nconst SATELLITE = 'satellite';\nconst TERRAIN = 'terrain';\nconst MARKER = 'marker';\nconst POLYLINE = 'polyline';\nconst POLYGON = 'polygon';\nconst RECTANGLE = 'rectangle';\nconst CIRCLE = 'circle';\nconst DEFAULT_COLOR = '#FF0000';\nconst DEFAULT_OPTIONS = {\n strokeOpacity: 1.0,\n strokeWeight: 2\n};\nconst FILL_OPTIONS = {\n fillOpacity: 0.35\n};\n\nconst DISABLE_LABELS_STYLES = [\n {\n elementType: 'labels',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n }\n];\n\nconst DISABLE_BOUNDARIES_STYLES = [\n {\n featureType: 'administrative',\n elementType: 'geometry',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n },\n {\n featureType: 'administrative.land_parcel',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n },\n {\n featureType: 'administrative.neighborhood',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n }\n];\n\nconst DISABLE_POI_STYLES = [\n {\n featureType: 'poi',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n }\n];\n\nconst DISABLE_TRANSPORTATION_STYLES = [\n {\n featureType: 'road',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n },\n {\n featureType: 'road',\n elementType: 'labels.icon',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n },\n {\n featureType: 'transit',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n }\n];\n\nconst ZOOM_CHANGED = 'zoom_changed';\nconst COLOR = 'Color';\nconst IMAGE_ID = 'imageId';\nconst URL = 'url';\nconst ID = 'id';\nconst CLICK = 'click';\nconst ELEMENT_GEOMETRY = 'geometry.fill';\n\nconst FEATURE_TYPE_MAP = {\n waterColor: 'water',\n landscapeColor: 'landscape'\n};\n\nconst ALL = 'all';\n\nconst HEADING_LARGE = 'heading_large';\nconst LIST = 'list';\n\nconst IN_VIEW_CONFIG = {\n once: true,\n offset: '200px'\n};\n\nconst DEFAULT_SELECT_VALUE = 'Default';\n\nconst DEFAULT_CUSTOM_MARKER_PATH =\n 'M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z';\n\nexport {\n PLUGIN_NAME,\n GOOGLE_MAPS_SCRIPT,\n COOPERATIVE,\n NONE,\n LOAD,\n SCRIPT,\n ROADMAP,\n SATELLITE,\n TERRAIN,\n MARKER,\n POLYLINE,\n POLYGON,\n RECTANGLE,\n CIRCLE,\n DEFAULT_OPTIONS,\n FILL_OPTIONS,\n DEFAULT_COLOR,\n ZOOM_CHANGED,\n COLOR,\n IMAGE_ID,\n URL,\n ID,\n CLICK,\n ELEMENT_GEOMETRY,\n FEATURE_TYPE_MAP,\n ALL,\n HEADING_LARGE,\n LIST,\n IN_VIEW_CONFIG,\n DISABLE_TRANSPORTATION_STYLES,\n DISABLE_POI_STYLES,\n DISABLE_BOUNDARIES_STYLES,\n DISABLE_LABELS_STYLES,\n DEFAULT_SELECT_VALUE,\n DEFAULT_CUSTOM_MARKER_PATH\n};\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,
|
|
1
|
+
{"version":3,"file":"constants.js","names":["PLUGIN_NAME","exports","GOOGLE_MAPS_SCRIPT","COOPERATIVE","NONE","LOAD","SCRIPT","ROADMAP","SATELLITE","TERRAIN","MARKER","POLYLINE","POLYGON","RECTANGLE","CIRCLE","DEFAULT_COLOR","DEFAULT_OPTIONS","strokeOpacity","strokeWeight","FILL_OPTIONS","fillOpacity","DISABLE_LABELS_STYLES","elementType","stylers","visibility","DISABLE_BOUNDARIES_STYLES","featureType","DISABLE_POI_STYLES","DISABLE_TRANSPORTATION_STYLES","ZOOM_CHANGED","COLOR","IMAGE_ID","URL","ID","CLICK","ELEMENT_GEOMETRY","FEATURE_TYPE_MAP","waterColor","landscapeColor","ALL","HEADING_LARGE","LIST","IN_VIEW_CONFIG","once","offset","DEFAULT_SELECT_VALUE","DEFAULT_CUSTOM_MARKER_PATH"],"sources":["../src/constants.js"],"sourcesContent":["const PLUGIN_NAME = 'google-maps-fe';\nconst GOOGLE_MAPS_SCRIPT = 'https://maps.googleapis.com/maps/api/js?key=';\nconst COOPERATIVE = 'cooperative';\nconst NONE = 'none';\nconst LOAD = 'load';\nconst SCRIPT = 'script';\nconst ROADMAP = 'roadmap';\nconst SATELLITE = 'satellite';\nconst TERRAIN = 'terrain';\nconst MARKER = 'marker';\nconst POLYLINE = 'polyline';\nconst POLYGON = 'polygon';\nconst RECTANGLE = 'rectangle';\nconst CIRCLE = 'circle';\nconst DEFAULT_COLOR = '#FF0000';\nconst DEFAULT_OPTIONS = {\n strokeOpacity: 1.0,\n strokeWeight: 2\n};\nconst FILL_OPTIONS = {\n fillOpacity: 0.35\n};\n\nconst DISABLE_LABELS_STYLES = [\n {\n elementType: 'labels',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n }\n];\n\nconst DISABLE_BOUNDARIES_STYLES = [\n {\n featureType: 'administrative',\n elementType: 'geometry',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n },\n {\n featureType: 'administrative.land_parcel',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n },\n {\n featureType: 'administrative.neighborhood',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n }\n];\n\nconst DISABLE_POI_STYLES = [\n {\n featureType: 'poi',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n }\n];\n\nconst DISABLE_TRANSPORTATION_STYLES = [\n {\n featureType: 'road',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n },\n {\n featureType: 'road',\n elementType: 'labels.icon',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n },\n {\n featureType: 'transit',\n stylers: [\n {\n visibility: 'off'\n }\n ]\n }\n];\n\nconst ZOOM_CHANGED = 'zoom_changed';\nconst COLOR = 'Color';\nconst IMAGE_ID = 'imageId';\nconst URL = 'url';\nconst ID = 'id';\nconst CLICK = 'click';\nconst ELEMENT_GEOMETRY = 'geometry.fill';\n\nconst FEATURE_TYPE_MAP = {\n waterColor: 'water',\n landscapeColor: 'landscape'\n};\n\nconst ALL = 'all';\n\nconst HEADING_LARGE = 'heading_large';\nconst LIST = 'list';\n\nconst IN_VIEW_CONFIG = {\n once: true,\n offset: '200px'\n};\n\nconst DEFAULT_SELECT_VALUE = 'Default';\n\nconst DEFAULT_CUSTOM_MARKER_PATH =\n 'M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z';\n\nexport {\n PLUGIN_NAME,\n GOOGLE_MAPS_SCRIPT,\n COOPERATIVE,\n NONE,\n LOAD,\n SCRIPT,\n ROADMAP,\n SATELLITE,\n TERRAIN,\n MARKER,\n POLYLINE,\n POLYGON,\n RECTANGLE,\n CIRCLE,\n DEFAULT_OPTIONS,\n FILL_OPTIONS,\n DEFAULT_COLOR,\n ZOOM_CHANGED,\n COLOR,\n IMAGE_ID,\n URL,\n ID,\n CLICK,\n ELEMENT_GEOMETRY,\n FEATURE_TYPE_MAP,\n ALL,\n HEADING_LARGE,\n LIST,\n IN_VIEW_CONFIG,\n DISABLE_TRANSPORTATION_STYLES,\n DISABLE_POI_STYLES,\n DISABLE_BOUNDARIES_STYLES,\n DISABLE_LABELS_STYLES,\n DEFAULT_SELECT_VALUE,\n DEFAULT_CUSTOM_MARKER_PATH\n};\n"],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -19,8 +19,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
|
|
|
19
19
|
var _dynamic = _interopRequireDefault(require("next/dynamic"));
|
|
20
20
|
var _package = _interopRequireDefault(require("../package.json"));
|
|
21
21
|
var _constants = require("./constants");
|
|
22
|
-
function _getRequireWildcardCache(
|
|
23
|
-
function _interopRequireWildcard(
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2["default"])(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
24
24
|
function load(_x) {
|
|
25
25
|
return _load.apply(this, arguments);
|
|
26
26
|
}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_package","_constants","_getRequireWildcardCache","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_package","_constants","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","_typeof2","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","load","_x","_load","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","app","wrap","_callee$","_context","prev","next","events","once","addComponent","key","component","dynamic","Promise","resolve","then","abrupt","name","PLUGIN_NAME","version","pkg","stop","pluginName"],"sources":["../src/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\nimport pkg from '../package.json';\nimport { PLUGIN_NAME } from './constants';\n\nexport default async function load(app) {\n app.events.once('load:custom:page-builder:component', addComponent => {\n addComponent({\n key: 'googlemaps',\n component: dynamic(() => import(/* webpackChunkName: \"blazePbGoogleMaps\" */ './GoogleMaps'))\n });\n });\n\n return {\n name: PLUGIN_NAME,\n version: pkg.version\n };\n}\n\nload.pluginName = PLUGIN_NAME;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAA0C,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAI,wBAAAJ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,eAAAA,CAAA,oBAAAM,QAAA,aAAAN,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAI,GAAA,CAAAP,CAAA,UAAAG,CAAA,CAAAK,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAlB,CAAA,EAAAe,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,cAAAT,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAiB,GAAA,CAAApB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAEZY,IAAIA,CAAAC,EAAA;EAAA,OAAAC,KAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAAA,SAAAF,MAAA;EAAAA,KAAA,OAAAG,kBAAA,2BAAAC,YAAA,YAAAC,IAAA,CAAnB,SAAAC,QAAoBC,GAAG;IAAA,OAAAH,YAAA,YAAAI,IAAA,UAAAC,SAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UACpCL,GAAG,CAACM,MAAM,CAACC,IAAI,CAAC,oCAAoC,EAAE,UAAAC,YAAY,EAAI;YACpEA,YAAY,CAAC;cACXC,GAAG,EAAE,YAAY;cACjBC,SAAS,EAAE,IAAAC,mBAAO,EAAC;gBAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;kBAAA,OAAAxC,uBAAA,CAAAR,OAAA,EAAa,2CAA4C,cAAc;gBAAA;cAAA,CAAC;YAC7F,CAAC,CAAC;UACJ,CAAC,CAAC;UAAC,OAAAqC,QAAA,CAAAY,MAAA,WAEI;YACLC,IAAI,EAAEC,sBAAW;YACjBC,OAAO,EAAEC,mBAAG,CAACD;UACf,CAAC;QAAA;QAAA;UAAA,OAAAf,QAAA,CAAAiB,IAAA;MAAA;IAAA,GAAArB,OAAA;EAAA,CACF;EAAA,OAAAN,KAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAEDJ,IAAI,CAAC8B,UAAU,GAAGJ,sBAAW"}
|
|
@@ -2,6 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
2
2
|
const _excluded = ["type", "name", "modifier", "elementTitle", "imageData", "onMount", "onMountProps", "parent", "mapShapes", "centerCoordinates"];
|
|
3
3
|
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
|
+
import { useApolloClient } from '@apollo/client';
|
|
5
6
|
import { useRouter } from 'next/router';
|
|
6
7
|
import { withTitle } from '@blaze-cms/react-page-builder';
|
|
7
8
|
import { useInView } from '@blaze-react/utils/lib/customHooks';
|
|
@@ -31,6 +32,7 @@ const GoogleMaps = _ref => {
|
|
|
31
32
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
32
33
|
const router = useRouter();
|
|
33
34
|
const [isIntersecting, mapRef] = useInView(IN_VIEW_CONFIG);
|
|
35
|
+
const client = useApolloClient();
|
|
34
36
|
const [map, setMap] = useState();
|
|
35
37
|
useEffect(() => {
|
|
36
38
|
const options = setMapOptions(otherProps);
|
|
@@ -85,7 +87,7 @@ const GoogleMaps = _ref => {
|
|
|
85
87
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
86
88
|
}, []);
|
|
87
89
|
if (map && typeof onMount === `function`) onMount(map, onMountProps);
|
|
88
|
-
if (isIntersecting) addZoomListener(map, router, mapShapes, imageData);
|
|
90
|
+
if (isIntersecting) addZoomListener(map, router, mapShapes, imageData, client);
|
|
89
91
|
return /*#__PURE__*/React.createElement(GoogleMapsHtml, {
|
|
90
92
|
mapRef: mapRef
|
|
91
93
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GoogleMaps.js","names":["React","useEffect","useState","PropTypes","useRouter","withTitle","useInView","functions","isEqual","omit","setMapOptions","addZoomListener","GOOGLE_MAPS_SCRIPT","LOAD","SCRIPT","IN_VIEW_CONFIG","GoogleMapsHtml","shouldNotUpdate","props","nextProps","funcs","nextFuncs","noPropChange","noFuncChange","length","every","fn","toString","GoogleMaps","_ref","type","name","modifier","elementTitle","imageData","onMount","onMountProps","parent","mapShapes","centerCoordinates","otherProps","_objectWithoutProperties","_excluded","router","isIntersecting","mapRef","map","setMap","options","onLoad","initialMap","window","google","maps","Map","current","latitude","lat","longitude","lng","setCenter","bounds","LatLngBounds","forEach","extend","LatLng","fitBounds","script","document","createElement","src","process","env","GOOGLE_MAPS_API_KEY","head","append","addEventListener","removeEventListener","setOptions","enableGeolocation","shouldActivateGeolocation","navigator","geolocation","getCurrentPosition","position","center","coords","propTypes","array","string","func","object","defaultProps","memo"],"sources":["../../src/GoogleMaps/GoogleMaps.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { withTitle } from '@blaze-cms/react-page-builder';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { functions, isEqual, omit } from 'lodash';\nimport { setMapOptions, addZoomListener } from './helpers';\nimport { GOOGLE_MAPS_SCRIPT, LOAD, SCRIPT, IN_VIEW_CONFIG } from '../constants';\nimport GoogleMapsHtml from './GoogleMapsHtml';\n\nconst shouldNotUpdate = (props, nextProps) => {\n const [funcs, nextFuncs] = [functions(props), functions(nextProps)];\n const noPropChange = isEqual(omit(props, funcs), omit(nextProps, nextFuncs));\n const noFuncChange =\n funcs.length === nextFuncs.length &&\n funcs.every(fn => props[fn].toString() === nextProps[fn].toString());\n return noPropChange && noFuncChange;\n};\n\nconst GoogleMaps = ({\n type,\n name,\n modifier,\n elementTitle,\n imageData,\n onMount,\n onMountProps,\n parent,\n mapShapes,\n centerCoordinates,\n ...otherProps\n}) => {\n const router = useRouter();\n const [isIntersecting, mapRef] = useInView(IN_VIEW_CONFIG);\n const [map, setMap] = useState();\n\n useEffect(() => {\n const options = setMapOptions(otherProps);\n const onLoad = () => {\n const initialMap = new window.google.maps.Map(mapRef.current, options);\n if (centerCoordinates.length === 1) {\n const [{ latitude: lat, longitude: lng }] = centerCoordinates;\n initialMap.setCenter({ lat, lng });\n } else {\n const bounds = new window.google.maps.LatLngBounds();\n centerCoordinates.forEach(({ latitude, longitude }) => {\n bounds.extend(new window.google.maps.LatLng(latitude, longitude));\n });\n initialMap.fitBounds(bounds);\n }\n setMap(initialMap);\n };\n\n if (!window.google) {\n const script = document.createElement(SCRIPT);\n script.src = `${GOOGLE_MAPS_SCRIPT}${process.env.GOOGLE_MAPS_API_KEY}`;\n document.head.append(script);\n script.addEventListener(LOAD, onLoad);\n return () => script.removeEventListener(LOAD, onLoad);\n }\n\n onLoad();\n\n if (map) {\n map.setOptions(options);\n const { enableGeolocation } = otherProps;\n const shouldActivateGeolocation = enableGeolocation && navigator.geolocation;\n if (shouldActivateGeolocation) {\n navigator.geolocation.getCurrentPosition(\n position => {\n const center = {\n lat: position.coords.latitude,\n lng: position.coords.longitude\n };\n\n map.setCenter(center);\n },\n () => {}\n );\n }\n }\n\n return () => {};\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (map && typeof onMount === `function`) onMount(map, onMountProps);\n if (isIntersecting) addZoomListener(map, router, mapShapes, imageData);\n\n return <GoogleMapsHtml mapRef={mapRef} />;\n};\n\nGoogleMaps.propTypes = {\n mapShapes: PropTypes.array,\n imageData: PropTypes.array,\n type: PropTypes.string,\n name: PropTypes.string,\n modifier: PropTypes.string,\n elementTitle: PropTypes.string,\n onMount: PropTypes.func,\n onMountProps: PropTypes.object,\n parent: PropTypes.object,\n centerCoordinates: PropTypes.array\n};\n\nGoogleMaps.defaultProps = {\n mapShapes: [],\n imageData: [],\n centerCoordinates: [],\n type: '',\n name: '',\n modifier: '',\n elementTitle: '',\n onMount: null,\n onMountProps: null,\n parent: {}\n};\n\nexport default React.memo(withTitle(GoogleMaps), shouldNotUpdate);\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,QAAQ;AACjD,SAASC,aAAa,EAAEC,eAAe,QAAQ,WAAW;AAC1D,SAASC,kBAAkB,EAAEC,IAAI,EAAEC,MAAM,EAAEC,cAAc,QAAQ,cAAc;AAC/E,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,eAAe,GAAGA,CAACC,KAAK,EAAEC,SAAS,KAAK;EAC5C,MAAM,CAACC,KAAK,EAAEC,SAAS,CAAC,GAAG,CAACd,SAAS,CAACW,KAAK,CAAC,EAAEX,SAAS,CAACY,SAAS,CAAC,CAAC;EACnE,MAAMG,YAAY,GAAGd,OAAO,CAACC,IAAI,CAACS,KAAK,EAAEE,KAAK,CAAC,EAAEX,IAAI,CAACU,SAAS,EAAEE,SAAS,CAAC,CAAC;EAC5E,MAAME,YAAY,GAChBH,KAAK,CAACI,MAAM,KAAKH,SAAS,CAACG,MAAM,IACjCJ,KAAK,CAACK,KAAK,CAACC,EAAE,IAAIR,KAAK,CAACQ,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,KAAKR,SAAS,CAACO,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,CAAC;EACtE,OAAOL,YAAY,IAAIC,YAAY;AACrC,CAAC;AAED,MAAMK,UAAU,GAAGC,IAAA,IAYb;EAAA,IAZc;MAClBC,IAAI;MACJC,IAAI;MACJC,QAAQ;MACRC,YAAY;MACZC,SAAS;MACTC,OAAO;MACPC,YAAY;MACZC,MAAM;MACNC,SAAS;MACTC;IAEF,CAAC,GAAAV,IAAA;IADIW,UAAU,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAEb,MAAMC,MAAM,GAAGvC,SAAS,CAAC,CAAC;EAC1B,MAAM,CAACwC,cAAc,EAAEC,MAAM,CAAC,GAAGvC,SAAS,CAACS,cAAc,CAAC;EAC1D,MAAM
|
|
1
|
+
{"version":3,"file":"GoogleMaps.js","names":["React","useEffect","useState","PropTypes","useApolloClient","useRouter","withTitle","useInView","functions","isEqual","omit","setMapOptions","addZoomListener","GOOGLE_MAPS_SCRIPT","LOAD","SCRIPT","IN_VIEW_CONFIG","GoogleMapsHtml","shouldNotUpdate","props","nextProps","funcs","nextFuncs","noPropChange","noFuncChange","length","every","fn","toString","GoogleMaps","_ref","type","name","modifier","elementTitle","imageData","onMount","onMountProps","parent","mapShapes","centerCoordinates","otherProps","_objectWithoutProperties","_excluded","router","isIntersecting","mapRef","client","map","setMap","options","onLoad","initialMap","window","google","maps","Map","current","latitude","lat","longitude","lng","setCenter","bounds","LatLngBounds","forEach","extend","LatLng","fitBounds","script","document","createElement","src","process","env","GOOGLE_MAPS_API_KEY","head","append","addEventListener","removeEventListener","setOptions","enableGeolocation","shouldActivateGeolocation","navigator","geolocation","getCurrentPosition","position","center","coords","propTypes","array","string","func","object","defaultProps","memo"],"sources":["../../src/GoogleMaps/GoogleMaps.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { withTitle } from '@blaze-cms/react-page-builder';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { functions, isEqual, omit } from 'lodash';\nimport { setMapOptions, addZoomListener } from './helpers';\nimport { GOOGLE_MAPS_SCRIPT, LOAD, SCRIPT, IN_VIEW_CONFIG } from '../constants';\nimport GoogleMapsHtml from './GoogleMapsHtml';\n\nconst shouldNotUpdate = (props, nextProps) => {\n const [funcs, nextFuncs] = [functions(props), functions(nextProps)];\n const noPropChange = isEqual(omit(props, funcs), omit(nextProps, nextFuncs));\n const noFuncChange =\n funcs.length === nextFuncs.length &&\n funcs.every(fn => props[fn].toString() === nextProps[fn].toString());\n return noPropChange && noFuncChange;\n};\n\nconst GoogleMaps = ({\n type,\n name,\n modifier,\n elementTitle,\n imageData,\n onMount,\n onMountProps,\n parent,\n mapShapes,\n centerCoordinates,\n ...otherProps\n}) => {\n const router = useRouter();\n const [isIntersecting, mapRef] = useInView(IN_VIEW_CONFIG);\n const client = useApolloClient();\n const [map, setMap] = useState();\n\n useEffect(() => {\n const options = setMapOptions(otherProps);\n const onLoad = () => {\n const initialMap = new window.google.maps.Map(mapRef.current, options);\n if (centerCoordinates.length === 1) {\n const [{ latitude: lat, longitude: lng }] = centerCoordinates;\n initialMap.setCenter({ lat, lng });\n } else {\n const bounds = new window.google.maps.LatLngBounds();\n centerCoordinates.forEach(({ latitude, longitude }) => {\n bounds.extend(new window.google.maps.LatLng(latitude, longitude));\n });\n initialMap.fitBounds(bounds);\n }\n setMap(initialMap);\n };\n\n if (!window.google) {\n const script = document.createElement(SCRIPT);\n script.src = `${GOOGLE_MAPS_SCRIPT}${process.env.GOOGLE_MAPS_API_KEY}`;\n document.head.append(script);\n script.addEventListener(LOAD, onLoad);\n return () => script.removeEventListener(LOAD, onLoad);\n }\n\n onLoad();\n\n if (map) {\n map.setOptions(options);\n const { enableGeolocation } = otherProps;\n const shouldActivateGeolocation = enableGeolocation && navigator.geolocation;\n if (shouldActivateGeolocation) {\n navigator.geolocation.getCurrentPosition(\n position => {\n const center = {\n lat: position.coords.latitude,\n lng: position.coords.longitude\n };\n\n map.setCenter(center);\n },\n () => {}\n );\n }\n }\n\n return () => {};\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (map && typeof onMount === `function`) onMount(map, onMountProps);\n if (isIntersecting) addZoomListener(map, router, mapShapes, imageData, client);\n\n return <GoogleMapsHtml mapRef={mapRef} />;\n};\n\nGoogleMaps.propTypes = {\n mapShapes: PropTypes.array,\n imageData: PropTypes.array,\n type: PropTypes.string,\n name: PropTypes.string,\n modifier: PropTypes.string,\n elementTitle: PropTypes.string,\n onMount: PropTypes.func,\n onMountProps: PropTypes.object,\n parent: PropTypes.object,\n centerCoordinates: PropTypes.array\n};\n\nGoogleMaps.defaultProps = {\n mapShapes: [],\n imageData: [],\n centerCoordinates: [],\n type: '',\n name: '',\n modifier: '',\n elementTitle: '',\n onMount: null,\n onMountProps: null,\n parent: {}\n};\n\nexport default React.memo(withTitle(GoogleMaps), shouldNotUpdate);\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GoogleMapsRender.js","names":["React","PropTypes","isNumber","useQuery","getAction","useGetImages","buildQuery","getImageIds","getCenterCoordinates","buildMapShapes","GoogleMaps","GoogleMapsHtml","defaultQuery","GoogleMapsRender","_ref","shapeConfigs","entityGroups","id","otherProps","_objectWithoutProperties","_excluded","defaultZoom","query","data","loading","error","skip","mapShapes","imageIds","getFiles","imageData","imagesLoading","imagesError","createElement","centerCoordinates","shouldDisplayMap","length","_extends","key","slug","propTypes","array","string","centerLatitude","number","centerLongitude","defaultProps"],"sources":["../../src/GoogleMaps/GoogleMapsRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNumber from 'lodash.isnumber';\nimport { useQuery } from '@apollo/client';\nimport { getAction } from '@blaze-cms/react-page-builder';\nimport { useGetImages } from './hooks';\nimport { buildQuery, getImageIds, getCenterCoordinates, buildMapShapes } from './helpers';\nimport GoogleMaps from './GoogleMaps';\nimport GoogleMapsHtml from './GoogleMapsHtml';\n\nconst defaultQuery = getAction('getPublishedPages', 'id');\n\nconst GoogleMapsRender = ({ shapeConfigs, entityGroups, id, ...otherProps }) => {\n const { defaultZoom } = otherProps;\n const { query } = buildQuery(shapeConfigs);\n const { data, loading, error } = useQuery(query || defaultQuery, {\n skip: !query\n });\n const mapShapes = buildMapShapes(shapeConfigs, data);\n const imageIds = getImageIds(mapShapes);\n const {\n data: { getFiles: imageData } = {},\n loading: imagesLoading,\n error: imagesError\n } = useGetImages(imageIds);\n if (loading || imagesLoading) return <GoogleMapsHtml />;\n if (error || imagesError) return null;\n\n const centerCoordinates = getCenterCoordinates(mapShapes, otherProps);\n const shouldDisplayMap = isNumber(defaultZoom) && !!centerCoordinates.length;\n\n if (!shouldDisplayMap) return null;\n\n return (\n <GoogleMaps\n key={otherProps.slug}\n centerCoordinates={centerCoordinates}\n mapShapes={mapShapes}\n imageData={imageData}\n {...otherProps}\n />\n );\n};\n\nGoogleMapsRender.propTypes = {\n entityGroups: PropTypes.array,\n id: PropTypes.string,\n shapeConfigs: PropTypes.array,\n centerLatitude: PropTypes.number,\n centerLongitude: PropTypes.number,\n defaultZoom: PropTypes.number\n};\n\nGoogleMapsRender.defaultProps = {\n entityGroups: [],\n shapeConfigs: [],\n id: '',\n centerLatitude: null,\n centerLongitude: null,\n defaultZoom: null\n};\n\nexport default GoogleMapsRender;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,YAAY,QAAQ,SAAS;AACtC,SAASC,UAAU,EAAEC,WAAW,EAAEC,oBAAoB,EAAEC,cAAc,QAAQ,WAAW;AACzF,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,YAAY,GAAGR,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC;AAEzD,MAAMS,gBAAgB,GAAGC,IAAA,IAAuD;EAAA,IAAtD;MAAEC,YAAY;MAAEC,YAAY;MAAEC;IAAkB,CAAC,GAAAH,IAAA;IAAZI,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACvE,MAAM;IAAEC;EAAY,CAAC,GAAGH,UAAU;EAClC,MAAM;IAAEI;EAAM,CAAC,GAAGhB,UAAU,CAACS,YAAY,CAAC;EAC1C,MAAM;IAAEQ,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGtB,QAAQ,CAACmB,KAAK,IAAIV,YAAY,EAAE;IAC/Dc,IAAI,EAAE,CAACJ;EACT,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"GoogleMapsRender.js","names":["React","PropTypes","isNumber","useQuery","getAction","useGetImages","buildQuery","getImageIds","getCenterCoordinates","buildMapShapes","GoogleMaps","GoogleMapsHtml","defaultQuery","GoogleMapsRender","_ref","shapeConfigs","entityGroups","id","otherProps","_objectWithoutProperties","_excluded","defaultZoom","query","data","loading","error","skip","mapShapes","imageIds","getFiles","imageData","imagesLoading","imagesError","createElement","centerCoordinates","shouldDisplayMap","length","_extends","key","slug","propTypes","array","string","centerLatitude","number","centerLongitude","defaultProps"],"sources":["../../src/GoogleMaps/GoogleMapsRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNumber from 'lodash.isnumber';\nimport { useQuery } from '@apollo/client';\nimport { getAction } from '@blaze-cms/react-page-builder';\nimport { useGetImages } from './hooks';\nimport { buildQuery, getImageIds, getCenterCoordinates, buildMapShapes } from './helpers';\nimport GoogleMaps from './GoogleMaps';\nimport GoogleMapsHtml from './GoogleMapsHtml';\n\nconst defaultQuery = getAction('getPublishedPages', 'id');\n\nconst GoogleMapsRender = ({ shapeConfigs, entityGroups, id, ...otherProps }) => {\n const { defaultZoom } = otherProps;\n const { query } = buildQuery(shapeConfigs);\n const { data, loading, error } = useQuery(query || defaultQuery, {\n skip: !query\n });\n\n const mapShapes = buildMapShapes(shapeConfigs, data);\n const imageIds = getImageIds(mapShapes);\n const {\n data: { getFiles: imageData } = {},\n loading: imagesLoading,\n error: imagesError\n } = useGetImages(imageIds);\n if (loading || imagesLoading) return <GoogleMapsHtml />;\n if (error || imagesError) return null;\n\n const centerCoordinates = getCenterCoordinates(mapShapes, otherProps);\n const shouldDisplayMap = isNumber(defaultZoom) && !!centerCoordinates.length;\n\n if (!shouldDisplayMap) return null;\n\n return (\n <GoogleMaps\n key={otherProps.slug}\n centerCoordinates={centerCoordinates}\n mapShapes={mapShapes}\n imageData={imageData}\n {...otherProps}\n />\n );\n};\n\nGoogleMapsRender.propTypes = {\n entityGroups: PropTypes.array,\n id: PropTypes.string,\n shapeConfigs: PropTypes.array,\n centerLatitude: PropTypes.number,\n centerLongitude: PropTypes.number,\n defaultZoom: PropTypes.number\n};\n\nGoogleMapsRender.defaultProps = {\n entityGroups: [],\n shapeConfigs: [],\n id: '',\n centerLatitude: null,\n centerLongitude: null,\n defaultZoom: null\n};\n\nexport default GoogleMapsRender;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,iBAAiB;AACtC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,YAAY,QAAQ,SAAS;AACtC,SAASC,UAAU,EAAEC,WAAW,EAAEC,oBAAoB,EAAEC,cAAc,QAAQ,WAAW;AACzF,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,YAAY,GAAGR,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC;AAEzD,MAAMS,gBAAgB,GAAGC,IAAA,IAAuD;EAAA,IAAtD;MAAEC,YAAY;MAAEC,YAAY;MAAEC;IAAkB,CAAC,GAAAH,IAAA;IAAZI,UAAU,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EACvE,MAAM;IAAEC;EAAY,CAAC,GAAGH,UAAU;EAClC,MAAM;IAAEI;EAAM,CAAC,GAAGhB,UAAU,CAACS,YAAY,CAAC;EAC1C,MAAM;IAAEQ,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGtB,QAAQ,CAACmB,KAAK,IAAIV,YAAY,EAAE;IAC/Dc,IAAI,EAAE,CAACJ;EACT,CAAC,CAAC;EAEF,MAAMK,SAAS,GAAGlB,cAAc,CAACM,YAAY,EAAEQ,IAAI,CAAC;EACpD,MAAMK,QAAQ,GAAGrB,WAAW,CAACoB,SAAS,CAAC;EACvC,MAAM;IACJJ,IAAI,EAAE;MAAEM,QAAQ,EAAEC;IAAU,CAAC,GAAG,CAAC,CAAC;IAClCN,OAAO,EAAEO,aAAa;IACtBN,KAAK,EAAEO;EACT,CAAC,GAAG3B,YAAY,CAACuB,QAAQ,CAAC;EAC1B,IAAIJ,OAAO,IAAIO,aAAa,EAAE,oBAAO/B,KAAA,CAAAiC,aAAA,CAACtB,cAAc,MAAE,CAAC;EACvD,IAAIc,KAAK,IAAIO,WAAW,EAAE,OAAO,IAAI;EAErC,MAAME,iBAAiB,GAAG1B,oBAAoB,CAACmB,SAAS,EAAET,UAAU,CAAC;EACrE,MAAMiB,gBAAgB,GAAGjC,QAAQ,CAACmB,WAAW,CAAC,IAAI,CAAC,CAACa,iBAAiB,CAACE,MAAM;EAE5E,IAAI,CAACD,gBAAgB,EAAE,OAAO,IAAI;EAElC,oBACEnC,KAAA,CAAAiC,aAAA,CAACvB,UAAU,EAAA2B,QAAA;IACTC,GAAG,EAAEpB,UAAU,CAACqB,IAAK;IACrBL,iBAAiB,EAAEA,iBAAkB;IACrCP,SAAS,EAAEA,SAAU;IACrBG,SAAS,EAAEA;EAAU,GACjBZ,UAAU,CACf,CAAC;AAEN,CAAC;AAEDL,gBAAgB,CAAC2B,SAAS,GAAG;EAC3BxB,YAAY,EAAEf,SAAS,CAACwC,KAAK;EAC7BxB,EAAE,EAAEhB,SAAS,CAACyC,MAAM;EACpB3B,YAAY,EAAEd,SAAS,CAACwC,KAAK;EAC7BE,cAAc,EAAE1C,SAAS,CAAC2C,MAAM;EAChCC,eAAe,EAAE5C,SAAS,CAAC2C,MAAM;EACjCvB,WAAW,EAAEpB,SAAS,CAAC2C;AACzB,CAAC;AAED/B,gBAAgB,CAACiC,YAAY,GAAG;EAC9B9B,YAAY,EAAE,EAAE;EAChBD,YAAY,EAAE,EAAE;EAChBE,EAAE,EAAE,EAAE;EACN0B,cAAc,EAAE,IAAI;EACpBE,eAAe,EAAE,IAAI;EACrBxB,WAAW,EAAE;AACf,CAAC;AAED,eAAeR,gBAAgB"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ZOOM_CHANGED } from '../../constants';
|
|
2
2
|
import setShapes from './set-shapes';
|
|
3
|
-
const addZoomListener = (map, router, shapes, imageData) => {
|
|
3
|
+
const addZoomListener = (map, router, shapes, imageData, client) => {
|
|
4
4
|
if (!map) return;
|
|
5
5
|
setShapes(map, router, shapes, imageData);
|
|
6
|
-
map.addListener(ZOOM_CHANGED, () => setShapes(map, router, shapes, imageData));
|
|
6
|
+
map.addListener(ZOOM_CHANGED, () => setShapes(map, router, shapes, imageData, client));
|
|
7
7
|
};
|
|
8
8
|
export default addZoomListener;
|
|
9
9
|
//# sourceMappingURL=add-zoom-listener.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"add-zoom-listener.js","names":["ZOOM_CHANGED","setShapes","addZoomListener","map","router","shapes","imageData","addListener"],"sources":["../../../src/GoogleMaps/helpers/add-zoom-listener.js"],"sourcesContent":["import { ZOOM_CHANGED } from '../../constants';\nimport setShapes from './set-shapes';\n\nconst addZoomListener = (map, router, shapes, imageData) => {\n if (!map) return;\n setShapes(map, router, shapes, imageData);\n map.addListener(ZOOM_CHANGED, () => setShapes(map, router, shapes, imageData));\n};\n\nexport default addZoomListener;\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,eAAe,GAAGA,CAACC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,SAAS,KAAK;
|
|
1
|
+
{"version":3,"file":"add-zoom-listener.js","names":["ZOOM_CHANGED","setShapes","addZoomListener","map","router","shapes","imageData","client","addListener"],"sources":["../../../src/GoogleMaps/helpers/add-zoom-listener.js"],"sourcesContent":["import { ZOOM_CHANGED } from '../../constants';\nimport setShapes from './set-shapes';\n\nconst addZoomListener = (map, router, shapes, imageData, client) => {\n if (!map) return;\n setShapes(map, router, shapes, imageData);\n map.addListener(ZOOM_CHANGED, () => setShapes(map, router, shapes, imageData, client));\n};\n\nexport default addZoomListener;\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,eAAe,GAAGA,CAACC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,MAAM,KAAK;EAClE,IAAI,CAACJ,GAAG,EAAE;EACVF,SAAS,CAACE,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,SAAS,CAAC;EACzCH,GAAG,CAACK,WAAW,CAACR,YAAY,EAAE,MAAMC,SAAS,CAACE,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,MAAM,CAAC,CAAC;AACxF,CAAC;AAED,eAAeL,eAAe"}
|
|
@@ -7,6 +7,7 @@ import React from 'react';
|
|
|
7
7
|
import isNumber from 'lodash.isnumber';
|
|
8
8
|
import ReactDOMServer from 'react-dom/server';
|
|
9
9
|
import { Link } from '@blaze-cms/nextjs-components';
|
|
10
|
+
import { ApolloProvider } from '@apollo/client';
|
|
10
11
|
import { buildPropsToDisplayWithContent, summaryComponents, getClassModifiers } from '@blaze-cms/react-page-builder';
|
|
11
12
|
import getPath from './get-path';
|
|
12
13
|
import { MARKER, POLYLINE, POLYGON, RECTANGLE, CIRCLE, COLOR, CLICK, HEADING_LARGE, LIST, DEFAULT_CUSTOM_MARKER_PATH } from '../../constants';
|
|
@@ -24,7 +25,7 @@ const closeInfoWindows = () => {
|
|
|
24
25
|
infoWindowArray.length = 0;
|
|
25
26
|
}
|
|
26
27
|
};
|
|
27
|
-
const addShapeListeners = (map, router, shape, imageData, shapeInstance) => {
|
|
28
|
+
const addShapeListeners = (map, router, shape, imageData, shapeInstance, client) => {
|
|
28
29
|
const {
|
|
29
30
|
enableInfoPane = false,
|
|
30
31
|
dataSummaries = [],
|
|
@@ -37,7 +38,7 @@ const addShapeListeners = (map, router, shape, imageData, shapeInstance) => {
|
|
|
37
38
|
});
|
|
38
39
|
shapeInstance.addListener(CLICK, async event => {
|
|
39
40
|
closeInfoWindows();
|
|
40
|
-
const content = ReactDOMServer.renderToString(await infoWindowContent(imageData, dataSummaries, url, shapeData));
|
|
41
|
+
const content = ReactDOMServer.renderToString(await infoWindowContent(imageData, dataSummaries, url, shapeData, client));
|
|
41
42
|
infoWindow.setContent(content);
|
|
42
43
|
infoWindow.setPosition(event.latLng);
|
|
43
44
|
infoWindow.open(map, shapeInstance);
|
|
@@ -82,7 +83,7 @@ const getIconUrl = (imageId, imageData) => {
|
|
|
82
83
|
if (!image || !image.url) return '';
|
|
83
84
|
return image.url;
|
|
84
85
|
};
|
|
85
|
-
const infoWindowContent = async (imageData, dataSummaries, url, shapeData) => {
|
|
86
|
+
const infoWindowContent = async (imageData, dataSummaries, url, shapeData, client) => {
|
|
86
87
|
const summariesWithContent = await Promise.all(dataSummaries.map(async dataSummary => {
|
|
87
88
|
const {
|
|
88
89
|
elementTitle,
|
|
@@ -98,12 +99,14 @@ const infoWindowContent = async (imageData, dataSummaries, url, shapeData) => {
|
|
|
98
99
|
|
|
99
100
|
if (!summaryPropsWithContent.length) return null;
|
|
100
101
|
const getDataSummaryComponent = () => {
|
|
101
|
-
const component = /*#__PURE__*/React.createElement(
|
|
102
|
+
const component = /*#__PURE__*/React.createElement(ApolloProvider, {
|
|
103
|
+
client: client
|
|
104
|
+
}, /*#__PURE__*/React.createElement(SummaryComponent, {
|
|
102
105
|
key: type,
|
|
103
106
|
modifier: modifier,
|
|
104
107
|
elementTitle: elementTitle,
|
|
105
108
|
summaryPropsWithContent: summaryPropsWithContent
|
|
106
|
-
});
|
|
109
|
+
}));
|
|
107
110
|
if (isTypeHeading && url) return /*#__PURE__*/React.createElement(Link, {
|
|
108
111
|
href: url
|
|
109
112
|
}, component);
|
|
@@ -167,7 +170,7 @@ function getIcon(imageData, shape) {
|
|
|
167
170
|
};
|
|
168
171
|
return svgMarker;
|
|
169
172
|
}
|
|
170
|
-
const setMarker = (map, router, shape, imageData) => {
|
|
173
|
+
const setMarker = (map, router, shape, imageData, client) => {
|
|
171
174
|
const {
|
|
172
175
|
label = '',
|
|
173
176
|
latitude,
|
|
@@ -184,7 +187,7 @@ const setMarker = (map, router, shape, imageData) => {
|
|
|
184
187
|
icon: svgMarker,
|
|
185
188
|
title: label || ''
|
|
186
189
|
});
|
|
187
|
-
addShapeListeners(map, router, shape, imageData, marker);
|
|
190
|
+
addShapeListeners(map, router, shape, imageData, marker, client);
|
|
188
191
|
shapesArray.push(marker);
|
|
189
192
|
marker.setMap(map);
|
|
190
193
|
}
|
|
@@ -260,7 +263,7 @@ const setCircle = (map, router, shape, imageData) => {
|
|
|
260
263
|
circle.setMap(map);
|
|
261
264
|
}
|
|
262
265
|
};
|
|
263
|
-
const setShapes = (map, router, shapes, imageData) => {
|
|
266
|
+
const setShapes = (map, router, shapes, imageData, client) => {
|
|
264
267
|
const mapZoom = map.getZoom();
|
|
265
268
|
clearShapes();
|
|
266
269
|
shapes.forEach(shape => {
|
|
@@ -273,7 +276,7 @@ const setShapes = (map, router, shapes, imageData) => {
|
|
|
273
276
|
switch (type) {
|
|
274
277
|
case MARKER:
|
|
275
278
|
{
|
|
276
|
-
setMarker(map, router, shape, imageData);
|
|
279
|
+
setMarker(map, router, shape, imageData, client);
|
|
277
280
|
break;
|
|
278
281
|
}
|
|
279
282
|
case POLYLINE:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"set-shapes.js","names":["React","isNumber","ReactDOMServer","Link","buildPropsToDisplayWithContent","summaryComponents","getClassModifiers","getPath","MARKER","POLYLINE","POLYGON","RECTANGLE","CIRCLE","COLOR","CLICK","HEADING_LARGE","LIST","DEFAULT_CUSTOM_MARKER_PATH","shapesArray","infoWindowArray","clearShapes","length","forEach","shape","setMap","closeInfoWindows","infoWindow","close","addShapeListeners","map","router","imageData","shapeInstance","enableInfoPane","dataSummaries","url","shapeData","window","google","maps","InfoWindow","content","addListener","event","renderToString","infoWindowContent","setContent","setPosition","latLng","open","push","setStyleOptions","strokeColor","strokeOpacity","strokeWeight","fillColor","fillOpacity","styleSettings","_objectSpread","Object","keys","reduce","acc","key","settingValue","shouldValueBeNumber","includes","hasValuePassedCondition","areRectangleBoundsNumbers","bounds","every","bound","isPositionCorrect","lat","lng","getIconUrl","imageId","image","find","id","summariesWithContent","Promise","all","dataSummary","elementTitle","type","propsToDisplay","otherProps","_objectWithoutProperties","_excluded","isTypeHeading","summaryPropsWithContent","modifier","SummaryComponent","render","preload","getDataSummaryComponent","component","createElement","href","shouldShowImage","getImageElement","imageUrl","data","imageElement","className","src","alt","altText","Fragment","getIcon","markerWidth","markerHeight","svgPath","iconUrl","icon","scaledSize","Size","svgMarker","path","rotation","scale","setMarker","label","latitude","longitude","marker","Marker","position","title","setPolyline","paths","polyline","Polyline","geodesic","setPolygon","unParsedPaths","polygon","Polygon","setRectangle","northBound","southBound","eastBound","westBound","rectangle","Rectangle","north","south","east","west","setCircle","radius","circle","Circle","center","setShapes","shapes","mapZoom","getZoom","minZoom","maxZoom"],"sources":["../../../src/GoogleMaps/helpers/set-shapes.js"],"sourcesContent":["import React from 'react';\nimport isNumber from 'lodash.isnumber';\nimport ReactDOMServer from 'react-dom/server';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport {\n buildPropsToDisplayWithContent,\n summaryComponents,\n getClassModifiers\n} from '@blaze-cms/react-page-builder';\nimport getPath from './get-path';\nimport {\n MARKER,\n POLYLINE,\n POLYGON,\n RECTANGLE,\n CIRCLE,\n COLOR,\n CLICK,\n HEADING_LARGE,\n LIST,\n DEFAULT_CUSTOM_MARKER_PATH\n} from '../../constants';\n\nconst shapesArray = [];\nconst infoWindowArray = [];\n\nconst clearShapes = () => {\n if (shapesArray.length) {\n shapesArray.forEach(shape => shape.setMap(null));\n shapesArray.length = 0;\n }\n};\n\nconst closeInfoWindows = () => {\n if (infoWindowArray.length) {\n infoWindowArray.forEach(infoWindow => infoWindow.close());\n infoWindowArray.length = 0;\n }\n};\n\nconst addShapeListeners = (map, router, shape, imageData, shapeInstance) => {\n const { enableInfoPane = false, dataSummaries = [], url, shapeData } = shape;\n\n if (enableInfoPane) {\n const infoWindow = new window.google.maps.InfoWindow({\n content: ''\n });\n\n shapeInstance.addListener(CLICK, async event => {\n closeInfoWindows();\n const content = ReactDOMServer.renderToString(\n await infoWindowContent(imageData, dataSummaries, url, shapeData)\n );\n infoWindow.setContent(content);\n infoWindow.setPosition(event.latLng);\n infoWindow.open(map, shapeInstance);\n infoWindowArray.push(infoWindow);\n });\n } else if (url) {\n shapeInstance.addListener(CLICK, () => {\n router.push(url);\n });\n }\n};\n\nconst setStyleOptions = shape => {\n const { strokeColor, strokeOpacity, strokeWeight, fillColor, fillOpacity } = shape;\n const styleSettings = { strokeColor, fillColor, strokeOpacity, strokeWeight, fillOpacity };\n\n return {\n ...Object.keys(styleSettings).reduce((acc, key) => {\n const settingValue = styleSettings[key];\n const shouldValueBeNumber = !key.includes(COLOR);\n const hasValuePassedCondition = shouldValueBeNumber ? isNumber(settingValue) : settingValue;\n if (hasValuePassedCondition) acc[key] = settingValue;\n return acc;\n }, {})\n };\n};\n\nconst areRectangleBoundsNumbers = bounds => bounds.every(bound => isNumber(bound));\n\nconst isPositionCorrect = (lat, lng) => isNumber(lat) && isNumber(lng);\n\nconst getIconUrl = (imageId, imageData) => {\n if (!imageId) return '';\n const image = imageData.find(({ id }) => id === imageId);\n if (!image || !image.url) return '';\n\n return image.url;\n};\n\nconst infoWindowContent = async (imageData, dataSummaries, url, shapeData) => {\n const summariesWithContent = await Promise.all(\n dataSummaries.map(async dataSummary => {\n const { elementTitle, type, propsToDisplay, ...otherProps } = dataSummary;\n const isTypeHeading = type === HEADING_LARGE;\n const summaryPropsWithContent = buildPropsToDisplayWithContent(shapeData, propsToDisplay);\n const modifier = getClassModifiers(LIST, otherProps);\n const SummaryComponent = summaryComponents[type];\n await SummaryComponent.render.preload(); // preload dynamic nextjs component\n\n if (!summaryPropsWithContent.length) return null;\n\n const getDataSummaryComponent = () => {\n const component = (\n <SummaryComponent\n key={type}\n modifier={modifier}\n elementTitle={elementTitle}\n summaryPropsWithContent={summaryPropsWithContent}\n />\n );\n\n if (isTypeHeading && url) return <Link href={url}>{component}</Link>;\n\n return component;\n };\n\n return getDataSummaryComponent();\n })\n );\n const { imageId } = shapeData || {};\n const image = imageData.find(({ id }) => id === imageId);\n const shouldShowImage = image && image.url;\n\n const getImageElement = () => {\n const { url: imageUrl, data } = image;\n const imageElement = (\n <img className=\"info__window\" src={imageUrl} alt={data && data.altText ? data.altText : ''} />\n );\n\n if (url) return <Link href={url}>{imageElement}</Link>;\n\n return imageElement;\n };\n\n return (\n <>\n {shouldShowImage && getImageElement()}\n {summariesWithContent}\n </>\n );\n};\n\nfunction getIcon(imageData, shape) {\n const {\n imageId,\n markerWidth = 50,\n markerHeight = 50,\n strokeColor,\n strokeOpacity,\n strokeWeight,\n fillColor,\n fillOpacity,\n svgPath\n } = shape;\n const iconUrl = getIconUrl(imageId, imageData);\n\n const icon = iconUrl\n ? {\n url: iconUrl,\n scaledSize: new window.google.maps.Size(markerWidth || 50, markerHeight || 50)\n }\n : null;\n\n if (icon) return icon;\n\n if (!svgPath && !fillColor && !strokeColor) return {}; // any can be true for custom marker\n\n const svgMarker = {\n path: svgPath || DEFAULT_CUSTOM_MARKER_PATH,\n strokeColor,\n strokeOpacity,\n strokeWeight,\n fillColor,\n fillOpacity,\n rotation: 0,\n scale: 2\n };\n return svgMarker;\n}\n\nconst setMarker = (map, router, shape, imageData) => {\n const { label = '', latitude, longitude } = shape;\n\n if (isPositionCorrect(latitude, longitude)) {\n const svgMarker = getIcon(imageData, shape);\n\n const marker = new window.google.maps.Marker({\n position: { lat: latitude, lng: longitude },\n map,\n icon: svgMarker,\n title: label || ''\n });\n\n addShapeListeners(map, router, shape, imageData, marker);\n\n shapesArray.push(marker);\n\n marker.setMap(map);\n }\n};\n\nconst setPolyline = (map, router, shape, imageData) => {\n const { paths } = shape;\n const path = getPath(paths);\n\n if (path.length) {\n const polyline = new window.google.maps.Polyline({\n path,\n geodesic: true,\n ...setStyleOptions(shape)\n });\n\n addShapeListeners(map, router, shape, imageData, polyline);\n\n shapesArray.push(polyline);\n\n polyline.setMap(map);\n }\n};\n\nconst setPolygon = (map, router, shape, imageData) => {\n const { paths: unParsedPaths } = shape;\n const paths = getPath(unParsedPaths);\n\n if (paths.length) {\n const polygon = new window.google.maps.Polygon({\n paths,\n ...setStyleOptions(shape)\n });\n\n addShapeListeners(map, router, shape, imageData, polygon);\n\n shapesArray.push(polygon);\n\n polygon.setMap(map);\n }\n};\n\nconst setRectangle = (map, router, shape, imageData) => {\n const { northBound, southBound, eastBound, westBound } = shape;\n if (areRectangleBoundsNumbers([northBound, southBound, eastBound, westBound])) {\n const rectangle = new window.google.maps.Rectangle({\n ...setStyleOptions(shape),\n map,\n bounds: {\n north: northBound,\n south: southBound,\n east: eastBound,\n west: westBound\n }\n });\n\n addShapeListeners(map, router, shape, imageData, rectangle);\n\n shapesArray.push(rectangle);\n\n rectangle.setMap(map);\n }\n};\n\nconst setCircle = (map, router, shape, imageData) => {\n const { latitude, longitude, radius } = shape;\n if (isPositionCorrect(latitude, longitude) && isNumber(radius)) {\n const circle = new window.google.maps.Circle({\n ...setStyleOptions(shape),\n map,\n center: { lat: latitude, lng: longitude },\n radius\n });\n\n addShapeListeners(map, router, shape, imageData, circle);\n\n shapesArray.push(circle);\n\n circle.setMap(map);\n }\n};\n\nconst setShapes = (map, router, shapes, imageData) => {\n const mapZoom = map.getZoom();\n clearShapes();\n\n shapes.forEach(shape => {\n const { type, minZoom, maxZoom } = shape;\n\n if (mapZoom >= minZoom && mapZoom <= maxZoom) {\n switch (type) {\n case MARKER: {\n setMarker(map, router, shape, imageData);\n break;\n }\n case POLYLINE: {\n setPolyline(map, router, shape, imageData);\n break;\n }\n case POLYGON: {\n setPolygon(map, router, shape, imageData);\n break;\n }\n case RECTANGLE: {\n setRectangle(map, router, shape, imageData);\n break;\n }\n case CIRCLE: {\n setCircle(map, router, shape, imageData);\n break;\n }\n default:\n break;\n }\n }\n });\n};\n\nexport default setShapes;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"set-shapes.js","names":["React","isNumber","ReactDOMServer","Link","ApolloProvider","buildPropsToDisplayWithContent","summaryComponents","getClassModifiers","getPath","MARKER","POLYLINE","POLYGON","RECTANGLE","CIRCLE","COLOR","CLICK","HEADING_LARGE","LIST","DEFAULT_CUSTOM_MARKER_PATH","shapesArray","infoWindowArray","clearShapes","length","forEach","shape","setMap","closeInfoWindows","infoWindow","close","addShapeListeners","map","router","imageData","shapeInstance","client","enableInfoPane","dataSummaries","url","shapeData","window","google","maps","InfoWindow","content","addListener","event","renderToString","infoWindowContent","setContent","setPosition","latLng","open","push","setStyleOptions","strokeColor","strokeOpacity","strokeWeight","fillColor","fillOpacity","styleSettings","_objectSpread","Object","keys","reduce","acc","key","settingValue","shouldValueBeNumber","includes","hasValuePassedCondition","areRectangleBoundsNumbers","bounds","every","bound","isPositionCorrect","lat","lng","getIconUrl","imageId","image","find","id","summariesWithContent","Promise","all","dataSummary","elementTitle","type","propsToDisplay","otherProps","_objectWithoutProperties","_excluded","isTypeHeading","summaryPropsWithContent","modifier","SummaryComponent","render","preload","getDataSummaryComponent","component","createElement","href","shouldShowImage","getImageElement","imageUrl","data","imageElement","className","src","alt","altText","Fragment","getIcon","markerWidth","markerHeight","svgPath","iconUrl","icon","scaledSize","Size","svgMarker","path","rotation","scale","setMarker","label","latitude","longitude","marker","Marker","position","title","setPolyline","paths","polyline","Polyline","geodesic","setPolygon","unParsedPaths","polygon","Polygon","setRectangle","northBound","southBound","eastBound","westBound","rectangle","Rectangle","north","south","east","west","setCircle","radius","circle","Circle","center","setShapes","shapes","mapZoom","getZoom","minZoom","maxZoom"],"sources":["../../../src/GoogleMaps/helpers/set-shapes.js"],"sourcesContent":["import React from 'react';\nimport isNumber from 'lodash.isnumber';\nimport ReactDOMServer from 'react-dom/server';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport { ApolloProvider } from '@apollo/client';\nimport {\n buildPropsToDisplayWithContent,\n summaryComponents,\n getClassModifiers\n} from '@blaze-cms/react-page-builder';\nimport getPath from './get-path';\nimport {\n MARKER,\n POLYLINE,\n POLYGON,\n RECTANGLE,\n CIRCLE,\n COLOR,\n CLICK,\n HEADING_LARGE,\n LIST,\n DEFAULT_CUSTOM_MARKER_PATH\n} from '../../constants';\n\nconst shapesArray = [];\nconst infoWindowArray = [];\n\nconst clearShapes = () => {\n if (shapesArray.length) {\n shapesArray.forEach(shape => shape.setMap(null));\n shapesArray.length = 0;\n }\n};\n\nconst closeInfoWindows = () => {\n if (infoWindowArray.length) {\n infoWindowArray.forEach(infoWindow => infoWindow.close());\n infoWindowArray.length = 0;\n }\n};\n\nconst addShapeListeners = (map, router, shape, imageData, shapeInstance, client) => {\n const { enableInfoPane = false, dataSummaries = [], url, shapeData } = shape;\n\n if (enableInfoPane) {\n const infoWindow = new window.google.maps.InfoWindow({\n content: ''\n });\n\n shapeInstance.addListener(CLICK, async event => {\n closeInfoWindows();\n const content = ReactDOMServer.renderToString(\n await infoWindowContent(imageData, dataSummaries, url, shapeData, client)\n );\n infoWindow.setContent(content);\n infoWindow.setPosition(event.latLng);\n infoWindow.open(map, shapeInstance);\n infoWindowArray.push(infoWindow);\n });\n } else if (url) {\n shapeInstance.addListener(CLICK, () => {\n router.push(url);\n });\n }\n};\n\nconst setStyleOptions = shape => {\n const { strokeColor, strokeOpacity, strokeWeight, fillColor, fillOpacity } = shape;\n const styleSettings = { strokeColor, fillColor, strokeOpacity, strokeWeight, fillOpacity };\n\n return {\n ...Object.keys(styleSettings).reduce((acc, key) => {\n const settingValue = styleSettings[key];\n const shouldValueBeNumber = !key.includes(COLOR);\n const hasValuePassedCondition = shouldValueBeNumber ? isNumber(settingValue) : settingValue;\n if (hasValuePassedCondition) acc[key] = settingValue;\n return acc;\n }, {})\n };\n};\n\nconst areRectangleBoundsNumbers = bounds => bounds.every(bound => isNumber(bound));\n\nconst isPositionCorrect = (lat, lng) => isNumber(lat) && isNumber(lng);\n\nconst getIconUrl = (imageId, imageData) => {\n if (!imageId) return '';\n const image = imageData.find(({ id }) => id === imageId);\n if (!image || !image.url) return '';\n\n return image.url;\n};\n\nconst infoWindowContent = async (imageData, dataSummaries, url, shapeData, client) => {\n const summariesWithContent = await Promise.all(\n dataSummaries.map(async dataSummary => {\n const { elementTitle, type, propsToDisplay, ...otherProps } = dataSummary;\n const isTypeHeading = type === HEADING_LARGE;\n const summaryPropsWithContent = buildPropsToDisplayWithContent(shapeData, propsToDisplay);\n const modifier = getClassModifiers(LIST, otherProps);\n const SummaryComponent = summaryComponents[type];\n await SummaryComponent.render.preload(); // preload dynamic nextjs component\n\n if (!summaryPropsWithContent.length) return null;\n\n const getDataSummaryComponent = () => {\n const component = (\n <ApolloProvider client={client}>\n <SummaryComponent\n key={type}\n modifier={modifier}\n elementTitle={elementTitle}\n summaryPropsWithContent={summaryPropsWithContent}\n />\n </ApolloProvider>\n );\n\n if (isTypeHeading && url) return <Link href={url}>{component}</Link>;\n\n return component;\n };\n\n return getDataSummaryComponent();\n })\n );\n const { imageId } = shapeData || {};\n const image = imageData.find(({ id }) => id === imageId);\n const shouldShowImage = image && image.url;\n\n const getImageElement = () => {\n const { url: imageUrl, data } = image;\n const imageElement = (\n <img className=\"info__window\" src={imageUrl} alt={data && data.altText ? data.altText : ''} />\n );\n\n if (url) return <Link href={url}>{imageElement}</Link>;\n\n return imageElement;\n };\n\n return (\n <>\n {shouldShowImage && getImageElement()}\n {summariesWithContent}\n </>\n );\n};\n\nfunction getIcon(imageData, shape) {\n const {\n imageId,\n markerWidth = 50,\n markerHeight = 50,\n strokeColor,\n strokeOpacity,\n strokeWeight,\n fillColor,\n fillOpacity,\n svgPath\n } = shape;\n const iconUrl = getIconUrl(imageId, imageData);\n\n const icon = iconUrl\n ? {\n url: iconUrl,\n scaledSize: new window.google.maps.Size(markerWidth || 50, markerHeight || 50)\n }\n : null;\n\n if (icon) return icon;\n\n if (!svgPath && !fillColor && !strokeColor) return {}; // any can be true for custom marker\n\n const svgMarker = {\n path: svgPath || DEFAULT_CUSTOM_MARKER_PATH,\n strokeColor,\n strokeOpacity,\n strokeWeight,\n fillColor,\n fillOpacity,\n rotation: 0,\n scale: 2\n };\n return svgMarker;\n}\n\nconst setMarker = (map, router, shape, imageData, client) => {\n const { label = '', latitude, longitude } = shape;\n\n if (isPositionCorrect(latitude, longitude)) {\n const svgMarker = getIcon(imageData, shape);\n\n const marker = new window.google.maps.Marker({\n position: { lat: latitude, lng: longitude },\n map,\n icon: svgMarker,\n title: label || ''\n });\n\n addShapeListeners(map, router, shape, imageData, marker, client);\n\n shapesArray.push(marker);\n\n marker.setMap(map);\n }\n};\n\nconst setPolyline = (map, router, shape, imageData) => {\n const { paths } = shape;\n const path = getPath(paths);\n\n if (path.length) {\n const polyline = new window.google.maps.Polyline({\n path,\n geodesic: true,\n ...setStyleOptions(shape)\n });\n\n addShapeListeners(map, router, shape, imageData, polyline);\n\n shapesArray.push(polyline);\n\n polyline.setMap(map);\n }\n};\n\nconst setPolygon = (map, router, shape, imageData) => {\n const { paths: unParsedPaths } = shape;\n const paths = getPath(unParsedPaths);\n\n if (paths.length) {\n const polygon = new window.google.maps.Polygon({\n paths,\n ...setStyleOptions(shape)\n });\n\n addShapeListeners(map, router, shape, imageData, polygon);\n\n shapesArray.push(polygon);\n\n polygon.setMap(map);\n }\n};\n\nconst setRectangle = (map, router, shape, imageData) => {\n const { northBound, southBound, eastBound, westBound } = shape;\n if (areRectangleBoundsNumbers([northBound, southBound, eastBound, westBound])) {\n const rectangle = new window.google.maps.Rectangle({\n ...setStyleOptions(shape),\n map,\n bounds: {\n north: northBound,\n south: southBound,\n east: eastBound,\n west: westBound\n }\n });\n\n addShapeListeners(map, router, shape, imageData, rectangle);\n\n shapesArray.push(rectangle);\n\n rectangle.setMap(map);\n }\n};\n\nconst setCircle = (map, router, shape, imageData) => {\n const { latitude, longitude, radius } = shape;\n if (isPositionCorrect(latitude, longitude) && isNumber(radius)) {\n const circle = new window.google.maps.Circle({\n ...setStyleOptions(shape),\n map,\n center: { lat: latitude, lng: longitude },\n radius\n });\n\n addShapeListeners(map, router, shape, imageData, circle);\n\n shapesArray.push(circle);\n\n circle.setMap(map);\n }\n};\n\nconst setShapes = (map, router, shapes, imageData, client) => {\n const mapZoom = map.getZoom();\n clearShapes();\n\n shapes.forEach(shape => {\n const { type, minZoom, maxZoom } = shape;\n\n if (mapZoom >= minZoom && mapZoom <= maxZoom) {\n switch (type) {\n case MARKER: {\n setMarker(map, router, shape, imageData, client);\n break;\n }\n case POLYLINE: {\n setPolyline(map, router, shape, imageData);\n break;\n }\n case POLYGON: {\n setPolygon(map, router, shape, imageData);\n break;\n }\n case RECTANGLE: {\n setRectangle(map, router, shape, imageData);\n break;\n }\n case CIRCLE: {\n setCircle(map, router, shape, imageData);\n break;\n }\n default:\n break;\n }\n }\n });\n};\n\nexport default setShapes;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blaze-cms/plugin-google-maps-fe",
|
|
3
|
-
"version": "0.138.0-core-styles.
|
|
3
|
+
"version": "0.138.0-core-styles.4",
|
|
4
4
|
"description": "Blaze Google maps plugin fe",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib-es/index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"license": "GPL-3.0",
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@blaze-cms/nextjs-components": "0.138.0-core-styles.0",
|
|
31
|
-
"@blaze-cms/react-page-builder": "0.138.0-core-styles.
|
|
31
|
+
"@blaze-cms/react-page-builder": "0.138.0-core-styles.4",
|
|
32
32
|
"@blaze-cms/setup-ui": "0.138.0-core-styles.0",
|
|
33
33
|
"core-js": "^3.2.1",
|
|
34
34
|
"lodash.isnumber": "^3.0.3",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"lib/*",
|
|
45
45
|
"lib-es/*"
|
|
46
46
|
],
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "3b28d0175c7617956b534a245bce4dfadee1e213"
|
|
48
48
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
+
import { useApolloClient } from '@apollo/client';
|
|
3
4
|
import { useRouter } from 'next/router';
|
|
4
5
|
import { withTitle } from '@blaze-cms/react-page-builder';
|
|
5
6
|
import { useInView } from '@blaze-react/utils/lib/customHooks';
|
|
@@ -32,6 +33,7 @@ const GoogleMaps = ({
|
|
|
32
33
|
}) => {
|
|
33
34
|
const router = useRouter();
|
|
34
35
|
const [isIntersecting, mapRef] = useInView(IN_VIEW_CONFIG);
|
|
36
|
+
const client = useApolloClient();
|
|
35
37
|
const [map, setMap] = useState();
|
|
36
38
|
|
|
37
39
|
useEffect(() => {
|
|
@@ -85,7 +87,7 @@ const GoogleMaps = ({
|
|
|
85
87
|
}, []);
|
|
86
88
|
|
|
87
89
|
if (map && typeof onMount === `function`) onMount(map, onMountProps);
|
|
88
|
-
if (isIntersecting) addZoomListener(map, router, mapShapes, imageData);
|
|
90
|
+
if (isIntersecting) addZoomListener(map, router, mapShapes, imageData, client);
|
|
89
91
|
|
|
90
92
|
return <GoogleMapsHtml mapRef={mapRef} />;
|
|
91
93
|
};
|
|
@@ -16,6 +16,7 @@ const GoogleMapsRender = ({ shapeConfigs, entityGroups, id, ...otherProps }) =>
|
|
|
16
16
|
const { data, loading, error } = useQuery(query || defaultQuery, {
|
|
17
17
|
skip: !query
|
|
18
18
|
});
|
|
19
|
+
|
|
19
20
|
const mapShapes = buildMapShapes(shapeConfigs, data);
|
|
20
21
|
const imageIds = getImageIds(mapShapes);
|
|
21
22
|
const {
|