@terreno/ui 0.0.1

package/dist/MobileAddressAutoComplete.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { TouchableOpacity, View } from "react-native";
+import { GooglePlacesAutocomplete, } from "react-native-google-places-autocomplete";
+import { GOOGLE_PLACES_API_RESTRICTIONS } from "./Constants";
+import { TextField } from "./TextField";
+import { useTheme } from "./Theme";
+import { processAddressComponents } from "./Utilities";
+export const MobileAddressAutocomplete = ({ disabled, googleMapsApiKey, includeCounty, inputValue, 
+// More on react-native-google-places-autocomplete styles here: https://github.com/FaridSafi/react-native-google-places-autocomplete#styling
+styles, handleAddressChange, handleAutoCompleteChange, testID, }) => {
+    var _a, _b;
+    const { theme } = useTheme();
+    const ref = useRef(null);
+    const [isFocused, setIsFocused] = useState(false);
+    // Load the Google Maps script and initialize the autocomplete.
+    useEffect(() => {
+        if (!googleMapsApiKey)
+            return;
+        if (ref === null || ref === void 0 ? void 0 : ref.current) {
+            ref.current.setAddressText(inputValue);
+        }
+    }, [googleMapsApiKey, inputValue]);
+    const textInputContainerStyles = Object.assign({ backgroundColor: theme.surface.base, borderColor: isFocused ? theme.border.hover : theme.border.default, borderRadius: theme.radius.default, borderWidth: isFocused ? 5 : 1, paddingHorizontal: isFocused ? 10 : 14, paddingVertical: isFocused ? 0 : 4 }, styles === null || styles === void 0 ? void 0 : styles.textInputContainer);
+    const textInputStyles = Object.assign({ backgroundColor: theme.surface.base, borderRadius: theme.radius.default, color: theme.text.primary, fontFamily: "text", fontSize: (_b = (_a = styles === null || styles === void 0 ? void 0 : styles.textInput) === null || _a === void 0 ? void 0 : _a.fontSize) !== null && _b !== void 0 ? _b : 14, height: 40, marginBottom: 0, paddingHorizontal: 0, paddingVertical: 4 }, styles === null || styles === void 0 ? void 0 : styles.textInput);
+    if (!googleMapsApiKey) {
+        return (_jsx(TextField, { disabled: disabled, id: "address1", onChange: (result) => handleAddressChange(result), testID: testID, type: "text", value: inputValue }));
+    }
+    return (_jsx(TouchableOpacity, { activeOpacity: 1, "aria-role": "button", onPress: () => setIsFocused(false), style: { flex: 1 }, children: _jsx(View, { children: _jsx(GooglePlacesAutocomplete, { disableScroll: true, fetchDetails: true, GooglePlacesDetailsQuery: {
+                    fields: Object.values(GOOGLE_PLACES_API_RESTRICTIONS.fields).join(","),
+                }, onPress: (_data, details = null) => {
+                    const addressComponents = details === null || details === void 0 ? void 0 : details.address_components;
+                    const formattedAddressObject = processAddressComponents(addressComponents, {
+                        includeCounty,
+                    });
+                    const { address1 } = formattedAddressObject;
+                    handleAutoCompleteChange(formattedAddressObject);
+                    if (ref.current) {
+                        ref.current.setAddressText(address1);
+                    }
+                    setIsFocused(false);
+                }, placeholder: "Street Address", query: {
+                    components: `country:${GOOGLE_PLACES_API_RESTRICTIONS.components.country}`,
+                    key: googleMapsApiKey,
+                    language: "en",
+                }, ref: ref, styles: Object.assign({ textInput: Object.assign({}, textInputStyles), textInputContainer: Object.assign({}, textInputContainerStyles) }, styles), textInputProps: {
+                    onBlur: () => setIsFocused(false),
+                    onChange: (event) => {
+                        handleAddressChange(event.nativeEvent.text);
+                    },
+                    onFocus: () => setIsFocused(true),
+                } }) }) }));
+};
+//# sourceMappingURL=MobileAddressAutoComplete.js.map

package/dist/MobileAddressAutoComplete.js.map

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

package/dist/Modal.d.ts

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

