@blaze-cms/plugin-google-maps-fe 0.125.0-admin-updates.1 → 0.125.0-alpha.13
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 +18 -2
- package/lib/GoogleMaps/GoogleMaps.js +24 -71
- package/lib/GoogleMaps/GoogleMaps.js.map +1 -1
- package/lib/GoogleMaps/GoogleMapsFactory.js +8 -24
- package/lib/GoogleMaps/GoogleMapsFactory.js.map +1 -1
- package/lib/GoogleMaps/GoogleMapsHtml.js +0 -6
- package/lib/GoogleMaps/GoogleMapsHtml.js.map +1 -1
- package/lib/GoogleMaps/GoogleMapsRender.js +12 -33
- package/lib/GoogleMaps/GoogleMapsRender.js.map +1 -1
- package/lib/GoogleMaps/helpers/add-zoom-listener.js +0 -6
- package/lib/GoogleMaps/helpers/add-zoom-listener.js.map +1 -1
- package/lib/GoogleMaps/helpers/build-map-shapes.js +7 -33
- package/lib/GoogleMaps/helpers/build-map-shapes.js.map +1 -1
- package/lib/GoogleMaps/helpers/build-map-type-ids.js +0 -4
- package/lib/GoogleMaps/helpers/build-map-type-ids.js.map +1 -1
- package/lib/GoogleMaps/helpers/build-query.js +5 -17
- package/lib/GoogleMaps/helpers/build-query.js.map +1 -1
- package/lib/GoogleMaps/helpers/build-shapes-configs.js +25 -70
- package/lib/GoogleMaps/helpers/build-shapes-configs.js.map +1 -1
- package/lib/GoogleMaps/helpers/get-center-coordinates.js +2 -11
- package/lib/GoogleMaps/helpers/get-center-coordinates.js.map +1 -1
- package/lib/GoogleMaps/helpers/get-image-ids.js +1 -13
- package/lib/GoogleMaps/helpers/get-image-ids.js.map +1 -1
- package/lib/GoogleMaps/helpers/get-path.js +1 -6
- package/lib/GoogleMaps/helpers/get-path.js.map +1 -1
- package/lib/GoogleMaps/helpers/index.js +0 -9
- package/lib/GoogleMaps/helpers/index.js.map +1 -1
- package/lib/GoogleMaps/helpers/set-map-options.js +21 -33
- package/lib/GoogleMaps/helpers/set-map-options.js.map +1 -1
- package/lib/GoogleMaps/helpers/set-shapes.js +30 -112
- package/lib/GoogleMaps/helpers/set-shapes.js.map +1 -1
- package/lib/GoogleMaps/hooks/index.js +0 -4
- package/lib/GoogleMaps/hooks/index.js.map +1 -1
- package/lib/GoogleMaps/hooks/use-get-entity-schemas.js +8 -19
- package/lib/GoogleMaps/hooks/use-get-entity-schemas.js.map +1 -1
- package/lib/GoogleMaps/hooks/use-get-images.js +12 -19
- package/lib/GoogleMaps/hooks/use-get-images.js.map +1 -1
- package/lib/GoogleMaps/index.js +0 -4
- package/lib/GoogleMaps/index.js.map +1 -1
- package/lib/GoogleMaps/queries.js +0 -17
- package/lib/GoogleMaps/queries.js.map +1 -1
- package/lib/constants.js +0 -1
- package/lib/constants.js.map +1 -1
- package/lib/index.js +0 -21
- package/lib/index.js.map +1 -1
- package/lib-es/GoogleMaps/GoogleMaps.js +14 -25
- package/lib-es/GoogleMaps/GoogleMaps.js.map +1 -1
- package/lib-es/GoogleMaps/GoogleMapsFactory.js +4 -7
- package/lib-es/GoogleMaps/GoogleMapsFactory.js.map +1 -1
- package/lib-es/GoogleMaps/GoogleMapsHtml.js +0 -2
- package/lib-es/GoogleMaps/GoogleMapsHtml.js.map +1 -1
- package/lib-es/GoogleMaps/GoogleMapsRender.js +5 -8
- package/lib-es/GoogleMaps/GoogleMapsRender.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/add-zoom-listener.js +0 -2
- package/lib-es/GoogleMaps/helpers/add-zoom-listener.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/build-map-shapes.js +0 -8
- package/lib-es/GoogleMaps/helpers/build-map-shapes.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/build-map-type-ids.js +0 -2
- package/lib-es/GoogleMaps/helpers/build-map-type-ids.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/build-query.js +0 -2
- package/lib-es/GoogleMaps/helpers/build-query.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/build-shapes-configs.js +0 -14
- package/lib-es/GoogleMaps/helpers/build-shapes-configs.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/get-center-coordinates.js +0 -2
- package/lib-es/GoogleMaps/helpers/get-center-coordinates.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/get-image-ids.js +0 -1
- package/lib-es/GoogleMaps/helpers/get-image-ids.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/get-path.js +0 -1
- package/lib-es/GoogleMaps/helpers/get-path.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/index.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/set-map-options.js +2 -8
- package/lib-es/GoogleMaps/helpers/set-map-options.js.map +1 -1
- package/lib-es/GoogleMaps/helpers/set-shapes.js +5 -41
- package/lib-es/GoogleMaps/helpers/set-shapes.js.map +1 -1
- package/lib-es/GoogleMaps/hooks/index.js.map +1 -1
- package/lib-es/GoogleMaps/hooks/use-get-entity-schemas.js +0 -2
- package/lib-es/GoogleMaps/hooks/use-get-entity-schemas.js.map +1 -1
- package/lib-es/GoogleMaps/hooks/use-get-images.js +0 -2
- package/lib-es/GoogleMaps/hooks/use-get-images.js.map +1 -1
- package/lib-es/GoogleMaps/index.js.map +1 -1
- package/lib-es/GoogleMaps/queries.js +0 -6
- package/lib-es/GoogleMaps/queries.js.map +1 -1
- package/lib-es/constants.js.map +1 -1
- package/lib-es/index.js +1 -3
- package/lib-es/index.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
# [0.125.0-
|
|
6
|
+
# [0.125.0-alpha.13](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.12...v0.125.0-alpha.13) (2022-10-24)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @blaze-cms/plugin-google-maps-fe
|
|
9
9
|
|
|
@@ -11,7 +11,23 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
# [0.125.0-
|
|
14
|
+
# [0.125.0-alpha.7](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.6...v0.125.0-alpha.7) (2022-10-07)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @blaze-cms/plugin-google-maps-fe
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [0.125.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.2...v0.125.0-alpha.3) (2022-09-27)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @blaze-cms/plugin-google-maps-fe
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
# [0.125.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.125.0-alpha.0...v0.125.0-alpha.1) (2022-09-15)
|
|
15
31
|
|
|
16
32
|
**Note:** Version bump only for package @blaze-cms/plugin-google-maps-fe
|
|
17
33
|
|
|
@@ -1,119 +1,80 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
|
|
5
4
|
require("core-js/modules/es.string.iterator.js");
|
|
6
|
-
|
|
7
5
|
require("core-js/modules/es.weak-map.js");
|
|
8
|
-
|
|
9
6
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
-
|
|
11
7
|
require("core-js/modules/es.object.define-property.js");
|
|
12
|
-
|
|
13
8
|
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
14
|
-
|
|
15
9
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
16
|
-
|
|
17
10
|
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
18
|
-
|
|
19
11
|
Object.defineProperty(exports, "__esModule", {
|
|
20
12
|
value: true
|
|
21
13
|
});
|
|
22
14
|
exports["default"] = void 0;
|
|
23
|
-
|
|
24
15
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
25
|
-
|
|
26
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
27
|
-
|
|
28
17
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
29
|
-
|
|
30
18
|
require("core-js/modules/es.array.every.js");
|
|
31
|
-
|
|
32
19
|
require("core-js/modules/es.object.to-string.js");
|
|
33
|
-
|
|
34
20
|
require("core-js/modules/es.date.to-string.js");
|
|
35
|
-
|
|
36
21
|
require("core-js/modules/es.regexp.to-string.js");
|
|
37
|
-
|
|
38
22
|
require("core-js/modules/es.function.name.js");
|
|
39
|
-
|
|
40
23
|
require("core-js/modules/es.array.for-each.js");
|
|
41
|
-
|
|
42
24
|
require("core-js/modules/web.dom-collections.for-each.js");
|
|
43
|
-
|
|
44
25
|
require("core-js/modules/es.array.concat.js");
|
|
45
|
-
|
|
46
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
47
|
-
|
|
48
27
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
49
|
-
|
|
50
28
|
var _router = require("next/router");
|
|
51
|
-
|
|
52
29
|
var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
53
|
-
|
|
54
30
|
var _customHooks = require("@blaze-react/utils/lib/customHooks");
|
|
55
|
-
|
|
56
31
|
var _lodash = require("lodash");
|
|
57
|
-
|
|
58
32
|
var _helpers = require("./helpers");
|
|
59
|
-
|
|
60
33
|
var _constants = require("../constants");
|
|
61
|
-
|
|
62
34
|
var _GoogleMapsHtml = _interopRequireDefault(require("./GoogleMapsHtml"));
|
|
63
|
-
|
|
64
35
|
var _excluded = ["type", "name", "modifier", "elementTitle", "imageData", "onMount", "onMountProps", "parent", "mapShapes", "centerCoordinates"];
|
|
65
|
-
|
|
66
36
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
67
|
-
|
|
68
37
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
69
|
-
|
|
70
38
|
var shouldNotUpdate = function shouldNotUpdate(props, nextProps) {
|
|
71
39
|
var _ref = [(0, _lodash.functions)(props), (0, _lodash.functions)(nextProps)],
|
|
72
|
-
|
|
73
|
-
|
|
40
|
+
funcs = _ref[0],
|
|
41
|
+
nextFuncs = _ref[1];
|
|
74
42
|
var noPropChange = (0, _lodash.isEqual)((0, _lodash.omit)(props, funcs), (0, _lodash.omit)(nextProps, nextFuncs));
|
|
75
43
|
var noFuncChange = funcs.length === nextFuncs.length && funcs.every(function (fn) {
|
|
76
44
|
return props[fn].toString() === nextProps[fn].toString();
|
|
77
45
|
});
|
|
78
46
|
return noPropChange && noFuncChange;
|
|
79
47
|
};
|
|
80
|
-
|
|
81
48
|
var GoogleMaps = function GoogleMaps(_ref2) {
|
|
82
49
|
var type = _ref2.type,
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
50
|
+
name = _ref2.name,
|
|
51
|
+
modifier = _ref2.modifier,
|
|
52
|
+
elementTitle = _ref2.elementTitle,
|
|
53
|
+
imageData = _ref2.imageData,
|
|
54
|
+
onMount = _ref2.onMount,
|
|
55
|
+
onMountProps = _ref2.onMountProps,
|
|
56
|
+
parent = _ref2.parent,
|
|
57
|
+
mapShapes = _ref2.mapShapes,
|
|
58
|
+
centerCoordinates = _ref2.centerCoordinates,
|
|
59
|
+
otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
|
|
93
60
|
var router = (0, _router.useRouter)();
|
|
94
|
-
|
|
95
61
|
var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
62
|
+
_useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
|
|
63
|
+
isIntersecting = _useInView2[0],
|
|
64
|
+
mapRef = _useInView2[1];
|
|
100
65
|
var _useState = (0, _react.useState)(),
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
66
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
67
|
+
map = _useState2[0],
|
|
68
|
+
setMap = _useState2[1];
|
|
105
69
|
(0, _react.useEffect)(function () {
|
|
106
70
|
var options = (0, _helpers.setMapOptions)(otherProps);
|
|
107
|
-
|
|
108
71
|
var onLoad = function onLoad() {
|
|
109
72
|
var initialMap = new window.google.maps.Map(mapRef.current, options);
|
|
110
|
-
|
|
111
73
|
if (centerCoordinates.length === 1) {
|
|
112
74
|
var _centerCoordinates = (0, _slicedToArray2["default"])(centerCoordinates, 1),
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
75
|
+
_centerCoordinates$ = _centerCoordinates[0],
|
|
76
|
+
lat = _centerCoordinates$.latitude,
|
|
77
|
+
lng = _centerCoordinates$.longitude;
|
|
117
78
|
initialMap.setCenter({
|
|
118
79
|
lat: lat,
|
|
119
80
|
lng: lng
|
|
@@ -122,15 +83,13 @@ var GoogleMaps = function GoogleMaps(_ref2) {
|
|
|
122
83
|
var bounds = new window.google.maps.LatLngBounds();
|
|
123
84
|
centerCoordinates.forEach(function (_ref3) {
|
|
124
85
|
var latitude = _ref3.latitude,
|
|
125
|
-
|
|
86
|
+
longitude = _ref3.longitude;
|
|
126
87
|
bounds.extend(new window.google.maps.LatLng(latitude, longitude));
|
|
127
88
|
});
|
|
128
89
|
initialMap.fitBounds(bounds);
|
|
129
90
|
}
|
|
130
|
-
|
|
131
91
|
setMap(initialMap);
|
|
132
92
|
};
|
|
133
|
-
|
|
134
93
|
if (!window.google) {
|
|
135
94
|
var script = document.createElement(_constants.SCRIPT);
|
|
136
95
|
script.src = "".concat(_constants.GOOGLE_MAPS_SCRIPT).concat(process.env.GOOGLE_MAPS_API_KEY);
|
|
@@ -140,14 +99,11 @@ var GoogleMaps = function GoogleMaps(_ref2) {
|
|
|
140
99
|
return script.removeEventListener(_constants.LOAD, onLoad);
|
|
141
100
|
};
|
|
142
101
|
}
|
|
143
|
-
|
|
144
102
|
onLoad();
|
|
145
|
-
|
|
146
103
|
if (map) {
|
|
147
104
|
map.setOptions(options);
|
|
148
105
|
var enableGeolocation = otherProps.enableGeolocation;
|
|
149
106
|
var shouldActivateGeolocation = enableGeolocation && navigator.geolocation;
|
|
150
|
-
|
|
151
107
|
if (shouldActivateGeolocation) {
|
|
152
108
|
navigator.geolocation.getCurrentPosition(function (position) {
|
|
153
109
|
var center = {
|
|
@@ -158,8 +114,8 @@ var GoogleMaps = function GoogleMaps(_ref2) {
|
|
|
158
114
|
}, function () {});
|
|
159
115
|
}
|
|
160
116
|
}
|
|
161
|
-
|
|
162
|
-
|
|
117
|
+
return function () {};
|
|
118
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
163
119
|
}, []);
|
|
164
120
|
if (map && (0, _typeof2["default"])(onMount) === "function") onMount(map, onMountProps);
|
|
165
121
|
if (isIntersecting) (0, _helpers.addZoomListener)(map, router, mapShapes, imageData);
|
|
@@ -167,7 +123,6 @@ var GoogleMaps = function GoogleMaps(_ref2) {
|
|
|
167
123
|
mapRef: mapRef
|
|
168
124
|
});
|
|
169
125
|
};
|
|
170
|
-
|
|
171
126
|
GoogleMaps.propTypes = {
|
|
172
127
|
mapShapes: _propTypes["default"].array,
|
|
173
128
|
imageData: _propTypes["default"].array,
|
|
@@ -192,8 +147,6 @@ GoogleMaps.defaultProps = {
|
|
|
192
147
|
onMountProps: null,
|
|
193
148
|
parent: {}
|
|
194
149
|
};
|
|
195
|
-
|
|
196
150
|
var _default = /*#__PURE__*/_react["default"].memo((0, _reactPageBuilder.withTitle)(GoogleMaps), shouldNotUpdate);
|
|
197
|
-
|
|
198
151
|
exports["default"] = _default;
|
|
199
152
|
//# sourceMappingURL=GoogleMaps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GoogleMaps.js","names":["shouldNotUpdate","props","nextProps","functions","funcs","nextFuncs","noPropChange","isEqual","omit","noFuncChange","length","every","fn","toString","GoogleMaps","type","name","modifier","elementTitle","imageData","onMount","onMountProps","parent","mapShapes","centerCoordinates","otherProps","router","useRouter","useInView","IN_VIEW_CONFIG","isIntersecting","mapRef","useState","map","setMap","useEffect","options","setMapOptions","onLoad","initialMap","window","google","maps","Map","current","lat","latitude","lng","longitude","setCenter","bounds","LatLngBounds","forEach","extend","LatLng","fitBounds","script","document","createElement","SCRIPT","src","GOOGLE_MAPS_SCRIPT","process","env","GOOGLE_MAPS_API_KEY","head","append","addEventListener","LOAD","removeEventListener","setOptions","enableGeolocation","shouldActivateGeolocation","navigator","geolocation","getCurrentPosition","position","center","coords","addZoomListener","propTypes","PropTypes","array","string","func","object","defaultProps","React","memo","withTitle"],"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":"
|
|
1
|
+
{"version":3,"file":"GoogleMaps.js","names":["shouldNotUpdate","props","nextProps","functions","funcs","nextFuncs","noPropChange","isEqual","omit","noFuncChange","length","every","fn","toString","GoogleMaps","type","name","modifier","elementTitle","imageData","onMount","onMountProps","parent","mapShapes","centerCoordinates","otherProps","router","useRouter","useInView","IN_VIEW_CONFIG","isIntersecting","mapRef","useState","map","setMap","useEffect","options","setMapOptions","onLoad","initialMap","window","google","maps","Map","current","lat","latitude","lng","longitude","setCenter","bounds","LatLngBounds","forEach","extend","LatLng","fitBounds","script","document","createElement","SCRIPT","src","GOOGLE_MAPS_SCRIPT","process","env","GOOGLE_MAPS_API_KEY","head","append","addEventListener","LOAD","removeEventListener","setOptions","enableGeolocation","shouldActivateGeolocation","navigator","geolocation","getCurrentPosition","position","center","coords","addZoomListener","propTypes","PropTypes","array","string","func","object","defaultProps","React","memo","withTitle"],"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":"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"}
|
|
@@ -1,47 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
require("core-js/modules/es.array.map.js");
|
|
13
|
-
|
|
14
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
|
|
16
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
-
|
|
22
14
|
var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
23
|
-
|
|
24
15
|
var _helpers = require("./helpers");
|
|
25
|
-
|
|
26
16
|
var _GoogleMapsRender = _interopRequireDefault(require("./GoogleMapsRender"));
|
|
27
|
-
|
|
28
17
|
var _GoogleMapsHtml = _interopRequireDefault(require("./GoogleMapsHtml"));
|
|
29
|
-
|
|
30
18
|
var _excluded = ["entityGroups", "parent"];
|
|
31
|
-
|
|
32
19
|
var GoogleMapsFactory = function GoogleMapsFactory(_ref) {
|
|
33
20
|
var entityGroups = _ref.entityGroups,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
21
|
+
parent = _ref.parent,
|
|
22
|
+
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
37
23
|
var _useGetEntitySchemasA = (0, _reactPageBuilder.useGetEntitySchemasAsObj)(entityGroups.map(function (_ref2) {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
24
|
+
var entity = _ref2.entity;
|
|
25
|
+
return entity;
|
|
26
|
+
})),
|
|
27
|
+
data = _useGetEntitySchemasA.data,
|
|
28
|
+
loading = _useGetEntitySchemasA.loading,
|
|
29
|
+
error = _useGetEntitySchemasA.error;
|
|
45
30
|
if (loading) return /*#__PURE__*/_react["default"].createElement(_GoogleMapsHtml["default"], null);
|
|
46
31
|
if (error) return error.message;
|
|
47
32
|
var shapeConfigs = (0, _helpers.buildShapesConfig)(data, entityGroups, parent);
|
|
@@ -51,7 +36,6 @@ var GoogleMapsFactory = function GoogleMapsFactory(_ref) {
|
|
|
51
36
|
parent: parent
|
|
52
37
|
}, otherProps));
|
|
53
38
|
};
|
|
54
|
-
|
|
55
39
|
GoogleMapsFactory.propTypes = {
|
|
56
40
|
parent: _propTypes["default"].object,
|
|
57
41
|
entityGroups: _propTypes["default"].array
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GoogleMapsFactory.js","names":["GoogleMapsFactory","entityGroups","parent","otherProps","useGetEntitySchemasAsObj","map","entity","data","loading","error","message","shapeConfigs","buildShapesConfig","propTypes","PropTypes","object","array","defaultProps"],"sources":["../../src/GoogleMaps/GoogleMapsFactory.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetEntitySchemasAsObj } from '@blaze-cms/react-page-builder';\nimport { buildShapesConfig } from './helpers';\nimport GoogleMapsRender from './GoogleMapsRender';\nimport GoogleMapsHtml from './GoogleMapsHtml';\n\nconst GoogleMapsFactory = ({ entityGroups, parent, ...otherProps }) => {\n const { data, loading, error } = useGetEntitySchemasAsObj(\n entityGroups.map(({ entity }) => entity)\n );\n\n if (loading) return <GoogleMapsHtml />;\n if (error) return error.message;\n\n const shapeConfigs = buildShapesConfig(data, entityGroups, parent);\n\n return (\n <GoogleMapsRender\n shapeConfigs={shapeConfigs}\n entityGroups={entityGroups}\n parent={parent}\n {...otherProps}\n />\n );\n};\n\nGoogleMapsFactory.propTypes = {\n parent: PropTypes.object,\n entityGroups: PropTypes.array\n};\n\nGoogleMapsFactory.defaultProps = {\n parent: {},\n entityGroups: []\n};\n\nexport default GoogleMapsFactory;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"GoogleMapsFactory.js","names":["GoogleMapsFactory","entityGroups","parent","otherProps","useGetEntitySchemasAsObj","map","entity","data","loading","error","message","shapeConfigs","buildShapesConfig","propTypes","PropTypes","object","array","defaultProps"],"sources":["../../src/GoogleMaps/GoogleMapsFactory.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useGetEntitySchemasAsObj } from '@blaze-cms/react-page-builder';\nimport { buildShapesConfig } from './helpers';\nimport GoogleMapsRender from './GoogleMapsRender';\nimport GoogleMapsHtml from './GoogleMapsHtml';\n\nconst GoogleMapsFactory = ({ entityGroups, parent, ...otherProps }) => {\n const { data, loading, error } = useGetEntitySchemasAsObj(\n entityGroups.map(({ entity }) => entity)\n );\n\n if (loading) return <GoogleMapsHtml />;\n if (error) return error.message;\n\n const shapeConfigs = buildShapesConfig(data, entityGroups, parent);\n\n return (\n <GoogleMapsRender\n shapeConfigs={shapeConfigs}\n entityGroups={entityGroups}\n parent={parent}\n {...otherProps}\n />\n );\n};\n\nGoogleMapsFactory.propTypes = {\n parent: PropTypes.object,\n entityGroups: PropTypes.array\n};\n\nGoogleMapsFactory.defaultProps = {\n parent: {},\n entityGroups: []\n};\n\nexport default GoogleMapsFactory;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8C;AAE9C,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,OAAgD;EAAA,IAA1CC,YAAY,QAAZA,YAAY;IAAEC,MAAM,QAANA,MAAM;IAAKC,UAAU;EAC9D,4BAAiC,IAAAC,0CAAwB,EACvDH,YAAY,CAACI,GAAG,CAAC;MAAA,IAAGC,MAAM,SAANA,MAAM;MAAA,OAAOA,MAAM;IAAA,EAAC,CACzC;IAFOC,IAAI,yBAAJA,IAAI;IAAEC,OAAO,yBAAPA,OAAO;IAAEC,KAAK,yBAALA,KAAK;EAI5B,IAAID,OAAO,EAAE,oBAAO,gCAAC,0BAAc,OAAG;EACtC,IAAIC,KAAK,EAAE,OAAOA,KAAK,CAACC,OAAO;EAE/B,IAAMC,YAAY,GAAG,IAAAC,0BAAiB,EAACL,IAAI,EAAEN,YAAY,EAAEC,MAAM,CAAC;EAElE,oBACE,gCAAC,4BAAgB;IACf,YAAY,EAAES,YAAa;IAC3B,YAAY,EAAEV,YAAa;IAC3B,MAAM,EAAEC;EAAO,GACXC,UAAU,EACd;AAEN,CAAC;AAEDH,iBAAiB,CAACa,SAAS,GAAG;EAC5BX,MAAM,EAAEY,qBAAS,CAACC,MAAM;EACxBd,YAAY,EAAEa,qBAAS,CAACE;AAC1B,CAAC;AAEDhB,iBAAiB,CAACiB,YAAY,GAAG;EAC/Bf,MAAM,EAAE,CAAC,CAAC;EACVD,YAAY,EAAE;AAChB,CAAC;AAAC,eAEaD,iBAAiB;AAAA"}
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var GoogleMapsFactory = function GoogleMapsFactory(_ref) {
|
|
17
12
|
var mapRef = _ref.mapRef;
|
|
18
13
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -20,7 +15,6 @@ var GoogleMapsFactory = function GoogleMapsFactory(_ref) {
|
|
|
20
15
|
ref: mapRef
|
|
21
16
|
});
|
|
22
17
|
};
|
|
23
|
-
|
|
24
18
|
GoogleMapsFactory.propTypes = {
|
|
25
19
|
mapRef: _propTypes["default"].object
|
|
26
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GoogleMapsHtml.js","names":["GoogleMapsFactory","mapRef","propTypes","PropTypes","object","defaultProps"],"sources":["../../src/GoogleMaps/GoogleMapsHtml.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst GoogleMapsFactory = ({ mapRef }) => (\n <div className={`google-maps ${!mapRef ? 'loading' : ''}`} ref={mapRef} />\n);\n\nGoogleMapsFactory.propTypes = {\n mapRef: PropTypes.object\n};\n\nGoogleMapsFactory.defaultProps = {\n mapRef: null\n};\n\nexport default GoogleMapsFactory;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"GoogleMapsHtml.js","names":["GoogleMapsFactory","mapRef","propTypes","PropTypes","object","defaultProps"],"sources":["../../src/GoogleMaps/GoogleMapsHtml.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst GoogleMapsFactory = ({ mapRef }) => (\n <div className={`google-maps ${!mapRef ? 'loading' : ''}`} ref={mapRef} />\n);\n\nGoogleMapsFactory.propTypes = {\n mapRef: PropTypes.object\n};\n\nGoogleMapsFactory.defaultProps = {\n mapRef: null\n};\n\nexport default GoogleMapsFactory;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB;EAAA,IAAMC,MAAM,QAANA,MAAM;EAAA,oBACjC;IAAK,SAAS,wBAAiB,CAACA,MAAM,GAAG,SAAS,GAAG,EAAE,CAAG;IAAC,GAAG,EAAEA;EAAO,EAAG;AAAA,CAC3E;AAEDD,iBAAiB,CAACE,SAAS,GAAG;EAC5BD,MAAM,EAAEE,qBAAS,CAACC;AACpB,CAAC;AAEDJ,iBAAiB,CAACK,YAAY,GAAG;EAC/BJ,MAAM,EAAE;AACV,CAAC;AAAC,eAEaD,iBAAiB;AAAA"}
|
|
@@ -1,66 +1,46 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
13
|
var _lodash = _interopRequireDefault(require("lodash.isnumber"));
|
|
21
|
-
|
|
22
14
|
var _client = require("@apollo/client");
|
|
23
|
-
|
|
24
15
|
var _reactPageBuilder = require("@blaze-cms/react-page-builder");
|
|
25
|
-
|
|
26
16
|
var _hooks = require("./hooks");
|
|
27
|
-
|
|
28
17
|
var _helpers = require("./helpers");
|
|
29
|
-
|
|
30
18
|
var _GoogleMaps = _interopRequireDefault(require("./GoogleMaps"));
|
|
31
|
-
|
|
32
19
|
var _GoogleMapsHtml = _interopRequireDefault(require("./GoogleMapsHtml"));
|
|
33
|
-
|
|
34
20
|
var _excluded = ["shapeConfigs", "entityGroups", "id"];
|
|
35
21
|
var defaultQuery = (0, _reactPageBuilder.getAction)('getPublishedPages', 'id');
|
|
36
|
-
|
|
37
22
|
var GoogleMapsRender = function GoogleMapsRender(_ref) {
|
|
38
23
|
var shapeConfigs = _ref.shapeConfigs,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
24
|
+
entityGroups = _ref.entityGroups,
|
|
25
|
+
id = _ref.id,
|
|
26
|
+
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
42
27
|
var defaultZoom = otherProps.defaultZoom;
|
|
43
|
-
|
|
44
28
|
var _buildQuery = (0, _helpers.buildQuery)(shapeConfigs),
|
|
45
|
-
|
|
46
|
-
|
|
29
|
+
query = _buildQuery.query;
|
|
47
30
|
var _useQuery = (0, _client.useQuery)(query || defaultQuery, {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
31
|
+
skip: !query
|
|
32
|
+
}),
|
|
33
|
+
data = _useQuery.data,
|
|
34
|
+
loading = _useQuery.loading,
|
|
35
|
+
error = _useQuery.error;
|
|
54
36
|
var mapShapes = (0, _helpers.buildMapShapes)(shapeConfigs, data);
|
|
55
37
|
var imageIds = (0, _helpers.getImageIds)(mapShapes);
|
|
56
|
-
|
|
57
38
|
var _useGetImages = (0, _hooks.useGetImages)(imageIds),
|
|
58
|
-
|
|
59
|
-
|
|
39
|
+
_useGetImages$data = _useGetImages.data;
|
|
60
40
|
_useGetImages$data = _useGetImages$data === void 0 ? {} : _useGetImages$data;
|
|
61
41
|
var imageData = _useGetImages$data.getFiles,
|
|
62
|
-
|
|
63
|
-
|
|
42
|
+
imagesLoading = _useGetImages.loading,
|
|
43
|
+
imagesError = _useGetImages.error;
|
|
64
44
|
if (loading || imagesLoading) return /*#__PURE__*/_react["default"].createElement(_GoogleMapsHtml["default"], null);
|
|
65
45
|
if (error || imagesError) return null;
|
|
66
46
|
var centerCoordinates = (0, _helpers.getCenterCoordinates)(mapShapes, otherProps);
|
|
@@ -73,7 +53,6 @@ var GoogleMapsRender = function GoogleMapsRender(_ref) {
|
|
|
73
53
|
imageData: imageData
|
|
74
54
|
}, otherProps));
|
|
75
55
|
};
|
|
76
|
-
|
|
77
56
|
GoogleMapsRender.propTypes = {
|
|
78
57
|
entityGroups: _propTypes["default"].array,
|
|
79
58
|
id: _propTypes["default"].string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GoogleMapsRender.js","names":["defaultQuery","getAction","GoogleMapsRender","shapeConfigs","entityGroups","id","otherProps","defaultZoom","buildQuery","query","useQuery","skip","data","loading","error","mapShapes","buildMapShapes","imageIds","getImageIds","useGetImages","imageData","getFiles","imagesLoading","imagesError","centerCoordinates","getCenterCoordinates","shouldDisplayMap","isNumber","length","slug","propTypes","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":"
|
|
1
|
+
{"version":3,"file":"GoogleMapsRender.js","names":["defaultQuery","getAction","GoogleMapsRender","shapeConfigs","entityGroups","id","otherProps","defaultZoom","buildQuery","query","useQuery","skip","data","loading","error","mapShapes","buildMapShapes","imageIds","getImageIds","useGetImages","imageData","getFiles","imagesLoading","imagesError","centerCoordinates","getCenterCoordinates","shouldDisplayMap","isNumber","length","slug","propTypes","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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8C;AAE9C,IAAMA,YAAY,GAAG,IAAAC,2BAAS,EAAC,mBAAmB,EAAE,IAAI,CAAC;AAEzD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA0D;EAAA,IAApDC,YAAY,QAAZA,YAAY;IAAEC,YAAY,QAAZA,YAAY;IAAEC,EAAE,QAAFA,EAAE;IAAKC,UAAU;EACvE,IAAQC,WAAW,GAAKD,UAAU,CAA1BC,WAAW;EACnB,kBAAkB,IAAAC,mBAAU,EAACL,YAAY,CAAC;IAAlCM,KAAK,eAALA,KAAK;EACb,gBAAiC,IAAAC,gBAAQ,EAACD,KAAK,IAAIT,YAAY,EAAE;MAC/DW,IAAI,EAAE,CAACF;IACT,CAAC,CAAC;IAFMG,IAAI,aAAJA,IAAI;IAAEC,OAAO,aAAPA,OAAO;IAAEC,KAAK,aAALA,KAAK;EAG5B,IAAMC,SAAS,GAAG,IAAAC,uBAAc,EAACb,YAAY,EAAES,IAAI,CAAC;EACpD,IAAMK,QAAQ,GAAG,IAAAC,oBAAW,EAACH,SAAS,CAAC;EACvC,oBAII,IAAAI,mBAAY,EAACF,QAAQ,CAAC;IAAA,mCAHxBL,IAAI;EADN,qDACkC,CAAC,CAAC;EADpC,IACoBQ,SAAS,sBAAnBC,QAAQ;IACPC,aAAa,iBAAtBT,OAAO;IACAU,WAAW,iBAAlBT,KAAK;EAEP,IAAID,OAAO,IAAIS,aAAa,EAAE,oBAAO,gCAAC,0BAAc,OAAG;EACvD,IAAIR,KAAK,IAAIS,WAAW,EAAE,OAAO,IAAI;EAErC,IAAMC,iBAAiB,GAAG,IAAAC,6BAAoB,EAACV,SAAS,EAAET,UAAU,CAAC;EACrE,IAAMoB,gBAAgB,GAAG,IAAAC,kBAAQ,EAACpB,WAAW,CAAC,IAAI,CAAC,CAACiB,iBAAiB,CAACI,MAAM;EAE5E,IAAI,CAACF,gBAAgB,EAAE,OAAO,IAAI;EAElC,oBACE,gCAAC,sBAAU;IACT,GAAG,EAAEpB,UAAU,CAACuB,IAAK;IACrB,iBAAiB,EAAEL,iBAAkB;IACrC,SAAS,EAAET,SAAU;IACrB,SAAS,EAAEK;EAAU,GACjBd,UAAU,EACd;AAEN,CAAC;AAEDJ,gBAAgB,CAAC4B,SAAS,GAAG;EAC3B1B,YAAY,EAAE2B,qBAAS,CAACC,KAAK;EAC7B3B,EAAE,EAAE0B,qBAAS,CAACE,MAAM;EACpB9B,YAAY,EAAE4B,qBAAS,CAACC,KAAK;EAC7BE,cAAc,EAAEH,qBAAS,CAACI,MAAM;EAChCC,eAAe,EAAEL,qBAAS,CAACI,MAAM;EACjC5B,WAAW,EAAEwB,qBAAS,CAACI;AACzB,CAAC;AAEDjC,gBAAgB,CAACmC,YAAY,GAAG;EAC9BjC,YAAY,EAAE,EAAE;EAChBD,YAAY,EAAE,EAAE;EAChBE,EAAE,EAAE,EAAE;EACN6B,cAAc,EAAE,IAAI;EACpBE,eAAe,EAAE,IAAI;EACrB7B,WAAW,EAAE;AACf,CAAC;AAAC,eAEaL,gBAAgB;AAAA"}
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _constants = require("../../constants");
|
|
13
|
-
|
|
14
10
|
var _setShapes = _interopRequireDefault(require("./set-shapes"));
|
|
15
|
-
|
|
16
11
|
var addZoomListener = function addZoomListener(map, router, shapes, imageData) {
|
|
17
12
|
if (!map) return;
|
|
18
13
|
(0, _setShapes["default"])(map, router, shapes, imageData);
|
|
@@ -20,7 +15,6 @@ var addZoomListener = function addZoomListener(map, router, shapes, imageData) {
|
|
|
20
15
|
return (0, _setShapes["default"])(map, router, shapes, imageData);
|
|
21
16
|
});
|
|
22
17
|
};
|
|
23
|
-
|
|
24
18
|
var _default = addZoomListener;
|
|
25
19
|
exports["default"] = _default;
|
|
26
20
|
//# sourceMappingURL=add-zoom-listener.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"add-zoom-listener.js","names":["addZoomListener","map","router","shapes","imageData","setShapes","addListener","ZOOM_CHANGED"],"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":"
|
|
1
|
+
{"version":3,"file":"add-zoom-listener.js","names":["addZoomListener","map","router","shapes","imageData","setShapes","addListener","ZOOM_CHANGED"],"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;AACA;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAK;EAC1D,IAAI,CAACH,GAAG,EAAE;EACV,IAAAI,qBAAS,EAACJ,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,SAAS,CAAC;EACzCH,GAAG,CAACK,WAAW,CAACC,uBAAY,EAAE;IAAA,OAAM,IAAAF,qBAAS,EAACJ,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,SAAS,CAAC;EAAA,EAAC;AAChF,CAAC;AAAC,eAEaJ,eAAe;AAAA"}
|