ferns-ui 0.2.0

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: "cancel", 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/Form.stories.d.ts

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

package/dist/Form.stories.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { Box } from "./Box";
+import { FormLine } from "./Form";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+export default {
+    title: "FormLine",
+    component: FormLine,
+};
+class Forms extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            name: "",
+            boolean: true,
+            textarea: "",
+            multiboolean: { one: true, two: true, three: true },
+            select: undefined,
+        };
+    }
+    render() {
+        return (React.createElement(StorybookContainer, null,
+            React.createElement(Box, { paddingY: 2 },
+                React.createElement(FormLine, { name: "name", value: this.state.name, onSave: (name) => this.setState({ name }), kind: "string" })),
+            React.createElement(Box, { paddingY: 2 },
+                React.createElement(FormLine, { name: "boolean", value: this.state.boolean, onSave: (boolean) => this.setState({ boolean }), kind: "boolean" })),
+            React.createElement(Box, { paddingY: 2 },
+                React.createElement(FormLine, { name: "textarea", value: this.state.textarea, onSave: (textarea) => this.setState({ textarea }), kind: "textarea" })),
+            React.createElement(Box, { paddingY: 2 },
+                React.createElement(FormLine, { name: "multiboolean", value: this.state.multiboolean, onSave: (multiboolean) => this.setState({ multiboolean }), kind: "multiboolean" })),
+            React.createElement(Box, { paddingY: 2 },
+                React.createElement(FormLine, { name: "select", value: this.state.select, onSave: (select) => this.setState({ select }), kind: "select", options: [undefined, "ay", "bee", "see"] }))));
+    }
+}
+storiesOf("Form", module).add("Forms", () => React.createElement(Forms, null));
+//# sourceMappingURL=Form.stories.js.map

package/dist/Form.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.stories.js","sourceRoot":"","sources":["../unifier/Form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAC;AAUF,MAAM,KAAM,SAAQ,KAAK,CAAC,SAAoB;IAC5C,YAAY,KAAU;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC;YACjD,MAAM,EAAE,SAAS;SAClB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,kBAAkB;YACjB,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,QAAQ,IACP,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACtB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAC,CAAC,EACvC,IAAI,EAAC,QAAQ,GACb,CACE;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,QAAQ,IACP,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EACzB,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAC,CAAC,EAC7C,IAAI,EAAC,SAAS,GACd,CACE;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,QAAQ,IACP,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC1B,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAC,CAAC,EAC/C,IAAI,EAAC,UAAU,GACf,CACE;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,QAAQ,IACP,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAC9B,MAAM,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,YAAY,EAAC,CAAC,EACvD,IAAI,EAAC,cAAc,GACnB,CACE;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAC,CAAC,EAC3C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,GACxC,CACE,CACa,CACtB,CAAC;IACJ,CAAC;CACF;AAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAC,KAAK,OAAG,CAAC,CAAC"}

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(): JSX.Element;
+}
+export declare class SearchButton extends React.Component<SearchButtonProps, {}> {
+    render(): JSX.Element;
+}
+export declare class BackButton extends React.Component<BackButtonInterface, {}> {
+    render(): JSX.Element;
+}
+export declare class FilterButton extends React.Component<SearchButtonProps, {}> {
+    render(): JSX.Element;
+}
+export declare class EditButton extends React.Component<SearchButtonProps, {}> {
+    render(): JSX.Element;
+}
+export declare class UseButton extends React.Component<SearchButtonProps, {}> {
+    render(): JSX.Element;
+}
+export declare class AddTabButton extends React.Component<SearchButtonProps, {}> {
+    render(): JSX.Element;
+}
+export {};

