@sanity/google-maps-input 2.34.0 → 2.34.1-canary.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.
@@ -4,43 +4,31 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.GeopointArrayDiff = void 0;
7
-
8
7
  var React = _interopRequireWildcard(require("react"));
9
-
10
8
  var _GoogleMapsLoadProxy = require("../loader/GoogleMapsLoadProxy");
11
-
12
9
  var _Map = require("../map/Map");
13
-
14
10
  var _GeopointMove = require("./GeopointMove");
15
-
16
11
  var _GeopointFieldDiff = require("./GeopointFieldDiff.styles");
17
-
18
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); }
19
-
20
13
  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; }
21
-
22
14
  var GeopointArrayDiff = _ref => {
23
15
  var diff = _ref.diff,
24
- schemaType = _ref.schemaType;
16
+ schemaType = _ref.schemaType;
25
17
  return /*#__PURE__*/React.createElement(_GeopointFieldDiff.RootContainer, null, /*#__PURE__*/React.createElement(_GoogleMapsLoadProxy.GoogleMapsLoadProxy, null, api => /*#__PURE__*/React.createElement(GeopointDiff, {
26
18
  api: api,
27
19
  diff: diff,
28
20
  schemaType: schemaType
29
21
  })));
30
22
  };
31
-
32
23
  exports.GeopointArrayDiff = GeopointArrayDiff;
33
-
34
24
  function GeopointDiff(_ref2) {
35
25
  var api = _ref2.api,
36
- diff = _ref2.diff;
26
+ diff = _ref2.diff;
37
27
  var fromValue = (diff.fromValue || []).filter(hasCoordinates);
38
28
  var toValue = (diff.toValue || []).filter(hasCoordinates);
39
-
40
29
  if (fromValue.length === 0 && toValue.length === 0) {
41
30
  return null;
42
31
  }
43
-
44
32
  var bounds = getBounds(fromValue, toValue, api);
45
33
  return /*#__PURE__*/React.createElement(_Map.GoogleMap, {
46
34
  api: api,
@@ -50,12 +38,10 @@ function GeopointDiff(_ref2) {
50
38
  bounds: bounds
51
39
  }, map => /*#__PURE__*/React.createElement(React.Fragment, null, diff.items.map(_ref3 => {
52
40
  var toIndex = _ref3.toIndex,
53
- pointDiff = _ref3.diff;
54
-
41
+ pointDiff = _ref3.diff;
55
42
  if (!isChangeDiff(pointDiff)) {
56
43
  return null;
57
44
  }
58
-
59
45
  return /*#__PURE__*/React.createElement(_GeopointMove.GeopointMove, {
60
46
  key: toIndex,
61
47
  api: api,
@@ -65,15 +51,12 @@ function GeopointDiff(_ref2) {
65
51
  });
66
52
  })));
67
53
  }
68
-
69
54
  function isChangeDiff(diff) {
70
55
  return diff.action !== 'unchanged' && diff.type === 'object';
71
56
  }
72
-
73
57
  function hasCoordinates(point) {
74
58
  return typeof point.lat === 'number' && typeof point.lng === 'number';
75
59
  }
76
-
77
60
  function getBounds(fromValue, toValue, api) {
78
61
  var bounds = new api.LatLngBounds();
79
62
  var points = [...(fromValue || []), ...(toValue || [])];
@@ -4,40 +4,29 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.GeopointFieldDiff = void 0;
7
-
8
7
  var React = _interopRequireWildcard(require("react"));
9
-
10
8
  var _diff = require("@sanity/field/diff");
11
-
12
9
  var _GoogleMapsLoadProxy = require("../loader/GoogleMapsLoadProxy");
13
-
14
10
  var _Map = require("../map/Map");
15
-
16
11
  var _GeopointMove = require("./GeopointMove");
17
-
18
12
  var _GeopointFieldDiff = require("./GeopointFieldDiff.styles");
19
-
20
13
  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); }
21
-
22
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; }
23
-
24
15
  var GeopointFieldDiff = _ref => {
25
16
  var diff = _ref.diff,
26
- schemaType = _ref.schemaType;
17
+ schemaType = _ref.schemaType;
27
18
  return /*#__PURE__*/React.createElement(_GeopointFieldDiff.RootContainer, null, /*#__PURE__*/React.createElement(_GoogleMapsLoadProxy.GoogleMapsLoadProxy, null, api => /*#__PURE__*/React.createElement(GeopointDiff, {
28
19
  api: api,
29
20
  diff: diff,
30
21
  schemaType: schemaType
31
22
  })));
32
23
  };
33
-
34
24
  exports.GeopointFieldDiff = GeopointFieldDiff;
35
-
36
25
  function GeopointDiff(_ref2) {
37
26
  var api = _ref2.api,
38
- diff = _ref2.diff;
27
+ diff = _ref2.diff;
39
28
  var fromValue = diff.fromValue,
40
- toValue = diff.toValue;
29
+ toValue = diff.toValue;
41
30
  var annotation = (0, _diff.getAnnotationAtPath)(diff, ['lat']) || (0, _diff.getAnnotationAtPath)(diff, ['lng']) || (0, _diff.getAnnotationAtPath)(diff, []);
42
31
  var center = getCenter(diff, api);
43
32
  var bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined;
@@ -57,34 +46,26 @@ function GeopointDiff(_ref2) {
57
46
  diff: diff
58
47
  }))));