package/dist/Modal.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Dimensions, Pressable, Modal as RNModal, View } from "react-native";
+import ActionSheet from "react-native-actions-sheet";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import { runOnJS } from "react-native-reanimated";
+import { Button } from "./Button";
+import { Heading } from "./Heading";
+import { Icon } from "./Icon";
+import { isMobileDevice } from "./MediaQuery";
+import { Text } from "./Text";
+import { useTheme } from "./Theme";
+import { isNative } from "./Utilities";
+const getModalSize = (size) => {
+    const sizeMap = {
+        lg: 900,
+        md: 720,
+        sm: 540,
+    };
+    let sizePx = sizeMap[size] || sizeMap.sm;
+    if (sizePx > Dimensions.get("window").width) {
+        sizePx = "90%";
+    }
+    return sizePx;
+};
+const ModalContent = ({ children, title, subtitle, text, primaryButtonText, primaryButtonDisabled, secondaryButtonText, primaryButtonOnClick, secondaryButtonOnClick, onDismiss, sizePx, theme, isMobile, }) => {
+    return (_jsxs(View, { style: Object.assign({ alignItems: "center", alignSelf: "center", backgroundColor: theme.surface.base, borderRadius: theme.radius.default, maxHeight: "100%", padding: 32, width: sizePx, zIndex: 1 }, (isMobile
+            ? {}
+            : {
+                boxShadow: "0px 4px 24px rgba(0, 0, 0, 0.5)",
+                elevation: 24,
+                margin: "auto",
+            })), children: [_jsx(View, { style: { alignSelf: "flex-end", position: "relative" }, children: _jsx(Pressable, { accessibilityHint: "Closes the modal", "aria-label": "Close modal", "aria-role": "button", onPress: onDismiss, style: {
+                        alignItems: "center",
+                        bottom: -8,
+                        flex: 1,
+                        justifyContent: "center",
+                        left: -8,
+                        position: "absolute",
+                        right: -8,
+                        top: -8,
+                    }, children: _jsx(Icon, { iconName: "x", size: "sm" }) }) }), title && (_jsx(View, { accessibilityHint: "Modal title", "aria-label": title, "aria-role": "header", style: { alignSelf: "flex-start" }, children: _jsx(Heading, { size: "lg", children: title }) })), subtitle && (_jsx(View, { accessibilityHint: "Modal Sub Heading Text", "aria-label": subtitle, "aria-role": "text", style: { alignSelf: "flex-start", marginTop: subtitle ? 8 : 0 }, children: _jsx(Text, { size: "lg", children: subtitle }) })), text && (_jsx(View, { accessibilityHint: "Modal body text", "aria-label": text, "aria-role": "text", style: { alignSelf: "flex-start", marginVertical: text ? 12 : 0 }, children: _jsx(Text, { children: text }) })), children && (_jsx(View, { style: {
+                    flex: isMobile ? undefined : 1,
+                    marginTop: text ? 0 : 12,
+                    width: "100%",
+                }, children: children })), _jsxs(View, { style: {
+                    alignSelf: "flex-end",
+                    flexDirection: "row",
+                    marginTop: text && !children ? 20 : 32,
+                }, children: [Boolean(secondaryButtonText && secondaryButtonOnClick) && (_jsx(View, { style: { marginRight: primaryButtonText ? 20 : 0 }, children: _jsx(Button, { onClick: secondaryButtonOnClick, text: secondaryButtonText, variant: "muted" }) })), Boolean(primaryButtonText && primaryButtonOnClick) && (_jsx(Button, { disabled: primaryButtonDisabled, onClick: primaryButtonOnClick, text: primaryButtonText }))] })] }));
+};
+export const Modal = ({ children, persistOnBackgroundClick = false, primaryButtonDisabled = false, primaryButtonText, secondaryButtonText, size = "sm", subtitle, text, title, visible, onDismiss, primaryButtonOnClick, secondaryButtonOnClick, }) => {
+    const actionSheetRef = useRef(null);
+    const { theme } = useTheme();
+    const handleDismiss = () => {
+        if (visible && onDismiss) {
+            onDismiss();
+        }
+    };
+    const handlePrimaryButtonClick = (value) => {
+        if (visible && primaryButtonOnClick) {
+            return primaryButtonOnClick(value);
+        }
+    };
+    const handleSecondaryButtonClick = (value) => {
+        if (visible && secondaryButtonOnClick) {
+            return secondaryButtonOnClick(value);
+        }
+    };
+    const dragToClose = Gesture.Pan().onEnd((event) => {
+        if (event.translationY > 20) {
+            // Gesture callbacks run on the UI thread, runOnJS is required to safely invoke handleDismiss on the JS thread
+            runOnJS(handleDismiss)();
+        }
+    });
+    // Open the action sheet ref when the visible prop changes.
+    useEffect(() => {
+        if (actionSheetRef.current) {
+            actionSheetRef.current.setModalVisible(visible);
+        }
+    }, [visible]);
+    const isMobile = isMobileDevice() && isNative();
+    const sizePx = getModalSize(size);
+    const modalContentProps = {
+        isMobile,
+        onDismiss: handleDismiss,
+        persistOnBackgroundClick,
+        primaryButtonDisabled,
+        primaryButtonOnClick: handlePrimaryButtonClick,
+        primaryButtonText,
+        secondaryButtonOnClick: handleSecondaryButtonClick,
+        secondaryButtonText,
+        sizePx,
+        subtitle,
+        text,
+        theme,
+        title,
+    };
+    if (isMobile) {
+        return (_jsx(ActionSheet, { closeOnTouchBackdrop: !persistOnBackgroundClick, gestureEnabled: false, 
+            // Disable ActionSheet's built-in gestures to avoid conflicts with scrolling
+            onClose: handleDismiss, ref: actionSheetRef, children: _jsxs(View, { children: [_jsx(GestureDetector, { gesture: dragToClose, children: _jsx(View, { accessibilityHint: "Pull down to close the modal", "aria-label": "Pull down bar", "aria-role": "adjustable", 
+                            // add hitSlop to make the bar easier to hit since it's small
+                            hitSlop: { bottom: 20, left: 50, right: 50, top: 20 }, style: {
+                                alignItems: "center",
+                                alignSelf: "center",
+                                backgroundColor: "#9A9A9A",
+                                borderRadius: 5,
+                                height: 3,
+                                justifyContent: "center",
+                                marginTop: 10,
+                                padding: 2,
+                                width: "30%",
+                            } }) }), _jsx(ModalContent, Object.assign({}, modalContentProps, { children: children }))] }) }));
+    }
+    else {
+        return (_jsx(RNModal, { animationType: "slide", onRequestClose: handleDismiss, transparent: true, visible: visible, children: _jsx(Pressable, { onPress: persistOnBackgroundClick ? undefined : handleDismiss, style: {
+                    alignItems: "center",
+                    backgroundColor: "rgba(0, 0, 0, 0.5)",
+                    flex: 1,
+                    justifyContent: "center",
+                }, children: _jsx(Pressable, { onPress: (e) => {
+                        persistOnBackgroundClick ? null : e.stopPropagation();
+                    }, style: { cursor: "auto" }, children: _jsx(ModalContent, Object.assign({}, modalContentProps, { children: children })) }) }) }));
+    }
+};
+//# sourceMappingURL=Modal.js.map

