@sanity/google-maps-input 2.29.2 → 2.29.4-purple-unicorn.648

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/LICENSE +1 -1
  2. package/diff/resolver.js +7 -0
  3. package/input/GeopointInput.js +7 -0
  4. package/lib/_Marker-353730d0.js +301 -0
  5. package/lib/_Marker-353730d0.js.map +1 -0
  6. package/lib/_Marker-ee551fa7.cjs +330 -0
  7. package/lib/_Marker-ee551fa7.cjs.map +1 -0
  8. package/lib/_reExport.js +19 -0
  9. package/lib/diff/resolver.cjs +203 -0
  10. package/lib/diff/resolver.cjs.map +1 -0
  11. package/lib/diff/resolver.js +168 -17
  12. package/lib/diff/resolver.js.map +1 -0
  13. package/{dist/dts → lib/dts/src}/diff/GeopointArrayDiff.d.ts +4 -4
  14. package/lib/dts/src/diff/GeopointArrayDiff.d.ts.map +1 -0
  15. package/lib/dts/src/diff/GeopointArrayDiff.js +36 -0
  16. package/lib/dts/src/diff/GeopointArrayDiff.js.map +1 -0
  17. package/{dist/dts → lib/dts/src}/diff/GeopointFieldDiff.d.ts +4 -4
  18. package/lib/dts/src/diff/GeopointFieldDiff.d.ts.map +1 -0
  19. package/lib/dts/src/diff/GeopointFieldDiff.js +51 -0
  20. package/lib/dts/src/diff/GeopointFieldDiff.js.map +1 -0
  21. package/{dist/dts → lib/dts/src}/diff/GeopointFieldDiff.styles.d.ts +1 -1
  22. package/lib/dts/src/diff/GeopointFieldDiff.styles.d.ts.map +1 -0
  23. package/lib/dts/src/diff/GeopointFieldDiff.styles.js +20 -0
  24. package/lib/dts/src/diff/GeopointFieldDiff.styles.js.map +1 -0
  25. package/{dist/dts → lib/dts/src}/diff/GeopointMove.d.ts +12 -12
  26. package/lib/dts/src/diff/GeopointMove.d.ts.map +1 -0
  27. package/lib/dts/src/diff/GeopointMove.js +16 -0
  28. package/lib/dts/src/diff/GeopointMove.js.map +1 -0
  29. package/lib/dts/src/diff/resolver.d.ts +4 -0
  30. package/lib/dts/src/diff/resolver.d.ts.map +1 -0
  31. package/lib/dts/src/diff/resolver.js +15 -0
  32. package/lib/dts/src/diff/resolver.js.map +1 -0
  33. package/lib/dts/src/input/GeopointInput.d.ts +26 -0
  34. package/lib/dts/src/input/GeopointInput.d.ts.map +1 -0
  35. package/lib/dts/src/input/GeopointInput.js +97 -0
  36. package/lib/dts/src/input/GeopointInput.js.map +1 -0
  37. package/{dist/dts → lib/dts/src}/input/GeopointInput.styles.d.ts +2 -2
  38. package/lib/dts/src/input/GeopointInput.styles.d.ts.map +1 -0
  39. package/lib/dts/src/input/GeopointInput.styles.js +11 -0
  40. package/lib/dts/src/input/GeopointInput.styles.js.map +1 -0
  41. package/{dist/dts → lib/dts/src}/input/GeopointSelect.d.ts +27 -27
  42. package/lib/dts/src/input/GeopointSelect.d.ts.map +1 -0
  43. package/lib/dts/src/input/GeopointSelect.js +44 -0
  44. package/lib/dts/src/input/GeopointSelect.js.map +1 -0
  45. package/{dist/dts → lib/dts/src}/loader/GoogleMapsLoadProxy.d.ts +13 -13
  46. package/lib/dts/src/loader/GoogleMapsLoadProxy.d.ts.map +1 -0
  47. package/lib/dts/src/loader/GoogleMapsLoadProxy.js +39 -0
  48. package/lib/dts/src/loader/GoogleMapsLoadProxy.js.map +1 -0
  49. package/{dist/dts → lib/dts/src}/loader/LoadError.d.ts +9 -9
  50. package/lib/dts/src/loader/LoadError.d.ts.map +1 -0
  51. package/lib/dts/src/loader/LoadError.js +22 -0
  52. package/lib/dts/src/loader/LoadError.js.map +1 -0
  53. package/{dist/dts → lib/dts/src}/loader/loadGoogleMapsApi.d.ts +17 -17
  54. package/lib/dts/src/loader/loadGoogleMapsApi.d.ts.map +1 -0
  55. package/lib/dts/src/loader/loadGoogleMapsApi.js +49 -0
  56. package/lib/dts/src/loader/loadGoogleMapsApi.js.map +1 -0
  57. package/{dist/dts → lib/dts/src}/map/Arrow.d.ts +28 -28
  58. package/lib/dts/src/map/Arrow.d.ts.map +1 -0
  59. package/lib/dts/src/map/Arrow.js +53 -0
  60. package/lib/dts/src/map/Arrow.js.map +1 -0
  61. package/{dist/dts → lib/dts/src}/map/Map.d.ts +36 -36
  62. package/lib/dts/src/map/Map.d.ts.map +1 -0
  63. package/lib/dts/src/map/Map.js +87 -0
  64. package/lib/dts/src/map/Map.js.map +1 -0
  65. package/{dist/dts → lib/dts/src}/map/Map.styles.d.ts +1 -1
  66. package/lib/dts/src/map/Map.styles.d.ts.map +1 -0
  67. package/lib/dts/src/map/Map.styles.js +10 -0
  68. package/lib/dts/src/map/Map.styles.js.map +1 -0
  69. package/{dist/dts → lib/dts/src}/map/Marker.d.ts +33 -35
  70. package/lib/dts/src/map/Marker.d.ts.map +1 -0
  71. package/lib/dts/src/map/Marker.js +94 -0
  72. package/lib/dts/src/map/Marker.js.map +1 -0
  73. package/{dist/dts → lib/dts/src}/map/SearchInput.d.ts +15 -15
  74. package/lib/dts/src/map/SearchInput.d.ts.map +1 -0
  75. package/lib/dts/src/map/SearchInput.js +37 -0
  76. package/lib/dts/src/map/SearchInput.js.map +1 -0
  77. package/{dist/dts → lib/dts/src}/map/SearchInput.styles.d.ts +1 -1
  78. package/lib/dts/src/map/SearchInput.styles.d.ts.map +1 -0
  79. package/lib/dts/src/map/SearchInput.styles.js +8 -0
  80. package/lib/dts/src/map/SearchInput.styles.js.map +1 -0
  81. package/{dist/dts → lib/dts/src}/map/util.d.ts +3 -3
  82. package/lib/dts/src/map/util.d.ts.map +1 -0
  83. package/lib/dts/src/map/util.js +8 -0
  84. package/lib/dts/src/map/util.js.map +1 -0
  85. package/lib/dts/src/types.d.ts +17 -0
  86. package/lib/dts/src/types.d.ts.map +1 -0
  87. package/lib/dts/src/types.js +2 -0
  88. package/lib/dts/src/types.js.map +1 -0
  89. package/lib/dts/tsconfig.tsbuildinfo +1 -0
  90. package/lib/input/GeopointInput.cjs +212 -0
  91. package/lib/input/GeopointInput.cjs.map +1 -0
  92. package/lib/input/GeopointInput.js +182 -190
  93. package/lib/input/GeopointInput.js.map +1 -0
  94. package/package.json +46 -12
  95. package/src/@types/css.d.ts +4 -0
  96. package/src/diff/GeopointArrayDiff.tsx +83 -0
  97. package/src/diff/GeopointFieldDiff.styles.tsx +20 -0
  98. package/src/diff/GeopointFieldDiff.tsx +94 -0
  99. package/src/diff/GeopointMove.tsx +48 -0
  100. package/src/diff/resolver.ts +21 -0
  101. package/src/input/GeopointInput.styles.tsx +12 -0
  102. package/src/input/GeopointInput.tsx +185 -0
  103. package/src/input/GeopointSelect.tsx +78 -0
  104. package/src/loader/GoogleMapsLoadProxy.tsx +49 -0
  105. package/src/loader/LoadError.tsx +44 -0
  106. package/src/loader/loadGoogleMapsApi.ts +91 -0
  107. package/src/map/Arrow.tsx +76 -0
  108. package/src/map/Map.styles.tsx +10 -0
  109. package/src/map/Map.tsx +125 -0
  110. package/src/map/Marker.tsx +130 -0
  111. package/src/map/SearchInput.styles.tsx +8 -0
  112. package/src/map/SearchInput.tsx +56 -0
  113. package/src/map/util.ts +14 -0
  114. package/src/types.ts +19 -0
  115. package/.depcheckignore.json +0 -3
  116. package/dist/dts/diff/GeopointArrayDiff.d.ts.map +0 -1
  117. package/dist/dts/diff/GeopointFieldDiff.d.ts.map +0 -1
  118. package/dist/dts/diff/GeopointFieldDiff.styles.d.ts.map +0 -1
  119. package/dist/dts/diff/GeopointMove.d.ts.map +0 -1
  120. package/dist/dts/diff/resolver.d.ts +0 -4
  121. package/dist/dts/diff/resolver.d.ts.map +0 -1
  122. package/dist/dts/input/GeopointInput.d.ts +0 -40
  123. package/dist/dts/input/GeopointInput.d.ts.map +0 -1
  124. package/dist/dts/input/GeopointInput.styles.d.ts.map +0 -1
  125. package/dist/dts/input/GeopointSelect.d.ts.map +0 -1
  126. package/dist/dts/loader/GoogleMapsLoadProxy.d.ts.map +0 -1
  127. package/dist/dts/loader/LoadError.d.ts.map +0 -1
  128. package/dist/dts/loader/loadGoogleMapsApi.d.ts.map +0 -1
  129. package/dist/dts/map/Arrow.d.ts.map +0 -1
  130. package/dist/dts/map/Map.d.ts.map +0 -1
  131. package/dist/dts/map/Map.styles.d.ts.map +0 -1
  132. package/dist/dts/map/Marker.d.ts.map +0 -1
  133. package/dist/dts/map/SearchInput.d.ts.map +0 -1
  134. package/dist/dts/map/SearchInput.styles.d.ts.map +0 -1
  135. package/dist/dts/map/util.d.ts.map +0 -1
  136. package/dist/dts/types.d.ts +0 -14
  137. package/dist/dts/types.d.ts.map +0 -1
  138. package/lib/@types/css.d.js +0 -1
  139. package/lib/diff/GeopointArrayDiff.js +0 -82
  140. package/lib/diff/GeopointFieldDiff.js +0 -97
  141. package/lib/diff/GeopointFieldDiff.styles.js +0 -18
  142. package/lib/diff/GeopointMove.js +0 -55
  143. package/lib/input/GeopointInput.styles.js +0 -22
  144. package/lib/input/GeopointSelect.js +0 -103
  145. package/lib/loader/GoogleMapsLoadProxy.js +0 -70
  146. package/lib/loader/LoadError.js +0 -43
  147. package/lib/loader/loadGoogleMapsApi.js +0 -81
  148. package/lib/map/Arrow.js +0 -97
  149. package/lib/map/Map.js +0 -147
  150. package/lib/map/Map.styles.js +0 -18
  151. package/lib/map/Marker.js +0 -156
  152. package/lib/map/SearchInput.js +0 -77
  153. package/lib/map/SearchInput.styles.js +0 -18
  154. package/lib/map/util.js +0 -14
  155. package/lib/types.js +0 -5
  156. package/tsconfig.json +0 -20