package/dist/HeaderButtons.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { IconButton } from "./IconButton";
+import { Text } from "./Text";
+import { Unifier } from "./Unifier";
+export class HeaderButton extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        return (React.createElement(Box, { marginRight: 2 },
+            React.createElement(Button, { color: "primary", text: this.props.text, type: "ghost", onClick: this.props.onClick })));
+    }
+}
+export class SearchButton extends React.Component {
+    render() {
+        return (React.createElement(Box, null,
+            React.createElement(IconButton, { accessibilityLabel: "search", icon: "search", iconColor: this.props.color || "white", prefix: "fas", onClick: this.props.onClick })));
+    }
+}
+export class BackButton extends React.Component {
+    render() {
+        return (React.createElement(Box, { alignItems: "center", justifyContent: "center", paddingX: 3, width: 50 },
+            React.createElement(IconButton, { accessibilityLabel: "", icon: "chevron-left", iconColor: "white", prefix: "fas", size: "md", onClick: () => this.props.onBack && this.props.onBack() })));
+    }
+}
+export class FilterButton extends React.Component {
+    render() {
+        return React.createElement(Button, { color: "white", text: "Filter", type: "ghost", onClick: this.props.onClick });
+    }
+}
+export class EditButton extends React.Component {
+    render() {
+        return (React.createElement(IconButton, { accessibilityLabel: "edit", icon: "pen", iconColor: this.props.color, prefix: "fas", onClick: this.props.onClick }));
+    }
+}
+export class UseButton extends React.Component {
+    render() {
+        return (React.createElement(Button, { text: "Use", onClick: () => {
+                Unifier.utils.haptic();
+                this.props.onClick();
+            } }));
+    }
+}
+export class AddTabButton extends React.Component {
+    render() {
+        return (React.createElement(Box, { color: "blue", height: 62, width: 62, onClick: this.props.onClick },
+            React.createElement(Text, { color: "darkGray" }, "Add")));
+    }
+}
+//# sourceMappingURL=HeaderButtons.js.map

package/dist/HeaderButtons.js.map

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

package/dist/HeaderButtons.stories.d.ts

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

package/dist/HeaderButtons.stories.js

@@ -0,0 +1,6 @@
+import { HeaderButton } from ".";
+export default {
+    title: "HeaderButtons",
+    component: HeaderButton,
+};
+//# sourceMappingURL=HeaderButtons.stories.js.map

package/dist/HeaderButtons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButtons.stories.js","sourceRoot":"","sources":["../unifier/HeaderButtons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,GAAG,CAAC;AAE/B,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,YAAY;CACxB,CAAC"}

