@terreno/ui 0.0.1

package/dist/EmojiSelector.js

@@ -0,0 +1,322 @@
+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";
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright © 2019 Arron Hunt <arronjhunt@gmail.com>
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the “Software”), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ */
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import emoji from "emoji-datasource";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { ActivityIndicator, FlatList, Platform, StyleSheet, Text, TextInput, TouchableOpacity, View, } from "react-native";
+export const Categories = {
+    activities: {
+        name: "Activities",
+        symbol: "⚾️",
+    },
+    all: {
+        name: "All",
+        symbol: null,
+    },
+    emotion: {
+        name: "Smileys & Emotion",
+        symbol: "😀",
+    },
+    flags: {
+        name: "Flags",
+        symbol: "🏳️‍🌈",
+    },
+    food: {
+        name: "Food & Drink",
+        symbol: "🍔",
+    },
+    history: {
+        name: "Recently used",
+        symbol: "🕘",
+    },
+    nature: {
+        name: "Animals & Nature",
+        symbol: "🦄",
+    },
+    objects: {
+        name: "Objects",
+        symbol: "💡",
+    },
+    people: {
+        name: "People & Body",
+        symbol: "🧑",
+    },
+    places: {
+        name: "Travel & Places",
+        symbol: "✈️",
+    },
+    symbols: {
+        name: "Symbols",
+        symbol: "🔣",
+    },
+};
+const charFromUtf16 = (utf16) => String.fromCodePoint(...utf16.split("-").map((u) => Number(`0x${u}`)));
+export const charFromEmojiObject = (obj) => charFromUtf16(obj.unified);
+const filteredEmojis = emoji.filter((e) => !e.obsoleted_by);
+const emojiByCategory = (category) => filteredEmojis.filter((e) => e.category === category);
+const sortEmoji = (list) => list.sort((a, b) => a.sort_order - b.sort_order);
+const categoryKeys = Object.keys(Categories);
+const TabBar = ({ theme, activeCategory, onPress, width }) => {
+    const tabSize = width / categoryKeys.length;
+    return categoryKeys.map((c) => {
+        if (c === "all") {
+            return null;
+        }
+        const category = Categories[c];
+        return (_jsx(TouchableOpacity, { onPress: () => onPress(category), style: {
+                alignItems: "center",
+                borderBottomWidth: 2,
+                borderColor: category === activeCategory ? theme : "#EEEEEE",
+                flex: 1,
+                justifyContent: "center",
+                maxHeight: 60,
+                minHeight: 44,
+            }, children: _jsx(Text, { style: {
+                    fontSize: Math.max(tabSize - 24, 18),
+                    paddingBottom: 8,
+                    textAlign: "center",
+                }, children: category.symbol }) }, category.name));
+    });
+};
+const EmojiCell = ({ emoji, colSize, onPress }) => (_jsx(TouchableOpacity, { activeOpacity: 0.5, onPress: onPress, style: {
+        alignItems: "center",
+        height: colSize,
+        justifyContent: "center",
+        width: colSize,
+    }, children: _jsx(Text, { style: { color: "#FFFFFF", fontSize: Math.max(colSize - 12, 6) }, children: charFromEmojiObject(emoji) }) }));
+const storage_key = "@react-native-emoji-selector:HISTORY";
+const EmojiSelector = (props) => {
+    const { theme, columns, placeholder, showHistory, showSearchBar, showSectionTitles, showTabs, category: initialCategory, shouldInclude, onEmojiSelected } = props, other = __rest(props, ["theme", "columns", "placeholder", "showHistory", "showSearchBar", "showSectionTitles", "showTabs", "category", "shouldInclude", "onEmojiSelected"]);
+    const [searchQuery, setSearchQuery] = useState("");
+    const [category, setCategory] = useState(initialCategory);
+    const [isReady, setIsReady] = useState(false);
+    const [history, setHistory] = useState([]);
+    const [emojiList, setEmojiList] = useState(null);
+    const [colSize, setColSize] = useState(0);
+    const [width, setWidth] = useState(0);
+    const scrollview = useRef(null);
+    //
+    //  HANDLER METHODS
+    //
+    const handleTabSelect = useCallback((nextCategory) => {
+        if (isReady) {
+            if (scrollview.current) {
+                scrollview.current.scrollToOffset({ animated: false, offset: 0 });
+            }
+            setSearchQuery("");
+            setCategory(nextCategory);
+        }
+    }, [isReady]);
+    const handleSearch = useCallback((query) => {
+        setSearchQuery(query);
+    }, []);
+    const addToHistoryAsync = useCallback(async (selectedEmoji) => {
+        const stored = await AsyncStorage.getItem(storage_key);
+        let value = [];
+        if (!stored) {
+            // no history
+            const record = Object.assign({}, selectedEmoji, { count: 1 });
+            value.push(record);
+        }
+        else {
+            const json = JSON.parse(stored);
+            if (json.filter((r) => r.unified === selectedEmoji.unified).length > 0) {
+                value = json;
+            }
+            else {
+                const record = Object.assign({}, selectedEmoji, { count: 1 });
+                value = [record, ...json];
+            }
+        }
+        AsyncStorage.setItem(storage_key, JSON.stringify(value));
+        setHistory(value);
+    }, []);
+    const handleEmojiSelect = useCallback((selectedEmoji) => {
+        if (showHistory) {
+            void addToHistoryAsync(selectedEmoji);
+        }
+        onEmojiSelected(charFromEmojiObject(selectedEmoji));
+    }, [onEmojiSelected, showHistory, addToHistoryAsync]);
+    const loadHistoryAsync = useCallback(async () => {
+        const result = await AsyncStorage.getItem(storage_key);
+        if (result) {
+            const parsed = JSON.parse(result);
+            setHistory(parsed);
+        }
+    }, []);
+    //
+    //  RENDER METHODS
+    //
+    const renderEmojiCell = useCallback(({ item }) => (_jsx(EmojiCell, { colSize: colSize, emoji: item.emoji, onPress: () => handleEmojiSelect(item.emoji) }, item.key)), [handleEmojiSelect, colSize]);
+    const returnSectionData = useCallback(() => {
+        const currentEmojiList = emojiList;
+        if (!currentEmojiList) {
+            return [];
+        }
+        const currentCategory = category;
+        const currentSearchQuery = searchQuery;
+        const currentHistory = history;
+        let emojiData;
+        if (currentCategory === Categories.all && currentSearchQuery === "") {
+            //TODO: OPTIMIZE THIS
+            const largeList = [];
+            for (const c of categoryKeys) {
+                const name = Categories[c].name;
+                const list = name === Categories.history.name ? currentHistory : currentEmojiList[name] || [];
+                if (c !== "all" && c !== "history") {
+                    largeList.push(...list);
+                }
+            }
+            emojiData = largeList.map((e) => ({ emoji: e, key: e.unified }));
+        }
+        else {
+            let list;
+            const hasSearchQuery = currentSearchQuery !== "";
+            const name = currentCategory.name;
+            if (hasSearchQuery) {
+                const filtered = filteredEmojis.filter((e) => {
+                    let display = false;
+                    for (const shortName of e.short_names) {
+                        if (shortName.includes(currentSearchQuery.toLowerCase())) {
+                            display = true;
+                            break;
+                        }
+                    }
+                    return display;
+                });
+                list = sortEmoji(filtered);
+            }
+            else if (name === Categories.history.name) {
+                list = currentHistory;
+            }
+            else {
+                list = currentEmojiList[name] || [];
+            }
+            emojiData = list.map((e) => ({ emoji: e, key: e.unified }));
+        }
+        return shouldInclude ? emojiData.filter((e) => shouldInclude(e.emoji)) : emojiData;
+    }, [category, emojiList, history, searchQuery, shouldInclude]);
+    const prerenderEmojis = useCallback((callback) => {
+        const listByCategory = {};
+        for (const c of categoryKeys) {
+            const name = Categories[c].name;
+            listByCategory[name] = sortEmoji(emojiByCategory(name));
+        }
+        setEmojiList(listByCategory);
+        setColSize(Math.max(Math.floor(width / columns), 32));
+        if (callback) {
+            callback();
+        }
+    }, [columns, width]);
+    const handleLayout = useCallback(({ nativeEvent: { layout } }) => {
+        setWidth(layout.width);
+        prerenderEmojis(() => {
+            setIsReady(true);
+        });
+    }, [prerenderEmojis]);
+    //
+    //  LIFECYCLE METHODS
+    //
+    useEffect(() => {
+        setCategory(initialCategory);
+        if (showHistory) {
+            void loadHistoryAsync();
+        }
+    }, [initialCategory, loadHistoryAsync, showHistory]);
+    const Searchbar = (_jsx(View, { style: styles.searchbar_container, children: _jsx(TextInput, { autoCorrect: false, clearButtonMode: "always", onChangeText: handleSearch, placeholder: placeholder, returnKeyType: "done", style: styles.search, underlineColorAndroid: theme, value: searchQuery }) }));
+    const title = searchQuery !== "" ? "Search Results" : category.name;
+    return (_jsxs(View, Object.assign({ style: styles.frame }, other, { onLayout: handleLayout, children: [_jsx(View, { style: styles.tabBar, children: showTabs && (_jsx(TabBar, { activeCategory: category, onPress: handleTabSelect, theme: theme, width: width })) }), _jsxs(View, { style: { flex: 1 }, children: [showSearchBar && Searchbar, isReady ? (_jsx(View, { style: { flex: 1 }, children: _jsxs(View, { style: styles.container, children: [showSectionTitles && _jsx(Text, { style: styles.sectionHeader, children: title }), _jsx(FlatList, { contentContainerStyle: { paddingBottom: colSize }, data: returnSectionData(), horizontal: false, keyboardShouldPersistTaps: "always", numColumns: columns, ref: scrollview, removeClippedSubviews: true, renderItem: renderEmojiCell, style: styles.scrollview })] }) })) : (_jsx(View, Object.assign({ style: styles.loader }, other, { children: _jsx(ActivityIndicator, { color: Platform.OS === "android" ? theme : "#000000", size: "large" }) })))] })] })));
+};
+EmojiSelector.defaultProps = {
+    category: Categories.all,
+    columns: 6,
+    placeholder: "Search...",
+    showHistory: false,
+    showSearchBar: true,
+    showSectionTitles: true,
+    showTabs: true,
+    theme: "#007AFF",
+};
+export default EmojiSelector;
+const styles = StyleSheet.create({
+    container: {
+        alignItems: "flex-start",
+        flex: 1,
+        flexDirection: "column",
+        overflow: "hidden",
+    },
+    frame: {
+        flex: 1,
+        width: "100%",
+    },
+    loader: {
+        alignItems: "center",
+        flex: 1,
+        justifyContent: "center",
+    },
+    scrollview: {
+        flex: 1,
+        overflow: "hidden",
+    },
+    search: Object.assign(Object.assign({}, Platform.select({
+        ios: {
+            backgroundColor: "#E5E8E9",
+            borderRadius: 10,
+            height: 36,
+            paddingLeft: 8,
+        },
+    })), { margin: 8 }),
+    searchbar_container: {
+        backgroundColor: "rgba(255,255,255,0.75)",
+        width: "100%",
+        zIndex: 1,
+    },
+    sectionHeader: {
+        color: "#8F8F8F",
+        fontSize: 17,
+        margin: 8,
+        width: "100%",
+    },
+    tabBar: {
+        flexDirection: "row",
+        maxHeight: 60,
+        minHeight: 44,
+    },
+});
+//# sourceMappingURL=EmojiSelector.js.map

