ferns-ui 0.36.1 → 0.36.3

package/dist/DateTimeField.js

@@ -0,0 +1,35 @@
+import isArray from "lodash/isArray";
+import React from "react";
+import DatePicker from "react-date-picker";
+import DateTimePickerWeb from "react-datetime-picker";
+import TimePicker from "react-time-picker";
+import { Box } from "./Box";
+import { WithLabel } from "./WithLabel";
+export const DateTimeField = ({ mode, value, onChange, errorMessage, errorMessageColor, }) => {
+    return (React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor || "red", labelPlacement: "after", labelSize: "sm" },
+        React.createElement(Box, { flex: "grow", maxWidth: 300, zIndex: "auto" },
+            mode === "datetime" && (React.createElement(DateTimePickerWeb, { disableClock: true, value: value, onChange: (newVal) => {
+                    if (isArray(newVal) || !newVal) {
+                        console.warn("DateTimePicker returned an array", newVal);
+                        return;
+                    }
+                    onChange(newVal);
+                } })),
+            mode === "date" && (React.createElement(DatePicker, { value: value, onChange: (newVal) => {
+                    if (isArray(newVal) || !newVal) {
+                        console.warn("DatePicker returned an array", newVal);
+                        return;
+                    }
+                    onChange(newVal);
+                } })),
+            mode === "time" && (React.createElement(TimePicker, { disableClock: true, value: value, onChange: (newVal) => {
+                    if (isArray(newVal) || !newVal) {
+                        console.warn("TimePicker returned an array", newVal);
+                        return;
+                    }
+                    // TimePicker returns a string or Date, so we need to make sure it's a Date
+                    const newDate = new Date(newVal);
+                    onChange(newDate);
+                } })))));
+};
+//# sourceMappingURL=DateTimeField.js.map

package/dist/DateTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeField.js","sourceRoot":"","sources":["../src/DateTimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,GACgB,EAAgB,EAAE;IACnD,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,iBAAiB,IAAI,KAAK,EACtC,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,IAAI;QAEd,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAC,MAAM;YAC1C,IAAI,KAAK,UAAU,IAAI,CACtB,oBAAC,iBAAiB,IAChB,YAAY,QACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;wBAC9B,OAAO,CAAC,IAAI,CAAC,kCAAkC,EAAE,MAAM,CAAC,CAAC;wBACzD,OAAO;qBACR;oBACD,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACnB,CAAC,GACD,CACH;YACA,IAAI,KAAK,MAAM,IAAI,CAClB,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;wBAC9B,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;wBACrD,OAAO;qBACR;oBACD,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACnB,CAAC,GACD,CACH;YACA,IAAI,KAAK,MAAM,IAAI,CAClB,oBAAC,UAAU,IACT,YAAY,QACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oBACnB,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;wBAC9B,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,MAAM,CAAC,CAAC;wBACrD,OAAO;qBACR;oBACD,2EAA2E;oBAC3E,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC;oBACjC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBACpB,CAAC,GACD,CACH,CACG,CACI,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/DecimalRangeActionSheet.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { OnChangeCallback } from "./Common";
+interface DecimalRangeActionSheetProps {
+    value: string;
+    min: number;
+    max: number;
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+}
+interface DecimalRangeActionSheetState {
+    whole: string;
+    decimal: string;
+}
+export declare class DecimalRangeActionSheet extends React.Component<DecimalRangeActionSheetProps, DecimalRangeActionSheetState> {
+    constructor(props: DecimalRangeActionSheetProps);
+    render(): React.JSX.Element;
+}
+export {};

package/dist/DecimalRangeActionSheet.js

