@terreno/ui 0.12.0 → 0.12.2
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/dist/MarkdownEditor.js +1 -1
- package/dist/MarkdownEditor.js.map +1 -1
- package/dist/Toast.d.ts +1 -1
- package/dist/Toast.js +2 -1
- package/dist/Toast.js.map +1 -1
- package/dist/WebAddressAutocomplete.js +8 -2
- package/dist/WebAddressAutocomplete.js.map +1 -1
- package/package.json +1 -1
- package/src/MarkdownEditor.tsx +2 -2
- package/src/Toast.test.tsx +8 -2
- package/src/Toast.tsx +4 -3
- package/src/UserInactivity.test.tsx +4 -4
- package/src/WebAddressAutocomplete.test.tsx +137 -0
- package/src/WebAddressAutocomplete.tsx +17 -6
package/dist/MarkdownEditor.js
CHANGED
|
@@ -7,6 +7,6 @@ import { TextField } from "./TextField";
|
|
|
7
7
|
export const MarkdownEditor = ({ value, onChange, placeholder, title, disabled, testID, maxHeight = 500, }) => {
|
|
8
8
|
const { width } = useWindowDimensions();
|
|
9
9
|
const isDesktop = width >= 768;
|
|
10
|
-
return (_jsxs(Box, { direction: "column", gap: 2, testID: testID, children: [Boolean(title) && _jsx(Heading, { size: "sm", children: title }), _jsxs(Box, { direction: isDesktop ? "row" : "column", gap: 3, children: [_jsxs(Box, { flex: "grow", children: [_jsx(Heading, { size: "sm", children: "Edit" }), _jsx(Box, { marginTop: 1, children: _jsx(TextField, { disabled: disabled, grow: true, multiline: true, onChange: onChange, placeholder: placeholder, rows: 10, testID: testID ? `${testID}-input` : undefined, value: value }) })] }), _jsxs(Box, { flex: "grow", children: [_jsx(Heading, { size: "sm", children: "Preview" }), _jsx(ScrollView, { style: { maxHeight, minHeight: 100 }, children: _jsx(Box, { border: "default", marginTop: 1, padding: 3, rounding: "sm", testID: testID ? `${testID}-preview` : undefined, children: _jsx(MarkdownView, { children: value || " " }) }) })] })] })] }));
|
|
10
|
+
return (_jsxs(Box, { direction: "column", gap: 2, testID: testID, children: [Boolean(title) && _jsx(Heading, { size: "sm", children: title }), _jsxs(Box, { direction: isDesktop ? "row" : "column", gap: 3, children: [_jsxs(Box, { dangerouslySetInlineStyle: { __style: { flexBasis: 0 } }, flex: "grow", children: [_jsx(Heading, { size: "sm", children: "Edit" }), _jsx(Box, { marginTop: 1, children: _jsx(TextField, { disabled: disabled, grow: true, multiline: true, onChange: onChange, placeholder: placeholder, rows: 10, testID: testID ? `${testID}-input` : undefined, value: value }) })] }), _jsxs(Box, { dangerouslySetInlineStyle: { __style: { flexBasis: 0 } }, flex: "grow", children: [_jsx(Heading, { size: "sm", children: "Preview" }), _jsx(ScrollView, { style: { maxHeight, minHeight: 100 }, children: _jsx(Box, { border: "default", marginTop: 1, padding: 3, rounding: "sm", testID: testID ? `${testID}-preview` : undefined, children: _jsx(MarkdownView, { children: value || " " }) }) })] })] })] }));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=MarkdownEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../src/MarkdownEditor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,UAAU,EAAE,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAYtC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,GAAG,GAAG,GAChB,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,KAAK,IAAI,GAAG,CAAC;IAE/B,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,aAC3C,OAAO,CAAC,KAAK,CAAC,IAAI,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,YAAE,KAAK,GAAW,EACvD,MAAC,GAAG,IAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAClD,MAAC,GAAG,IAAC,IAAI,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../src/MarkdownEditor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,UAAU,EAAE,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAYtC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,GAAG,GAAG,GAChB,EAAE,EAAE;IACH,MAAM,EAAC,KAAK,EAAC,GAAG,mBAAmB,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,KAAK,IAAI,GAAG,CAAC;IAE/B,OAAO,CACL,MAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,aAC3C,OAAO,CAAC,KAAK,CAAC,IAAI,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,YAAE,KAAK,GAAW,EACvD,MAAC,GAAG,IAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAClD,MAAC,GAAG,IAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,EAAC,EAAE,IAAI,EAAC,MAAM,aACpE,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,qBAAe,EACjC,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,QACJ,SAAS,QACT,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,KAAK,GACZ,GACE,IACF,EACN,MAAC,GAAG,IAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,EAAC,EAAE,IAAI,EAAC,MAAM,aACpE,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,wBAAkB,EACpC,KAAC,UAAU,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAC,YAC5C,KAAC,GAAG,IACF,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,EACV,QAAQ,EAAC,IAAI,EACb,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,YAEhD,KAAC,YAAY,cAAE,KAAK,IAAI,GAAG,GAAgB,GACvC,GACK,IACT,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Toast.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ export declare const useToast: () => {
|
|
|
17
17
|
warn: (title: string, options?: UseToastVariantOptions) => string;
|
|
18
18
|
error: (title: string, options?: UseToastVariantOptions) => string;
|
|
19
19
|
show: (title: string, options?: UseToastOptions) => string;
|
|
20
|
-
catch: (error:
|
|
20
|
+
catch: (error: unknown, message?: string, options?: UseToastVariantOptions) => void;
|
|
21
21
|
};
|
|
22
22
|
export declare const Toast: ({ title, variant, secondary, size, onDismiss, persistent, subtitle, }: ToastProps) => React.ReactElement;
|
|
23
23
|
export {};
|
package/dist/Toast.js
CHANGED
|
@@ -30,7 +30,8 @@ export const useToast = () => {
|
|
|
30
30
|
console.error(exceptionMsg);
|
|
31
31
|
}
|
|
32
32
|
else {
|
|
33
|
-
|
|
33
|
+
const errorObj = error;
|
|
34
|
+
exceptionMsg = (_b = (_a = errorObj === null || errorObj === void 0 ? void 0 : errorObj.message) !== null && _a !== void 0 ? _a : errorObj === null || errorObj === void 0 ? void 0 : errorObj.error) !== null && _b !== void 0 ? _b : String(error);
|
|
34
35
|
console.error(`${message}: ${exceptionMsg}`);
|
|
35
36
|
}
|
|
36
37
|
show(exceptionMsg, Object.assign(Object.assign({}, options), { variant: "error" }));
|
package/dist/Toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGvD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACjC,OAAO,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAEtD,MAAM,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAAC;AAYnC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAQtB,EAAE;IACF,MAAM,KAAK,GAAG,qBAAqB,EAAE,CAAC;IACtC,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,OAAyB,EAAU,EAAE;QAChE,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,EAAE,CAAC;YACjB,OAAO,CAAC,IAAI,CAAC,2DAA2D,CAAC,CAAC;YAC1E,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,SAAS,iCACb,OAAO,EAAE,MAAM,IACZ,OAAO,KACV,KAAK,GACN,CAAC;QACF,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;YACvB,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB;SACtD,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO;QACL,KAAK,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,9 @@ const loadGooglePlacesScript = (googleMapsApiKey, callbackName) => {
|
|
|
15
15
|
script.src = `https://maps.googleapis.com/maps/api/js?key=${googleMapsApiKey}&libraries=places&callback=${callbackName}`;
|
|
16
16
|
script.async = true;
|
|
17
17
|
script.defer = true;
|
|
18
|
-
script.onerror = () =>
|
|
18
|
+
script.onerror = () => {
|
|
19
|
+
reject(new Error("Google Maps script failed to load"));
|
|
20
|
+
};
|
|
19
21
|
document.head.appendChild(script);
|
|
20
22
|
return;
|
|
21
23
|
});
|
|
@@ -54,7 +56,11 @@ export const WebAddressAutocomplete = ({ disabled, googleMapsApiKey, includeCoun
|
|
|
54
56
|
window[callbackName] = null;
|
|
55
57
|
};
|
|
56
58
|
}, [googleMapsApiKey, includeCounty, handleAutoCompleteChange]);
|
|
57
|
-
return (_jsx(TextField, { disabled: disabled, inputRef: scriptLoaded
|
|
59
|
+
return (_jsx(TextField, { disabled: disabled, inputRef: scriptLoaded
|
|
60
|
+
? (ref) => {
|
|
61
|
+
autocompleteInputRef.current = ref;
|
|
62
|
+
}
|
|
63
|
+
: undefined, onChange: (value) => {
|
|
58
64
|
handleAddressChange(value);
|
|
59
65
|
}, placeholder: "Enter an address", type: "text", value: inputValue }));
|
|
60
66
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WebAddressAutocomplete.js","sourceRoot":"","sources":["../src/WebAddressAutocomplete.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WebAddressAutocomplete.js","sourceRoot":"","sources":["../src/WebAddressAutocomplete.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/MarkdownEditor.tsx
CHANGED
|
@@ -31,7 +31,7 @@ export const MarkdownEditor: React.FC<MarkdownEditorProps> = ({
|
|
|
31
31
|
<Box direction="column" gap={2} testID={testID}>
|
|
32
32
|
{Boolean(title) && <Heading size="sm">{title}</Heading>}
|
|
33
33
|
<Box direction={isDesktop ? "row" : "column"} gap={3}>
|
|
34
|
-
<Box flex="grow">
|
|
34
|
+
<Box dangerouslySetInlineStyle={{__style: {flexBasis: 0}}} flex="grow">
|
|
35
35
|
<Heading size="sm">Edit</Heading>
|
|
36
36
|
<Box marginTop={1}>
|
|
37
37
|
<TextField
|
|
@@ -46,7 +46,7 @@ export const MarkdownEditor: React.FC<MarkdownEditorProps> = ({
|
|
|
46
46
|
/>
|
|
47
47
|
</Box>
|
|
48
48
|
</Box>
|
|
49
|
-
<Box flex="grow">
|
|
49
|
+
<Box dangerouslySetInlineStyle={{__style: {flexBasis: 0}}} flex="grow">
|
|
50
50
|
<Heading size="sm">Preview</Heading>
|
|
51
51
|
<ScrollView style={{maxHeight, minHeight: 100}}>
|
|
52
52
|
<Box
|
package/src/Toast.test.tsx
CHANGED
|
@@ -6,11 +6,17 @@ import {Toast, useToast} from "./Toast";
|
|
|
6
6
|
import {ToastProvider} from "./ToastNotifications";
|
|
7
7
|
import {renderWithTheme} from "./test-utils";
|
|
8
8
|
|
|
9
|
+
interface RafGlobal {
|
|
10
|
+
requestAnimationFrame: (callback: FrameRequestCallback) => number;
|
|
11
|
+
cancelAnimationFrame: (id: number) => void;
|
|
12
|
+
}
|
|
13
|
+
|
|
9
14
|
beforeAll(() => {
|
|
10
|
-
|
|
15
|
+
const g = globalThis as unknown as RafGlobal;
|
|
16
|
+
g.requestAnimationFrame = (callback: FrameRequestCallback) => {
|
|
11
17
|
return setTimeout(() => callback(Date.now()), 0) as unknown as number;
|
|
12
18
|
};
|
|
13
|
-
|
|
19
|
+
g.cancelAnimationFrame = (id: number) => {
|
|
14
20
|
clearTimeout(id);
|
|
15
21
|
};
|
|
16
22
|
});
|
package/src/Toast.tsx
CHANGED
|
@@ -28,7 +28,7 @@ export const useToast = (): {
|
|
|
28
28
|
warn: (title: string, options?: UseToastVariantOptions) => string;
|
|
29
29
|
error: (title: string, options?: UseToastVariantOptions) => string;
|
|
30
30
|
show: (title: string, options?: UseToastOptions) => string;
|
|
31
|
-
catch: (error:
|
|
31
|
+
catch: (error: unknown, message?: string, options?: UseToastVariantOptions) => void;
|
|
32
32
|
} => {
|
|
33
33
|
const toast = useToastNotifications();
|
|
34
34
|
const show = (title: string, options?: UseToastOptions): string => {
|
|
@@ -47,14 +47,15 @@ export const useToast = (): {
|
|
|
47
47
|
});
|
|
48
48
|
};
|
|
49
49
|
return {
|
|
50
|
-
catch: (error:
|
|
50
|
+
catch: (error: unknown, message?: string, options?: UseToastVariantOptions): void => {
|
|
51
51
|
let exceptionMsg;
|
|
52
52
|
if (isAPIError(error)) {
|
|
53
53
|
// Get the error without details.
|
|
54
54
|
exceptionMsg = `${message}: ${printAPIError(error)}`;
|
|
55
55
|
console.error(exceptionMsg);
|
|
56
56
|
} else {
|
|
57
|
-
|
|
57
|
+
const errorObj = error as {message?: string; error?: string} | null | undefined;
|
|
58
|
+
exceptionMsg = errorObj?.message ?? errorObj?.error ?? String(error);
|
|
58
59
|
console.error(`${message}: ${exceptionMsg}`);
|
|
59
60
|
}
|
|
60
61
|
show(exceptionMsg, {...options, variant: "error"});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {describe, expect, it, mock, spyOn} from "bun:test";
|
|
2
2
|
import {act} from "@testing-library/react-native";
|
|
3
|
-
import {Keyboard} from "react-native";
|
|
3
|
+
import {type EmitterSubscription, Keyboard} from "react-native";
|
|
4
4
|
|
|
5
5
|
import {Text} from "./Text";
|
|
6
6
|
import {renderWithTheme} from "./test-utils";
|
|
@@ -115,8 +115,8 @@ describe("UserInactivity", () => {
|
|
|
115
115
|
const removeHide = mock(() => {});
|
|
116
116
|
const removeShow = mock(() => {});
|
|
117
117
|
const addListenerSpy = spyOn(Keyboard, "addListener")
|
|
118
|
-
.mockReturnValueOnce({remove: removeHide} as
|
|
119
|
-
.mockReturnValueOnce({remove: removeShow} as
|
|
118
|
+
.mockReturnValueOnce({remove: removeHide} as unknown as EmitterSubscription)
|
|
119
|
+
.mockReturnValueOnce({remove: removeShow} as unknown as EmitterSubscription);
|
|
120
120
|
|
|
121
121
|
const {unmount} = renderWithTheme(
|
|
122
122
|
<UserInactivity onAction={onAction}>
|
|
@@ -142,7 +142,7 @@ describe("UserInactivity", () => {
|
|
|
142
142
|
if (event === "keyboardDidHide") {
|
|
143
143
|
capturedHideCallback = callback;
|
|
144
144
|
}
|
|
145
|
-
return {remove: mock(() => {})} as
|
|
145
|
+
return {remove: mock(() => {})} as unknown as EmitterSubscription;
|
|
146
146
|
}
|
|
147
147
|
);
|
|
148
148
|
|
|
@@ -177,4 +177,141 @@ describe("WebAddressAutocomplete", () => {
|
|
|
177
177
|
expect(handleAddressChange).toHaveBeenCalledWith("321 Pine");
|
|
178
178
|
});
|
|
179
179
|
});
|
|
180
|
+
|
|
181
|
+
describe("when Google Maps script is not yet loaded", () => {
|
|
182
|
+
interface ScriptElementShape {
|
|
183
|
+
src?: string;
|
|
184
|
+
async?: boolean;
|
|
185
|
+
defer?: boolean;
|
|
186
|
+
onerror?: () => void;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
interface GoogleMapsWindow {
|
|
190
|
+
google?: {
|
|
191
|
+
maps?: {
|
|
192
|
+
places?: {
|
|
193
|
+
Autocomplete?: unknown;
|
|
194
|
+
};
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
[key: string]: unknown;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
interface MinimalDocument {
|
|
201
|
+
createElement: (tag: string) => ScriptElementShape;
|
|
202
|
+
head: {appendChild: (node: ScriptElementShape) => void};
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
interface TestGlobals {
|
|
206
|
+
window?: GoogleMapsWindow;
|
|
207
|
+
document?: MinimalDocument;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
const testGlobal = globalThis as TestGlobals;
|
|
211
|
+
const originalWindow = testGlobal.window;
|
|
212
|
+
const originalDocument = testGlobal.document;
|
|
213
|
+
|
|
214
|
+
let createdScript: ScriptElementShape;
|
|
215
|
+
let appendedScripts: ScriptElementShape[];
|
|
216
|
+
let originalConsoleWarn: typeof console.warn;
|
|
217
|
+
let warnings: unknown[][];
|
|
218
|
+
|
|
219
|
+
beforeEach(() => {
|
|
220
|
+
createdScript = {};
|
|
221
|
+
appendedScripts = [];
|
|
222
|
+
warnings = [];
|
|
223
|
+
originalConsoleWarn = console.warn;
|
|
224
|
+
console.warn = (...args: unknown[]): void => {
|
|
225
|
+
warnings.push(args);
|
|
226
|
+
};
|
|
227
|
+
|
|
228
|
+
testGlobal.window = {};
|
|
229
|
+
testGlobal.document = {
|
|
230
|
+
createElement: (_tag: string) => {
|
|
231
|
+
createdScript = {};
|
|
232
|
+
return createdScript;
|
|
233
|
+
},
|
|
234
|
+
head: {
|
|
235
|
+
appendChild: (node) => {
|
|
236
|
+
appendedScripts.push(node);
|
|
237
|
+
},
|
|
238
|
+
},
|
|
239
|
+
};
|
|
240
|
+
});
|
|
241
|
+
|
|
242
|
+
afterEach(() => {
|
|
243
|
+
console.warn = originalConsoleWarn;
|
|
244
|
+
testGlobal.window = originalWindow ?? {};
|
|
245
|
+
testGlobal.document = originalDocument;
|
|
246
|
+
});
|
|
247
|
+
|
|
248
|
+
it("loads the Google Maps script and resolves via the global callback", async () => {
|
|
249
|
+
const handleAutoCompleteChange = mock((_arg: AddressInterface) => {});
|
|
250
|
+
|
|
251
|
+
renderWithTheme(
|
|
252
|
+
<WebAddressAutocomplete
|
|
253
|
+
googleMapsApiKey="my-api-key"
|
|
254
|
+
handleAddressChange={() => {}}
|
|
255
|
+
handleAutoCompleteChange={handleAutoCompleteChange}
|
|
256
|
+
inputValue=""
|
|
257
|
+
/>
|
|
258
|
+
);
|
|
259
|
+
|
|
260
|
+
// Effect runs synchronously during render, which pushes the script tag to head.
|
|
261
|
+
expect(appendedScripts.length).toBe(1);
|
|
262
|
+
expect(createdScript.src).toContain(
|
|
263
|
+
"https://maps.googleapis.com/maps/api/js?key=my-api-key&libraries=places&callback=initAutocomplete"
|
|
264
|
+
);
|
|
265
|
+
expect(createdScript.async).toBe(true);
|
|
266
|
+
expect(createdScript.defer).toBe(true);
|
|
267
|
+
expect(typeof createdScript.onerror).toBe("function");
|
|
268
|
+
|
|
269
|
+
// The component installed a global callback that resolves loadGooglePlacesScript.
|
|
270
|
+
const win = testGlobal.window as GoogleMapsWindow;
|
|
271
|
+
const cb = win.initAutocomplete;
|
|
272
|
+
expect(typeof cb).toBe("function");
|
|
273
|
+
|
|
274
|
+
// Make Autocomplete available, simulating a successful script load, then fire the callback.
|
|
275
|
+
const autocompleteConstructor = mock((_input: unknown, _opts: unknown) => ({
|
|
276
|
+
addListener: () => {},
|
|
277
|
+
getPlace: () => null,
|
|
278
|
+
}));
|
|
279
|
+
win.google = {
|
|
280
|
+
maps: {
|
|
281
|
+
places: {
|
|
282
|
+
Autocomplete: autocompleteConstructor,
|
|
283
|
+
},
|
|
284
|
+
},
|
|
285
|
+
};
|
|
286
|
+
|
|
287
|
+
await act(async () => {
|
|
288
|
+
(cb as () => void)();
|
|
289
|
+
await new Promise((resolve) => setTimeout(resolve, 0));
|
|
290
|
+
});
|
|
291
|
+
|
|
292
|
+
expect(autocompleteConstructor).toHaveBeenCalled();
|
|
293
|
+
});
|
|
294
|
+
|
|
295
|
+
it("invokes setScriptLoaded(false) and warns when the script fails to load", async () => {
|
|
296
|
+
renderWithTheme(
|
|
297
|
+
<WebAddressAutocomplete
|
|
298
|
+
googleMapsApiKey="my-api-key"
|
|
299
|
+
handleAddressChange={() => {}}
|
|
300
|
+
handleAutoCompleteChange={() => {}}
|
|
301
|
+
inputValue=""
|
|
302
|
+
/>
|
|
303
|
+
);
|
|
304
|
+
|
|
305
|
+
expect(appendedScripts.length).toBe(1);
|
|
306
|
+
expect(typeof createdScript.onerror).toBe("function");
|
|
307
|
+
|
|
308
|
+
await act(async () => {
|
|
309
|
+
createdScript.onerror?.();
|
|
310
|
+
await new Promise((resolve) => setTimeout(resolve, 0));
|
|
311
|
+
});
|
|
312
|
+
|
|
313
|
+
// The .catch path warns and falls back to plain TextField.
|
|
314
|
+
expect(warnings.length).toBeGreaterThan(0);
|
|
315
|
+
});
|
|
316
|
+
});
|
|
180
317
|
});
|
|
@@ -1,23 +1,28 @@
|
|
|
1
1
|
import {type ReactElement, useEffect, useRef, useState} from "react";
|
|
2
|
+
import type {TextInput} from "react-native";
|
|
2
3
|
|
|
3
4
|
import type {AddressAutocompleteProps} from "./Common";
|
|
4
5
|
import {GOOGLE_PLACES_API_RESTRICTIONS} from "./Constants";
|
|
5
6
|
import {TextField} from "./TextField";
|
|
6
7
|
import {processAddressComponents} from "./Utilities";
|
|
7
8
|
|
|
8
|
-
|
|
9
|
+
type WindowWithCallbacks = Window & Record<string, unknown>;
|
|
10
|
+
|
|
11
|
+
const loadGooglePlacesScript = (googleMapsApiKey: string, callbackName: string): Promise<void> => {
|
|
9
12
|
return new Promise<void>((resolve, reject): undefined => {
|
|
10
13
|
if (window.google?.maps?.places) {
|
|
11
14
|
resolve();
|
|
12
15
|
return;
|
|
13
16
|
}
|
|
14
|
-
(window as
|
|
17
|
+
(window as unknown as WindowWithCallbacks)[callbackName] = (): void => resolve();
|
|
15
18
|
const script: HTMLScriptElement = document.createElement("script");
|
|
16
19
|
|
|
17
20
|
script.src = `https://maps.googleapis.com/maps/api/js?key=${googleMapsApiKey}&libraries=places&callback=${callbackName}`;
|
|
18
21
|
script.async = true;
|
|
19
22
|
script.defer = true;
|
|
20
|
-
script.onerror = ():
|
|
23
|
+
script.onerror = (): void => {
|
|
24
|
+
reject(new Error("Google Maps script failed to load"));
|
|
25
|
+
};
|
|
21
26
|
document.head.appendChild(script);
|
|
22
27
|
return;
|
|
23
28
|
});
|
|
@@ -32,7 +37,7 @@ export const WebAddressAutocomplete = ({
|
|
|
32
37
|
handleAutoCompleteChange,
|
|
33
38
|
}: AddressAutocompleteProps): ReactElement => {
|
|
34
39
|
const [scriptLoaded, setScriptLoaded] = useState(true);
|
|
35
|
-
const autocompleteInputRef = useRef(null);
|
|
40
|
+
const autocompleteInputRef = useRef<TextInput | null>(null);
|
|
36
41
|
|
|
37
42
|
// Load the Google Maps script and initialize the autocomplete.
|
|
38
43
|
useEffect(() => {
|
|
@@ -65,14 +70,20 @@ export const WebAddressAutocomplete = ({
|
|
|
65
70
|
});
|
|
66
71
|
// Cleanup
|
|
67
72
|
return () => {
|
|
68
|
-
(window as
|
|
73
|
+
(window as unknown as WindowWithCallbacks)[callbackName] = null;
|
|
69
74
|
};
|
|
70
75
|
}, [googleMapsApiKey, includeCounty, handleAutoCompleteChange]);
|
|
71
76
|
|
|
72
77
|
return (
|
|
73
78
|
<TextField
|
|
74
79
|
disabled={disabled}
|
|
75
|
-
inputRef={
|
|
80
|
+
inputRef={
|
|
81
|
+
scriptLoaded
|
|
82
|
+
? (ref: TextInput | null): void => {
|
|
83
|
+
autocompleteInputRef.current = ref;
|
|
84
|
+
}
|
|
85
|
+
: undefined
|
|
86
|
+
}
|
|
76
87
|
onChange={(value): void => {
|
|
77
88
|
handleAddressChange(value);
|
|
78
89
|
}}
|