@terreno/ui 0.0.1

package/dist/Slider.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import SliderComponent from "@react-native-community/slider";
+import { Box } from "./Box";
+import { FieldError } from "./fieldElements/FieldError";
+import { FieldHelperText } from "./fieldElements/FieldHelperText";
+import { FieldTitle } from "./fieldElements/FieldTitle";
+import { Icon } from "./Icon";
+import { Text } from "./Text";
+import { useTheme } from "./Theme";
+// Find the closest option for the current value
+const getCurrentMapping = (map, value) => {
+    if (!map || map.length === 0) {
+        return null;
+    }
+    // Find the option with the closest value
+    let closestOption = map[0];
+    let closestDistance = Math.abs(value - closestOption.value);
+    for (const option of map) {
+        const distance = Math.abs(value - option.value);
+        if (distance < closestDistance) {
+            closestDistance = distance;
+            closestOption = option;
+        }
+    }
+    return closestOption;
+};
+const getCenterContent = (valueMapping, value, step, disabled, useIcons) => {
+    var _a;
+    if (!valueMapping || valueMapping.length === 0) {
+        const formattedValue = value.toFixed(step > 0 && step < 1 ? ((_a = String(step).split(".")[1]) === null || _a === void 0 ? void 0 : _a.length) || 0 : 0);
+        return (_jsx(Text, { align: "center", color: disabled ? "secondaryLight" : "primary", size: "lg", children: formattedValue }));
+    }
+    const currentOption = getCurrentMapping(valueMapping, value);
+    if (useIcons) {
+        return (_jsx(Icon, { color: disabled ? "secondaryLight" : "primary", iconName: currentOption === null || currentOption === void 0 ? void 0 : currentOption.label, size: (currentOption === null || currentOption === void 0 ? void 0 : currentOption.size) || "md" }));
+    }
+    return (_jsx(Text, { align: "center", color: disabled ? "secondaryLight" : "primary", size: "2xl", children: currentOption === null || currentOption === void 0 ? void 0 : currentOption.label }));
+};
+const getSliderContent = (slider, inlineLabels, labels) => {
+    var _a;
+    if (inlineLabels && (labels === null || labels === void 0 ? void 0 : labels.min) && (labels === null || labels === void 0 ? void 0 : labels.max)) {
+        return (_jsxs(Box, { alignItems: "center", direction: "row", gap: 2, children: [_jsx(Box, { flex: "shrink", minWidth: 30, children: _jsx(Text, { color: "secondaryDark", size: "md", children: labels.min }) }), _jsx(Box, { flex: "grow", children: slider }), _jsx(Box, { alignItems: "end", flex: "shrink", minWidth: 30, children: _jsx(Text, { color: "secondaryDark", size: "md", children: labels.max }) })] }));
+    }
+    return (_jsxs(_Fragment, { children: [slider, labels && (_jsxs(Box, { direction: "row", justifyContent: "between", marginTop: 2, children: [labels.min && (_jsx(Text, { color: "secondaryDark", size: "sm", children: labels.min })), (_a = labels.custom) === null || _a === void 0 ? void 0 : _a.map((customLabel, index) => (_jsx(Text, { color: "secondaryDark", size: "sm", children: customLabel.label }, index))), labels.max && (_jsx(Text, { color: "secondaryDark", size: "sm", children: labels.max }))] }))] }));
+};
+export const Slider = ({ disabled = false, errorText, helperText, inlineLabels = false, labels, maximumTrackTintColor, maximumValue = 1, minimumTrackTintColor, minimumValue = 0, step = 0, thumbTintColor, title, showSelection = false, useIcons = false, value, valueMapping, onChange, }) => {
+    const { theme } = useTheme();
+    if (!theme) {
+        return null;
+    }
+    const minTrackColor = minimumTrackTintColor || theme.surface.primary;
+    const maxTrackColor = maximumTrackTintColor || theme.border.default;
+    const thumbColor = thumbTintColor || theme.surface.primary;
+    const sliderStyles = {
+        thumbStyle: {
+            backgroundColor: "white",
+            borderRadius: 24,
+            elevation: 5,
+            height: 48,
+            shadowColor: "#000",
+            shadowOffset: {
+                height: 2,
+                width: 0,
+            },
+            shadowOpacity: 0.25,
+            shadowRadius: 3.84,
+            width: 48,
+        },
+        trackStyle: {
+            height: 10,
+        },
+    };
+    const sliderElement = (_jsx(SliderComponent, Object.assign({ disabled: disabled, maximumTrackTintColor: maxTrackColor, maximumValue: maximumValue, minimumTrackTintColor: minTrackColor, minimumValue: minimumValue, onValueChange: onChange, step: step, thumbTintColor: thumbColor, value: value }, sliderStyles)));
+    const centerContent = getCenterContent(valueMapping, value, step, disabled, useIcons);
+    const sliderContent = getSliderContent(sliderElement, inlineLabels, labels);
+    return (_jsxs(Box, { children: [Boolean(title) && _jsx(FieldTitle, { text: title }), _jsxs(Box, { direction: "column", gap: showSelection ? 2 : 0, children: [showSelection && _jsx(Box, { alignItems: "center", children: centerContent }), sliderContent] }), Boolean(helperText && !errorText) && _jsx(FieldHelperText, { text: helperText }), Boolean(errorText) && _jsx(FieldError, { text: errorText })] }));
+};
+//# sourceMappingURL=Slider.js.map