package/dist/Modal.js.map

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

package/dist/ModalSheet.d.ts

@@ -0,0 +1,6 @@
+export declare const useCombinedRefs: (...refs: any) => import("react").RefObject<any>;
+interface Props {
+    children: any;
+}
+export declare const SimpleContent: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+export {};

package/dist/ModalSheet.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef } from "react";
+import { Animated } from "react-native";
+import { Modalize } from "react-native-modalize";
+import { Portal } from "react-native-portalize";
+export const useCombinedRefs = (...refs) => {
+    const targetRef = useRef(null);
+    // Iterate through the refs array, and set the ref.current value to the targetRef
+    useEffect(() => {
+        refs.forEach((ref) => {
+            if (!ref) {
+                return;
+            }
+            if (typeof ref === "function") {
+                ref(targetRef.current);
+            }
+            else {
+                ref.current = targetRef.current;
+            }
+        });
+    }, [refs]);
+    return targetRef;
+};
+export const SimpleContent = forwardRef((props, ref) => {
+    const modalizeRef = useRef(null);
+    const combinedRef = useCombinedRefs(ref, modalizeRef);
+    const animated = useRef(new Animated.Value(0)).current;
+    // const renderHeader = () => (
+    //   <Box paddingY={4} marginTop={4} marginBottom={4}>
+    //     <Text>50 users online</Text>
+    //   </Box>
+    // );
+    return (_jsx(Portal, { children: _jsx(Modalize
+        // HeaderComponent={renderHeader}
+        , { 
+            // HeaderComponent={renderHeader}
+            adjustToContentHeight: true, panGestureAnimatedValue: animated, ref: combinedRef, scrollViewProps: {
+                showsVerticalScrollIndicator: false,
+                stickyHeaderIndices: [0],
+            }, children: props.children }) }));
+});
+//# sourceMappingURL=ModalSheet.js.map

