@contentful/field-editor-location 1.2.2 → 1.3.0

package/dist/field-editor-location.cjs.development.js

@@ -1,545 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-var fieldEditorShared = require('@contentful/field-editor-shared');
-var deepEqual = _interopDefault(require('deep-equal'));
-var isNumber = _interopDefault(require('lodash/isNumber'));
-var throttle = _interopDefault(require('lodash/throttle'));
-var emotion = require('emotion');
-var GoogleMapReact = _interopDefault(require('google-map-react'));
-var f36Components = require('@contentful/f36-components');
-var tokens = _interopDefault(require('@contentful/f36-tokens'));
-
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-
-  _setPrototypeOf(subClass, superClass);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
-var styles = {
-  root: /*#__PURE__*/emotion.css({
-    height: '300px',
-    width: '100%'
-  })
-};
-var BerlinLocation = {
-  lat: 52.5018,
-  lng: 13.41115439
-};
-var GoogleMapView = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(GoogleMapView, _React$Component);
-
-  function GoogleMapView(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-
-    _this.onGoogleApiLoaded = function (event) {
-      var maps = event.maps,
-          map = event.map;
-      var marker = new maps.Marker({
-        map: map,
-        position: map.getCenter(),
-        cursor: _this.props.disabled ? 'not-allowed' : 'auto',
-        draggable: !_this.props.disabled,
-        visible: Boolean(_this.props.location)
-      });
-      maps.event.addListener(map, 'click', function (event) {
-        if (_this.props.disabled || !_this.state.marker || !_this.state.maps) {
-          return;
-        }
-
-        _this.state.marker.setPosition(event.latLng);
-
-        _this.state.marker.setVisible(true);
-
-        _this.props.onChangeLocation({
-          lat: event.latLng.lat(),
-          lng: event.latLng.lng()
-        });
-      });
-      maps.event.addListener(marker, 'dragend', function (event) {
-        _this.props.onChangeLocation({
-          lat: event.latLng.lat(),
-          lng: event.latLng.lng()
-        });
-      });
-
-      _this.setState({
-        marker: marker,
-        maps: maps
-      }, function () {
-        _this.props.onGoogleApiLoaded({
-          maps: maps
-        });
-      });
-    };
-
-    _this.state = {
-      marker: undefined,
-      maps: undefined
-    };
-    return _this;
-  }
-
-  var _proto = GoogleMapView.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate() {
-    if (this.state.marker && this.state.maps) {
-      if (this.props.location) {
-        var latLng = new this.state.maps.LatLng(this.props.location.lat, this.props.location.lng);
-        this.state.marker.setPosition(latLng);
-        this.state.marker.setVisible(true);
-      } else {
-        this.state.marker.setVisible(false);
-      }
-
-      this.state.marker.setDraggable(!this.props.disabled);
-      this.state.marker.setCursor(this.props.disabled ? 'not-allowed' : 'auto');
-    }
-  };
-
-  _proto.render = function render() {
-    return React__default.createElement("div", {
-      className: styles.root
-    }, React__default.createElement(GoogleMapReact, {
-      draggable: !this.props.disabled,
-      bootstrapURLKeys: this.props.googleMapsKey ? {
-        key: this.props.googleMapsKey
-      } : undefined,
-      defaultCenter: BerlinLocation,
-      center: this.props.location,
-      options: {
-        scrollwheel: false,
-        mapTypeId: 'roadmap'
-      },
-      defaultZoom: 6,
-      yesIWantToUseGoogleMapApiInternals: true,
-      onGoogleApiLoaded: this.onGoogleApiLoaded
-    }));
-  };
-
-  return GoogleMapView;
-}(React__default.Component);
-
-var styles$1 = {
-  root: /*#__PURE__*/emotion.css({
-    width: '100%'
-  }),
-  input: /*#__PURE__*/emotion.css({
-    position: 'relative',
-    width: '100%'
-  }),
-  spinner: /*#__PURE__*/emotion.css({
-    position: 'absolute',
-    right: 10,
-    top: 10,
-    zIndex: 99
-  }),
-  validationMessage: /*#__PURE__*/emotion.css({
-    marginTop: tokens.spacingS
-  }),
-  suggestion: /*#__PURE__*/emotion.css({
-    position: 'absolute',
-    transform: 'translateY(100%)',
-    bottom: 0,
-    left: 0,
-    zIndex: 1
-  })
-};
-function LocationSearchInput(props) {
-  var _React$useState = React__default.useState(false),
-      isSearching = _React$useState[0],
-      setIsSearching = _React$useState[1];
-
-  var _React$useState2 = React__default.useState(''),
-      address = _React$useState2[0],
-      setAddress = _React$useState2[1];
-
-  var _React$useState3 = React__default.useState(false),
-      hasError = _React$useState3[0],
-      setHasError = _React$useState3[1];
-
-  var _React$useState4 = React__default.useState(null),
-      suggestion = _React$useState4[0],
-      setSuggestion = _React$useState4[1];
-
-  React__default.useEffect(function () {
-    setIsSearching(true);
-    props.onGetAddressFromLocation(props.value, address).then(function (address) {
-      setAddress(address);
-      setIsSearching(false);
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
-  }, [props.value, props.disabled]);
-  return React__default.createElement("div", {
-    className: styles$1.root
-  }, React__default.createElement("div", {
-    className: styles$1.input
-  }, React__default.createElement(f36Components.TextInput, {
-    testId: "location-editor-search",
-    isInvalid: hasError,
-    placeholder: "Start typing to find location",
-    value: address,
-    onChange: function onChange(e) {
-      setAddress(e.target.value);
-      setHasError(false);
-      setSuggestion(null);
-
-      if (e.target.value === '') {
-        props.onChangeLocation(undefined);
-        return;
-      }
-
-      setIsSearching(true);
-      props.onSearchAddress(e.target.value).then(function (value) {
-        setIsSearching(false);
-
-        if (value === null) {
-          setHasError(false);
-        } else if (value.length === 0) {
-          setHasError(true);
-        } else {
-          setHasError(false);
-          setSuggestion({
-            address: value[0].formatted_address,
-            location: {
-              lat: Number(value[0].geometry.location.lat().toString().slice(0, 8)),
-              lng: Number(value[0].geometry.location.lng().toString().slice(0, 8))
-            }
-          });
-        }
-      });
-    },
-    isDisabled: props.disabled
-  }), isSearching && React__default.createElement(f36Components.Spinner, {
-    className: styles$1.spinner
-  }), suggestion && React__default.createElement(f36Components.Card, {
-    padding: "none",
-    className: styles$1.suggestion
-  }, React__default.createElement(f36Components.Button, {
-    variant: "transparent",
-    testId: "location-editor-suggestion",
-    onClick: function onClick() {
-      setAddress(suggestion.address);
-      props.onChangeLocation(suggestion.location);
-      setSuggestion(null);
-    }
-  }, suggestion.address)), hasError && React__default.createElement(f36Components.ValidationMessage, {
-    testId: "location-editor-not-found",
-    className: styles$1.validationMessage
-  }, "No results found for ", React__default.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
-}
-
-var ViewType;
-
-(function (ViewType) {
-  ViewType["Address"] = "Address";
-  ViewType["Coordinates"] = "Coordinates";
-})(ViewType || (ViewType = {}));
-
-var styles$2 = {
-  root: /*#__PURE__*/emotion.css({
-    display: 'flex',
-    flexDirection: 'row',
-    marginTop: tokens.spacingS,
-    alignItems: 'flex-end'
-  }),
-  main: /*#__PURE__*/emotion.css({
-    flexGrow: 1
-  }),
-  secondary: /*#__PURE__*/emotion.css({
-    minWidth: '70px',
-    textAlign: 'right'
-  }),
-  inputsRow: /*#__PURE__*/emotion.css({
-    display: 'flex',
-    marginTop: tokens.spacingS,
-    fontSize: tokens.fontSizeM,
-    color: tokens.gray900,
-    fontFamily: tokens.fontStackPrimary,
-    alignItems: 'center'
-  }),
-  splitter: /*#__PURE__*/emotion.css({
-    width: tokens.spacingL
-  }),
-  clearBtn: /*#__PURE__*/emotion.css({
-    marginBottom: tokens.spacingS
-  })
-};
-function LocationSelector(props) {
-  return React__default.createElement("div", {
-    className: styles$2.root
-  }, React__default.createElement("div", {
-    className: styles$2.main
-  }, React__default.createElement(f36Components.Flex, {
-    flexDirection: "row"
-  }, React__default.createElement(f36Components.Radio, {
-    className: emotion.css({
-      flexBasis: '100%'
-    }),
-    id: ViewType.Address,
-    testId: "location-editor-address-radio",
-    isDisabled: props.disabled,
-    value: ViewType.Address,
-    isChecked: props.view === ViewType.Address,
-    onChange: function onChange() {
-      props.onChangeView(ViewType.Address);
-    }
-  }, "Address"), React__default.createElement(f36Components.Radio, {
-    className: emotion.css({
-      flexBasis: '100%'
-    }),
-    id: ViewType.Coordinates,
-    testId: "location-editor-coordinates-radio",
-    isDisabled: props.disabled,
-    value: ViewType.Coordinates,
-    isChecked: props.view === ViewType.Coordinates,
-    onChange: function onChange() {
-      props.onChangeView(ViewType.Coordinates);
-    }
-  }, "Coordinates")), props.view === ViewType.Address && React__default.createElement("div", {
-    className: styles$2.inputsRow
-  }, React__default.createElement(LocationSearchInput, {
-    onSearchAddress: props.onSearchAddress,
-    onGetAddressFromLocation: props.onGetAddressFromLocation,
-    disabled: props.disabled,
-    value: props.value,
-    onChangeLocation: props.onChangeLocation
-  })), props.view === ViewType.Coordinates && React__default.createElement("div", {
-    className: styles$2.inputsRow
-  }, React__default.createElement("label", {
-    htmlFor: "latitude"
-  }, "Latitude"), React__default.createElement("div", {
-    className: styles$2.splitter
-  }), React__default.createElement(f36Components.TextInput, {
-    id: "latitude",
-    testId: "location-editor-latitude",
-    placeholder: "Between -90 and 90",
-    isDisabled: props.disabled,
-    value: props.value ? String(props.value.lat) : '',
-    onChange: function onChange(e) {
-      props.onChangeLocation({
-        lng: props.value && props.value.lng !== undefined ? props.value.lng : 0,
-        lat: Number(e.target.value) || 0
-      });
-    },
-    type: "number",
-    max: "90",
-    min: "-90",
-    step: "0.1"
-  }), React__default.createElement("div", {
-    className: styles$2.splitter
-  }), React__default.createElement("label", {
-    htmlFor: "longitude"
-  }, "Longitude"), React__default.createElement("div", {
-    className: styles$2.splitter
-  }), React__default.createElement(f36Components.TextInput, {
-    id: "longitude",
-    testId: "location-editor-longitude",
-    placeholder: "Between -180 and 180",
-    isDisabled: props.disabled,
-    value: props.value ? String(props.value.lng) : '',
-    onChange: function onChange(e) {
-      props.onChangeLocation({
-        lat: props.value && props.value.lat !== undefined ? props.value.lat : 0,
-        lng: Number(e.target.value) || 0
-      });
-    },
-    type: "number",
-    max: "180",
-    min: "-180",
-    step: "0.1"
-  }))), React__default.createElement("div", {
-    className: styles$2.secondary
-  }, React__default.createElement(f36Components.TextLink, {
-    as: "button",
-    isDisabled: props.disabled,
-    testId: "location-editor-clear",
-    className: styles$2.clearBtn,
-    onClick: function onClick() {
-      props.onChangeLocation(undefined);
-    }
-  }, "Clear")));
-}
-
-function toLocationValue(coords) {
-  if (coords && isNumber(coords.lat) && isNumber(coords.lng)) {
-    return {
-      lat: coords.lat,
-      lon: coords.lng
-    };
-  } else {
-    return null;
-  }
-}
-
-var LocationEditor = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(LocationEditor, _React$Component);
-
-  function LocationEditor(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.onSearchAddress = throttle(function (value) {
-      if (!_this.state.mapsObject) {
-        return Promise.resolve(null);
-      }
-
-      var mapsObject = _this.state.mapsObject;
-
-      if (!value) {
-        return Promise.resolve(null);
-      }
-
-      return new Promise(function (resolve) {
-        var geocoder = new mapsObject.Geocoder();
-        geocoder.geocode({
-          address: value
-        }, resolve, function () {
-          resolve(null);
-        });
-      });
-    }, 300);
-
-    _this.onGetAddressFromLocation = function (location, value) {
-      if (!_this.state.mapsObject || !location) {
-        return Promise.resolve('');
-      }
-
-      var mapsObject = _this.state.mapsObject;
-      return new Promise(function (resolve) {
-        var geocoder = new mapsObject.Geocoder();
-        geocoder.geocode({
-          location: location
-        }, function (result) {
-          if (result && result.length > 0) {
-            var addresses = result.map(function (item) {
-              return item.formatted_address;
-            });
-            resolve(addresses.find(function (item) {
-              return item === value;
-            }) || addresses[0]);
-          } else {
-            resolve('');
-          }
-        }, function () {
-          resolve('');
-        });
-      });
-    };
-
-    _this.state = {
-      localValue: props.value ? {
-        lng: props.value.lon,
-        lat: props.value.lat
-      } : undefined,
-      mapsObject: null
-    };
-    return _this;
-  } // @ts-expect-error
-
-
-  var _proto = LocationEditor.prototype;
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    var _this$state = this.state,
-        mapsObject = _this$state.mapsObject,
-        localValue = _this$state.localValue;
-    return React.createElement("div", {
-      "data-test-id": "location-editor"
-    }, React.createElement(GoogleMapView, {
-      disabled: this.props.disabled || mapsObject === null,
-      googleMapsKey: this.props.googleMapsKey,
-      location: localValue,
-      onGoogleApiLoaded: function onGoogleApiLoaded(_ref) {
-        var maps = _ref.maps;
-
-        _this2.setState({
-          mapsObject: maps
-        });
-      },
-      onChangeLocation: function onChangeLocation(coords) {
-        _this2.setState({
-          localValue: coords
-        });
-
-        _this2.props.setValue(toLocationValue(coords));
-      }
-    }), React.createElement(LocationSelector, {
-      disabled: this.props.disabled || mapsObject === null,
-      value: localValue,
-      view: this.props.selectedView,
-      onChangeView: function onChangeView(view) {
-        _this2.props.setSelectedView(view);
-      },
-      onChangeLocation: function onChangeLocation(coords) {
-        _this2.setState({
-          localValue: coords
-        });
-
-        _this2.props.setValue(toLocationValue(coords));
-      },
-      onSearchAddress: this.onSearchAddress,
-      onGetAddressFromLocation: this.onGetAddressFromLocation
-    }));
-  };
-
-  return LocationEditor;
-}(React.Component);
-function LocationEditorConnected(props) {
-  var field = props.field;
-  var googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;
-
-  var _React$useState = React.useState(ViewType.Address),
-      selectedView = _React$useState[0],
-      setSelectedView = _React$useState[1];
-
-  return React.createElement(fieldEditorShared.FieldConnector, {
-    isEqualValues: function isEqualValues(value1, value2) {
-      return deepEqual(value1, value2);
-    },
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, function (_ref2) {
-    var value = _ref2.value,
-        disabled = _ref2.disabled,
-        setValue = _ref2.setValue,
-        externalReset = _ref2.externalReset;
-    return React.createElement(LocationEditor // on external change reset component completely and init with initial value again
-    , {
-      // on external change reset component completely and init with initial value again
-      key: "location-editor-" + externalReset,
-      value: value,
-      disabled: disabled,
-      setValue: setValue,
-      googleMapsKey: googleMapsKey,
-      selectedView: selectedView,
-      setSelectedView: setSelectedView
-    });
-  });
-}
-LocationEditorConnected.defaultProps = {
-  isInitiallyDisabled: true
-};
-
-var LocationEditor$1 = LocationEditorConnected;
-
-exports.LocationEditor = LocationEditor$1;
-//# sourceMappingURL=field-editor-location.cjs.development.js.map

package/dist/field-editor-location.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-location.cjs.development.js","sources":["../src/GoogleMapView.tsx","../src/LocationSearchInput.tsx","../src/types.ts","../src/LocationSelector.tsx","../src/LocationEditor.tsx","../src/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport React from 'react';\n\nimport { css } from 'emotion';\nimport GoogleMapReact from 'google-map-react';\n\nimport { Coords } from './types';\n\nconst styles = {\n  root: css({\n    height: '300px',\n    width: '100%',\n  }),\n};\n\nconst BerlinLocation = {\n  lat: 52.5018,\n  lng: 13.41115439,\n};\n\ntype GoogleMapViewProps = {\n  disabled: boolean;\n  location: Coords | undefined;\n  onGoogleApiLoaded: ({ maps }: { maps: any }) => void;\n  onChangeLocation: (location: Coords) => void;\n  googleMapsKey?: string;\n};\n\ntype GoogleMapsViewState = {\n  marker: any;\n  maps: any;\n};\n\nexport class GoogleMapView extends React.Component<GoogleMapViewProps, GoogleMapsViewState> {\n  constructor(props: GoogleMapViewProps) {\n    super(props);\n    this.state = {\n      marker: undefined,\n      maps: undefined,\n    };\n  }\n\n  componentDidUpdate() {\n    if (this.state.marker && this.state.maps) {\n      if (this.props.location) {\n        const latLng = new this.state.maps.LatLng(this.props.location.lat, this.props.location.lng);\n        this.state.marker.setPosition(latLng);\n        this.state.marker.setVisible(true);\n      } else {\n        this.state.marker.setVisible(false);\n      }\n      this.state.marker.setDraggable(!this.props.disabled);\n      this.state.marker.setCursor(this.props.disabled ? 'not-allowed' : 'auto');\n    }\n  }\n\n  onGoogleApiLoaded = (event: { maps: any; map: any }) => {\n    const { maps, map } = event;\n    const marker = new maps.Marker({\n      map,\n      position: map.getCenter(),\n      cursor: this.props.disabled ? 'not-allowed' : 'auto',\n      draggable: !this.props.disabled,\n      visible: Boolean(this.props.location),\n    });\n\n    maps.event.addListener(map, 'click', (event: any) => {\n      if (this.props.disabled || !this.state.marker || !this.state.maps) {\n        return;\n      }\n      this.state.marker.setPosition(event.latLng);\n      this.state.marker.setVisible(true);\n      this.props.onChangeLocation({\n        lat: event.latLng.lat(),\n        lng: event.latLng.lng(),\n      });\n    });\n\n    maps.event.addListener(marker, 'dragend', (event: any) => {\n      this.props.onChangeLocation({\n        lat: event.latLng.lat(),\n        lng: event.latLng.lng(),\n      });\n    });\n    this.setState({ marker, maps }, () => {\n      this.props.onGoogleApiLoaded({ maps });\n    });\n  };\n\n  render() {\n    return (\n      <div className={styles.root}>\n        <GoogleMapReact\n          draggable={!this.props.disabled}\n          bootstrapURLKeys={\n            this.props.googleMapsKey ? { key: this.props.googleMapsKey } : undefined\n          }\n          defaultCenter={BerlinLocation}\n          center={this.props.location}\n          options={{\n            scrollwheel: false,\n            mapTypeId: 'roadmap',\n          }}\n          defaultZoom={6}\n          yesIWantToUseGoogleMapApiInternals\n          onGoogleApiLoaded={this.onGoogleApiLoaded}\n        />\n      </div>\n    );\n  }\n}\n","import React from 'react';\n\nimport { Button, Card, Spinner, ValidationMessage, TextInput } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nimport { Coords, GeocodeApiResponse } from './types';\n\nconst styles = {\n  root: css({\n    width: '100%',\n  }),\n  input: css({\n    position: 'relative',\n    width: '100%',\n  }),\n  spinner: css({\n    position: 'absolute',\n    right: 10,\n    top: 10,\n    zIndex: 99,\n  }),\n  validationMessage: css({\n    marginTop: tokens.spacingS,\n  }),\n  suggestion: css({\n    position: 'absolute',\n    transform: 'translateY(100%)',\n    bottom: 0,\n    left: 0,\n    zIndex: 1,\n  }),\n};\n\ntype LocationSearchInputProps = {\n  disabled: boolean;\n  value?: Coords;\n  onSearchAddress: (term: string) => Promise<GeocodeApiResponse>;\n  onGetAddressFromLocation: (coors: Coords | undefined, value: string) => Promise<string>;\n  onChangeLocation: (location?: Coords) => void;\n};\n\nexport function LocationSearchInput(props: LocationSearchInputProps) {\n  const [isSearching, setIsSearching] = React.useState<boolean>(false);\n  const [address, setAddress] = React.useState<string>('');\n  const [hasError, setHasError] = React.useState<boolean>(false);\n  const [suggestion, setSuggestion] = React.useState<null | {\n    address: string;\n    location: { lat: number; lng: number };\n  }>(null);\n\n  React.useEffect(() => {\n    setIsSearching(true);\n    props.onGetAddressFromLocation(props.value, address).then((address) => {\n      setAddress(address);\n      setIsSearching(false);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\n  }, [props.value, props.disabled]);\n\n  return (\n    <div className={styles.root}>\n      <div className={styles.input}>\n        <TextInput\n          testId=\"location-editor-search\"\n          isInvalid={hasError}\n          placeholder=\"Start typing to find location\"\n          value={address}\n          onChange={(e) => {\n            setAddress(e.target.value);\n            setHasError(false);\n            setSuggestion(null);\n\n            if (e.target.value === '') {\n              props.onChangeLocation(undefined);\n              return;\n            }\n\n            setIsSearching(true);\n            props.onSearchAddress(e.target.value).then((value) => {\n              setIsSearching(false);\n              if (value === null) {\n                setHasError(false);\n              } else if (value.length === 0) {\n                setHasError(true);\n              } else {\n                setHasError(false);\n                setSuggestion({\n                  address: value[0].formatted_address,\n                  location: {\n                    lat: Number(value[0].geometry.location.lat().toString().slice(0, 8)),\n                    lng: Number(value[0].geometry.location.lng().toString().slice(0, 8)),\n                  },\n                });\n              }\n            });\n          }}\n          isDisabled={props.disabled}\n        />\n        {isSearching && <Spinner className={styles.spinner} />}\n        {suggestion && (\n          <Card padding=\"none\" className={styles.suggestion}>\n            <Button\n              variant=\"transparent\"\n              testId=\"location-editor-suggestion\"\n              onClick={() => {\n                setAddress(suggestion.address);\n                props.onChangeLocation(suggestion.location);\n                setSuggestion(null);\n              }}\n            >\n              {suggestion.address}\n            </Button>\n          </Card>\n        )}\n        {hasError && (\n          <ValidationMessage\n            testId=\"location-editor-not-found\"\n            className={styles.validationMessage}\n          >\n            No results found for <strong>{address}</strong>. Please make sure that address is\n            spelled correctly.\n          </ValidationMessage>\n        )}\n      </div>\n    </div>\n  );\n}\n","export interface Coords {\n  lat: number;\n  lng: number;\n}\n\nexport type LocationValue = { lat: number; lon: number };\nexport type NullableLocationValue = LocationValue | null | undefined;\n\nexport enum ViewType {\n  Address = 'Address',\n  Coordinates = 'Coordinates',\n}\n\nexport type GeocodeApiResponse = null | Array<{\n  formatted_address: string;\n  geometry: {\n    location: {\n      lat: () => number;\n      lng: () => number;\n    };\n  };\n}>;\n","import React from 'react';\n\nimport { TextLink, TextInput, Radio, Flex } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nimport { LocationSearchInput } from './LocationSearchInput';\nimport { Coords, ViewType, GeocodeApiResponse } from './types';\n\ninterface LocationSelectorProps {\n  disabled: boolean;\n  value: Coords | undefined;\n  view: ViewType;\n  onChangeView: (view: ViewType) => void;\n  onChangeLocation: (value?: Coords) => void;\n  onSearchAddress: (value: string) => Promise<GeocodeApiResponse>;\n  onGetAddressFromLocation: (location: Coords | undefined, address: string) => Promise<string>;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: tokens.spacingS,\n    alignItems: 'flex-end',\n  }),\n  main: css({\n    flexGrow: 1,\n  }),\n  secondary: css({\n    minWidth: '70px',\n    textAlign: 'right',\n  }),\n  inputsRow: css({\n    display: 'flex',\n    marginTop: tokens.spacingS,\n    fontSize: tokens.fontSizeM,\n    color: tokens.gray900,\n    fontFamily: tokens.fontStackPrimary,\n    alignItems: 'center',\n  }),\n  splitter: css({\n    width: tokens.spacingL,\n  }),\n  clearBtn: css({\n    marginBottom: tokens.spacingS,\n  }),\n};\n\nexport function LocationSelector(props: LocationSelectorProps) {\n  return (\n    <div className={styles.root}>\n      <div className={styles.main}>\n        <Flex flexDirection=\"row\">\n          <Radio\n            className={css({ flexBasis: '100%' })}\n            id={ViewType.Address}\n            testId=\"location-editor-address-radio\"\n            isDisabled={props.disabled}\n            value={ViewType.Address}\n            isChecked={props.view === ViewType.Address}\n            onChange={() => {\n              props.onChangeView(ViewType.Address);\n            }}\n          >\n            Address\n          </Radio>\n          <Radio\n            className={css({ flexBasis: '100%' })}\n            id={ViewType.Coordinates}\n            testId=\"location-editor-coordinates-radio\"\n            isDisabled={props.disabled}\n            value={ViewType.Coordinates}\n            isChecked={props.view === ViewType.Coordinates}\n            onChange={() => {\n              props.onChangeView(ViewType.Coordinates);\n            }}\n          >\n            Coordinates\n          </Radio>\n        </Flex>\n        {props.view === ViewType.Address && (\n          <div className={styles.inputsRow}>\n            <LocationSearchInput\n              onSearchAddress={props.onSearchAddress}\n              onGetAddressFromLocation={props.onGetAddressFromLocation}\n              disabled={props.disabled}\n              value={props.value}\n              onChangeLocation={props.onChangeLocation}\n            />\n          </div>\n        )}\n        {props.view === ViewType.Coordinates && (\n          <div className={styles.inputsRow}>\n            <label htmlFor=\"latitude\">Latitude</label>\n            <div className={styles.splitter} />\n            <TextInput\n              id=\"latitude\"\n              testId=\"location-editor-latitude\"\n              placeholder=\"Between -90 and 90\"\n              isDisabled={props.disabled}\n              value={props.value ? String(props.value.lat) : ''}\n              onChange={(e) => {\n                props.onChangeLocation({\n                  lng: props.value && props.value.lng !== undefined ? props.value.lng : 0,\n                  lat: Number(e.target.value) || 0,\n                });\n              }}\n              type=\"number\"\n              max=\"90\"\n              min=\"-90\"\n              step=\"0.1\"\n            />\n            <div className={styles.splitter} />\n            <label htmlFor=\"longitude\">Longitude</label>\n            <div className={styles.splitter} />\n            <TextInput\n              id=\"longitude\"\n              testId=\"location-editor-longitude\"\n              placeholder=\"Between -180 and 180\"\n              isDisabled={props.disabled}\n              value={props.value ? String(props.value.lng) : ''}\n              onChange={(e) => {\n                props.onChangeLocation({\n                  lat: props.value && props.value.lat !== undefined ? props.value.lat : 0,\n                  lng: Number(e.target.value) || 0,\n                });\n              }}\n              type=\"number\"\n              max=\"180\"\n              min=\"-180\"\n              step=\"0.1\"\n            />\n          </div>\n        )}\n      </div>\n      <div className={styles.secondary}>\n        <TextLink\n          as=\"button\"\n          isDisabled={props.disabled}\n          testId=\"location-editor-clear\"\n          className={styles.clearBtn}\n          onClick={() => {\n            props.onChangeLocation(undefined);\n          }}\n        >\n          Clear\n        </TextLink>\n      </div>\n    </div>\n  );\n}\n","import * as React from 'react';\n\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport isNumber from 'lodash/isNumber';\nimport throttle from 'lodash/throttle';\n\nimport { GoogleMapView } from './GoogleMapView';\nimport { LocationSelector } from './LocationSelector';\nimport {\n  LocationValue,\n  ViewType,\n  NullableLocationValue,\n  Coords,\n  GeocodeApiResponse,\n} from './types';\n\nexport interface LocationEditorConnectedProps {\n  /**\n   * is the field disabled initially\n   */\n  isInitiallyDisabled: boolean;\n\n  /**\n   * sdk.field\n   */\n  field: FieldAPI;\n\n  /**\n   * sdk.parameters\n   */\n  parameters?: ParametersAPI & {\n    instance: {\n      googleMapsKey?: string;\n    };\n  };\n}\n\ntype LocationEditorProps = {\n  disabled: boolean;\n  value: NullableLocationValue;\n  setValue: (value: NullableLocationValue) => void;\n  googleMapsKey?: string;\n  selectedView: ViewType;\n  setSelectedView: (view: ViewType) => void;\n};\n\nfunction toLocationValue(coords?: Coords): NullableLocationValue {\n  if (coords && isNumber(coords.lat) && isNumber(coords.lng)) {\n    return { lat: coords.lat, lon: coords.lng };\n  } else {\n    return null;\n  }\n}\n\nexport class LocationEditor extends React.Component<\n  LocationEditorProps,\n  {\n    localValue?: Coords;\n    mapsObject: any; // eslint-disable-line -- TODO: describe this disable  @typescript-eslint/no-explicit-any\n  }\n> {\n  constructor(props: LocationEditorProps) {\n    super(props);\n\n    this.state = {\n      localValue: props.value\n        ? {\n            lng: props.value.lon,\n            lat: props.value.lat,\n          }\n        : undefined,\n      mapsObject: null,\n    };\n  }\n\n  // @ts-expect-error\n  onSearchAddress: (value: string) => Promise<GeocodeApiResponse> = throttle((value) => {\n    if (!this.state.mapsObject) {\n      return Promise.resolve(null);\n    }\n    const { mapsObject } = this.state;\n    if (!value) {\n      return Promise.resolve(null);\n    }\n    return new Promise((resolve) => {\n      const geocoder = new mapsObject.Geocoder();\n      geocoder.geocode({ address: value }, resolve, () => {\n        resolve(null);\n      });\n    });\n  }, 300);\n\n  onGetAddressFromLocation = (location: Coords | undefined, value: string): Promise<string> => {\n    if (!this.state.mapsObject || !location) {\n      return Promise.resolve('');\n    }\n    const { mapsObject } = this.state;\n    return new Promise((resolve) => {\n      const geocoder = new mapsObject.Geocoder();\n      geocoder.geocode(\n        { location },\n        (result: GeocodeApiResponse) => {\n          if (result && result.length > 0) {\n            const addresses = result.map((item) => item.formatted_address);\n            resolve(addresses.find((item) => item === value) || addresses[0]);\n          } else {\n            resolve('');\n          }\n        },\n        () => {\n          resolve('');\n        }\n      );\n    });\n  };\n\n  render() {\n    const { mapsObject, localValue } = this.state;\n\n    return (\n      <div data-test-id=\"location-editor\">\n        <GoogleMapView\n          disabled={this.props.disabled || mapsObject === null}\n          googleMapsKey={this.props.googleMapsKey}\n          location={localValue}\n          onGoogleApiLoaded={({ maps }) => {\n            this.setState({ mapsObject: maps });\n          }}\n          onChangeLocation={(coords) => {\n            this.setState({ localValue: coords });\n            this.props.setValue(toLocationValue(coords));\n          }}\n        />\n        <LocationSelector\n          disabled={this.props.disabled || mapsObject === null}\n          value={localValue}\n          view={this.props.selectedView}\n          onChangeView={(view) => {\n            this.props.setSelectedView(view);\n          }}\n          onChangeLocation={(coords) => {\n            this.setState({ localValue: coords });\n            this.props.setValue(toLocationValue(coords));\n          }}\n          onSearchAddress={this.onSearchAddress}\n          onGetAddressFromLocation={this.onGetAddressFromLocation}\n        />\n      </div>\n    );\n  }\n}\n\nexport function LocationEditorConnected(props: LocationEditorConnectedProps) {\n  const { field } = props;\n  const googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;\n  const [selectedView, setSelectedView] = React.useState<ViewType>(ViewType.Address);\n\n  return (\n    <FieldConnector<LocationValue>\n      isEqualValues={(value1, value2) => {\n        return deepEqual(value1, value2);\n      }}\n      field={field}\n      isInitiallyDisabled={props.isInitiallyDisabled}\n    >\n      {({ value, disabled, setValue, externalReset }) => {\n        return (\n          <LocationEditor\n            // on external change reset component completely and init with initial value again\n            key={`location-editor-${externalReset}`}\n            value={value}\n            disabled={disabled}\n            setValue={setValue}\n            googleMapsKey={googleMapsKey}\n            selectedView={selectedView}\n            setSelectedView={setSelectedView}\n          />\n        );\n      }}\n    </FieldConnector>\n  );\n}\n\nLocationEditorConnected.defaultProps = {\n  isInitiallyDisabled: true,\n};\n","import { LocationEditorConnected } from './LocationEditor';\n\nexport const LocationEditor = LocationEditorConnected;\n"],"names":["styles","root","css","height","width","BerlinLocation","lat","lng","GoogleMapView","props","onGoogleApiLoaded","event","maps","map","marker","Marker","position","getCenter","cursor","disabled","draggable","visible","Boolean","location","addListener","state","setPosition","latLng","setVisible","onChangeLocation","setState","undefined","componentDidUpdate","LatLng","setDraggable","setCursor","render","React","className","GoogleMapReact","bootstrapURLKeys","googleMapsKey","key","defaultCenter","center","options","scrollwheel","mapTypeId","defaultZoom","yesIWantToUseGoogleMapApiInternals","Component","input","spinner","right","top","zIndex","validationMessage","marginTop","tokens","spacingS","suggestion","transform","bottom","left","LocationSearchInput","useState","isSearching","setIsSearching","address","setAddress","hasError","setHasError","setSuggestion","useEffect","onGetAddressFromLocation","value","then","TextInput","testId","isInvalid","placeholder","onChange","e","target","onSearchAddress","length","formatted_address","Number","geometry","toString","slice","isDisabled","Spinner","Card","padding","Button","variant","onClick","ValidationMessage","ViewType","display","flexDirection","alignItems","main","flexGrow","secondary","minWidth","textAlign","inputsRow","fontSize","fontSizeM","color","gray900","fontFamily","fontStackPrimary","splitter","spacingL","clearBtn","marginBottom","LocationSelector","Flex","Radio","flexBasis","id","Address","isChecked","view","onChangeView","Coordinates","htmlFor","String","type","max","min","step","TextLink","as","toLocationValue","coords","isNumber","lon","LocationEditor","throttle","mapsObject","Promise","resolve","geocoder","Geocoder","geocode","result","addresses","item","find","localValue","setValue","selectedView","setSelectedView","LocationEditorConnected","field","parameters","instance","FieldConnector","isEqualValues","value1","value2","deepEqual","isInitiallyDisabled","externalReset","defaultProps"],"mappings":"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"}

package/dist/field-editor-location.cjs.production.min.js

@@ -1,2 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),a=e(t),o=require("@contentful/field-editor-shared"),n=e(require("deep-equal")),s=e(require("lodash/isNumber")),i=e(require("lodash/throttle")),r=require("emotion"),l=e(require("google-map-react")),d=require("@contentful/f36-components"),c=e(require("@contentful/f36-tokens"));function u(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,(Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var p,m={root:r.css({height:"300px",width:"100%"})},g={lat:52.5018,lng:13.41115439},f=function(e){function t(t){var a;return(a=e.call(this,t)||this).onGoogleApiLoaded=function(e){var t=e.maps,o=e.map,n=new t.Marker({map:o,position:o.getCenter(),cursor:a.props.disabled?"not-allowed":"auto",draggable:!a.props.disabled,visible:Boolean(a.props.location)});t.event.addListener(o,"click",(function(e){!a.props.disabled&&a.state.marker&&a.state.maps&&(a.state.marker.setPosition(e.latLng),a.state.marker.setVisible(!0),a.props.onChangeLocation({lat:e.latLng.lat(),lng:e.latLng.lng()}))})),t.event.addListener(n,"dragend",(function(e){a.props.onChangeLocation({lat:e.latLng.lat(),lng:e.latLng.lng()})})),a.setState({marker:n,maps:t},(function(){a.props.onGoogleApiLoaded({maps:t})}))},a.state={marker:void 0,maps:void 0},a}u(t,e);var o=t.prototype;return o.componentDidUpdate=function(){if(this.state.marker&&this.state.maps){if(this.props.location){var e=new this.state.maps.LatLng(this.props.location.lat,this.props.location.lng);this.state.marker.setPosition(e),this.state.marker.setVisible(!0)}else this.state.marker.setVisible(!1);this.state.marker.setDraggable(!this.props.disabled),this.state.marker.setCursor(this.props.disabled?"not-allowed":"auto")}},o.render=function(){return a.createElement("div",{className:m.root},a.createElement(l,{draggable:!this.props.disabled,bootstrapURLKeys:this.props.googleMapsKey?{key:this.props.googleMapsKey}:void 0,defaultCenter:g,center:this.props.location,options:{scrollwheel:!1,mapTypeId:"roadmap"},defaultZoom:6,yesIWantToUseGoogleMapApiInternals:!0,onGoogleApiLoaded:this.onGoogleApiLoaded}))},t}(a.Component),v={root:r.css({width:"100%"}),input:r.css({position:"relative",width:"100%"}),spinner:r.css({position:"absolute",right:10,top:10,zIndex:99}),validationMessage:r.css({marginTop:c.spacingS}),suggestion:r.css({position:"absolute",transform:"translateY(100%)",bottom:0,left:0,zIndex:1})};function h(e){var t=a.useState(!1),o=t[0],n=t[1],s=a.useState(""),i=s[0],r=s[1],l=a.useState(!1),c=l[0],u=l[1],p=a.useState(null),m=p[0],g=p[1];return a.useEffect((function(){n(!0),e.onGetAddressFromLocation(e.value,i).then((function(e){r(e),n(!1)}))}),[e.value,e.disabled]),a.createElement("div",{className:v.root},a.createElement("div",{className:v.input},a.createElement(d.TextInput,{testId:"location-editor-search",isInvalid:c,placeholder:"Start typing to find location",value:i,onChange:function(t){r(t.target.value),u(!1),g(null),""!==t.target.value?(n(!0),e.onSearchAddress(t.target.value).then((function(e){n(!1),null===e?u(!1):0===e.length?u(!0):(u(!1),g({address:e[0].formatted_address,location:{lat:Number(e[0].geometry.location.lat().toString().slice(0,8)),lng:Number(e[0].geometry.location.lng().toString().slice(0,8))}}))}))):e.onChangeLocation(void 0)},isDisabled:e.disabled}),o&&a.createElement(d.Spinner,{className:v.spinner}),m&&a.createElement(d.Card,{padding:"none",className:v.suggestion},a.createElement(d.Button,{variant:"transparent",testId:"location-editor-suggestion",onClick:function(){r(m.address),e.onChangeLocation(m.location),g(null)}},m.address)),c&&a.createElement(d.ValidationMessage,{testId:"location-editor-not-found",className:v.validationMessage},"No results found for ",a.createElement("strong",null,i),". Please make sure that address is spelled correctly.")))}!function(e){e.Address="Address",e.Coordinates="Coordinates"}(p||(p={}));var b={root:r.css({display:"flex",flexDirection:"row",marginTop:c.spacingS,alignItems:"flex-end"}),main:r.css({flexGrow:1}),secondary:r.css({minWidth:"70px",textAlign:"right"}),inputsRow:r.css({display:"flex",marginTop:c.spacingS,fontSize:c.fontSizeM,color:c.gray900,fontFamily:c.fontStackPrimary,alignItems:"center"}),splitter:r.css({width:c.spacingL}),clearBtn:r.css({marginBottom:c.spacingS})};function C(e){return a.createElement("div",{className:b.root},a.createElement("div",{className:b.main},a.createElement(d.Flex,{flexDirection:"row"},a.createElement(d.Radio,{className:r.css({flexBasis:"100%"}),id:p.Address,testId:"location-editor-address-radio",isDisabled:e.disabled,value:p.Address,isChecked:e.view===p.Address,onChange:function(){e.onChangeView(p.Address)}},"Address"),a.createElement(d.Radio,{className:r.css({flexBasis:"100%"}),id:p.Coordinates,testId:"location-editor-coordinates-radio",isDisabled:e.disabled,value:p.Coordinates,isChecked:e.view===p.Coordinates,onChange:function(){e.onChangeView(p.Coordinates)}},"Coordinates")),e.view===p.Address&&a.createElement("div",{className:b.inputsRow},a.createElement(h,{onSearchAddress:e.onSearchAddress,onGetAddressFromLocation:e.onGetAddressFromLocation,disabled:e.disabled,value:e.value,onChangeLocation:e.onChangeLocation})),e.view===p.Coordinates&&a.createElement("div",{className:b.inputsRow},a.createElement("label",{htmlFor:"latitude"},"Latitude"),a.createElement("div",{className:b.splitter}),a.createElement(d.TextInput,{id:"latitude",testId:"location-editor-latitude",placeholder:"Between -90 and 90",isDisabled:e.disabled,value:e.value?String(e.value.lat):"",onChange:function(t){e.onChangeLocation({lng:e.value&&void 0!==e.value.lng?e.value.lng:0,lat:Number(t.target.value)||0})},type:"number",max:"90",min:"-90",step:"0.1"}),a.createElement("div",{className:b.splitter}),a.createElement("label",{htmlFor:"longitude"},"Longitude"),a.createElement("div",{className:b.splitter}),a.createElement(d.TextInput,{id:"longitude",testId:"location-editor-longitude",placeholder:"Between -180 and 180",isDisabled:e.disabled,value:e.value?String(e.value.lng):"",onChange:function(t){e.onChangeLocation({lat:e.value&&void 0!==e.value.lat?e.value.lat:0,lng:Number(t.target.value)||0})},type:"number",max:"180",min:"-180",step:"0.1"}))),a.createElement("div",{className:b.secondary},a.createElement(d.TextLink,{as:"button",isDisabled:e.disabled,testId:"location-editor-clear",className:b.clearBtn,onClick:function(){e.onChangeLocation(void 0)}},"Clear")))}function L(e){return e&&s(e.lat)&&s(e.lng)?{lat:e.lat,lon:e.lng}:null}var y=function(e){function a(t){var a;return(a=e.call(this,t)||this).onSearchAddress=i((function(e){if(!a.state.mapsObject)return Promise.resolve(null);var t=a.state.mapsObject;return e?new Promise((function(a){(new t.Geocoder).geocode({address:e},a,(function(){a(null)}))})):Promise.resolve(null)}),300),a.onGetAddressFromLocation=function(e,t){if(!a.state.mapsObject||!e)return Promise.resolve("");var o=a.state.mapsObject;return new Promise((function(a){(new o.Geocoder).geocode({location:e},(function(e){if(e&&e.length>0){var o=e.map((function(e){return e.formatted_address}));a(o.find((function(e){return e===t}))||o[0])}else a("")}),(function(){a("")}))}))},a.state={localValue:t.value?{lng:t.value.lon,lat:t.value.lat}:void 0,mapsObject:null},a}return u(a,e),a.prototype.render=function(){var e=this,a=this.state,o=a.mapsObject,n=a.localValue;return t.createElement("div",{"data-test-id":"location-editor"},t.createElement(f,{disabled:this.props.disabled||null===o,googleMapsKey:this.props.googleMapsKey,location:n,onGoogleApiLoaded:function(t){e.setState({mapsObject:t.maps})},onChangeLocation:function(t){e.setState({localValue:t}),e.props.setValue(L(t))}}),t.createElement(C,{disabled:this.props.disabled||null===o,value:n,view:this.props.selectedView,onChangeView:function(t){e.props.setSelectedView(t)},onChangeLocation:function(t){e.setState({localValue:t}),e.props.setValue(L(t))},onSearchAddress:this.onSearchAddress,onGetAddressFromLocation:this.onGetAddressFromLocation}))},a}(t.Component);function E(e){var a=e.field,s=e.parameters?e.parameters.instance.googleMapsKey:void 0,i=t.useState(p.Address),r=i[0],l=i[1];return t.createElement(o.FieldConnector,{isEqualValues:function(e,t){return n(e,t)},field:a,isInitiallyDisabled:e.isInitiallyDisabled},(function(e){return t.createElement(y,{key:"location-editor-"+e.externalReset,value:e.value,disabled:e.disabled,setValue:e.setValue,googleMapsKey:s,selectedView:r,setSelectedView:l})}))}E.defaultProps={isInitiallyDisabled:!0},exports.LocationEditor=E;
-//# sourceMappingURL=field-editor-location.cjs.production.min.js.map