@@ -0,0 +1,65 @@
+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 DecimalRangeActionSheet extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            whole: String(Math.floor(Number(props.value))),
+            decimal: String((Number(props.value) * 10) % 10),
+        };
+    }
+    render() {
+        return (React.createElement(ActionSheet, { ref: this.props.actionSheetRef, bounceOnOpen: true, gestureEnabled: true },
+            React.createElement(Box, { marginBottom: 8, paddingX: 4, width: "100%" },
+                React.createElement(Box, { alignItems: "end", display: "flex", width: "100%" },
+                    React.createElement(Box, { width: "33%" },
+                        React.createElement(Button, { color: "blue", size: "lg", text: "Close", type: "ghost", 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);
+                            } }))),
+                React.createElement(Box, { direction: "row", width: "100%" },
+                    React.createElement(Box, { width: "50%" },
+                        React.createElement(Picker, { itemStyle: {
+                                height: PICKER_HEIGHT,
+                            }, selectedValue: this.state.whole, style: {
+                                height: PICKER_HEIGHT,
+                                backgroundColor: "#FFFFFF",
+                            }, onValueChange: (whole) => {
+                                this.setState({ whole: String(whole) });
+                                this.props.onChange({
+                                    value: String(Number(whole) + Number(this.state.decimal) * 0.1),
+                                });
+                            } }, range(this.props.min, this.props.max + 1).map((n) => {
+                            // console.log("FIRST", String(n));
+                            return React.createElement(Picker.Item, { key: String(n), label: String(n), value: String(n) });
+                        }))),
+                    React.createElement(Box, { width: "50%" },
+                        React.createElement(Picker, { itemStyle: {
+                                height: PICKER_HEIGHT,
+                            }, selectedValue: this.state.decimal, style: {
+                                height: PICKER_HEIGHT,
+                                backgroundColor: "#FFFFFF",
+                            }, onValueChange: (decimal) => {
+                                // console.log(
+                                //   "DECIMAL",
+                                //   decimal,
+                                //   this.state.whole,
+                                //   Number(decimal.toString()) * 0.1,
+                                //   String(this.state.whole + Number(decimal) * 0.1)
+                                // );
+                                this.setState({ decimal: String(decimal) });
+                                this.props.onChange({
+                                    value: String(Number(this.state.whole) + Number(decimal) * 0.1),
+                                });
+                            } }, range(0, 10).map((n) => {
+                            // console.log("N", n);
+                            return React.createElement(Picker.Item, { key: String(n), label: `.${String(n)}`, value: String(n) });
+                        })))))));
+    }
+}
+//# sourceMappingURL=DecimalRangeActionSheet.js.map

package/dist/DecimalRangeActionSheet.js.map

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

package/dist/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { 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 | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}
+export {};

package/dist/ErrorBoundary.js

@@ -0,0 +1,29 @@
+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 React.createElement(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;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SAChD;IACH,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC/B,IAAI,KAAK,EAAE;YACT,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;SACjE;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}

package/dist/ErrorPage.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ErrorPageProps {
+    error: Error;
+    resetError: () => void;
+}
+export declare class ErrorPage extends React.Component<ErrorPageProps, {}> {
+    constructor(props: ErrorPageProps);
+    render(): React.JSX.Element;
+}
+export {};

package/dist/ErrorPage.js

@@ -0,0 +1,20 @@
+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 (React.createElement(Box, { alignItems: "center", direction: "column", display: "flex", height: "100%", justifyContent: "center", padding: 6, width: "100%" },
+            React.createElement(Text, { align: "center", color: "red", size: "lg", weight: "bold" }, "Oops!"),
+            React.createElement(Box, { paddingY: 3 },
+                React.createElement(Text, { align: "center" }, "There's an error. Sorry! Our team just got a notification about the error so they can fix it as soon as possible!")),
+            React.createElement(Box, { paddingY: 3 },
+                React.createElement(Text, null, this.props.error.toString())),
+            React.createElement(Button, { color: "blue", text: "Try again", onClick: this.props.resetError })));
+    }
+}
+//# 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;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAM5B,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,oBAAC,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;YAEZ,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,YAEjD;YACP,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,wHAGb,CACH;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,QAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAQ,CACtC;YACN,oBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAI,CACpE,CACP,CAAC;IACJ,CAAC;CACF"}

