@sanity/google-maps-input 2.30.2-shopify.2 → 3.0.0-studio-v3.0

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.
Files changed (92) hide show
  1. package/README.md +68 -2
  2. package/lib/cjs/index.js +899 -0
  3. package/lib/cjs/index.js.map +1 -0
  4. package/lib/esm/index.js +889 -0
  5. package/lib/esm/index.js.map +1 -0
  6. package/lib/types/index.d.ts +43 -0
  7. package/lib/types/index.d.ts.map +1 -0
  8. package/package.json +67 -16
  9. package/src/@types/css.d.ts +4 -0
  10. package/src/diff/GeopointArrayDiff.tsx +84 -0
  11. package/src/diff/GeopointFieldDiff.styles.tsx +20 -0
  12. package/src/diff/GeopointFieldDiff.tsx +95 -0
  13. package/src/diff/GeopointMove.tsx +48 -0
  14. package/src/diff/resolver.ts +21 -0
  15. package/src/global-workaround.ts +11 -0
  16. package/src/index.tsx +51 -0
  17. package/src/input/GeopointInput.styles.tsx +12 -0
  18. package/src/input/GeopointInput.tsx +176 -0
  19. package/src/input/GeopointSelect.tsx +78 -0
  20. package/src/loader/GoogleMapsLoadProxy.tsx +51 -0
  21. package/src/loader/LoadError.tsx +44 -0
  22. package/src/loader/loadGoogleMapsApi.ts +97 -0
  23. package/src/map/Arrow.tsx +76 -0
  24. package/src/map/Map.styles.tsx +10 -0
  25. package/src/map/Map.tsx +125 -0
  26. package/src/map/Marker.tsx +130 -0
  27. package/src/map/SearchInput.styles.tsx +8 -0
  28. package/src/map/SearchInput.tsx +56 -0
  29. package/src/map/util.ts +14 -0
  30. package/src/types.ts +19 -0
  31. package/.depcheckignore.json +0 -3
  32. package/config.dist.json +0 -9
  33. package/dist/dts/diff/GeopointArrayDiff.d.ts +0 -5
  34. package/dist/dts/diff/GeopointArrayDiff.d.ts.map +0 -1
  35. package/dist/dts/diff/GeopointFieldDiff.d.ts +0 -5
  36. package/dist/dts/diff/GeopointFieldDiff.d.ts.map +0 -1
  37. package/dist/dts/diff/GeopointFieldDiff.styles.d.ts +0 -2
  38. package/dist/dts/diff/GeopointFieldDiff.styles.d.ts.map +0 -1
  39. package/dist/dts/diff/GeopointMove.d.ts +0 -13
  40. package/dist/dts/diff/GeopointMove.d.ts.map +0 -1
  41. package/dist/dts/diff/resolver.d.ts +0 -4
  42. package/dist/dts/diff/resolver.d.ts.map +0 -1
  43. package/dist/dts/input/GeopointInput.d.ts +0 -40
  44. package/dist/dts/input/GeopointInput.d.ts.map +0 -1
  45. package/dist/dts/input/GeopointInput.styles.d.ts +0 -3
  46. package/dist/dts/input/GeopointInput.styles.d.ts.map +0 -1
  47. package/dist/dts/input/GeopointSelect.d.ts +0 -28
  48. package/dist/dts/input/GeopointSelect.d.ts.map +0 -1
  49. package/dist/dts/loader/GoogleMapsLoadProxy.d.ts +0 -14
  50. package/dist/dts/loader/GoogleMapsLoadProxy.d.ts.map +0 -1
  51. package/dist/dts/loader/LoadError.d.ts +0 -10
  52. package/dist/dts/loader/LoadError.d.ts.map +0 -1
  53. package/dist/dts/loader/loadGoogleMapsApi.d.ts +0 -18
  54. package/dist/dts/loader/loadGoogleMapsApi.d.ts.map +0 -1
  55. package/dist/dts/map/Arrow.d.ts +0 -29
  56. package/dist/dts/map/Arrow.d.ts.map +0 -1
  57. package/dist/dts/map/Map.d.ts +0 -37
  58. package/dist/dts/map/Map.d.ts.map +0 -1
  59. package/dist/dts/map/Map.styles.d.ts +0 -2
  60. package/dist/dts/map/Map.styles.d.ts.map +0 -1
  61. package/dist/dts/map/Marker.d.ts +0 -36
  62. package/dist/dts/map/Marker.d.ts.map +0 -1
  63. package/dist/dts/map/SearchInput.d.ts +0 -16
  64. package/dist/dts/map/SearchInput.d.ts.map +0 -1
  65. package/dist/dts/map/SearchInput.styles.d.ts +0 -2
  66. package/dist/dts/map/SearchInput.styles.d.ts.map +0 -1
  67. package/dist/dts/map/util.d.ts +0 -4
  68. package/dist/dts/map/util.d.ts.map +0 -1
  69. package/dist/dts/types.d.ts +0 -14
  70. package/dist/dts/types.d.ts.map +0 -1
  71. package/lib/@types/css.d.js +0 -1
  72. package/lib/diff/GeopointArrayDiff.js +0 -82
  73. package/lib/diff/GeopointFieldDiff.js +0 -97
  74. package/lib/diff/GeopointFieldDiff.styles.js +0 -18
  75. package/lib/diff/GeopointMove.js +0 -55
  76. package/lib/diff/resolver.js +0 -27
  77. package/lib/input/GeopointInput.js +0 -194
  78. package/lib/input/GeopointInput.styles.js +0 -22
  79. package/lib/input/GeopointSelect.js +0 -103
  80. package/lib/loader/GoogleMapsLoadProxy.js +0 -70
  81. package/lib/loader/LoadError.js +0 -43
  82. package/lib/loader/loadGoogleMapsApi.js +0 -81
  83. package/lib/map/Arrow.js +0 -97
  84. package/lib/map/Map.js +0 -147
  85. package/lib/map/Map.styles.js +0 -18
  86. package/lib/map/Marker.js +0 -156
  87. package/lib/map/SearchInput.js +0 -77
  88. package/lib/map/SearchInput.styles.js +0 -18
  89. package/lib/map/util.js +0 -14
  90. package/lib/types.js +0 -5
  91. package/sanity.json +0 -18
  92. package/tsconfig.json +0 -20
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.LoadError = LoadError;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _ui = require("@sanity/ui");
11
-
12
- 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); }
13
-
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
15
-
16
- function LoadError(props) {
17
- var _props$error;
18
-
19
- return /*#__PURE__*/React.createElement(_ui.Card, {
20
- tone: "critical",
21
- radius: 1
22
- }, /*#__PURE__*/React.createElement(_ui.Box, {
23
- as: "header",
24
- paddingX: 4,
25
- paddingTop: 4,
26
- paddingBottom: 1
27
- }, /*#__PURE__*/React.createElement(_ui.Text, {
28
- as: "h2",
29
- weight: "bold"
30
- }, "Google Maps failed to load")), /*#__PURE__*/React.createElement(_ui.Box, {
31
- paddingX: 4,
32
- paddingTop: 4,
33
- paddingBottom: 1
34
- }, props.isAuthError ? /*#__PURE__*/React.createElement(AuthError, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ui.Text, {
35
- as: "h3"
36
- }, "Error details:"), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement(_ui.Code, {
37
- size: 1
38
- }, (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.message)))));
39
- }
40
-
41
- function AuthError() {
42
- return /*#__PURE__*/React.createElement(_ui.Text, null, /*#__PURE__*/React.createElement("p", null, "The error appears to be related to authentication"), /*#__PURE__*/React.createElement("p", null, "Common causes include:"), /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "Incorrect API key"), /*#__PURE__*/React.createElement("li", null, "Referer not allowed"), /*#__PURE__*/React.createElement("li", null, "Missing authentication scope")), /*#__PURE__*/React.createElement("p", null, "Check the browser developer tools for more information."));
43
- }
@@ -1,81 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.loadGoogleMapsApi = loadGoogleMapsApi;
7
-
8
- var _rxjs = require("rxjs");
9
-
10
- var _googleMapsInput = _interopRequireDefault(require("config:@sanity/google-maps-input"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- // @todo: remove the following line when part imports has been removed from this file
15
- ///<reference types="@sanity/types/parts" />
16
- var callbackName = '___sanity_googleMapsApiCallback';
17
- var authFailureCallbackName = 'gm_authFailure';
18
- var locale = typeof window !== 'undefined' && window.navigator.language || 'en';
19
- var subject;
20
-
21
- function loadGoogleMapsApi() {
22
- var selectedLocale = _googleMapsInput.default.defaultLocale || locale || 'en-US';
23
-
24
- if (subject) {
25
- return subject;
26
- }
27
-
28
- subject = new _rxjs.BehaviorSubject({
29
- loadState: 'loading'
30
- });
31
-
32
- window[authFailureCallbackName] = () => {
33
- delete window[authFailureCallbackName];
34
- subject.next({
35
- loadState: 'authError'
36
- });
37
- };
38
-
39
- window[callbackName] = () => {
40
- delete window[callbackName];
41
- subject.next({
42
- loadState: 'loaded',
43
- api: window.google.maps
44
- });
45
- };
46
-
47
- var script = document.createElement('script');
48
-
49
- script.onerror = (event, source, lineno, colno, error) => subject.next({
50
- loadState: 'loadError',
51
- error: coeerceError(event, error)
52
- });
53
-
54
- script.src = "https://maps.googleapis.com/maps/api/js?key=".concat(_googleMapsInput.default.apiKey, "&libraries=places&callback=").concat(callbackName, "&language=").concat(selectedLocale);
55
- document.getElementsByTagName('head')[0].appendChild(script);
56
- return subject;
57
- }
58
-
59
- function coeerceError(event, error) {
60
- if (error) {
61
- return error;
62
- }
63
-
64
- if (typeof event === 'string') {
65
- return new Error(event);
66
- }
67
-
68
- return new Error(isErrorEvent(event) ? event.message : 'Failed to load Google Maps API');
69
- }
70
-
71
- function isErrorEvent(event) {
72
- if (typeof event !== 'object' || event === null) {
73
- return false;
74
- }
75
-
76
- if (!('message' in event)) {
77
- return false;
78
- }
79
-
80
- return typeof event.message === 'string';
81
- }
package/lib/map/Arrow.js DELETED
@@ -1,97 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Arrow = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _util = require("./util");
11
-
12
- 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); }
13
-
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
15
-
16
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
-
18
- class Arrow extends React.PureComponent {
19
- constructor() {
20
- super(...arguments);
21
-
22
- _defineProperty(this, "line", void 0);
23
-
24
- _defineProperty(this, "eventHandlers", {});
25
- }
26
-
27
- componentDidMount() {
28
- var _this$props = this.props,
29
- from = _this$props.from,
30
- to = _this$props.to,
31
- api = _this$props.api,
32
- map = _this$props.map,
33
- zIndex = _this$props.zIndex,
34
- onClick = _this$props.onClick,
35
- color = _this$props.color,
36
- arrowRef = _this$props.arrowRef;
37
- var lineSymbol = {
38
- path: api.SymbolPath.FORWARD_OPEN_ARROW
39
- };
40
- this.line = new api.Polyline({
41
- map,
42
- zIndex,
43
- path: [from, to],
44
- icons: [{
45
- icon: lineSymbol,
46
- offset: '50%'
47
- }],
48
- strokeOpacity: 0.55,
49
- strokeColor: color ? color.text : 'black'
50
- });
51
-
52
- if (onClick) {
53
- this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick);
54
- }
55
-
56
- if (arrowRef) {
57
- arrowRef.current = this.line;
58
- }
59
- }
60
-
61
- componentDidUpdate(prevProps) {
62
- if (!this.line) {
63
- return;
64
- }
65
-
66
- var _this$props2 = this.props,
67
- from = _this$props2.from,
68
- to = _this$props2.to,
69
- map = _this$props2.map;
70
-
71
- if (!(0, _util.latLngAreEqual)(prevProps.from, from) || !(0, _util.latLngAreEqual)(prevProps.to, to)) {
72
- this.line.setPath([from, to]);
73
- }
74
-
75
- if (prevProps.map !== map) {
76
- this.line.setMap(map);
77
- }
78
- }
79
-
80
- componentWillUnmount() {
81
- if (this.line) {
82
- this.line.setMap(null);
83
- }
84
-
85
- if (this.eventHandlers.click) {
86
- this.eventHandlers.click.remove();
87
- }
88
- } // eslint-disable-next-line class-methods-use-this
89
-
90
-
91
- render() {
92
- return null;
93
- }
94
-
95
- }
96
-
97
- exports.Arrow = Arrow;
package/lib/map/Map.js DELETED
@@ -1,147 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.GoogleMap = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _util = require("./util");
11
-
12
- var _Map = require("./Map.styles");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
-
18
- class GoogleMap extends _react.default.PureComponent {
19
- constructor() {
20
- super(...arguments);
21
-
22
- _defineProperty(this, "state", {
23
- map: undefined
24
- });
25
-
26
- _defineProperty(this, "clickHandler", void 0);
27
-
28
- _defineProperty(this, "mapRef", /*#__PURE__*/_react.default.createRef());
29
-
30
- _defineProperty(this, "mapEl", null);
31
-
32
- _defineProperty(this, "attachClickHandler", () => {
33
- var map = this.state.map;
34
-
35
- if (!map) {
36
- return;
37
- }
38
-
39
- var _this$props = this.props,
40
- api = _this$props.api,
41
- onClick = _this$props.onClick;
42
- var event = api.event;
43
-
44
- if (this.clickHandler) {
45
- this.clickHandler.remove();
46
- }
47
-
48
- if (onClick) {
49
- this.clickHandler = event.addListener(map, 'click', onClick);
50
- }
51
- });
52
-
53
- _defineProperty(this, "setMapElement", element => {
54
- if (element && element !== this.mapEl) {
55
- var _map = this.constructMap(element);
56
-
57
- this.setState({
58
- map: _map
59
- }, this.attachClickHandler);
60
- }
61
-
62
- this.mapEl = element;
63
- });
64
- }
65
-
66
- componentDidMount() {
67
- this.attachClickHandler();
68
- }
69
-
70
- componentDidUpdate(prevProps) {
71
- var map = this.state.map;
72
-
73
- if (!map) {
74
- return;
75
- }
76
-
77
- var _this$props2 = this.props,
78
- onClick = _this$props2.onClick,
79
- location = _this$props2.location,
80
- bounds = _this$props2.bounds;
81
-
82
- if (prevProps.onClick !== onClick) {
83
- this.attachClickHandler();
84
- }
85
-
86
- if (!(0, _util.latLngAreEqual)(prevProps.location, location)) {
87
- map.panTo(this.getCenter());
88
- }
89
-
90
- if (bounds && (!prevProps.bounds || !bounds.equals(prevProps.bounds))) {
91
- map.fitBounds(bounds);
92
- }
93
- }
94
-
95
- componentWillUnmount() {
96
- if (this.clickHandler) {
97
- this.clickHandler.remove();
98
- }
99
- }
100
-
101
- getCenter() {
102
- var _this$props3 = this.props,
103
- location = _this$props3.location,
104
- api = _this$props3.api;
105
- return new api.LatLng(location.lat, location.lng);
106
- }
107
-
108
- constructMap(el) {
109
- var _this$props4 = this.props,
110
- defaultZoom = _this$props4.defaultZoom,
111
- api = _this$props4.api,
112
- mapTypeControl = _this$props4.mapTypeControl,
113
- controlSize = _this$props4.controlSize,
114
- bounds = _this$props4.bounds,
115
- scrollWheel = _this$props4.scrollWheel;
116
- var map = new api.Map(el, {
117
- zoom: defaultZoom,
118
- center: this.getCenter(),
119
- scrollwheel: scrollWheel,
120
- streetViewControl: false,
121
- mapTypeControl,
122
- controlSize
123
- });
124
-
125
- if (bounds) {
126
- map.fitBounds(bounds);
127
- }
128
-
129
- return map;
130
- }
131
-
132
- render() {
133
- var children = this.props.children;
134
- var map = this.state.map;
135
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Map.MapContainer, {
136
- ref: this.setMapElement
137
- }), children && map ? children(map) : null);
138
- }
139
-
140
- }
141
-
142
- exports.GoogleMap = GoogleMap;
143
-
144
- _defineProperty(GoogleMap, "defaultProps", {
145
- defaultZoom: 8,
146
- scrollWheel: true
147
- });
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.MapContainer = void 0;
7
-
8
- var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
- var _templateObject;
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
-
16
- var MapContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n"])));
17
-
18
- exports.MapContainer = MapContainer;
package/lib/map/Marker.js DELETED
@@ -1,156 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Marker = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _util = require("./util");
11
-
12
- 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); }
13
-
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
15
-
16
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
-
18
- var markerPath = 'M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z';
19
-
20
- class Marker extends React.PureComponent {
21
- constructor() {
22
- super(...arguments);
23
-
24
- _defineProperty(this, "marker", void 0);
25
-
26
- _defineProperty(this, "eventHandlers", {});
27
- }
28
-
29
- componentDidMount() {
30
- var _this$props = this.props,
31
- position = _this$props.position,
32
- api = _this$props.api,
33
- map = _this$props.map,
34
- onMove = _this$props.onMove,
35
- zIndex = _this$props.zIndex,
36
- opacity = _this$props.opacity,
37
- label = _this$props.label,
38
- markerRef = _this$props.markerRef,
39
- color = _this$props.color;
40
- var GMarker = api.Marker;
41
- var icon;
42
-
43
- if (color) {
44
- icon = {
45
- path: markerPath,
46
- fillOpacity: 1,
47
- fillColor: color.background,
48
- strokeColor: color.border,
49
- strokeWeight: 2,
50
- anchor: new api.Point(10, 35),
51
- labelOrigin: new api.Point(10, 11)
52
- };
53
- }
54
-
55
- this.marker = new GMarker({
56
- draggable: Boolean(onMove),
57
- position,
58
- map,
59
- zIndex,
60
- opacity,
61
- label,
62
- icon
63
- });
64
-
65
- if (markerRef) {
66
- markerRef.current = this.marker;
67
- }
68
-
69
- this.attachMoveHandler();
70
- this.attachClickHandler();
71
- }
72
-
73
- componentDidUpdate(prevProps) {
74
- if (!this.marker) {
75
- return;
76
- }
77
-
78
- var _this$props2 = this.props,
79
- position = _this$props2.position,
80
- onMove = _this$props2.onMove,
81
- label = _this$props2.label,
82
- zIndex = _this$props2.zIndex,
83
- opacity = _this$props2.opacity,
84
- map = _this$props2.map;
85
-
86
- if (prevProps.onMove !== onMove) {
87
- this.attachMoveHandler();
88
- }
89
-
90
- if (!(0, _util.latLngAreEqual)(prevProps.position, position)) {
91
- this.marker.setPosition(position);
92
- }
93
-
94
- if (prevProps.label !== label) {
95
- this.marker.setLabel(label || null);
96
- }
97
-
98
- if (prevProps.zIndex !== zIndex) {
99
- this.marker.setZIndex(zIndex || null);
100
- }
101
-
102
- if (prevProps.opacity !== opacity) {
103
- this.marker.setOpacity(opacity || null);
104
- }
105
-
106
- if (prevProps.map !== map) {
107
- this.marker.setMap(map);
108
- }
109
- }
110
-
111
- componentWillUnmount() {
112
- if (this.eventHandlers.move) {
113
- this.eventHandlers.move.remove();
114
- }
115
-
116
- if (this.marker) {
117
- this.marker.setMap(null);
118
- }
119
- }
120
-
121
- attachMoveHandler() {
122
- var _this$props3 = this.props,
123
- api = _this$props3.api,
124
- onMove = _this$props3.onMove;
125
-
126
- if (this.eventHandlers.move) {
127
- this.eventHandlers.move.remove();
128
- }
129
-
130
- if (this.marker && onMove) {
131
- this.eventHandlers.move = api.event.addListener(this.marker, 'dragend', onMove);
132
- }
133
- }
134
-
135
- attachClickHandler() {
136
- var _this$props4 = this.props,
137
- api = _this$props4.api,
138
- onClick = _this$props4.onClick;
139
-
140
- if (this.eventHandlers.click) {
141
- this.eventHandlers.click.remove();
142
- }
143
-
144
- if (this.marker && onClick) {
145
- this.eventHandlers.click = api.event.addListener(this.marker, 'click', onClick);
146
- }
147
- } // eslint-disable-next-line class-methods-use-this
148
-
149
-
150
- render() {
151
- return null;
152
- }
153
-
154
- }
155
-
156
- exports.Marker = Marker;
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SearchInput = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _ui = require("@sanity/ui");
11
-
12
- var _SearchInput = require("./SearchInput.styles");
13
-
14
- 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); }
15
-
16
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof 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; }
17
-
18
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
-
20
- class SearchInput extends React.PureComponent {
21
- constructor() {
22
- super(...arguments);
23
-
24
- _defineProperty(this, "searchInputRef", /*#__PURE__*/React.createRef());
25
-
26
- _defineProperty(this, "autoComplete", void 0);
27
-
28
- _defineProperty(this, "handleChange", () => {
29
- if (!this.autoComplete) {
30
- return;
31
- }
32
-
33
- this.props.onChange(this.autoComplete.getPlace());
34
-
35
- if (this.searchInputRef.current) {
36
- this.searchInputRef.current.value = '';
37
- }
38
- });
39
- }
40
-
41
- componentDidMount() {
42
- var input = this.searchInputRef.current;
43
-
44
- if (!input) {
45
- return;
46
- }
47
-
48
- var _this$props = this.props,
49
- api = _this$props.api,
50
- map = _this$props.map;
51
- var Circle = api.Circle,
52
- places = api.places,
53
- event = api.event;
54
- var searchBounds = new Circle({
55
- center: map.getCenter(),
56
- radius: 100
57
- }).getBounds();
58
- this.autoComplete = new places.Autocomplete(input, {
59
- bounds: searchBounds,
60
- types: [] // return all kinds of places
61
-
62
- });
63
- event.addListener(this.autoComplete, 'place_changed', this.handleChange);
64
- }
65
-
66
- render() {
67
- return /*#__PURE__*/React.createElement(_SearchInput.WrapperContainer, null, /*#__PURE__*/React.createElement(_ui.TextInput, {
68
- name: "place",
69
- ref: this.searchInputRef,
70
- placeholder: "Search for place or address",
71
- padding: 4
72
- }));
73
- }
74
-
75
- }
76
-
77
- exports.SearchInput = SearchInput;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.WrapperContainer = void 0;
7
-
8
- var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
- var _templateObject;
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
-
16
- var WrapperContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n right: 10px;\n top: 10px;\n width: 220px;\n"])));
17
-
18
- exports.WrapperContainer = WrapperContainer;
package/lib/map/util.js DELETED
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.latLngAreEqual = latLngAreEqual;
7
-
8
- function latLngAreEqual(latLng1, latLng2) {
9
- var lat1 = typeof latLng1.lat === 'function' ? latLng1.lat() : latLng1.lat;
10
- var lng1 = typeof latLng1.lng === 'function' ? latLng1.lng() : latLng1.lng;
11
- var lat2 = typeof latLng2.lat === 'function' ? latLng2.lat() : latLng2.lat;
12
- var lng2 = typeof latLng2.lng === 'function' ? latLng2.lng() : latLng2.lng;
13
- return lat1 === lat2 && lng1 === lng2;
14
- }
package/lib/types.js DELETED
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
package/sanity.json DELETED
@@ -1,18 +0,0 @@
1
- {
2
- "paths": {
3
- "source": "./src",
4
- "compiled": "./lib"
5
- },
6
-
7
- "parts": [
8
- {
9
- "name": "part:@sanity/google-maps-input/input/geopoint",
10
- "implements": "part:@sanity/form-builder/input/geopoint",
11
- "path": "input/GeopointInput"
12
- },
13
- {
14
- "implements": "part:@sanity/base/diff-resolver",
15
- "path": "diff/resolver"
16
- }
17
- ]
18
- }