package/dist/Slider.js.map

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

package/dist/Spinner.d.ts

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

package/dist/Spinner.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ActivityIndicator } from "react-native";
+import { useTheme } from "./Theme";
+export const Spinner = ({ size = "md", color = "light" }) => {
+    const [show, setShow] = useState(false);
+    const { theme } = useTheme();
+    let computedColor = "";
+    if (color === "light") {
+        computedColor = theme.primitives.neutral400;
+    }
+    else if (color === "dark") {
+        computedColor = theme.primitives.neutral000;
+    }
+    else if (color === "accent") {
+        computedColor = theme.primitives.accent700;
+    }
+    else if (color === "secondary") {
+        computedColor = theme.primitives.secondary600;
+    }
+    // The delay is for perceived performance. You don't want to show a spinner when you're doing a
+    // quick action.
+    useEffect(() => {
+        const timer = setTimeout(() => setShow(true), 300);
+        return () => clearTimeout(timer);
+    }, []);
+    if (!show) {
+        return null;
+    }
+    const spinnerSize = size === "sm" ? "small" : "large";
+    return _jsx(ActivityIndicator, { color: computedColor, size: spinnerSize });
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAAC,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,OAAO,EAAC,EAAE,EAAE;IAC1E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;QACtB,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC;IAC9C,CAAC;SAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QAC5B,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC;IAC9C,CAAC;SAAM,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC;IAC7C,CAAC;SAAM,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;QACjC,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC;IAChD,CAAC;IAED,+FAA+F;IAC/F,gBAAgB;IAChB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAsB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,OAAO,KAAC,iBAAiB,IAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,GAAI,CAAC;AACxE,CAAC,CAAC"}

package/dist/SplitPage.d.ts

@@ -0,0 +1,2 @@
+import type { SplitPageProps } from "./Common";
+export declare const SplitPage: ({ children, tabs, loading, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange, listViewData, listViewExtraData, listViewWidth, listViewMaxWidth, bottomNavBarHeight, showItemList, }: SplitPageProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/SplitPage.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Children, useCallback, useEffect, useState } from "react";
+import { Dimensions, ScrollView, View } from "react-native";
+import { SwiperFlatList } from "react-native-swiper-flatlist";
+import { Box } from "./Box";
+import { FlatList } from "./FlatList";
+import { IconButton } from "./IconButton";
+import { mediaQueryLargerThan } from "./MediaQuery";
+import { SegmentedControl } from "./SegmentedControl";
+import { Spinner } from "./Spinner";
+import { useTheme } from "./Theme";
+// A component for rendering a list on one side and a details view on the right for large screens,
+// and a scrollable list where clicking an item takes you the details view.
+export const SplitPage = ({ children, tabs = [], loading = false, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange = () => { }, listViewData, listViewExtraData, listViewWidth, listViewMaxWidth, bottomNavBarHeight, showItemList, }) => {
+    const { theme } = useTheme();
+    const [selectedId, setSelectedId] = useState(undefined);
+    const [activeTabs, setActiveTabs] = useState([0, 1]);
+    const { width } = Dimensions.get("window");
+    const isMobileDevice = !mediaQueryLargerThan("sm");
+    const elementArray = Children.toArray(children).filter((c) => c !== null);
+    const onItemSelect = useCallback(async (item) => {
+        setSelectedId(item.index);
+        await onSelectionChange(item);
+    }, [onSelectionChange]);
+    const onItemDeselect = useCallback(async () => {
+        setSelectedId(undefined);
+        await onSelectionChange(undefined);
+    }, [onSelectionChange]);
+    // If the list is showing, deselect the item.
+    useEffect(() => {
+        if (showItemList) {
+            void onItemDeselect();
+        }
+    }, [showItemList, onItemDeselect]);
+    if (!children && !renderContent) {
+        console.warn("A child node is required");
+        return null;
+    }
+    if (elementArray.length > 2 && elementArray.length !== tabs.length) {
+        console.warn("There must be a tab for each child");
+        return null;
+    }
+    const renderItem = (itemInfo) => {
+        return (_jsx(Box, { accessibilityHint: "", accessibilityLabel: "Select", onClick: async () => {
+                await onItemSelect(itemInfo);
+            }, children: renderListViewItem(itemInfo) }));
+    };
+    const renderList = () => {
+        var _a;
+        return (_jsxs(View, { style: {
+                display: "flex",
+                flexDirection: "column",
+                flexGrow: 1,
+                flexShrink: 0,
+                maxWidth: (_a = listViewMaxWidth !== null && listViewMaxWidth !== void 0 ? listViewMaxWidth : listViewWidth) !== null && _a !== void 0 ? _a : 300,
+                width: listViewWidth !== null && listViewWidth !== void 0 ? listViewWidth : 300,
+            }, children: [renderListViewHeader === null || renderListViewHeader === void 0 ? void 0 : renderListViewHeader(), _jsx(FlatList, { data: listViewData, extraData: listViewExtraData, keyExtractor: (item) => item.id, renderItem: renderItem })] }));
+    };
+    const renderListContent = () => {
+        return (_jsx(Box, { flex: "grow", padding: 2, children: renderContent === null || renderContent === void 0 ? void 0 : renderContent(selectedId) }));
+    };
+    const renderChildrenContent = () => {
+        if (Array.isArray(children) && elementArray.length > 2) {
+            return (_jsxs(View, { style: {
+                    alignItems: "center",
+                    flex: 1,
+                    height: "100%",
+                    width: "100%",
+                }, children: [_jsx(Box, { marginBottom: 4, paddingX: 4, width: "100%", children: _jsx(SegmentedControl, { items: tabs, onChange: (index) => {
+                                setActiveTabs([...[index]]);
+                            }, selectedIndex: activeTabs[0] }) }), _jsx(Box, { direction: "row", flex: "grow", height: "100%", paddingX: 4, width: activeTabs.length > 1 ? "100%" : "60%", children: activeTabs.map((tabIndex, i) => {
+                            return (_jsx(ScrollView, { contentContainerStyle: {
+                                    flex: 1,
+                                }, style: {
+                                    flex: 1,
+                                    height: "100%",
+                                    paddingLeft: i ? 16 : 0,
+                                    paddingRight: i ? 0 : 16,
+                                    width: "60%",
+                                }, children: elementArray[tabIndex] }, tabIndex));
+                        }) })] }));
+        }
+        else {
+            return (_jsx(Box, { alignItems: "center", direction: "row", flex: "grow", justifyContent: "center", paddingX: 2, children: elementArray.map((element, index) => {
+                    return (_jsx(ScrollView, { contentContainerStyle: {
+                            flex: 1,
+                        }, style: {
+                            flex: 1,
+                            height: "100%",
+                            width: "60%",
+                        }, children: element }, index));
+                }) }));
+        }
+    };
+    const renderMobileList = () => {
+        if (isMobileDevice && selectedId !== undefined) {
+            return null;
+        }
+        return (_jsxs(View, { style: {
+                display: "flex",
+                flexDirection: "column",
+                flexGrow: 1,
+                flexShrink: 0,
+                height: "100%",
+                maxWidth: "100%",
+                width: "100%",
+            }, children: [renderListViewHeader === null || renderListViewHeader === void 0 ? void 0 : renderListViewHeader(), _jsx(FlatList, { data: listViewData, extraData: listViewExtraData, keyExtractor: (item) => item.id, nestedScrollEnabled: true, renderItem: renderItem })] }));
+    };
+    const renderMobileListContent = () => {
+        if (isMobileDevice && selectedId === undefined) {
+            return null;
+        }
+        return (_jsxs(Box, { flex: "grow", padding: 2, children: [isMobileDevice && (_jsx(Box, { width: "100%", children: _jsx(IconButton, { accessibilityHint: "close split page", accessibilityLabel: "close", iconName: "xmark", onClick: () => onItemDeselect() }) })), renderContent === null || renderContent === void 0 ? void 0 : renderContent(selectedId)] }));
+    };
+    const renderMobileChildrenContent = () => {
+        if (selectedId === undefined) {
+            return null;
+        }
+        return (_jsx(SwiperFlatList, { nestedScrollEnabled: true, paginationStyle: { justifyContent: "center", width: "95%" }, renderAll: true, showPagination: true, style: { width: "100%" }, children: elementArray.map((element, i) => {
+                return (_jsx(View, { style: {
+                        height: elementArray.length > 1 ? "90%" : "100%",
+                        padding: 4,
+                        paddingBottom: bottomNavBarHeight,
+                        width: width - 8,
+                    }, children: element }, i));
+            }) }));
+    };
+    const renderSplitPage = () => {
+        return (_jsxs(_Fragment, { children: [renderList(), renderContent ? renderListContent() : renderChildrenContent()] }));
+    };
+    const renderMobileSplitPage = () => {
+        const renderMainContent = renderContent
+            ? renderMobileListContent()
+            : renderMobileChildrenContent();
+        return selectedId === undefined ? renderMobileList() : renderMainContent;
+    };
+    return (_jsxs(Box, { avoidKeyboard: true, color: color || "neutralLight", direction: "row", display: "flex", height: "100%", keyboardOffset: keyboardOffset, padding: 2, width: "100%", children: [loading === true && _jsx(Spinner, { color: theme.text.primary, size: "md" }), isMobileDevice ? renderMobileSplitPage() : renderSplitPage()] }));
+};
+//# sourceMappingURL=SplitPage.js.map

package/dist/SplitPage.js.map

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

package/dist/SplitPage.native.d.ts

@@ -0,0 +1,2 @@
+import type { SplitPageProps } from "./Common";
+export declare const SplitPage: ({ children, loading, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange, listViewData, listViewExtraData, bottomNavBarHeight, showItemList, }: SplitPageProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/SplitPage.native.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// TODO: Update SplitPage native to have desktop UX for tablet sized screens
+import { useCallback, useEffect, useState } from "react";
+import flattenChildren from "react-keyed-flatten-children";
+import { Dimensions, View } from "react-native";
+import { SwiperFlatList } from "react-native-swiper-flatlist";
+import { Box } from "./Box";
+import { FlatList } from "./FlatList";
+import { IconButton } from "./IconButton";
+import { Spinner } from "./Spinner";
+import { Unifier } from "./Unifier";
+export const SplitPage = ({ children, loading = false, color, keyboardOffset, renderListViewItem, renderListViewHeader, renderContent, onSelectionChange = () => { }, listViewData, listViewExtraData, bottomNavBarHeight, showItemList, }) => {
+    const [selectedId, setSelectedId] = useState(undefined);
+    // flattenChildren is necessary to pull children from a React Fragment. Without this,
+    // splitPage would only recognize the fragment container instead stripping it to render
+    // the children individually
+    const elementArray = flattenChildren(children);
+    const { width } = Dimensions.get("window");
+    const onItemSelect = useCallback(async (item) => {
+        setSelectedId(item.index);
+        await onSelectionChange(item);
+    }, [onSelectionChange]);
+    const onItemDeselect = useCallback(async () => {
+        setSelectedId(undefined);
+        await onSelectionChange(undefined);
+    }, [onSelectionChange]);
+    // If the list is showing, deselect the item.
+    useEffect(() => {
+        if (showItemList) {
+            void onItemDeselect();
+        }
+    }, [showItemList, onItemDeselect]);
+    if (!children && !renderContent) {
+        console.warn("A child node is required");
+        return null;
+    }
+    const renderItem = (itemInfo) => {
+        return (_jsx(Box, { accessibilityHint: "", accessibilityLabel: "Edit", onClick: async () => {
+                await Unifier.utils.haptic();
+                await onItemSelect(itemInfo);
+            }, children: renderListViewItem(itemInfo) }));
+    };
+    const renderList = () => {
+        if (selectedId !== undefined) {
+            return null;
+        }
+        return (_jsxs(View, { style: {
+                display: "flex",
+                flexDirection: "column",
+                flexGrow: 1,
+                flexShrink: 0,
+                maxWidth: "100%",
+                paddingBottom: bottomNavBarHeight,
+                width: "100%",
+            }, children: [renderListViewHeader === null || renderListViewHeader === void 0 ? void 0 : renderListViewHeader(), _jsx(FlatList, { data: listViewData, extraData: listViewExtraData, keyExtractor: (item) => item.id, renderItem: renderItem })] }));
+    };
+    const renderListContent = () => {
+        if (selectedId === undefined) {
+            return null;
+        }
+        return (_jsxs(Box, { flex: "grow", padding: 2, children: [_jsx(Box, { width: "100%", children: _jsx(IconButton, { accessibilityHint: "close split page", accessibilityLabel: "close", iconName: "xmark", onClick: () => onItemDeselect() }) }), renderContent === null || renderContent === void 0 ? void 0 : renderContent(selectedId)] }));
+    };
+    const renderChildrenContent = () => {
+        if (selectedId === undefined) {
+            return null;
+        }
+        return (_jsx(SwiperFlatList, { nestedScrollEnabled: true, renderAll: true, showPagination: elementArray.length > 1, style: { width: "100%" }, children: elementArray.map((element, i) => {
+                var _a;
+                return (_jsx(View, { style: { height: elementArray.length > 1 ? "95%" : "100%", padding: 4, width }, children: element }, `${(_a = element === null || element === void 0 ? void 0 : element.toString()) !== null && _a !== void 0 ? _a : ""}-${i}`));
+            }) }));
+    };
+    const renderMainContent = renderContent ? renderListContent() : renderChildrenContent();
+    return (_jsxs(Box, { avoidKeyboard: true, color: color || "neutralLight", flex: "grow", height: "100%", keyboardOffset: keyboardOffset, width: "100%", children: [loading === true && _jsx(Spinner, { color: "light", size: "md" }), selectedId === undefined ? renderList() : renderMainContent] }));
+};
+//# sourceMappingURL=SplitPage.native.js.map

package/dist/SplitPage.native.js.map

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

package/dist/TapToEdit.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from "react";
+import type { AddressInterface, TapToEditProps } from "./Common";
+export declare function formatAddress(address: AddressInterface, asString?: boolean): string;
+export declare const TapToEdit: FC<TapToEditProps>;

package/dist/TapToEdit.js

@@ -0,0 +1,170 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Linking, View } from "react-native";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { Field } from "./Field";
+import { Icon } from "./Icon";
+// import {useOpenAPISpec} from "./OpenAPIContext";
+import { Text } from "./Text";
+const TapToEditTitle = ({ title, helperText, onlyShowHelperTextWhileEditing }) => {
+    return (_jsxs(View, { style: { flex: 1, justifyContent: "center" }, children: [_jsx(Text, { bold: true, children: title }), Boolean(helperText && !onlyShowHelperTextWhileEditing) && (_jsx(Text, { color: "secondaryLight", size: "sm", children: helperText }))] }));
+};
+export function formatAddress(address, asString = false) {
+    var _a, _b, _c, _d;
+    let city = "";
+    if (address === null || address === void 0 ? void 0 : address.city) {
+        city = (address === null || address === void 0 ? void 0 : address.state) || address.zipcode ? `${address.city}, ` : `${address.city}`;
+    }
+    let state = "";
+    if (address === null || address === void 0 ? void 0 : address.state) {
+        state = (address === null || address === void 0 ? void 0 : address.zipcode) ? `${address.state} ` : `${address.state}`;
+    }
+    const zip = (address === null || address === void 0 ? void 0 : address.zipcode) || "";
+    const countyName = (_a = address === null || address === void 0 ? void 0 : address.countyName) !== null && _a !== void 0 ? _a : "";
+    const countyCode = (_b = address === null || address === void 0 ? void 0 : address.countyCode) !== null && _b !== void 0 ? _b : "";
+    const addressLineOne = (_c = address === null || address === void 0 ? void 0 : address.address1) !== null && _c !== void 0 ? _c : "";
+    const addressLineTwo = (_d = address === null || address === void 0 ? void 0 : address.address2) !== null && _d !== void 0 ? _d : "";
+    const addressLineThree = `${city}${state}${zip}`;
+    const addressLineFour = `${countyName}${(address === null || address === void 0 ? void 0 : address.countyCode) ? ` (${countyCode})` : ""}`;
+    if (!asString) {
+        // Only add new lines if lines before and after are not empty to avoid awkward whitespace
+        return `${addressLineOne}${addressLineOne && (addressLineTwo || addressLineThree) ? `\n` : ""}${addressLineTwo}${addressLineTwo && addressLineThree ? `\n` : ""}${addressLineThree}${addressLineThree && addressLineFour ? `\n` : ""}${addressLineFour}`;
+    }
+    else {
+        return `${addressLineOne}${addressLineOne && (addressLineTwo || addressLineThree) ? `, ` : ""}${addressLineTwo}${addressLineTwo && addressLineThree ? `, ` : ""}${addressLineThree}${addressLineThree && addressLineFour ? `, ` : ""}${addressLineFour}`;
+    }
+}
+export const TapToEdit = (_a) => {
+    var _b, _c, _d;
+    var { value, setValue, title, onSave, editable = true, isEditing = false, transform, withConfirmation = false, confirmationText = "Are you sure you want to save your changes?", confirmationTitle = "Confirm", helperText: propsHelperText, onlyShowHelperTextWhileEditing = true, showClearButton = false } = _a, fieldProps = __rest(_a, ["value", "setValue", "title", "onSave", "editable", "isEditing", "transform", "withConfirmation", "confirmationText", "confirmationTitle", "helperText", "onlyShowHelperTextWhileEditing", "showClearButton"]);
+    const [editing, setEditing] = useState(false);
+    const [initialValue, setInitialValue] = useState();
+    const helperText = propsHelperText;
+    // setInitialValue is called after initial render to handle the case where the value is updated
+    useEffect(() => {
+        setInitialValue(value);
+        // do not update if value changes
+    }, [value]);
+    // TODO: Auto focus on input when editing for field types other than text for accessibility
+    const inputRef = useRef(null);
+    // bring the bring the input into focus when editing from within the component,
+    // but not when editing from outside
+    useEffect(() => {
+        var _a;
+        if (editable && editing && !isEditing) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [editable, editing, isEditing]);
+    if (editable && !setValue) {
+        throw new Error("setValue is required if editable is true");
+    }
+    if (editable && (editing || isEditing)) {
+        return (_jsxs(View, { style: { flexDirection: "column", width: "100%" }, children: [_jsx(View, { style: { flex: 1, justifyContent: "center" }, children: _jsx(Text, { bold: true, children: title }) }), _jsxs(View, { style: { gap: 16 }, children: [_jsx(Field, Object.assign({ grow: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" ? ((_b = fieldProps.grow) !== null && _b !== void 0 ? _b : true) : undefined, helperText: helperText, inputRef: ["text", "textarea", "url", "email", "number"].includes(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type)
+                                ? (ref) => (inputRef.current = ref)
+                                : undefined, onChange: setValue !== null && setValue !== void 0 ? setValue : (() => { }), row: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" ? 5 : undefined, type: ((_c = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) !== null && _c !== void 0 ? _c : "text"), value: value }, fieldProps)), editing && !isEditing && (_jsxs(View, { style: { flexDirection: "row", gap: 16, justifyContent: "flex-end" }, children: [_jsx(Button, { onClick: () => {
+                                        if (setValue) {
+                                            setValue(initialValue);
+                                        }
+                                        setEditing(false);
+                                    }, text: "Cancel", variant: "muted" }), (showClearButton || ["date", "datetime", "time"].includes(fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type)) && (_jsx(Button, { onClick: () => {
+                                        if (setValue) {
+                                            setValue("");
+                                            setInitialValue("");
+                                        }
+                                        if (onSave) {
+                                            onSave("");
+                                        }
+                                        setEditing(false);
+                                    }, text: "Clear", variant: "muted" })), _jsx(View, { style: { marginLeft: 8 }, children: _jsx(Button, { confirmationText: confirmationText, modalTitle: confirmationTitle, onClick: async () => {
+                                            if (!onSave) {
+                                                console.error("No onSave provided for editable TapToEdit");
+                                            }
+                                            else {
+                                                setInitialValue(value);
+                                                await onSave(value);
+                                            }
+                                            setEditing(false);
+                                        }, text: "Save", withConfirmation: withConfirmation }) })] }))] })] }));
+    }
+    else {
+        let displayValue = value;
+        // If a transform props is present, that takes priority
+        if (transform) {
+            displayValue = transform(value);
+        }
+        else {
+            // If no transform, try and display the value reasonably.
+            if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "boolean") {
+                displayValue = value ? "Yes" : "No";
+                // TODO: put transform back in after field types are updated
+                // } else if (fieldProps?.type === "percent") {
+                //   // Prevent floating point errors from showing up by using parseFloat and precision.
+                //   // Pass through parseFloat again to trim off insignificant zeroes.
+                //   displayValue = `${parseFloat(parseFloat(String(value * 100)).toPrecision(7))}%`;
+                // } else if (fieldProps?.type === "currency") {
+                //   // TODO: support currencies other than USD in Field and related components.
+                //   const formatter = new Intl.NumberFormat("en-US", {
+                //     style: "currency",
+                //     currency: "USD",
+                //     minimumFractionDigits: 2, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)
+                //   });
+                //   displayValue = formatter.format(value);
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "multiselect") {
+                // ???
+                displayValue = value.join(", ");
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "url") {
+                // Show only the domain, full links are likely too long.
+                try {
+                    const url = new URL(value);
+                    displayValue = (_d = url === null || url === void 0 ? void 0 : url.hostname) !== null && _d !== void 0 ? _d : value;
+                }
+                catch (_error) {
+                    // Don't print an error message for empty values.
+                    if (value) {
+                        console.debug(`Invalid URL: $value`);
+                    }
+                    displayValue = value;
+                }
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "address") {
+                displayValue = formatAddress(value);
+            }
+        }
+        const openLink = async () => {
+            if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "url") {
+                await Linking.openURL(value);
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "address") {
+                await Linking.openURL(`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(formatAddress(value, true))}`);
+            }
+        };
+        const isClickable = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "url" || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "address";
+        // For textarea to display correctly, we place the title on its own line, then the text
+        // on the next line. This is because the textarea will take up the full width of the row.
+        return (_jsxs(View, { style: {
+                alignItems: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" ? "flex-start" : "center",
+                flexDirection: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" ? "column" : "row",
+                justifyContent: "space-between",
+                width: "100%",
+            }, children: [_jsxs(View, { style: { flexDirection: "row", gap: 16, width: "100%" }, children: [_jsx(TapToEditTitle, { helperText: helperText, onlyShowHelperTextWhileEditing: onlyShowHelperTextWhileEditing, title: title }), _jsxs(View, { style: {
+                                flex: 1,
+                                flexDirection: "row",
+                                justifyContent: "flex-end",
+                            }, children: [_jsx(Box, { accessibilityHint: "", accessibilityLabel: "Link", justifyContent: "start", onClick: isClickable ? openLink : undefined, children: Boolean((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) !== "textarea") && (_jsx(Text, { align: "right", skipLinking: true, underline: isClickable, children: displayValue })) }), editable && (_jsx(Box, { accessibilityHint: "", accessibilityLabel: "Edit", marginLeft: 2, onClick: () => setEditing(true), width: 16, children: _jsx(Icon, { iconName: "pencil", size: "md" }) }))] })] }), (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "textarea" && (_jsx(View, { style: { marginTop: 8, paddingVertical: 8, width: "100%" }, children: _jsx(Text, { align: "left", underline: isClickable, children: displayValue }) }))] }));
+    }
+};
+//# sourceMappingURL=TapToEdit.js.map

