ferns-ui 0.2.0

package/dist/Common.js

@@ -0,0 +1,46 @@
+export const SPACING = 4;
+export const iconSizeToNumber = (size) => {
+    return {
+        xs: 8,
+        sm: 12,
+        md: 14,
+        lg: 20,
+        xl: 26,
+    }[size || "md"];
+};
+export const iconNumberToSize = (size = 16) => {
+    let iconSize;
+    if (size < 8) {
+        iconSize = "xs";
+    }
+    else if (size < 12) {
+        iconSize = "sm";
+    }
+    else if (size < 14) {
+        iconSize = "md";
+    }
+    else if (size < 20) {
+        iconSize = "lg";
+    }
+    else {
+        iconSize = "xl";
+    }
+    return iconSize;
+};
+export function getSectionColor(section) {
+    return ({
+        Breakfast: "orchid",
+        Lunch: "blue",
+        Dinner: "orange",
+        Snack: "red",
+        "Second Snack": "red",
+        Workout: "pine",
+        workouts: "pine",
+    }[section] || "blue");
+}
+export function isTestUser(profile) {
+    return (profile &&
+        profile.email &&
+        (profile.email.indexOf("nang.io") > -1 || profile.email.indexOf("example.com") > -1));
+}
+//# sourceMappingURL=Common.js.map

package/dist/Common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAiVA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAkBzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAY,EAAE;IACtD,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM;QACL,QAAQ,GAAG,IAAI,CAAC;KACjB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,OAAgE;IAC9F,OAAO,CAAC;QACN,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACjB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAU,CAAC;AACjC,CAAC;AAk7BD,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,OAAO,CACL,OAAO;QACP,OAAO,CAAC,KAAK;QACb,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CACrF,CAAC;AACJ,CAAC"}

package/dist/DateTimeActionSheet.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { OnChangeCallback } from "./Common";
+interface DateTimeActionSheetProps {
+    value?: string;
+    mode?: "date" | "time";
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+}
+interface DateTimeActionSheetState {
+}
+export declare class DateTimeActionSheet extends React.Component<DateTimeActionSheetProps, DateTimeActionSheetState> {
+    constructor(props: DateTimeActionSheetProps);
+    render(): JSX.Element;
+}
+export {};

package/dist/DateTimeActionSheet.js

@@ -0,0 +1,28 @@
+import DateTimePicker from "@react-native-community/datetimepicker";
+import moment from "moment-timezone";
+import React from "react";
+import { ActionSheet } from "./ActionSheet";
+import { Box } from "./Box";
+import { Button } from "./Button";
+export class DateTimeActionSheet extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    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: "Save", 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(DateTimePicker, { display: "spinner", is24Hour: true, mode: this.props.mode, testID: "dateTimePicker", value: moment(this.props.value).toDate(), onChange: (event, date) => {
+                        if (!date) {
+                            return;
+                        }
+                        this.props.onChange({ event, value: date.toString() });
+                    } }))));
+    }
+}
+//# sourceMappingURL=DateTimeActionSheet.js.map

package/dist/DateTimeActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeActionSheet.js","sourceRoot":"","sources":["../src/DateTimeActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,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;AAYhC,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,SAG9C;IACC,YAAY,KAA+B;QACzC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,QAAC,cAAc;YACtE,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;gBAC7C,oBAAC,GAAG,IAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM;oBAC/C,oBAAC,GAAG,IAAC,KAAK,EAAC,KAAK;wBACd,oBAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;;gCACZ,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,0CAAE,OAAO,0CAAE,eAAe,CAAC,KAAK,CAAC,CAAC;4BAC7D,CAAC,GACD,CACE,CACF;gBACN,oBAAC,cAAc,IACb,OAAO,EAAC,SAAS,EACjB,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,EACxC,QAAQ,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;wBAClC,IAAI,CAAC,IAAI,EAAE;4BACT,OAAO;yBACR;wBACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAC,CAAC,CAAC;oBACvD,CAAC,GACD,CACE,CACM,CACf,CAAC;IACJ,CAAC;CACF"}

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(): 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(): React.ReactNode;
+}
+export {};

package/dist/ErrorBoundary.js

