@terreno/ui 0.0.1

package/dist/TimezonePicker.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { getTimezoneOptions } from "./DateUtilities";
+import { SelectField } from "./SelectField";
+export const TimezonePicker = (_a) => {
+    var { timezone, onChange, location = "USA", hideTitle = false, shortTimezone = false } = _a, fieldProps = __rest(_a, ["timezone", "onChange", "location", "hideTitle", "shortTimezone"]);
+    const tzOptions = React.useMemo(() => getTimezoneOptions(location, shortTimezone), [location, shortTimezone]);
+    // Check that value is in the list of options
+    const valueIndex = tzOptions.findIndex((t) => t.value === timezone);
+    if (valueIndex === -1) {
+        console.warn(`${timezone} is not a valid timezone`);
+    }
+    const title = hideTitle ? undefined : "Timezone";
+    return (_jsx(SelectField, Object.assign({ title: title }, fieldProps, { onChange: onChange, options: tzOptions, value: timezone })));
+};
+//# sourceMappingURL=TimezonePicker.js.map

package/dist/TimezonePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimezonePicker.js","sourceRoot":"","sources":["../src/TimezonePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAU1C,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAOlC,EAAsB,EAAE;QAPU,EACtD,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,OAED,EADjB,UAAU,cANyC,kEAOvD,CADc;IAEb,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,aAAa,CAAC,EACjD,CAAC,QAAQ,EAAE,aAAa,CAAC,CAC1B,CAAC;IAEF,6CAA6C;IAC7C,MAAM,UAAU,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;IACpE,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;QACtB,OAAO,CAAC,IAAI,CAAC,GAAG,QAAQ,0BAA0B,CAAC,CAAC;IACtD,CAAC;IAED,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAEjD,OAAO,CACL,KAAC,WAAW,kBACV,KAAK,EAAE,KAAK,IACR,UAAU,IACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,QAAQ,IACf,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/Toast.d.ts

@@ -0,0 +1,23 @@
+import type React from "react";
+import type { ToastProps } from "./Common";
+type UseToastVariantOptions = {
+    persistent?: ToastProps["persistent"];
+    secondary?: ToastProps["secondary"];
+    size?: ToastProps["size"];
+    onDismiss?: ToastProps["onDismiss"];
+    subtitle?: ToastProps["subtitle"];
+};
+type UseToastOptions = {
+    variant?: ToastProps["variant"];
+} & UseToastVariantOptions;
+export declare function useToast(): {
+    hide: (id: string) => void;
+    success: (title: string, options?: UseToastVariantOptions) => string;
+    info: (title: string, options?: UseToastVariantOptions) => string;
+    warn: (title: string, options?: UseToastVariantOptions) => string;
+    error: (title: string, options?: UseToastVariantOptions) => string;
+    show: (title: string, options?: UseToastOptions) => string;
+    catch: (error: any, message?: string, options?: UseToastVariantOptions) => void;
+};
+export declare const Toast: ({ title, variant, secondary, size, onDismiss, persistent, subtitle, }: ToastProps) => React.ReactElement;
+export {};

