npm - @contentful/field-editor-location - Versions diffs - 0.13.1 → 0.14.0 - Mend

@contentful/field-editor-location 0.13.1 → 0.14.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 +14 -106
package/README.md +0 -1
package/dist/field-editor-location.cjs.development.js +40 -41
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 +34 -35
package/dist/field-editor-location.esm.js.map +1 -1
package/package.json +6 -6

package/CHANGELOG.md CHANGED Viewed

@@ -3,215 +3,123 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-## [0.13.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.13.0...@contentful/field-editor-location@0.13.1) (2021-10-14)
+# [0.14.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.13.1...@contentful/field-editor-location@0.14.0) (2021-11-04)
-**Note:** Version bump only for package @contentful/field-editor-location
+### Features
+- Forma v4 components adoption ([#805](https://github.com/contentful/field-editors/issues/805)) ([526bde6](https://github.com/contentful/field-editors/commit/526bde6e10e0ee3789705ec10fb31489af7ca59e))
+### BREAKING CHANGES
+- adopts a new Forma v4 beta
+## [0.13.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.13.0...@contentful/field-editor-location@0.13.1) (2021-10-14)
-# [0.13.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.12.4...@contentful/field-editor-location@0.13.0) (2021-10-06)
+**Note:** Version bump only for package @contentful/field-editor-location
+# [0.13.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.12.4...@contentful/field-editor-location@0.13.0) (2021-10-06)
 ### Features
-* [EXT-3161] bump app sdk to v4 ([#881](https://github.com/contentful/field-editors/issues/881)) ([9c4a2af](https://github.com/contentful/field-editors/commit/9c4a2af07da203d59fb5f15c3a5188ecc64b1d44))
+- [EXT-3161] bump app sdk to v4 ([#881](https://github.com/contentful/field-editors/issues/881)) ([9c4a2af](https://github.com/contentful/field-editors/commit/9c4a2af07da203d59fb5f15c3a5188ecc64b1d44))
 ## [0.12.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.12.3...@contentful/field-editor-location@0.12.4) (2021-09-17)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.12.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.12.2...@contentful/field-editor-location@0.12.3) (2021-09-16)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.12.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.12.1...@contentful/field-editor-location@0.12.2) (2021-08-19)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.12.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.12.0...@contentful/field-editor-location@0.12.1) (2021-07-29)
 **Note:** Version bump only for package @contentful/field-editor-location
 # [0.12.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.11.6...@contentful/field-editor-location@0.12.0) (2021-07-23)
 ### Features
-* 💡 new color tokens ([#778](https://github.com/contentful/field-editors/issues/778)) ([fba548d](https://github.com/contentful/field-editors/commit/fba548de32305016df7f2685634eefb14294828f))
+- 💡 new color tokens ([#778](https://github.com/contentful/field-editors/issues/778)) ([fba548d](https://github.com/contentful/field-editors/commit/fba548de32305016df7f2685634eefb14294828f))
 ## [0.11.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.11.3...@contentful/field-editor-location@0.11.6) (2021-07-06)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.11.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.11.3...@contentful/field-editor-location@0.11.5) (2021-07-06)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.11.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.11.3...@contentful/field-editor-location@0.11.4) (2021-06-23)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.11.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.11.2...@contentful/field-editor-location@0.11.3) (2021-06-23)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.11.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.11.1...@contentful/field-editor-location@0.11.2) (2021-06-22)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.11.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.11.0...@contentful/field-editor-location@0.11.1) (2021-03-05)
 **Note:** Version bump only for package @contentful/field-editor-location
 # [0.11.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.10.3...@contentful/field-editor-location@0.11.0) (2021-02-19)
 ### Features
-* bump min version of forma-36 ([#606](https://github.com/contentful/field-editors/issues/606)) ([fd57c7a](https://github.com/contentful/field-editors/commit/fd57c7a4312766af38c01507f17706ab22992617))
+- bump min version of forma-36 ([#606](https://github.com/contentful/field-editors/issues/606)) ([fd57c7a](https://github.com/contentful/field-editors/commit/fd57c7a4312766af38c01507f17706ab22992617))
 ## [0.10.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.10.2...@contentful/field-editor-location@0.10.3) (2021-02-09)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.10.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.10.1...@contentful/field-editor-location@0.10.2) (2021-02-01)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.10.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.10.0...@contentful/field-editor-location@0.10.1) (2021-01-25)
 **Note:** Version bump only for package @contentful/field-editor-location
 # [0.10.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.9.0...@contentful/field-editor-location@0.10.0) (2021-01-20)
 ### Features
-* update minimal forma-36 versions to use updated design ([#565](https://github.com/contentful/field-editors/issues/565)) ([332c734](https://github.com/contentful/field-editors/commit/332c734bfaf54f0e9773fcbb460d743b1f5459ec))
+- update minimal forma-36 versions to use updated design ([#565](https://github.com/contentful/field-editors/issues/565)) ([332c734](https://github.com/contentful/field-editors/commit/332c734bfaf54f0e9773fcbb460d743b1f5459ec))
 # [0.9.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.8.6...@contentful/field-editor-location@0.9.0) (2021-01-12)
 ### Features
-* update minimal required Forma version to the 3.73.12 ([#552](https://github.com/contentful/field-editors/issues/552)) ([2816fd9](https://github.com/contentful/field-editors/commit/2816fd960c28815faebf49a9ef8f4c4c0d91fc36))
+- update minimal required Forma version to the 3.73.12 ([#552](https://github.com/contentful/field-editors/issues/552)) ([2816fd9](https://github.com/contentful/field-editors/commit/2816fd960c28815faebf49a9ef8f4c4c0d91fc36))
 ## [0.8.6](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.8.5...@contentful/field-editor-location@0.8.6) (2020-12-16)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.8.5](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.8.4...@contentful/field-editor-location@0.8.5) (2020-11-23)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.8.4](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.8.3...@contentful/field-editor-location@0.8.4) (2020-11-06)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.8.3](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.8.2...@contentful/field-editor-location@0.8.3) (2020-11-06)
 **Note:** Version bump only for package @contentful/field-editor-location
 ## [0.8.2](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.8.1...@contentful/field-editor-location@0.8.2) (2020-10-28)
 ### Bug Fixes
-* 🐛 isInitiallyDisabled being null in examples ([#414](https://github.com/contentful/field-editors/issues/414)) ([df53405](https://github.com/contentful/field-editors/commit/df534055cfa64c533725cb5bca392a0a82e54be6))
+- 🐛 isInitiallyDisabled being null in examples ([#414](https://github.com/contentful/field-editors/issues/414)) ([df53405](https://github.com/contentful/field-editors/commit/df534055cfa64c533725cb5bca392a0a82e54be6))
 ## [0.8.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-location@0.8.0...@contentful/field-editor-location@0.8.1) (2020-08-24)

package/README.md CHANGED Viewed

@@ -7,6 +7,5 @@ npm install @contentful/field-editor-location
 This package contains a React `LocationEditor` component that is used as a default for the `Location` field type in the Contentful web application.
 ```js
-import '@contentful/forma-36-react-components/dist/styles.css';
 import { LocationEditor } from '@contentful/field-editor-location';
 ```

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

@@ -11,8 +11,8 @@ var throttle = _interopDefault(require('lodash/throttle'));
 var fieldEditorShared = require('@contentful/field-editor-shared');
 var deepEqual = _interopDefault(require('deep-equal'));
 var emotion = require('emotion');
-var tokens = _interopDefault(require('@contentful/forma-36-tokens'));
-var forma36ReactComponents = require('@contentful/forma-36-react-components');
+var tokens = _interopDefault(require('@contentful/f36-tokens'));
+var f36Components = require('@contentful/f36-components');
 var GoogleMapReact = _interopDefault(require('google-map-react'));
 function _inheritsLoose(subClass, superClass) {
@@ -55,11 +55,11 @@ var styles = {
   validationMessage: /*#__PURE__*/emotion.css({
     marginTop: tokens.spacingS
   }),
-  suggesion: /*#__PURE__*/emotion.css({
+  suggestion: /*#__PURE__*/emotion.css({
     position: 'absolute',
-    bottom: '-65px',
+    transform: 'translateY(100%)',
+    bottom: 0,
     left: 0,
-    minWidth: '400px',
     zIndex: 1
   })
 };
@@ -91,9 +91,9 @@ function LocationSearchInput(props) {
     className: styles.root
   }, React__default.createElement("div", {
     className: styles.input
-  }, React__default.createElement(forma36ReactComponents.TextInput, {
+  }, React__default.createElement(f36Components.TextInput, {
     testId: "location-editor-search",
-    error: hasError,
+    isInvalid: hasError,
     placeholder: "Start typing to find location",
     value: address,
     onChange: function onChange(e) {
@@ -126,21 +126,21 @@ function LocationSearchInput(props) {
         }
       });
     },
-    disabled: props.disabled
-  }), isSearching && React__default.createElement(forma36ReactComponents.Spinner, {
-    size: "default",
+    isDisabled: props.disabled
+  }), isSearching && React__default.createElement(f36Components.Spinner, {
     className: styles.spinner
-  }), suggestion && React__default.createElement(forma36ReactComponents.Card, {
+  }), suggestion && React__default.createElement(f36Components.Card, {
     padding: "none",
-    className: styles.suggesion
-  }, React__default.createElement(forma36ReactComponents.DropdownList, null, React__default.createElement(forma36ReactComponents.DropdownListItem, {
+    className: styles.suggestion
+  }, React__default.createElement(f36Components.Button, {
+    variant: "transparent",
     testId: "location-editor-suggestion",
     onClick: function onClick() {
       setAddress(suggestion.address);
       props.onChangeLocation(suggestion.location);
       setSuggestion(null);
     }
-  }, suggestion.address))), hasError && React__default.createElement(forma36ReactComponents.ValidationMessage, {
+  }, suggestion.address)), hasError && React__default.createElement(f36Components.ValidationMessage, {
     testId: "location-editor-not-found",
     className: styles.validationMessage
   }, "No results found for ", React__default.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
@@ -180,35 +180,33 @@ function LocationSelector(props) {
     className: styles$1.root
   }, React__default.createElement("div", {
     className: styles$1.main
-  }, React__default.createElement(forma36ReactComponents.FieldGroup, {
-    row: true
-  }, React__default.createElement(forma36ReactComponents.RadioButtonField, {
-    labelText: "Address",
-    labelIsLight: true,
-    disabled: props.disabled,
+  }, React__default.createElement(f36Components.Flex, {
+    flexDirection: "row"
+  }, React__default.createElement(f36Components.Radio, {
+    className: emotion.css({
+      flexBasis: '100%'
+    }),
     id: ViewType.Address,
+    testId: "location-editor-address-radio",
+    isDisabled: props.disabled,
     value: ViewType.Address,
+    isChecked: props.view === ViewType.Address,
     onChange: function onChange() {
       props.onChangeView(ViewType.Address);
-    },
-    inputProps: {
-      testId: 'location-editor-address-radio'
-    },
-    checked: props.view === ViewType.Address
-  }), React__default.createElement(forma36ReactComponents.RadioButtonField, {
-    labelText: "Coordinates",
-    labelIsLight: true,
-    disabled: props.disabled,
+    }
+  }, "Address"), React__default.createElement(f36Components.Radio, {
+    className: emotion.css({
+      flexBasis: '100%'
+    }),
     id: ViewType.Coordinates,
+    testId: "location-editor-coordinates-radio",
+    isDisabled: props.disabled,
     value: ViewType.Coordinates,
+    isChecked: props.view === ViewType.Coordinates,
     onChange: function onChange() {
       props.onChangeView(ViewType.Coordinates);
-    },
-    inputProps: {
-      testId: 'location-editor-coordinates-radio'
-    },
-    checked: props.view === ViewType.Coordinates
-  })), props.view === ViewType.Address && React__default.createElement("div", {
+    }
+  }, "Coordinates")), props.view === ViewType.Address && React__default.createElement("div", {
     className: styles$1.inputsRow
   }, React__default.createElement(LocationSearchInput, {
     onSearchAddress: props.onSearchAddress,
@@ -222,11 +220,11 @@ function LocationSelector(props) {
     htmlFor: "latitude"
   }, "Latitude"), React__default.createElement("div", {
     className: styles$1.splitter
-  }), React__default.createElement(forma36ReactComponents.TextInput, {
+  }), React__default.createElement(f36Components.TextInput, {
     id: "latitude",
     testId: "location-editor-latitude",
     placeholder: "Between -90 and 90",
-    disabled: props.disabled,
+    isDisabled: props.disabled,
     value: props.value ? String(props.value.lat) : '',
     onChange: function onChange(e) {
       props.onChangeLocation({
@@ -244,11 +242,11 @@ function LocationSelector(props) {
     htmlFor: "longitude"
   }, "Longitude"), React__default.createElement("div", {
     className: styles$1.splitter
-  }), React__default.createElement(forma36ReactComponents.TextInput, {
+  }), React__default.createElement(f36Components.TextInput, {
     id: "longitude",
     testId: "location-editor-longitude",
     placeholder: "Between -180 and 180",
-    disabled: props.disabled,
+    isDisabled: props.disabled,
     value: props.value ? String(props.value.lng) : '',
     onChange: function onChange(e) {
       props.onChangeLocation({
@@ -262,8 +260,9 @@ function LocationSelector(props) {
     step: "0.1"
   }))), React__default.createElement("div", {
     className: styles$1.secondary
-  }, React__default.createElement(forma36ReactComponents.TextLink, {
-    disabled: props.disabled,
+  }, React__default.createElement(f36Components.TextLink, {
+    as: "button",
+    isDisabled: props.disabled,
     testId: "location-editor-clear",
     className: styles$1.clearBtn,
     onClick: function onClick() {

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/forma-36-tokens';\nimport {\n TextInput,\n Spinner,\n ValidationMessage,\n DropdownList,\n DropdownListItem,\n Card,\n} from '@contentful/forma-36-react-components';\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 suggesion: css({\n position: 'absolute',\n bottom: '-65px',\n left: 0,\n minWidth: '400px',\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 }, [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 error={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 disabled={props.disabled}\n />\n {isSearching && <Spinner size=\"default\" className={styles.spinner} />}\n {suggestion && (\n <Card padding=\"none\" className={styles.suggesion}>\n <DropdownList>\n <DropdownListItem\n testId=\"location-editor-suggestion\"\n onClick={() => {\n setAddress(suggestion.address);\n props.onChangeLocation(suggestion.location);\n setSuggestion(null);\n }}>\n {suggestion.address}\n </DropdownListItem>\n </DropdownList>\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/forma-36-tokens';\nimport {\n RadioButtonField,\n FieldGroup,\n TextInput,\n TextLink,\n} from '@contentful/forma-36-react-components';\nimport { LocationSearchInput } from './LocationSearchInput';\n\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 <FieldGroup row>\n <RadioButtonField\n labelText=\"Address\"\n labelIsLight\n disabled={props.disabled}\n id={ViewType.Address}\n value={ViewType.Address}\n onChange={() => {\n props.onChangeView(ViewType.Address);\n }}\n inputProps={{\n testId: 'location-editor-address-radio',\n }}\n checked={props.view === ViewType.Address}\n />\n <RadioButtonField\n labelText=\"Coordinates\"\n labelIsLight\n disabled={props.disabled}\n id={ViewType.Coordinates}\n value={ViewType.Coordinates}\n onChange={() => {\n props.onChangeView(ViewType.Coordinates);\n }}\n inputProps={{\n testId: 'location-editor-coordinates-radio',\n }}\n checked={props.view === ViewType.Coordinates}\n />\n </FieldGroup>\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 disabled={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 disabled={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 disabled={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 }\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 draggable: true,\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 @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","suggesion","bottom","left","minWidth","LocationSearchInput","props","React","useState","isSearching","setIsSearching","address","setAddress","hasError","setHasError","suggestion","setSuggestion","useEffect","onGetAddressFromLocation","value","then","disabled","className","TextInput","testId","error","placeholder","onChange","e","target","onChangeLocation","undefined","onSearchAddress","length","formatted_address","location","lat","Number","geometry","toString","slice","lng","Spinner","size","Card","padding","DropdownList","DropdownListItem","onClick","ValidationMessage","display","flexDirection","alignItems","main","flexGrow","secondary","textAlign","inputsRow","fontSize","fontSizeM","color","gray900","fontFamily","fontStackPrimary","splitter","spacingL","clearBtn","marginBottom","LocationSelector","FieldGroup","row","RadioButtonField","labelText","labelIsLight","id","Address","onChangeView","inputProps","checked","view","Coordinates","htmlFor","String","type","max","min","step","TextLink","height","BerlinLocation","GoogleMapView","event","maps","map","marker","Marker","getCenter","draggable","visible","Boolean","addListener","state","setPosition","latLng","setVisible","setState","onGoogleApiLoaded","componentDidUpdate","LatLng","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/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 }, [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 }\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 draggable: true,\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 @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","event","maps","map","marker","Marker","getCenter","draggable","visible","Boolean","addListener","state","setPosition","latLng","setVisible","setState","onGoogleApiLoaded","componentDidUpdate","LatLng","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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"}

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"),l=e(require("deep-equal")),r=require("emotion"),d=e(require("@contentful/forma-36-tokens")),c=require("@contentful/forma-36-react-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: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:d.spacingS}),suggesion:r.css({position:"absolute",bottom:"-65px",left:0,minWidth:"400px",zIndex:1})};function g(e){var t=o.useState(!1),a=t[0],n=t[1],s=o.useState(""),i=s[0],l=s[1],r=o.useState(!1),d=r[0],u=r[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){l(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",error:d,placeholder:"Start typing to find location",value:i,onChange:function(t){l(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)},disabled:e.disabled}),a&&o.createElement(c.Spinner,{size:"default",className:m.spinner}),g&&o.createElement(c.Card,{padding:"none",className:m.suggesion},o.createElement(c.DropdownList,null,o.createElement(c.DropdownListItem,{testId:"location-editor-suggestion",onClick:function(){l(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:r.css({display:"flex",flexDirection:"row",marginTop:d.spacingS,alignItems:"flex-end"}),main:r.css({flexGrow:1}),secondary:r.css({minWidth:"70px",textAlign:"right"}),inputsRow:r.css({display:"flex",marginTop:d.spacingS,fontSize:d.fontSizeM,color:d.gray900,fontFamily:d.fontStackPrimary,alignItems:"center"}),splitter:r.css({width:d.spacingL}),clearBtn:r.css({marginBottom:d.spacingS})};function v(e){return o.createElement("div",{className:f.root},o.createElement("div",{className:f.main},o.createElement(c.FieldGroup,{row:!0},o.createElement(c.RadioButtonField,{labelText:"Address",labelIsLight:!0,disabled:e.disabled,id:t.Address,value:t.Address,onChange:function(){e.onChangeView(t.Address)},inputProps:{testId:"location-editor-address-radio"},checked:e.view===t.Address}),o.createElement(c.RadioButtonField,{labelText:"Coordinates",labelIsLight:!0,disabled:e.disabled,id:t.Coordinates,value:t.Coordinates,onChange:function(){e.onChangeView(t.Coordinates)},inputProps:{testId:"location-editor-coordinates-radio"},checked:e.view===t.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",disabled: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",disabled: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,{disabled:e.disabled,testId:"location-editor-clear",className:f.clearBtn,onClick:function(){e.onChangeLocation(void 0)}},"Clear")))}var h={root:r.css({height:"300px",width:"100%"})},b={lat:52.5018,lng:13.41115439},L=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(),draggable:!0,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)},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 C(e){return e&&n(e.lat)&&n(e.lng)?{lat:e.lat,lon:e.lng}:null}var E=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(L,{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(C(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(C(t))},onSearchAddress:this.onSearchAddress,onGetAddressFromLocation:this.onGetAddressFromLocation}))},t}(a.Component);function y(e){var o=e.field,n=e.parameters?e.parameters.instance.googleMapsKey:void 0,s=a.useState(t.Address),r=s[0],d=s[1];return a.createElement(i.FieldConnector,{isEqualValues:function(e,t){return l(e,t)},field:o,isInitiallyDisabled:e.isInitiallyDisabled},(function(e){return a.createElement(E,{key:"location-editor-"+e.externalReset,value:e.value,disabled:e.disabled,setValue:e.setValue,googleMapsKey:n,selectedView:r,setSelectedView:d})}))}y.defaultProps={isInitiallyDisabled:!0},exports.LocationEditor=y;
+"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"),n=e(a),o=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=n.useState(!1),a=t[0],o=t[1],s=n.useState(""),i=s[0],r=s[1],l=n.useState(!1),d=l[0],u=l[1],p=n.useState(null),g=p[0],f=p[1];return n.useEffect((function(){o(!0),e.onGetAddressFromLocation(e.value,i).then((function(e){r(e),o(!1)}))}),[e.value,e.disabled]),n.createElement("div",{className:m.root},n.createElement("div",{className:m.input},n.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?(o(!0),e.onSearchAddress(t.target.value).then((function(e){o(!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&&n.createElement(c.Spinner,{className:m.spinner}),g&&n.createElement(c.Card,{padding:"none",className:m.suggestion},n.createElement(c.Button,{variant:"transparent",testId:"location-editor-suggestion",onClick:function(){r(g.address),e.onChangeLocation(g.location),f(null)}},g.address)),d&&n.createElement(c.ValidationMessage,{testId:"location-editor-not-found",className:m.validationMessage},"No results found for ",n.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 n.createElement("div",{className:f.root},n.createElement("div",{className:f.main},n.createElement(c.Flex,{flexDirection:"row"},n.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"),n.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&&n.createElement("div",{className:f.inputsRow},n.createElement(g,{onSearchAddress:e.onSearchAddress,onGetAddressFromLocation:e.onGetAddressFromLocation,disabled:e.disabled,value:e.value,onChangeLocation:e.onChangeLocation})),e.view===t.Coordinates&&n.createElement("div",{className:f.inputsRow},n.createElement("label",{htmlFor:"latitude"},"Latitude"),n.createElement("div",{className:f.splitter}),n.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"}),n.createElement("div",{className:f.splitter}),n.createElement("label",{htmlFor:"longitude"},"Longitude"),n.createElement("div",{className:f.splitter}),n.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"}))),n.createElement("div",{className:f.secondary},n.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,n=e.map,o=new t.Marker({map:n,position:n.getCenter(),draggable:!0,visible:Boolean(a.props.location)});t.event.addListener(n,"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(o,"dragend",(function(e){a.props.onChangeLocation({lat:e.latLng.lat(),lng:e.latLng.lng()})})),a.setState({marker:o,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)},a.render=function(){return n.createElement("div",{className:h.root},n.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}(n.Component);function L(e){return e&&o(e.lat)&&o(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 n=a.state.mapsObject;return new Promise((function(a){(new n.Geocoder).geocode({location:e},(function(e){if(e&&e.length>0){var n=e.map((function(e){return e.formatted_address}));a(n.find((function(e){return e===t}))||n[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,n=t.mapsObject,o=t.localValue;return a.createElement("div",{"data-test-id":"location-editor"},a.createElement(C,{disabled:this.props.disabled||null===n,googleMapsKey:this.props.googleMapsKey,location:o,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===n,value:o,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 n=e.field,o=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:n,isInitiallyDisabled:e.isInitiallyDisabled},(function(e){return a.createElement(y,{key:"location-editor-"+e.externalReset,value:e.value,disabled:e.disabled,setValue:e.setValue,googleMapsKey:o,selectedView:l,setSelectedView:d})}))}E.defaultProps={isInitiallyDisabled:!0},exports.LocationEditor=E;
 //# sourceMappingURL=field-editor-location.cjs.production.min.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"field-editor-location.cjs.production.min.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/forma-36-tokens';\nimport {\n TextInput,\n Spinner,\n ValidationMessage,\n DropdownList,\n DropdownListItem,\n Card,\n} from '@contentful/forma-36-react-components';\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 suggesion: css({\n position: 'absolute',\n bottom: '-65px',\n left: 0,\n minWidth: '400px',\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 }, [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 error={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 disabled={props.disabled}\n />\n {isSearching && <Spinner size=\"default\" className={styles.spinner} />}\n {suggestion && (\n <Card padding=\"none\" className={styles.suggesion}>\n <DropdownList>\n <DropdownListItem\n testId=\"location-editor-suggestion\"\n onClick={() => {\n setAddress(suggestion.address);\n props.onChangeLocation(suggestion.location);\n setSuggestion(null);\n }}>\n {suggestion.address}\n </DropdownListItem>\n </DropdownList>\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/forma-36-tokens';\nimport {\n RadioButtonField,\n FieldGroup,\n TextInput,\n TextLink,\n} from '@contentful/forma-36-react-components';\nimport { LocationSearchInput } from './LocationSearchInput';\n\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 <FieldGroup row>\n <RadioButtonField\n labelText=\"Address\"\n labelIsLight\n disabled={props.disabled}\n id={ViewType.Address}\n value={ViewType.Address}\n onChange={() => {\n props.onChangeView(ViewType.Address);\n }}\n inputProps={{\n testId: 'location-editor-address-radio',\n }}\n checked={props.view === ViewType.Address}\n />\n <RadioButtonField\n labelText=\"Coordinates\"\n labelIsLight\n disabled={props.disabled}\n id={ViewType.Coordinates}\n value={ViewType.Coordinates}\n onChange={() => {\n props.onChangeView(ViewType.Coordinates);\n }}\n inputProps={{\n testId: 'location-editor-coordinates-radio',\n }}\n checked={props.view === ViewType.Coordinates}\n />\n </FieldGroup>\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 disabled={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 disabled={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 disabled={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 }\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 draggable: true,\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 @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","suggesion","bottom","left","minWidth","LocationSearchInput","props","React","useState","isSearching","setIsSearching","address","setAddress","hasError","setHasError","suggestion","setSuggestion","useEffect","onGetAddressFromLocation","value","then","disabled","className","TextInput","testId","error","placeholder","onChange","e","target","onSearchAddress","length","formatted_address","location","lat","Number","geometry","toString","slice","lng","onChangeLocation","undefined","Spinner","size","Card","padding","DropdownList","DropdownListItem","onClick","ValidationMessage","display","flexDirection","alignItems","main","flexGrow","secondary","textAlign","inputsRow","fontSize","fontSizeM","color","gray900","fontFamily","fontStackPrimary","splitter","spacingL","clearBtn","marginBottom","LocationSelector","FieldGroup","row","RadioButtonField","labelText","labelIsLight","id","Address","onChangeView","inputProps","checked","view","Coordinates","htmlFor","String","type","max","min","step","TextLink","height","BerlinLocation","GoogleMapView","event","maps","map","marker","Marker","getCenter","draggable","visible","Boolean","_this","addListener","state","setPosition","latLng","setVisible","setState","onGoogleApiLoaded","componentDidUpdate","this","LatLng","render","GoogleMapReact","bootstrapURLKeys","googleMapsKey","key","defaultCenter","center","options","scrollwheel","mapTypeId","defaultZoom","yesIWantToUseGoogleMapApiInternals","Component","toLocationValue","coords","isNumber","lon","LocationEditor","throttle","mapsObject","Promise","resolve","Geocoder","geocode","result","addresses","item","find","localValue","_this2","setValue","selectedView","setSelectedView","LocationEditorConnected","field","parameters","instance","FieldConnector","isEqualValues","value1","value2","deepEqual","isInitiallyDisabled","externalReset","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"field-editor-location.cjs.production.min.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 }, [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 }\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 draggable: true,\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 @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","onSearchAddress","length","formatted_address","location","lat","Number","geometry","toString","slice","lng","onChangeLocation","undefined","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","event","maps","map","marker","Marker","getCenter","draggable","visible","Boolean","_this","addListener","state","setPosition","latLng","setVisible","setState","onGoogleApiLoaded","componentDidUpdate","this","LatLng","render","GoogleMapReact","bootstrapURLKeys","googleMapsKey","key","defaultCenter","center","options","scrollwheel","mapTypeId","defaultZoom","yesIWantToUseGoogleMapApiInternals","Component","toLocationValue","coords","isNumber","lon","LocationEditor","throttle","mapsObject","Promise","resolve","Geocoder","geocode","result","addresses","item","find","localValue","_this2","setValue","selectedView","setSelectedView","LocationEditorConnected","field","parameters","instance","FieldConnector","isEqualValues","value1","value2","deepEqual","isInitiallyDisabled","externalReset","defaultProps"],"mappings":"8IAKYA,+bAAZ,SAAYA,GACVA,oBACAA,4BAFF,CAAYA,IAAAA,OCGZ,IAAMC,EAAS,CACbC,KAAMC,MAAI,CACRC,MAAO,SAETC,MAAOF,MAAI,CACTG,SAAU,WACVF,MAAO,SAETG,QAASJ,MAAI,CACXG,SAAU,WACVE,MAAO,GACPC,IAAK,GACLC,OAAQ,KAEVC,kBAAmBR,MAAI,CACrBS,UAAWC,EAAOC,WAEpBC,WAAYZ,MAAI,CACdG,SAAU,WACVU,UAAW,mBACXC,OAAQ,EACRC,KAAM,EACNR,OAAQ,cAYIS,EAAoBC,SACIC,EAAMC,UAAkB,GAAvDC,OAAaC,SACUH,EAAMC,SAAiB,IAA9CG,OAASC,SACgBL,EAAMC,UAAkB,GAAjDK,OAAUC,SAEfP,EAAMC,SAGH,MAJEP,OAAYc,cAMnBR,EAAMS,WAAU,WACdN,GAAe,GACfJ,EAAMW,yBAAyBX,EAAMY,MAAOP,GAASQ,MAAK,SAACR,GACzDC,EAAWD,GACXD,GAAe,QAEhB,CAACJ,EAAMY,MAAOZ,EAAMc,WAGrBb,uBAAKc,UAAWlC,EAAOC,MACrBmB,uBAAKc,UAAWlC,EAAOI,OACrBgB,gBAACe,aACCC,OAAO,yBACPC,UAAWX,EACXY,YAAY,gCACZP,MAAOP,EACPe,SAAU,SAACC,GACTf,EAAWe,EAAEC,OAAOV,OACpBJ,GAAY,GACZC,EAAc,MAES,KAAnBY,EAAEC,OAAOV,OAKbR,GAAe,GACfJ,EAAMuB,gBAAgBF,EAAEC,OAAOV,OAAOC,MAAK,SAACD,GAC1CR,GAAe,GACD,OAAVQ,EACFJ,GAAY,GACc,IAAjBI,EAAMY,OACfhB,GAAY,IAEZA,GAAY,GACZC,EAAc,CACZJ,QAASO,EAAM,GAAGa,kBAClBC,SAAU,CACRC,IAAKC,OAAOhB,EAAM,GAAGiB,SAASH,SAASC,MAAMG,WAAWC,MAAM,EAAG,IACjEC,IAAKJ,OAAOhB,EAAM,GAAGiB,SAASH,SAASM,MAAMF,WAAWC,MAAM,EAAG,YAjBvE/B,EAAMiC,sBAAiBC,IAuB3BC,WAAYnC,EAAMc,WAEnBX,GAAeF,gBAACmC,WAAQrB,UAAWlC,EAAOM,UAC1CQ,GACCM,gBAACoC,QAAKC,QAAQ,OAAOvB,UAAWlC,EAAOc,YACrCM,gBAACsC,UACCC,QAAQ,cACRvB,OAAO,6BACPwB,QAAS,WACPnC,EAAWX,EAAWU,SACtBL,EAAMiC,iBAAiBtC,EAAW+B,UAClCjB,EAAc,QAEfd,EAAWU,UAIjBE,GACCN,gBAACyC,qBACCzB,OAAO,4BACPF,UAAWlC,EAAOU,2CACGU,8BAASI,kECnGpCxB,EAAS,CACbC,KAAMC,MAAI,CACR4D,QAAS,OACTC,cAAe,MACfpD,UAAWC,EAAOC,SAClBmD,WAAY,aAEdC,KAAM/D,MAAI,CACRgE,SAAU,IAEZC,UAAWjE,MAAI,CACbkE,SAAU,OACVC,UAAW,UAEbC,UAAWpE,MAAI,CACb4D,QAAS,OACTnD,UAAWC,EAAOC,SAClB0D,SAAU3D,EAAO4D,UACjBC,MAAO7D,EAAO8D,QACdC,WAAY/D,EAAOgE,iBACnBZ,WAAY,WAEda,SAAU3E,MAAI,CACZC,MAAOS,EAAOkE,WAEhBC,SAAU7E,MAAI,CACZ8E,aAAcpE,EAAOC,qBAIToE,EAAiB9D,UAE7BC,uBAAKc,UAAWlC,EAAOC,MACrBmB,uBAAKc,UAAWlC,EAAOiE,MACrB7C,gBAAC8D,QAAKnB,cAAc,OAClB3C,gBAAC+D,SACCjD,UAAWhC,MAAI,CAAEkF,UAAW,SAC5BC,GAAItF,EAASuF,QACblD,OAAO,gCACPkB,WAAYnC,EAAMc,SAClBF,MAAOhC,EAASuF,QAChBC,UAAWpE,EAAMqE,OAASzF,EAASuF,QACnC/C,SAAU,WACRpB,EAAMsE,aAAa1F,EAASuF,sBAIhClE,gBAAC+D,SACCjD,UAAWhC,MAAI,CAAEkF,UAAW,SAC5BC,GAAItF,EAAS2F,YACbtD,OAAO,oCACPkB,WAAYnC,EAAMc,SAClBF,MAAOhC,EAAS2F,YAChBH,UAAWpE,EAAMqE,OAASzF,EAAS2F,YACnCnD,SAAU,WACRpB,EAAMsE,aAAa1F,EAAS2F,+BAKjCvE,EAAMqE,OAASzF,EAASuF,SACvBlE,uBAAKc,UAAWlC,EAAOsE,WACrBlD,gBAACF,GACCwB,gBAAiBvB,EAAMuB,gBACvBZ,yBAA0BX,EAAMW,yBAChCG,SAAUd,EAAMc,SAChBF,MAAOZ,EAAMY,MACbqB,iBAAkBjC,EAAMiC,oBAI7BjC,EAAMqE,OAASzF,EAAS2F,aACvBtE,uBAAKc,UAAWlC,EAAOsE,WACrBlD,yBAAOuE,QAAQ,wBACfvE,uBAAKc,UAAWlC,EAAO6E,WACvBzD,gBAACe,aACCkD,GAAG,WACHjD,OAAO,2BACPE,YAAY,qBACZgB,WAAYnC,EAAMc,SAClBF,MAAOZ,EAAMY,MAAQ6D,OAAOzE,EAAMY,MAAMe,KAAO,GAC/CP,SAAU,SAACC,GACTrB,EAAMiC,iBAAiB,CACrBD,IAAKhC,EAAMY,YAA6BsB,IAApBlC,EAAMY,MAAMoB,IAAoBhC,EAAMY,MAAMoB,IAAM,EACtEL,IAAKC,OAAOP,EAAEC,OAAOV,QAAU,KAGnC8D,KAAK,SACLC,IAAI,KACJC,IAAI,MACJC,KAAK,QAEP5E,uBAAKc,UAAWlC,EAAO6E,WACvBzD,yBAAOuE,QAAQ,0BACfvE,uBAAKc,UAAWlC,EAAO6E,WACvBzD,gBAACe,aACCkD,GAAG,YACHjD,OAAO,4BACPE,YAAY,uBACZgB,WAAYnC,EAAMc,SAClBF,MAAOZ,EAAMY,MAAQ6D,OAAOzE,EAAMY,MAAMoB,KAAO,GAC/CZ,SAAU,SAACC,GACTrB,EAAMiC,iBAAiB,CACrBN,IAAK3B,EAAMY,YAA6BsB,IAApBlC,EAAMY,MAAMe,IAAoB3B,EAAMY,MAAMe,IAAM,EACtEK,IAAKJ,OAAOP,EAAEC,OAAOV,QAAU,KAGnC8D,KAAK,SACLC,IAAI,MACJC,IAAI,OACJC,KAAK,UAKb5E,uBAAKc,UAAWlC,EAAOmE,WACrB/C,gBAAC6E,YACCC,GAAG,SACH5C,WAAYnC,EAAMc,SAClBG,OAAO,wBACPF,UAAWlC,EAAO+E,SAClBnB,QAAS,WACPzC,EAAMiC,sBAAiBC,oBCtI7BrD,EAAS,CACbC,KAAMC,MAAI,CACRiG,OAAQ,QACRhG,MAAO,UAILiG,EAAiB,CACrBtD,IAAK,QACLK,IAAK,aAgBMkD,yBACClF,8BACJA,4BAmBY,SAACmF,OACXC,EAAcD,EAAdC,KAAMC,EAAQF,EAARE,IACRC,EAAS,IAAIF,EAAKG,OAAO,CAC7BF,IAAAA,EACAnG,SAAUmG,EAAIG,YACdC,WAAW,EACXC,QAASC,QAAQC,EAAK5F,MAAM0B,YAG9B0D,EAAKD,MAAMU,YAAYR,EAAK,SAAS,SAACF,IAChCS,EAAK5F,MAAMc,UAAa8E,EAAKE,MAAMR,QAAWM,EAAKE,MAAMV,SAGxDU,MAAMR,OAAOS,YAAYZ,EAAMa,UAC/BF,MAAMR,OAAOW,YAAW,KACxBjG,MAAMiC,iBAAiB,CAC1BN,IAAKwD,EAAMa,OAAOrE,MAClBK,IAAKmD,EAAMa,OAAOhE,YAItBoD,EAAKD,MAAMU,YAAYP,EAAQ,WAAW,SAACH,KACpCnF,MAAMiC,iBAAiB,CAC1BN,IAAKwD,EAAMa,OAAOrE,MAClBK,IAAKmD,EAAMa,OAAOhE,aAGjBkE,SAAS,CAAEZ,OAAAA,EAAQF,KAAAA,IAAQ,aACzBpF,MAAMmG,kBAAkB,CAAEf,KAAAA,UA9C5BU,MAAQ,CACXR,YAAQpD,EACRkD,UAAMlD,uCAIVkE,mBAAA,cACMC,KAAKP,MAAMR,QAAUe,KAAKP,MAAMV,QAC9BiB,KAAKrG,MAAM0B,SAAU,KACjBsE,EAAS,IAAIK,KAAKP,MAAMV,KAAKkB,OAAOD,KAAKrG,MAAM0B,SAASC,IAAK0E,KAAKrG,MAAM0B,SAASM,UAClF8D,MAAMR,OAAOS,YAAYC,QACzBF,MAAMR,OAAOW,YAAW,aAExBH,MAAMR,OAAOW,YAAW,MAqCnCM,OAAA,kBAEItG,uBAAKc,UAAWlC,EAAOC,MACrBmB,gBAACuG,GACCf,WAAYY,KAAKrG,MAAMc,SACvB2F,iBACEJ,KAAKrG,MAAM0G,cAAgB,CAAEC,IAAKN,KAAKrG,MAAM0G,oBAAkBxE,EAEjE0E,cAAe3B,EACf4B,OAAQR,KAAKrG,MAAM0B,SACnBoF,QAAS,CACPC,aAAa,EACbC,UAAW,WAEbC,YAAa,EACbC,sCACAf,kBAAmBE,KAAKF,yBArEClG,EAAMkH,WCazC,SAASC,EAAgBC,UACnBA,GAAUC,EAASD,EAAO1F,MAAQ2F,EAASD,EAAOrF,KAC7C,CAAEL,IAAK0F,EAAO1F,IAAK4F,IAAKF,EAAOrF,KAE/B,SAIEwF,yBAOCxH,8BACJA,0BAc0DyH,GAAS,SAAC7G,OACrEgF,EAAKE,MAAM4B,kBACPC,QAAQC,QAAQ,UAEjBF,EAAe9B,EAAKE,MAApB4B,kBACH9G,EAGE,IAAI+G,SAAQ,SAACC,IACD,IAAIF,EAAWG,UACvBC,QAAQ,CAAEzH,QAASO,GAASgH,GAAS,WAC5CA,EAAQ,YALHD,QAAQC,QAAQ,QAQxB,gCAEwB,SAAClG,EAA8Bd,OACnDgF,EAAKE,MAAM4B,aAAehG,SACtBiG,QAAQC,QAAQ,QAEjBF,EAAe9B,EAAKE,MAApB4B,kBACD,IAAIC,SAAQ,SAACC,IACD,IAAIF,EAAWG,UACvBC,QACP,CAAEpG,SAAAA,IACF,SAACqG,MACKA,GAAUA,EAAOvG,OAAS,EAAG,KACzBwG,EAAYD,EAAO1C,KAAI,SAAC4C,UAASA,EAAKxG,qBAC5CmG,EAAQI,EAAUE,MAAK,SAACD,UAASA,IAASrH,MAAUoH,EAAU,SAE9DJ,EAAQ,OAGZ,WACEA,EAAQ,aA9CT9B,MAAQ,CACXqC,WAAYnI,EAAMY,MACd,CACEoB,IAAKhC,EAAMY,MAAM2G,IACjB5F,IAAK3B,EAAMY,MAAMe,UAEnBO,EACJwF,WAAY,kCA6ChBnB,OAAA,wBACqCF,KAAKP,MAAhC4B,IAAAA,WAAYS,IAAAA,kBAGlBlI,sCAAkB,mBAChBA,gBAACiF,GACCpE,SAAUuF,KAAKrG,MAAMc,UAA2B,OAAf4G,EACjChB,cAAeL,KAAKrG,MAAM0G,cAC1BhF,SAAUyG,EACVhC,kBAAmB,YACjBiC,EAAKlC,SAAS,CAAEwB,aADItC,QAGtBnD,iBAAkB,SAACoF,GACjBe,EAAKlC,SAAS,CAAEiC,WAAYd,IAC5Be,EAAKpI,MAAMqI,SAASjB,EAAgBC,OAGxCpH,gBAAC6D,GACChD,SAAUuF,KAAKrG,MAAMc,UAA2B,OAAf4G,EACjC9G,MAAOuH,EACP9D,KAAMgC,KAAKrG,MAAMsI,aACjBhE,aAAc,SAACD,GACb+D,EAAKpI,MAAMuI,gBAAgBlE,IAE7BpC,iBAAkB,SAACoF,GACjBe,EAAKlC,SAAS,CAAEiC,WAAYd,IAC5Be,EAAKpI,MAAMqI,SAASjB,EAAgBC,KAEtC9F,gBAAiB8E,KAAK9E,gBACtBZ,yBAA0B0F,KAAK1F,gCA3FLV,sBAkGpBuI,EAAwBxI,OAC9ByI,EAAUzI,EAAVyI,MACF/B,EAAgB1G,EAAM0I,WAAa1I,EAAM0I,WAAWC,SAASjC,mBAAgBxE,IAC3CjC,WAAyBrB,EAASuF,SAAnEmE,OAAcC,cAGnBtI,gBAAC2I,kBACCC,cAAe,SAACC,EAAQC,UACfC,EAAUF,EAAQC,IAE3BN,MAAOA,EACPQ,oBAAqBjJ,EAAMiJ,sBAC1B,mBAEGhJ,gBAACuH,GAECb,yBAJyBuC,cAKzBtI,QALFA,MAMEE,WANKA,SAOLuH,WAPeA,SAQf3B,cAAeA,EACf4B,aAAcA,EACdC,gBAAiBA,OAQ7BC,EAAwBW,aAAe,CACrCF,qBAAqB,0BCpLOT"}

package/dist/field-editor-location.esm.js CHANGED Viewed

@@ -4,8 +4,8 @@ import throttle from 'lodash-es/throttle';
 import { FieldConnector } from '@contentful/field-editor-shared';
 import deepEqual from 'deep-equal';
 import { css } from 'emotion';
-import tokens from '@contentful/forma-36-tokens';
-import { TextInput, Spinner, Card, DropdownList, DropdownListItem, ValidationMessage, FieldGroup, RadioButtonField, TextLink } from '@contentful/forma-36-react-components';
+import tokens from '@contentful/f36-tokens';
+import { TextInput, Spinner, Card, Button, ValidationMessage, Flex, Radio, TextLink } from '@contentful/f36-components';
 import GoogleMapReact from 'google-map-react';
 function _inheritsLoose(subClass, superClass) {
@@ -48,11 +48,11 @@ var styles = {
   validationMessage: /*#__PURE__*/css({
     marginTop: tokens.spacingS
   }),
-  suggesion: /*#__PURE__*/css({
+  suggestion: /*#__PURE__*/css({
     position: 'absolute',
-    bottom: '-65px',
+    transform: 'translateY(100%)',
+    bottom: 0,
     left: 0,
-    minWidth: '400px',
     zIndex: 1
   })
 };
@@ -86,7 +86,7 @@ function LocationSearchInput(props) {
     className: styles.input
   }, React__default.createElement(TextInput, {
     testId: "location-editor-search",
-    error: hasError,
+    isInvalid: hasError,
     placeholder: "Start typing to find location",
     value: address,
     onChange: function onChange(e) {
@@ -119,21 +119,21 @@ function LocationSearchInput(props) {
         }
       });
     },
-    disabled: props.disabled
+    isDisabled: props.disabled
   }), isSearching && React__default.createElement(Spinner, {
-    size: "default",
     className: styles.spinner
   }), suggestion && React__default.createElement(Card, {
     padding: "none",
-    className: styles.suggesion
-  }, React__default.createElement(DropdownList, null, React__default.createElement(DropdownListItem, {
+    className: styles.suggestion
+  }, React__default.createElement(Button, {
+    variant: "transparent",
     testId: "location-editor-suggestion",
     onClick: function onClick() {
       setAddress(suggestion.address);
       props.onChangeLocation(suggestion.location);
       setSuggestion(null);
     }
-  }, suggestion.address))), hasError && React__default.createElement(ValidationMessage, {
+  }, suggestion.address)), hasError && React__default.createElement(ValidationMessage, {
     testId: "location-editor-not-found",
     className: styles.validationMessage
   }, "No results found for ", React__default.createElement("strong", null, address), ". Please make sure that address is spelled correctly.")));
@@ -173,35 +173,33 @@ function LocationSelector(props) {
     className: styles$1.root
   }, React__default.createElement("div", {
     className: styles$1.main
-  }, React__default.createElement(FieldGroup, {
-    row: true
-  }, React__default.createElement(RadioButtonField, {
-    labelText: "Address",
-    labelIsLight: true,
-    disabled: props.disabled,
+  }, React__default.createElement(Flex, {
+    flexDirection: "row"
+  }, React__default.createElement(Radio, {
+    className: css({
+      flexBasis: '100%'
+    }),
     id: ViewType.Address,
+    testId: "location-editor-address-radio",
+    isDisabled: props.disabled,
     value: ViewType.Address,
+    isChecked: props.view === ViewType.Address,
     onChange: function onChange() {
       props.onChangeView(ViewType.Address);
-    },
-    inputProps: {
-      testId: 'location-editor-address-radio'
-    },
-    checked: props.view === ViewType.Address
-  }), React__default.createElement(RadioButtonField, {
-    labelText: "Coordinates",
-    labelIsLight: true,
-    disabled: props.disabled,
+    }
+  }, "Address"), React__default.createElement(Radio, {
+    className: css({
+      flexBasis: '100%'
+    }),
     id: ViewType.Coordinates,
+    testId: "location-editor-coordinates-radio",
+    isDisabled: props.disabled,
     value: ViewType.Coordinates,
+    isChecked: props.view === ViewType.Coordinates,
     onChange: function onChange() {
       props.onChangeView(ViewType.Coordinates);
-    },
-    inputProps: {
-      testId: 'location-editor-coordinates-radio'
-    },
-    checked: props.view === ViewType.Coordinates
-  })), props.view === ViewType.Address && React__default.createElement("div", {
+    }
+  }, "Coordinates")), props.view === ViewType.Address && React__default.createElement("div", {
     className: styles$1.inputsRow
   }, React__default.createElement(LocationSearchInput, {
     onSearchAddress: props.onSearchAddress,
@@ -219,7 +217,7 @@ function LocationSelector(props) {
     id: "latitude",
     testId: "location-editor-latitude",
     placeholder: "Between -90 and 90",
-    disabled: props.disabled,
+    isDisabled: props.disabled,
     value: props.value ? String(props.value.lat) : '',
     onChange: function onChange(e) {
       props.onChangeLocation({
@@ -241,7 +239,7 @@ function LocationSelector(props) {
     id: "longitude",
     testId: "location-editor-longitude",
     placeholder: "Between -180 and 180",
-    disabled: props.disabled,
+    isDisabled: props.disabled,
     value: props.value ? String(props.value.lng) : '',
     onChange: function onChange(e) {
       props.onChangeLocation({
@@ -256,7 +254,8 @@ function LocationSelector(props) {
   }))), React__default.createElement("div", {
     className: styles$1.secondary
   }, React__default.createElement(TextLink, {
-    disabled: props.disabled,
+    as: "button",
+    isDisabled: props.disabled,
     testId: "location-editor-clear",
     className: styles$1.clearBtn,
     onClick: function onClick() {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"field-editor-location.esm.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/forma-36-tokens';\nimport {\n TextInput,\n Spinner,\n ValidationMessage,\n DropdownList,\n DropdownListItem,\n Card,\n} from '@contentful/forma-36-react-components';\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 suggesion: css({\n position: 'absolute',\n bottom: '-65px',\n left: 0,\n minWidth: '400px',\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 }, [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 error={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 disabled={props.disabled}\n />\n {isSearching && <Spinner size=\"default\" className={styles.spinner} />}\n {suggestion && (\n <Card padding=\"none\" className={styles.suggesion}>\n <DropdownList>\n <DropdownListItem\n testId=\"location-editor-suggestion\"\n onClick={() => {\n setAddress(suggestion.address);\n props.onChangeLocation(suggestion.location);\n setSuggestion(null);\n }}>\n {suggestion.address}\n </DropdownListItem>\n </DropdownList>\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/forma-36-tokens';\nimport {\n RadioButtonField,\n FieldGroup,\n TextInput,\n TextLink,\n} from '@contentful/forma-36-react-components';\nimport { LocationSearchInput } from './LocationSearchInput';\n\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 <FieldGroup row>\n <RadioButtonField\n labelText=\"Address\"\n labelIsLight\n disabled={props.disabled}\n id={ViewType.Address}\n value={ViewType.Address}\n onChange={() => {\n props.onChangeView(ViewType.Address);\n }}\n inputProps={{\n testId: 'location-editor-address-radio',\n }}\n checked={props.view === ViewType.Address}\n />\n <RadioButtonField\n labelText=\"Coordinates\"\n labelIsLight\n disabled={props.disabled}\n id={ViewType.Coordinates}\n value={ViewType.Coordinates}\n onChange={() => {\n props.onChangeView(ViewType.Coordinates);\n }}\n inputProps={{\n testId: 'location-editor-coordinates-radio',\n }}\n checked={props.view === ViewType.Coordinates}\n />\n </FieldGroup>\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 disabled={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 disabled={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 disabled={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 }\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 draggable: true,\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 @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","suggesion","bottom","left","minWidth","LocationSearchInput","props","React","useState","isSearching","setIsSearching","address","setAddress","hasError","setHasError","suggestion","setSuggestion","useEffect","onGetAddressFromLocation","value","then","disabled","className","TextInput","testId","error","placeholder","onChange","e","target","onChangeLocation","undefined","onSearchAddress","length","formatted_address","location","lat","Number","geometry","toString","slice","lng","Spinner","size","Card","padding","DropdownList","DropdownListItem","onClick","ValidationMessage","display","flexDirection","alignItems","main","flexGrow","secondary","textAlign","inputsRow","fontSize","fontSizeM","color","gray900","fontFamily","fontStackPrimary","splitter","spacingL","clearBtn","marginBottom","LocationSelector","FieldGroup","row","RadioButtonField","labelText","labelIsLight","id","Address","onChangeView","inputProps","checked","view","Coordinates","htmlFor","String","type","max","min","step","TextLink","height","BerlinLocation","GoogleMapView","event","maps","map","marker","Marker","getCenter","draggable","visible","Boolean","addListener","state","setPosition","latLng","setVisible","setState","onGoogleApiLoaded","componentDidUpdate","LatLng","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.esm.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 }, [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 }\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 draggable: true,\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 @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","event","maps","map","marker","Marker","getCenter","draggable","visible","Boolean","addListener","state","setPosition","latLng","setVisible","setState","onGoogleApiLoaded","componentDidUpdate","LatLng","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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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-location",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "main": "dist/index.js",
   "module": "dist/field-editor-location.esm.js",
   "typings": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "tsc": "tsc -p ./ --noEmit"
   },
   "dependencies": {
-    "@contentful/field-editor-shared": "^0.25.1",
-    "@contentful/forma-36-react-components": "^3.93.4",
-    "@contentful/forma-36-tokens": "^0.11.0",
+    "@contentful/f36-components": "beta",
+    "@contentful/f36-tokens": "beta",
+    "@contentful/field-editor-shared": "^0.26.0",
     "@types/google-map-react": "1.1.8",
     "deep-equal": "2.0.5",
     "emotion": "^10.0.17",
@@ -30,7 +30,7 @@
     "lodash-es": "^4.17.15"
   },
   "devDependencies": {
-    "@contentful/field-editor-test-utils": "^0.18.1"
+    "@contentful/field-editor-test-utils": "^0.19.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
@@ -45,5 +45,5 @@
       }
     }
   },
-  "gitHead": "422234c47b3637970eea4501d095d2914c88b855"
+  "gitHead": "f86ba28db3f34cffc0dc2580bf21297542f331c9"
 }