59
48
  }
60
-
61
49
  function getBounds(fromValue, toValue, api) {
62
50
  return new api.LatLngBounds().extend(fromValue).extend(toValue);
63
51
  }
64
-
65
52
  function getCenter(diff, api) {
66
53
  var fromValue = diff.fromValue,
67
- toValue = diff.toValue;
68
-
54
+ toValue = diff.toValue;
69
55
  if (fromValue && toValue) {
70
56
  return getBounds(fromValue, toValue, api).getCenter().toJSON();
71
57
  }
72
-
73
58
  if (fromValue) {
74
59
  return fromValue;
75
60
  }
76
-
77
61
  if (toValue) {
78
62
  return toValue;
79
63
  }
80
-
81
64
  throw new Error('Neither a from or a to value present');
82
65
  }
83
-
84
66
  function getAction(diff) {
85
67
  var fromValue = diff.fromValue,
86
- toValue = diff.toValue;
87
-
68
+ toValue = diff.toValue;
88
69
  if (fromValue && toValue) {
89
70
  return 'Moved';
90
71
  } else if (fromValue) {
@@ -92,6 +73,5 @@ function getAction(diff) {
92
73
  } else if (toValue) {
93
74
  return 'Added';
94
75
  }
95
-
96
76
  return 'Unchanged';
97
77
  }
@@ -4,15 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.RootContainer = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _templateObject;
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
-
16
11
  var RootContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n min-height: 200px;\n\n &:empty {\n background-color: var(--card-skeleton-color-from);\n display: table;\n width: 100%;\n }\n\n &:empty:after {\n content: 'Missing/invalid data';\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n position: relative;\n }\n"])));
17
-
18
12
  exports.RootContainer = RootContainer;
@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.GeopointMove = GeopointMove;
7
-
8
7
  var React = _interopRequireWildcard(require("react"));
9
-
10
8
  var _userColor = require("@sanity/base/user-color");
11
-
12
9
  var _Marker = require("../map/Marker");
13
-
14
10
  var _Arrow = require("../map/Arrow");
15
-
16
11
  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); }
17
-
18
12
  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; }
19
-
20
13
  function GeopointMove(_ref) {
21
14
  var diff = _ref.diff,
22
- api = _ref.api,
23
- map = _ref.map,
24
- label = _ref.label;
15
+ api = _ref.api,
16
+ map = _ref.map,
17
+ label = _ref.label;
25
18
  var from = diff.fromValue,
26
- to = diff.toValue;
19
+ to = diff.toValue;
27
20
  var annotation = diff.isChanged ? diff.annotation : undefined;
28
21
  var userColor = (0, _userColor.useUserColor)(annotation ? annotation.author : null) || undefined;
29
22
  var fromRef = React.useRef();
@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _GeopointFieldDiff = require("./GeopointFieldDiff");
9
-
10
8
  var _GeopointArrayDiff = require("./GeopointArrayDiff");
11
-
12
9
  var diffResolver = function diffResolver(_ref) {
13
10
  var schemaType = _ref.schemaType;
14
-
15
11
  if (schemaType.name === 'geopoint') {
16
12
  return _GeopointFieldDiff.GeopointFieldDiff;
17
13
  }
18
-
19
14
  if (schemaType.jsonType === 'array' && schemaType.of.length === 1 && schemaType.of[0].name === 'geopoint') {
20
15
  return _GeopointArrayDiff.GeopointArrayDiff;
21
16
  }
22
-
23
17
  return undefined;
24
18
  };
25
-
26
19
  var _default = diffResolver;
27
20
  exports.default = _default;
@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _ui = require("@sanity/ui");
13
-
14
10
  var _icons = require("@sanity/icons");
15
-
16
11
  var _googleMapsInput = _interopRequireDefault(require("config:@sanity/google-maps-input"));
17
-
18
12
  var _components = require("@sanity/base/components");
19
-
20
13
  var _patchEvent = require("part:@sanity/form-builder/patch-event");
21
-
22
14
  var _changeIndicators = require("@sanity/base/change-indicators");
23
-
24
15
  var _GoogleMapsLoadProxy = require("../loader/GoogleMapsLoadProxy");
25
-
26
16
  var _GeopointSelect = require("./GeopointSelect");
27
-
28
17
  var _GeopointInput = require("./GeopointInput.styles");
29
-
30
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
19
  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; }
33
-
34
20
  var getStaticImageUrl = value => {
35
21
  var loc = "".concat(value.lat, ",").concat(value.lng);
36
22
  var params = {
@@ -46,31 +32,24 @@ var getStaticImageUrl = value => {
46
32
  }, []);
47
33
  return "https://maps.googleapis.com/maps/api/staticmap?".concat(qs.join('&'));
48
34
  };
