ferns-ui 0.2.0

package/dist/Button.js

@@ -0,0 +1,103 @@
+import debounce from "lodash/debounce";
+import React from "react";
+import { ActivityIndicator, TouchableOpacity } from "react-native";
+import { Box } from "./Box";
+import { iconSizeToNumber } from "./Common";
+import { Icon } from "./Icon";
+// import {Icon} from "./Icon";
+import { Text } from "./Text";
+import { Unifier } from "./Unifier";
+const buttonTextColor = {
+    blue: "white",
+    lightGray: "darkGray",
+    red: "white",
+    transparent: "white",
+    white: "darkGray",
+    primary: "white",
+    secondary: "white",
+    accent: "white",
+    tertiary: "white",
+    facebook: "white",
+    twitter: "white",
+    google: "white",
+};
+export class Button extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { loading: false };
+        this.HEIGHTS = {
+            sm: 36,
+            md: 40,
+            lg: 48,
+        };
+    }
+    getBackgroundColor(color) {
+        if (this.props.type === "ghost" || this.props.type === "outline") {
+            return "transparent";
+        }
+        else {
+            return Unifier.theme[color];
+        }
+    }
+    getTextColor(color) {
+        if (this.props.type === "ghost" || this.props.type === "outline") {
+            return color;
+        }
+        else if (color === undefined) {
+            return "darkGray";
+        }
+        else {
+            return buttonTextColor[color] || "white";
+        }
+    }
+    getBorderColor(color) {
+        if (this.props.type === "outline") {
+            return Unifier.theme[this.getTextColor(color)];
+        }
+        else {
+            return "transparent";
+        }
+    }
+    render() {
+        let color = this.props.color || "lightGray";
+        if (color === "gray") {
+            color = "lightGray";
+        }
+        return (React.createElement(TouchableOpacity, { disabled: this.props.disabled || this.props.loading, style: {
+                alignSelf: this.props.inline === true ? undefined : "stretch",
+                height: this.HEIGHTS[this.props.size || "md"],
+                backgroundColor: this.getBackgroundColor(color),
+                // width: this.props.inline === true ? undefined : "100%",
+                flexShrink: this.props.inline ? 1 : 0,
+                // flexGrow: this.props.inline ? 0 : 1,
+                alignItems: "center",
+                justifyContent: "center",
+                borderRadius: 5,
+                borderColor: this.getBorderColor(color),
+                borderWidth: this.props.type === "outline" ? 2 : 0,
+                opacity: this.props.disabled ? 0.4 : 1,
+                flexDirection: "row",
+                paddingHorizontal: 4 * 2,
+            }, onPress: debounce(async () => {
+                Unifier.utils.haptic();
+                this.setState({ loading: true });
+                try {
+                    if (this.props.onClick) {
+                        await this.props.onClick();
+                    }
+                }
+                catch (e) {
+                    this.setState({ loading: false });
+                    throw e;
+                }
+                this.setState({ loading: false });
+            }, 500, { leading: true }) },
+            this.props.icon !== undefined && (React.createElement(Box, { paddingX: 2 },
+                React.createElement(Icon, { color: this.getTextColor(this.props.color), name: this.props.icon, prefix: this.props.iconPrefix || "far", size: iconSizeToNumber(this.props.size) }))),
+            Boolean(this.props.children) && this.props.children,
+            Boolean(this.props.text) && (React.createElement(Text, { color: this.getTextColor(color), inline: this.props.inline, size: this.props.size, skipLinking: true, weight: "bold" }, this.props.text)),
+            (this.state.loading || this.props.loading) && (React.createElement(Box, { marginLeft: 2 },
+                React.createElement(ActivityIndicator, { color: this.getTextColor(color), size: "small" })))));
+    }
+}
+//# sourceMappingURL=Button.js.map

package/dist/Button.js.map

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

package/dist/Button.stories.d.ts

@@ -0,0 +1 @@
+export declare const Primary: any;

package/dist/Button.stories.js