package/dist/TapToEdit.js.map

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

package/dist/TerrenoProvider.d.ts

@@ -0,0 +1,6 @@
+import type React from "react";
+import type { FC } from "react";
+export declare const TerrenoProvider: FC<{
+    children: React.ReactNode;
+    openAPISpecUrl?: string;
+}>;

package/dist/TerrenoProvider.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Host } from "react-native-portalize";
+import { ToastProvider } from "react-native-toast-notifications";
+import { OpenAPIProvider } from "./OpenAPIContext";
+import { ThemeProvider } from "./Theme";
+import { Toast } from "./Toast";
+export const TerrenoProvider = ({ children, openAPISpecUrl }) => {
+    return (_jsx(ThemeProvider, { children: _jsx(ToastProvider, { animationDuration: 250, animationType: "slide-in", duration: 50000, offset: 50, placement: "bottom", renderToast: (toastOptions) => _jsx(Toast, Object.assign({}, toastOptions === null || toastOptions === void 0 ? void 0 : toastOptions.data)), swipeEnabled: true, children: _jsx(OpenAPIProvider, { specUrl: openAPISpecUrl, children: _jsx(Host, { children: children }) }) }) }));
+};
+//# sourceMappingURL=TerrenoProvider.js.map

package/dist/TerrenoProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerrenoProvider.js","sourceRoot":"","sources":["../src/TerrenoProvider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAGvB,CAAC,EAAC,QAAQ,EAAE,cAAc,EAAC,EAAE,EAAE;IAClC,OAAO,CACL,KAAC,aAAa,cACZ,KAAC,aAAa,IACZ,iBAAiB,EAAE,GAAG,EACtB,aAAa,EAAC,UAAU,EACxB,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,KAAC,KAAK,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,EAAI,EAChE,YAAY,kBAEZ,KAAC,eAAe,IAAC,OAAO,EAAE,cAAc,YACtC,KAAC,IAAI,cAAE,QAAQ,GAAQ,GACP,GACJ,GACF,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/Text.d.ts

@@ -0,0 +1,3 @@
+import type React from "react";
+import type { TextProps } from "./Common";
+export declare const Text: ({ align, bold, children, color, italic, size, truncate, underline, numberOfLines, skipLinking, testID, }: TextProps) => React.ReactElement;