@sanity/google-maps-input 2.26.0 → 2.26.1-purple-unicorn.560
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.
- package/diff/resolver.js +7 -0
- package/input/GeopointInput.js +7 -0
- package/lib/_Marker-20984c4d.cjs +331 -0
- package/lib/_Marker-20984c4d.cjs.map +1 -0
- package/lib/_Marker-96f5387c.js +302 -0
- package/lib/_Marker-96f5387c.js.map +1 -0
- package/lib/_reExport.js +19 -0
- package/lib/diff/resolver.cjs +204 -0
- package/lib/diff/resolver.cjs.map +1 -0
- package/lib/diff/resolver.js +169 -17
- package/lib/diff/resolver.js.map +1 -0
- package/{dist/dts → lib/dts/src}/diff/GeopointArrayDiff.d.ts +4 -4
- package/lib/dts/src/diff/GeopointArrayDiff.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/diff/GeopointFieldDiff.d.ts +4 -4
- package/lib/dts/src/diff/GeopointFieldDiff.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/diff/GeopointFieldDiff.styles.d.ts +1 -1
- package/lib/dts/src/diff/GeopointFieldDiff.styles.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/diff/GeopointMove.d.ts +12 -12
- package/lib/dts/src/diff/GeopointMove.d.ts.map +1 -0
- package/lib/dts/src/diff/resolver.d.ts +4 -0
- package/lib/dts/src/diff/resolver.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/input/GeopointInput.d.ts +27 -39
- package/lib/dts/src/input/GeopointInput.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/input/GeopointInput.styles.d.ts +2 -2
- package/lib/dts/src/input/GeopointInput.styles.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/input/GeopointSelect.d.ts +27 -27
- package/lib/dts/src/input/GeopointSelect.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/loader/GoogleMapsLoadProxy.d.ts +13 -13
- package/lib/dts/src/loader/GoogleMapsLoadProxy.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/loader/LoadError.d.ts +9 -9
- package/lib/dts/src/loader/LoadError.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/loader/loadGoogleMapsApi.d.ts +17 -17
- package/lib/dts/src/loader/loadGoogleMapsApi.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/map/Arrow.d.ts +28 -28
- package/lib/dts/src/map/Arrow.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/map/Map.d.ts +36 -36
- package/lib/dts/src/map/Map.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/map/Map.styles.d.ts +1 -1
- package/lib/dts/src/map/Map.styles.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/map/Marker.d.ts +33 -35
- package/lib/dts/src/map/Marker.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/map/SearchInput.d.ts +15 -15
- package/lib/dts/src/map/SearchInput.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/map/SearchInput.styles.d.ts +1 -1
- package/lib/dts/src/map/SearchInput.styles.d.ts.map +1 -0
- package/{dist/dts → lib/dts/src}/map/util.d.ts +3 -3
- package/lib/dts/src/map/util.d.ts.map +1 -0
- package/lib/dts/src/types.d.ts +17 -0
- package/lib/dts/src/types.d.ts.map +1 -0
- package/lib/input/GeopointInput.cjs +228 -0
- package/lib/input/GeopointInput.cjs.map +1 -0
- package/lib/input/GeopointInput.js +198 -190
- package/lib/input/GeopointInput.js.map +1 -0
- package/package.json +34 -11
- package/src/@types/css.d.ts +4 -0
- package/src/diff/GeopointArrayDiff.tsx +83 -0
- package/src/diff/GeopointFieldDiff.styles.tsx +20 -0
- package/src/diff/GeopointFieldDiff.tsx +94 -0
- package/src/diff/GeopointMove.tsx +49 -0
- package/src/diff/resolver.ts +21 -0
- package/src/input/GeopointInput.styles.tsx +12 -0
- package/src/input/GeopointInput.tsx +221 -0
- package/src/input/GeopointSelect.tsx +78 -0
- package/src/loader/GoogleMapsLoadProxy.tsx +49 -0
- package/src/loader/LoadError.tsx +44 -0
- package/src/loader/loadGoogleMapsApi.ts +93 -0
- package/src/map/Arrow.tsx +76 -0
- package/src/map/Map.styles.tsx +10 -0
- package/src/map/Map.tsx +125 -0
- package/src/map/Marker.tsx +130 -0
- package/src/map/SearchInput.styles.tsx +8 -0
- package/src/map/SearchInput.tsx +56 -0
- package/src/map/util.ts +14 -0
- package/src/types.ts +19 -0
- package/.depcheckignore.json +0 -3
- package/dist/dts/diff/GeopointArrayDiff.d.ts.map +0 -1
- package/dist/dts/diff/GeopointFieldDiff.d.ts.map +0 -1
- package/dist/dts/diff/GeopointFieldDiff.styles.d.ts.map +0 -1
- package/dist/dts/diff/GeopointMove.d.ts.map +0 -1
- package/dist/dts/diff/resolver.d.ts +0 -4
- package/dist/dts/diff/resolver.d.ts.map +0 -1
- package/dist/dts/input/GeopointInput.d.ts.map +0 -1
- package/dist/dts/input/GeopointInput.styles.d.ts.map +0 -1
- package/dist/dts/input/GeopointSelect.d.ts.map +0 -1
- package/dist/dts/loader/GoogleMapsLoadProxy.d.ts.map +0 -1
- package/dist/dts/loader/LoadError.d.ts.map +0 -1
- package/dist/dts/loader/loadGoogleMapsApi.d.ts.map +0 -1
- package/dist/dts/map/Arrow.d.ts.map +0 -1
- package/dist/dts/map/Map.d.ts.map +0 -1
- package/dist/dts/map/Map.styles.d.ts.map +0 -1
- package/dist/dts/map/Marker.d.ts.map +0 -1
- package/dist/dts/map/SearchInput.d.ts.map +0 -1
- package/dist/dts/map/SearchInput.styles.d.ts.map +0 -1
- package/dist/dts/map/util.d.ts.map +0 -1
- package/dist/dts/types.d.ts +0 -14
- package/dist/dts/types.d.ts.map +0 -1
- package/lib/@types/css.d.js +0 -1
- package/lib/diff/GeopointArrayDiff.js +0 -82
- package/lib/diff/GeopointFieldDiff.js +0 -97
- package/lib/diff/GeopointFieldDiff.styles.js +0 -18
- package/lib/diff/GeopointMove.js +0 -55
- package/lib/input/GeopointInput.styles.js +0 -22
- package/lib/input/GeopointSelect.js +0 -103
- package/lib/loader/GoogleMapsLoadProxy.js +0 -70
- package/lib/loader/LoadError.js +0 -43
- package/lib/loader/loadGoogleMapsApi.js +0 -81
- package/lib/map/Arrow.js +0 -97
- package/lib/map/Map.js +0 -147
- package/lib/map/Map.styles.js +0 -18
- package/lib/map/Marker.js +0 -156
- package/lib/map/SearchInput.js +0 -77
- package/lib/map/SearchInput.styles.js +0 -18
- package/lib/map/util.js +0 -14
- package/lib/types.js +0 -5
- package/tsconfig.json +0 -20
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
/// <reference types="googlemaps" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { LatLng } from '../types';
|
|
4
|
-
interface MapProps {
|
|
5
|
-
api: typeof window.google.maps;
|
|
6
|
-
location: LatLng;
|
|
7
|
-
bounds?: google.maps.LatLngBounds;
|
|
8
|
-
defaultZoom?: number;
|
|
9
|
-
mapTypeControl?: boolean;
|
|
10
|
-
scrollWheel?: boolean;
|
|
11
|
-
controlSize?: number;
|
|
12
|
-
onClick?: (event: google.maps.MapMouseEvent) => void;
|
|
13
|
-
children?: (map: google.maps.Map) => React.ReactElement;
|
|
14
|
-
}
|
|
15
|
-
interface MapState {
|
|
16
|
-
map: google.maps.Map | undefined;
|
|
17
|
-
}
|
|
18
|
-
export declare class GoogleMap extends React.PureComponent<MapProps, MapState> {
|
|
19
|
-
static defaultProps: {
|
|
20
|
-
defaultZoom: number;
|
|
21
|
-
scrollWheel: boolean;
|
|
22
|
-
};
|
|
23
|
-
state: MapState;
|
|
24
|
-
clickHandler: google.maps.MapsEventListener | undefined;
|
|
25
|
-
mapRef: React.RefObject<HTMLDivElement>;
|
|
26
|
-
mapEl: HTMLDivElement | null;
|
|
27
|
-
componentDidMount(): void;
|
|
28
|
-
attachClickHandler: () => void;
|
|
29
|
-
componentDidUpdate(prevProps: MapProps): void;
|
|
30
|
-
componentWillUnmount(): void;
|
|
31
|
-
getCenter(): google.maps.LatLng;
|
|
32
|
-
constructMap(el: HTMLDivElement): google.maps.Map<HTMLDivElement>;
|
|
33
|
-
setMapElement: (element: HTMLDivElement | null) => void;
|
|
34
|
-
render(): JSX.Element;
|
|
35
|
-
}
|
|
36
|
-
export {};
|
|
1
|
+
/// <reference types="googlemaps" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { LatLng } from '../types';
|
|
4
|
+
interface MapProps {
|
|
5
|
+
api: typeof window.google.maps;
|
|
6
|
+
location: LatLng;
|
|
7
|
+
bounds?: google.maps.LatLngBounds;
|
|
8
|
+
defaultZoom?: number;
|
|
9
|
+
mapTypeControl?: boolean;
|
|
10
|
+
scrollWheel?: boolean;
|
|
11
|
+
controlSize?: number;
|
|
12
|
+
onClick?: (event: google.maps.MapMouseEvent) => void;
|
|
13
|
+
children?: (map: google.maps.Map) => React.ReactElement;
|
|
14
|
+
}
|
|
15
|
+
interface MapState {
|
|
16
|
+
map: google.maps.Map | undefined;
|
|
17
|
+
}
|
|
18
|
+
export declare class GoogleMap extends React.PureComponent<MapProps, MapState> {
|
|
19
|
+
static defaultProps: {
|
|
20
|
+
defaultZoom: number;
|
|
21
|
+
scrollWheel: boolean;
|
|
22
|
+
};
|
|
23
|
+
state: MapState;
|
|
24
|
+
clickHandler: google.maps.MapsEventListener | undefined;
|
|
25
|
+
mapRef: React.RefObject<HTMLDivElement>;
|
|
26
|
+
mapEl: HTMLDivElement | null;
|
|
27
|
+
componentDidMount(): void;
|
|
28
|
+
attachClickHandler: () => void;
|
|
29
|
+
componentDidUpdate(prevProps: MapProps): void;
|
|
30
|
+
componentWillUnmount(): void;
|
|
31
|
+
getCenter(): google.maps.LatLng;
|
|
32
|
+
constructMap(el: HTMLDivElement): google.maps.Map<HTMLDivElement>;
|
|
33
|
+
setMapElement: (element: HTMLDivElement | null) => void;
|
|
34
|
+
render(): JSX.Element;
|
|
35
|
+
}
|
|
36
|
+
export {};
|
|
37
37
|
//# sourceMappingURL=Map.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const MapContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
1
|
+
export declare const MapContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
2
|
//# sourceMappingURL=Map.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Map.styles.d.ts","sourceRoot":"","sources":["../../../../src/map/Map.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,oEAOxB,CAAA"}
|
|
@@ -1,36 +1,34 @@
|
|
|
1
|
-
/// <reference types="googlemaps" />
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { LatLng } from '../types';
|
|
4
|
-
interface Props {
|
|
5
|
-
api: typeof window.google.maps;
|
|
6
|
-
map: google.maps.Map;
|
|
7
|
-
onMove?: (event: google.maps.MapMouseEvent) => void;
|
|
8
|
-
onClick?: (event: google.maps.MapMouseEvent) => void;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
export {};
|
|
1
|
+
/// <reference types="googlemaps" />
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { LatLng } from '../types';
|
|
4
|
+
interface Props {
|
|
5
|
+
api: typeof window.google.maps;
|
|
6
|
+
map: google.maps.Map;
|
|
7
|
+
onMove?: (event: google.maps.MapMouseEvent) => void;
|
|
8
|
+
onClick?: (event: google.maps.MapMouseEvent) => void;
|
|
9
|
+
position: LatLng | google.maps.LatLng;
|
|
10
|
+
zIndex?: number;
|
|
11
|
+
opacity?: number;
|
|
12
|
+
label?: string;
|
|
13
|
+
markerRef?: React.MutableRefObject<google.maps.Marker | undefined>;
|
|
14
|
+
color?: {
|
|
15
|
+
background: string;
|
|
16
|
+
border: string;
|
|
17
|
+
text: string;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export declare class Marker extends React.PureComponent<Props> {
|
|
21
|
+
marker: google.maps.Marker | undefined;
|
|
22
|
+
eventHandlers: {
|
|
23
|
+
move?: google.maps.MapsEventListener;
|
|
24
|
+
click?: google.maps.MapsEventListener;
|
|
25
|
+
};
|
|
26
|
+
componentDidMount(): void;
|
|
27
|
+
componentDidUpdate(prevProps: Props): void;
|
|
28
|
+
componentWillUnmount(): void;
|
|
29
|
+
attachMoveHandler(): void;
|
|
30
|
+
attachClickHandler(): void;
|
|
31
|
+
render(): null;
|
|
32
|
+
}
|
|
33
|
+
export {};
|
|
36
34
|
//# sourceMappingURL=Marker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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,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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
/// <reference types="googlemaps" />
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
interface Props {
|
|
4
|
-
api: typeof window.google.maps;
|
|
5
|
-
map: google.maps.Map;
|
|
6
|
-
onChange: (result: google.maps.places.PlaceResult) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare class SearchInput extends React.PureComponent<Props> {
|
|
9
|
-
searchInputRef: React.RefObject<HTMLInputElement>;
|
|
10
|
-
autoComplete: google.maps.places.Autocomplete | undefined;
|
|
11
|
-
handleChange: () => void;
|
|
12
|
-
componentDidMount(): void;
|
|
13
|
-
render(): JSX.Element;
|
|
14
|
-
}
|
|
15
|
-
export {};
|
|
1
|
+
/// <reference types="googlemaps" />
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
interface Props {
|
|
4
|
+
api: typeof window.google.maps;
|
|
5
|
+
map: google.maps.Map;
|
|
6
|
+
onChange: (result: google.maps.places.PlaceResult) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare class SearchInput extends React.PureComponent<Props> {
|
|
9
|
+
searchInputRef: React.RefObject<HTMLInputElement>;
|
|
10
|
+
autoComplete: google.maps.places.Autocomplete | undefined;
|
|
11
|
+
handleChange: () => void;
|
|
12
|
+
componentDidMount(): void;
|
|
13
|
+
render(): JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
16
16
|
//# sourceMappingURL=SearchInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const WrapperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
1
|
+
export declare const WrapperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
2
|
//# sourceMappingURL=SearchInput.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.styles.d.ts","sourceRoot":"","sources":["../../../../src/map/SearchInput.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oEAK5B,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/// <reference types="googlemaps" />
|
|
2
|
-
import { LatLng } from '../types';
|
|
3
|
-
export declare function latLngAreEqual(latLng1: LatLng | google.maps.LatLng, latLng2: LatLng | google.maps.LatLng): boolean;
|
|
1
|
+
/// <reference types="googlemaps" />
|
|
2
|
+
import { LatLng } from '../types';
|
|
3
|
+
export declare function latLngAreEqual(latLng1: LatLng | google.maps.LatLng, latLng2: LatLng | google.maps.LatLng): boolean;
|
|
4
4
|
//# sourceMappingURL=util.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DiffComponent, DiffComponentOptions, ObjectDiff } from '@sanity/base/field';
|
|
2
|
+
import { ObjectSchemaType } from '@sanity/types';
|
|
3
|
+
export interface LatLng {
|
|
4
|
+
lat: number;
|
|
5
|
+
lng: number;
|
|
6
|
+
}
|
|
7
|
+
export interface Geopoint {
|
|
8
|
+
_type: 'geopoint';
|
|
9
|
+
_key?: string;
|
|
10
|
+
lat: number;
|
|
11
|
+
lng: number;
|
|
12
|
+
alt?: number;
|
|
13
|
+
}
|
|
14
|
+
export interface GeopointSchemaType extends ObjectSchemaType {
|
|
15
|
+
diffComponent?: DiffComponent<ObjectDiff<Geopoint>> | DiffComponentOptions<ObjectDiff<Geopoint>>;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAE,UAAU,EAAC,MAAM,oBAAoB,CAAA;AAClF,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAE9C,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,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,GAAG,oBAAoB,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;CACjG"}
|
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var lodash = require('lodash');
|
|
5
|
+
var ui = require('@sanity/ui');
|
|
6
|
+
var icons = require('@sanity/icons');
|
|
7
|
+
var config = require('config:@sanity/google-maps-input');
|
|
8
|
+
var components = require('@sanity/base/components');
|
|
9
|
+
var form = require('@sanity/base/form');
|
|
10
|
+
var Marker = require('../_Marker-20984c4d.cjs');
|
|
11
|
+
var styled = require('styled-components');
|
|
12
|
+
require('rxjs');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
16
|
+
function _interopNamespace(e) {
|
|
17
|
+
if (e && e.__esModule) return e;
|
|
18
|
+
var n = Object.create(null);
|
|
19
|
+
if (e) {
|
|
20
|
+
Object.keys(e).forEach(function (k) {
|
|
21
|
+
if (k !== 'default') {
|
|
22
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
23
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
get: function () { return e[k]; }
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
n["default"] = e;
|
|
31
|
+
return n;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
35
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
36
|
+
var config__default = /*#__PURE__*/_interopDefaultLegacy(config);
|
|
37
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
38
|
+
|
|
39
|
+
const WrapperContainer = styled__default["default"].div `
|
|
40
|
+
position: absolute;
|
|
41
|
+
right: 10px;
|
|
42
|
+
top: 10px;
|
|
43
|
+
width: 220px;
|
|
44
|
+
`;
|
|
45
|
+
|
|
46
|
+
class SearchInput extends React__namespace.PureComponent {
|
|
47
|
+
searchInputRef = React__namespace.createRef();
|
|
48
|
+
autoComplete;
|
|
49
|
+
handleChange = () => {
|
|
50
|
+
if (!this.autoComplete) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
this.props.onChange(this.autoComplete.getPlace());
|
|
54
|
+
if (this.searchInputRef.current) {
|
|
55
|
+
this.searchInputRef.current.value = '';
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
componentDidMount() {
|
|
59
|
+
const input = this.searchInputRef.current;
|
|
60
|
+
if (!input) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
const { api, map } = this.props;
|
|
64
|
+
const { Circle, places, event } = api;
|
|
65
|
+
const searchBounds = new Circle({ center: map.getCenter(), radius: 100 }).getBounds();
|
|
66
|
+
this.autoComplete = new places.Autocomplete(input, {
|
|
67
|
+
bounds: searchBounds,
|
|
68
|
+
types: [], // return all kinds of places
|
|
69
|
+
});
|
|
70
|
+
event.addListener(this.autoComplete, 'place_changed', this.handleChange);
|
|
71
|
+
}
|
|
72
|
+
render() {
|
|
73
|
+
return (React__namespace.createElement(WrapperContainer, null,
|
|
74
|
+
React__namespace.createElement(ui.TextInput, { name: "place", ref: this.searchInputRef, placeholder: "Search for place or address", padding: 4 })));
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
const fallbackLatLng = { lat: 40.7058254, lng: -74.1180863 };
|
|
79
|
+
class GeopointSelect extends React__default["default"].PureComponent {
|
|
80
|
+
static defaultProps = {
|
|
81
|
+
defaultZoom: 8,
|
|
82
|
+
defaultLocation: { lng: 10.74609, lat: 59.91273 },
|
|
83
|
+
};
|
|
84
|
+
mapRef = React__default["default"].createRef();
|
|
85
|
+
getCenter() {
|
|
86
|
+
const { value = {}, defaultLocation = {} } = this.props;
|
|
87
|
+
const point = { ...fallbackLatLng, ...defaultLocation, ...value };
|
|
88
|
+
return point;
|
|
89
|
+
}
|
|
90
|
+
handlePlaceChanged = (place) => {
|
|
91
|
+
if (!place.geometry) {
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
this.setValue(place.geometry.location);
|
|
95
|
+
};
|
|
96
|
+
handleMarkerDragEnd = (event) => {
|
|
97
|
+
this.setValue(event.latLng);
|
|
98
|
+
};
|
|
99
|
+
handleMapClick = (event) => {
|
|
100
|
+
this.setValue(event.latLng);
|
|
101
|
+
};
|
|
102
|
+
setValue(geoPoint) {
|
|
103
|
+
if (this.props.onChange) {
|
|
104
|
+
this.props.onChange(geoPoint);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
render() {
|
|
108
|
+
const { api, defaultZoom, value, onChange } = this.props;
|
|
109
|
+
return (React__default["default"].createElement(Marker.GoogleMap, { api: api, location: this.getCenter(), onClick: this.handleMapClick, defaultZoom: defaultZoom }, (map) => (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
110
|
+
React__default["default"].createElement(SearchInput, { api: api, map: map, onChange: this.handlePlaceChanged }),
|
|
111
|
+
value && (React__default["default"].createElement(Marker.Marker, { api: api, map: map, position: value, onMove: onChange ? this.handleMarkerDragEnd : undefined }))))));
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
const PreviewImage = styled__default["default"].img `
|
|
116
|
+
width: 100%;
|
|
117
|
+
height: auto;
|
|
118
|
+
vertical-align: top;
|
|
119
|
+
`;
|
|
120
|
+
const DialogInnerContainer = styled__default["default"].div `
|
|
121
|
+
height: 40rem;
|
|
122
|
+
width: 50rem;
|
|
123
|
+
`;
|
|
124
|
+
|
|
125
|
+
// @todo: remove the following line when part imports has been removed from this file
|
|
126
|
+
const getStaticImageUrl = (value) => {
|
|
127
|
+
const loc = `${value.lat},${value.lng}`;
|
|
128
|
+
const params = {
|
|
129
|
+
key: config__default["default"].apiKey,
|
|
130
|
+
center: loc,
|
|
131
|
+
markers: loc,
|
|
132
|
+
zoom: 13,
|
|
133
|
+
scale: 2,
|
|
134
|
+
size: '640x300',
|
|
135
|
+
};
|
|
136
|
+
const qs = Object.keys(params).reduce((res, param) => {
|
|
137
|
+
return res.concat(`${param}=${encodeURIComponent(params[param])}`);
|
|
138
|
+
}, []);
|
|
139
|
+
return `https://maps.googleapis.com/maps/api/staticmap?${qs.join('&')}`;
|
|
140
|
+
};
|
|
141
|
+
class GeopointInput extends React__default["default"].PureComponent {
|
|
142
|
+
_geopointInputId = lodash.uniqueId('GeopointInput');
|
|
143
|
+
static defaultProps = {
|
|
144
|
+
validation: [],
|
|
145
|
+
};
|
|
146
|
+
editButton;
|
|
147
|
+
constructor(props) {
|
|
148
|
+
super(props);
|
|
149
|
+
this.state = {
|
|
150
|
+
modalOpen: false,
|
|
151
|
+
};
|
|
152
|
+
}
|
|
153
|
+
setEditButton = (el) => {
|
|
154
|
+
this.editButton = el;
|
|
155
|
+
};
|
|
156
|
+
focus() {
|
|
157
|
+
if (this.editButton) {
|
|
158
|
+
this.editButton.focus();
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
handleFocus = (event) => {
|
|
162
|
+
this.props.onFocus(event);
|
|
163
|
+
};
|
|
164
|
+
handleBlur = () => {
|
|
165
|
+
this.props.onBlur?.();
|
|
166
|
+
};
|
|
167
|
+
handleToggleModal = () => {
|
|
168
|
+
const { onFocus, onBlur } = this.props;
|
|
169
|
+
this.setState((prevState) => ({ modalOpen: !prevState.modalOpen }), () => {
|
|
170
|
+
if (this.state.modalOpen) {
|
|
171
|
+
onFocus(['$']);
|
|
172
|
+
}
|
|
173
|
+
else {
|
|
174
|
+
onBlur?.();
|
|
175
|
+
}
|
|
176
|
+
});
|
|
177
|
+
};
|
|
178
|
+
handleCloseModal = () => {
|
|
179
|
+
this.setState({ modalOpen: false });
|
|
180
|
+
};
|
|
181
|
+
handleChange = (latLng) => {
|
|
182
|
+
const { type, onChange } = this.props;
|
|
183
|
+
onChange(form.PatchEvent.from([
|
|
184
|
+
form.setIfMissing({
|
|
185
|
+
_type: type.name,
|
|
186
|
+
}),
|
|
187
|
+
form.set(latLng.lat(), ['lat']),
|
|
188
|
+
form.set(latLng.lng(), ['lng']),
|
|
189
|
+
]));
|
|
190
|
+
};
|
|
191
|
+
handleClear = () => {
|
|
192
|
+
const { onChange } = this.props;
|
|
193
|
+
onChange(form.PatchEvent.from(form.unset()));
|
|
194
|
+
};
|
|
195
|
+
render() {
|
|
196
|
+
const { value, compareValue, readOnly, type, validation, level, presence } = this.props;
|
|
197
|
+
const { modalOpen } = this.state;
|
|
198
|
+
if (!config__default["default"] || !config__default["default"].apiKey) {
|
|
199
|
+
return (React__default["default"].createElement("div", null,
|
|
200
|
+
React__default["default"].createElement("p", null,
|
|
201
|
+
"The ",
|
|
202
|
+
React__default["default"].createElement("a", { href: "https://sanity.io/docs/schema-types/geopoint-type" }, "Geopoint type"),
|
|
203
|
+
" needs a Google Maps API key with access to:"),
|
|
204
|
+
React__default["default"].createElement("ul", null,
|
|
205
|
+
React__default["default"].createElement("li", null, "Google Maps JavaScript API"),
|
|
206
|
+
React__default["default"].createElement("li", null, "Google Places API Web Service"),
|
|
207
|
+
React__default["default"].createElement("li", null, "Google Static Maps API")),
|
|
208
|
+
React__default["default"].createElement("p", null,
|
|
209
|
+
"Please enter the API key with access to these services in",
|
|
210
|
+
React__default["default"].createElement("code", { style: { whiteSpace: 'nowrap' } }, "`<project-root>/config/@sanity/google-maps-input.json`"))));
|
|
211
|
+
}
|
|
212
|
+
return (React__default["default"].createElement(components.FormFieldSet, { level: level, title: type.title, description: type.description, onFocus: this.handleFocus, onBlur: this.handleBlur, __unstable_presence: presence, __unstable_changeIndicator: false, validation: validation },
|
|
213
|
+
React__default["default"].createElement("div", null,
|
|
214
|
+
value && (React__default["default"].createElement(components.ChangeIndicatorCompareValueProvider, { value: value, compareValue: compareValue },
|
|
215
|
+
React__default["default"].createElement(components.ChangeIndicator, { compareDeep: true },
|
|
216
|
+
React__default["default"].createElement(PreviewImage, { src: getStaticImageUrl(value), alt: "Map location" })))),
|
|
217
|
+
!readOnly && (React__default["default"].createElement(ui.Box, { marginTop: 4 },
|
|
218
|
+
React__default["default"].createElement(ui.Grid, { columns: 2, gap: 2 },
|
|
219
|
+
React__default["default"].createElement(ui.Button, { mode: "ghost", icon: value && icons.EditIcon, padding: 3, ref: this.setEditButton, text: value ? 'Edit' : 'Set location', onClick: this.handleToggleModal }),
|
|
220
|
+
value && (React__default["default"].createElement(ui.Button, { tone: "critical", icon: icons.TrashIcon, padding: 3, mode: "ghost", text: 'Remove', onClick: this.handleClear }))))),
|
|
221
|
+
modalOpen && (React__default["default"].createElement(ui.Dialog, { id: `${this._geopointInputId}_dialog`, onClose: this.handleCloseModal, header: "Place the marker on the map", width: 1 },
|
|
222
|
+
React__default["default"].createElement(DialogInnerContainer, null,
|
|
223
|
+
React__default["default"].createElement(Marker.GoogleMapsLoadProxy, null, (api) => (React__default["default"].createElement(GeopointSelect, { api: api, value: value || undefined, onChange: readOnly ? undefined : this.handleChange, defaultLocation: config__default["default"].defaultLocation, defaultZoom: config__default["default"].defaultZoom })))))))));
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
module.exports = GeopointInput;
|
|
228
|
+
//# sourceMappingURL=GeopointInput.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeopointInput.cjs","sources":["../../src/map/SearchInput.styles.tsx","../../src/map/SearchInput.tsx","../../src/input/GeopointSelect.tsx","../../src/input/GeopointInput.styles.tsx","../../src/input/GeopointInput.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const WrapperContainer = styled.div`\n position: absolute;\n right: 10px;\n top: 10px;\n width: 220px;\n`\n","import * as React from 'react'\nimport {TextInput} from '@sanity/ui'\nimport {WrapperContainer} from './SearchInput.styles'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n onChange: (result: google.maps.places.PlaceResult) => void\n}\n\nexport class SearchInput extends React.PureComponent<Props> {\n searchInputRef = React.createRef<HTMLInputElement>()\n autoComplete: google.maps.places.Autocomplete | undefined\n\n handleChange = () => {\n if (!this.autoComplete) {\n return\n }\n\n this.props.onChange(this.autoComplete.getPlace())\n\n if (this.searchInputRef.current) {\n this.searchInputRef.current.value = ''\n }\n }\n\n componentDidMount() {\n const input = this.searchInputRef.current\n if (!input) {\n return\n }\n\n const {api, map} = this.props\n const {Circle, places, event} = api\n const searchBounds = new Circle({center: map.getCenter(), radius: 100}).getBounds()\n this.autoComplete = new places.Autocomplete(input, {\n bounds: searchBounds,\n types: [], // return all kinds of places\n })\n\n event.addListener(this.autoComplete, 'place_changed', this.handleChange)\n }\n\n render() {\n return (\n <WrapperContainer>\n <TextInput\n name=\"place\"\n ref={this.searchInputRef}\n placeholder=\"Search for place or address\"\n padding={4}\n />\n </WrapperContainer>\n )\n }\n}\n","import React from 'react'\nimport {SearchInput} from '../map/SearchInput'\nimport {GoogleMap} from '../map/Map'\nimport {Marker} from '../map/Marker'\nimport {LatLng, Geopoint} from '../types'\n\nconst fallbackLatLng: LatLng = {lat: 40.7058254, lng: -74.1180863}\n\ninterface SelectProps {\n api: typeof window.google.maps\n value?: Geopoint\n onChange?: (latLng: google.maps.LatLng) => void\n defaultLocation?: LatLng\n defaultZoom?: number\n}\n\nexport class GeopointSelect extends React.PureComponent<SelectProps> {\n static defaultProps = {\n defaultZoom: 8,\n defaultLocation: {lng: 10.74609, lat: 59.91273},\n }\n\n mapRef = React.createRef<HTMLDivElement>()\n\n getCenter() {\n const {value = {}, defaultLocation = {}} = this.props\n const point: LatLng = {...fallbackLatLng, ...defaultLocation, ...value}\n return point\n }\n\n handlePlaceChanged = (place: google.maps.places.PlaceResult) => {\n if (!place.geometry) {\n return\n }\n\n this.setValue(place.geometry.location)\n }\n\n handleMarkerDragEnd = (event: google.maps.MapMouseEvent) => {\n this.setValue(event.latLng)\n }\n\n handleMapClick = (event: google.maps.MapMouseEvent) => {\n this.setValue(event.latLng)\n }\n\n setValue(geoPoint: google.maps.LatLng) {\n if (this.props.onChange) {\n this.props.onChange(geoPoint)\n }\n }\n\n render() {\n const {api, defaultZoom, value, onChange} = this.props\n return (\n <GoogleMap\n api={api}\n location={this.getCenter()}\n onClick={this.handleMapClick}\n defaultZoom={defaultZoom}\n >\n {(map) => (\n <>\n <SearchInput api={api} map={map} onChange={this.handlePlaceChanged} />\n {value && (\n <Marker\n api={api}\n map={map}\n position={value}\n onMove={onChange ? this.handleMarkerDragEnd : undefined}\n />\n )}\n </>\n )}\n </GoogleMap>\n )\n }\n}\n","import styled from 'styled-components'\n\nexport const PreviewImage = styled.img`\n width: 100%;\n height: auto;\n vertical-align: top;\n`\n\nexport const DialogInnerContainer = styled.div`\n height: 40rem;\n width: 50rem;\n`\n","// @todo: remove the following line when part imports has been removed from this file\n///<reference types=\"@sanity/types/parts\" />\n\nimport React from 'react'\nimport {uniqueId} from 'lodash'\nimport {Box, Grid, Button, Dialog} from '@sanity/ui'\nimport {TrashIcon, EditIcon} from '@sanity/icons'\nimport config from 'config:@sanity/google-maps-input'\nimport {\n FormFieldSet,\n ChangeIndicatorCompareValueProvider,\n ChangeIndicator,\n} from '@sanity/base/components'\nimport {FormInputProps, PatchEvent, set, setIfMissing, unset} from '@sanity/base/form'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {Geopoint, GeopointSchemaType} from '../types'\nimport {GeopointSelect} from './GeopointSelect'\nimport {PreviewImage, DialogInnerContainer} from './GeopointInput.styles'\n\nconst getStaticImageUrl = (value) => {\n const loc = `${value.lat},${value.lng}`\n const params = {\n key: config.apiKey,\n center: loc,\n markers: loc,\n zoom: 13,\n scale: 2,\n size: '640x300',\n }\n\n const qs = Object.keys(params).reduce((res, param) => {\n return res.concat(`${param}=${encodeURIComponent(params[param])}`)\n }, [] as string[])\n\n return `https://maps.googleapis.com/maps/api/staticmap?${qs.join('&')}`\n}\n\ntype GeopointInputProps = FormInputProps<Geopoint, GeopointSchemaType>\n\n// @todo\n// interface Focusable {\n// focus: () => void\n// }\ntype Focusable = any\n\ninterface InputState {\n modalOpen: boolean\n}\n\nclass GeopointInput extends React.PureComponent<GeopointInputProps, InputState> {\n _geopointInputId = uniqueId('GeopointInput')\n\n static defaultProps = {\n validation: [],\n }\n\n editButton: Focusable | undefined\n\n constructor(props) {\n super(props)\n\n this.state = {\n modalOpen: false,\n }\n }\n\n setEditButton = (el: Focusable) => {\n this.editButton = el\n }\n\n focus() {\n if (this.editButton) {\n this.editButton.focus()\n }\n }\n\n handleFocus = (event) => {\n this.props.onFocus(event)\n }\n\n handleBlur = () => {\n this.props.onBlur?.()\n }\n\n handleToggleModal = () => {\n const {onFocus, onBlur} = this.props\n this.setState(\n (prevState) => ({modalOpen: !prevState.modalOpen}),\n () => {\n if (this.state.modalOpen) {\n onFocus(['$'])\n } else {\n onBlur?.()\n }\n }\n )\n }\n\n handleCloseModal = () => {\n this.setState({modalOpen: false})\n }\n\n handleChange = (latLng: google.maps.LatLng) => {\n const {type, onChange} = this.props\n onChange(\n PatchEvent.from([\n setIfMissing({\n _type: type.name,\n }),\n set(latLng.lat(), ['lat']),\n set(latLng.lng(), ['lng']),\n ])\n )\n }\n\n handleClear = () => {\n const {onChange} = this.props\n onChange(PatchEvent.from(unset()))\n }\n\n render() {\n const {value, compareValue, readOnly, type, validation, level, presence} = this.props\n const {modalOpen} = this.state\n\n if (!config || !config.apiKey) {\n return (\n <div>\n <p>\n The <a href=\"https://sanity.io/docs/schema-types/geopoint-type\">Geopoint type</a> needs\n a Google Maps API key with access to:\n </p>\n <ul>\n <li>Google Maps JavaScript API</li>\n <li>Google Places API Web Service</li>\n <li>Google Static Maps API</li>\n </ul>\n <p>\n Please enter the API key with access to these services in\n <code style={{whiteSpace: 'nowrap'}}>\n `<project-root>/config/@sanity/google-maps-input.json`\n </code>\n </p>\n </div>\n )\n }\n\n return (\n <FormFieldSet\n level={level}\n title={type.title}\n description={type.description}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n __unstable_presence={presence}\n __unstable_changeIndicator={false}\n validation={validation}\n >\n <div>\n {value && (\n <ChangeIndicatorCompareValueProvider value={value} compareValue={compareValue}>\n <ChangeIndicator compareDeep>\n <PreviewImage src={getStaticImageUrl(value)} alt=\"Map location\" />\n </ChangeIndicator>\n </ChangeIndicatorCompareValueProvider>\n )}\n\n {!readOnly && (\n <Box marginTop={4}>\n <Grid columns={2} gap={2}>\n <Button\n mode=\"ghost\"\n icon={value && EditIcon}\n padding={3}\n ref={this.setEditButton}\n text={value ? 'Edit' : 'Set location'}\n onClick={this.handleToggleModal}\n />\n\n {value && (\n <Button\n tone=\"critical\"\n icon={TrashIcon}\n padding={3}\n mode=\"ghost\"\n text={'Remove'}\n onClick={this.handleClear}\n />\n )}\n </Grid>\n </Box>\n )}\n\n {modalOpen && (\n <Dialog\n id={`${this._geopointInputId}_dialog`}\n onClose={this.handleCloseModal}\n header=\"Place the marker on the map\"\n width={1}\n >\n <DialogInnerContainer>\n <GoogleMapsLoadProxy>\n {(api) => (\n <GeopointSelect\n api={api}\n value={value || undefined}\n onChange={readOnly ? undefined : this.handleChange}\n defaultLocation={config.defaultLocation}\n defaultZoom={config.defaultZoom}\n />\n )}\n </GoogleMapsLoadProxy>\n </DialogInnerContainer>\n </Dialog>\n )}\n </div>\n </FormFieldSet>\n )\n }\n}\n\nexport default GeopointInput\n"],"names":["styled","React","TextInput","GoogleMap","Marker","config","uniqueId","PatchEvent","setIfMissing","set","unset","FormFieldSet","ChangeIndicatorCompareValueProvider","ChangeIndicator","Box","Grid","Button","EditIcon","TrashIcon","Dialog","GoogleMapsLoadProxy"],"mappings":"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"}
|