@sanity/google-maps-input 2.25.4 → 2.26.1-purple-unicorn.560

package/lib/diff/GeopointFieldDiff.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GeopointFieldDiff = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _diff = require("@sanity/field/diff");
-
-var _GoogleMapsLoadProxy = require("../loader/GoogleMapsLoadProxy");
-
-var _Map = require("../map/Map");
-
-var _GeopointMove = require("./GeopointMove");
-
-var _GeopointFieldDiff = require("./GeopointFieldDiff.styles");
-
-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); }
-
-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; }
-
-var GeopointFieldDiff = _ref => {
-  var diff = _ref.diff,
-      schemaType = _ref.schemaType;
-  return /*#__PURE__*/React.createElement(_GeopointFieldDiff.RootContainer, null, /*#__PURE__*/React.createElement(_GoogleMapsLoadProxy.GoogleMapsLoadProxy, null, api => /*#__PURE__*/React.createElement(GeopointDiff, {
-    api: api,
-    diff: diff,
-    schemaType: schemaType
-  })));
-};
-
-exports.GeopointFieldDiff = GeopointFieldDiff;
-
-function GeopointDiff(_ref2) {
-  var api = _ref2.api,
-      diff = _ref2.diff;
-  var fromValue = diff.fromValue,
-      toValue = diff.toValue;
-  var annotation = (0, _diff.getAnnotationAtPath)(diff, ['lat']) || (0, _diff.getAnnotationAtPath)(diff, ['lng']) || (0, _diff.getAnnotationAtPath)(diff, []);
-  var center = getCenter(diff, api);
-  var bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined;
-  return /*#__PURE__*/React.createElement(_diff.DiffTooltip, {
-    annotations: annotation ? [annotation] : [],
-    description: getAction(diff)
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Map.GoogleMap, {
-    api: api,
-    location: center,
-    mapTypeControl: false,
-    controlSize: 20,
-    bounds: bounds,
-    scrollWheel: false
-  }, map => /*#__PURE__*/React.createElement(_GeopointMove.GeopointMove, {
-    api: api,
-    map: map,
-    diff: diff
-  }))));
-}
-
-function getBounds(fromValue, toValue, api) {
-  return new api.LatLngBounds().extend(fromValue).extend(toValue);
-}
-
-function getCenter(diff, api) {
-  var fromValue = diff.fromValue,
-      toValue = diff.toValue;
-
-  if (fromValue && toValue) {
-    return getBounds(fromValue, toValue, api).getCenter().toJSON();
-  }
-
-  if (fromValue) {
-    return fromValue;
-  }
-
-  if (toValue) {
-    return toValue;
-  }
-
-  throw new Error('Neither a from or a to value present');
-}
-
-function getAction(diff) {
-  var fromValue = diff.fromValue,
-      toValue = diff.toValue;
-
-  if (fromValue && toValue) {
-    return 'Moved';
-  } else if (fromValue) {
-    return 'Removed';
-  } else if (toValue) {
-    return 'Added';
-  }
-
-  return 'Unchanged';
-}

package/lib/diff/GeopointFieldDiff.styles.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RootContainer = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-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"])));
-
-exports.RootContainer = RootContainer;

package/lib/diff/GeopointMove.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GeopointMove = GeopointMove;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _userColor = require("@sanity/base/user-color");
-
-var _Marker = require("../map/Marker");
-
-var _Arrow = require("../map/Arrow");
-
-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); }
-
-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; }
-
-function GeopointMove(_ref) {
-  var diff = _ref.diff,
-      api = _ref.api,
-      map = _ref.map,
-      label = _ref.label;
-  var from = diff.fromValue,
-      to = diff.toValue;
-  var annotation = diff.isChanged ? diff.annotation : undefined;
-  var userColor = (0, _userColor.useUserColor)(annotation ? annotation.author : null) || undefined;
-  var fromRef = React.useRef();
-  var toRef = React.useRef();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, from && /*#__PURE__*/React.createElement(_Marker.Marker, {
-    api: api,
-    map: map,
-    position: from,
-    zIndex: 0,
-    opacity: 0.55,
-    markerRef: fromRef,
-    color: userColor
-  }), from && to && /*#__PURE__*/React.createElement(_Arrow.Arrow, {
-    api: api,
-    map: map,
-    from: from,
-    to: to,
-    zIndex: 1,
-    color: userColor
-  }), to && /*#__PURE__*/React.createElement(_Marker.Marker, {
-    api: api,
-    map: map,
-    position: to,
-    zIndex: 2,
-    markerRef: toRef,
-    label: label,
-    color: userColor
-  }));
-}

package/lib/input/GeopointInput.styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PreviewImage = exports.DialogInnerContainer = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var PreviewImage = _styledComponents.default.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: auto;\n  vertical-align: top;\n"])));
-
-exports.PreviewImage = PreviewImage;
-
-var DialogInnerContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 40rem;\n  width: 50rem;\n"])));
-
-exports.DialogInnerContainer = DialogInnerContainer;