package/dist/EmojiSelector.js.map

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

package/dist/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { ErrorBoundaryProps } from "./Common";
+interface State {
+    error?: Error;
+}
+export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, State> {
+    state: {
+        error: undefined;
+    };
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, info: {
+        componentStack: string;
+    }): void;
+    resetError: () => void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};

package/dist/ErrorBoundary.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { ErrorPage } from "./ErrorPage";
+export class ErrorBoundary extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { error: undefined };
+        this.resetError = () => {
+            this.setState({ error: undefined });
+        };
+    }
+    static getDerivedStateFromError(error) {
+        console.warn("[ErrorBoundary] Derived error", error);
+        return { error };
+    }
+    componentDidCatch(error, info) {
+        console.warn("[ErrorBoundary] Caught error", error);
+        if (this.props.onError) {
+            this.props.onError(error, info.componentStack);
+        }
+    }
+    render() {
+        const error = this.state.error;
+        if (error) {
+            return _jsx(ErrorPage, { error: error, resetError: this.resetError });
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../src/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAMtC,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAoC;IAA7E;;QACE,UAAK,GAAG,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;QAe3B,eAAU,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC;QACpC,CAAC,CAAC;IASJ,CAAC;IAxBC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,EAAC,KAAK,EAAC,CAAC;IACjB,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,IAA8B;QAC5D,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QAEpD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;QAClE,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}

package/dist/ErrorPage.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { ErrorPageProps } from "./Common";
+export declare class ErrorPage extends React.Component<ErrorPageProps, {}> {
+    constructor(props: ErrorPageProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}

package/dist/ErrorPage.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { Text } from "./Text";
+export class ErrorPage extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        return (_jsxs(Box, { alignItems: "center", direction: "column", display: "flex", height: "100%", justifyContent: "center", padding: 6, width: "100%", children: [_jsx(Text, { align: "center", bold: true, color: "error", size: "lg", children: "Oops!" }), _jsx(Box, { paddingY: 3, children: _jsx(Text, { align: "center", children: "There's an error. Sorry! Our team just got a notification about the error so they can fix it as soon as possible!" }) }), _jsx(Box, { paddingY: 3, children: _jsx(Text, { children: this.props.error.toString() }) }), _jsx(Button, { onClick: this.props.resetError, text: "Try again" })] }));
+    }
+}
+//# sourceMappingURL=ErrorPage.js.map