49
-
50
35
  class GeopointInput extends _react.default.PureComponent {
51
36
  constructor(props) {
52
37
  super(props);
53
-
54
38
  _defineProperty(this, "_geopointInputId", (0, _uniqueId2.default)('GeopointInput'));
55
-
56
39
  _defineProperty(this, "editButton", void 0);
57
-
58
40
  _defineProperty(this, "setEditButton", el => {
59
41
  this.editButton = el;
60
42
  });
61
-
62
43
  _defineProperty(this, "handleFocus", event => {
63
44
  this.props.onFocus(event);
64
45
  });
65
-
66
46
  _defineProperty(this, "handleBlur", () => {
67
47
  this.props.onBlur();
68
48
  });
69
-
70
49
  _defineProperty(this, "handleToggleModal", () => {
71
50
  var _this$props = this.props,
72
- onFocus = _this$props.onFocus,
73
- onBlur = _this$props.onBlur;
51
+ onFocus = _this$props.onFocus,
52
+ onBlur = _this$props.onBlur;
74
53
  this.setState(prevState => ({
75
54
  modalOpen: !prevState.modalOpen
76
55
  }), () => {
@@ -81,49 +60,42 @@ class GeopointInput extends _react.default.PureComponent {
81
60
  }
82
61
  });
83
62
  });
84
-
85
63
  _defineProperty(this, "handleCloseModal", () => {
86
64
  this.setState({
87
65
  modalOpen: false
88
66
  });
89
67
  });
90
-
91
68
  _defineProperty(this, "handleChange", latLng => {
92
69
  var _this$props2 = this.props,
93
- type = _this$props2.type,
94
- onChange = _this$props2.onChange;
70
+ type = _this$props2.type,
71
+ onChange = _this$props2.onChange;
95
72
  onChange(_patchEvent.PatchEvent.from([(0, _patchEvent.setIfMissing)({
96
73
  _type: type.name
97
74
  }), (0, _patchEvent.set)(latLng.lat(), ['lat']), (0, _patchEvent.set)(latLng.lng(), ['lng'])]));
98
75
  });
99
-
100
76
  _defineProperty(this, "handleClear", () => {
101
77
  var onChange = this.props.onChange;
102
78
  onChange(_patchEvent.PatchEvent.from((0, _patchEvent.unset)()));
103
79
  });
104
-
105
80
  this.state = {
106
81
  modalOpen: false
107
82
  };
108
83
  }
109
-
110
84
  focus() {
111
85
  if (this.editButton) {
112
86
  this.editButton.focus();
113
87
  }
114
88
  }
115
-
116
89
  render() {
117
90
  var _this$props3 = this.props,
118
- value = _this$props3.value,
119
- compareValue = _this$props3.compareValue,
120
- readOnly = _this$props3.readOnly,
121
- type = _this$props3.type,
122
- markers = _this$props3.markers,
123
- level = _this$props3.level,
124
- presence = _this$props3.presence;
91
+ value = _this$props3.value,
92
+ compareValue = _this$props3.compareValue,
93
+ readOnly = _this$props3.readOnly,
94
+ type = _this$props3.type,
95
+ markers = _this$props3.markers,
96
+ level = _this$props3.level,
97
+ presence = _this$props3.presence;
125
98
  var modalOpen = this.state.modalOpen;
126
-
127
99
  if (!_googleMapsInput.default || !_googleMapsInput.default.apiKey) {
128
100
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, "The ", /*#__PURE__*/_react.default.createElement("a", {
129
101
  href: "https://sanity.io/docs/schema-types/geopoint-type"
@@ -133,7 +105,6 @@ class GeopointInput extends _react.default.PureComponent {
133
105
  }
134
106
  }, "`<project-root>/config/@sanity/google-maps-input.json`")));
135
107
  }
136
-
137
108
  return /*#__PURE__*/_react.default.createElement(_components.FormFieldSet, {
138
109
  level: level,
139
110
  title: type.title,
@@ -183,12 +154,9 @@ class GeopointInput extends _react.default.PureComponent {
183
154
  defaultZoom: _googleMapsInput.default.defaultZoom
184
155
  }))))));
185
156
  }
186
-
187
157
  }
188
-
189
158
  _defineProperty(GeopointInput, "defaultProps", {
190
159
  markers: []
191
160
  });
192
-
193
161
  var _default = GeopointInput;
194
162
  exports.default = _default;
@@ -4,19 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.PreviewImage = exports.DialogInnerContainer = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _templateObject, _templateObject2;
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
-
16
11
  var PreviewImage = _styledComponents.default.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: auto;\n vertical-align: top;\n"])));
17
-
18
12
  exports.PreviewImage = PreviewImage;
19
-
20
13
  var DialogInnerContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n height: 40rem;\n width: 50rem;\n"])));
21
-
22
14
  exports.DialogInnerContainer = DialogInnerContainer;
@@ -4,75 +4,55 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.GeopointSelect = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _SearchInput = require("../map/SearchInput");
11
-
12
9
  var _Map = require("../map/Map");
13
-
14
10
  var _Marker = require("../map/Marker");
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
-
20
13
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
-
22
14
  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; }
