@contentful/field-editor-location 1.2.2 → 1.3.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-editor-location.cjs.production.min.js","sources":["../src/GoogleMapView.tsx","../src/types.ts","../src/LocationSearchInput.tsx","../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","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 { 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","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":["ViewType","styles","root","css","height","width","BerlinLocation","lat","lng","GoogleMapView","props","onGoogleApiLoaded","event","maps","map","marker","Marker","position","getCenter","cursor","_this","disabled","draggable","visible","Boolean","location","addListener","state","setPosition","latLng","setVisible","onChangeLocation","setState","undefined","componentDidUpdate","this","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","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","geocode","result","addresses","item","find","localValue","_this2","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.esm.js

@@ -1,538 +0,0 @@
-import React__default, { useState, createElement, Component } from 'react';
-import { FieldConnector } from '@contentful/field-editor-shared';
-import deepEqual from 'deep-equal';
-import isNumber from 'lodash-es/isNumber';
-import throttle from 'lodash-es/throttle';
-import { css } from 'emotion';
-import GoogleMapReact from 'google-map-react';
-import { TextInput, Spinner, Card, Button, ValidationMessage, Flex, Radio, TextLink } from '@contentful/f36-components';
-import tokens from '@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__*/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__*/css({
-    width: '100%'
-  }),
-  input: /*#__PURE__*/css({
-    position: 'relative',
-    width: '100%'
-  }),
-  spinner: /*#__PURE__*/css({
-    position: 'absolute',
-    right: 10,
-    top: 10,
-    zIndex: 99
-  }),
-  validationMessage: /*#__PURE__*/css({
-    marginTop: tokens.spacingS
-  }),
-  suggestion: /*#__PURE__*/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(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(Spinner, {
-    className: styles$1.spinner
-  }), suggestion && React__default.createElement(Card, {
-    padding: "none",
-    className: styles$1.suggestion
-  }, React__default.createElement(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(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__*/css({
-    display: 'flex',
-    flexDirection: 'row',
-    marginTop: tokens.spacingS,
-    alignItems: 'flex-end'
-  }),
-  main: /*#__PURE__*/css({
-    flexGrow: 1
-  }),
-  secondary: /*#__PURE__*/css({
-    minWidth: '70px',
-    textAlign: 'right'
-  }),
-  inputsRow: /*#__PURE__*/css({
-    display: 'flex',
-    marginTop: tokens.spacingS,
-    fontSize: tokens.fontSizeM,
-    color: tokens.gray900,
-    fontFamily: tokens.fontStackPrimary,
-    alignItems: 'center'
-  }),
-  splitter: /*#__PURE__*/css({
-    width: tokens.spacingL
-  }),
-  clearBtn: /*#__PURE__*/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(Flex, {
-    flexDirection: "row"
-  }, React__default.createElement(Radio, {
-    className: 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(Radio, {
-    className: 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(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(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(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 createElement("div", {
-      "data-test-id": "location-editor"
-    }, 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));
-      }
-    }), 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;
-}(Component);
-function LocationEditorConnected(props) {
-  var field = props.field;
-  var googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;
-
-  var _React$useState = useState(ViewType.Address),
-      selectedView = _React$useState[0],
-      setSelectedView = _React$useState[1];
-
-  return createElement(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 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;
-
-export { LocationEditor$1 as LocationEditor };
-//# sourceMappingURL=field-editor-location.esm.js.map