package/dist/FernsProvider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare function FernsProvider({ children }: {
+    children: React.ReactNode;
+}): React.ReactElement;

package/dist/FernsProvider.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Host } from "react-native-portalize";
+import { ToastProvider } from "react-native-toast-notifications";
+import { Toast } from "./Toast";
+export function FernsProvider({ children }) {
+    return (React.createElement(ToastProvider, { animationDuration: 250, animationType: "slide-in", duration: 50000, offset: 50, placement: "bottom", renderToast: (toastOptions) => React.createElement(Toast, Object.assign({}, toastOptions)), swipeEnabled: true },
+        React.createElement(Host, null, children)));
+}
+//# sourceMappingURL=FernsProvider.js.map

package/dist/FernsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FernsProvider.js","sourceRoot":"","sources":["../src/FernsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,UAAU,aAAa,CAAC,EAAC,QAAQ,EAA8B;IACnE,OAAO,CACL,oBAAC,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,oBAAC,KAAK,oBAAM,YAAoB,EAAI,EACnE,YAAY;QAEZ,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CACT,CACjB,CAAC;AACJ,CAAC"}

package/dist/Field.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { FieldWithLabelsProps } from "./Common";
+import { SelectListOptions } from "./SelectList";
+export interface FieldProps extends FieldWithLabelsProps {
+    name?: string;
+    label?: string;
+    height?: number;
+    type?: "address" | "boolean" | "currency" | "customSelect" | "date" | "datetime" | "email" | "multiselect" | "number" | "password" | "percent" | "phoneNumber" | "select" | "text" | "textarea" | "time" | "url";
+    rows?: number;
+    value?: any;
+    onChange?: any;
+    options?: SelectListOptions;
+    placeholder?: string;
+    disabled?: boolean;
+    useCheckbox?: boolean;
+}
+export declare const Field: ({ name, label, labelColor, height, type, rows, value, onChange, options, placeholder, disabled, errorMessage, errorMessageColor, helperText, helperTextColor, }: FieldProps) => React.JSX.Element;

package/dist/Field.js