package/dist/ModalSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalSheet.js","sourceRoot":"","sources":["../src/ModalSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG,IAAS,EAAE,EAAE;IAC9C,MAAM,SAAS,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEpC,iFAAiF;IACjF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,CAAC,GAAQ,EAAE,EAAE;YACxB,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,OAAO;YACT,CAAC;YAED,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;YAClC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,eAAe,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEvD,+BAA+B;IAC/B,sDAAsD;IACtD,mCAAmC;IACnC,WAAW;IACX,KAAK;IAEL,OAAO,CACL,KAAC,MAAM,cACL,KAAC,QAAQ;QACP,iCAAiC;;YAAjC,iCAAiC;YACjC,qBAAqB,QACrB,uBAAuB,EAAE,QAAQ,EACjC,GAAG,EAAE,WAAW,EAChB,eAAe,EAAE;gBACf,4BAA4B,EAAE,KAAK;gBACnC,mBAAmB,EAAE,CAAC,CAAC,CAAC;aACzB,YAEA,KAAK,CAAC,QAAQ,GACN,GACJ,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/MultiselectField.d.ts

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

package/dist/MultiselectField.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { TouchableOpacity, View } from "react-native";
+import { CheckBox } from "./CheckBox";
+import { FieldError, FieldHelperText } from "./fieldElements";
+import { Heading } from "./Heading";
+import { isMobileDevice } from "./MediaQuery";
+import { Text } from "./Text";
+const Option = ({ value, label, isDefault, selected, onSelect }) => {
+    return (_jsxs(View, { style: {
+            display: "flex",
+            flexDirection: isDefault ? "row" : "row-reverse",
+            justifyContent: "space-between",
+        }, children: [_jsx(View, { style: { flex: 1, flexWrap: "wrap" }, children: _jsx(Text, { children: label !== null && label !== void 0 ? label : value }) }), _jsx(TouchableOpacity, { accessibilityHint: `Select ${label !== null && label !== void 0 ? label : value} from list of options`, "aria-label": label !== null && label !== void 0 ? label : value, "aria-role": "checkbox", hitSlop: { bottom: 10, left: 10, right: 10, top: 10 }, onPress: onSelect, style: {
+                    justifyContent: "center",
+                }, children: _jsx(View, { style: {
+                        paddingEnd: isDefault ? 0 : 8,
+                        paddingStart: isDefault ? 8 : 0,
+                    }, children: _jsx(CheckBox, { selected: selected }) }) }, value)] }));
+};
+export const MultiselectField = ({ options, title, value = [], variant = "leftText", onChange, errorText, helperText, disabled, }) => {
+    const isMobile = isMobileDevice();
+    const isDefault = variant === "leftText";
+    const [selectedItems, setSelectedItems] = useState(value);
+    // set the selected items to the value passed in the props
+    useEffect(() => {
+        setSelectedItems(value);
+    }, [value]);
+    const toggleItem = (item) => {
+        const newSelectedItems = selectedItems.includes(item)
+            ? selectedItems.filter((selected) => selected !== item)
+            : [...selectedItems, item];
+        setSelectedItems(newSelectedItems);
+        onChange(newSelectedItems);
+    };
+    return (_jsxs(View, { accessibilityHint: "Contains a prompt and list of options to select", "aria-label": title, "aria-role": "combobox", style: {
+            display: "flex",
+            gap: isMobile ? 16 : 8,
+            width: "100%",
+        }, children: [_jsx(Heading, { color: "primary", size: "sm", children: title }), Boolean(errorText) && _jsx(FieldError, { text: errorText }), disabled ? (_jsx(Text, { children: value.join(", ") })) : (options.map((option) => {
+                var _a;
+                return (_jsx(Option, { isDefault: isDefault, label: option.label, onSelect: () => toggleItem(option.value), selected: selectedItems.includes(option.value), value: option.value }, (_a = option.key) !== null && _a !== void 0 ? _a : option.value));
+            })), Boolean(helperText) && _jsx(FieldHelperText, { text: helperText })] }));
+};
+//# sourceMappingURL=MultiselectField.js.map