23
-
24
15
  var fallbackLatLng = {
25
16
  lat: 40.7058254,
26
17
  lng: -74.1180863
27
18
  };
28
-
29
19
  class GeopointSelect extends _react.default.PureComponent {
30
20
  constructor() {
31
21
  super(...arguments);
32
-
33
22
  _defineProperty(this, "mapRef", /*#__PURE__*/_react.default.createRef());
34
-
35
23
  _defineProperty(this, "handlePlaceChanged", place => {
36
24
  if (!place.geometry) {
37
25
  return;
38
26
  }
39
-
40
27
  this.setValue(place.geometry.location);
41
28
  });
42
-
43
29
  _defineProperty(this, "handleMarkerDragEnd", event => {
44
30
  this.setValue(event.latLng);
45
31
  });
46
-
47
32
  _defineProperty(this, "handleMapClick", event => {
48
33
  this.setValue(event.latLng);
49
34
  });
50
35
  }
51
-
52
36
  getCenter() {
53
37
  var _this$props = this.props,
54
- _this$props$value = _this$props.value,
55
- value = _this$props$value === void 0 ? {} : _this$props$value,
56
- _this$props$defaultLo = _this$props.defaultLocation,
57
- defaultLocation = _this$props$defaultLo === void 0 ? {} : _this$props$defaultLo;
58
-
38
+ _this$props$value = _this$props.value,
39
+ value = _this$props$value === void 0 ? {} : _this$props$value,
40
+ _this$props$defaultLo = _this$props.defaultLocation,
41
+ defaultLocation = _this$props$defaultLo === void 0 ? {} : _this$props$defaultLo;
59
42
  var point = _objectSpread(_objectSpread(_objectSpread({}, fallbackLatLng), defaultLocation), value);
60
-
61
43
  return point;
62
44
  }
63
-
64
45
  setValue(geoPoint) {
65
46
  if (this.props.onChange) {
66
47
  this.props.onChange(geoPoint);
67
48
  }
68
49
  }
69
-
70
50
  render() {
71
51
  var _this$props2 = this.props,
72
- api = _this$props2.api,
73
- defaultZoom = _this$props2.defaultZoom,
74
- value = _this$props2.value,
75
- onChange = _this$props2.onChange;
52
+ api = _this$props2.api,
53
+ defaultZoom = _this$props2.defaultZoom,
54
+ value = _this$props2.value,
55
+ onChange = _this$props2.onChange;
76
56
  return /*#__PURE__*/_react.default.createElement(_Map.GoogleMap, {
77
57
  api: api,
78
58
  location: this.getCenter(),
@@ -89,11 +69,8 @@ class GeopointSelect extends _react.default.PureComponent {
89
69
  onMove: onChange ? this.handleMarkerDragEnd : undefined
90
70
  })));
91
71
  }
92
-
93
72
  }
94
-
95
73
  exports.GeopointSelect = GeopointSelect;
96
-
97
74
  _defineProperty(GeopointSelect, "defaultProps", {
98
75
  defaultZoom: 8,
99
76
  defaultLocation: {
@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.GoogleMapsLoadProxy = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _loadGoogleMapsApi = require("./loadGoogleMapsApi");
11
-
12
9
  var _LoadError = require("./LoadError");
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  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
12
  class GoogleMapsLoadProxy extends _react.default.Component {
19
13
  constructor(props) {
20
14
  super(props);
21
-
22
15
  _defineProperty(this, "loadSubscription", void 0);
23
-
24
16
  this.state = {
25
17
  loadState: 'loading'
26
18
  };
@@ -34,13 +26,11 @@ class GoogleMapsLoadProxy extends _react.default.Component {
34
26
  });
35
27
  sync = false;
36
28
  }
37
-
38
29
  componentWillUnmount() {
39
30
  if (this.loadSubscription) {
40
31
  this.loadSubscription.unsubscribe();
41
32
  }
42
33
  }
43
-
44
34
  render() {
45
35
  switch (this.state.loadState) {
46
36
  case 'loadError':
@@ -48,23 +38,17 @@ class GoogleMapsLoadProxy extends _react.default.Component {
48
38
  error: this.state.error,
49
39
  isAuthError: false
50
40
  });
51
-
52
41
  case 'authError':
53
42
  return /*#__PURE__*/_react.default.createElement(_LoadError.LoadError, {
54
43
  isAuthError: true
55
44
  });
56
-
57
45
  case 'loading':
58
46
  return /*#__PURE__*/_react.default.createElement("div", null, "Loading Google Maps API");
59
-
60
47
  case 'loaded':
61
48
  return this.props.children(this.state.api) || null;
62
-
63
49
  default:
64
50
  return null;
65
51
  }
66
52
  }
67
-
68
53
  }
69
-
70
54
  exports.GoogleMapsLoadProxy = GoogleMapsLoadProxy;
@@ -4,18 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.LoadError = LoadError;
7
-
8
7
  var React = _interopRequireWildcard(require("react"));
9
-
10
8
  var _ui = require("@sanity/ui");
11
-
12
9
  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
10
  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
11
  function LoadError(props) {
17
12
  var _props$error;
18
-
19
13
  return /*#__PURE__*/React.createElement(_ui.Card, {
20
14
  tone: "critical",
21
15
  radius: 1
@@ -37,7 +31,6 @@ function LoadError(props) {
37
31
  size: 1
38
32
  }, (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.message)))));