package/dist/Heading.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { HeadingProps } from "./Common";
+export declare class Heading extends React.Component<HeadingProps, {}> {
+    fontSizes: {
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    propsToStyle(): any;
+    render(): JSX.Element;
+}

package/dist/Heading.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { Text as NativeText } from "react-native";
+import { Unifier } from "./Unifier";
+export class Heading extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.fontSizes = {
+            sm: 20,
+            md: 28,
+            lg: 36,
+        };
+    }
+    propsToStyle() {
+        const style = {};
+        // let font = this.props.font || "primary";
+        // if (this.props.bold) {
+        //   font += "Bold";
+        // }
+        style.fontFamily = Unifier.theme.primaryBoldFont;
+        style.fontSize = this.fontSizes[this.props.size || "md"];
+        if (this.props.align) {
+            style.textAlign = this.props.align;
+        }
+        if (this.props.color) {
+            style.color = Unifier.theme[this.props.color];
+        }
+        else {
+            style.color = Unifier.theme.darkGray;
+        }
+        // TODO: might be useful for wrapping/truncating
+        // if (this.props.numberOfLines !== 1 && !this.props.inline) {
+        //   style.flexWrap = "wrap";
+        // }
+        return style;
+    }
+    render() {
+        const lines = 0;
+        // if (this.props.numberOfLines) {
+        //   lines = this.props.numberOfLines;
+        // } else if (this.props.inline) {
+        //   lines = 1;
+        // }
+        return (React.createElement(NativeText, { numberOfLines: lines, style: this.propsToStyle() }, this.props.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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,IAAI,UAAU,EAAC,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAA2B;IAA9D;;QACE,cAAS,GAAG;YACV,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;SACP,CAAC;IAyCJ,CAAC;IAvCC,YAAY;QACV,MAAM,KAAK,GAAQ,EAAE,CAAC;QAEtB,2CAA2C;QAC3C,yBAAyB;QACzB,oBAAoB;QACpB,IAAI;QACJ,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC;QAEjD,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;QACzD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;SACpC;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SAC/C;aAAM;YACL,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;SACtC;QACD,gDAAgD;QAChD,8DAA8D;QAC9D,6BAA6B;QAC7B,IAAI;QAEJ,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,CAAC,CAAC;QAChB,kCAAkC;QAClC,sCAAsC;QACtC,kCAAkC;QAClC,eAAe;QACf,IAAI;QACJ,OAAO,CACL,oBAAC,UAAU,IAAC,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IACzD,IAAI,CAAC,KAAK,CAAC,QAAQ,CACT,CACd,CAAC;IACJ,CAAC;CACF"}

package/dist/Heading.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Heading.stories.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { Box } from "./Box";
+import { Heading } from "./Heading";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+function renderText(text, props) {
+    return (React.createElement(Box, { width: "100%", paddingY: 1 },
+        React.createElement(Heading, Object.assign({}, props), text)));
+}
+storiesOf("Headings", module).add("Headings", () => (React.createElement(StorybookContainer, null,
+    renderText("Default Heading - h1", {}),
+    renderText("medium - h2", { size: "md" }),
+    renderText("small - h3", { size: "sm" }),
+    renderText("gray", { color: "gray" }),
+    renderText("lightGray", { color: "lightGray" }),
+    renderText("primary", { color: "primary" }),
+    renderText("secondary", { color: "secondary" }),
+    renderText("tertiary", { color: "tertiary" }),
+    renderText("accent", { color: "accent" }),
+    renderText("red", { color: "red" }),
+    renderText("center", { align: "center" }))));
+//# sourceMappingURL=Heading.stories.js.map

package/dist/Heading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../unifier/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,SAAS,UAAU,CAAC,IAAY,EAAE,KAA4B;IAC5D,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC;QAC3B,oBAAC,OAAO,oBAAK,KAAK,GAAG,IAAI,CAAW,CAChC,CACP,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CAClD,oBAAC,kBAAkB;IAChB,UAAU,CAAC,sBAAsB,EAAE,EAAE,CAAC;IACtC,UAAU,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC;IACvC,UAAU,CAAC,YAAY,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC;IACtC,UAAU,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC;IACnC,UAAU,CAAC,WAAW,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC;IAC7C,UAAU,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC;IACzC,UAAU,CAAC,WAAW,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC;IAC7C,UAAU,CAAC,UAAU,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC,CAAC;IAC3C,UAAU,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC;IACvC,UAAU,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC;IACjC,UAAU,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC,CACrB,CACtB,CAAC,CAAC"}

package/dist/HeightActionSheet.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { OnChangeCallback } from "./Common";
+interface HeightActionSheetProps {
+    value?: string;
+    onChange: OnChangeCallback;
+    actionSheetRef: React.RefObject<any>;
+}
+interface HeightActionSheetState {
+    feet: string;
+    inches: string;
+}
+export declare class HeightActionSheet extends React.Component<HeightActionSheetProps, HeightActionSheetState> {
+    constructor(props: HeightActionSheetProps);
+    render(): JSX.Element;
+}
+export {};

package/dist/HeightActionSheet.js

@@ -0,0 +1,58 @@
+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 (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.feet, style: {
+                                height: PICKER_HEIGHT,
+                                backgroundColor: "#FFFFFF",
+                            }, onValueChange: (feet) => {
+                                this.setState({ feet: String(feet) });
+                                this.props.onChange({
+                                    value: String(Number(feet) * 12 + Number(this.state.inches)),
+                                });
+                            } }, range(4, 8).map((n) => {
+                            // console.log("FIRST", String(n));
+                            return React.createElement(Picker.Item, { key: String(n), label: `${String(n)}ft`, value: String(n) });
+                        }))),
+                    React.createElement(Box, { width: "50%" },
+                        React.createElement(Picker, { itemStyle: {
+                                height: PICKER_HEIGHT,
+                            }, selectedValue: this.state.inches, style: {
+                                height: PICKER_HEIGHT,
+                                backgroundColor: "#FFFFFF",
+                            }, onValueChange: (inches) => {
+                                this.setState({ inches: String(inches) });
+                                this.props.onChange({
+                                    value: String(Number(this.state.feet) * 12 + Number(inches)),
+                                });
+                            } }, range(0, 12).map((n) => {
+                            // console.log("N", n);
+                            return React.createElement(Picker.Item, { key: String(n), label: `${String(n)}in`, value: String(n) });
+                        })))))));
+    }
+}
+//# sourceMappingURL=HeightActionSheet.js.map

