@sanity/google-maps-input 2.29.1 → 2.29.4-purple-unicorn.509
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/LICENSE +1 -1
- package/diff/resolver.js +7 -0
- package/input/GeopointInput.js +7 -0
- package/lib/_Marker-353730d0.js +301 -0
- package/lib/_Marker-353730d0.js.map +1 -0
- package/lib/_Marker-ee551fa7.cjs +330 -0
- package/lib/_Marker-ee551fa7.cjs.map +1 -0
- package/lib/_reExport.js +19 -0
- package/lib/diff/resolver.cjs +203 -0
- package/lib/diff/resolver.cjs.map +1 -0
- package/lib/diff/resolver.js +168 -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/lib/dts/src/diff/GeopointArrayDiff.js +36 -0
- package/lib/dts/src/diff/GeopointArrayDiff.js.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/lib/dts/src/diff/GeopointFieldDiff.js +51 -0
- package/lib/dts/src/diff/GeopointFieldDiff.js.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/lib/dts/src/diff/GeopointFieldDiff.styles.js +20 -0
- package/lib/dts/src/diff/GeopointFieldDiff.styles.js.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/GeopointMove.js +16 -0
- package/lib/dts/src/diff/GeopointMove.js.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/lib/dts/src/diff/resolver.js +15 -0
- package/lib/dts/src/diff/resolver.js.map +1 -0
- package/lib/dts/src/index.d.ts +13 -0
- package/lib/dts/src/index.d.ts.map +1 -0
- package/lib/dts/src/index.js +44 -0
- package/lib/dts/src/index.js.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/lib/dts/src/input/GeopointInput.js +112 -0
- package/lib/dts/src/input/GeopointInput.js.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/lib/dts/src/input/GeopointInput.styles.js +11 -0
- package/lib/dts/src/input/GeopointInput.styles.js.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/lib/dts/src/input/GeopointSelect.js +44 -0
- package/lib/dts/src/input/GeopointSelect.js.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/lib/dts/src/loader/GoogleMapsLoadProxy.js +39 -0
- package/lib/dts/src/loader/GoogleMapsLoadProxy.js.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/lib/dts/src/loader/LoadError.js +22 -0
- package/lib/dts/src/loader/LoadError.js.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/lib/dts/src/loader/loadGoogleMapsApi.js +49 -0
- package/lib/dts/src/loader/loadGoogleMapsApi.js.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/lib/dts/src/map/Arrow.js +53 -0
- package/lib/dts/src/map/Arrow.js.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/lib/dts/src/map/Map.js +87 -0
- package/lib/dts/src/map/Map.js.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/lib/dts/src/map/Map.styles.js +10 -0
- package/lib/dts/src/map/Map.styles.js.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/lib/dts/src/map/Marker.js +94 -0
- package/lib/dts/src/map/Marker.js.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/lib/dts/src/map/SearchInput.js +37 -0
- package/lib/dts/src/map/SearchInput.js.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/lib/dts/src/map/SearchInput.styles.js +8 -0
- package/lib/dts/src/map/SearchInput.styles.js.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/map/util.js +8 -0
- package/lib/dts/src/map/util.js.map +1 -0
- package/lib/dts/src/schemaTypes.d.ts +18 -0
- package/lib/dts/src/schemaTypes.d.ts.map +1 -0
- package/lib/dts/src/schemaTypes.js +25 -0
- package/lib/dts/src/schemaTypes.js.map +1 -0
- package/lib/dts/src/types.d.ts +17 -0
- package/lib/dts/src/types.d.ts.map +1 -0
- package/lib/dts/src/types.js +2 -0
- package/lib/dts/src/types.js.map +1 -0
- package/lib/dts/tsconfig.tsbuildinfo +1 -0
- package/lib/input/GeopointInput.cjs +227 -0
- package/lib/input/GeopointInput.cjs.map +1 -0
- package/lib/input/GeopointInput.js +197 -190
- package/lib/input/GeopointInput.js.map +1 -0
- package/package.json +46 -12
- 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 +48 -0
- package/src/diff/resolver.ts +21 -0
- package/src/input/GeopointInput.styles.tsx +12 -0
- package/src/input/GeopointInput.tsx +219 -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 +91 -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
package/lib/diff/resolver.js
CHANGED
|
@@ -1,27 +1,178 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useUserColor, getAnnotationAtPath, DiffTooltip } from '@sanity/base/_unstable';
|
|
3
|
+
import { l as latLngAreEqual, M as Marker, a as GoogleMapsLoadProxy, G as GoogleMap } from '../_Marker-353730d0.js';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import 'rxjs';
|
|
6
|
+
import 'config:@sanity/google-maps-input';
|
|
7
|
+
import '@sanity/ui';
|
|
2
8
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
|
|
9
|
+
class Arrow extends React.PureComponent {
|
|
10
|
+
line;
|
|
11
|
+
eventHandlers = {};
|
|
12
|
+
componentDidMount() {
|
|
13
|
+
const { from, to, api, map, zIndex, onClick, color, arrowRef } = this.props;
|
|
14
|
+
const lineSymbol = {
|
|
15
|
+
path: api.SymbolPath.FORWARD_OPEN_ARROW,
|
|
16
|
+
};
|
|
17
|
+
this.line = new api.Polyline({
|
|
18
|
+
map,
|
|
19
|
+
zIndex,
|
|
20
|
+
path: [from, to],
|
|
21
|
+
icons: [{ icon: lineSymbol, offset: '50%' }],
|
|
22
|
+
strokeOpacity: 0.55,
|
|
23
|
+
strokeColor: color ? color.text : 'black',
|
|
24
|
+
});
|
|
25
|
+
if (onClick) {
|
|
26
|
+
this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick);
|
|
27
|
+
}
|
|
28
|
+
if (arrowRef) {
|
|
29
|
+
arrowRef.current = this.line;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
componentDidUpdate(prevProps) {
|
|
33
|
+
if (!this.line) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
const { from, to, map } = this.props;
|
|
37
|
+
if (!latLngAreEqual(prevProps.from, from) || !latLngAreEqual(prevProps.to, to)) {
|
|
38
|
+
this.line.setPath([from, to]);
|
|
39
|
+
}
|
|
40
|
+
if (prevProps.map !== map) {
|
|
41
|
+
this.line.setMap(map);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
componentWillUnmount() {
|
|
45
|
+
if (this.line) {
|
|
46
|
+
this.line.setMap(null);
|
|
47
|
+
}
|
|
48
|
+
if (this.eventHandlers.click) {
|
|
49
|
+
this.eventHandlers.click.remove();
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
// eslint-disable-next-line class-methods-use-this
|
|
53
|
+
render() {
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
7
57
|
|
|
8
|
-
|
|
58
|
+
function GeopointMove({ diff, api, map, label }) {
|
|
59
|
+
const { fromValue: from, toValue: to } = diff;
|
|
60
|
+
const annotation = diff.isChanged ? diff.annotation : undefined;
|
|
61
|
+
const userColor = useUserColor(annotation ? annotation.author : null) || undefined;
|
|
62
|
+
const fromRef = React.useRef();
|
|
63
|
+
const toRef = React.useRef();
|
|
64
|
+
return (React.createElement(React.Fragment, null,
|
|
65
|
+
from && (React.createElement(Marker, { api: api, map: map, position: from, zIndex: 0, opacity: 0.55, markerRef: fromRef, color: userColor })),
|
|
66
|
+
from && to && React.createElement(Arrow, { api: api, map: map, from: from, to: to, zIndex: 1, color: userColor }),
|
|
67
|
+
to && (React.createElement(Marker, { api: api, map: map, position: to, zIndex: 2, markerRef: toRef, label: label, color: userColor }))));
|
|
68
|
+
}
|
|
9
69
|
|
|
10
|
-
|
|
70
|
+
const RootContainer = styled.div `
|
|
71
|
+
position: relative;
|
|
72
|
+
min-height: 200px;
|
|
11
73
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return _GeopointFieldDiff.GeopointFieldDiff;
|
|
74
|
+
&:empty {
|
|
75
|
+
background-color: var(--card-skeleton-color-from);
|
|
76
|
+
display: table;
|
|
77
|
+
width: 100%;
|
|
17
78
|
}
|
|
18
79
|
|
|
19
|
-
|
|
20
|
-
|
|
80
|
+
&:empty:after {
|
|
81
|
+
content: 'Missing/invalid data';
|
|
82
|
+
display: table-cell;
|
|
83
|
+
vertical-align: middle;
|
|
84
|
+
text-align: center;
|
|
85
|
+
position: relative;
|
|
21
86
|
}
|
|
87
|
+
`;
|
|
88
|
+
|
|
89
|
+
const GeopointFieldDiff = ({ diff, schemaType }) => {
|
|
90
|
+
return (React.createElement(RootContainer, null,
|
|
91
|
+
React.createElement(GoogleMapsLoadProxy, null, (api) => React.createElement(GeopointDiff$1, { api: api, diff: diff, schemaType: schemaType }))));
|
|
92
|
+
};
|
|
93
|
+
function GeopointDiff$1({ api, diff }) {
|
|
94
|
+
const { fromValue, toValue } = diff;
|
|
95
|
+
const annotation = getAnnotationAtPath(diff, ['lat']) ||
|
|
96
|
+
getAnnotationAtPath(diff, ['lng']) ||
|
|
97
|
+
getAnnotationAtPath(diff, []);
|
|
98
|
+
const center = getCenter(diff, api);
|
|
99
|
+
const bounds = fromValue && toValue ? getBounds$1(fromValue, toValue, api) : undefined;
|
|
100
|
+
return (React.createElement(DiffTooltip, { annotations: annotation ? [annotation] : [], description: getAction(diff) },
|
|
101
|
+
React.createElement("div", null,
|
|
102
|
+
React.createElement(GoogleMap, { api: api, location: center, mapTypeControl: false, controlSize: 20, bounds: bounds, scrollWheel: false }, (map) => React.createElement(GeopointMove, { api: api, map: map, diff: diff })))));
|
|
103
|
+
}
|
|
104
|
+
function getBounds$1(fromValue, toValue, api) {
|
|
105
|
+
return new api.LatLngBounds().extend(fromValue).extend(toValue);
|
|
106
|
+
}
|
|
107
|
+
function getCenter(diff, api) {
|
|
108
|
+
const { fromValue, toValue } = diff;
|
|
109
|
+
if (fromValue && toValue) {
|
|
110
|
+
return getBounds$1(fromValue, toValue, api).getCenter().toJSON();
|
|
111
|
+
}
|
|
112
|
+
if (fromValue) {
|
|
113
|
+
return fromValue;
|
|
114
|
+
}
|
|
115
|
+
if (toValue) {
|
|
116
|
+
return toValue;
|
|
117
|
+
}
|
|
118
|
+
throw new Error('Neither a from or a to value present');
|
|
119
|
+
}
|
|
120
|
+
function getAction(diff) {
|
|
121
|
+
const { fromValue, toValue } = diff;
|
|
122
|
+
if (fromValue && toValue) {
|
|
123
|
+
return 'Moved';
|
|
124
|
+
}
|
|
125
|
+
else if (fromValue) {
|
|
126
|
+
return 'Removed';
|
|
127
|
+
}
|
|
128
|
+
else if (toValue) {
|
|
129
|
+
return 'Added';
|
|
130
|
+
}
|
|
131
|
+
return 'Unchanged';
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
const GeopointArrayDiff = ({ diff, schemaType }) => {
|
|
135
|
+
return (React.createElement(RootContainer, null,
|
|
136
|
+
React.createElement(GoogleMapsLoadProxy, null, (api) => React.createElement(GeopointDiff, { api: api, diff: diff, schemaType: schemaType }))));
|
|
137
|
+
};
|
|
138
|
+
function GeopointDiff({ api, diff }) {
|
|
139
|
+
const fromValue = (diff.fromValue || []).filter(hasCoordinates);
|
|
140
|
+
const toValue = (diff.toValue || []).filter(hasCoordinates);
|
|
141
|
+
if (fromValue.length === 0 && toValue.length === 0) {
|
|
142
|
+
return null;
|
|
143
|
+
}
|
|
144
|
+
const bounds = getBounds(fromValue, toValue, api);
|
|
145
|
+
return (React.createElement(GoogleMap, { api: api, location: bounds.getCenter().toJSON(), mapTypeControl: false, controlSize: 20, bounds: bounds }, (map) => (React.createElement(React.Fragment, null, diff.items.map(({ toIndex, diff: pointDiff }) => {
|
|
146
|
+
if (!isChangeDiff(pointDiff)) {
|
|
147
|
+
return null;
|
|
148
|
+
}
|
|
149
|
+
return (React.createElement(GeopointMove, { key: toIndex, api: api, map: map, diff: pointDiff, label: `${toIndex}` }));
|
|
150
|
+
})))));
|
|
151
|
+
}
|
|
152
|
+
function isChangeDiff(diff) {
|
|
153
|
+
return diff.action !== 'unchanged' && diff.type === 'object';
|
|
154
|
+
}
|
|
155
|
+
function hasCoordinates(point) {
|
|
156
|
+
return typeof point.lat === 'number' && typeof point.lng === 'number';
|
|
157
|
+
}
|
|
158
|
+
function getBounds(fromValue, toValue, api) {
|
|
159
|
+
const bounds = new api.LatLngBounds();
|
|
160
|
+
const points = [...(fromValue || []), ...(toValue || [])];
|
|
161
|
+
points.forEach((point) => bounds.extend(point));
|
|
162
|
+
return bounds;
|
|
163
|
+
}
|
|
22
164
|
|
|
23
|
-
|
|
165
|
+
const diffResolver = function diffResolver({ schemaType }) {
|
|
166
|
+
if (schemaType.name === 'geopoint') {
|
|
167
|
+
return GeopointFieldDiff;
|
|
168
|
+
}
|
|
169
|
+
if (schemaType.jsonType === 'array' &&
|
|
170
|
+
schemaType.of.length === 1 &&
|
|
171
|
+
schemaType.of[0].name === 'geopoint') {
|
|
172
|
+
return GeopointArrayDiff;
|
|
173
|
+
}
|
|
174
|
+
return undefined;
|
|
24
175
|
};
|
|
25
176
|
|
|
26
|
-
|
|
27
|
-
|
|
177
|
+
export { diffResolver as default };
|
|
178
|
+
//# sourceMappingURL=resolver.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolver.js","sources":["../../src/map/Arrow.tsx","../../src/diff/GeopointMove.tsx","../../src/diff/GeopointFieldDiff.styles.tsx","../../src/diff/GeopointFieldDiff.tsx","../../src/diff/GeopointArrayDiff.tsx","../../src/diff/resolver.ts"],"sourcesContent":["import * as React from 'react'\nimport {LatLng} from '../types'\nimport {latLngAreEqual} from './util'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n from: LatLng\n to: LatLng\n color?: {background: string; border: string; text: string}\n zIndex?: number\n arrowRef?: React.MutableRefObject<google.maps.Polyline | undefined>\n onClick?: (event: google.maps.MapMouseEvent) => void\n}\n\nexport class Arrow extends React.PureComponent<Props> {\n line: google.maps.Polyline | undefined\n\n eventHandlers: {\n click?: google.maps.MapsEventListener\n } = {}\n\n componentDidMount() {\n const {from, to, api, map, zIndex, onClick, color, arrowRef} = this.props\n const lineSymbol = {\n path: api.SymbolPath.FORWARD_OPEN_ARROW,\n }\n\n this.line = new api.Polyline({\n map,\n zIndex,\n path: [from, to],\n icons: [{icon: lineSymbol, offset: '50%'}],\n strokeOpacity: 0.55,\n strokeColor: color ? color.text : 'black',\n })\n\n if (onClick) {\n this.eventHandlers.click = api.event.addListener(this.line, 'click', onClick)\n }\n\n if (arrowRef) {\n arrowRef.current = this.line\n }\n }\n\n componentDidUpdate(prevProps: Props) {\n if (!this.line) {\n return\n }\n\n const {from, to, map} = this.props\n if (!latLngAreEqual(prevProps.from, from) || !latLngAreEqual(prevProps.to, to)) {\n this.line.setPath([from, to])\n }\n\n if (prevProps.map !== map) {\n this.line.setMap(map)\n }\n }\n\n componentWillUnmount() {\n if (this.line) {\n this.line.setMap(null)\n }\n\n if (this.eventHandlers.click) {\n this.eventHandlers.click.remove()\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n render() {\n return null\n }\n}\n","import * as React from 'react'\nimport {useUserColor, ObjectDiff} from '@sanity/base/_unstable'\nimport {Marker} from '../map/Marker'\nimport {Arrow} from '../map/Arrow'\nimport {Geopoint} from '../types'\n\ninterface Props {\n api: typeof window.google.maps\n map: google.maps.Map\n diff: ObjectDiff<Geopoint>\n label?: string\n}\n\nexport function GeopointMove({diff, api, map, label}: Props) {\n const {fromValue: from, toValue: to} = diff\n const annotation = diff.isChanged ? diff.annotation : undefined\n const userColor = useUserColor(annotation ? annotation.author : null) || undefined\n const fromRef = React.useRef<google.maps.Marker>()\n const toRef = React.useRef<google.maps.Marker>()\n\n return (\n <>\n {from && (\n <Marker\n api={api}\n map={map}\n position={from}\n zIndex={0}\n opacity={0.55}\n markerRef={fromRef}\n color={userColor}\n />\n )}\n {from && to && <Arrow api={api} map={map} from={from} to={to} zIndex={1} color={userColor} />}\n {to && (\n <Marker\n api={api}\n map={map}\n position={to}\n zIndex={2}\n markerRef={toRef}\n label={label}\n color={userColor}\n />\n )}\n </>\n )\n}\n","import styled from 'styled-components'\n\nexport const RootContainer = styled.div`\n position: relative;\n min-height: 200px;\n\n &:empty {\n background-color: var(--card-skeleton-color-from);\n display: table;\n width: 100%;\n }\n\n &:empty:after {\n content: 'Missing/invalid data';\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n position: relative;\n }\n`\n","import * as React from 'react'\nimport {\n DiffComponent,\n ObjectDiff,\n DiffProps as GenericDiffProps,\n DiffTooltip,\n getAnnotationAtPath,\n} from '@sanity/base/_unstable'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\n\nexport type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>\n\nexport const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof window.google.maps}) {\n const {fromValue, toValue} = diff\n const annotation =\n getAnnotationAtPath(diff, ['lat']) ||\n getAnnotationAtPath(diff, ['lng']) ||\n getAnnotationAtPath(diff, [])\n\n const center = getCenter(diff, api)\n const bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined\n\n return (\n <DiffTooltip annotations={annotation ? [annotation] : []} description={getAction(diff)}>\n <div>\n <GoogleMap\n api={api}\n location={center}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n scrollWheel={false}\n >\n {(map) => <GeopointMove api={api} map={map} diff={diff} />}\n </GoogleMap>\n </div>\n </DiffTooltip>\n )\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral,\n toValue: google.maps.LatLngLiteral,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n return new api.LatLngBounds().extend(fromValue).extend(toValue)\n}\n\nfunction getCenter(\n diff: DiffProps['diff'],\n api: typeof window.google.maps\n): google.maps.LatLngLiteral {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return getBounds(fromValue, toValue, api).getCenter().toJSON()\n }\n\n if (fromValue) {\n return fromValue\n }\n\n if (toValue) {\n return toValue\n }\n\n throw new Error('Neither a from or a to value present')\n}\n\nfunction getAction(diff: ObjectDiff<Geopoint>) {\n const {fromValue, toValue} = diff\n if (fromValue && toValue) {\n return 'Moved'\n } else if (fromValue) {\n return 'Removed'\n } else if (toValue) {\n return 'Added'\n }\n\n return 'Unchanged'\n}\n","import * as React from 'react'\nimport {\n ArrayDiff,\n ObjectDiff,\n Diff,\n DiffProps as GenericDiffProps,\n DiffComponent,\n} from '@sanity/base/_unstable'\nimport {GoogleMapsLoadProxy} from '../loader/GoogleMapsLoadProxy'\nimport {GoogleMap} from '../map/Map'\nimport {Geopoint} from '../types'\nimport {GeopointMove} from './GeopointMove'\nimport {RootContainer} from './GeopointFieldDiff.styles'\n\nexport type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>\n\nexport const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>> = ({diff, schemaType}) => {\n return (\n <RootContainer>\n <GoogleMapsLoadProxy>\n {(api) => <GeopointDiff api={api} diff={diff} schemaType={schemaType} />}\n </GoogleMapsLoadProxy>\n </RootContainer>\n )\n}\n\nfunction GeopointDiff({api, diff}: DiffProps & {api: typeof window.google.maps}) {\n const fromValue = (diff.fromValue || []).filter(hasCoordinates)\n const toValue = (diff.toValue || []).filter(hasCoordinates)\n if (fromValue.length === 0 && toValue.length === 0) {\n return null\n }\n\n const bounds = getBounds(fromValue, toValue, api)\n return (\n <GoogleMap\n api={api}\n location={bounds.getCenter().toJSON()}\n mapTypeControl={false}\n controlSize={20}\n bounds={bounds}\n >\n {(map) => (\n <>\n {diff.items.map(({toIndex, diff: pointDiff}) => {\n if (!isChangeDiff(pointDiff)) {\n return null\n }\n\n return (\n <GeopointMove\n key={toIndex}\n api={api}\n map={map}\n diff={pointDiff}\n label={`${toIndex}`}\n />\n )\n })}\n </>\n )}\n </GoogleMap>\n )\n}\n\nfunction isChangeDiff(diff: Diff): diff is ObjectDiff<Geopoint> {\n return diff.action !== 'unchanged' && diff.type === 'object'\n}\n\nfunction hasCoordinates(point: Partial<Geopoint>): point is Geopoint {\n return typeof point.lat === 'number' && typeof point.lng === 'number'\n}\n\nfunction getBounds(\n fromValue: google.maps.LatLngLiteral[] | null | undefined,\n toValue: google.maps.LatLngLiteral[] | null | undefined,\n api: typeof window.google.maps\n): google.maps.LatLngBounds {\n const bounds = new api.LatLngBounds()\n const points = [...(fromValue || []), ...(toValue || [])]\n points.forEach((point) => bounds.extend(point))\n return bounds\n}\n","import {DiffComponentResolver} from '@sanity/base/_unstable'\nimport {GeopointFieldDiff} from './GeopointFieldDiff'\nimport {GeopointArrayDiff} from './GeopointArrayDiff'\n\nconst diffResolver: DiffComponentResolver = function diffResolver({schemaType}) {\n if (schemaType.name === 'geopoint') {\n return GeopointFieldDiff\n }\n\n if (\n schemaType.jsonType === 'array' &&\n schemaType.of.length === 1 &&\n schemaType.of[0].name === 'geopoint'\n ) {\n return GeopointArrayDiff\n }\n\n return undefined\n}\n\nexport default diffResolver\n"],"names":["GeopointDiff","getBounds"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ArrayDiff, DiffProps as GenericDiffProps, DiffComponent } from '@sanity/
|
|
2
|
-
import { Geopoint } from '../types';
|
|
3
|
-
export declare type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>;
|
|
4
|
-
export declare const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>>;
|
|
1
|
+
import { ArrayDiff, DiffProps as GenericDiffProps, DiffComponent } from '@sanity/base/_unstable';
|
|
2
|
+
import { Geopoint } from '../types';
|
|
3
|
+
export declare type DiffProps = GenericDiffProps<ArrayDiff<Geopoint>>;
|
|
4
|
+
export declare const GeopointArrayDiff: DiffComponent<ArrayDiff<Geopoint>>;
|
|
5
5
|
//# sourceMappingURL=GeopointArrayDiff.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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,wBAAwB,CAAA;AAG/B,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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { GoogleMapsLoadProxy } from '../loader/GoogleMapsLoadProxy';
|
|
3
|
+
import { GoogleMap } from '../map/Map';
|
|
4
|
+
import { GeopointMove } from './GeopointMove';
|
|
5
|
+
import { RootContainer } from './GeopointFieldDiff.styles';
|
|
6
|
+
export const GeopointArrayDiff = ({ diff, schemaType }) => {
|
|
7
|
+
return (React.createElement(RootContainer, null,
|
|
8
|
+
React.createElement(GoogleMapsLoadProxy, null, (api) => React.createElement(GeopointDiff, { api: api, diff: diff, schemaType: schemaType }))));
|
|
9
|
+
};
|
|
10
|
+
function GeopointDiff({ api, diff }) {
|
|
11
|
+
const fromValue = (diff.fromValue || []).filter(hasCoordinates);
|
|
12
|
+
const toValue = (diff.toValue || []).filter(hasCoordinates);
|
|
13
|
+
if (fromValue.length === 0 && toValue.length === 0) {
|
|
14
|
+
return null;
|
|
15
|
+
}
|
|
16
|
+
const bounds = getBounds(fromValue, toValue, api);
|
|
17
|
+
return (React.createElement(GoogleMap, { api: api, location: bounds.getCenter().toJSON(), mapTypeControl: false, controlSize: 20, bounds: bounds }, (map) => (React.createElement(React.Fragment, null, diff.items.map(({ toIndex, diff: pointDiff }) => {
|
|
18
|
+
if (!isChangeDiff(pointDiff)) {
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
return (React.createElement(GeopointMove, { key: toIndex, api: api, map: map, diff: pointDiff, label: `${toIndex}` }));
|
|
22
|
+
})))));
|
|
23
|
+
}
|
|
24
|
+
function isChangeDiff(diff) {
|
|
25
|
+
return diff.action !== 'unchanged' && diff.type === 'object';
|
|
26
|
+
}
|
|
27
|
+
function hasCoordinates(point) {
|
|
28
|
+
return typeof point.lat === 'number' && typeof point.lng === 'number';
|
|
29
|
+
}
|
|
30
|
+
function getBounds(fromValue, toValue, api) {
|
|
31
|
+
const bounds = new api.LatLngBounds();
|
|
32
|
+
const points = [...(fromValue || []), ...(toValue || [])];
|
|
33
|
+
points.forEach((point) => bounds.extend(point));
|
|
34
|
+
return bounds;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=GeopointArrayDiff.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeopointArrayDiff.js","sourceRoot":"","sources":["../../../../src/diff/GeopointArrayDiff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAC,mBAAmB,EAAC,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAA;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAA;AAIxD,MAAM,CAAC,MAAM,iBAAiB,GAAuC,CAAC,EAAC,IAAI,EAAE,UAAU,EAAC,EAAE,EAAE;IAC1F,OAAO,CACL,oBAAC,aAAa;QACZ,oBAAC,mBAAmB,QACjB,CAAC,GAAG,EAAE,EAAE,CAAC,oBAAC,YAAY,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CACpD,CACR,CACjB,CAAA;AACH,CAAC,CAAA;AAED,SAAS,YAAY,CAAC,EAAC,GAAG,EAAE,IAAI,EAA+C;IAC7E,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;IAC/D,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;IAC3D,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QAClD,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,CAAC,CAAA;IACjD,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,EACrC,cAAc,EAAE,KAAK,EACrB,WAAW,EAAE,EAAE,EACf,MAAM,EAAE,MAAM,IAEb,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,0CACG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,EAAE,EAAE;QAC7C,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YAC5B,OAAO,IAAI,CAAA;SACZ;QAED,OAAO,CACL,oBAAC,YAAY,IACX,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,GAAG,OAAO,EAAE,GACnB,CACH,CAAA;IACH,CAAC,CAAC,CACD,CACJ,CACS,CACb,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,IAAU;IAC9B,OAAO,IAAI,CAAC,MAAM,KAAK,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAA;AAC9D,CAAC;AAED,SAAS,cAAc,CAAC,KAAwB;IAC9C,OAAO,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAA;AACvE,CAAC;AAED,SAAS,SAAS,CAChB,SAAyD,EACzD,OAAuD,EACvD,GAA8B;IAE9B,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,YAAY,EAAE,CAAA;IACrC,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAA;IACzD,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IAC/C,OAAO,MAAM,CAAA;AACf,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { DiffComponent, ObjectDiff, DiffProps as GenericDiffProps } from '@sanity/
|
|
2
|
-
import { Geopoint } from '../types';
|
|
3
|
-
export declare type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>;
|
|
4
|
-
export declare const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>>;
|
|
1
|
+
import { DiffComponent, ObjectDiff, DiffProps as GenericDiffProps } from '@sanity/base/_unstable';
|
|
2
|
+
import { Geopoint } from '../types';
|
|
3
|
+
export declare type DiffProps = GenericDiffProps<ObjectDiff<Geopoint>>;
|
|
4
|
+
export declare const GeopointFieldDiff: DiffComponent<ObjectDiff<Geopoint>>;
|
|
5
5
|
//# sourceMappingURL=GeopointFieldDiff.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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,wBAAwB,CAAA;AAG/B,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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DiffTooltip, getAnnotationAtPath, } from '@sanity/base/_unstable';
|
|
3
|
+
import { GoogleMapsLoadProxy } from '../loader/GoogleMapsLoadProxy';
|
|
4
|
+
import { GoogleMap } from '../map/Map';
|
|
5
|
+
import { GeopointMove } from './GeopointMove';
|
|
6
|
+
import { RootContainer } from './GeopointFieldDiff.styles';
|
|
7
|
+
export const GeopointFieldDiff = ({ diff, schemaType }) => {
|
|
8
|
+
return (React.createElement(RootContainer, null,
|
|
9
|
+
React.createElement(GoogleMapsLoadProxy, null, (api) => React.createElement(GeopointDiff, { api: api, diff: diff, schemaType: schemaType }))));
|
|
10
|
+
};
|
|
11
|
+
function GeopointDiff({ api, diff }) {
|
|
12
|
+
const { fromValue, toValue } = diff;
|
|
13
|
+
const annotation = getAnnotationAtPath(diff, ['lat']) ||
|
|
14
|
+
getAnnotationAtPath(diff, ['lng']) ||
|
|
15
|
+
getAnnotationAtPath(diff, []);
|
|
16
|
+
const center = getCenter(diff, api);
|
|
17
|
+
const bounds = fromValue && toValue ? getBounds(fromValue, toValue, api) : undefined;
|
|
18
|
+
return (React.createElement(DiffTooltip, { annotations: annotation ? [annotation] : [], description: getAction(diff) },
|
|
19
|
+
React.createElement("div", null,
|
|
20
|
+
React.createElement(GoogleMap, { api: api, location: center, mapTypeControl: false, controlSize: 20, bounds: bounds, scrollWheel: false }, (map) => React.createElement(GeopointMove, { api: api, map: map, diff: diff })))));
|
|
21
|
+
}
|
|
22
|
+
function getBounds(fromValue, toValue, api) {
|
|
23
|
+
return new api.LatLngBounds().extend(fromValue).extend(toValue);
|
|
24
|
+
}
|
|
25
|
+
function getCenter(diff, api) {
|
|
26
|
+
const { fromValue, toValue } = diff;
|
|
27
|
+
if (fromValue && toValue) {
|
|
28
|
+
return getBounds(fromValue, toValue, api).getCenter().toJSON();
|
|
29
|
+
}
|
|
30
|
+
if (fromValue) {
|
|
31
|
+
return fromValue;
|
|
32
|
+
}
|
|
33
|
+
if (toValue) {
|
|
34
|
+
return toValue;
|
|
35
|
+
}
|
|
36
|
+
throw new Error('Neither a from or a to value present');
|
|
37
|
+
}
|
|
38
|
+
function getAction(diff) {
|
|
39
|
+
const { fromValue, toValue } = diff;
|
|
40
|
+
if (fromValue && toValue) {
|
|
41
|
+
return 'Moved';
|
|
42
|
+
}
|
|
43
|
+
else if (fromValue) {
|
|
44
|
+
return 'Removed';
|
|
45
|
+
}
|
|
46
|
+
else if (toValue) {
|
|
47
|
+
return 'Added';
|
|
48
|
+
}
|
|
49
|
+
return 'Unchanged';
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=GeopointFieldDiff.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeopointFieldDiff.js","sourceRoot":"","sources":["../../../../src/diff/GeopointFieldDiff.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const RootContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
1
|
+
export declare const RootContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
2
|
//# sourceMappingURL=GeopointFieldDiff.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeopointFieldDiff.styles.d.ts","sourceRoot":"","sources":["../../../../src/diff/GeopointFieldDiff.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oEAiBzB,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
export const RootContainer = styled.div `
|
|
3
|
+
position: relative;
|
|
4
|
+
min-height: 200px;
|
|
5
|
+
|
|
6
|
+
&:empty {
|
|
7
|
+
background-color: var(--card-skeleton-color-from);
|
|
8
|
+
display: table;
|
|
9
|
+
width: 100%;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&:empty:after {
|
|
13
|
+
content: 'Missing/invalid data';
|
|
14
|
+
display: table-cell;
|
|
15
|
+
vertical-align: middle;
|
|
16
|
+
text-align: center;
|
|
17
|
+
position: relative;
|
|
18
|
+
}
|
|
19
|
+
`;
|
|
20
|
+
//# sourceMappingURL=GeopointFieldDiff.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeopointFieldDiff.styles.js","sourceRoot":"","sources":["../../../../src/diff/GeopointFieldDiff.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBtC,CAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="googlemaps" />
|
|
3
|
-
import { ObjectDiff } from '@sanity/
|
|
4
|
-
import { Geopoint } from '../types';
|
|
5
|
-
interface Props {
|
|
6
|
-
api: typeof window.google.maps;
|
|
7
|
-
map: google.maps.Map;
|
|
8
|
-
diff: ObjectDiff<Geopoint>;
|
|
9
|
-
label?: string;
|
|
10
|
-
}
|
|
11
|
-
export declare function GeopointMove({ diff, api, map, label }: Props): JSX.Element;
|
|
12
|
-
export {};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/// <reference types="googlemaps" />
|
|
3
|
+
import { ObjectDiff } from '@sanity/base/_unstable';
|
|
4
|
+
import { Geopoint } from '../types';
|
|
5
|
+
interface Props {
|
|
6
|
+
api: typeof window.google.maps;
|
|
7
|
+
map: google.maps.Map;
|
|
8
|
+
diff: ObjectDiff<Geopoint>;
|
|
9
|
+
label?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function GeopointMove({ diff, api, map, label }: Props): JSX.Element;
|
|
12
|
+
export {};
|
|
13
13
|
//# sourceMappingURL=GeopointMove.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeopointMove.d.ts","sourceRoot":"","sources":["../../../../src/diff/GeopointMove.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAe,UAAU,EAAC,MAAM,wBAAwB,CAAA;AAG/D,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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useUserColor } from '@sanity/base/_unstable';
|
|
3
|
+
import { Marker } from '../map/Marker';
|
|
4
|
+
import { Arrow } from '../map/Arrow';
|
|
5
|
+
export function GeopointMove({ diff, api, map, label }) {
|
|
6
|
+
const { fromValue: from, toValue: to } = diff;
|
|
7
|
+
const annotation = diff.isChanged ? diff.annotation : undefined;
|
|
8
|
+
const userColor = useUserColor(annotation ? annotation.author : null) || undefined;
|
|
9
|
+
const fromRef = React.useRef();
|
|
10
|
+
const toRef = React.useRef();
|
|
11
|
+
return (React.createElement(React.Fragment, null,
|
|
12
|
+
from && (React.createElement(Marker, { api: api, map: map, position: from, zIndex: 0, opacity: 0.55, markerRef: fromRef, color: userColor })),
|
|
13
|
+
from && to && React.createElement(Arrow, { api: api, map: map, from: from, to: to, zIndex: 1, color: userColor }),
|
|
14
|
+
to && (React.createElement(Marker, { api: api, map: map, position: to, zIndex: 2, markerRef: toRef, label: label, color: userColor }))));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=GeopointMove.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeopointMove.js","sourceRoot":"","sources":["../../../../src/diff/GeopointMove.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,YAAY,EAAa,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAA;AACpC,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAA;AAUlC,MAAM,UAAU,YAAY,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAQ;IACzD,MAAM,EAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAC,GAAG,IAAI,CAAA;IAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,SAAS,CAAA;IAClF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAA;IAClD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,EAAsB,CAAA;IAEhD,OAAO,CACL;QACG,IAAI,IAAI,CACP,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,SAAS,GAChB,CACH;QACA,IAAI,IAAI,EAAE,IAAI,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,GAAI;QAC5F,EAAE,IAAI,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,EAAE,EACZ,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,GAChB,CACH,CACA,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../../src/diff/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,qBAAqB,EAAC,MAAM,wBAAwB,CAAA;AAI5D,QAAA,MAAM,YAAY,EAAE,qBAcnB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { GeopointFieldDiff } from './GeopointFieldDiff';
|
|
2
|
+
import { GeopointArrayDiff } from './GeopointArrayDiff';
|
|
3
|
+
const diffResolver = function diffResolver({ schemaType }) {
|
|
4
|
+
if (schemaType.name === 'geopoint') {
|
|
5
|
+
return GeopointFieldDiff;
|
|
6
|
+
}
|
|
7
|
+
if (schemaType.jsonType === 'array' &&
|
|
8
|
+
schemaType.of.length === 1 &&
|
|
9
|
+
schemaType.of[0].name === 'geopoint') {
|
|
10
|
+
return GeopointArrayDiff;
|
|
11
|
+
}
|
|
12
|
+
return undefined;
|
|
13
|
+
};
|
|
14
|
+
export default diffResolver;
|
|
15
|
+
//# sourceMappingURL=resolver.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolver.js","sourceRoot":"","sources":["../../../../src/diff/resolver.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAA;AAErD,MAAM,YAAY,GAA0B,SAAS,YAAY,CAAC,EAAC,UAAU,EAAC;IAC5E,IAAI,UAAU,CAAC,IAAI,KAAK,UAAU,EAAE;QAClC,OAAO,iBAAiB,CAAA;KACzB;IAED,IACE,UAAU,CAAC,QAAQ,KAAK,OAAO;QAC/B,UAAU,CAAC,EAAE,CAAC,MAAM,KAAK,CAAC;QAC1B,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,EACpC;QACA,OAAO,iBAAiB,CAAA;KACzB;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Plugin } from 'sanity';
|
|
2
|
+
interface GoogleMapsInputOptions {
|
|
3
|
+
apiKey: string;
|
|
4
|
+
defaultZoom?: number;
|
|
5
|
+
defaultLocale?: string;
|
|
6
|
+
defaultLocation?: {
|
|
7
|
+
lat: number;
|
|
8
|
+
lng: number;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export declare function googleMapsInput(options: GoogleMapsInputOptions): Plugin;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,MAAM,EAAC,MAAM,QAAQ,CAAA;AAG3C,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;CACF;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,CA8CvE"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { createPlugin } from 'sanity';
|
|
2
|
+
import GeopointInput from './input/GeopointInput';
|
|
3
|
+
export function googleMapsInput(options) {
|
|
4
|
+
const { apiKey, defaultLocale, defaultLocation = { lat: 40.7058254, lng: -74.1180863 }, defaultZoom = 11, } = options;
|
|
5
|
+
return createPlugin({
|
|
6
|
+
name: '@sanity/google-maps-input',
|
|
7
|
+
schema: {
|
|
8
|
+
types: [
|
|
9
|
+
{
|
|
10
|
+
type: 'object',
|
|
11
|
+
name: 'geopoint',
|
|
12
|
+
title: 'Geopoint',
|
|
13
|
+
inputComponent: GeopointInput,
|
|
14
|
+
fields: [
|
|
15
|
+
{
|
|
16
|
+
type: 'number',
|
|
17
|
+
name: 'lat',
|
|
18
|
+
title: 'Latitude',
|
|
19
|
+
validation: (rule) => rule.required(),
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
type: 'number',
|
|
23
|
+
name: 'lng',
|
|
24
|
+
title: 'Longitude',
|
|
25
|
+
validation: (rule) => rule.required(),
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
type: 'number',
|
|
29
|
+
name: 'alt',
|
|
30
|
+
title: 'Altitude',
|
|
31
|
+
},
|
|
32
|
+
],
|
|
33
|
+
options: {
|
|
34
|
+
apiKey,
|
|
35
|
+
defaultLocale,
|
|
36
|
+
defaultLocation,
|
|
37
|
+
defaultZoom,
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAS,MAAM,QAAQ,CAAA;AAC3C,OAAO,aAAa,MAAM,uBAAuB,CAAA;AAYjD,MAAM,UAAU,eAAe,CAAC,OAA+B;IAC7D,MAAM,EACJ,MAAM,EACN,aAAa,EACb,eAAe,GAAG,EAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,EAAC,EACrD,WAAW,GAAG,EAAE,GACjB,GAAG,OAAO,CAAA;IAEX,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE,2BAA2B;QACjC,MAAM,EAAE;YACN,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,UAAU;oBACjB,cAAc,EAAE,aAAa;oBAC7B,MAAM,EAAE;wBACN;4BACE,IAAI,EAAE,QAAQ;4BACd,IAAI,EAAE,KAAK;4BACX,KAAK,EAAE,UAAU;4BACjB,UAAU,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;yBAC5C;wBACD;4BACE,IAAI,EAAE,QAAQ;4BACd,IAAI,EAAE,KAAK;4BACX,KAAK,EAAE,WAAW;4BAClB,UAAU,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;yBAC5C;wBACD;4BACE,IAAI,EAAE,QAAQ;4BACd,IAAI,EAAE,KAAK;4BACX,KAAK,EAAE,UAAU;yBAClB;qBACF;oBACD,OAAO,EAAE;wBACP,MAAM;wBACN,aAAa;wBACb,eAAe;wBACf,WAAW;qBACZ;iBACF;aACF;SACF;KACF,CAAC,CAAA;AACJ,CAAC"}
|
|
@@ -1,40 +1,28 @@
|
|
|
1
|
-
/// <reference types="googlemaps" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
constructor(props: any);
|
|
29
|
-
setEditButton: (el: Focusable) => void;
|
|
30
|
-
focus(): void;
|
|
31
|
-
handleFocus: (event: any) => void;
|
|
32
|
-
handleBlur: () => void;
|
|
33
|
-
handleToggleModal: () => void;
|
|
34
|
-
handleCloseModal: () => void;
|
|
35
|
-
handleChange: (latLng: google.maps.LatLng) => void;
|
|
36
|
-
handleClear: () => void;
|
|
37
|
-
render(): JSX.Element;
|
|
38
|
-
}
|
|
39
|
-
export default GeopointInput;
|
|
1
|
+
/// <reference types="googlemaps" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormInputProps } from '@sanity/base/form';
|
|
4
|
+
import { Geopoint, GeopointSchemaType } from '../types';
|
|
5
|
+
declare type GeopointInputProps = FormInputProps<Geopoint, GeopointSchemaType>;
|
|
6
|
+
declare type Focusable = any;
|
|
7
|
+
interface InputState {
|
|
8
|
+
modalOpen: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare class GeopointInput extends React.PureComponent<GeopointInputProps, InputState> {
|
|
11
|
+
_geopointInputId: string;
|
|
12
|
+
static defaultProps: {
|
|
13
|
+
validation: never[];
|
|
14
|
+
};
|
|
15
|
+
editButton: Focusable | undefined;
|
|
16
|
+
constructor(props: any);
|
|
17
|
+
setEditButton: (el: Focusable) => void;
|
|
18
|
+
focus(): void;
|
|
19
|
+
handleFocus: (event: any) => void;
|
|
20
|
+
handleBlur: () => void;
|
|
21
|
+
handleToggleModal: () => void;
|
|
22
|
+
handleCloseModal: () => void;
|
|
23
|
+
handleChange: (latLng: google.maps.LatLng) => void;
|
|
24
|
+
handleClear: () => void;
|
|
25
|
+
render(): JSX.Element;
|
|
26
|
+
}
|
|
27
|
+
export default GeopointInput;
|
|
40
28
|
//# sourceMappingURL=GeopointInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GeopointInput.d.ts","sourceRoot":"","sources":["../../../../src/input/GeopointInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,EAAC,cAAc,EAAuC,MAAM,mBAAmB,CAAA;AAEtF,OAAO,EAAC,QAAQ,EAAE,kBAAkB,EAAC,MAAM,UAAU,CAAA;AAsBrD,aAAK,kBAAkB,GAAG,cAAc,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAA;AAMtE,aAAK,SAAS,GAAG,GAAG,CAAA;AAEpB,UAAU,UAAU;IAClB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,cAAM,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAC7E,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"}
|