package/dist/MultiselectField.js.map

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

package/dist/NumberField.d.ts

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

package/dist/NumberField.js

@@ -0,0 +1,60 @@
+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 { useCallback, useEffect, useState } from "react";
+import { TextField } from "./TextField";
+export const NumberField = (_a) => {
+    var { errorText, value: valueProp, max, min, type, onChange } = _a, rest = __rest(_a, ["errorText", "value", "max", "min", "type", "onChange"]);
+    const [value, setValue] = useState(valueProp !== null && valueProp !== void 0 ? valueProp : "");
+    // Sync local state with incoming prop values
+    useEffect(() => {
+        setValue(valueProp !== null && valueProp !== void 0 ? valueProp : "");
+    }, [valueProp]);
+    const getError = useCallback((newV) => {
+        const v = String(newV);
+        if (!v) {
+            return;
+        }
+        const num = type === "number" ? parseInt(v, 10) : parseFloat(v);
+        if (Number.isNaN(num) || (type === "number" && v.match(/[^0-9]/) !== null)) {
+            return "Value must be an integer";
+        }
+        else if ((type === "decimal" && v.match(/[^0-9.]+/) !== null) ||
+            (v.match(/\./g) || []).length > 1) {
+            return "Value must be a decimal";
+        }
+        else if (max !== undefined && num > max) {
+            return `Value must be less than or equal to ${max}`;
+        }
+        else if (min !== undefined && num < min) {
+            return `Value must be greater than or equal to ${min}`;
+        }
+        return undefined;
+    }, [max, min, type]);
+    const error = errorText || getError(value);
+    // Only return the value if it is a valid number
+    const localOnChange = useCallback((v) => {
+        if (type === "decimal" && v === ".") {
+            // if type is decimal and dot is the first character add 0 before it
+            setValue("0.");
+            onChange("0.");
+            return;
+        }
+        const err = getError(v);
+        if (!err) {
+            setValue(v);
+            onChange(v);
+        }
+    }, [getError, onChange, type]);
+    return _jsx(TextField, Object.assign({}, rest, { errorText: error, onChange: localOnChange, value: value }));
+};
+//# sourceMappingURL=NumberField.js.map

package/dist/NumberField.js.map

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