package/dist/ErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../src/ErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAA6B;IAChE,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,MAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,MAAM,EACb,cAAc,EAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,EACV,KAAK,EAAC,MAAM,aAEZ,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,QAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,sBAE1C,EACP,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YACd,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,kIAGb,GACH,EACN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YACd,KAAC,IAAI,cAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAQ,GACtC,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,EAAC,WAAW,GAAG,IACvD,CACP,CAAC;IACJ,CAAC;CACF"}

package/dist/Field.d.ts

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

package/dist/Field.js

@@ -0,0 +1,80 @@
+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 { AddressField } from "./AddressField";
+import { BooleanField } from "./BooleanField";
+import { CustomSelectField } from "./CustomSelectField";
+import { DateTimeField } from "./DateTimeField";
+import { EmailField } from "./EmailField";
+import { MultiselectField } from "./MultiselectField";
+import { NumberField } from "./NumberField";
+import { PhoneNumberField } from "./PhoneNumberField";
+import { SelectField } from "./SelectField";
+import { Signature } from "./Signature";
+import { TextArea } from "./TextArea";
+import { TextField } from "./TextField";
+// TODO: put onblur back in any fields that need it
+export const Field = (_a) => {
+    var { type } = _a, rest = __rest(_a, ["type"]);
+    if (type === "select") {
+        return (_jsx(SelectField, Object.assign({}, rest)));
+    }
+    else if (type === "multiselect") {
+        return _jsx(MultiselectField, Object.assign({}, rest));
+    }
+    else if (type === "textarea") {
+        return _jsx(TextArea, Object.assign({}, rest));
+    }
+    else if (type === "boolean") {
+        return _jsx(BooleanField, Object.assign({}, rest));
+    }
+    else if (type && ["date", "time", "datetime"].includes(type)) {
+        return (_jsx(DateTimeField, Object.assign({}, rest, { type: type })));
+    }
+    else if (type === "address") {
+        return _jsx(AddressField, Object.assign({}, rest));
+    }
+    else if (type === "customSelect") {
+        return (_jsx(CustomSelectField, Object.assign({}, rest)));
+    }
+    else if (type === "number") {
+        return _jsx(NumberField, Object.assign({}, rest));
+    }
+    else if (type === "signature") {
+        return _jsx(Signature, Object.assign({}, rest));
+    }
+    else if (type === "email") {
+        return _jsx(EmailField, Object.assign({}, rest));
+    }
+    else if (type === "phoneNumber") {
+        return _jsx(PhoneNumberField, Object.assign({}, rest));
+    }
+    else {
+        let tfType = "text";
+        let autoComplete = "on";
+        if (type && ["password", "url"].includes(type)) {
+            tfType = type;
+            // } else if (type === "percent" || type === "currency") {
+            // TODO: Implement percent and currency fields
+            // tfType = "text";
+            // }
+            if (tfType === "password") {
+                autoComplete = "current-password";
+            }
+            else if (tfType === "email") {
+                autoComplete = "username";
+            }
+        }
+        return (_jsx(TextField, Object.assign({ autoComplete: autoComplete, type: tfType }, rest)));
+    }
+};
+//# sourceMappingURL=Field.js.map