@@ -0,0 +1,114 @@
+import React from "react";
+import { Box } from "./Box";
+import { CheckBox } from "./CheckBox";
+import { USSTATESLIST } from "./Constants";
+import { CustomSelect } from "./CustomSelect";
+import { FieldWithLabels } from "./FieldWithLabels";
+import { SelectList } from "./SelectList";
+import { Switch } from "./Switch";
+import { Text } from "./Text";
+import { TextArea } from "./TextArea";
+import { TextField } from "./TextField";
+export const Field = ({ name, label, labelColor, height, type, rows, value, onChange, options, placeholder, disabled, errorMessage, errorMessageColor, helperText, helperTextColor, }) => {
+    const handleAddressChange = (field, newValue) => {
+        onChange(Object.assign(Object.assign({}, value), { [field]: newValue }));
+    };
+    const handleSwitchChange = (switchValue) => {
+        onChange(switchValue);
+    };
+    const renderField = () => {
+        if (type === "select") {
+            if (!options) {
+                console.error("Field with type=select require options");
+                return undefined;
+            }
+            return (React.createElement(SelectList, { disabled: disabled, id: name, options: options, placeholder: placeholder, value: value, onChange: onChange }));
+        }
+        else if (type === "multiselect") {
+            if (options === undefined) {
+                console.error("Field with type=multiselect require options");
+                return undefined;
+            }
+            return (React.createElement(Box, { width: "100%" }, options.map((o) => (React.createElement(Box, { key: o.label + o.value, alignItems: "center", direction: "row", justifyContent: "between", width: "100%" },
+                React.createElement(Box, { flex: "shrink", marginRight: 2 },
+                    React.createElement(Text, { weight: "bold" }, o.label)),
+                React.createElement(Box, null,
+                    React.createElement(CheckBox, { key: o.label + o.value, checked: (value !== null && value !== void 0 ? value : []).includes(o.value), disabled: disabled, name: name, size: "sm", onChange: (result) => {
+                            let newValue;
+                            if (result.value) {
+                                if (value.includes(o.value)) {
+                                    console.warn(`Tried to add value that already exists: ${o.value}`);
+                                    return;
+                                }
+                                newValue = [...value, o.value];
+                            }
+                            else {
+                                newValue = value.filter((v) => v !== o.value);
+                            }
+                            onChange(newValue);
+                        } })))))));
+        }
+        else if (type === "textarea") {
+            return (React.createElement(TextArea, { disabled: disabled, height: height !== null && height !== void 0 ? height : 100, id: name, placeholder: Boolean(value) ? "" : placeholder, rows: rows, value: String(value), onChange: (result) => onChange(result.value) }));
+        }
+        else if (type === "boolean") {
+            return (React.createElement(Switch, { disabled: disabled, id: name, name: name, switched: Boolean(value), onChange: (result) => handleSwitchChange(result) }));
+        }
+        else if (type && ["date", "time", "datetime"].includes(type)) {
+            return (React.createElement(TextField, { disabled: disabled, id: name, placeholder: placeholder, type: type, value: value, onChange: (result) => onChange(result.value) }));
+        }
+        else if (type === "address") {
+            const addressValue = value ? value : {};
+            const { address1 = "", address2 = "", city = "", state = "", zipcode = "", } = addressValue;
+            return (React.createElement(React.Fragment, null,
+                React.createElement(TextField, { disabled: disabled, id: "address1", label: "Street Address", type: "text", value: address1, onChange: (result) => handleAddressChange("address1", result.value) }),
+                React.createElement(TextField, { disabled: disabled, id: "address2", label: "Apt, suite, etc", type: "text", value: address2, onChange: (result) => handleAddressChange("address2", result.value) }),
+                React.createElement(TextField, { disabled: disabled, id: "city", label: "City", type: "text", value: city, onChange: (result) => handleAddressChange("city", result.value) }),
+                React.createElement(SelectList, { disabled: disabled, id: "state", label: "State", options: USSTATESLIST, placeholder: "Select state", style: { borderRadius: 16 }, value: state, onChange: (result) => handleAddressChange("state", result) }),
+                React.createElement(TextField, { disabled: disabled, id: "zipcode", label: "Zipcode", type: "text", value: zipcode, onChange: (result) => handleAddressChange("zipcode", result.value) })));
+        }
+        else if (type === "customSelect") {
+            if (!options) {
+                console.error("Field with type=customSelect require options");
+                return null;
+            }
+            return (React.createElement(CustomSelect, { disabled: disabled, options: options, placeholder: placeholder, value: value, onChange: onChange }));
+        }
+        else {
+            let tfType = "text";
+            let tfValue = value;
+            // Number is supported differently because we need fractional numbers and they don't work
+            // well on iOS.
+            if (type &&
+                ["date", "time", "datetime", "email", "phoneNumber", "password", "url"].includes(type)) {
+                tfType = type;
+            }
+            else if (type === "percent" || type === "currency") {
+                tfType = "text";
+            }
+            let autoComplete = "on";
+            if (tfType === "password") {
+                autoComplete = "current-password";
+            }
+            else if (tfType === "email") {
+                autoComplete = "username";
+            }
+            if (type === "percent") {
+                tfValue = `${Number(value).toFixed(0)}%`;
+            }
+            else if (type === "currency") {
+                tfValue = `$${Number(value).toFixed(2)}`;
+            }
+            return (React.createElement(TextField, { autoComplete: autoComplete, disabled: disabled, id: name, placeholder: placeholder, type: tfType, value: tfValue, onChange: (result) => onChange(result.value) }));
+        }
+    };
+    const children = renderField();
+    return (React.createElement(Box, { marginBottom: 5 },
+        React.createElement(FieldWithLabels, { errorMessage,
+            errorMessageColor,
+            helperText,
+            helperTextColor,
+            label,
+            labelColor }, children)));
+};
+//# 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/FieldWithLabels.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { FieldWithLabelsProps } from "./Common";
+export declare const FieldWithLabels: ({ children, errorMessage, errorMessageColor, helperText, helperTextColor, label, labelColor, }: FieldWithLabelsProps) => React.JSX.Element;

