@contentful/field-editor-location 1.2.3 → 1.3.1

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

@@ -1,497 +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'));
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-const styles = {
-  root: /*#__PURE__*/emotion.css({
-    height: '300px',
-    width: '100%'
-  })
-};
-const BerlinLocation = {
-  lat: 52.5018,
-  lng: 13.41115439
-};
-class GoogleMapView extends React__default.Component {
-  constructor(props) {
-    super(props);
-
-    this.onGoogleApiLoaded = event => {
-      const {
-        maps,
-        map
-      } = event;
-      const marker = new maps.Marker({
-        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', 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', event => {
-        this.props.onChangeLocation({
-          lat: event.latLng.lat(),
-          lng: event.latLng.lng()
-        });
-      });
-      this.setState({
-        marker,
-        maps
-      }, () => {
-        this.props.onGoogleApiLoaded({
-          maps
-        });
-      });
-    };
-
-    this.state = {
-      marker: undefined,
-      maps: undefined
-    };
-  }
-
-  componentDidUpdate() {
-    if (this.state.marker && this.state.maps) {
-      if (this.props.location) {
-        const 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');
-    }
-  }
-
-  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
-    }));
-  }
-
-}
-
-const 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) {
-  const [isSearching, setIsSearching] = React__default.useState(false);
-  const [address, setAddress] = React__default.useState('');
-  const [hasError, setHasError] = React__default.useState(false);
-  const [suggestion, setSuggestion] = React__default.useState(null);
-  React__default.useEffect(() => {
-    setIsSearching(true);
-    props.onGetAddressFromLocation(props.value, address).then(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: 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(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: () => {
-      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 = {}));
-
-const 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: () => {
-      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: () => {
-      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: 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: 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: () => {
-      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;
-  }
-}
-
-class LocationEditor extends React.Component {
-  constructor(props) {
-    super(props);
-    this.onSearchAddress = throttle(value => {
-      if (!this.state.mapsObject) {
-        return Promise.resolve(null);
-      }
-
-      const {
-        mapsObject
-      } = this.state;
-
-      if (!value) {
-        return Promise.resolve(null);
-      }
-
-      return new Promise(resolve => {
-        const geocoder = new mapsObject.Geocoder();
-        geocoder.geocode({
-          address: value
-        }, resolve, () => {
-          resolve(null);
-        });
-      });
-    }, 300);
-
-    this.onGetAddressFromLocation = (location, value) => {
-      if (!this.state.mapsObject || !location) {
-        return Promise.resolve('');
-      }
-
-      const {
-        mapsObject
-      } = this.state;
-      return new Promise(resolve => {
-        const geocoder = new mapsObject.Geocoder();
-        geocoder.geocode({
-          location
-        }, result => {
-          if (result && result.length > 0) {
-            const addresses = result.map(item => item.formatted_address);
-            resolve(addresses.find(item => item === value) || addresses[0]);
-          } else {
-            resolve('');
-          }
-        }, () => {
-          resolve('');
-        });
-      });
-    };
-
-    this.state = {
-      localValue: props.value ? {
-        lng: props.value.lon,
-        lat: props.value.lat
-      } : undefined,
-      mapsObject: null
-    };
-  } // @ts-expect-error
-
-
-  render() {
-    const {
-      mapsObject,
-      localValue
-    } = this.state;
-    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: ({
-        maps
-      }) => {
-        this.setState({
-          mapsObject: maps
-        });
-      },
-      onChangeLocation: coords => {
-        this.setState({
-          localValue: coords
-        });
-        this.props.setValue(toLocationValue(coords));
-      }
-    }), React.createElement(LocationSelector, {
-      disabled: this.props.disabled || mapsObject === null,
-      value: localValue,
-      view: this.props.selectedView,
-      onChangeView: view => {
-        this.props.setSelectedView(view);
-      },
-      onChangeLocation: coords => {
-        this.setState({
-          localValue: coords
-        });
-        this.props.setValue(toLocationValue(coords));
-      },
-      onSearchAddress: this.onSearchAddress,
-      onGetAddressFromLocation: this.onGetAddressFromLocation
-    }));
-  }
-
-}
-function LocationEditorConnected(props) {
-  const {
-    field
-  } = props;
-  const googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;
-  const [selectedView, setSelectedView] = React.useState(ViewType.Address);
-  return React.createElement(fieldEditorShared.FieldConnector, {
-    isEqualValues: (value1, value2) => {
-      return deepEqual(value1, value2);
-    },
-    field: field,
-    isInitiallyDisabled: props.isInitiallyDisabled
-  }, ({
-    value,
-    disabled,
-    setValue,
-    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
-};
-
-const 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","React","Component","constructor","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","className","GoogleMapReact","bootstrapURLKeys","googleMapsKey","key","defaultCenter","center","options","scrollwheel","mapTypeId","defaultZoom","yesIWantToUseGoogleMapApiInternals","input","spinner","right","top","zIndex","validationMessage","marginTop","tokens","spacingS","suggestion","transform","bottom","left","LocationSearchInput","isSearching","setIsSearching","useState","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),s=require("@contentful/field-editor-shared"),o=e(require("deep-equal")),n=e(require("lodash/isNumber")),i=e(require("lodash/throttle")),l=require("emotion"),r=e(require("google-map-react")),d=require("@contentful/f36-components"),c=e(require("@contentful/f36-tokens"));const p={root:l.css({height:"300px",width:"100%"})},u={lat:52.5018,lng:13.41115439};class m extends a.Component{constructor(e){super(e),this.onGoogleApiLoaded=e=>{const{maps:t,map:a}=e,s=new t.Marker({map:a,position:a.getCenter(),cursor:this.props.disabled?"not-allowed":"auto",draggable:!this.props.disabled,visible:Boolean(this.props.location)});t.event.addListener(a,"click",e=>{!this.props.disabled&&this.state.marker&&this.state.maps&&(this.state.marker.setPosition(e.latLng),this.state.marker.setVisible(!0),this.props.onChangeLocation({lat:e.latLng.lat(),lng:e.latLng.lng()}))}),t.event.addListener(s,"dragend",e=>{this.props.onChangeLocation({lat:e.latLng.lat(),lng:e.latLng.lng()})}),this.setState({marker:s,maps:t},()=>{this.props.onGoogleApiLoaded({maps:t})})},this.state={marker:void 0,maps:void 0}}componentDidUpdate(){if(this.state.marker&&this.state.maps){if(this.props.location){const 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")}}render(){return a.createElement("div",{className:p.root},a.createElement(r,{draggable:!this.props.disabled,bootstrapURLKeys:this.props.googleMapsKey?{key:this.props.googleMapsKey}:void 0,defaultCenter:u,center:this.props.location,options:{scrollwheel:!1,mapTypeId:"roadmap"},defaultZoom:6,yesIWantToUseGoogleMapApiInternals:!0,onGoogleApiLoaded:this.onGoogleApiLoaded}))}}const g={root:l.css({width:"100%"}),input:l.css({position:"relative",width:"100%"}),spinner:l.css({position:"absolute",right:10,top:10,zIndex:99}),validationMessage:l.css({marginTop:c.spacingS}),suggestion:l.css({position:"absolute",transform:"translateY(100%)",bottom:0,left:0,zIndex:1})};function h(e){const[t,s]=a.useState(!1),[o,n]=a.useState(""),[i,l]=a.useState(!1),[r,c]=a.useState(null);return a.useEffect(()=>{s(!0),e.onGetAddressFromLocation(e.value,o).then(e=>{n(e),s(!1)})},[e.value,e.disabled]),a.createElement("div",{className:g.root},a.createElement("div",{className:g.input},a.createElement(d.TextInput,{testId:"location-editor-search",isInvalid:i,placeholder:"Start typing to find location",value:o,onChange:t=>{n(t.target.value),l(!1),c(null),""!==t.target.value?(s(!0),e.onSearchAddress(t.target.value).then(e=>{s(!1),null===e?l(!1):0===e.length?l(!0):(l(!1),c({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}),t&&a.createElement(d.Spinner,{className:g.spinner}),r&&a.createElement(d.Card,{padding:"none",className:g.suggestion},a.createElement(d.Button,{variant:"transparent",testId:"location-editor-suggestion",onClick:()=>{n(r.address),e.onChangeLocation(r.location),c(null)}},r.address)),i&&a.createElement(d.ValidationMessage,{testId:"location-editor-not-found",className:g.validationMessage},"No results found for ",a.createElement("strong",null,o),". Please make sure that address is spelled correctly.")))}var v;!function(e){e.Address="Address",e.Coordinates="Coordinates"}(v||(v={}));const b={root:l.css({display:"flex",flexDirection:"row",marginTop:c.spacingS,alignItems:"flex-end"}),main:l.css({flexGrow:1}),secondary:l.css({minWidth:"70px",textAlign:"right"}),inputsRow:l.css({display:"flex",marginTop:c.spacingS,fontSize:c.fontSizeM,color:c.gray900,fontFamily:c.fontStackPrimary,alignItems:"center"}),splitter:l.css({width:c.spacingL}),clearBtn:l.css({marginBottom:c.spacingS})};function f(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:l.css({flexBasis:"100%"}),id:v.Address,testId:"location-editor-address-radio",isDisabled:e.disabled,value:v.Address,isChecked:e.view===v.Address,onChange:()=>{e.onChangeView(v.Address)}},"Address"),a.createElement(d.Radio,{className:l.css({flexBasis:"100%"}),id:v.Coordinates,testId:"location-editor-coordinates-radio",isDisabled:e.disabled,value:v.Coordinates,isChecked:e.view===v.Coordinates,onChange:()=>{e.onChangeView(v.Coordinates)}},"Coordinates")),e.view===v.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===v.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: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: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:()=>{e.onChangeLocation(void 0)}},"Clear")))}function C(e){return e&&n(e.lat)&&n(e.lng)?{lat:e.lat,lon:e.lng}:null}class L extends t.Component{constructor(e){super(e),this.onSearchAddress=i(e=>{if(!this.state.mapsObject)return Promise.resolve(null);const{mapsObject:t}=this.state;return e?new Promise(a=>{(new t.Geocoder).geocode({address:e},a,()=>{a(null)})}):Promise.resolve(null)},300),this.onGetAddressFromLocation=(e,t)=>{if(!this.state.mapsObject||!e)return Promise.resolve("");const{mapsObject:a}=this.state;return new Promise(s=>{(new a.Geocoder).geocode({location:e},e=>{if(e&&e.length>0){const a=e.map(e=>e.formatted_address);s(a.find(e=>e===t)||a[0])}else s("")},()=>{s("")})})},this.state={localValue:e.value?{lng:e.value.lon,lat:e.value.lat}:void 0,mapsObject:null}}render(){const{mapsObject:e,localValue:a}=this.state;return t.createElement("div",{"data-test-id":"location-editor"},t.createElement(m,{disabled:this.props.disabled||null===e,googleMapsKey:this.props.googleMapsKey,location:a,onGoogleApiLoaded:({maps:e})=>{this.setState({mapsObject:e})},onChangeLocation:e=>{this.setState({localValue:e}),this.props.setValue(C(e))}}),t.createElement(f,{disabled:this.props.disabled||null===e,value:a,view:this.props.selectedView,onChangeView:e=>{this.props.setSelectedView(e)},onChangeLocation:e=>{this.setState({localValue:e}),this.props.setValue(C(e))},onSearchAddress:this.onSearchAddress,onGetAddressFromLocation:this.onGetAddressFromLocation}))}}function E(e){const{field:a}=e,n=e.parameters?e.parameters.instance.googleMapsKey:void 0,[i,l]=t.useState(v.Address);return t.createElement(s.FieldConnector,{isEqualValues:(e,t)=>o(e,t),field:a,isInitiallyDisabled:e.isInitiallyDisabled},({value:e,disabled:a,setValue:s,externalReset:o})=>t.createElement(L,{key:"location-editor-"+o,value:e,disabled:a,setValue:s,googleMapsKey:n,selectedView:i,setSelectedView:l}))}E.defaultProps={isInitiallyDisabled:!0},exports.LocationEditor=E;
-//# sourceMappingURL=field-editor-location.cjs.production.min.js.map