package/dist/Field.js.map

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

package/dist/FlatList.d.ts

@@ -0,0 +1,2 @@
+import { FlatList } from "react-native";
+export { FlatList };

package/dist/FlatList.js

@@ -0,0 +1,3 @@
+import { FlatList } from "react-native";
+export { FlatList };
+//# sourceMappingURL=FlatList.js.map

package/dist/FlatList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatList.js","sourceRoot":"","sources":["../src/FlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AACtC,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/Heading.d.ts

@@ -0,0 +1,3 @@
+import type React from "react";
+import type { HeadingProps } from "./Common";
+export declare const Heading: ({ align, children, color, size, testID, }: HeadingProps) => React.ReactElement;

package/dist/Heading.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TitilliumWeb_600SemiBold, TitilliumWeb_700Bold, useFonts, } from "@expo-google-fonts/titillium-web";
+import { Text as NativeText, Platform } from "react-native";
+import { useTheme } from "./Theme";
+const fontSizeAndWeightWeb = {
+    "2xl": { size: 48, weight: "bold" },
+    lg: { size: 24, weight: "bold" },
+    md: { size: 18, weight: "bold" },
+    sm: { size: 16, weight: "semibold" },
+    xl: { size: 32, weight: "bold" },
+};
+const fontSizeAndWeighMobile = {
+    "2xl": { size: 32, weight: "bold" },
+    lg: { size: 20, weight: "bold" },
+    md: { size: 16, weight: "bold" },
+    sm: { size: 14, weight: "semibold" },
+    xl: { size: 28, weight: "bold" },
+};
+const fontSizes = Platform.OS === "web" ? fontSizeAndWeightWeb : fontSizeAndWeighMobile;
+export const Heading = ({ align, children, color = "primary", size, testID, }) => {
+    const { theme } = useTheme();
+    // TODO: make fonts part of theme.
+    useFonts({
+        heading: TitilliumWeb_600SemiBold,
+        "heading-bold": TitilliumWeb_700Bold,
+        "heading-semibold": TitilliumWeb_600SemiBold,
+    });
+    const style = {};
+    if (size === "sm") {
+        style.fontFamily = "heading-semibold";
+    }
+    else {
+        style.fontFamily = "heading-bold";
+    }
+    style.fontSize = fontSizes[size || "md"].size;
+    if (align) {
+        style.textAlign = align;
+    }
+    style.color = theme.text[color];
+    const lines = 0;
+    return (_jsx(NativeText, { numberOfLines: lines, style: style, testID: testID, children: children }));
+};
+//# sourceMappingURL=Heading.js.map