package/dist/NumberPickerActionSheet.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { NumberPickerActionSheetProps } from "./Common";
+type NumberPickerActionSheetState = {};
+export declare class NumberPickerActionSheet extends React.Component<NumberPickerActionSheetProps, NumberPickerActionSheetState> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/NumberPickerActionSheet.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Picker } from "@react-native-picker/picker";
+import range from "lodash/range";
+import React from "react";
+import { ActionSheet } from "./ActionSheet";
+import { Box } from "./Box";
+import { Button } from "./Button";
+const PICKER_HEIGHT = 104;
+export class NumberPickerActionSheet extends React.Component {
+    render() {
+        return (_jsx(ActionSheet, { bounceOnOpen: true, gestureEnabled: true, ref: this.props.actionSheetRef, children: _jsxs(Box, { marginBottom: 8, paddingX: 4, width: "100%", children: [_jsx(Box, { alignItems: "end", display: "flex", width: "100%", children: _jsx(Box, { width: "33%", children: _jsx(Button, { onClick: () => {
+                                    var _a, _b;
+                                    (_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
+                                }, text: "Close" }) }) }), _jsx(Picker, { itemStyle: {
+                            height: PICKER_HEIGHT,
+                        }, onValueChange: (itemValue) => this.props.onChange(String(itemValue)), selectedValue: String(this.props.value), style: {
+                            backgroundColor: "#FFFFFF",
+                            height: PICKER_HEIGHT,
+                        }, children: range(this.props.min, this.props.max).map((n) => (_jsx(Picker.Item, { label: String(n), value: String(n) }, String(n)))) })] }) }));
+    }
+}
+//# sourceMappingURL=NumberPickerActionSheet.js.map

package/dist/NumberPickerActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberPickerActionSheet.js","sourceRoot":"","sources":["../src/NumberPickerActionSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAC;AACnD,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAGhC,MAAM,aAAa,GAAG,GAAG,CAAC;AAI1B,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,SAGlD;IACC,MAAM;QACJ,OAAO,CACL,KAAC,WAAW,IAAC,YAAY,QAAC,cAAc,QAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,YACrE,MAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,aAC7C,KAAC,GAAG,IAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YAC/C,KAAC,GAAG,IAAC,KAAK,EAAC,KAAK,YACd,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;;oCACZ,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,0CAAE,OAAO,0CAAE,eAAe,CAAC,KAAK,CAAC,CAAC;gCAC7D,CAAC,EACD,IAAI,EAAC,OAAO,GACZ,GACE,GACF,EACN,KAAC,MAAM,IACL,SAAS,EAAE;4BACT,MAAM,EAAE,aAAa;yBACtB,EACD,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EACpE,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EACvC,KAAK,EAAE;4BACL,eAAe,EAAE,SAAS;4BAC1B,MAAM,EAAE,aAAa;yBACtB,YAEA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChD,KAAC,MAAM,CAAC,IAAI,IAAiB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,IAA7C,MAAM,CAAC,CAAC,CAAC,CAAwC,CACpE,CAAC,GACK,IACL,GACM,CACf,CAAC;IACJ,CAAC;CACF"}

package/dist/OpenAPIContext.d.ts

@@ -0,0 +1,4 @@
+import type React from "react";
+import type { OpenAPIContextType, OpenAPIProviderProps } from "./Common";
+export declare const OpenAPIProvider: ({ children, specUrl }: OpenAPIProviderProps) => React.ReactElement;
+export declare const useOpenAPISpec: () => OpenAPIContextType;

package/dist/OpenAPIContext.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import camelCase from "lodash/camelCase";
+import { createContext, useContext, useEffect, useState } from "react";
+const OpenAPIContext = createContext(null);
+export const OpenAPIProvider = ({ children, specUrl }) => {
+    const [spec, setSpec] = useState(null);
+    const getModelFields = (modelName) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const modelPath = `/${camelCase(modelName.replace(/\s/g, ""))}/`;
+        const rootConfig = (_a = spec === null || spec === void 0 ? void 0 : spec.paths) === null || _a === void 0 ? void 0 : _a[modelPath];
+        if (!rootConfig) {
+            if ((spec === null || spec === void 0 ? void 0 : spec.paths) && modelName) {
+                console.warn(`No OpenAPI model found for ${modelName}`);
+            }
+            return null;
+        }
+        return (_j = (_h = (_g = (_f = (_e = (_d = (_c = (_b = rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.get) === null || _b === void 0 ? void 0 : _b.responses) === null || _c === void 0 ? void 0 : _c["200"]) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e["application/json"]) === null || _f === void 0 ? void 0 : _f.schema) === null || _g === void 0 ? void 0 : _g.properties) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.items;
+    };
+    const getModelField = (modelName, fieldName) => {
+        var _a, _b;
+        const fields = getModelFields(modelName);
+        const dotFields = fieldName.split(".");
+        let field = (_a = fields === null || fields === void 0 ? void 0 : fields.properties) === null || _a === void 0 ? void 0 : _a[dotFields[0]];
+        if (!field && fieldName && (fields === null || fields === void 0 ? void 0 : fields.properties)) {
+            console.warn(`No OpenAPI field found for ${modelName}:${fieldName}`);
+        }
+        for (const dotField of dotFields.slice(1)) {
+            field = (_b = field === null || field === void 0 ? void 0 : field.properties) === null || _b === void 0 ? void 0 : _b[dotField];
+        }
+        return field;
+    };
+    // Fetch the OpenAPI spec from the provided URL.
+    useEffect(() => {
+        if (!specUrl) {
+            return;
+        }
+        fetch(specUrl)
+            .then(async (response) => {
+            const data = (await response.json());
+            setSpec(data);
+        })
+            .catch((error) => console.error(`Error fetching OpenAPI spec: ${error}`));
+    }, [specUrl]);
+    return (_jsx(OpenAPIContext.Provider, { value: { getModelField, getModelFields, spec }, children: children }));
+};
+export const useOpenAPISpec = () => {
+    const context = useContext(OpenAPIContext);
+    if (!context) {
+        throw new Error("useOpenAPISpec must be used within an OpenAPIProvider");
+    }
+    return context;
+};
+//# sourceMappingURL=OpenAPIContext.js.map

package/dist/OpenAPIContext.js.map

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

package/dist/Page.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { PageProps } from "./Common";
+export declare class Page extends React.Component<PageProps, {}> {
+    actionSheetRef: React.RefObject<any>;
+    renderHeader(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/Page.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { ErrorBoundary } from "./ErrorBoundary";
+import { Heading } from "./Heading";
+import { IconButton } from "./IconButton";
+import { Spinner } from "./Spinner";
+export class Page extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.actionSheetRef = React.createRef();
+    }
+    renderHeader() {
+        if (!this.props.title && !this.props.backButton) {
+            return null;
+        }
+        return (_jsxs(Box, { direction: "row", display: "flex", width: "100%", children: [this.props.backButton && (_jsx(Box, { alignItems: "center", display: "block", justifyContent: "center", paddingY: 3, children: _jsx(IconButton, { accessibilityHint: "Navigate back", accessibilityLabel: "", iconName: "chevron-left", onClick: () => this.props.navigation.goBack() }) })), this.props.closeButton && (_jsx(Box, { alignItems: "center", display: "block", justifyContent: "center", paddingY: 3, children: _jsx(IconButton, { accessibilityHint: "Close page", accessibilityLabel: "", iconName: "xmark", onClick: () => this.props.navigation.goBack() }) })), Boolean(this.props.title) && (_jsx(Box, { direction: "column", display: "flex", flex: "grow", justifyContent: "center", children: _jsx(Heading, { align: "center", children: this.props.title }) })), this.props.rightButton && (_jsx(Box, { alignItems: "center", display: "block", justifyContent: "center", paddingY: 3, children: _jsx(Button, { onClick: () => { var _a, _b; return (_b = (_a = this.props).rightButtonOnClick) === null || _b === void 0 ? void 0 : _b.call(_a); }, text: this.props.rightButton, variant: "muted" }) }))] }));
+    }
+    render() {
+        return (_jsxs(ErrorBoundary, { onError: this.props.onError, children: [_jsxs(Box, { alignSelf: "center", avoidKeyboard: true, color: this.props.color || "base", direction: this.props.direction || "column", display: this.props.display || "flex", flex: "grow", height: "100%", keyboardOffset: this.props.keyboardOffset, maxWidth: this.props.maxWidth || 800, padding: this.props.padding !== undefined ? this.props.padding : 2, scroll: this.props.scroll === undefined ? true : this.props.scroll, width: "100%", children: [this.renderHeader(), this.props.loading === true && _jsx(Spinner, {}), this.props.children] }), Boolean(this.props.footer) && (_jsx(Box, { alignSelf: "center", color: this.props.color || "neutralLight", direction: this.props.direction || "column", display: this.props.display || "flex", flex: "shrink", marginBottom: 8, maxWidth: this.props.maxWidth || 800, paddingX: this.props.padding !== undefined ? this.props.padding : 6, paddingY: this.props.padding !== undefined ? this.props.padding : 2, width: "100%", children: this.props.footer }))] }));
+    }
+}
+//# sourceMappingURL=Page.js.map

package/dist/Page.js.map

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

package/dist/Pagination.d.ts

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