@@ -1,27 +1,178 @@
1
- "use strict";
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
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
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
- var _GeopointFieldDiff = require("./GeopointFieldDiff");
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
- var _GeopointArrayDiff = require("./GeopointArrayDiff");
70
+ const RootContainer = styled.div `
71
+ position: relative;
72
+ min-height: 200px;
11
73
 
12
- var diffResolver = function diffResolver(_ref) {
13
- var schemaType = _ref.schemaType;
14
-
15
- if (schemaType.name === 'geopoint') {
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
- if (schemaType.jsonType === 'array' && schemaType.of.length === 1 && schemaType.of[0].name === 'geopoint') {
20
- return _GeopointArrayDiff.GeopointArrayDiff;
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
- return undefined;
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
- var _default = diffResolver;
27
- exports.default = _default;
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/field/diff';
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/field/diff';
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/field/diff';
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,4 @@
1
+ import { DiffComponentResolver } from '@sanity/base/_unstable';
2
+ declare const diffResolver: DiffComponentResolver;
3
+ export default diffResolver;
4
+ //# sourceMappingURL=resolver.d.ts.map
@@ -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,26 @@
1
+ /// <reference types="googlemaps" />
2
+ import React from 'react';
3
+ import { ObjectInputProps } from '@sanity/base/form';
4
+ import { Geopoint, GeopointSchemaType } from '../types';
5
+ declare type GeopointInputProps = ObjectInputProps<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
+ handleToggleModal: () => void;
20
+ handleCloseModal: () => void;
21
+ handleChange: (latLng: google.maps.LatLng) => void;
22
+ handleClear: () => void;
23
+ render(): JSX.Element;
24
+ }
25
+ export default GeopointInput;
26
+ //# 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;AAOzB,OAAO,EAAe,gBAAgB,EAA2B,MAAM,mBAAmB,CAAA;AAE1F,OAAO,EAAC,QAAQ,EAAE,kBAAkB,EAAC,MAAM,UAAU,CAAA;AAsBrD,aAAK,kBAAkB,GAAG,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAA;AAMxE,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,iBAAiB,aAEhB;IAED,gBAAgB,aAEf;IAED,YAAY,WAAY,OAAO,IAAI,CAAC,MAAM,UASzC;IAED,WAAW,aAGV;IAED,MAAM;CAwFP;AAED,eAAe,aAAa,CAAA"}
@@ -0,0 +1,97 @@
1
+ import React from 'react';
2
+ import { uniqueId } from 'lodash';
3
+ import { Box, Grid, Button, Dialog } from '@sanity/ui';
4
+ import { TrashIcon, EditIcon } from '@sanity/icons';
5
+ // @ts-expect-error TODO: remove the types eventually
6
+ import config from 'config:@sanity/google-maps-input';
7
+ import { ChangeIndicatorCompareValueProvider, ChangeIndicator } from '@sanity/base/_unstable';
8
+ import { set, setIfMissing, unset } from '@sanity/base/form';
9
+ import { GoogleMapsLoadProxy } from '../loader/GoogleMapsLoadProxy';
10
+ import { GeopointSelect } from './GeopointSelect';
11
+ import { PreviewImage, DialogInnerContainer } from './GeopointInput.styles';
12
+ const getStaticImageUrl = (value) => {
13
+ const loc = `${value.lat},${value.lng}`;
14
+ const params = {
15
+ key: config.apiKey,
16
+ center: loc,
17
+ markers: loc,
18
+ zoom: 13,
19
+ scale: 2,
20
+ size: '640x300',
21
+ };
22
+ const qs = Object.keys(params).reduce((res, param) => {
23
+ return res.concat(`${param}=${encodeURIComponent(params[param])}`);
24
+ }, []);
25
+ return `https://maps.googleapis.com/maps/api/staticmap?${qs.join('&')}`;
26
+ };
27
+ class GeopointInput extends React.PureComponent {
28
+ constructor(props) {
29
+ super(props);
30
+ this._geopointInputId = uniqueId('GeopointInput');
31
+ this.setEditButton = (el) => {
32
+ this.editButton = el;
33
+ };
34
+ this.handleToggleModal = () => {
35
+ this.setState((prevState) => ({ modalOpen: !prevState.modalOpen }));
36
+ };
37
+ this.handleCloseModal = () => {
38
+ this.setState({ modalOpen: false });
39
+ };
40
+ this.handleChange = (latLng) => {
41
+ const { schemaType, onChange } = this.props;
42
+ onChange([
43
+ setIfMissing({
44
+ _type: schemaType.name,
45
+ }),
46
+ set(latLng.lat(), ['lat']),
47
+ set(latLng.lng(), ['lng']),
48
+ ]);
49
+ };
50
+ this.handleClear = () => {
51
+ const { onChange } = this.props;
52
+ onChange(unset());
53
+ };
54
+ this.state = {
55
+ modalOpen: false,
56
+ };
57
+ }
58
+ focus() {
59
+ if (this.editButton) {
60
+ this.editButton.focus();
61
+ }
62
+ }
63
+ render() {
64
+ const { value, schemaType, readOnly, compareValue } = this.props;
65
+ const { modalOpen } = this.state;
66
+ if (!config || !config.apiKey) {
67
+ return (React.createElement("div", null,
68
+ React.createElement("p", null,
69
+ "The ",
70
+ React.createElement("a", { href: "https://sanity.io/docs/schema-types/geopoint-type" }, "Geopoint type"),
71
+ " needs a Google Maps API key with access to:"),
72
+ React.createElement("ul", null,
73
+ React.createElement("li", null, "Google Maps JavaScript API"),
74
+ React.createElement("li", null, "Google Places API Web Service"),
75
+ React.createElement("li", null, "Google Static Maps API")),
76
+ React.createElement("p", null,
77
+ "Please enter the API key with access to these services in",
78
+ React.createElement("code", { style: { whiteSpace: 'nowrap' } }, "`<project-root>/config/@sanity/google-maps-input.json`"))));
79
+ }
80
+ return (React.createElement(React.Fragment, null,
81
+ value && (React.createElement(ChangeIndicatorCompareValueProvider, { value: value, compareValue: compareValue },
82
+ React.createElement(ChangeIndicator, { compareDeep: true },
83
+ React.createElement(PreviewImage, { src: getStaticImageUrl(value), alt: "Map location" })))),
84
+ !readOnly && (React.createElement(Box, { marginTop: 4 },
85
+ React.createElement(Grid, { columns: 2, gap: 2 },
86
+ React.createElement(Button, { mode: "ghost", icon: value && EditIcon, padding: 3, ref: this.setEditButton, text: value ? 'Edit' : 'Set location', onClick: this.handleToggleModal }),
87
+ value && (React.createElement(Button, { tone: "critical", icon: TrashIcon, padding: 3, mode: "ghost", text: 'Remove', onClick: this.handleClear }))))),
88
+ modalOpen && (React.createElement(Dialog, { id: `${this._geopointInputId}_dialog`, onClose: this.handleCloseModal, header: "Place the marker on the map", width: 1 },
89
+ React.createElement(DialogInnerContainer, null,
90
+ React.createElement(GoogleMapsLoadProxy, null, (api) => (React.createElement(GeopointSelect, { api: api, value: value || undefined, onChange: readOnly ? undefined : this.handleChange, defaultLocation: config.defaultLocation, defaultZoom: config.defaultZoom }))))))));
91
+ }
92
+ }
93
+ GeopointInput.defaultProps = {
94
+ validation: [],
95
+ };
96
+ export default GeopointInput;
97
+ //# sourceMappingURL=GeopointInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GeopointInput.js","sourceRoot":"","sources":["../../../../src/input/GeopointInput.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
- export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;
2
- export declare const DialogInnerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const PreviewImage: import("styled-components").StyledComponent<"img", any, {}, never>;
2
+ export declare const DialogInnerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
3
  //# sourceMappingURL=GeopointInput.styles.d.ts.map