package/dist/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../src/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,wBAAwB,EACxB,oBAAoB,EACpB,QAAQ,GACT,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,IAAI,IAAI,UAAU,EAAE,QAAQ,EAAiC,MAAM,cAAc,CAAC;AAG1F,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,oBAAoB,GAAG;IAC3B,KAAK,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IACjC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAC;IAClC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;CAC/B,CAAC;AAEF,MAAM,sBAAsB,GAAG;IAC7B,KAAK,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IACjC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;IAC9B,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,UAAU,EAAC;IAClC,EAAE,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC;CAC/B,CAAC;AAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,CAAC;AAExF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,MAAM,GACO,EAAsB,EAAE;IACrC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,kCAAkC;IAClC,QAAQ,CAAC;QACP,OAAO,EAAE,wBAAwB;QACjC,cAAc,EAAE,oBAAoB;QACpC,kBAAkB,EAAE,wBAAwB;KAC7C,CAAC,CAAC;IAEH,MAAM,KAAK,GAAyB,EAAE,CAAC;IAEvC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,KAAK,CAAC,UAAU,GAAG,kBAAkB,CAAC;IACxC,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,UAAU,GAAG,cAAc,CAAC;IACpC,CAAC;IAED,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;IAC9C,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IAC1B,CAAC;IACD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEhC,MAAM,KAAK,GAAG,CAAC,CAAC;IAChB,OAAO,CACL,KAAC,UAAU,IAAC,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAC3D,QAAQ,GACE,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/HeightActionSheet.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { HeightActionSheetProps } from "./Common";
+interface HeightActionSheetState {
+    feet: string;
+    inches: string;
+}
+export declare class HeightActionSheet extends React.Component<HeightActionSheetProps, HeightActionSheetState> {
+    constructor(props: HeightActionSheetProps);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/HeightActionSheet.js

@@ -0,0 +1,46 @@
+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 HeightActionSheet extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            feet: String(Math.floor(Number(props.value) / 12)),
+            inches: String(Number(props.value) % 12),
+        };
+    }
+    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" }) }) }), _jsxs(Box, { direction: "row", width: "100%", children: [_jsx(Box, { width: "50%", children: _jsx(Picker, { itemStyle: {
+                                        height: PICKER_HEIGHT,
+                                    }, onValueChange: (feet) => {
+                                        this.setState({ feet: String(feet) });
+                                        this.props.onChange(String(Number(feet) * 12 + Number(this.state.inches)));
+                                    }, selectedValue: this.state.feet, style: {
+                                        backgroundColor: "#FFFFFF",
+                                        height: PICKER_HEIGHT,
+                                    }, children: range(4, 8).map((n) => {
+                                        // console.log("FIRST", String(n));
+                                        return _jsx(Picker.Item, { label: `${String(n)}ft`, value: String(n) }, String(n));
+                                    }) }) }), _jsx(Box, { width: "50%", children: _jsx(Picker, { itemStyle: {
+                                        height: PICKER_HEIGHT,
+                                    }, onValueChange: (inches) => {
+                                        this.setState({ inches: String(inches) });
+                                        this.props.onChange(String(Number(this.state.feet) * 12 + Number(inches)));
+                                    }, selectedValue: this.state.inches, style: {
+                                        backgroundColor: "#FFFFFF",
+                                        height: PICKER_HEIGHT,
+                                    }, children: range(0, 12).map((n) => {
+                                        // console.log("N", n);
+                                        return _jsx(Picker.Item, { label: `${String(n)}in`, value: String(n) }, String(n));
+                                    }) }) })] })] }) }));
+    }
+}
+//# sourceMappingURL=HeightActionSheet.js.map