package/dist/FieldWithLabels.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { WithLabel } from "./WithLabel";
+export const FieldWithLabels = ({ children, errorMessage, errorMessageColor = "red", helperText, helperTextColor = "darkGray", label, labelColor = "darkGray", }) => {
+    return (React.createElement(WithLabel, { label: helperText, labelColor: helperTextColor, labelPlacement: "after", labelSize: "sm", show: Boolean(helperText) },
+        React.createElement(WithLabel, { label: errorMessage, labelColor: errorMessageColor, labelPlacement: "after", labelSize: "md", show: Boolean(errorMessage) },
+            React.createElement(WithLabel, { label: label, labelColor: labelColor, show: Boolean(label) }, children))));
+};
+//# sourceMappingURL=FieldWithLabels.js.map

package/dist/FieldWithLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWithLabels.js","sourceRoot":"","sources":["../src/FieldWithLabels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,YAAY,EACZ,iBAAiB,GAAG,KAAK,EACzB,UAAU,EACV,eAAe,GAAG,UAAU,EAC5B,KAAK,EACL,UAAU,GAAG,UAAU,GACF,EAAE,EAAE;IACzB,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,eAAe,EAC3B,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,IAAI,EACd,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC;QAEzB,oBAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,iBAAiB,EAC7B,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,IAAI,EACd,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC;YAE3B,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,IAClE,QAAQ,CACC,CACF,CACF,CACb,CAAC;AACJ,CAAC,CAAC"}

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/Form.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface FormLineProps {
+    name: string;
+    value: any;
+    onSave: (value: any) => void;
+    kind: "boolean" | "string" | "textarea" | "select" | "multiboolean";
+    options?: string[];
+}
+interface FormLineState {
+    editing: boolean;
+    value: any;
+}
+export declare class FormLine extends React.Component<FormLineProps, FormLineState> {
+    constructor(props: FormLineProps);
+    renderMultiBoolean(): React.JSX.Element;
+    renderBooleanField(): React.JSX.Element;
+    renderTextField(): React.JSX.Element;
+    renderTextArea(): React.JSX.Element;
+    renderSelect(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/Form.js

@@ -0,0 +1,89 @@
+import React from "react";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { IconButton } from "./IconButton";
+import { SelectList } from "./SelectList";
+import { Switch } from "./Switch";
+import { Text } from "./Text";
+import { TextArea } from "./TextArea";
+import { TextField } from "./TextField";
+function objToJoinedString(obj) {
+    return Object.keys(obj || {})
+        .map((k) => (obj[k] ? k : undefined))
+        .filter((v) => v)
+        .join(", ");
+}
+export class FormLine extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { editing: false, value: "" };
+    }
+    renderMultiBoolean() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(Text, { weight: "bold" }, this.props.name)),
+            React.createElement(Box, { direction: "column", display: "flex" }, Object.keys(this.props.value).map((k) => (React.createElement(React.Fragment, null,
+                React.createElement(Text, { weight: "bold" }, k),
+                React.createElement(Switch, { id: k, switched: this.state.value[k], onChange: () => {
+                        this.setState({ value: Object.assign(Object.assign({}, this.state.value), { [k]: !this.state.value[k] }) });
+                    } })))))));
+    }
+    renderBooleanField() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(Text, { weight: "bold" }, this.props.name)),
+            React.createElement(Switch, { id: this.props.name, switched: this.state.value, onChange: () => this.setState({ value: !this.state.value }) })));
+    }
+    renderTextField() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(Text, { weight: "bold" }, this.props.name)),
+            React.createElement(TextField, { id: this.props.name, value: this.state.value, onChange: (result) => this.setState({ value: result.value }) })));
+    }
+    renderTextArea() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(Text, { weight: "bold" }, this.props.name)),
+            React.createElement(TextArea, { id: this.props.name, value: this.state.value, onChange: (result) => this.setState({ value: result.value }) }),
+            React.createElement(Button, { size: "sm", text: "Save", onClick: () => this.props.onSave(this.state.value) })));
+    }
+    renderSelect() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(Text, { weight: "bold" }, this.props.name)),
+            React.createElement(SelectList, { id: this.props.name, options: (this.props.options || []).map((o) => ({ label: o !== null && o !== void 0 ? o : "---", value: o })), value: this.state.value, onChange: (result) => {
+                    this.setState({ value: result });
+                } })));
+    }
+    render() {
+        if (!this.state.editing) {
+            let text = this.props.value;
+            if (text === undefined) {
+                text = " - ";
+            }
+            if (typeof text === "object") {
+                text = objToJoinedString(text);
+            }
+            return (React.createElement(Box, { direction: "row", display: "flex" },
+                React.createElement(IconButton, { accessibilityLabel: "edit", icon: "edit", iconColor: "darkGray", prefix: "far", size: "xs", onClick: () => this.setState({ editing: true, value: this.props.value }) }),
+                React.createElement(Box, { marginRight: 2 },
+                    React.createElement(Text, { weight: "bold" },
+                        this.props.name,
+                        ": ")),
+                React.createElement(Text, null, text)));
+        }
+        return (React.createElement(Box, { direction: "row", display: "flex" },
+            React.createElement(IconButton, { accessibilityLabel: "edit", icon: "times", iconColor: "darkGray", prefix: "far", size: "xs", onClick: () => this.setState({ editing: false }) }),
+            this.props.kind === "boolean" && this.renderBooleanField(),
+            this.props.kind === "multiboolean" && this.renderMultiBoolean(),
+            this.props.kind === "string" && this.renderTextField(),
+            this.props.kind === "textarea" && this.renderTextArea(),
+            this.props.kind === "select" && this.renderSelect(),
+            React.createElement(Box, { width: 60 },
+                React.createElement(Button, { color: "blue", size: "sm", text: "Save", onClick: () => {
+                        this.props.onSave(this.state.value);
+                        this.setState({ editing: false });
+                    } }))));
+    }
+}
+//# sourceMappingURL=Form.js.map

package/dist/Form.js.map

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

package/dist/HeaderButtons.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { BackButtonInterface, SearchButtonProps } from "./Common";
+interface HeaderButtonProps {
+    onClick: () => void;
+    text: string;
+}
+interface HeaderButtonState {
+}
+export declare class HeaderButton extends React.Component<HeaderButtonProps, HeaderButtonState> {
+    constructor(props: HeaderButtonProps);
+    render(): React.JSX.Element;
+}
+export declare class SearchButton extends React.Component<SearchButtonProps, {}> {
+    render(): React.JSX.Element;
+}
+export declare class BackButton extends React.Component<BackButtonInterface, {}> {
+    render(): React.JSX.Element;
+}
+export declare class FilterButton extends React.Component<SearchButtonProps, {}> {
+    render(): React.JSX.Element;
+}
+export declare class EditButton extends React.Component<SearchButtonProps, {}> {
+    render(): React.JSX.Element;
+}
+export declare class UseButton extends React.Component<SearchButtonProps, {}> {
+    render(): React.JSX.Element;
+}
+export declare class AddTabButton extends React.Component<SearchButtonProps, {}> {
+    render(): React.JSX.Element;
+}
+export {};