package/lib/input/GeopointSelect.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GeopointSelect = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _SearchInput = require("../map/SearchInput");
-
-var _Map = require("../map/Map");
-
-var _Marker = require("../map/Marker");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-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; }
-
-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; }
-
-var fallbackLatLng = {
-  lat: 40.7058254,
-  lng: -74.1180863
-};
-
-class GeopointSelect extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "mapRef", /*#__PURE__*/_react.default.createRef());
-
-    _defineProperty(this, "handlePlaceChanged", place => {
-      if (!place.geometry) {
-        return;
-      }
-
-      this.setValue(place.geometry.location);
-    });
-
-    _defineProperty(this, "handleMarkerDragEnd", event => {
-      this.setValue(event.latLng);
-    });
-
-    _defineProperty(this, "handleMapClick", event => {
-      this.setValue(event.latLng);
-    });
-  }
-
-  getCenter() {
-    var _this$props = this.props,
-        _this$props$value = _this$props.value,
-        value = _this$props$value === void 0 ? {} : _this$props$value,
-        _this$props$defaultLo = _this$props.defaultLocation,
-        defaultLocation = _this$props$defaultLo === void 0 ? {} : _this$props$defaultLo;
-
-    var point = _objectSpread(_objectSpread(_objectSpread({}, fallbackLatLng), defaultLocation), value);
-
-    return point;
-  }
-
-  setValue(geoPoint) {
-    if (this.props.onChange) {
-      this.props.onChange(geoPoint);
-    }
-  }
-
-  render() {
-    var _this$props2 = this.props,
-        api = _this$props2.api,
-        defaultZoom = _this$props2.defaultZoom,
-        value = _this$props2.value,
-        onChange = _this$props2.onChange;
-    return /*#__PURE__*/_react.default.createElement(_Map.GoogleMap, {
-      api: api,
-      location: this.getCenter(),
-      onClick: this.handleMapClick,
-      defaultZoom: defaultZoom
-    }, map => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchInput, {
-      api: api,
-      map: map,
-      onChange: this.handlePlaceChanged
-    }), value && /*#__PURE__*/_react.default.createElement(_Marker.Marker, {
-      api: api,
-      map: map,
-      position: value,
-      onMove: onChange ? this.handleMarkerDragEnd : undefined
-    })));
-  }
-
-}
-
-exports.GeopointSelect = GeopointSelect;
-
-_defineProperty(GeopointSelect, "defaultProps", {
-  defaultZoom: 8,
-  defaultLocation: {
-    lng: 10.74609,
-    lat: 59.91273
-  }
-});

package/lib/loader/GoogleMapsLoadProxy.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GoogleMapsLoadProxy = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _loadGoogleMapsApi = require("./loadGoogleMapsApi");
-
-var _LoadError = require("./LoadError");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-class GoogleMapsLoadProxy extends _react.default.Component {
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "loadSubscription", void 0);
-
-    this.state = {
-      loadState: 'loading'
-    };
-    var sync = true;
-    this.loadSubscription = (0, _loadGoogleMapsApi.loadGoogleMapsApi)().subscribe(loadState => {
-      if (sync) {
-        this.state = loadState;
-      } else {
-        this.setState(loadState);
-      }
-    });
-    sync = false;
-  }
-
-  componentWillUnmount() {
-    if (this.loadSubscription) {
-      this.loadSubscription.unsubscribe();
-    }
-  }
-
-  render() {
-    switch (this.state.loadState) {
-      case 'loadError':
-        return /*#__PURE__*/_react.default.createElement(_LoadError.LoadError, {
-          error: this.state.error,
-          isAuthError: false
-        });
-
-      case 'authError':
-        return /*#__PURE__*/_react.default.createElement(_LoadError.LoadError, {
-          isAuthError: true
-        });
-
-      case 'loading':
-        return /*#__PURE__*/_react.default.createElement("div", null, "Loading Google Maps API");
-
-      case 'loaded':
-        return this.props.children(this.state.api) || null;
-
-      default:
-        return null;
-    }
-  }
-
-}
-
-exports.GoogleMapsLoadProxy = GoogleMapsLoadProxy;

package/lib/loader/LoadError.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoadError = LoadError;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _ui = require("@sanity/ui");
-
-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); }
-
-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; }
-
-function LoadError(props) {
-  var _props$error;
-
-  return /*#__PURE__*/React.createElement(_ui.Card, {
-    tone: "critical",
-    radius: 1
-  }, /*#__PURE__*/React.createElement(_ui.Box, {
-    as: "header",
-    paddingX: 4,
-    paddingTop: 4,
-    paddingBottom: 1
-  }, /*#__PURE__*/React.createElement(_ui.Text, {
-    as: "h2",
-    weight: "bold"
-  }, "Google Maps failed to load")), /*#__PURE__*/React.createElement(_ui.Box, {
-    paddingX: 4,
-    paddingTop: 4,
-    paddingBottom: 1
-  }, props.isAuthError ? /*#__PURE__*/React.createElement(AuthError, null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ui.Text, {
-    as: "h3"
-  }, "Error details:"), /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement(_ui.Code, {
-    size: 1
-  }, (_props$error = props.error) === null || _props$error === void 0 ? void 0 : _props$error.message)))));
-}
-
-function AuthError() {
-  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."));
-}