package/dist/HeightActionSheet.js.map

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

package/dist/Icon.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IconProps } from "./Common";
+export declare function initIcons(): void;
+export declare class Icon extends React.Component<IconProps, {}> {
+    render(): JSX.Element;
+}
+export declare class IconExpo extends React.Component<IconProps, {}> {
+    render(): JSX.Element;
+}

package/dist/Icon.js

@@ -0,0 +1,125 @@
+import { FontAwesome } from "@expo/vector-icons";
+import React from "react";
+import { iconNumberToSize, iconSizeToNumber } from "./Common";
+// import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+// // import {library} from "@fortawesome/fontawesome-svg-core";
+// import {library} from "@fortawesome/fontawesome-svg-core";
+// // import {fal as proFal} from "@fortawesome/pro-light-svg-icons";
+// import {
+//   faHeart as farHeart,
+//   // faPlus as farPlus,
+//   faEdit as farEdit,
+//   faNewspaper as farNewspaper,
+// } from "@fortawesome/free-regular-svg-icons";
+// import {
+//   faChevronLeft,
+//   faEnvelopeOpen,
+//   faCarrot,
+//   faComment,
+//   faUserCircle,
+//   faSearch,
+//   faChevronRight,
+//   faEllipsisV,
+//   faPaperPlane,
+//   faExclamationCircle,
+//   faMailBulk,
+//   faTrashAlt,
+//   faTrashRestoreAlt,
+//   faEnvelope,
+//   faSpinner,
+// } from "@fortawesome/free-solid-svg-icons";
+import { Unifier } from "./Unifier";
+// library.add(
+//   farHeart,
+//   // farPlus,
+//   farEdit,
+//   farNewspaper,
+//   faChevronLeft,
+//   faCarrot,
+//   faComment,
+//   faUserCircle,
+//   faEnvelopeOpen,
+//   faSearch,
+//   faChevronRight,
+//   faEllipsisV,
+//   faPaperPlane,
+//   faExclamationCircle,
+//   faMailBulk,
+//   faTrashAlt,
+//   faTrashRestoreAlt,
+//   faEnvelope,
+//   faSpinner
+// );
+export function initIcons() {
+    console.debug("Initializing icons");
+}
+const iconSet = new Set();
+function addIcon(icon, prefix = "far") {
+    const prev = new Set(iconSet);
+    iconSet.add(`${prefix}-${icon}`);
+    if (prev.size !== iconSet.size &&
+        (!process.env.NODE_ENV || process.env.NODE_ENV === "development")) {
+        console.debug("[Icon] current icon set:", iconSet);
+    }
+}
+export class Icon extends React.Component {
+    render() {
+        addIcon(this.props.name, this.props.prefix);
+        const color = Unifier.theme[this.props.color || "primary"];
+        let size = iconNumberToSize(this.props.size);
+        if (size === "xl") {
+            size = "2x";
+        }
+        else if (size === "md") {
+            size = "1x";
+        }
+        return React.createElement(FontAwesome, { color: color, icon: this.props.name, size: size });
+    }
+}
+export class IconExpo extends React.Component {
+    render() {
+        const color = Unifier.theme[this.props.color || "primary"];
+        // Standardize the size (pretty hacky..)
+        const size = iconSizeToNumber(iconNumberToSize(this.props.size));
+        return (React.createElement(FontAwesome, { color: color, icon: [this.props.prefix || "far", this.props.name], size: size }));
+        // const {name, prefix} = this.props;
+        // const color = Unifier.theme[this.props.color || "primary"];
+        // const size = this.props.size;
+        // const map = {
+        //   fapro: FAPro,
+        //   fas: FAIcon,
+        //   fa: FAIcon,
+        //   fal: FAIcon,
+        //   "fa-brand": FAIcon,
+        //   ant: AntDesignIcon,
+        //   entypo: EntypoIcon,
+        //   evil: EvilIcons,
+        //   material: MaterialIcons,
+        //   "material-community": MaterialCommunityIcons,
+        //   ionicon: Ionicons,
+        //   octicon: Octicons,
+        //   zocial: Zocial,
+        //   "simple-line": SimpleLineIcons,
+        //   feather: Feather,
+        // };
+        // const Component: any = map[prefix];
+        // if (!Component) {
+        //   console.warn(`[icons] could not find icon: ${prefix}:${name}`);
+        //   return null;
+        // }
+        // if (["fapro", "fal", "fa", "fas", "fa-brand"].indexOf(this.props.prefix) > -1) {
+        //   return (
+        //     <Component
+        //       solid={this.props.prefix === "fas"}
+        //       light={this.props.prefix === "fal"}
+        //       brand={this.props.prefix === "fa-brand"}
+        //       name={name}
+        //       color={color}
+        //       size={size}
+        //     />
+        //   );
+        // }
+        // return <Component name={name} color={color} size={size} />;
+    }
+}
+//# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

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