@@ -0,0 +1,41 @@
+import { action } from "@storybook/addon-actions";
+import React from "react";
+import { Button } from "./Button";
+import { storiesOf } from "@storybook/react-native";
+import { Box } from "./Box";
+import { StorybookContainer } from "./StorybookContainer";
+function allColorButtons(props) {
+    return (React.createElement(StorybookContainer, null,
+        React.createElement(Box, { paddingY: 1 },
+            React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Default" }, props))),
+        React.createElement(Box, { paddingY: 1 },
+            React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Primary", color: "primary" }, props))),
+        React.createElement(Box, { paddingY: 1 },
+            React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Secondary", color: "secondary" }, props))),
+        React.createElement(Box, { paddingY: 1 },
+            React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Tertiary", color: "tertiary" }, props))),
+        React.createElement(Box, { paddingY: 1 },
+            React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Accent", color: "accent" }, props))),
+        React.createElement(Box, { paddingY: 1 },
+            React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Red", color: "red" }, props))),
+        React.createElement(Box, { paddingY: 1 },
+            React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Dark Gray", color: "darkGray" }, props))),
+        React.createElement(Box, { paddingY: 1 },
+            React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Gray", color: "gray" }, props)))));
+}
+storiesOf("Button", module)
+    .add("Colors", () => allColorButtons({}))
+    .add("Loading", () => allColorButtons({ loading: true }))
+    .add("Ghost", () => allColorButtons({ type: "ghost" }))
+    .add("Outline", () => allColorButtons({ type: "outline" }));
+const Template = (args) => React.createElement(Button, Object.assign({ onClick: action("clicked"), text: "Button" }, args));
+export const Primary = Template.bind({});
+Primary.args = {
+    size: "md",
+    color: "primary",
+    text: "PRIMARY",
+    type: "solid",
+    inline: false,
+    disabled: false,
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/Button.stories.js.map

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

package/dist/Card.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { BoxProps } from "./Common";
+export declare class Card extends React.Component<BoxProps, {}> {
+    render(): JSX.Element;
+}

package/dist/Card.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { Box } from "./Box";
+export class Card extends React.Component {
+    render() {
+        return (React.createElement(Box, Object.assign({ color: this.props.color || "white", direction: "column", display: "flex", padding: this.props.padding || 4, rounding: 3, shadow: true, width: this.props.width }, this.props), this.props.children));
+    }
+}
+//# sourceMappingURL=Card.js.map

package/dist/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAG1B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAuB;IACrD,MAAM;QACJ,OAAO,CACL,oBAAC,GAAG,kBACF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO,EAClC,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,EAChC,QAAQ,EAAE,CAAC,EACX,MAAM,QACN,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACnB,IAAI,CAAC,KAAK,GAEb,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;CACF"}

package/dist/Card.stories.d.ts

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

package/dist/Card.stories.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Box } from "./Box";
+import { Card } from "./Card";
+import { storiesOf } from "@storybook/react-native";
+export default {
+    title: "Card",
+    component: Card,
+};
+storiesOf("Card", module).add("Plain", () => (React.createElement(Box, { width: "100%", height: "100%", display: "flex", direction: "column", color: "lightGray", padding: 12 },
+    React.createElement(Card, null,
+        React.createElement(Box, { display: "flex", direction: "row", alignItems: "center" },
+            React.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center", width: 50, height: 50, rounding: "circle", color: "blue", marginRight: 2 },
+                React.createElement("h2", null, "JG")),
+            React.createElement(Box, { paddingX: 2, direction: "column" },
+                React.createElement("div", null,
+                    React.createElement("b", null, "Josh Gachnang")),
+                React.createElement("div", null, "joined 2 years ago")))))));
+//# sourceMappingURL=Card.stories.js.map

package/dist/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../unifier/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAElD,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAC3C,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,EAAE;IAC7F,oBAAC,IAAI;QACH,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ;YACrD,oBAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAE,CAAC;gBAEd,qCAAW,CACP;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ;gBAClC;oBACE,+CAAoB,CAChB;gBACN,sDAA6B,CACzB,CACF,CACD,CACH,CACP,CAAC,CAAC"}

package/dist/CheckBox.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { CheckBoxProps } from "./Common";
+export declare class CheckBox extends React.Component<CheckBoxProps, {}> {
+    renderCheckBox(): JSX.Element;
+    render(): JSX.Element;
+}

package/dist/CheckBox.js

@@ -0,0 +1,27 @@
+// import {library} from "@fortawesome/fontawesome-svg-core";
+// import {faCheck} from "@fortawesome/free-solid-svg-icons";
+import React from "react";
+import { Box } from "./Box";
+import { Icon } from "./Icon";
+import { Text } from "./Text";
+// library.add(faCheck);
+export class CheckBox extends React.Component {
+    renderCheckBox() {
+        return (React.createElement(Box, { border: this.props.color || "darkGray", color: this.props.checked ? this.props.color || "darkGray" : "white", height: this.props.size === "sm" ? 16 : 24, rounding: this.props.radio ? "circle" : 3, width: this.props.size === "sm" ? 16 : 24, onClick: () => {
+                this.props.onChange({ value: !this.props.checked });
+                this.props.onClick && this.props.onClick();
+            } },
+            React.createElement(Box, { alignItems: "center", direction: "column", display: "flex", height: "100%", justifyContent: "center", width: "100%" }, this.props.checked && (React.createElement(Icon, { color: "white", name: "check", prefix: "fas", size: this.props.size === "sm" ? 7 : 10 })))));
+    }
+    render() {
+        return (React.createElement(Box, { alignItems: "center", direction: "row", display: "flex", maxHeight: 60, paddingY: 1, width: "100%" },
+            React.createElement(Box, { display: "flex", justifyContent: "center", maxWidth: this.props.size === "sm" ? 14 : 20, width: this.props.size === "sm" ? 14 : 20 }, this.renderCheckBox()),
+            React.createElement(Box, { direction: "column", display: "flex", height: "100%", justifyContent: "center", marginLeft: 4, onClick: () => {
+                    this.props.onChange({ value: !this.props.checked });
+                    this.props.onClick && this.props.onClick();
+                } },
+                React.createElement(Text, { color: this.props.labelColor || "darkGray", numberOfLines: this.props.subLabel ? 1 : 2, size: this.props.size, weight: "bold" }, this.props.label),
+                Boolean(this.props.subLabel) && (React.createElement(Text, { color: this.props.labelColor || "darkGray", size: "sm", weight: "bold" }, this.props.subLabel)))));
+    }
+}
+//# sourceMappingURL=CheckBox.js.map

package/dist/CheckBox.js.map

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

package/dist/CheckBox.stories.d.ts

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

package/dist/CheckBox.stories.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { CheckBox } from "./CheckBox";
+import { WithLabel } from "./WithLabel";
+import { storiesOf } from "@storybook/react-native";
+import { StorybookContainer } from "./StorybookContainer";
+class Forms extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            boolean: false,
+            withLabel: false,
+            primary: false,
+            small: false,
+        };
+    }
+    render() {
+        return (React.createElement(StorybookContainer, null,
+            React.createElement(CheckBox, { id: "check", checked: this.state.boolean, onChange: (result) => this.setState({ boolean: result.value }) }),
+            React.createElement(WithLabel, { label: "With A Label" },
+                React.createElement(CheckBox, { id: "withLabel", checked: this.state.withLabel, onChange: (result) => this.setState({ withLabel: result.value }) })),
+            React.createElement(WithLabel, { label: "Primary Color" },
+                React.createElement(CheckBox, { id: "primary", checked: this.state.primary, label: "Primary Color", color: "primary", labelColor: "primary", onChange: (result) => this.setState({ primary: result.value }) })),
+            React.createElement(WithLabel, { label: "Small" },
+                React.createElement(CheckBox, { id: "small", checked: this.state.small, label: "Small", size: "sm", onChange: (result) => this.setState({ small: result.value }) }))));
+    }
+}
+storiesOf("Check Box", module).add("Plain", () => React.createElement(Forms, null));
+//# sourceMappingURL=CheckBox.stories.js.map

package/dist/CheckBox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../unifier/CheckBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AASxD,MAAM,KAAM,SAAQ,KAAK,CAAC,SAAoB;IAC5C,YAAY,KAAU;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACX,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,KAAK;YAChB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,oBAAC,kBAAkB;YACjB,oBAAC,QAAQ,IACP,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,MAAM,CAAC,KAAK,EAAC,CAAC,GAC5D;YACF,oBAAC,SAAS,IAAC,KAAK,EAAC,cAAc;gBAC7B,oBAAC,QAAQ,IACP,EAAE,EAAC,WAAW,EACd,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAC,CAAC,GAC9D,CACQ;YAEZ,oBAAC,SAAS,IAAC,KAAK,EAAC,eAAe;gBAC9B,oBAAC,QAAQ,IACP,EAAE,EAAC,SAAS,EACZ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,KAAK,EAAC,eAAe,EACrB,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,OAAO,EAAE,MAAM,CAAC,KAAK,EAAC,CAAC,GAC5D,CACQ;YACZ,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO;gBACtB,oBAAC,QAAQ,IACP,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACzB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAC,CAAC,GAC1D,CACQ,CACO,CACtB,CAAC;IACJ,CAAC;CACF;AAED,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAC,KAAK,OAAG,CAAC,CAAC"}