package/lib/loader/loadGoogleMapsApi.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.loadGoogleMapsApi = loadGoogleMapsApi;
-
-var _rxjs = require("rxjs");
-
-var _googleMapsInput = _interopRequireDefault(require("config:@sanity/google-maps-input"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// @todo: remove the following line when part imports has been removed from this file
-///<reference types="@sanity/types/parts" />
-var callbackName = '___sanity_googleMapsApiCallback';
-var authFailureCallbackName = 'gm_authFailure';
-var locale = typeof window !== 'undefined' && window.navigator.language || 'en';
-var subject;
-
-function loadGoogleMapsApi() {
-  var selectedLocale = _googleMapsInput.default.defaultLocale || locale || 'en-US';
-
-  if (subject) {
-    return subject;
-  }
-
-  subject = new _rxjs.BehaviorSubject({
-    loadState: 'loading'
-  });
-
-  window[authFailureCallbackName] = () => {
-    delete window[authFailureCallbackName];
-    subject.next({
-      loadState: 'authError'
-    });
-  };
-
-  window[callbackName] = () => {
-    delete window[callbackName];
-    subject.next({
-      loadState: 'loaded',
-      api: window.google.maps
-    });
-  };
-
-  var script = document.createElement('script');
-
-  script.onerror = (event, source, lineno, colno, error) => subject.next({
-    loadState: 'loadError',
-    error: coeerceError(event, error)
-  });
-
-  script.src = "https://maps.googleapis.com/maps/api/js?key=".concat(_googleMapsInput.default.apiKey, "&libraries=places&callback=").concat(callbackName, "&language=").concat(selectedLocale);
-  document.getElementsByTagName('head')[0].appendChild(script);
-  return subject;
-}
-
-function coeerceError(event, error) {
-  if (error) {
-    return error;
-  }
-
-  if (typeof event === 'string') {
-    return new Error(event);
-  }
-
-  return new Error(isErrorEvent(event) ? event.message : 'Failed to load Google Maps API');
-}
-
-function isErrorEvent(event) {
-  if (typeof event !== 'object' || event === null) {
-    return false;
-  }
-
-  if (!('message' in event)) {
-    return false;
-  }
-
-  return typeof event.message === 'string';
-}

package/lib/map/Arrow.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Arrow = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _util = require("./util");
-
-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); }
-
-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; }
-
-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; }
-
-class Arrow extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "line", void 0);
-
-    _defineProperty(this, "eventHandlers", {});
-  }
-
-  componentDidMount() {
-    var _this$props = this.props,
-        from = _this$props.from,
-        to = _this$props.to,
-        api = _this$props.api,
-        map = _this$props.map,
-        zIndex = _this$props.zIndex,
-        onClick = _this$props.onClick,
-        color = _this$props.color,
-        arrowRef = _this$props.arrowRef;
-    var lineSymbol = {
-      path: api.SymbolPath.FORWARD_OPEN_ARROW
-    };
-    this.line = new api.Polyline({
-      map,
-      zIndex,
-      path: [from, to],
-      icons: [{
-        icon: lineSymbol,
-        offset: '50%'
-      }],
-      strokeOpacity: 0.55,
-      strokeColor: color ? color.text : 'black'
-    });
-
-    if (onClick) {
-      this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick);
-    }
-
-    if (arrowRef) {
-      arrowRef.current = this.line;
-    }
-  }
-
-  componentDidUpdate(prevProps) {
-    if (!this.line) {
-      return;
-    }
-
-    var _this$props2 = this.props,
-        from = _this$props2.from,
-        to = _this$props2.to,
-        map = _this$props2.map;
-
-    if (!(0, _util.latLngAreEqual)(prevProps.from, from) || !(0, _util.latLngAreEqual)(prevProps.to, to)) {
-      this.line.setPath([from, to]);
-    }
-
-    if (prevProps.map !== map) {
-      this.line.setMap(map);
-    }
-  }
-
-  componentWillUnmount() {
-    if (this.line) {
-      this.line.setMap(null);
-    }
-
-    if (this.eventHandlers.click) {
-      this.eventHandlers.click.remove();
-    }
-  } // eslint-disable-next-line class-methods-use-this
-
-
-  render() {
-    return null;
-  }
-
-}
-
-exports.Arrow = Arrow;