39
33
  }
40
-
41
34
  function AuthError() {
42
35
  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
36
  }
@@ -4,38 +4,30 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.loadGoogleMapsApi = loadGoogleMapsApi;
7
-
8
7
  var _rxjs = require("rxjs");
9
-
10
8
  var _googleMapsInput = _interopRequireDefault(require("config:@sanity/google-maps-input"));
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  // @todo: remove the following line when part imports has been removed from this file
15
11
  ///<reference types="@sanity/types/parts" />
12
+
16
13
  var callbackName = '___sanity_googleMapsApiCallback';
17
14
  var authFailureCallbackName = 'gm_authFailure';
18
15
  var locale = typeof window !== 'undefined' && window.navigator.language || 'en';
19
16
  var subject;
20
-
21
17
  function loadGoogleMapsApi() {
22
18
  var selectedLocale = _googleMapsInput.default.defaultLocale || locale || 'en-US';
23
-
24
19
  if (subject) {
25
20
  return subject;
26
21
  }
27
-
28
22
  subject = new _rxjs.BehaviorSubject({
29
23
  loadState: 'loading'
30
24
  });
31
-
32
25
  window[authFailureCallbackName] = () => {
33
26
  delete window[authFailureCallbackName];
34
27
  subject.next({
35
28
  loadState: 'authError'
36
29
  });
37
30
  };
38
-
39
31
  window[callbackName] = () => {
40
32
  delete window[callbackName];
41
33
  subject.next({
@@ -43,39 +35,30 @@ function loadGoogleMapsApi() {
43
35
  api: window.google.maps
44
36
  });
45
37
  };
46
-
47
38
  var script = document.createElement('script');
48
-
49
39
  script.onerror = (event, source, lineno, colno, error) => subject.next({
50
40
  loadState: 'loadError',
51
41
  error: coeerceError(event, error)
52
42
  });
53
-
54
43
  script.src = "https://maps.googleapis.com/maps/api/js?key=".concat(_googleMapsInput.default.apiKey, "&libraries=places&callback=").concat(callbackName, "&language=").concat(selectedLocale);
55
44
  document.getElementsByTagName('head')[0].appendChild(script);
56
45
  return subject;
57
46
  }
58
-
59
47
  function coeerceError(event, error) {
60
48
  if (error) {
61
49
  return error;
62
50
  }
63
-
64
51
  if (typeof event === 'string') {
65
52
  return new Error(event);
66
53
  }
67
-
68
54
  return new Error(isErrorEvent(event) ? event.message : 'Failed to load Google Maps API');
69
55
  }
70
-
71
56
  function isErrorEvent(event) {
72
57
  if (typeof event !== 'object' || event === null) {
73
58
  return false;
74
59
  }
75
-
76
60
  if (!('message' in event)) {
77
61
  return false;
78
62
  }
79
-
80
63
  return typeof event.message === 'string';
81
64
  }
package/lib/map/Arrow.js CHANGED
@@ -4,36 +4,27 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Arrow = void 0;
7
-
8
7
  var React = _interopRequireWildcard(require("react"));
9
-
10
8
  var _util = require("./util");
11
-
12
9
  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
10
  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
11
  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
12
  class Arrow extends React.PureComponent {
19
13
  constructor() {
20
14
  super(...arguments);
21
-
22
15
  _defineProperty(this, "line", void 0);
23
-
24
16
  _defineProperty(this, "eventHandlers", {});
25
17
  }
26
-
27
18
  componentDidMount() {
28
19
  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;
20
+ from = _this$props.from,
21
+ to = _this$props.to,
22
+ api = _this$props.api,
23
+ map = _this$props.map,
24
+ zIndex = _this$props.zIndex,
25
+ onClick = _this$props.onClick,
26
+ color = _this$props.color,
27
+ arrowRef = _this$props.arrowRef;
37
28
  var lineSymbol = {
38
29
  path: api.SymbolPath.FORWARD_OPEN_ARROW
39
30
  };
@@ -48,50 +39,40 @@ class Arrow extends React.PureComponent {
48
39
  strokeOpacity: 0.55,
49
40
  strokeColor: color ? color.text : 'black'
50
41
  });
51
-
52
42
  if (onClick) {
53
43
  this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick);
54
44
  }
55
-
56
45
  if (arrowRef) {
57
46
  arrowRef.current = this.line;
58
47
  }
59
48
  }
60
-
61
49
  componentDidUpdate(prevProps) {
62
50
  if (!this.line) {
63
51
  return;
64
52
  }
65
-
66
53
  var _this$props2 = this.props,
67
- from = _this$props2.from,
68
- to = _this$props2.to,
69
- map = _this$props2.map;
70
-
54
+ from = _this$props2.from,
55
+ to = _this$props2.to,
56
+ map = _this$props2.map;
71
57
  if (!(0, _util.latLngAreEqual)(prevProps.from, from) || !(0, _util.latLngAreEqual)(prevProps.to, to)) {
72
58
  this.line.setPath([from, to]);
73
59
  }
74
-
75
60
  if (prevProps.map !== map) {
76
61
  this.line.setMap(map);
77
62
  }
78
63
  }
