npm - @contentful/field-editor-location - Versions diffs - 1.1.9 → 1.2.0 - Mend

@contentful/field-editor-location 1.1.9 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md +10 -0
package/dist/field-editor-location.cjs.development.js +131 -131
package/dist/field-editor-location.cjs.development.js.map +1 -1
package/dist/field-editor-location.cjs.production.min.js +1 -1
package/dist/field-editor-location.cjs.production.min.js.map +1 -1
package/dist/field-editor-location.esm.js +131 -131
package/dist/field-editor-location.esm.js.map +1 -1
package/dist/types.d.ts +4 -1
package/package.json +6 -6

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.2.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@1.1.10...@contentful/field-editor-location@1.2.0) (2023-03-09)
+### Features
+- upgrade google-maps-react [TOL-968] ([#1365](https://github.com/contentful/field-editors/issues/1365)) ([e6ffb47](https://github.com/contentful/field-editors/commit/e6ffb47fa1487ef7d60dc537f89fcb45aa140ce7))
+## [1.1.10](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@1.1.9...@contentful/field-editor-location@1.1.10) (2023-02-21)
+**Note:** Version bump only for package @contentful/field-editor-location
 ## [1.1.9](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@1.1.8...@contentful/field-editor-location@1.1.9) (2023-02-07)
 **Note:** Version bump only for package @contentful/field-editor-location

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

@@ -6,14 +6,14 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
-var isNumber = _interopDefault(require('lodash/isNumber'));
-var throttle = _interopDefault(require('lodash/throttle'));
 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 tokens = _interopDefault(require('@contentful/f36-tokens'));
-var f36Components = require('@contentful/f36-components');
 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);
@@ -31,14 +31,113 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
-var ViewType;
+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 (ViewType) {
-  ViewType["Address"] = "Address";
-  ViewType["Coordinates"] = "Coordinates";
-})(ViewType || (ViewType = {}));
+  function GoogleMapView(props) {
+    var _this;
-var styles = {
+    _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%'
   }),