package/dist/Toast.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Platform, Pressable, View } from "react-native";
+import { useToast as useRNToast } from "react-native-toast-notifications";
+import { Heading } from "./Heading";
+import { Icon } from "./Icon";
+import { Text } from "./Text";
+import { useTheme } from "./Theme";
+import { isAPIError, printAPIError } from "./Utilities";
+const TOAST_DURATION_MS = 3 * 1000;
+export function useToast() {
+    const toast = useRNToast();
+    const show = (title, options) => {
+        const toastData = Object.assign(Object.assign({ variant: "info" }, options), { title });
+        return toast.show(title, {
+            data: toastData,
+            // a duration of 0 keeps the toast up infinitely until hidden
+            duration: (options === null || options === void 0 ? void 0 : options.persistent) ? 0 : TOAST_DURATION_MS,
+        });
+    };
+    return {
+        catch: (error, message, options) => {
+            var _a, _b;
+            let exceptionMsg;
+            if (isAPIError(error)) {
+                // Get the error without details.
+                exceptionMsg = `${message}: ${printAPIError(error)}`;
+                console.error(exceptionMsg);
+            }
+            else {
+                exceptionMsg = (_b = (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : error === null || error === void 0 ? void 0 : error.error) !== null && _b !== void 0 ? _b : String(error);
+                console.error(`${message}: ${exceptionMsg}`);
+            }
+            show(exceptionMsg, Object.assign(Object.assign({}, options), { variant: "error" }));
+        },
+        error: (title, options) => {
+            console.error(title);
+            return show(title, Object.assign(Object.assign({}, options), { variant: "error" }));
+        },
+        hide: (id) => toast.hide(id),
+        info: (title, options) => {
+            console.info(title);
+            return show(title, Object.assign(Object.assign({}, options), { variant: "info" }));
+        },
+        show,
+        success: (title, options) => {
+            console.info(title);
+            return show(title, Object.assign(Object.assign({}, options), { variant: "success" }));
+        },
+        warn: (title, options) => {
+            console.warn(title);
+            return show(title, Object.assign(Object.assign({}, options), { variant: "warning" }));
+        },
+    };
+}
+// TODO: Support secondary version of Toast.
+// TODO: Support dismissible version of Toast. Currently only persistent are dismissible.
+// This may require a different library from react-native-toast-notifications.
+export const Toast = ({ title, variant = "info", secondary, size = "sm", onDismiss, persistent, 
+// TODO enforce these should only show if size is "lg" with type discrinimation
+subtitle, }) => {
+    const { theme } = useTheme();
+    let color;
+    let textColor;
+    let iconName;
+    if (secondary) {
+        throw new Error("Secondary not supported yet");
+    }
+    if (persistent && !onDismiss) {
+        console.warn("Toast is persistent but no onDismiss callback provided");
+    }
+    if (variant === "warning") {
+        color = "warning";
+        textColor = "inverted";
+        iconName = "triangle-exclamation";
+    }
+    else if (variant === "error") {
+        color = "error";
+        textColor = "inverted";
+        iconName = "circle-exclamation";
+    }
+    else if (variant === "success") {
+        color = "success";
+        textColor = "inverted";
+        iconName = "circle-check";
+    }
+    else {
+        color = "neutralDark";
+        textColor = "inverted";
+        iconName = "circle-info";
+    }
+    return (_jsx(View, { style: {
+            display: "flex",
+            flexDirection: "row",
+            flexGrow: 1,
+            justifyContent: "center",
+            marginTop: theme.spacing.sm,
+            maxWidth: Platform.OS === "web" ? 900 : "100%",
+            paddingLeft: Platform.OS === "web" ? "10%" : theme.spacing.sm,
+            paddingRight: Platform.OS === "web" ? "10%" : theme.spacing.sm,
+            width: "100%",
+        }, children: _jsxs(View, { style: {
+                alignItems: "center",
+                alignSelf: "flex-start",
+                backgroundColor: theme.surface[color],
+                borderRadius: theme.radius.default,
+                display: "flex",
+                flexDirection: "row",
+                flexShrink: 1,
+                gap: 10,
+                maxWidth: "100%", // Ensure the content does not overflow
+                minHeight: size === "lg" ? 32 : undefined,
+                minWidth: 150,
+                paddingBottom: theme.spacing.xs,
+                paddingRight: theme.spacing.sm,
+                paddingTop: theme.spacing.xs,
+            }, children: [_jsxs(View, { style: {
+                        alignItems: "center",
+                        display: "flex",
+                        flexDirection: "row",
+                        flexGrow: 1,
+                        flexShrink: 1, // Ensure the content can shrink properly
+                        gap: 12,
+                        maxWidth: "100%",
+                        paddingLeft: 8,
+                        paddingRight: 8,
+                    }, children: [_jsx(View, { style: {
+                                alignItems: size === "lg" ? "center" : undefined,
+                                alignSelf: size === "lg" ? "stretch" : undefined,
+                                borderBottomLeftRadius: theme.radius.default,
+                                borderTopLeftRadius: theme.radius.default,
+                                display: "flex",
+                                flexDirection: "row",
+                                paddingBottom: size === "lg" ? 8 : 0,
+                                paddingLeft: size === "lg" ? 4 : 0,
+                                paddingRight: size === "lg" ? 4 : 0,
+                                paddingTop: size === "lg" ? 8 : 0,
+                            }, children: _jsx(Icon, { color: textColor, iconName: iconName, size: size === "lg" ? "2xl" : "md" }) }), _jsxs(View, { style: {
+                                alignItems: "flex-start",
+                                alignSelf: "stretch",
+                                display: "flex",
+                                flexDirection: "column",
+                                flexShrink: 1, // Ensure the content can shrink properly
+                                flexWrap: "wrap",
+                                gap: 2,
+                                justifyContent: "center",
+                                paddingBottom: 8,
+                                paddingTop: 8,
+                            }, children: [size === "lg" ? (_jsx(Heading, { color: textColor, size: "sm", children: title })) : (_jsx(Text, { bold: true, color: textColor, size: "md", children: title })), Boolean(size === "lg" && subtitle) && (_jsx(Text, { color: textColor, size: "sm", children: subtitle }))] })] }), Boolean(persistent && onDismiss) && (_jsx(Pressable, { "aria-role": "button", onPress: onDismiss, style: {
+                        alignItems: "center",
+                        alignSelf: "center",
+                        display: "flex",
+                        gap: 12,
+                        marginLeft: 10,
+                        padding: size === "lg" ? 8 : 0,
+                    }, children: _jsx(Icon, { color: textColor, iconName: "xmark" }) }))] }) }));
+};
+//# sourceMappingURL=Toast.js.map

package/dist/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../src/Toast.tsx"],"names":[],"mappings":"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"}

package/dist/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+import type { TooltipProps } from "./Common";
+export declare const Tooltip: FC<TooltipProps>;

package/dist/Tooltip.js

@@ -0,0 +1,289 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Dimensions, Platform, Pressable, View, } from "react-native";
+import { Portal } from "react-native-portalize";
+import { Text } from "./Text";
+import { useTheme } from "./Theme";
+const TOOLTIP_OFFSET = 6;
+// How many pixels to leave between the tooltip and the edge of the screen
+const TOOLTIP_OVERFLOW_PADDING = 20;
+const getTooltipPosition = ({ children, tooltip, measured, idealPosition, }) => {
+    if (!measured) {
+        console.debug("No measurements for child yet, cannot show tooltip yet.");
+        return {};
+    }
+    const { pageY: childrenY, height: childrenHeight, pageX: childrenX, width: childrenWidth, } = children;
+    const { width: tooltipWidth, height: tooltipHeight } = tooltip;
+    const horizontalCenter = childrenX + childrenWidth / 2;
+    const right = childrenX + childrenWidth + TOOLTIP_OFFSET;
+    const left = childrenX - tooltipWidth - TOOLTIP_OFFSET;
+    const top = childrenY - tooltipHeight - TOOLTIP_OFFSET;
+    const bottom = childrenY + childrenHeight + TOOLTIP_OFFSET;
+    const verticalCenter = childrenY + childrenHeight / 2 - tooltipHeight / 2;
+    const overflowTop = top < TOOLTIP_OVERFLOW_PADDING;
+    const overflowBottom = bottom + tooltipHeight + TOOLTIP_OVERFLOW_PADDING > Dimensions.get("window").height;
+    const overflowLeft = left < TOOLTIP_OVERFLOW_PADDING;
+    const overflowRight = right + tooltipWidth > Dimensions.get("window").width - TOOLTIP_OVERFLOW_PADDING;
+    let finalPosition = idealPosition || "top";
+    // Try to place the tooltip in the ideal position if possible
+    switch (idealPosition) {
+        case "left":
+            if (!overflowLeft) {
+                return { finalPosition, left, top: verticalCenter };
+            }
+            break;
+        case "right":
+            if (!overflowRight) {
+                return { finalPosition, left: right, top: verticalCenter };
+            }
+            break;
+        case "top":
+        case undefined:
+            if (!overflowTop) {
+                return { finalPosition, left: horizontalCenter - tooltipWidth / 2, top };
+            }
+            break;
+        case "bottom":
+            if (!overflowBottom) {
+                return { finalPosition, left: horizontalCenter - tooltipWidth / 2, top: bottom };
+            }
+            break;
+    }
+    // Fallback to an alternate position if the ideal position overflows
+    if (!overflowBottom) {
+        finalPosition = "bottom";
+        return { finalPosition, left: horizontalCenter - tooltipWidth / 2, top: bottom };
+    }
+    else if (!overflowTop) {
+        finalPosition = "top";
+        return { finalPosition, left: horizontalCenter - tooltipWidth / 2, top };
+    }
+    else if (!overflowLeft) {
+        finalPosition = "left";
+        return { finalPosition, left, top: verticalCenter };
+    }
+    else {
+        finalPosition = "right";
+        return {
+            finalPosition,
+            left: Dimensions.get("window").width - TOOLTIP_OVERFLOW_PADDING - tooltipWidth,
+            top: verticalCenter,
+        };
+    }
+};
+const Arrow = ({ position, color }) => {
+    const getArrowStyle = () => {
+        const arrowStyles = {
+            bottom: {
+                borderBottomWidth: 6,
+                borderLeftColor: "transparent",
+                borderLeftWidth: 6,
+                borderRightColor: "transparent",
+                borderRightWidth: 6,
+                borderTopColor: color,
+                marginTop: 8,
+            },
+            left: {
+                borderBottomColor: "transparent",
+                borderBottomWidth: 6,
+                borderLeftColor: color,
+                borderLeftWidth: 6,
+                borderTopColor: "transparent",
+                borderTopWidth: 6,
+                marginRight: 8,
+            },
+            right: {
+                borderBottomColor: "transparent",
+                borderBottomWidth: 6,
+                borderRightColor: color,
+                borderRightWidth: 6,
+                borderTopColor: "transparent",
+                borderTopWidth: 6,
+                marginLeft: 8,
+            },
+            top: {
+                borderBottomColor: color,
+                borderLeftColor: "transparent",
+                borderLeftWidth: 6,
+                borderRightColor: "transparent",
+                borderRightWidth: 6,
+                borderTopWidth: 6,
+                marginBottom: 8,
+            },
+        };
+        return Object.assign({ alignSelf: "center", borderStyle: "solid", height: 0, width: 0 }, arrowStyles[position]);
+    };
+    const arrowStyle = getArrowStyle();
+    return _jsx(View, { style: arrowStyle });
+};
+export const Tooltip = ({ text, children, idealPosition, includeArrow }) => {
+    const { theme } = useTheme();
+    const hoverDelay = 800;
+    const hoverEndDelay = 0;
+    const [visible, setVisible] = useState(false);
+    const [finalPosition, setFinalPosition] = useState("top");
+    const [measurement, setMeasurement] = useState({
+        children: {},
+        measured: false,
+        tooltip: {},
+    });
+    const showTooltipTimer = useRef(undefined);
+    const hideTooltipTimer = useRef(undefined);
+    const childrenWrapperRef = useRef(null);
+    const touched = useRef(false);
+    const isWeb = Platform.OS === "web";
+    const resetMeasurement = useCallback(() => {
+        setMeasurement({
+            children: {},
+            measured: false,
+            tooltip: {},
+        });
+    }, []);
+    const hideTooltip = useCallback(() => {
+        if (showTooltipTimer.current) {
+            clearTimeout(showTooltipTimer.current);
+        }
+        if (hideTooltipTimer.current) {
+            clearTimeout(hideTooltipTimer.current);
+        }
+        touched.current = false;
+        setVisible(false);
+        resetMeasurement();
+    }, [resetMeasurement]);
+    // If the tooltip is visible, and the user clicks outside of the tooltip, hide it.
+    useEffect(() => {
+        return () => {
+            // Hide tooltip on unmount to prevent it from staying stuck on screen
+            hideTooltip();
+        };
+    }, [hideTooltip]);
+    const getArrowContainerStyle = () => {
+        if (!includeArrow) {
+            return {};
+        }
+        const containerStyles = {
+            bottom: {
+                left: "50%",
+                top: -12,
+                transform: [{ translateX: -6 }],
+            },
+            left: {
+                right: -12,
+                top: "50%",
+                transform: [{ translateY: -6 }],
+            },
+            right: {
+                left: -12,
+                top: "50%",
+                transform: [{ translateY: -6 }],
+            },
+            top: {
+                bottom: -12,
+                left: "50%",
+                transform: [{ translateX: -6 }],
+            },
+        };
+        return Object.assign({ position: "absolute" }, containerStyles[finalPosition]);
+    };
+    const arrowContainerStyles = getArrowContainerStyle();
+    const handleOnLayout = useCallback(({ nativeEvent: { layout } }) => {
+        var _a, _b;
+        if ((childrenWrapperRef === null || childrenWrapperRef === void 0 ? void 0 : childrenWrapperRef.current) && !((_a = childrenWrapperRef === null || childrenWrapperRef === void 0 ? void 0 : childrenWrapperRef.current) === null || _a === void 0 ? void 0 : _a.measure)) {
+            console.error("Tooltip: childrenWrapperRef does not have a measure method.");
+            return;
+        }
+        else if (!(childrenWrapperRef === null || childrenWrapperRef === void 0 ? void 0 : childrenWrapperRef.current)) {
+            console.error("Tooltip: childrenWrapperRef is null.");
+        }
+        (_b = childrenWrapperRef === null || childrenWrapperRef === void 0 ? void 0 : childrenWrapperRef.current) === null || _b === void 0 ? void 0 : _b.measure((_x, _y, width, height, pageX, pageY) => {
+            setMeasurement({
+                children: { height, pageX, pageY, width },
+                measured: true,
+                tooltip: Object.assign({}, layout),
+            });
+            const position = getTooltipPosition({
+                children: { height, pageX, pageY, width },
+                idealPosition,
+                measured: true,
+                tooltip: Object.assign({}, layout),
+            });
+            if ("finalPosition" in position) {
+                setFinalPosition(position.finalPosition);
+            }
+        });
+    }, [idealPosition]);
+    const handleTouchStart = useCallback(() => {
+        if (visible) {
+            hideTooltip();
+            return;
+        }
+        if (hideTooltipTimer.current) {
+            clearTimeout(hideTooltipTimer.current);
+        }
+        showTooltipTimer.current = setTimeout(() => {
+            touched.current = true;
+            setVisible(true);
+        }, 100);
+    }, [hideTooltip, visible]);
+    const handleHoverIn = useCallback(() => {
+        if (hideTooltipTimer.current) {
+            clearTimeout(hideTooltipTimer.current);
+        }
+        showTooltipTimer.current = setTimeout(() => {
+            touched.current = true;
+            setVisible(true);
+        }, hoverDelay);
+    }, []);
+    const handleHoverOut = useCallback(() => {
+        if (showTooltipTimer.current) {
+            clearTimeout(showTooltipTimer.current);
+        }
+        if (hideTooltipTimer.current) {
+            clearTimeout(hideTooltipTimer.current);
+        }
+        hideTooltipTimer.current = setTimeout(() => {
+            hideTooltip();
+        }, hoverEndDelay);
+    }, [hideTooltip]);
+    const handleClick = useCallback(() => {
+        if (visible) {
+            hideTooltip();
+        }
+    }, [hideTooltip, visible]);
+    const mobilePressProps = {
+        onPress: useCallback(() => {
+            var _a, _b;
+            if (!touched.current) {
+                (_b = (_a = children.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+        }, [children.props]),
+    };
+    // Allow disabling tooltips when there is no string,
+    // otherwise you need to wrap the children in a function to determine if there should be a tooltip
+    // or not, which gets messy.
+    if (!text) {
+        return children;
+    }
+    return (_jsxs(View, { children: [visible && (_jsx(Portal, { children: _jsxs(View, { onLayout: handleOnLayout, style: Object.assign({ position: "absolute", zIndex: 999 }, getTooltipPosition(Object.assign(Object.assign({}, measurement), { idealPosition }))), children: [includeArrow && isWeb && (_jsx(View, { style: arrowContainerStyles, children: _jsx(Arrow, { color: theme.surface.secondaryExtraDark, position: finalPosition }) })), _jsx(View, { style: {
+                                backgroundColor: theme.surface.secondaryExtraDark,
+                                borderRadius: theme.radius.default,
+                                display: "flex",
+                                flexShrink: 1,
+                                maxWidth: 320,
+                                opacity: measurement.measured ? 1 : 0,
+                                paddingHorizontal: 8,
+                                paddingVertical: 2,
+                            }, children: _jsx(Pressable, { accessibilityHint: "Tooltip information", "aria-label": text, "aria-role": "button", onPress: hideTooltip, style: {
+                                    backgroundColor: theme.surface.secondaryExtraDark,
+                                    borderRadius: theme.radius.default,
+                                }, testID: "tooltip-container", children: _jsx(Text, { color: "inverted", size: "sm", children: text }) }) })] }) })), _jsx(View, Object.assign({ hitSlop: { bottom: 10, left: 15, right: 15, top: 10 }, onPointerEnter: () => {
+                    var _a, _b;
+                    handleHoverIn();
+                    (_b = (_a = children.props).onHoverIn) === null || _b === void 0 ? void 0 : _b.call(_a);
+                }, onPointerLeave: () => {
+                    var _a, _b;
+                    handleHoverOut();
+                    (_b = (_a = children.props).onHoverOut) === null || _b === void 0 ? void 0 : _b.call(_a);
+                }, onPress: isWeb ? handleClick : undefined, onTouchStart: handleTouchStart, ref: childrenWrapperRef }, (!isWeb && mobilePressProps), { children: children }))] }));
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/UnifiedAddressAutoComplete.d.ts

@@ -0,0 +1,2 @@
+import type { AddressAutocompleteProps } from "./Common";
+export declare const UnifiedAddressAutoCompleteField: ({ disabled, googleMapsApiKey, googlePlacesMobileStyles, includeCounty, inputValue, handleAddressChange, handleAutoCompleteChange, testID, }: AddressAutocompleteProps) => import("react/jsx-runtime").JSX.Element;

package/dist/UnifiedAddressAutoComplete.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { isMobileDevice } from "./MediaQuery";
+import { MobileAddressAutocomplete } from "./MobileAddressAutoComplete";
+import { TextField } from "./TextField";
+import { isNative, isValidGoogleApiKey } from "./Utilities";
+import { WebAddressAutocomplete } from "./WebAddressAutocomplete";
+export const UnifiedAddressAutoCompleteField = ({ disabled, googleMapsApiKey, googlePlacesMobileStyles, includeCounty, inputValue, handleAddressChange, handleAutoCompleteChange, testID, }) => {
+    const isWeb = typeof document !== "undefined";
+    const isValidatedGoogleApiKey = useMemo(() => (googleMapsApiKey ? isValidGoogleApiKey(googleMapsApiKey) : false), [googleMapsApiKey]);
+    if (isWeb && isValidatedGoogleApiKey) {
+        return (_jsx(WebAddressAutocomplete, { disabled: disabled, googleMapsApiKey: googleMapsApiKey, handleAddressChange: handleAddressChange, handleAutoCompleteChange: handleAutoCompleteChange, includeCounty: includeCounty, inputValue: inputValue, testID: testID }));
+    }
+    else if (isMobileDevice() && isNative() && isValidatedGoogleApiKey) {
+        return (_jsx(MobileAddressAutocomplete, { disabled: disabled, googleMapsApiKey: googleMapsApiKey, handleAddressChange: handleAddressChange, handleAutoCompleteChange: handleAutoCompleteChange, includeCounty: includeCounty, inputValue: inputValue, styles: googlePlacesMobileStyles, testID: testID }));
+    }
+    else {
+        return (_jsx(TextField, { disabled: disabled, onChange: (value) => {
+                handleAddressChange(value);
+            }, placeholder: "Enter an address", testID: testID, title: "Street Address", type: "text", value: inputValue }));
+    }
+};
+//# sourceMappingURL=UnifiedAddressAutoComplete.js.map

package/dist/UnifiedAddressAutoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnifiedAddressAutoComplete.js","sourceRoot":"","sources":["../src/UnifiedAddressAutoComplete.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AAG9B,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAC,yBAAyB,EAAC,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAE,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,QAAQ,EACR,gBAAgB,EAChB,wBAAwB,EACxB,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,wBAAwB,EACxB,MAAM,GACmB,EAAE,EAAE;IAC7B,MAAM,KAAK,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC;IAC9C,MAAM,uBAAuB,GAAG,OAAO,CACrC,GAAG,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EACxE,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,IAAI,KAAK,IAAI,uBAAuB,EAAE,CAAC;QACrC,OAAO,CACL,KAAC,sBAAsB,IACrB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,wBAAwB,EAAE,wBAAwB,EAClD,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC;SAAM,IAAI,cAAc,EAAE,IAAI,QAAQ,EAAE,IAAI,uBAAuB,EAAE,CAAC;QACrE,OAAO,CACL,KAAC,yBAAyB,IACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,wBAAwB,EAAE,wBAAwB,EAClD,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,wBAAwB,EAChC,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAQ,EAAE;gBACxB,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC,EACD,WAAW,EAAC,kBAAkB,EAC9B,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,GACjB,CACH,CAAC;IACJ,CAAC;AACH,CAAC,CAAC"}

package/dist/Unifier.d.ts

@@ -0,0 +1,43 @@
+import type { PermissionKind } from "./Common";
+declare global {
+    interface Window {
+        google: any;
+    }
+}
+export type PlatformOS = "ios" | "android" | "web";
+type Luminance = "light" | "lighter" | "dark" | "darker";
+export declare function changeColorLuminance(hex: string, luminanceChange: Luminance): string;
+declare class UnifierClass {
+    private _web;
+    private _dev;
+    get web(): boolean;
+    get dev(): boolean;
+    navigation: {
+        dismissOverlay: () => void;
+    };
+    utils: {
+        copyToClipboard: (text: string) => void;
+        dimensions: () => {
+            height: number;
+            width: number;
+        };
+        dismissKeyboard: () => void;
+        haptic: () => Promise<void> | undefined;
+        makePurchase: () => void;
+        openUrl: (url: string) => Promise<any>;
+        orientationChange: (callback: (orientation: "portrait" | "landscape") => void) => void;
+        PaymentService: () => void;
+        requestPermissions: (_perm: PermissionKind) => Promise<import("./Common").PermissionStatus>;
+        vibrate: (pattern?: number[]) => void;
+    };
+    storage: {
+        getItem: (key: string, defaultValue?: any) => Promise<any>;
+        setItem: (key: string, item: any) => Promise<void>;
+    };
+    tracking: {
+        log: (message: string) => void;
+    };
+    initIcons: () => void;
+}
+export declare const Unifier: UnifierClass;
+export {};