79
-
80
64
  componentWillUnmount() {
81
65
  if (this.line) {
82
66
  this.line.setMap(null);
83
67
  }
84
-
85
68
  if (this.eventHandlers.click) {
86
69
  this.eventHandlers.click.remove();
87
70
  }
88
- } // eslint-disable-next-line class-methods-use-this
89
-
71
+ }
90
72
 
73
+ // eslint-disable-next-line class-methods-use-this
91
74
  render() {
92
75
  return null;
93
76
  }
94
-
95
77
  }
96
-
97
78
  exports.Arrow = Arrow;
package/lib/map/Map.js CHANGED
@@ -4,115 +4,87 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.GoogleMap = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _util = require("./util");
11
-
12
9
  var _Map = require("./Map.styles");
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  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
12
  class GoogleMap extends _react.default.PureComponent {
19
13
  constructor() {
20
14
  super(...arguments);
21
-
22
15
  _defineProperty(this, "state", {
23
16
  map: undefined
24
17
  });
25
-
26
18
  _defineProperty(this, "clickHandler", void 0);
27
-
28
19
  _defineProperty(this, "mapRef", /*#__PURE__*/_react.default.createRef());
29
-
30
20
  _defineProperty(this, "mapEl", null);
31
-
32
21
  _defineProperty(this, "attachClickHandler", () => {
33
22
  var map = this.state.map;
34
-
35
23
  if (!map) {
36
24
  return;
37
25
  }
38
-
39
26
  var _this$props = this.props,
40
- api = _this$props.api,
41
- onClick = _this$props.onClick;
27
+ api = _this$props.api,
28
+ onClick = _this$props.onClick;
42
29
  var event = api.event;
43
-
44
30
  if (this.clickHandler) {
45
31
  this.clickHandler.remove();
46
32
  }
47
-
48
33
  if (onClick) {
49
34
  this.clickHandler = event.addListener(map, 'click', onClick);
50
35
  }
51
36
  });
52
-
53
37
  _defineProperty(this, "setMapElement", element => {
54
38
  if (element && element !== this.mapEl) {
55
39
  var _map = this.constructMap(element);
56
-
57
40
  this.setState({
58
41
  map: _map
59
42
  }, this.attachClickHandler);
60
43
  }
61
-
62
44
  this.mapEl = element;
63
45
  });
64
46
  }
65
-
66
47
  componentDidMount() {
67
48
  this.attachClickHandler();
68
49
  }
69
-
70
50
  componentDidUpdate(prevProps) {
71
51
  var map = this.state.map;
72
-
73
52
  if (!map) {
74
53
  return;
75
54
  }
76
-
77
55
  var _this$props2 = this.props,
78
- onClick = _this$props2.onClick,
79
- location = _this$props2.location,
80
- bounds = _this$props2.bounds;
81
-
56
+ onClick = _this$props2.onClick,
57
+ location = _this$props2.location,
58
+ bounds = _this$props2.bounds;
82
59
  if (prevProps.onClick !== onClick) {
83
60
  this.attachClickHandler();
84
61
  }
85
-
86
62
  if (!(0, _util.latLngAreEqual)(prevProps.location, location)) {
87
63
  map.panTo(this.getCenter());
88
64
  }
89
-
90
65
  if (bounds && (!prevProps.bounds || !bounds.equals(prevProps.bounds))) {
91
66
  map.fitBounds(bounds);
92
67
  }
93
68
  }
94
-
95
69
  componentWillUnmount() {
96
70
  if (this.clickHandler) {
97
71
  this.clickHandler.remove();
98
72
  }
99
73
  }
100
-
101
74
  getCenter() {
102
75
  var _this$props3 = this.props,
103
- location = _this$props3.location,
104
- api = _this$props3.api;
76
+ location = _this$props3.location,
77
+ api = _this$props3.api;
105
78
  return new api.LatLng(location.lat, location.lng);
106
79
  }
107
-
108
80
  constructMap(el) {
109
81
  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;
82
+ defaultZoom = _this$props4.defaultZoom,
83
+ api = _this$props4.api,
84
+ mapTypeControl = _this$props4.mapTypeControl,
85
+ controlSize = _this$props4.controlSize,
86
+ bounds = _this$props4.bounds,
87
+ scrollWheel = _this$props4.scrollWheel;
116
88
  var map = new api.Map(el, {
117
89
  zoom: defaultZoom,
118
90
  center: this.getCenter(),
@@ -121,14 +93,11 @@ class GoogleMap extends _react.default.PureComponent {
121
93
  mapTypeControl,
122
94
  controlSize
123
95
  });
124
-
125
96
  if (bounds) {
126
97
  map.fitBounds(bounds);
127
98
  }
128
-
129
99
  return map;
130
100
  }
131
-
132
101
  render() {
133
102
  var children = this.props.children;
134
103
  var map = this.state.map;
@@ -136,11 +105,8 @@ class GoogleMap extends _react.default.PureComponent {
136
105
  ref: this.setMapElement
137
106
  }), children && map ? children(map) : null);
138
107
  }