@@ -0,0 +1,31 @@
+import * as Sentry from "@sentry/react-native";
+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);
+        Sentry.captureException(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,MAAM,sBAAsB,CAAC;AAC/C,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;QAgB3B,eAAU,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,CAAC;QACpC,CAAC,CAAC;IASJ,CAAC;IAzBC,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;QACpD,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAE/B,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(): 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! Josh just got a notification about the error so he 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,kHAGb,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/Field.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { FieldProps } from "./Common";
+interface State {
+    value: any;
+}
+export declare class Field extends React.Component<FieldProps, State> {
+    constructor(props: FieldProps);
+    UNSAFE_componentWillReceiveProps(nextProps: FieldProps): void;
+    handleChange: (value: string) => void;
+    handleSwitchChange: (value: boolean) => void;
+    validate: () => boolean;
+    renderField(): JSX.Element | null;
+    render(): JSX.Element;
+}
+export {};

package/dist/Field.js

@@ -0,0 +1,136 @@
+import isDate from "lodash/isDate";
+import isNumber from "lodash/isNumber";
+import moment from "moment-timezone";
+import React from "react";
+import { Box } from "./Box";
+import { FieldWithLabels } from "./FieldWithLabels";
+import { SelectList } from "./SelectList";
+import { Switch } from "./Switch";
+import { TextArea } from "./TextArea";
+import { TextField } from "./TextField";
+export class Field extends React.Component {
+    constructor(props) {
+        super(props);
+        this.handleChange = (value) => {
+            if (this.props.type === "currency") {
+                value = value.replace("$", "");
+            }
+            else if (this.props.type === "percent") {
+                value = value.replace("%", "");
+            }
+            this.setState({ value });
+            if (this.props.handleChange) {
+                this.props.handleChange(this.props.name, value);
+            }
+        };
+        this.handleSwitchChange = (value) => {
+            this.setState({ value });
+            if (this.props.handleChange) {
+                this.props.handleChange(this.props.name, value);
+            }
+        };
+        this.validate = () => {
+            // console.log("VALIDATE", this.props.validate && this.props.validate(this.state.value));
+            if (this.props.validate && !this.props.validate(this.state.value)) {
+                return false;
+            }
+            switch (this.props.type) {
+                case "boolean":
+                    return true;
+                case "currency":
+                    return true;
+                case "date":
+                    return !this.state.value || isDate(this.state.value);
+                case "email":
+                    return (!this.state.value ||
+                        (this.state.value.search("@") > -1 && this.state.value.search(".") > -1));
+                case "number":
+                    return !this.state.value || isNumber(this.state.value);
+                case "password":
+                    return true;
+                case "percent":
+                    return !this.state.value || isNumber(this.state.value.replace("%", ""));
+                case "select":
+                    return true;
+                case "text":
+                case undefined: // text is default
+                    return true;
+                case "textarea":
+                    return true;
+                case "url":
+                    return true;
+                default:
+                    return true;
+            }
+        };
+        this.state = { value: props.initialValue || "" };
+    }
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        if (nextProps.initialValue !== this.state.value) {
+            this.setState({ value: nextProps.initialValue });
+        }
+    }
+    renderField() {
+        if (this.props.type === "select") {
+            if (!this.props.options) {
+                console.error("Field with type=select require options");
+                return null;
+            }
+            return (React.createElement(SelectList, { disabled: this.props.disabled, id: this.props.name, options: this.props.options, value: this.state.value, onChange: this.handleChange }));
+        }
+        else if (this.props.type === "textarea") {
+            return (React.createElement(TextArea, { disabled: this.props.disabled, id: this.props.name, placeholder: this.props.placeholder, rows: this.props.rows, value: String(this.state.value), onChange: ({ value }) => this.handleChange(value) }));
+        }
+        else if (this.props.type === "boolean") {
+            return (React.createElement(Switch, { disabled: this.props.disabled, id: this.props.name, name: this.props.name, switched: Boolean(this.state.value), onChange: (result) => this.handleSwitchChange(result) }));
+        }
+        else if (this.props.type === "date") {
+            const value = this.state.value.seconds
+                ? moment(this.state.value.seconds * 1000)
+                : moment(this.state.value);
+            return (React.createElement(TextField, { disabled: true, id: this.props.name, placeholder: this.props.placeholder, type: "text", 
+                // TODO: allow editing with a date picker
+                value: value.format("MM/DD/YYYY HH:mmA"), onChange: (result) => this.handleChange(result.value) }));
+        }
+        else {
+            let type = "text";
+            // Number is supported differently because we need fractional numbers and they don't work
+            // well on iOS.
+            if (this.props.type && ["date", "email", "password", "url"].indexOf(this.props.type) > -1) {
+                type = this.props.type;
+            }
+            else if (this.props.type === "percent" || this.props.type === "currency") {
+                type = "text";
+            }
+            let autoComplete = "on";
+            if (type === "password") {
+                autoComplete = "current-password";
+            }
+            else if (type === "email") {
+                autoComplete = "username";
+            }
+            const value = String(this.state.value);
+            // if (this.props.type === "percent") {
+            //   value = `${Number(this.state.value).toFixed(0)}%`;
+            // } else if (this.props.type === "currency") {
+            //   value = `$${Number(value).toFixed(2)}`;
+            // }
+            // console.log("VAL", value);
+            return (React.createElement(TextField, { autoComplete: autoComplete, disabled: this.props.disabled, id: this.props.name, placeholder: this.props.placeholder, type: type, value: value, onChange: (result) => this.handleChange(result.value) }));
+        }
+    }
+    render() {
+        const children = this.renderField();
+        const { errorMessage, errorMessageColor, helperText, helperTextColor, label, labelColor } = this.props;
+        return (React.createElement(Box, { marginBottom: 5 },
+            React.createElement(FieldWithLabels, Object.assign({}, {
+                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/Field.stories.d.ts

@@ -0,0 +1,6 @@
+import { Field } from "./Field";
+declare const _default: {
+    title: string;
+    component: typeof Field;
+};
+export default _default;

package/dist/Field.stories.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { Field } from "./Field";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+export default {
+    title: "Field",
+    component: Field,
+};
+storiesOf("Field", module)
+    .add("TextField", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Text Field", type: "text", name: "text", helperText: "Here's some help text", initialValue: "Pre-filled text", handleChange: () => { } }),
+    React.createElement(Field, { label: "Disabled Field", type: "text", name: "text", disabled: true, helperText: "Here's some help text", initialValue: "Pre-filled text", handleChange: () => { } }))))
+    .add("Boolean Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Boolean Field", type: "boolean", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
+    .add("Email Text Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Email Field", type: "email", name: "text", helperText: "Here's some help text", handleChange: () => { } }),
+    React.createElement(Field, { label: "Email Field With Extra Validation", type: "email", name: "text", helperText: "Requires @example.com", handleChange: () => { }, validate: (value) => value.search("@example.com") > -1, validateErrorMessage: "Must be an example.com email" }))))
+    .add("Text Area Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "TextArea Field", type: "textarea", name: "text", helperText: "Here's some help text", handleChange: () => { } }),
+    React.createElement(Field, { label: "Large TextArea ", type: "textarea", name: "text", rows: 10, helperText: "Here's some help text", handleChange: () => { } }))))
+    .add("Number Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Number Field", type: "number", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
+    .add("Currency Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Currency Field", type: "currency", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
+    .add("Percent Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Percent Field", type: "percent", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
+    .add("Select Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Select Field", type: "select", name: "text", helperText: "Here's some help text", handleChange: () => { }, options: [
+            { label: "Option 1", value: "Option 1" },
+            { label: "Option 2", value: "Option 2" },
+        ] }))))
+    .add("Password Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Password Field", type: "password", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
+    .add("URL Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Url Field", type: "url", name: "text", helperText: "Here's some help text", handleChange: () => { } }))))
+    .add("Date Field", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Field, { label: "Date Field", type: "date", name: "text", helperText: "Here's some help text", handleChange: () => { } }))));
+//# sourceMappingURL=Field.stories.js.map

package/dist/Field.stories.js.map

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

package/dist/FieldWithLabels.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FieldWithLabelsProps } from "./Common";
+export declare const FieldWithLabels: ({ children, errorMessage, errorMessageColor, helperText, helperTextColor, label, labelColor, }: FieldWithLabelsProps) => 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 | undefined)[];
+}
+interface FormLineState {
+    editing: boolean;
+    value: any;
+}
+export declare class FormLine extends React.Component<FormLineProps, FormLineState> {
+    constructor(props: FormLineProps);
+    renderMultiBoolean(): JSX.Element;
+    renderBooleanField(): JSX.Element;
+    renderTextField(): JSX.Element;
+    renderTextArea(): JSX.Element;
+    renderSelect(): JSX.Element;
+    render(): JSX.Element;
+}
+export {};