package/dist/Icon.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Icon.stories.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { Box } from "./Box";
+import { Icon, IconExpo } from "./Icon";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+storiesOf("Icon", module)
+    .add("Solid Icons", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "row", justifyContent: "between" },
+        React.createElement(IconExpo, { prefix: "fas", name: "heart" }),
+        React.createElement(Icon, { prefix: "fas", name: "plus" }),
+        React.createElement(Icon, { prefix: "fas", name: "edit" })))))
+    .add("Regular Icons", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "row", justifyContent: "between" },
+        React.createElement(Icon, { prefix: "far", name: "heart" }),
+        React.createElement(Icon, { prefix: "far", name: "plus" }),
+        React.createElement(Icon, { prefix: "far", name: "edit" }),
+        React.createElement(Icon, { prefix: "far", name: "heart" })))))
+    .add("Icon Sizes", () => (React.createElement(StorybookContainer, null,
+    React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "row", justifyContent: "between" },
+        React.createElement(Icon, { prefix: "fas", name: "heart", size: 8 }),
+        React.createElement(Icon, { prefix: "far", name: "heart", size: 8 }),
+        React.createElement(Icon, { prefix: "fas", name: "heart", size: 12 }),
+        React.createElement(Icon, { prefix: "far", name: "heart", size: 12 }),
+        React.createElement(Icon, { prefix: "fas", name: "heart", size: 15 }),
+        React.createElement(Icon, { prefix: "far", name: "heart", size: 15 }),
+        React.createElement(Icon, { prefix: "fas", name: "heart", size: 22 }),
+        React.createElement(Icon, { prefix: "far", name: "heart", size: 22 }),
+        React.createElement(Icon, { prefix: "fas", name: "heart", size: 28 }),
+        React.createElement(Icon, { prefix: "far", name: "heart", size: 28 })))));
+//# sourceMappingURL=Icon.stories.js.map

package/dist/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../unifier/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AAExD,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;KACtB,GAAG,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,CACxB,oBAAC,kBAAkB;IACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,SAAS;QACrF,oBAAC,QAAQ,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,GAAG;QACtC,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAG;QACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAG,CAC7B,CACa,CACtB,CAAC;KACD,GAAG,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,CAC1B,oBAAC,kBAAkB;IACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,SAAS;QACrF,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,GAAG;QAClC,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAG;QACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,GAAG;QACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,GAAG,CAC9B,CACa,CACtB,CAAC;KACD,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CACvB,oBAAC,kBAAkB;IACjB,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,SAAS;QACrF,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC,GAAI;QAC3C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,CAAC,GAAI;QAE3C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI;QAC5C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI;QAE5C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI;QAC5C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI;QAE5C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI;QAC5C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI;QAE5C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI;QAC5C,oBAAC,IAAI,IAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,CACxC,CACa,CACtB,CAAC,CAAC"}