npm - @contentful/field-editor-location - Versions diffs - 1.2.2 → 1.2.3 - Mend

@contentful/field-editor-location 1.2.2 → 1.2.3

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 (8) hide show

package/CHANGELOG.md +4 -0
package/dist/field-editor-location.cjs.development.js +110 -158
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 +110 -158
package/dist/field-editor-location.esm.js.map +1 -1
package/package.json +4 -4

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/GoogleMapView.tsx","../src/LocationSearchInput.tsx","../src/types.ts","../src/LocationSelector.tsx","../src/LocationEditor.tsx","../src/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport React from 'react';\n\nimport { css } from 'emotion';\nimport GoogleMapReact from 'google-map-react';\n\nimport { Coords } from './types';\n\nconst styles = {\n root: css({\n height: '300px',\n width: '100%',\n }),\n};\n\nconst BerlinLocation = {\n lat: 52.5018,\n lng: 13.41115439,\n};\n\ntype GoogleMapViewProps = {\n disabled: boolean;\n location: Coords \| undefined;\n onGoogleApiLoaded: ({ maps }: { maps: any }) => void;\n onChangeLocation: (location: Coords) => void;\n googleMapsKey?: string;\n};\n\ntype GoogleMapsViewState = {\n marker: any;\n maps: any;\n};\n\nexport class GoogleMapView extends React.Component<GoogleMapViewProps, GoogleMapsViewState> {\n constructor(props: GoogleMapViewProps) {\n super(props);\n this.state = {\n marker: undefined,\n maps: undefined,\n };\n }\n\n componentDidUpdate() {\n if (this.state.marker && this.state.maps) {\n if (this.props.location) {\n const latLng = new this.state.maps.LatLng(this.props.location.lat, this.props.location.lng);\n this.state.marker.setPosition(latLng);\n this.state.marker.setVisible(true);\n } else {\n this.state.marker.setVisible(false);\n }\n this.state.marker.setDraggable(!this.props.disabled);\n this.state.marker.setCursor(this.props.disabled ? 'not-allowed' : 'auto');\n }\n }\n\n onGoogleApiLoaded = (event: { maps: any; map: any }) => {\n const { maps, map } = event;\n const marker = new maps.Marker({\n map,\n position: map.getCenter(),\n cursor: this.props.disabled ? 'not-allowed' : 'auto',\n draggable: !this.props.disabled,\n visible: Boolean(this.props.location),\n });\n\n maps.event.addListener(map, 'click', (event: any) => {\n if (this.props.disabled \|\| !this.state.marker \|\| !this.state.maps) {\n return;\n }\n this.state.marker.setPosition(event.latLng);\n this.state.marker.setVisible(true);\n this.props.onChangeLocation({\n lat: event.latLng.lat(),\n lng: event.latLng.lng(),\n });\n });\n\n maps.event.addListener(marker, 'dragend', (event: any) => {\n this.props.onChangeLocation({\n lat: event.latLng.lat(),\n lng: event.latLng.lng(),\n });\n });\n this.setState({ marker, maps }, () => {\n this.props.onGoogleApiLoaded({ maps });\n });\n };\n\n render() {\n return (\n <div className={styles.root}>\n <GoogleMapReact\n draggable={!this.props.disabled}\n bootstrapURLKeys={\n this.props.googleMapsKey ? { key: this.props.googleMapsKey } : undefined\n }\n defaultCenter={BerlinLocation}\n center={this.props.location}\n options={{\n scrollwheel: false,\n mapTypeId: 'roadmap',\n }}\n defaultZoom={6}\n yesIWantToUseGoogleMapApiInternals\n onGoogleApiLoaded={this.onGoogleApiLoaded}\n />\n </div>\n );\n }\n}\n","import React from 'react';\n\nimport { Button, Card, Spinner, ValidationMessage, TextInput } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nimport { Coords, GeocodeApiResponse } from './types';\n\nconst styles = {\n root: css({\n width: '100%',\n }),\n input: css({\n position: 'relative',\n width: '100%',\n }),\n spinner: css({\n position: 'absolute',\n right: 10,\n top: 10,\n zIndex: 99,\n }),\n validationMessage: css({\n marginTop: tokens.spacingS,\n }),\n suggestion: css({\n position: 'absolute',\n transform: 'translateY(100%)',\n bottom: 0,\n left: 0,\n zIndex: 1,\n }),\n};\n\ntype LocationSearchInputProps = {\n disabled: boolean;\n value?: Coords;\n onSearchAddress: (term: string) => Promise<GeocodeApiResponse>;\n onGetAddressFromLocation: (coors: Coords \| undefined, value: string) => Promise<string>;\n onChangeLocation: (location?: Coords) => void;\n};\n\nexport function LocationSearchInput(props: LocationSearchInputProps) {\n const [isSearching, setIsSearching] = React.useState<boolean>(false);\n const [address, setAddress] = React.useState<string>('');\n const [hasError, setHasError] = React.useState<boolean>(false);\n const [suggestion, setSuggestion] = React.useState<null \| {\n address: string;\n location: { lat: number; lng: number };\n }>(null);\n\n React.useEffect(() => {\n setIsSearching(true);\n props.onGetAddressFromLocation(props.value, address).then((address) => {\n setAddress(address);\n setIsSearching(false);\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\n }, [props.value, props.disabled]);\n\n return (\n <div className={styles.root}>\n <div className={styles.input}>\n <TextInput\n testId=\"location-editor-search\"\n isInvalid={hasError}\n placeholder=\"Start typing to find location\"\n value={address}\n onChange={(e) => {\n setAddress(e.target.value);\n setHasError(false);\n setSuggestion(null);\n\n if (e.target.value === '') {\n props.onChangeLocation(undefined);\n return;\n }\n\n setIsSearching(true);\n props.onSearchAddress(e.target.value).then((value) => {\n setIsSearching(false);\n if (value === null) {\n setHasError(false);\n } else if (value.length === 0) {\n setHasError(true);\n } else {\n setHasError(false);\n setSuggestion({\n address: value[0].formatted_address,\n location: {\n lat: Number(value[0].geometry.location.lat().toString().slice(0, 8)),\n lng: Number(value[0].geometry.location.lng().toString().slice(0, 8)),\n },\n });\n }\n });\n }}\n isDisabled={props.disabled}\n />\n {isSearching && <Spinner className={styles.spinner} />}\n {suggestion && (\n <Card padding=\"none\" className={styles.suggestion}>\n <Button\n variant=\"transparent\"\n testId=\"location-editor-suggestion\"\n onClick={() => {\n setAddress(suggestion.address);\n props.onChangeLocation(suggestion.location);\n setSuggestion(null);\n }}\n >\n {suggestion.address}\n </Button>\n </Card>\n )}\n {hasError && (\n <ValidationMessage\n testId=\"location-editor-not-found\"\n className={styles.validationMessage}\n >\n No results found for <strong>{address}</strong>. Please make sure that address is\n spelled correctly.\n </ValidationMessage>\n )}\n </div>\n </div>\n );\n}\n","export interface Coords {\n lat: number;\n lng: number;\n}\n\nexport type LocationValue = { lat: number; lon: number };\nexport type NullableLocationValue = LocationValue \| null \| undefined;\n\nexport enum ViewType {\n Address = 'Address',\n Coordinates = 'Coordinates',\n}\n\nexport type GeocodeApiResponse = null \| Array<{\n formatted_address: string;\n geometry: {\n location: {\n lat: () => number;\n lng: () => number;\n };\n };\n}>;\n","import React from 'react';\n\nimport { TextLink, TextInput, Radio, Flex } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nimport { LocationSearchInput } from './LocationSearchInput';\nimport { Coords, ViewType, GeocodeApiResponse } from './types';\n\ninterface LocationSelectorProps {\n disabled: boolean;\n value: Coords \| undefined;\n view: ViewType;\n onChangeView: (view: ViewType) => void;\n onChangeLocation: (value?: Coords) => void;\n onSearchAddress: (value: string) => Promise<GeocodeApiResponse>;\n onGetAddressFromLocation: (location: Coords \| undefined, address: string) => Promise<string>;\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n flexDirection: 'row',\n marginTop: tokens.spacingS,\n alignItems: 'flex-end',\n }),\n main: css({\n flexGrow: 1,\n }),\n secondary: css({\n minWidth: '70px',\n textAlign: 'right',\n }),\n inputsRow: css({\n display: 'flex',\n marginTop: tokens.spacingS,\n fontSize: tokens.fontSizeM,\n color: tokens.gray900,\n fontFamily: tokens.fontStackPrimary,\n alignItems: 'center',\n }),\n splitter: css({\n width: tokens.spacingL,\n }),\n clearBtn: css({\n marginBottom: tokens.spacingS,\n }),\n};\n\nexport function LocationSelector(props: LocationSelectorProps) {\n return (\n <div className={styles.root}>\n <div className={styles.main}>\n <Flex flexDirection=\"row\">\n <Radio\n className={css({ flexBasis: '100%' })}\n id={ViewType.Address}\n testId=\"location-editor-address-radio\"\n isDisabled={props.disabled}\n value={ViewType.Address}\n isChecked={props.view === ViewType.Address}\n onChange={() => {\n props.onChangeView(ViewType.Address);\n }}\n >\n Address\n </Radio>\n <Radio\n className={css({ flexBasis: '100%' })}\n id={ViewType.Coordinates}\n testId=\"location-editor-coordinates-radio\"\n isDisabled={props.disabled}\n value={ViewType.Coordinates}\n isChecked={props.view === ViewType.Coordinates}\n onChange={() => {\n props.onChangeView(ViewType.Coordinates);\n }}\n >\n Coordinates\n </Radio>\n </Flex>\n {props.view === ViewType.Address && (\n <div className={styles.inputsRow}>\n <LocationSearchInput\n onSearchAddress={props.onSearchAddress}\n onGetAddressFromLocation={props.onGetAddressFromLocation}\n disabled={props.disabled}\n value={props.value}\n onChangeLocation={props.onChangeLocation}\n />\n </div>\n )}\n {props.view === ViewType.Coordinates && (\n <div className={styles.inputsRow}>\n <label htmlFor=\"latitude\">Latitude</label>\n <div className={styles.splitter} />\n <TextInput\n id=\"latitude\"\n testId=\"location-editor-latitude\"\n placeholder=\"Between -90 and 90\"\n isDisabled={props.disabled}\n value={props.value ? String(props.value.lat) : ''}\n onChange={(e) => {\n props.onChangeLocation({\n lng: props.value && props.value.lng !== undefined ? props.value.lng : 0,\n lat: Number(e.target.value) \|\| 0,\n });\n }}\n type=\"number\"\n max=\"90\"\n min=\"-90\"\n step=\"0.1\"\n />\n <div className={styles.splitter} />\n <label htmlFor=\"longitude\">Longitude</label>\n <div className={styles.splitter} />\n <TextInput\n id=\"longitude\"\n testId=\"location-editor-longitude\"\n placeholder=\"Between -180 and 180\"\n isDisabled={props.disabled}\n value={props.value ? String(props.value.lng) : ''}\n onChange={(e) => {\n props.onChangeLocation({\n lat: props.value && props.value.lat !== undefined ? props.value.lat : 0,\n lng: Number(e.target.value) \|\| 0,\n });\n }}\n type=\"number\"\n max=\"180\"\n min=\"-180\"\n step=\"0.1\"\n />\n </div>\n )}\n </div>\n <div className={styles.secondary}>\n <TextLink\n as=\"button\"\n isDisabled={props.disabled}\n testId=\"location-editor-clear\"\n className={styles.clearBtn}\n onClick={() => {\n props.onChangeLocation(undefined);\n }}\n >\n Clear\n </TextLink>\n </div>\n </div>\n );\n}\n","import as React from 'react';\n\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport isNumber from 'lodash/isNumber';\nimport throttle from 'lodash/throttle';\n\nimport { GoogleMapView } from './GoogleMapView';\nimport { LocationSelector } from './LocationSelector';\nimport {\n LocationValue,\n ViewType,\n NullableLocationValue,\n Coords,\n GeocodeApiResponse,\n} from './types';\n\nexport interface LocationEditorConnectedProps {\n /*\n is the field disabled initially\n /\n isInitiallyDisabled: boolean;\n\n /\n sdk.field\n /\n field: FieldAPI;\n\n /\n sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance: {\n googleMapsKey?: string;\n };\n };\n}\n\ntype LocationEditorProps = {\n disabled: boolean;\n value: NullableLocationValue;\n setValue: (value: NullableLocationValue) => void;\n googleMapsKey?: string;\n selectedView: ViewType;\n setSelectedView: (view: ViewType) => void;\n};\n\nfunction toLocationValue(coords?: Coords): NullableLocationValue {\n if (coords && isNumber(coords.lat) && isNumber(coords.lng)) {\n return { lat: coords.lat, lon: coords.lng };\n } else {\n return null;\n }\n}\n\nexport class LocationEditor extends React.Component<\n LocationEditorProps,\n {\n localValue?: Coords;\n mapsObject: any; // eslint-disable-line -- TODO: describe this disable @typescript-eslint/no-explicit-any\n }\n> {\n constructor(props: LocationEditorProps) {\n super(props);\n\n this.state = {\n localValue: props.value\n ? {\n lng: props.value.lon,\n lat: props.value.lat,\n }\n : undefined,\n mapsObject: null,\n };\n }\n\n // @ts-expect-error\n onSearchAddress: (value: string) => Promise<GeocodeApiResponse> = throttle((value) => {\n if (!this.state.mapsObject) {\n return Promise.resolve(null);\n }\n const { mapsObject } = this.state;\n if (!value) {\n return Promise.resolve(null);\n }\n return new Promise((resolve) => {\n const geocoder = new mapsObject.Geocoder();\n geocoder.geocode({ address: value }, resolve, () => {\n resolve(null);\n });\n });\n }, 300);\n\n onGetAddressFromLocation = (location: Coords \| undefined, value: string): Promise<string> => {\n if (!this.state.mapsObject \|\| !location) {\n return Promise.resolve('');\n }\n const { mapsObject } = this.state;\n return new Promise((resolve) => {\n const geocoder = new mapsObject.Geocoder();\n geocoder.geocode(\n { location },\n (result: GeocodeApiResponse) => {\n if (result && result.length > 0) {\n const addresses = result.map((item) => item.formatted_address);\n resolve(addresses.find((item) => item === value) \|\| addresses[0]);\n } else {\n resolve('');\n }\n },\n () => {\n resolve('');\n }\n );\n });\n };\n\n render() {\n const { mapsObject, localValue } = this.state;\n\n return (\n <div data-test-id=\"location-editor\">\n <GoogleMapView\n disabled={this.props.disabled \|\| mapsObject === null}\n googleMapsKey={this.props.googleMapsKey}\n location={localValue}\n onGoogleApiLoaded={({ maps }) => {\n this.setState({ mapsObject: maps });\n }}\n onChangeLocation={(coords) => {\n this.setState({ localValue: coords });\n this.props.setValue(toLocationValue(coords));\n }}\n />\n <LocationSelector\n disabled={this.props.disabled \|\| mapsObject === null}\n value={localValue}\n view={this.props.selectedView}\n onChangeView={(view) => {\n this.props.setSelectedView(view);\n }}\n onChangeLocation={(coords) => {\n this.setState({ localValue: coords });\n this.props.setValue(toLocationValue(coords));\n }}\n onSearchAddress={this.onSearchAddress}\n onGetAddressFromLocation={this.onGetAddressFromLocation}\n />\n </div>\n );\n }\n}\n\nexport function LocationEditorConnected(props: LocationEditorConnectedProps) {\n const { field } = props;\n const googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;\n const [selectedView, setSelectedView] = React.useState<ViewType>(ViewType.Address);\n\n return (\n <FieldConnector<LocationValue>\n isEqualValues={(value1, value2) => {\n return deepEqual(value1, value2);\n }}\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n >\n {({ value, disabled, setValue, externalReset }) => {\n return (\n <LocationEditor\n // on external change reset component completely and init with initial value again\n key={`location-editor-${externalReset}`}\n value={value}\n disabled={disabled}\n setValue={setValue}\n googleMapsKey={googleMapsKey}\n selectedView={selectedView}\n setSelectedView={setSelectedView}\n />\n );\n }}\n </FieldConnector>\n );\n}\n\nLocationEditorConnected.defaultProps = {\n isInitiallyDisabled: true,\n};\n","import { LocationEditorConnected } from './LocationEditor';\n\nexport const LocationEditor = LocationEditorConnected;\n"],"names":["styles","root","css","height","width","BerlinLocation","lat","lng","GoogleMapView","props","onGoogleApiLoaded","event","maps","map","marker","Marker","position","getCenter","cursor","disabled","draggable","visible","Boolean","location","addListener","state","setPosition","latLng","setVisible","onChangeLocation","setState","undefined","componentDidUpdate","LatLng","setDraggable","setCursor","render","React","className","GoogleMapReact","bootstrapURLKeys","googleMapsKey","key","defaultCenter","center","options","scrollwheel","mapTypeId","defaultZoom","yesIWantToUseGoogleMapApiInternals","Component","input","spinner","right","top","zIndex","validationMessage","marginTop","tokens","spacingS","suggestion","transform","bottom","left","LocationSearchInput","useState","isSearching","setIsSearching","address","setAddress","hasError","setHasError","setSuggestion","useEffect","onGetAddressFromLocation","value","then","TextInput","testId","isInvalid","placeholder","onChange","e","target","onSearchAddress","length","formatted_address","Number","geometry","toString","slice","isDisabled","Spinner","Card","padding","Button","variant","onClick","ValidationMessage","ViewType","display","flexDirection","alignItems","main","flexGrow","secondary","minWidth","textAlign","inputsRow","fontSize","fontSizeM","color","gray900","fontFamily","fontStackPrimary","splitter","spacingL","clearBtn","marginBottom","LocationSelector","Flex","Radio","flexBasis","id","Address","isChecked","view","onChangeView","Coordinates","htmlFor","String","type","max","min","step","TextLink","as","toLocationValue","coords","isNumber","lon","LocationEditor","throttle","mapsObject","Promise","resolve","geocoder","Geocoder","geocode","result","addresses","item","find","localValue","setValue","selectedView","setSelectedView","LocationEditorConnected","field","parameters","instance","FieldConnector","isEqualValues","value1","value2","deepEqual","isInitiallyDisabled","externalReset","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,eAAEC,WAAG,CAAC;AACRC,IAAAA,MAAM,EAAE,OADA;AAERC,IAAAA,KAAK,EAAE;AAFC,GAAD;AADI,CAAf;AAOA,IAAMC,cAAc,GAAG;AACrBC,EAAAA,GAAG,EAAE,OADgB;AAErBC,EAAAA,GAAG,EAAE;AAFgB,CAAvB;IAkBaC,aAAb;AAAA;;AACE,yBAAYC,KAAZ;;;AACE,wCAAMA,KAAN;;UAqBFC,oBAAoB,UAACC,KAAD;AAClB,UAAQC,IAAR,GAAsBD,KAAtB,CAAQC,IAAR;AAAA,UAAcC,GAAd,GAAsBF,KAAtB,CAAcE,GAAd;AACA,UAAMC,MAAM,GAAG,IAAIF,IAAI,CAACG,MAAT,CAAgB;AAC7BF,QAAAA,GAAG,EAAHA,GAD6B;AAE7BG,QAAAA,QAAQ,EAAEH,GAAG,CAACI,SAAJ,EAFmB;AAG7BC,QAAAA,MAAM,EAAE,MAAKT,KAAL,CAAWU,QAAX,GAAsB,aAAtB,GAAsC,MAHjB;AAI7BC,QAAAA,SAAS,EAAE,CAAC,MAAKX,KAAL,CAAWU,QAJM;AAK7BE,QAAAA,OAAO,EAAEC,OAAO,CAAC,MAAKb,KAAL,CAAWc,QAAZ;AALa,OAAhB,CAAf;AAQAX,MAAAA,IAAI,CAACD,KAAL,CAAWa,WAAX,CAAuBX,GAAvB,EAA4B,OAA5B,EAAqC,UAACF,KAAD;AACnC,YAAI,MAAKF,KAAL,CAAWU,QAAX,IAAuB,CAAC,MAAKM,KAAL,CAAWX,MAAnC,IAA6C,CAAC,MAAKW,KAAL,CAAWb,IAA7D,EAAmE;AACjE;AACD;;AACD,cAAKa,KAAL,CAAWX,MAAX,CAAkBY,WAAlB,CAA8Bf,KAAK,CAACgB,MAApC;;AACA,cAAKF,KAAL,CAAWX,MAAX,CAAkBc,UAAlB,CAA6B,IAA7B;;AACA,cAAKnB,KAAL,CAAWoB,gBAAX,CAA4B;AAC1BvB,UAAAA,GAAG,EAAEK,KAAK,CAACgB,MAAN,CAAarB,GAAb,EADqB;AAE1BC,UAAAA,GAAG,EAAEI,KAAK,CAACgB,MAAN,CAAapB,GAAb;AAFqB,SAA5B;AAID,OAVD;AAYAK,MAAAA,IAAI,CAACD,KAAL,CAAWa,WAAX,CAAuBV,MAAvB,EAA+B,SAA/B,EAA0C,UAACH,KAAD;AACxC,cAAKF,KAAL,CAAWoB,gBAAX,CAA4B;AAC1BvB,UAAAA,GAAG,EAAEK,KAAK,CAACgB,MAAN,CAAarB,GAAb,EADqB;AAE1BC,UAAAA,GAAG,EAAEI,KAAK,CAACgB,MAAN,CAAapB,GAAb;AAFqB,SAA5B;AAID,OALD;;AAMA,YAAKuB,QAAL,CAAc;AAAEhB,QAAAA,MAAM,EAANA,MAAF;AAAUF,QAAAA,IAAI,EAAJA;AAAV,OAAd,EAAgC;AAC9B,cAAKH,KAAL,CAAWC,iBAAX,CAA6B;AAAEE,UAAAA,IAAI,EAAJA;AAAF,SAA7B;AACD,OAFD;AAGD;;AAnDC,UAAKa,KAAL,GAAa;AACXX,MAAAA,MAAM,EAAEiB,SADG;AAEXnB,MAAAA,IAAI,EAAEmB;AAFK,KAAb;;AAID;;AAPH;;AAAA,SASEC,kBATF,GASE;AACE,QAAI,KAAKP,KAAL,CAAWX,MAAX,IAAqB,KAAKW,KAAL,CAAWb,IAApC,EAA0C;AACxC,UAAI,KAAKH,KAAL,CAAWc,QAAf,EAAyB;AACvB,YAAMI,MAAM,GAAG,IAAI,KAAKF,KAAL,CAAWb,IAAX,CAAgBqB,MAApB,CAA2B,KAAKxB,KAAL,CAAWc,QAAX,CAAoBjB,GAA/C,EAAoD,KAAKG,KAAL,CAAWc,QAAX,CAAoBhB,GAAxE,CAAf;AACA,aAAKkB,KAAL,CAAWX,MAAX,CAAkBY,WAAlB,CAA8BC,MAA9B;AACA,aAAKF,KAAL,CAAWX,MAAX,CAAkBc,UAAlB,CAA6B,IAA7B;AACD,OAJD,MAIO;AACL,aAAKH,KAAL,CAAWX,MAAX,CAAkBc,UAAlB,CAA6B,KAA7B;AACD;;AACD,WAAKH,KAAL,CAAWX,MAAX,CAAkBoB,YAAlB,CAA+B,CAAC,KAAKzB,KAAL,CAAWU,QAA3C;AACA,WAAKM,KAAL,CAAWX,MAAX,CAAkBqB,SAAlB,CAA4B,KAAK1B,KAAL,CAAWU,QAAX,GAAsB,aAAtB,GAAsC,MAAlE;AACD;AACF,GArBH;;AAAA,SAwDEiB,MAxDF,GAwDE;AACE,WACEC,4BAAA,MAAA;AAAKC,MAAAA,SAAS,EAAEtC,MAAM,CAACC;KAAvB,EACEoC,4BAAA,CAACE,cAAD;AACEnB,MAAAA,SAAS,EAAE,CAAC,KAAKX,KAAL,CAAWU;AACvBqB,MAAAA,gBAAgB,EACd,KAAK/B,KAAL,CAAWgC,aAAX,GAA2B;AAAEC,QAAAA,GAAG,EAAE,KAAKjC,KAAL,CAAWgC;AAAlB,OAA3B,GAA+DV;AAEjEY,MAAAA,aAAa,EAAEtC;AACfuC,MAAAA,MAAM,EAAE,KAAKnC,KAAL,CAAWc;AACnBsB,MAAAA,OAAO,EAAE;AACPC,QAAAA,WAAW,EAAE,KADN;AAEPC,QAAAA,SAAS,EAAE;AAFJ;AAITC,MAAAA,WAAW,EAAE;AACbC,MAAAA,kCAAkC;AAClCvC,MAAAA,iBAAiB,EAAE,KAAKA;KAb1B,CADF,CADF;AAmBD,GA5EH;;AAAA;AAAA,EAAmC2B,cAAK,CAACa,SAAzC;;AC1BA,IAAMlD,QAAM,GAAG;AACbC,EAAAA,IAAI,eAAEC,WAAG,CAAC;AACRE,IAAAA,KAAK,EAAE;AADC,GAAD,CADI;AAIb+C,EAAAA,KAAK,eAAEjD,WAAG,CAAC;AACTc,IAAAA,QAAQ,EAAE,UADD;AAETZ,IAAAA,KAAK,EAAE;AAFE,GAAD,CAJG;AAQbgD,EAAAA,OAAO,eAAElD,WAAG,CAAC;AACXc,IAAAA,QAAQ,EAAE,UADC;AAEXqC,IAAAA,KAAK,EAAE,EAFI;AAGXC,IAAAA,GAAG,EAAE,EAHM;AAIXC,IAAAA,MAAM,EAAE;AAJG,GAAD,CARC;AAcbC,EAAAA,iBAAiB,eAAEtD,WAAG,CAAC;AACrBuD,IAAAA,SAAS,EAAEC,MAAM,CAACC;AADG,GAAD,CAdT;AAiBbC,EAAAA,UAAU,eAAE1D,WAAG,CAAC;AACdc,IAAAA,QAAQ,EAAE,UADI;AAEd6C,IAAAA,SAAS,EAAE,kBAFG;AAGdC,IAAAA,MAAM,EAAE,CAHM;AAIdC,IAAAA,IAAI,EAAE,CAJQ;AAKdR,IAAAA,MAAM,EAAE;AALM,GAAD;AAjBF,CAAf;AAkCA,SAAgBS,oBAAoBvD;AAClC,wBAAsC4B,cAAK,CAAC4B,QAAN,CAAwB,KAAxB,CAAtC;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,yBAA8B9B,cAAK,CAAC4B,QAAN,CAAuB,EAAvB,CAA9B;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AACA,yBAAgChC,cAAK,CAAC4B,QAAN,CAAwB,KAAxB,CAAhC;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAoClC,cAAK,CAAC4B,QAAN,CAGjC,IAHiC,CAApC;AAAA,MAAOL,UAAP;AAAA,MAAmBY,aAAnB;;AAKAnC,EAAAA,cAAK,CAACoC,SAAN,CAAgB;AACdN,IAAAA,cAAc,CAAC,IAAD,CAAd;AACA1D,IAAAA,KAAK,CAACiE,wBAAN,CAA+BjE,KAAK,CAACkE,KAArC,EAA4CP,OAA5C,EAAqDQ,IAArD,CAA0D,UAACR,OAAD;AACxDC,MAAAA,UAAU,CAACD,OAAD,CAAV;AACAD,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KAHD;AAKD,GAPD,EAOG,CAAC1D,KAAK,CAACkE,KAAP,EAAclE,KAAK,CAACU,QAApB,CAPH;AASA,SACEkB,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAACC;GAAvB,EACEoC,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAACmD;GAAvB,EACEd,4BAAA,CAACwC,uBAAD;AACEC,IAAAA,MAAM,EAAC;AACPC,IAAAA,SAAS,EAAET;AACXU,IAAAA,WAAW,EAAC;AACZL,IAAAA,KAAK,EAAEP;AACPa,IAAAA,QAAQ,EAAE,kBAACC,CAAD;AACRb,MAAAA,UAAU,CAACa,CAAC,CAACC,MAAF,CAASR,KAAV,CAAV;AACAJ,MAAAA,WAAW,CAAC,KAAD,CAAX;AACAC,MAAAA,aAAa,CAAC,IAAD,CAAb;;AAEA,UAAIU,CAAC,CAACC,MAAF,CAASR,KAAT,KAAmB,EAAvB,EAA2B;AACzBlE,QAAAA,KAAK,CAACoB,gBAAN,CAAuBE,SAAvB;AACA;AACD;;AAEDoC,MAAAA,cAAc,CAAC,IAAD,CAAd;AACA1D,MAAAA,KAAK,CAAC2E,eAAN,CAAsBF,CAAC,CAACC,MAAF,CAASR,KAA/B,EAAsCC,IAAtC,CAA2C,UAACD,KAAD;AACzCR,QAAAA,cAAc,CAAC,KAAD,CAAd;;AACA,YAAIQ,KAAK,KAAK,IAAd,EAAoB;AAClBJ,UAAAA,WAAW,CAAC,KAAD,CAAX;AACD,SAFD,MAEO,IAAII,KAAK,CAACU,MAAN,KAAiB,CAArB,EAAwB;AAC7Bd,UAAAA,WAAW,CAAC,IAAD,CAAX;AACD,SAFM,MAEA;AACLA,UAAAA,WAAW,CAAC,KAAD,CAAX;AACAC,UAAAA,aAAa,CAAC;AACZJ,YAAAA,OAAO,EAAEO,KAAK,CAAC,CAAD,CAAL,CAASW,iBADN;AAEZ/D,YAAAA,QAAQ,EAAE;AACRjB,cAAAA,GAAG,EAAEiF,MAAM,CAACZ,KAAK,CAAC,CAAD,CAAL,CAASa,QAAT,CAAkBjE,QAAlB,CAA2BjB,GAA3B,GAAiCmF,QAAjC,GAA4CC,KAA5C,CAAkD,CAAlD,EAAqD,CAArD,CAAD,CADH;AAERnF,cAAAA,GAAG,EAAEgF,MAAM,CAACZ,KAAK,CAAC,CAAD,CAAL,CAASa,QAAT,CAAkBjE,QAAlB,CAA2BhB,GAA3B,GAAiCkF,QAAjC,GAA4CC,KAA5C,CAAkD,CAAlD,EAAqD,CAArD,CAAD;AAFH;AAFE,WAAD,CAAb;AAOD;AACF,OAhBD;AAiBD;AACDC,IAAAA,UAAU,EAAElF,KAAK,CAACU;GAlCpB,CADF,EAqCG+C,WAAW,IAAI7B,4BAAA,CAACuD,qBAAD;AAAStD,IAAAA,SAAS,EAAEtC,QAAM,CAACoD;GAA3B,CArClB,EAsCGQ,UAAU,IACTvB,4BAAA,CAACwD,kBAAD;AAAMC,IAAAA,OAAO,EAAC;AAAOxD,IAAAA,SAAS,EAAEtC,QAAM,CAAC4D;GAAvC,EACEvB,4BAAA,CAAC0D,oBAAD;AACEC,IAAAA,OAAO,EAAC;AACRlB,IAAAA,MAAM,EAAC;AACPmB,IAAAA,OAAO,EAAE;AACP5B,MAAAA,UAAU,CAACT,UAAU,CAACQ,OAAZ,CAAV;AACA3D,MAAAA,KAAK,CAACoB,gBAAN,CAAuB+B,UAAU,CAACrC,QAAlC;AACAiD,MAAAA,aAAa,CAAC,IAAD,CAAb;AACD;GAPH,EASGZ,UAAU,CAACQ,OATd,CADF,CAvCJ,EAqDGE,QAAQ,IACPjC,4BAAA,CAAC6D,+BAAD;AACEpB,IAAAA,MAAM,EAAC;AACPxC,IAAAA,SAAS,EAAEtC,QAAM,CAACwD;GAFpB,yBAAA,EAIuBnB,4BAAA,SAAA,MAAA,EAAS+B,OAAT,CAJvB,yDAAA,CAtDJ,CADF,CADF;AAmED;;ACvHD,IAAY+B,QAAZ;;AAAA,WAAYA;AACVA,EAAAA,mBAAA,YAAA;AACAA,EAAAA,uBAAA,gBAAA;AACD,CAHD,EAAYA,QAAQ,KAARA,QAAQ,KAAA,CAApB;;ACWA,IAAMnG,QAAM,GAAG;AACbC,EAAAA,IAAI,eAAEC,WAAG,CAAC;AACRkG,IAAAA,OAAO,EAAE,MADD;AAERC,IAAAA,aAAa,EAAE,KAFP;AAGR5C,IAAAA,SAAS,EAAEC,MAAM,CAACC,QAHV;AAIR2C,IAAAA,UAAU,EAAE;AAJJ,GAAD,CADI;AAObC,EAAAA,IAAI,eAAErG,WAAG,CAAC;AACRsG,IAAAA,QAAQ,EAAE;AADF,GAAD,CAPI;AAUbC,EAAAA,SAAS,eAAEvG,WAAG,CAAC;AACbwG,IAAAA,QAAQ,EAAE,MADG;AAEbC,IAAAA,SAAS,EAAE;AAFE,GAAD,CAVD;AAcbC,EAAAA,SAAS,eAAE1G,WAAG,CAAC;AACbkG,IAAAA,OAAO,EAAE,MADI;AAEb3C,IAAAA,SAAS,EAAEC,MAAM,CAACC,QAFL;AAGbkD,IAAAA,QAAQ,EAAEnD,MAAM,CAACoD,SAHJ;AAIbC,IAAAA,KAAK,EAAErD,MAAM,CAACsD,OAJD;AAKbC,IAAAA,UAAU,EAAEvD,MAAM,CAACwD,gBALN;AAMbZ,IAAAA,UAAU,EAAE;AANC,GAAD,CAdD;AAsBba,EAAAA,QAAQ,eAAEjH,WAAG,CAAC;AACZE,IAAAA,KAAK,EAAEsD,MAAM,CAAC0D;AADF,GAAD,CAtBA;AAyBbC,EAAAA,QAAQ,eAAEnH,WAAG,CAAC;AACZoH,IAAAA,YAAY,EAAE5D,MAAM,CAACC;AADT,GAAD;AAzBA,CAAf;AA8BA,SAAgB4D,iBAAiB9G;AAC/B,SACE4B,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAACC;GAAvB,EACEoC,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAACuG;GAAvB,EACElE,4BAAA,CAACmF,kBAAD;AAAMnB,IAAAA,aAAa,EAAC;GAApB,EACEhE,4BAAA,CAACoF,mBAAD;AACEnF,IAAAA,SAAS,EAAEpC,WAAG,CAAC;AAAEwH,MAAAA,SAAS,EAAE;AAAb,KAAD;AACdC,IAAAA,EAAE,EAAExB,QAAQ,CAACyB;AACb9C,IAAAA,MAAM,EAAC;AACPa,IAAAA,UAAU,EAAElF,KAAK,CAACU;AAClBwD,IAAAA,KAAK,EAAEwB,QAAQ,CAACyB;AAChBC,IAAAA,SAAS,EAAEpH,KAAK,CAACqH,IAAN,KAAe3B,QAAQ,CAACyB;AACnC3C,IAAAA,QAAQ,EAAE;AACRxE,MAAAA,KAAK,CAACsH,YAAN,CAAmB5B,QAAQ,CAACyB,OAA5B;AACD;GATH,WAAA,CADF,EAcEvF,4BAAA,CAACoF,mBAAD;AACEnF,IAAAA,SAAS,EAAEpC,WAAG,CAAC;AAAEwH,MAAAA,SAAS,EAAE;AAAb,KAAD;AACdC,IAAAA,EAAE,EAAExB,QAAQ,CAAC6B;AACblD,IAAAA,MAAM,EAAC;AACPa,IAAAA,UAAU,EAAElF,KAAK,CAACU;AAClBwD,IAAAA,KAAK,EAAEwB,QAAQ,CAAC6B;AAChBH,IAAAA,SAAS,EAAEpH,KAAK,CAACqH,IAAN,KAAe3B,QAAQ,CAAC6B;AACnC/C,IAAAA,QAAQ,EAAE;AACRxE,MAAAA,KAAK,CAACsH,YAAN,CAAmB5B,QAAQ,CAAC6B,WAA5B;AACD;GATH,eAAA,CAdF,CADF,EA6BGvH,KAAK,CAACqH,IAAN,KAAe3B,QAAQ,CAACyB,OAAxB,IACCvF,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAAC4G;GAAvB,EACEvE,4BAAA,CAAC2B,mBAAD;AACEoB,IAAAA,eAAe,EAAE3E,KAAK,CAAC2E;AACvBV,IAAAA,wBAAwB,EAAEjE,KAAK,CAACiE;AAChCvD,IAAAA,QAAQ,EAAEV,KAAK,CAACU;AAChBwD,IAAAA,KAAK,EAAElE,KAAK,CAACkE;AACb9C,IAAAA,gBAAgB,EAAEpB,KAAK,CAACoB;GAL1B,CADF,CA9BJ,EAwCGpB,KAAK,CAACqH,IAAN,KAAe3B,QAAQ,CAAC6B,WAAxB,IACC3F,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAAC4G;GAAvB,EACEvE,4BAAA,QAAA;AAAO4F,IAAAA,OAAO,EAAC;GAAf,YAAA,CADF,EAEE5F,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAACmH;GAAvB,CAFF,EAGE9E,4BAAA,CAACwC,uBAAD;AACE8C,IAAAA,EAAE,EAAC;AACH7C,IAAAA,MAAM,EAAC;AACPE,IAAAA,WAAW,EAAC;AACZW,IAAAA,UAAU,EAAElF,KAAK,CAACU;AAClBwD,IAAAA,KAAK,EAAElE,KAAK,CAACkE,KAAN,GAAcuD,MAAM,CAACzH,KAAK,CAACkE,KAAN,CAAYrE,GAAb,CAApB,GAAwC;AAC/C2E,IAAAA,QAAQ,EAAE,kBAACC,CAAD;AACRzE,MAAAA,KAAK,CAACoB,gBAAN,CAAuB;AACrBtB,QAAAA,GAAG,EAAEE,KAAK,CAACkE,KAAN,IAAelE,KAAK,CAACkE,KAAN,CAAYpE,GAAZ,KAAoBwB,SAAnC,GAA+CtB,KAAK,CAACkE,KAAN,CAAYpE,GAA3D,GAAiE,CADjD;AAErBD,QAAAA,GAAG,EAAEiF,MAAM,CAACL,CAAC,CAACC,MAAF,CAASR,KAAV,CAAN,IAA0B;AAFV,OAAvB;AAID;AACDwD,IAAAA,IAAI,EAAC;AACLC,IAAAA,GAAG,EAAC;AACJC,IAAAA,GAAG,EAAC;AACJC,IAAAA,IAAI,EAAC;GAfP,CAHF,EAoBEjG,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAACmH;GAAvB,CApBF,EAqBE9E,4BAAA,QAAA;AAAO4F,IAAAA,OAAO,EAAC;GAAf,aAAA,CArBF,EAsBE5F,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAACmH;GAAvB,CAtBF,EAuBE9E,4BAAA,CAACwC,uBAAD;AACE8C,IAAAA,EAAE,EAAC;AACH7C,IAAAA,MAAM,EAAC;AACPE,IAAAA,WAAW,EAAC;AACZW,IAAAA,UAAU,EAAElF,KAAK,CAACU;AAClBwD,IAAAA,KAAK,EAAElE,KAAK,CAACkE,KAAN,GAAcuD,MAAM,CAACzH,KAAK,CAACkE,KAAN,CAAYpE,GAAb,CAApB,GAAwC;AAC/C0E,IAAAA,QAAQ,EAAE,kBAACC,CAAD;AACRzE,MAAAA,KAAK,CAACoB,gBAAN,CAAuB;AACrBvB,QAAAA,GAAG,EAAEG,KAAK,CAACkE,KAAN,IAAelE,KAAK,CAACkE,KAAN,CAAYrE,GAAZ,KAAoByB,SAAnC,GAA+CtB,KAAK,CAACkE,KAAN,CAAYrE,GAA3D,GAAiE,CADjD;AAErBC,QAAAA,GAAG,EAAEgF,MAAM,CAACL,CAAC,CAACC,MAAF,CAASR,KAAV,CAAN,IAA0B;AAFV,OAAvB;AAID;AACDwD,IAAAA,IAAI,EAAC;AACLC,IAAAA,GAAG,EAAC;AACJC,IAAAA,GAAG,EAAC;AACJC,IAAAA,IAAI,EAAC;GAfP,CAvBF,CAzCJ,CADF,EAqFEjG,4BAAA,MAAA;AAAKC,IAAAA,SAAS,EAAEtC,QAAM,CAACyG;GAAvB,EACEpE,4BAAA,CAACkG,sBAAD;AACEC,IAAAA,EAAE,EAAC;AACH7C,IAAAA,UAAU,EAAElF,KAAK,CAACU;AAClB2D,IAAAA,MAAM,EAAC;AACPxC,IAAAA,SAAS,EAAEtC,QAAM,CAACqH;AAClBpB,IAAAA,OAAO,EAAE;AACPxF,MAAAA,KAAK,CAACoB,gBAAN,CAAuBE,SAAvB;AACD;GAPH,SAAA,CADF,CArFF,CADF;AAqGD;;ACxGD,SAAS0G,eAAT,CAAyBC,MAAzB;AACE,MAAIA,MAAM,IAAIC,QAAQ,CAACD,MAAM,CAACpI,GAAR,CAAlB,IAAkCqI,QAAQ,CAACD,MAAM,CAACnI,GAAR,CAA9C,EAA4D;AAC1D,WAAO;AAAED,MAAAA,GAAG,EAAEoI,MAAM,CAACpI,GAAd;AAAmBsI,MAAAA,GAAG,EAAEF,MAAM,CAACnI;AAA/B,KAAP;AACD,GAFD,MAEO;AACL,WAAO,IAAP;AACD;AACF;;AAED,IAAasI,cAAb;AAAA;;AAOE,0BAAYpI,KAAZ;;;AACE,wCAAMA,KAAN;UAcF2E,kBAAkE0D,QAAQ,CAAC,UAACnE,KAAD;AACzE,UAAI,CAAC,MAAKlD,KAAL,CAAWsH,UAAhB,EAA4B;AAC1B,eAAOC,OAAO,CAACC,OAAR,CAAgB,IAAhB,CAAP;AACD;;AACD,UAAQF,UAAR,GAAuB,MAAKtH,KAA5B,CAAQsH,UAAR;;AACA,UAAI,CAACpE,KAAL,EAAY;AACV,eAAOqE,OAAO,CAACC,OAAR,CAAgB,IAAhB,CAAP;AACD;;AACD,aAAO,IAAID,OAAJ,CAAY,UAACC,OAAD;AACjB,YAAMC,QAAQ,GAAG,IAAIH,UAAU,CAACI,QAAf,EAAjB;AACAD,QAAAA,QAAQ,CAACE,OAAT,CAAiB;AAAEhF,UAAAA,OAAO,EAAEO;AAAX,SAAjB,EAAqCsE,OAArC,EAA8C;AAC5CA,UAAAA,OAAO,CAAC,IAAD,CAAP;AACD,SAFD;AAGD,OALM,CAAP;AAMD,KAdyE,EAcvE,GAduE;;UAgB1EvE,2BAA2B,UAACnD,QAAD,EAA+BoD,KAA/B;AACzB,UAAI,CAAC,MAAKlD,KAAL,CAAWsH,UAAZ,IAA0B,CAACxH,QAA/B,EAAyC;AACvC,eAAOyH,OAAO,CAACC,OAAR,CAAgB,EAAhB,CAAP;AACD;;AACD,UAAQF,UAAR,GAAuB,MAAKtH,KAA5B,CAAQsH,UAAR;AACA,aAAO,IAAIC,OAAJ,CAAY,UAACC,OAAD;AACjB,YAAMC,QAAQ,GAAG,IAAIH,UAAU,CAACI,QAAf,EAAjB;AACAD,QAAAA,QAAQ,CAACE,OAAT,CACE;AAAE7H,UAAAA,QAAQ,EAARA;AAAF,SADF,EAEE,UAAC8H,MAAD;AACE,cAAIA,MAAM,IAAIA,MAAM,CAAChE,MAAP,GAAgB,CAA9B,EAAiC;AAC/B,gBAAMiE,SAAS,GAAGD,MAAM,CAACxI,GAAP,CAAW,UAAC0I,IAAD;AAAA,qBAAUA,IAAI,CAACjE,iBAAf;AAAA,aAAX,CAAlB;AACA2D,YAAAA,OAAO,CAACK,SAAS,CAACE,IAAV,CAAe,UAACD,IAAD;AAAA,qBAAUA,IAAI,KAAK5E,KAAnB;AAAA,aAAf,KAA4C2E,SAAS,CAAC,CAAD,CAAtD,CAAP;AACD,WAHD,MAGO;AACLL,YAAAA,OAAO,CAAC,EAAD,CAAP;AACD;AACF,SATH,EAUE;AACEA,UAAAA,OAAO,CAAC,EAAD,CAAP;AACD,SAZH;AAcD,OAhBM,CAAP;AAiBD;;AAlDC,UAAKxH,KAAL,GAAa;AACXgI,MAAAA,UAAU,EAAEhJ,KAAK,CAACkE,KAAN,GACR;AACEpE,QAAAA,GAAG,EAAEE,KAAK,CAACkE,KAAN,CAAYiE,GADnB;AAEEtI,QAAAA,GAAG,EAAEG,KAAK,CAACkE,KAAN,CAAYrE;AAFnB,OADQ,GAKRyB,SANO;AAOXgH,MAAAA,UAAU,EAAE;AAPD,KAAb;;AASD,GAnBH;;;AAAA;;AAAA,SA8DE3G,MA9DF,GA8DE;;;AACE,sBAAmC,KAAKX,KAAxC;AAAA,QAAQsH,UAAR,eAAQA,UAAR;AAAA,QAAoBU,UAApB,eAAoBA,UAApB;AAEA,WACEpH,mBAAA,MAAA;sBAAkB;KAAlB,EACEA,mBAAA,CAAC7B,aAAD;AACEW,MAAAA,QAAQ,EAAE,KAAKV,KAAL,CAAWU,QAAX,IAAuB4H,UAAU,KAAK;AAChDtG,MAAAA,aAAa,EAAE,KAAKhC,KAAL,CAAWgC;AAC1BlB,MAAAA,QAAQ,EAAEkI;AACV/I,MAAAA,iBAAiB,EAAE;YAAGE,YAAAA;;AACpB,QAAA,MAAI,CAACkB,QAAL,CAAc;AAAEiH,UAAAA,UAAU,EAAEnI;AAAd,SAAd;AACD;AACDiB,MAAAA,gBAAgB,EAAE,0BAAC6G,MAAD;AAChB,QAAA,MAAI,CAAC5G,QAAL,CAAc;AAAE2H,UAAAA,UAAU,EAAEf;AAAd,SAAd;;AACA,QAAA,MAAI,CAACjI,KAAL,CAAWiJ,QAAX,CAAoBjB,eAAe,CAACC,MAAD,CAAnC;AACD;KAVH,CADF,EAaErG,mBAAA,CAACkF,gBAAD;AACEpG,MAAAA,QAAQ,EAAE,KAAKV,KAAL,CAAWU,QAAX,IAAuB4H,UAAU,KAAK;AAChDpE,MAAAA,KAAK,EAAE8E;AACP3B,MAAAA,IAAI,EAAE,KAAKrH,KAAL,CAAWkJ;AACjB5B,MAAAA,YAAY,EAAE,sBAACD,IAAD;AACZ,QAAA,MAAI,CAACrH,KAAL,CAAWmJ,eAAX,CAA2B9B,IAA3B;AACD;AACDjG,MAAAA,gBAAgB,EAAE,0BAAC6G,MAAD;AAChB,QAAA,MAAI,CAAC5G,QAAL,CAAc;AAAE2H,UAAAA,UAAU,EAAEf;AAAd,SAAd;;AACA,QAAA,MAAI,CAACjI,KAAL,CAAWiJ,QAAX,CAAoBjB,eAAe,CAACC,MAAD,CAAnC;AACD;AACDtD,MAAAA,eAAe,EAAE,KAAKA;AACtBV,MAAAA,wBAAwB,EAAE,KAAKA;KAZjC,CAbF,CADF;AA8BD,GA/FH;;AAAA;AAAA,EAAoCrC,eAApC;AAkGA,SAAgBwH,wBAAwBpJ;AACtC,MAAQqJ,KAAR,GAAkBrJ,KAAlB,CAAQqJ,KAAR;AACA,MAAMrH,aAAa,GAAGhC,KAAK,CAACsJ,UAAN,GAAmBtJ,KAAK,CAACsJ,UAAN,CAAiBC,QAAjB,CAA0BvH,aAA7C,GAA6DV,SAAnF;;AACA,wBAAwCM,cAAA,CAAyB8D,QAAQ,CAACyB,OAAlC,CAAxC;AAAA,MAAO+B,YAAP;AAAA,MAAqBC,eAArB;;AAEA,SACEvH,mBAAA,CAAC4H,gCAAD;AACEC,IAAAA,aAAa,EAAE,uBAACC,MAAD,EAASC,MAAT;AACb,aAAOC,SAAS,CAACF,MAAD,EAASC,MAAT,CAAhB;AACD;AACDN,IAAAA,KAAK,EAAEA;AACPQ,IAAAA,mBAAmB,EAAE7J,KAAK,CAAC6J;GAL7B,EAOG;QAAG3F,cAAAA;QAAOxD,iBAAAA;QAAUuI,iBAAAA;QAAUa,sBAAAA;AAC7B,WACElI,mBAAA,CAACwG,cAAD;AAAA;AACE;AACAnG,MAAAA,GAAG,uBAAqB6H;AACxB5F,MAAAA,KAAK,EAAEA;AACPxD,MAAAA,QAAQ,EAAEA;AACVuI,MAAAA,QAAQ,EAAEA;AACVjH,MAAAA,aAAa,EAAEA;AACfkH,MAAAA,YAAY,EAAEA;AACdC,MAAAA,eAAe,EAAEA;KARnB,CADF;AAYD,GApBH,CADF;AAwBD;AAEDC,uBAAuB,CAACW,YAAxB,GAAuC;AACrCF,EAAAA,mBAAmB,EAAE;AADgB,CAAvC;;ICtLazB,gBAAc,GAAGgB,uBAAvB;;;;"}
1	+ {"version":3,"file":"field-editor-location.cjs.development.js","sources":["../src/GoogleMapView.tsx","../src/LocationSearchInput.tsx","../src/types.ts","../src/LocationSelector.tsx","../src/LocationEditor.tsx","../src/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n\nimport React from 'react';\n\nimport { css } from 'emotion';\nimport GoogleMapReact from 'google-map-react';\n\nimport { Coords } from './types';\n\nconst styles = {\n root: css({\n height: '300px',\n width: '100%',\n }),\n};\n\nconst BerlinLocation = {\n lat: 52.5018,\n lng: 13.41115439,\n};\n\ntype GoogleMapViewProps = {\n disabled: boolean;\n location: Coords \| undefined;\n onGoogleApiLoaded: ({ maps }: { maps: any }) => void;\n onChangeLocation: (location: Coords) => void;\n googleMapsKey?: string;\n};\n\ntype GoogleMapsViewState = {\n marker: any;\n maps: any;\n};\n\nexport class GoogleMapView extends React.Component<GoogleMapViewProps, GoogleMapsViewState> {\n constructor(props: GoogleMapViewProps) {\n super(props);\n this.state = {\n marker: undefined,\n maps: undefined,\n };\n }\n\n componentDidUpdate() {\n if (this.state.marker && this.state.maps) {\n if (this.props.location) {\n const latLng = new this.state.maps.LatLng(this.props.location.lat, this.props.location.lng);\n this.state.marker.setPosition(latLng);\n this.state.marker.setVisible(true);\n } else {\n this.state.marker.setVisible(false);\n }\n this.state.marker.setDraggable(!this.props.disabled);\n this.state.marker.setCursor(this.props.disabled ? 'not-allowed' : 'auto');\n }\n }\n\n onGoogleApiLoaded = (event: { maps: any; map: any }) => {\n const { maps, map } = event;\n const marker = new maps.Marker({\n map,\n position: map.getCenter(),\n cursor: this.props.disabled ? 'not-allowed' : 'auto',\n draggable: !this.props.disabled,\n visible: Boolean(this.props.location),\n });\n\n maps.event.addListener(map, 'click', (event: any) => {\n if (this.props.disabled \|\| !this.state.marker \|\| !this.state.maps) {\n return;\n }\n this.state.marker.setPosition(event.latLng);\n this.state.marker.setVisible(true);\n this.props.onChangeLocation({\n lat: event.latLng.lat(),\n lng: event.latLng.lng(),\n });\n });\n\n maps.event.addListener(marker, 'dragend', (event: any) => {\n this.props.onChangeLocation({\n lat: event.latLng.lat(),\n lng: event.latLng.lng(),\n });\n });\n this.setState({ marker, maps }, () => {\n this.props.onGoogleApiLoaded({ maps });\n });\n };\n\n render() {\n return (\n <div className={styles.root}>\n <GoogleMapReact\n draggable={!this.props.disabled}\n bootstrapURLKeys={\n this.props.googleMapsKey ? { key: this.props.googleMapsKey } : undefined\n }\n defaultCenter={BerlinLocation}\n center={this.props.location}\n options={{\n scrollwheel: false,\n mapTypeId: 'roadmap',\n }}\n defaultZoom={6}\n yesIWantToUseGoogleMapApiInternals\n onGoogleApiLoaded={this.onGoogleApiLoaded}\n />\n </div>\n );\n }\n}\n","import React from 'react';\n\nimport { Button, Card, Spinner, ValidationMessage, TextInput } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nimport { Coords, GeocodeApiResponse } from './types';\n\nconst styles = {\n root: css({\n width: '100%',\n }),\n input: css({\n position: 'relative',\n width: '100%',\n }),\n spinner: css({\n position: 'absolute',\n right: 10,\n top: 10,\n zIndex: 99,\n }),\n validationMessage: css({\n marginTop: tokens.spacingS,\n }),\n suggestion: css({\n position: 'absolute',\n transform: 'translateY(100%)',\n bottom: 0,\n left: 0,\n zIndex: 1,\n }),\n};\n\ntype LocationSearchInputProps = {\n disabled: boolean;\n value?: Coords;\n onSearchAddress: (term: string) => Promise<GeocodeApiResponse>;\n onGetAddressFromLocation: (coors: Coords \| undefined, value: string) => Promise<string>;\n onChangeLocation: (location?: Coords) => void;\n};\n\nexport function LocationSearchInput(props: LocationSearchInputProps) {\n const [isSearching, setIsSearching] = React.useState<boolean>(false);\n const [address, setAddress] = React.useState<string>('');\n const [hasError, setHasError] = React.useState<boolean>(false);\n const [suggestion, setSuggestion] = React.useState<null \| {\n address: string;\n location: { lat: number; lng: number };\n }>(null);\n\n React.useEffect(() => {\n setIsSearching(true);\n props.onGetAddressFromLocation(props.value, address).then((address) => {\n setAddress(address);\n setIsSearching(false);\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps -- TODO: Evaluate the dependencies\n }, [props.value, props.disabled]);\n\n return (\n <div className={styles.root}>\n <div className={styles.input}>\n <TextInput\n testId=\"location-editor-search\"\n isInvalid={hasError}\n placeholder=\"Start typing to find location\"\n value={address}\n onChange={(e) => {\n setAddress(e.target.value);\n setHasError(false);\n setSuggestion(null);\n\n if (e.target.value === '') {\n props.onChangeLocation(undefined);\n return;\n }\n\n setIsSearching(true);\n props.onSearchAddress(e.target.value).then((value) => {\n setIsSearching(false);\n if (value === null) {\n setHasError(false);\n } else if (value.length === 0) {\n setHasError(true);\n } else {\n setHasError(false);\n setSuggestion({\n address: value[0].formatted_address,\n location: {\n lat: Number(value[0].geometry.location.lat().toString().slice(0, 8)),\n lng: Number(value[0].geometry.location.lng().toString().slice(0, 8)),\n },\n });\n }\n });\n }}\n isDisabled={props.disabled}\n />\n {isSearching && <Spinner className={styles.spinner} />}\n {suggestion && (\n <Card padding=\"none\" className={styles.suggestion}>\n <Button\n variant=\"transparent\"\n testId=\"location-editor-suggestion\"\n onClick={() => {\n setAddress(suggestion.address);\n props.onChangeLocation(suggestion.location);\n setSuggestion(null);\n }}\n >\n {suggestion.address}\n </Button>\n </Card>\n )}\n {hasError && (\n <ValidationMessage\n testId=\"location-editor-not-found\"\n className={styles.validationMessage}\n >\n No results found for <strong>{address}</strong>. Please make sure that address is\n spelled correctly.\n </ValidationMessage>\n )}\n </div>\n </div>\n );\n}\n","export interface Coords {\n lat: number;\n lng: number;\n}\n\nexport type LocationValue = { lat: number; lon: number };\nexport type NullableLocationValue = LocationValue \| null \| undefined;\n\nexport enum ViewType {\n Address = 'Address',\n Coordinates = 'Coordinates',\n}\n\nexport type GeocodeApiResponse = null \| Array<{\n formatted_address: string;\n geometry: {\n location: {\n lat: () => number;\n lng: () => number;\n };\n };\n}>;\n","import React from 'react';\n\nimport { TextLink, TextInput, Radio, Flex } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nimport { LocationSearchInput } from './LocationSearchInput';\nimport { Coords, ViewType, GeocodeApiResponse } from './types';\n\ninterface LocationSelectorProps {\n disabled: boolean;\n value: Coords \| undefined;\n view: ViewType;\n onChangeView: (view: ViewType) => void;\n onChangeLocation: (value?: Coords) => void;\n onSearchAddress: (value: string) => Promise<GeocodeApiResponse>;\n onGetAddressFromLocation: (location: Coords \| undefined, address: string) => Promise<string>;\n}\n\nconst styles = {\n root: css({\n display: 'flex',\n flexDirection: 'row',\n marginTop: tokens.spacingS,\n alignItems: 'flex-end',\n }),\n main: css({\n flexGrow: 1,\n }),\n secondary: css({\n minWidth: '70px',\n textAlign: 'right',\n }),\n inputsRow: css({\n display: 'flex',\n marginTop: tokens.spacingS,\n fontSize: tokens.fontSizeM,\n color: tokens.gray900,\n fontFamily: tokens.fontStackPrimary,\n alignItems: 'center',\n }),\n splitter: css({\n width: tokens.spacingL,\n }),\n clearBtn: css({\n marginBottom: tokens.spacingS,\n }),\n};\n\nexport function LocationSelector(props: LocationSelectorProps) {\n return (\n <div className={styles.root}>\n <div className={styles.main}>\n <Flex flexDirection=\"row\">\n <Radio\n className={css({ flexBasis: '100%' })}\n id={ViewType.Address}\n testId=\"location-editor-address-radio\"\n isDisabled={props.disabled}\n value={ViewType.Address}\n isChecked={props.view === ViewType.Address}\n onChange={() => {\n props.onChangeView(ViewType.Address);\n }}\n >\n Address\n </Radio>\n <Radio\n className={css({ flexBasis: '100%' })}\n id={ViewType.Coordinates}\n testId=\"location-editor-coordinates-radio\"\n isDisabled={props.disabled}\n value={ViewType.Coordinates}\n isChecked={props.view === ViewType.Coordinates}\n onChange={() => {\n props.onChangeView(ViewType.Coordinates);\n }}\n >\n Coordinates\n </Radio>\n </Flex>\n {props.view === ViewType.Address && (\n <div className={styles.inputsRow}>\n <LocationSearchInput\n onSearchAddress={props.onSearchAddress}\n onGetAddressFromLocation={props.onGetAddressFromLocation}\n disabled={props.disabled}\n value={props.value}\n onChangeLocation={props.onChangeLocation}\n />\n </div>\n )}\n {props.view === ViewType.Coordinates && (\n <div className={styles.inputsRow}>\n <label htmlFor=\"latitude\">Latitude</label>\n <div className={styles.splitter} />\n <TextInput\n id=\"latitude\"\n testId=\"location-editor-latitude\"\n placeholder=\"Between -90 and 90\"\n isDisabled={props.disabled}\n value={props.value ? String(props.value.lat) : ''}\n onChange={(e) => {\n props.onChangeLocation({\n lng: props.value && props.value.lng !== undefined ? props.value.lng : 0,\n lat: Number(e.target.value) \|\| 0,\n });\n }}\n type=\"number\"\n max=\"90\"\n min=\"-90\"\n step=\"0.1\"\n />\n <div className={styles.splitter} />\n <label htmlFor=\"longitude\">Longitude</label>\n <div className={styles.splitter} />\n <TextInput\n id=\"longitude\"\n testId=\"location-editor-longitude\"\n placeholder=\"Between -180 and 180\"\n isDisabled={props.disabled}\n value={props.value ? String(props.value.lng) : ''}\n onChange={(e) => {\n props.onChangeLocation({\n lat: props.value && props.value.lat !== undefined ? props.value.lat : 0,\n lng: Number(e.target.value) \|\| 0,\n });\n }}\n type=\"number\"\n max=\"180\"\n min=\"-180\"\n step=\"0.1\"\n />\n </div>\n )}\n </div>\n <div className={styles.secondary}>\n <TextLink\n as=\"button\"\n isDisabled={props.disabled}\n testId=\"location-editor-clear\"\n className={styles.clearBtn}\n onClick={() => {\n props.onChangeLocation(undefined);\n }}\n >\n Clear\n </TextLink>\n </div>\n </div>\n );\n}\n","import as React from 'react';\n\nimport { FieldAPI, FieldConnector, ParametersAPI } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport isNumber from 'lodash/isNumber';\nimport throttle from 'lodash/throttle';\n\nimport { GoogleMapView } from './GoogleMapView';\nimport { LocationSelector } from './LocationSelector';\nimport {\n LocationValue,\n ViewType,\n NullableLocationValue,\n Coords,\n GeocodeApiResponse,\n} from './types';\n\nexport interface LocationEditorConnectedProps {\n /*\n is the field disabled initially\n /\n isInitiallyDisabled: boolean;\n\n /\n sdk.field\n /\n field: FieldAPI;\n\n /\n sdk.parameters\n */\n parameters?: ParametersAPI & {\n instance: {\n googleMapsKey?: string;\n };\n };\n}\n\ntype LocationEditorProps = {\n disabled: boolean;\n value: NullableLocationValue;\n setValue: (value: NullableLocationValue) => void;\n googleMapsKey?: string;\n selectedView: ViewType;\n setSelectedView: (view: ViewType) => void;\n};\n\nfunction toLocationValue(coords?: Coords): NullableLocationValue {\n if (coords && isNumber(coords.lat) && isNumber(coords.lng)) {\n return { lat: coords.lat, lon: coords.lng };\n } else {\n return null;\n }\n}\n\nexport class LocationEditor extends React.Component<\n LocationEditorProps,\n {\n localValue?: Coords;\n mapsObject: any; // eslint-disable-line -- TODO: describe this disable @typescript-eslint/no-explicit-any\n }\n> {\n constructor(props: LocationEditorProps) {\n super(props);\n\n this.state = {\n localValue: props.value\n ? {\n lng: props.value.lon,\n lat: props.value.lat,\n }\n : undefined,\n mapsObject: null,\n };\n }\n\n // @ts-expect-error\n onSearchAddress: (value: string) => Promise<GeocodeApiResponse> = throttle((value) => {\n if (!this.state.mapsObject) {\n return Promise.resolve(null);\n }\n const { mapsObject } = this.state;\n if (!value) {\n return Promise.resolve(null);\n }\n return new Promise((resolve) => {\n const geocoder = new mapsObject.Geocoder();\n geocoder.geocode({ address: value }, resolve, () => {\n resolve(null);\n });\n });\n }, 300);\n\n onGetAddressFromLocation = (location: Coords \| undefined, value: string): Promise<string> => {\n if (!this.state.mapsObject \|\| !location) {\n return Promise.resolve('');\n }\n const { mapsObject } = this.state;\n return new Promise((resolve) => {\n const geocoder = new mapsObject.Geocoder();\n geocoder.geocode(\n { location },\n (result: GeocodeApiResponse) => {\n if (result && result.length > 0) {\n const addresses = result.map((item) => item.formatted_address);\n resolve(addresses.find((item) => item === value) \|\| addresses[0]);\n } else {\n resolve('');\n }\n },\n () => {\n resolve('');\n }\n );\n });\n };\n\n render() {\n const { mapsObject, localValue } = this.state;\n\n return (\n <div data-test-id=\"location-editor\">\n <GoogleMapView\n disabled={this.props.disabled \|\| mapsObject === null}\n googleMapsKey={this.props.googleMapsKey}\n location={localValue}\n onGoogleApiLoaded={({ maps }) => {\n this.setState({ mapsObject: maps });\n }}\n onChangeLocation={(coords) => {\n this.setState({ localValue: coords });\n this.props.setValue(toLocationValue(coords));\n }}\n />\n <LocationSelector\n disabled={this.props.disabled \|\| mapsObject === null}\n value={localValue}\n view={this.props.selectedView}\n onChangeView={(view) => {\n this.props.setSelectedView(view);\n }}\n onChangeLocation={(coords) => {\n this.setState({ localValue: coords });\n this.props.setValue(toLocationValue(coords));\n }}\n onSearchAddress={this.onSearchAddress}\n onGetAddressFromLocation={this.onGetAddressFromLocation}\n />\n </div>\n );\n }\n}\n\nexport function LocationEditorConnected(props: LocationEditorConnectedProps) {\n const { field } = props;\n const googleMapsKey = props.parameters ? props.parameters.instance.googleMapsKey : undefined;\n const [selectedView, setSelectedView] = React.useState<ViewType>(ViewType.Address);\n\n return (\n <FieldConnector<LocationValue>\n isEqualValues={(value1, value2) => {\n return deepEqual(value1, value2);\n }}\n field={field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n >\n {({ value, disabled, setValue, externalReset }) => {\n return (\n <LocationEditor\n // on external change reset component completely and init with initial value again\n key={`location-editor-${externalReset}`}\n value={value}\n disabled={disabled}\n setValue={setValue}\n googleMapsKey={googleMapsKey}\n selectedView={selectedView}\n setSelectedView={setSelectedView}\n />\n );\n }}\n </FieldConnector>\n );\n}\n\nLocationEditorConnected.defaultProps = {\n isInitiallyDisabled: true,\n};\n","import { LocationEditorConnected } from './LocationEditor';\n\nexport const LocationEditor = LocationEditorConnected;\n"],"names":["styles","root","css","height","width","BerlinLocation","lat","lng","GoogleMapView","React","Component","constructor","props","onGoogleApiLoaded","event","maps","map","marker","Marker","position","getCenter","cursor","disabled","draggable","visible","Boolean","location","addListener","state","setPosition","latLng","setVisible","onChangeLocation","setState","undefined","componentDidUpdate","LatLng","setDraggable","setCursor","render","className","GoogleMapReact","bootstrapURLKeys","googleMapsKey","key","defaultCenter","center","options","scrollwheel","mapTypeId","defaultZoom","yesIWantToUseGoogleMapApiInternals","input","spinner","right","top","zIndex","validationMessage","marginTop","tokens","spacingS","suggestion","transform","bottom","left","LocationSearchInput","isSearching","setIsSearching","useState","address","setAddress","hasError","setHasError","setSuggestion","useEffect","onGetAddressFromLocation","value","then","TextInput","testId","isInvalid","placeholder","onChange","e","target","onSearchAddress","length","formatted_address","Number","geometry","toString","slice","isDisabled","Spinner","Card","padding","Button","variant","onClick","ValidationMessage","ViewType","display","flexDirection","alignItems","main","flexGrow","secondary","minWidth","textAlign","inputsRow","fontSize","fontSizeM","color","gray900","fontFamily","fontStackPrimary","splitter","spacingL","clearBtn","marginBottom","LocationSelector","Flex","Radio","flexBasis","id","Address","isChecked","view","onChangeView","Coordinates","htmlFor","String","type","max","min","step","TextLink","as","toLocationValue","coords","isNumber","lon","LocationEditor","throttle","mapsObject","Promise","resolve","geocoder","Geocoder","geocode","result","addresses","item","find","localValue","setValue","selectedView","setSelectedView","LocationEditorConnected","field","parameters","instance","FieldConnector","isEqualValues","value1","value2","deepEqual","isInitiallyDisabled","externalReset","defaultProps"],"mappings":"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"}

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

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