@@ -88,9 +187,9 @@ function LocationSearchInput(props) {
     }); // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies
   }, [props.value, props.disabled]);
   return React__default.createElement("div", {
-    className: styles.root
+    className: styles$1.root
   }, React__default.createElement("div", {
-    className: styles.input
+    className: styles$1.input
   }, React__default.createElement(f36Components.TextInput, {
     testId: "location-editor-search",
     isInvalid: hasError,
@@ -128,10 +227,10 @@ function LocationSearchInput(props) {
     },
     isDisabled: props.disabled
   }), isSearching && React__default.createElement(f36Components.Spinner, {
-    className: styles.spinner
+    className: styles$1.spinner
   }), suggestion && React__default.createElement(f36Components.Card, {
     padding: "none",
-    className: styles.suggestion
+    className: styles$1.suggestion
   }, React__default.createElement(f36Components.Button, {
     variant: "transparent",
     testId: "location-editor-suggestion",
@@ -142,11 +241,18 @@ function LocationSearchInput(props) {
     }
   }, suggestion.address)), hasError && React__default.createElement(f36Components.ValidationMessage, {
     testId: "location-editor-not-found",
-    className: styles.validationMessage
+    className: styles$1.validationMessage
   }, "No results found for ", React__default.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
 }
-var styles$1 = {
+var ViewType;
+(function (ViewType) {
+  ViewType["Address"] = "Address";
+  ViewType["Coordinates"] = "Coordinates";
+})(ViewType || (ViewType = {}));
+var styles$2 = {
   root: /*#__PURE__*/emotion.css({
     display: 'flex',
     flexDirection: 'row',
@@ -177,9 +283,9 @@ var styles$1 = {
 };
 function LocationSelector(props) {
   return React__default.createElement("div", {
-    className: styles$1.root
+    className: styles$2.root
   }, React__default.createElement("div", {
-    className: styles$1.main
+    className: styles$2.main
   }, React__default.createElement(f36Components.Flex, {
     flexDirection: "row"
   }, React__default.createElement(f36Components.Radio, {
@@ -207,7 +313,7 @@ function LocationSelector(props) {
       props.onChangeView(ViewType.Coordinates);
     }
   }, "Coordinates")), props.view === ViewType.Address && React__default.createElement("div", {
-    className: styles$1.inputsRow
+    className: styles$2.inputsRow
   }, React__default.createElement(LocationSearchInput, {
     onSearchAddress: props.onSearchAddress,
     onGetAddressFromLocation: props.onGetAddressFromLocation,
@@ -215,11 +321,11 @@ function LocationSelector(props) {
     value: props.value,
     onChangeLocation: props.onChangeLocation
   })), props.view === ViewType.Coordinates && React__default.createElement("div", {
-    className: styles$1.inputsRow
+    className: styles$2.inputsRow
   }, React__default.createElement("label", {
     htmlFor: "latitude"
   }, "Latitude"), React__default.createElement("div", {
-    className: styles$1.splitter
+    className: styles$2.splitter
   }), React__default.createElement(f36Components.TextInput, {
     id: "latitude",
     testId: "location-editor-latitude",
@@ -237,11 +343,11 @@ function LocationSelector(props) {
     min: "-90",
     step: "0.1"
   }), React__default.createElement("div", {
-    className: styles$1.splitter
+    className: styles$2.splitter
   }), React__default.createElement("label", {
     htmlFor: "longitude"
   }, "Longitude"), React__default.createElement("div", {
-    className: styles$1.splitter
+    className: styles$2.splitter
   }), React__default.createElement(f36Components.TextInput, {
     id: "longitude",
     testId: "location-editor-longitude",
@@ -259,124 +365,18 @@ function LocationSelector(props) {
     min: "-180",
     step: "0.1"
   }))), React__default.createElement("div", {
-    className: styles$1.secondary
+    className: styles$2.secondary
   }, React__default.createElement(f36Components.TextLink, {
     as: "button",
     isDisabled: props.disabled,
     testId: "location-editor-clear",
-    className: styles$1.clearBtn,
+    className: styles$2.clearBtn,
     onClick: function onClick() {
       props.onChangeLocation(undefined);
     }
   }, "Clear")));
 }
-var styles$2 = {
-  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$2.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);
 function toLocationValue(coords) {
   if (coords && isNumber(coords.lat) && isNumber(coords.lng)) {
     return {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"field-editor-location.cjs.development.js","sources":["../src/types.ts","../src/LocationSearchInput.tsx","../src/LocationSelector.tsx","../src/GoogleMapView.tsx","../src/LocationEditor.tsx","../src/index.tsx"],"sourcesContent":["export { Coords } from 'google-map-react';\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';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { Button, Card } from '@contentful/f36-components';\nimport { Coords, GeocodeApiResponse } from './types';\n\nimport { Spinner, ValidationMessage, TextInput } from '@contentful/f36-components';\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] =\n 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 {suggestion.address}\n </Button>\n </Card>\n )}\n {hasError && (\n <ValidationMessage\n testId=\"location-editor-not-found\"\n className={styles.validationMessage}>\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';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { LocationSearchInput } from './LocationSearchInput';\n\nimport { Coords, ViewType, GeocodeApiResponse } from './types';\n\nimport { TextLink, TextInput, Radio, Flex } from '@contentful/f36-components';\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 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 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 Clear\n </TextLink>\n </div>\n </div>\n );\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport React from 'react';\nimport { css } from 'emotion';\nimport GoogleMapReact from 'google-map-react';\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 as React from 'react';\nimport isNumber from 'lodash/isNumber';\nimport throttle from 'lodash/throttle';\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport {\n LocationValue,\n ViewType,\n NullableLocationValue,\n Coords,\n GeocodeApiResponse,\n} from './types';\nimport { LocationSelector } from './LocationSelector';\nimport { GoogleMapView } from './GoogleMapView';\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 {({ 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","width","input","position","spinner","right","top","zIndex","validationMessage","marginTop","tokens","spacingS","suggestion","transform","bottom","left","LocationSearchInput","props","React","useState","isSearching","setIsSearching","address","setAddress","hasError","setHasError","setSuggestion","useEffect","onGetAddressFromLocation","value","then","disabled","className","TextInput","testId","isInvalid","placeholder","onChange","e","target","onChangeLocation","undefined","onSearchAddress","length","formatted_address","location","lat","Number","geometry","toString","slice","lng","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","height","BerlinLocation","GoogleMapView","onGoogleApiLoaded","event","maps","map","marker","Marker","getCenter","cursor","draggable","visible","Boolean","addListener","state","setPosition","latLng","setVisible","setState","componentDidUpdate","LatLng","setDraggable","setCursor","render","GoogleMapReact","bootstrapURLKeys","googleMapsKey","key","defaultCenter","center","options","scrollwheel","mapTypeId","defaultZoom","yesIWantToUseGoogleMapApiInternals","Component","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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"}
1	+ {"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t,a=require("react"),o=e(a),n=e(require("lodash/isNumber")),s=e(require("lodash/throttle")),i=require("@contentful/field-editor-shared"),r=e(require("deep-equal")),l=require("emotion"),d=e(require("@contentful/f36-tokens")),c=require("@contentful/f36-components"),u=e(require("google-map-react"));function p(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,(Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}!function(e){e.Address="Address",e.Coordinates="Coordinates"}(t||(t={}));var m={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:d.spacingS}),suggestion:l.css({position:"absolute",transform:"translateY(100%)",bottom:0,left:0,zIndex:1})};function g(e){var t=o.useState(!1),a=t[0],n=t[1],s=o.useState(""),i=s[0],r=s[1],l=o.useState(!1),d=l[0],u=l[1],p=o.useState(null),g=p[0],f=p[1];return o.useEffect((function(){n(!0),e.onGetAddressFromLocation(e.value,i).then((function(e){r(e),n(!1)}))}),[e.value,e.disabled]),o.createElement("div",{className:m.root},o.createElement("div",{className:m.input},o.createElement(c.TextInput,{testId:"location-editor-search",isInvalid:d,placeholder:"Start typing to find location",value:i,onChange:function(t){r(t.target.value),u(!1),f(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),f({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}),a&&o.createElement(c.Spinner,{className:m.spinner}),g&&o.createElement(c.Card,{padding:"none",className:m.suggestion},o.createElement(c.Button,{variant:"transparent",testId:"location-editor-suggestion",onClick:function(){r(g.address),e.onChangeLocation(g.location),f(null)}},g.address)),d&&o.createElement(c.ValidationMessage,{testId:"location-editor-not-found",className:m.validationMessage},"No results found for ",o.createElement("strong",null,i),". Please make sure that address is spelled correctly.")))}var f={root:l.css({display:"flex",flexDirection:"row",marginTop:d.spacingS,alignItems:"flex-end"}),main:l.css({flexGrow:1}),secondary:l.css({minWidth:"70px",textAlign:"right"}),inputsRow:l.css({display:"flex",marginTop:d.spacingS,fontSize:d.fontSizeM,color:d.gray900,fontFamily:d.fontStackPrimary,alignItems:"center"}),splitter:l.css({width:d.spacingL}),clearBtn:l.css({marginBottom:d.spacingS})};function v(e){return o.createElement("div",{className:f.root},o.createElement("div",{className:f.main},o.createElement(c.Flex,{flexDirection:"row"},o.createElement(c.Radio,{className:l.css({flexBasis:"100%"}),id:t.Address,testId:"location-editor-address-radio",isDisabled:e.disabled,value:t.Address,isChecked:e.view===t.Address,onChange:function(){e.onChangeView(t.Address)}},"Address"),o.createElement(c.Radio,{className:l.css({flexBasis:"100%"}),id:t.Coordinates,testId:"location-editor-coordinates-radio",isDisabled:e.disabled,value:t.Coordinates,isChecked:e.view===t.Coordinates,onChange:function(){e.onChangeView(t.Coordinates)}},"Coordinates")),e.view===t.Address&&o.createElement("div",{className:f.inputsRow},o.createElement(g,{onSearchAddress:e.onSearchAddress,onGetAddressFromLocation:e.onGetAddressFromLocation,disabled:e.disabled,value:e.value,onChangeLocation:e.onChangeLocation})),e.view===t.Coordinates&&o.createElement("div",{className:f.inputsRow},o.createElement("label",{htmlFor:"latitude"},"Latitude"),o.createElement("div",{className:f.splitter}),o.createElement(c.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"}),o.createElement("div",{className:f.splitter}),o.createElement("label",{htmlFor:"longitude"},"Longitude"),o.createElement("div",{className:f.splitter}),o.createElement(c.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"}))),o.createElement("div",{className:f.secondary},o.createElement(c.TextLink,{as:"button",isDisabled:e.disabled,testId:"location-editor-clear",className:f.clearBtn,onClick:function(){e.onChangeLocation(void 0)}},"Clear")))}var h={root:l.css({height:"300px",width:"100%"})},b={lat:52.5018,lng:13.41115439},C=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}p(t,e);var a=t.prototype;return a.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")}},a.render=function(){return o.createElement("div",{className:h.root},o.createElement(u,{draggable:!this.props.disabled,bootstrapURLKeys:this.props.googleMapsKey?{key:this.props.googleMapsKey}:void 0,defaultCenter:b,center:this.props.location,options:{scrollwheel:!1,mapTypeId:"roadmap"},defaultZoom:6,yesIWantToUseGoogleMapApiInternals:!0,onGoogleApiLoaded:this.onGoogleApiLoaded}))},t}(o.Component);function L(e){return e&&n(e.lat)&&n(e.lng)?{lat:e.lat,lon:e.lng}:null}var y=function(e){function t(t){var a;return(a=e.call(this,t)||this).onSearchAddress=s((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 p(t,e),t.prototype.render=function(){var e=this,t=this.state,o=t.mapsObject,n=t.localValue;return a.createElement("div",{"data-test-id":"location-editor"},a.createElement(C,{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))}}),a.createElement(v,{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}))},t}(a.Component);function E(e){var o=e.field,n=e.parameters?e.parameters.instance.googleMapsKey:void 0,s=a.useState(t.Address),l=s[0],d=s[1];return a.createElement(i.FieldConnector,{isEqualValues:function(e,t){return r(e,t)},field:o,isInitiallyDisabled:e.isInitiallyDisabled},(function(e){return a.createElement(y,{key:"location-editor-"+e.externalReset,value:e.value,disabled:e.disabled,setValue:e.setValue,googleMapsKey:n,selectedView:l,setSelectedView:d})}))}E.defaultProps={isInitiallyDisabled:!0},exports.LocationEditor=E;
+"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