@sanity/google-maps-input 2.30.2-shopify.0 → 3.0.0-studio-v3.1

package/src/map/Marker.tsx

@@ -0,0 +1,130 @@
+import * as React from 'react'
+import {LatLng} from '../types'
+import {latLngAreEqual} from './util'
+
+const markerPath =
+  'M 3.052 3.7 C 1.56 5.293 0.626 7.612 0.663 9.793 C 0.738 14.352 2.793 16.077 6.078 22.351 C 7.263 25.111 8.497 28.032 9.672 32.871 C 9.835 33.584 9.994 34.246 10.069 34.305 C 10.143 34.362 10.301 33.697 10.465 32.983 C 11.639 28.145 12.875 25.226 14.059 22.466 C 17.344 16.192 19.398 14.466 19.474 9.908 C 19.511 7.727 18.574 5.405 17.083 3.814 C 15.379 1.994 12.809 0.649 10.069 0.593 C 7.328 0.536 4.756 1.882 3.052 3.7 Z'
+
+interface Props {
+  api: typeof window.google.maps
+  map: google.maps.Map
+  onMove?: (event: google.maps.MapMouseEvent) => void
+  onClick?: (event: google.maps.MapMouseEvent) => void
+  position: LatLng | google.maps.LatLng
+  zIndex?: number
+  opacity?: number
+  label?: string
+  markerRef?: React.MutableRefObject<google.maps.Marker | undefined>
+  color?: {background: string; border: string; text: string}
+}
+
+export class Marker extends React.PureComponent<Props> {
+  marker: google.maps.Marker | undefined
+
+  eventHandlers: {
+    move?: google.maps.MapsEventListener
+    click?: google.maps.MapsEventListener
+  } = {}
+
+  componentDidMount() {
+    const {position, api, map, onMove, zIndex, opacity, label, markerRef, color} = this.props
+    const {Marker: GMarker} = api
+
+    let icon: google.maps.Symbol | undefined
+    if (color) {
+      icon = {
+        path: markerPath,
+        fillOpacity: 1,
+        fillColor: color.background,
+        strokeColor: color.border,
+        strokeWeight: 2,
+        anchor: new api.Point(10, 35),
+        labelOrigin: new api.Point(10, 11),
+      }
+    }
+
+    this.marker = new GMarker({
+      draggable: Boolean(onMove),
+      position,
+      map,
+      zIndex,
+      opacity,
+      label,
+      icon,
+    })
+
+    if (markerRef) {
+      markerRef.current = this.marker
+    }
+
+    this.attachMoveHandler()
+    this.attachClickHandler()
+  }
+
+  componentDidUpdate(prevProps: Props) {
+    if (!this.marker) {
+      return
+    }
+
+    const {position, onMove, label, zIndex, opacity, map} = this.props
+
+    if (prevProps.onMove !== onMove) {
+      this.attachMoveHandler()
+    }
+
+    if (!latLngAreEqual(prevProps.position, position)) {
+      this.marker.setPosition(position)
+    }
+
+    if (prevProps.label !== label) {
+      this.marker.setLabel(label || null)
+    }
+
+    if (prevProps.zIndex !== zIndex) {
+      this.marker.setZIndex(zIndex || null)
+    }
+
+    if (prevProps.opacity !== opacity) {
+      this.marker.setOpacity(opacity || null)
+    }
+
+    if (prevProps.map !== map) {
+      this.marker.setMap(map)
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.eventHandlers.move) {
+      this.eventHandlers.move.remove()
+    }
+
+    if (this.marker) {
+      this.marker.setMap(null)
+    }
+  }
+
+  attachMoveHandler() {
+    const {api, onMove} = this.props
+    if (this.eventHandlers.move) {
+      this.eventHandlers.move.remove()
+    }
+    if (this.marker && onMove) {
+      this.eventHandlers.move = api.event.addListener(this.marker, 'dragend', onMove)
+    }
+  }
+
+  attachClickHandler() {
+    const {api, onClick} = this.props
+    if (this.eventHandlers.click) {
+      this.eventHandlers.click.remove()
+    }
+    if (this.marker && onClick) {
+      this.eventHandlers.click = api.event.addListener(this.marker, 'click', onClick)
+    }
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  render(): any {
+    return null
+  }
+}

package/src/map/SearchInput.styles.tsx

@@ -0,0 +1,8 @@
+import styled from 'styled-components'
+
+export const WrapperContainer = styled.div`
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  width: 220px;
+`

package/src/map/SearchInput.tsx

@@ -0,0 +1,56 @@
+import * as React from 'react'
+import {TextInput} from '@sanity/ui'
+import {WrapperContainer} from './SearchInput.styles'
+
+interface Props {
+  api: typeof window.google.maps
+  map: google.maps.Map
+  onChange: (result: google.maps.places.PlaceResult) => void
+}
+
+export class SearchInput extends React.PureComponent<Props> {
+  searchInputRef = React.createRef<HTMLInputElement>()
+  autoComplete: google.maps.places.Autocomplete | undefined
+
+  handleChange = () => {
+    if (!this.autoComplete) {
+      return
+    }
+
+    this.props.onChange(this.autoComplete.getPlace())
+
+    if (this.searchInputRef.current) {
+      this.searchInputRef.current.value = ''
+    }
+  }
+
+  componentDidMount() {
+    const input = this.searchInputRef.current
+    if (!input) {
+      return
+    }
+
+    const {api, map} = this.props
+    const {Circle, places, event} = api
+    const searchBounds = new Circle({center: map.getCenter(), radius: 100}).getBounds()!
+    this.autoComplete = new places.Autocomplete(input, {
+      bounds: searchBounds,
+      types: [], // return all kinds of places
+    })
+
+    event.addListener(this.autoComplete, 'place_changed', this.handleChange)
+  }
+
+  render() {
+    return (
+      <WrapperContainer>
+        <TextInput
+          name="place"
+          ref={this.searchInputRef}
+          placeholder="Search for place or address"
+          padding={4}
+        />
+      </WrapperContainer>
+    )
+  }
+}

package/src/map/util.ts

@@ -0,0 +1,14 @@
+import {LatLng} from '../types'
+
+export function latLngAreEqual(
+  latLng1: LatLng | google.maps.LatLng,
+  latLng2: LatLng | google.maps.LatLng
+): boolean {
+  const lat1 = typeof latLng1.lat === 'function' ? latLng1.lat() : latLng1.lat
+  const lng1 = typeof latLng1.lng === 'function' ? latLng1.lng() : latLng1.lng
+
+  const lat2 = typeof latLng2.lat === 'function' ? latLng2.lat() : latLng2.lat
+  const lng2 = typeof latLng2.lng === 'function' ? latLng2.lng() : latLng2.lng
+
+  return lat1 === lat2 && lng1 === lng2
+}

package/src/types.ts

@@ -0,0 +1,19 @@
+import {DiffComponent, DiffComponentOptions, ObjectDiff} from 'sanity/_unstable'
+import {ObjectSchemaType} from 'sanity'
+
+export interface LatLng {
+  lat: number
+  lng: number
+}
+
+export interface Geopoint {
+  _type: 'geopoint'
+  _key?: string
+  lat: number
+  lng: number
+  alt?: number
+}
+
+export interface GeopointSchemaType extends ObjectSchemaType {
+  diffComponent?: DiffComponent<ObjectDiff<Geopoint>> | DiffComponentOptions<ObjectDiff<Geopoint>>
+}

package/.depcheckignore.json

@@ -1,3 +0,0 @@
-{
-  "ignore": ["@types/googlemaps"]
-}

package/config.dist.json

@@ -1,9 +0,0 @@
-{
-  "apiKey": null,
-  "defaultZoom": 11,
-  "defaultLocale": null,
-  "defaultLocation": {
-    "lat": 40.7058254,
-    "lng": -74.1180863
-  }
-}

package/dist/dts/diff/GeopointArrayDiff.d.ts

@@ -1,5 +0,0 @@
-import { ArrayDiff, DiffProps as GenericDiffProps, DiffComponent } from '@sanity/field/diff';
-import { Geopoint } from '../types';
-export declare type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>;
-export declare const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>>;
-//# sourceMappingURL=GeopointArrayDiff.d.ts.map

package/dist/dts/diff/GeopointArrayDiff.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeopointArrayDiff.d.ts","sourceRoot":"","sources":["../../../src/diff/GeopointArrayDiff.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAGT,SAAS,IAAI,gBAAgB,EAC7B,aAAa,EACd,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAA;AAIjC,oBAAY,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;AAE7D,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAQhE,CAAA"}

package/dist/dts/diff/GeopointFieldDiff.d.ts

@@ -1,5 +0,0 @@
-import { DiffComponent, ObjectDiff, DiffProps as GenericDiffProps } from '@sanity/field/diff';
-import { Geopoint } from '../types';
-export declare type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>;
-export declare const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>>;
-//# sourceMappingURL=GeopointFieldDiff.d.ts.map

package/dist/dts/diff/GeopointFieldDiff.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeopointFieldDiff.d.ts","sourceRoot":"","sources":["../../../src/diff/GeopointFieldDiff.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,UAAU,EACV,SAAS,IAAI,gBAAgB,EAG9B,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAA;AAIjC,oBAAY,SAAS,GAAG,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;AAE9D,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAQjE,CAAA"}

package/dist/dts/diff/GeopointFieldDiff.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const RootContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=GeopointFieldDiff.styles.d.ts.map

package/dist/dts/diff/GeopointFieldDiff.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeopointFieldDiff.styles.d.ts","sourceRoot":"","sources":["../../../src/diff/GeopointFieldDiff.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oEAiBzB,CAAA"}

package/dist/dts/diff/GeopointMove.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-/// <reference types="googlemaps" />
-import { ObjectDiff } from '@sanity/field/diff';
-import { Geopoint } from '../types';
-interface Props {
-    api: typeof window.google.maps;
-    map: google.maps.Map;
-    diff: ObjectDiff<Geopoint>;
-    label?: string;
-}
-export declare function GeopointMove({ diff, api, map, label }: Props): JSX.Element;
-export {};
-//# sourceMappingURL=GeopointMove.d.ts.map

package/dist/dts/diff/GeopointMove.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeopointMove.d.ts","sourceRoot":"","sources":["../../../src/diff/GeopointMove.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAA;AAG7C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAA;AAEjC,UAAU,KAAK;IACb,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;IAC9B,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAA;IACpB,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,YAAY,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,EAAE,KAAK,eAkC1D"}

package/dist/dts/diff/resolver.d.ts

@@ -1,4 +0,0 @@
-import { DiffComponentResolver } from '@sanity/field/diff';
-declare const diffResolver: DiffComponentResolver;
-export default diffResolver;
-//# sourceMappingURL=resolver.d.ts.map

package/dist/dts/diff/resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../src/diff/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAA;AAIxD,QAAA,MAAM,YAAY,EAAE,qBAcnB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/dts/input/GeopointInput.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="googlemaps" />
-import React from 'react';
-import { Path, Marker } from '@sanity/types';
-import { FormFieldPresence } from '@sanity/base/presence';
-import { Geopoint, GeopointSchemaType } from '../types';
-interface InputProps {
-    markers: Marker[];
-    level?: number;
-    value?: Geopoint;
-    compareValue?: Geopoint;
-    type: GeopointSchemaType;
-    readOnly?: boolean;
-    onFocus: (path: Path) => void;
-    onBlur: () => void;
-    onChange: (patchEvent: unknown) => void;
-    presence: FormFieldPresence[];
-}
-declare type Focusable = any;
-interface InputState {
-    modalOpen: boolean;
-}
-declare class GeopointInput extends React.PureComponent<InputProps, InputState> {
-    _geopointInputId: string;
-    static defaultProps: {
-        markers: never[];
-    };
-    editButton: Focusable | undefined;
-    constructor(props: any);
-    setEditButton: (el: Focusable) => void;
-    focus(): void;
-    handleFocus: (event: any) => void;
-    handleBlur: () => void;
-    handleToggleModal: () => void;
-    handleCloseModal: () => void;
-    handleChange: (latLng: google.maps.LatLng) => void;
-    handleClear: () => void;
-    render(): JSX.Element;
-}
-export default GeopointInput;
-//# sourceMappingURL=GeopointInput.d.ts.map

package/dist/dts/input/GeopointInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeopointInput.d.ts","sourceRoot":"","sources":["../../../src/input/GeopointInput.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAC,IAAI,EAAE,MAAM,EAAC,MAAM,eAAe,CAAA;AAG1C,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAIvD,OAAO,EAAC,QAAQ,EAAE,kBAAkB,EAAC,MAAM,UAAU,CAAA;AAsBrD,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,IAAI,EAAE,kBAAkB,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,QAAQ,EAAE,iBAAiB,EAAE,CAAA;CAC9B;AAMD,aAAK,SAAS,GAAG,GAAG,CAAA;AAEpB,UAAU,UAAU;IAClB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,cAAM,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,UAAU,CAAC;IACrE,gBAAgB,SAA4B;IAE5C,MAAM,CAAC,YAAY;;MAElB;IAED,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;gBAErB,KAAK,KAAA;IAQjB,aAAa,OAAQ,SAAS,UAE7B;IAED,KAAK;IAML,WAAW,uBAEV;IAED,UAAU,aAET;IAED,iBAAiB,aAYhB;IAED,gBAAgB,aAEf;IAED,YAAY,WAAY,OAAO,IAAI,CAAC,MAAM,UAWzC;IAED,WAAW,aAGV;IAED,MAAM;CAkGP;AAED,eAAe,aAAa,CAAA"}

package/dist/dts/input/GeopointInput.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const DialogInnerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=GeopointInput.styles.d.ts.map

package/dist/dts/input/GeopointInput.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeopointInput.styles.d.ts","sourceRoot":"","sources":["../../../src/input/GeopointInput.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,oEAIxB,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAGhC,CAAA"}

package/dist/dts/input/GeopointSelect.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="googlemaps" />
-import React from 'react';
-import { LatLng, Geopoint } from '../types';
-interface SelectProps {
-    api: typeof window.google.maps;
-    value?: Geopoint;
-    onChange?: (latLng: google.maps.LatLng) => void;
-    defaultLocation?: LatLng;
-    defaultZoom?: number;
-}
-export declare class GeopointSelect extends React.PureComponent<SelectProps> {
-    static defaultProps: {
-        defaultZoom: number;
-        defaultLocation: {
-            lng: number;
-            lat: number;
-        };
-    };
-    mapRef: React.RefObject<HTMLDivElement>;
-    getCenter(): LatLng;
-    handlePlaceChanged: (place: google.maps.places.PlaceResult) => void;
-    handleMarkerDragEnd: (event: google.maps.MapMouseEvent) => void;
-    handleMapClick: (event: google.maps.MapMouseEvent) => void;
-    setValue(geoPoint: google.maps.LatLng): void;
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=GeopointSelect.d.ts.map

package/dist/dts/input/GeopointSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GeopointSelect.d.ts","sourceRoot":"","sources":["../../../src/input/GeopointSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,UAAU,CAAA;AAIzC,UAAU,WAAW;IACnB,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;IAC9B,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI,CAAA;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAClE,MAAM,CAAC,YAAY;;;;;;MAGlB;IAED,MAAM,kCAAoC;IAE1C,SAAS;IAMT,kBAAkB,UAAW,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,UAM1D;IAED,mBAAmB,UAAW,OAAO,IAAI,CAAC,aAAa,UAEtD;IAED,cAAc,UAAW,OAAO,IAAI,CAAC,aAAa,UAEjD;IAED,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM;IAMrC,MAAM;CAyBP"}

package/dist/dts/loader/GoogleMapsLoadProxy.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Subscription } from 'rxjs';
-import { GoogleLoadState } from './loadGoogleMapsApi';
-interface LoadProps {
-    children: (api: typeof window.google.maps) => React.ReactElement;
-}
-export declare class GoogleMapsLoadProxy extends React.Component<LoadProps, GoogleLoadState> {
-    loadSubscription: Subscription | undefined;
-    constructor(props: LoadProps);
-    componentWillUnmount(): void;
-    render(): JSX.Element | null;
-}
-export {};
-//# sourceMappingURL=GoogleMapsLoadProxy.d.ts.map

package/dist/dts/loader/GoogleMapsLoadProxy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GoogleMapsLoadProxy.d.ts","sourceRoot":"","sources":["../../../src/loader/GoogleMapsLoadProxy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAA;AACjC,OAAO,EAAoB,eAAe,EAAC,MAAM,qBAAqB,CAAA;AAGtE,UAAU,SAAS;IACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,YAAY,CAAA;CACjE;AAED,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,eAAe,CAAC;IAClF,gBAAgB,EAAE,YAAY,GAAG,SAAS,CAAA;gBAE9B,KAAK,EAAE,SAAS;IAgB5B,oBAAoB;IAMpB,MAAM;CAcP"}

package/dist/dts/loader/LoadError.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-declare type Props = {
-    error: Error;
-    isAuthError: false;
-} | {
-    isAuthError: true;
-};
-export declare function LoadError(props: Props): JSX.Element;
-export {};
-//# sourceMappingURL=LoadError.d.ts.map

package/dist/dts/loader/LoadError.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadError.d.ts","sourceRoot":"","sources":["../../../src/loader/LoadError.tsx"],"names":[],"mappings":";AAGA,aAAK,KAAK,GAAG;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,KAAK,CAAA;CAAC,GAAG;IAAC,WAAW,EAAE,IAAI,CAAA;CAAC,CAAA;AAErE,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,eAuBrC"}

package/dist/dts/loader/loadGoogleMapsApi.d.ts

@@ -1,18 +0,0 @@
-import { Observable } from 'rxjs';
-export interface LoadingState {
-    loadState: 'loading';
-}
-export interface LoadedState {
-    loadState: 'loaded';
-    api: typeof window.google.maps;
-}
-export interface LoadErrorState {
-    loadState: 'loadError';
-    error: Error;
-}
-export interface AuthErrorState {
-    loadState: 'authError';
-}
-export declare type GoogleLoadState = LoadingState | LoadedState | LoadErrorState | AuthErrorState;
-export declare function loadGoogleMapsApi(): Observable<GoogleLoadState>;
-//# sourceMappingURL=loadGoogleMapsApi.d.ts.map

package/dist/dts/loader/loadGoogleMapsApi.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loadGoogleMapsApi.d.ts","sourceRoot":"","sources":["../../../src/loader/loadGoogleMapsApi.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAkB,MAAM,MAAM,CAAA;AAOhD,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,QAAQ,CAAA;IACnB,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,CAAA;IACtB,KAAK,EAAE,KAAK,CAAA;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,CAAA;CACvB;AAED,oBAAY,eAAe,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,cAAc,CAAA;AAI1F,wBAAgB,iBAAiB,IAAI,UAAU,CAAC,eAAe,CAAC,CAoC/D"}

package/dist/dts/map/Arrow.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="googlemaps" />
-import * as React from 'react';
-import { LatLng } from '../types';
-interface Props {
-    api: typeof window.google.maps;
-    map: google.maps.Map;
-    from: LatLng;
-    to: LatLng;
-    color?: {
-        background: string;
-        border: string;
-        text: string;
-    };
-    zIndex?: number;
-    arrowRef?: React.MutableRefObject<google.maps.Polyline | undefined>;
-    onClick?: (event: google.maps.MapMouseEvent) => void;
-}
-export declare class Arrow extends React.PureComponent<Props> {
-    line: google.maps.Polyline | undefined;
-    eventHandlers: {
-        click?: google.maps.MapsEventListener;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    componentWillUnmount(): void;
-    render(): null;
-}
-export {};
-//# sourceMappingURL=Arrow.d.ts.map

package/dist/dts/map/Arrow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Arrow.d.ts","sourceRoot":"","sources":["../../../src/map/Arrow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAG/B,UAAU,KAAK;IACb,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;IAC9B,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAA;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAA;IACnE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAA;CACrD;AAED,qBAAa,KAAM,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;IAEtC,aAAa,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAA;KACtC,CAAK;IAEN,iBAAiB;IAwBjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAenC,oBAAoB;IAWpB,MAAM;CAGP"}

package/dist/dts/map/Map.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="googlemaps" />
-import React from 'react';
-import { LatLng } from '../types';
-interface MapProps {
-    api: typeof window.google.maps;
-    location: LatLng;
-    bounds?: google.maps.LatLngBounds;
-    defaultZoom?: number;
-    mapTypeControl?: boolean;
-    scrollWheel?: boolean;
-    controlSize?: number;
-    onClick?: (event: google.maps.MapMouseEvent) => void;
-    children?: (map: google.maps.Map) => React.ReactElement;
-}
-interface MapState {
-    map: google.maps.Map | undefined;
-}
-export declare class GoogleMap extends React.PureComponent<MapProps, MapState> {
-    static defaultProps: {
-        defaultZoom: number;
-        scrollWheel: boolean;
-    };
-    state: MapState;
-    clickHandler: google.maps.MapsEventListener | undefined;
-    mapRef: React.RefObject<HTMLDivElement>;
-    mapEl: HTMLDivElement | null;
-    componentDidMount(): void;
-    attachClickHandler: () => void;
-    componentDidUpdate(prevProps: MapProps): void;
-    componentWillUnmount(): void;
-    getCenter(): google.maps.LatLng;
-    constructMap(el: HTMLDivElement): google.maps.Map<HTMLDivElement>;
-    setMapElement: (element: HTMLDivElement | null) => void;
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=Map.d.ts.map

package/dist/dts/map/Map.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../src/map/Map.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAI/B,UAAU,QAAQ;IAChB,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,YAAY,CAAA;CACxD;AAED,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,SAAS,CAAA;CACjC;AAED,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC;IACpE,MAAM,CAAC,YAAY;;;MAGlB;IAED,KAAK,EAAE,QAAQ,CAAmB;IAClC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAA;IACvD,MAAM,kCAAoC;IAC1C,KAAK,EAAE,cAAc,GAAG,IAAI,CAAO;IAEnC,iBAAiB;IAIjB,kBAAkB,aAgBjB;IAED,kBAAkB,CAAC,SAAS,EAAE,QAAQ;IAqBtC,oBAAoB;IAMpB,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM;IAK/B,YAAY,CAAC,EAAE,EAAE,cAAc;IAmB/B,aAAa,YAAa,cAAc,GAAG,IAAI,UAO9C;IAED,MAAM;CAUP"}

package/dist/dts/map/Map.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const MapContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=Map.styles.d.ts.map

package/dist/dts/map/Map.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Map.styles.d.ts","sourceRoot":"","sources":["../../../src/map/Map.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,oEAOxB,CAAA"}

package/dist/dts/map/Marker.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="googlemaps" />
-import * as React from 'react';
-import { LatLng } from '../types';
-interface Props {
-    api: typeof window.google.maps;
-    map: google.maps.Map;
-    onMove?: (event: google.maps.MapMouseEvent) => void;
-    onClick?: (event: google.maps.MapMouseEvent) => void;
-    onMouseOver?: (event: google.maps.MapMouseEvent) => void;
-    onMouseOut?: (event: google.maps.MapMouseEvent) => void;
-    position: LatLng | google.maps.LatLng;
-    zIndex?: number;
-    opacity?: number;
-    label?: string;
-    markerRef?: React.MutableRefObject<google.maps.Marker | undefined>;
-    color?: {
-        background: string;
-        border: string;
-        text: string;
-    };
-}
-export declare class Marker extends React.PureComponent<Props> {
-    marker: google.maps.Marker | undefined;
-    eventHandlers: {
-        move?: google.maps.MapsEventListener;
-        click?: google.maps.MapsEventListener;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Props): void;
-    componentWillUnmount(): void;
-    attachMoveHandler(): void;
-    attachClickHandler(): void;
-    render(): null;
-}
-export {};
-//# sourceMappingURL=Marker.d.ts.map

package/dist/dts/map/Marker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Marker.d.ts","sourceRoot":"","sources":["../../../src/map/Marker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAM/B,UAAU,KAAK;IACb,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;IAC9B,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAA;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAA;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAA;IACxD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,KAAK,IAAI,CAAA;IACvD,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAA;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAClE,KAAK,CAAC,EAAE;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,CAAA;CAC3D;AAED,qBAAa,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACpD,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;IAEtC,aAAa,EAAE;QACb,IAAI,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAA;QACpC,KAAK,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAA;KACtC,CAAK;IAEN,iBAAiB;IAmCjB,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAgCnC,oBAAoB;IAUpB,iBAAiB;IAUjB,kBAAkB;IAWlB,MAAM;CAGP"}

package/dist/dts/map/SearchInput.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="googlemaps" />
-import * as React from 'react';
-interface Props {
-    api: typeof window.google.maps;
-    map: google.maps.Map;
-    onChange: (result: google.maps.places.PlaceResult) => void;
-}
-export declare class SearchInput extends React.PureComponent<Props> {
-    searchInputRef: React.RefObject<HTMLInputElement>;
-    autoComplete: google.maps.places.Autocomplete | undefined;
-    handleChange: () => void;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=SearchInput.d.ts.map

package/dist/dts/map/SearchInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/map/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,KAAK;IACb,GAAG,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAA;IAC9B,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAA;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,CAAA;CAC3D;AAED,qBAAa,WAAY,SAAQ,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;IACzD,cAAc,oCAAsC;IACpD,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,SAAS,CAAA;IAEzD,YAAY,aAUX;IAED,iBAAiB;IAiBjB,MAAM;CAYP"}

package/dist/dts/map/SearchInput.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const WrapperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=SearchInput.styles.d.ts.map

package/dist/dts/map/SearchInput.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.styles.d.ts","sourceRoot":"","sources":["../../../src/map/SearchInput.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oEAK5B,CAAA"}

package/dist/dts/map/util.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="googlemaps" />
-import { LatLng } from '../types';
-export declare function latLngAreEqual(latLng1: LatLng | google.maps.LatLng, latLng2: LatLng | google.maps.LatLng): boolean;
-//# sourceMappingURL=util.d.ts.map

package/dist/dts/map/util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/map/util.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAE/B,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EACpC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,WASrC"}

package/dist/dts/types.d.ts

@@ -1,14 +0,0 @@
-import { ObjectSchemaType } from '@sanity/field/diff';
-export interface LatLng {
-    lat: number;
-    lng: number;
-}
-export interface Geopoint {
-    _type: 'geopoint';
-    _key?: string;
-    lat: number;
-    lng: number;
-    alt?: number;
-}
-export declare type GeopointSchemaType = ObjectSchemaType<Geopoint>;
-//# sourceMappingURL=types.d.ts.map

package/dist/dts/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAA;AAEnD,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,oBAAY,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA"}

package/lib/@types/css.d.js

@@ -1 +0,0 @@
-"use strict";