139
-
140
108
  }
141
-
142
109
  exports.GoogleMap = GoogleMap;
143
-
144
110
  _defineProperty(GoogleMap, "defaultProps", {
145
111
  defaultZoom: 8,
146
112
  scrollWheel: true
@@ -4,15 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.MapContainer = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _templateObject;
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
-
16
11
  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
12
  exports.MapContainer = MapContainer;
package/lib/map/Marker.js CHANGED
@@ -4,42 +4,31 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Marker = void 0;
7
-
8
7
  var React = _interopRequireWildcard(require("react"));
9
-
10
8
  var _util = require("./util");
11
-
12
9
  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
10
  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
11
  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
12
  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
13
  class Marker extends React.PureComponent {
21
14
  constructor() {
22
15
  super(...arguments);
23
-
24
16
  _defineProperty(this, "marker", void 0);
25
-
26
17
  _defineProperty(this, "eventHandlers", {});
27
18
  }
28
-
29
19
  componentDidMount() {
30
20
  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;
21
+ position = _this$props.position,
22
+ api = _this$props.api,
23
+ map = _this$props.map,
24
+ onMove = _this$props.onMove,
25
+ zIndex = _this$props.zIndex,
26
+ opacity = _this$props.opacity,
27
+ label = _this$props.label,
28
+ markerRef = _this$props.markerRef,
29
+ color = _this$props.color;
40
30
  var GMarker = api.Marker;
41
31
  var icon;
42
-
43
32
  if (color) {
44
33
  icon = {
45
34
  path: markerPath,
@@ -51,7 +40,6 @@ class Marker extends React.PureComponent {
51
40
  labelOrigin: new api.Point(10, 11)
52
41
  };
53
42
  }
54
-
55
43
  this.marker = new GMarker({
56
44
  draggable: Boolean(onMove),
57
45
  position,
@@ -61,96 +49,76 @@ class Marker extends React.PureComponent {
61
49
  label,
62
50
  icon
63
51
  });
64
-
65
52
  if (markerRef) {
66
53
  markerRef.current = this.marker;
67
54
  }
68
-
69
55
  this.attachMoveHandler();
70
56
  this.attachClickHandler();
71
57
  }
72
-
73
58
  componentDidUpdate(prevProps) {
74
59
  if (!this.marker) {
75
60
  return;
76
61
  }
77
-
78
62
  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
-
63
+ position = _this$props2.position,
64
+ onMove = _this$props2.onMove,
65
+ label = _this$props2.label,
66
+ zIndex = _this$props2.zIndex,
67
+ opacity = _this$props2.opacity,
68
+ map = _this$props2.map;
86
69
  if (prevProps.onMove !== onMove) {
87
70
  this.attachMoveHandler();
88
71
  }
89
-
90
72
  if (!(0, _util.latLngAreEqual)(prevProps.position, position)) {
91
73
  this.marker.setPosition(position);
92
74
  }
93
-
94
75
  if (prevProps.label !== label) {
95
76
  this.marker.setLabel(label || null);
96
77
  }
97
-
98
78
  if (prevProps.zIndex !== zIndex) {
99
79
  this.marker.setZIndex(zIndex || null);
100
80
  }
101
-
102
81
  if (prevProps.opacity !== opacity) {
103
82
  this.marker.setOpacity(opacity || null);
104
83
  }
105
-
106
84
  if (prevProps.map !== map) {
107
85
  this.marker.setMap(map);
108
86
  }
109
87
  }
110
-
111
88
  componentWillUnmount() {
112
89
  if (this.eventHandlers.move) {
113
90
  this.eventHandlers.move.remove();
114
91
  }
115
-
116
92
  if (this.marker) {
117
93
  this.marker.setMap(null);
118
94
  }
119
95
  }
120
-
121
96
  attachMoveHandler() {
122
97
  var _this$props3 = this.props,
123
- api = _this$props3.api,
124
- onMove = _this$props3.onMove;
125
-
98
+ api = _this$props3.api,
99
+ onMove = _this$props3.onMove;
126
100
  if (this.eventHandlers.move) {
127
101
  this.eventHandlers.move.remove();
128
102
  }
129
-
130
103
  if (this.marker && onMove) {
131
104
  this.eventHandlers.move = api.event.addListener(this.marker, 'dragend', onMove);
132
105
  }
133
106
  }
134
-
135
107
  attachClickHandler() {
136
108
  var _this$props4 = this.props,
137
- api = _this$props4.api,
138
- onClick = _this$props4.onClick;
139
-
109
+ api = _this$props4.api,
110
+ onClick = _this$props4.onClick;
140
111
  if (this.eventHandlers.click) {
141
112
  this.eventHandlers.click.remove();
142
113
  }
143
-
144
114
  if (this.marker && onClick) {
145
115
  this.eventHandlers.click = api.event.addListener(this.marker, 'click', onClick);
146
116
  }
147
- } // eslint-disable-next-line class-methods-use-this
148
-
117
+ }
149
118
 
119
+ // eslint-disable-next-line class-methods-use-this
150
120
  render() {
151
121
  return null;
152
122
  }
153
-
154
123
  }
155
-
156
124
  exports.Marker = Marker;
@@ -4,53 +4,38 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.SearchInput = void 0;
7
-
8
7
  var React = _interopRequireWildcard(require("react"));
9
-
10
8
  var _ui = require("@sanity/ui");
11
-
12
9
  var _SearchInput = require("./SearchInput.styles");
13
-
14
10
  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
11
  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
12
  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
13
  class SearchInput extends React.PureComponent {
21
14
  constructor() {
22
15
  super(...arguments);
23
-
24
16
  _defineProperty(this, "searchInputRef", /*#__PURE__*/React.createRef());
25
-
26
17
  _defineProperty(this, "autoComplete", void 0);
27
-
28
18
  _defineProperty(this, "handleChange", () => {
29
19
  if (!this.autoComplete) {
30
20
  return;
31
21
  }
32
-
33
22
  this.props.onChange(this.autoComplete.getPlace());
34
-
35
23
  if (this.searchInputRef.current) {
36
24
  this.searchInputRef.current.value = '';
37
25
  }
38
26
  });
39
27
  }
40
-
41
28
  componentDidMount() {
42
29
  var input = this.searchInputRef.current;
43
-
44
30
  if (!input) {
45
31
  return;
46
32
  }
47
-
48
33
  var _this$props = this.props,
49
- api = _this$props.api,
50
- map = _this$props.map;
34
+ api = _this$props.api,
35
+ map = _this$props.map;
51
36
  var Circle = api.Circle,
52
- places = api.places,
53
- event = api.event;
37
+ places = api.places,
38
+ event = api.event;
54
39
  var searchBounds = new Circle({
55
40
  center: map.getCenter(),
56
41
  radius: 100
@@ -58,11 +43,10 @@ class SearchInput extends React.PureComponent {
58
43
  this.autoComplete = new places.Autocomplete(input, {
59
44
  bounds: searchBounds,
60
45
  types: [] // return all kinds of places
61
-
62
46
  });
47
+
63
48
  event.addListener(this.autoComplete, 'place_changed', this.handleChange);
64
49
  }
65
-
66
50
  render() {
67
51
  return /*#__PURE__*/React.createElement(_SearchInput.WrapperContainer, null, /*#__PURE__*/React.createElement(_ui.TextInput, {
68
52
  name: "place",
@@ -71,7 +55,5 @@ class SearchInput extends React.PureComponent {
71
55
  padding: 4
72
56
  }));
73
57
  }
74
-
75
58
  }
76
-
77
59
  exports.SearchInput = SearchInput;
@@ -4,15 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.WrapperContainer = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _templateObject;
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
-
16
11
  var WrapperContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n right: 10px;\n top: 10px;\n width: 220px;\n"])));
17
-
18
12
  exports.WrapperContainer = WrapperContainer;
package/lib/map/util.js CHANGED
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.latLngAreEqual = latLngAreEqual;
7
-
8
7
  function latLngAreEqual(latLng1, latLng2) {
9
8
  var lat1 = typeof latLng1.lat === 'function' ? latLng1.lat() : latLng1.lat;
10
9
  var lng1 = typeof latLng1.lng === 'function' ? latLng1.lng() : latLng1.lng;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/google-maps-input",
3
- "version": "2.34.0",
3
+ "version": "2.34.1-canary.0+b3e58b8893",
4
4
  "description": "Sanity plugin providing input handlers for geo-related input types using Google Maps",
5
5
  "main": "lib/index.js",
6
6
  "types": "./dist/dts",
@@ -19,15 +19,15 @@
19
19
  "sanity-plugin"
20
20
  ],
21
21
  "dependencies": {
22
- "@sanity/field": "2.34.0",
22
+ "@sanity/field": "2.34.1-canary.0+b3e58b8893",
23
23
  "@sanity/icons": "^1.3.4",
24
- "@sanity/types": "2.34.0",
24
+ "@sanity/types": "2.34.1-canary.0+b3e58b8893",
25
25
  "@sanity/ui": "^0.37.22",
26
26
  "lodash": "^4.17.15",
27
27
  "rxjs": "^6.5.3"
28
28
  },
29
29
  "devDependencies": {
30
- "@sanity/base": "2.34.0",
30
+ "@sanity/base": "2.34.1-canary.0+b3e58b8893",
31
31
  "@types/googlemaps": "^3.43.0",
32
32
  "rimraf": "^2.7.1"
33
33
  },
@@ -46,5 +46,5 @@
46
46
  "url": "https://github.com/sanity-io/sanity/issues"
47
47
  },
48
48
  "homepage": "https://www.sanity.io/",
49
- "gitHead": "271991702d6db370f2157232d738445e968ee546"
49
+ "gitHead": "b3e58b8893c9573844279488896df2313df914f1"
50
50
  }