ferns-ui 0.36.1 → 0.36.3

package/dist/TableRow.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { BoxColor } from "./Common";
+interface Props {
+    /**
+     * Must be instances of TableCell or TableHeaderCell.
+     */
+    children: React.ReactNode | React.ReactNode[];
+    /**
+     * Header rows have an extra thick bottom border.
+     */
+    headerRow?: boolean;
+    /**
+     * Whether the row should start expanded or not.
+     */
+    expanded?: boolean;
+    /**
+     * When the row is expanded, the drawerContents are shown. If not
+     */
+    drawerContents?: React.ReactNode | React.ReactNode[];
+    /**
+     * Background color of the row. Defaults to white.
+     */
+    color?: BoxColor;
+}
+/**
+ * Use TableRow to define a row in Table.
+ */
+export declare function TableRow({ children, headerRow, expanded, drawerContents, color, }: Props): React.ReactElement;
+export {};

package/dist/TableRow.js

@@ -0,0 +1,30 @@
+import React, { Children, useRef } from "react";
+import { Box } from "./Box";
+import { IconButton } from "./IconButton";
+import { useTableContext } from "./tableContext";
+/**
+ * Use TableRow to define a row in Table.
+ */
+export function TableRow({ children, headerRow = false, expanded, drawerContents, color = "white", }) {
+    const [isExpanded, setIsExpanded] = React.useState(expanded || false);
+    const { columns, hasDrawerContents } = useTableContext();
+    const rowRef = useRef(null);
+    const renderCellWithColumnIndex = (child, index) => {
+        if (!columns[index]) {
+            console.warn(`No width defined for column ${index} in TableRow`);
+            return null;
+        }
+        return (React.createElement(Box, { paddingX: 2, width: columns[index] }, child));
+    };
+    const border = { __style: { borderBottom: `${headerRow ? 2 : 1}px solid #e0e0e0` } };
+    return (React.createElement(Box, { ref: rowRef, color: color, dangerouslySetInlineStyle: border, width: "100%" },
+        React.createElement(Box, { direction: "row", paddingY: 1, width: "100%" },
+            Boolean(drawerContents) && (React.createElement(Box, { width: 30 },
+                React.createElement(IconButton, { accessibilityLabel: "expand", bgColor: "white", icon: isExpanded ? "chevron-up" : "chevron-down", iconColor: "darkGray", size: "sm", onClick: () => {
+                        setIsExpanded(!isExpanded);
+                    } }))),
+            Boolean(hasDrawerContents && !drawerContents) && React.createElement(Box, { width: 30 }),
+            Children.map(children, renderCellWithColumnIndex)),
+        Boolean(isExpanded) && (React.createElement(Box, { paddingX: 2, width: "100%" }, drawerContents))));
+}
+//# sourceMappingURL=TableRow.js.map

package/dist/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../src/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAyB/C;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,OAAO,GACT;IACN,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC;IACtE,MAAM,EAAC,OAAO,EAAE,iBAAiB,EAAC,GAAG,eAAe,EAAE,CAAC;IACvD,MAAM,MAAM,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAExC,MAAM,yBAAyB,GAAG,CAAC,KAAsB,EAAE,KAAa,EAAE,EAAE;QAC1E,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACnB,OAAO,CAAC,IAAI,CAAC,+BAA+B,KAAK,cAAc,CAAC,CAAC;YACjE,OAAO,IAAI,CAAC;SACb;QACD,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IACpC,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,EAAC,OAAO,EAAE,EAAC,YAAY,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,EAAC,EAAC,CAAC;IAEjF,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAyB,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM;QAC7E,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;YAC3C,OAAO,CAAC,cAAc,CAAC,IAAI,CAC1B,oBAAC,GAAG,IAAC,KAAK,EAAE,EAAE;gBACZ,oBAAC,UAAU,IACT,kBAAkB,EAAC,QAAQ,EAC3B,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAChD,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE;wBACZ,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;oBAC7B,CAAC,GACD,CACE,CACP;YAEA,OAAO,CAAC,iBAAiB,IAAI,CAAC,cAAc,CAAC,IAAI,oBAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAI;YACnE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,yBAAyB,CAAC,CAC9C;QACL,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,IAC3B,cAAc,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/TapToEdit.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from "react";
+import { BoxProps } from "./Common";
+import { FieldProps } from "./Field";
+export declare function formatAddress(address: any, asString?: boolean): string;
+export interface TapToEditProps extends Omit<FieldProps, "onChange" | "value"> {
+    title: string;
+    value: any;
+    setValue?: (value: any) => void;
+    onSave?: (value: any) => void | Promise<void>;
+    editable?: boolean;
+    isEditing?: boolean;
+    rowBoxProps?: Partial<BoxProps>;
+    transform?: (value: any) => string;
+    fieldComponent?: (setValue: () => void) => ReactElement;
+    withConfirmation?: boolean;
+    confirmationText?: string;
+    confirmationHeading?: string;
+}
+export declare const TapToEdit: ({ value, setValue, placeholder, title, onSave, editable, isEditing, rowBoxProps, transform, fieldComponent, withConfirmation, confirmationText, confirmationHeading, ...fieldProps }: TapToEditProps) => ReactElement;

package/dist/TapToEdit.js

@@ -0,0 +1,136 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState } from "react";
+import { Linking } from "react-native";
+import { Box } from "./Box";
+import { Button } from "./Button";
+import { Field } from "./Field";
+import { Icon } from "./Icon";
+import { Text } from "./Text";
+export function formatAddress(address, asString = false) {
+    var _a, _b;
+    let city = "";
+    if (address === null || address === void 0 ? void 0 : address.city) {
+        city = (address === null || address === void 0 ? void 0 : address.state) || address.zipcode ? `${address.city}, ` : `${address.city}`;
+    }
+    let state = "";
+    if (address === null || address === void 0 ? void 0 : address.state) {
+        state = (address === null || address === void 0 ? void 0 : address.zipcode) ? `${address.state} ` : `${address.state}`;
+    }
+    const zip = (address === null || address === void 0 ? void 0 : address.zipcode) || "";
+    const addressLineOne = (_a = address === null || address === void 0 ? void 0 : address.address1) !== null && _a !== void 0 ? _a : "";
+    const addressLineTwo = (_b = address === null || address === void 0 ? void 0 : address.address2) !== null && _b !== void 0 ? _b : "";
+    const addressLineThree = `${city}${state}${zip}`;
+    if (!asString) {
+        // Only add new lines if lines before and after are not empty to avoid awkward whitespace
+        return `${addressLineOne}${addressLineOne && (addressLineTwo || addressLineThree) ? `\n` : ""}${addressLineTwo}${addressLineTwo && addressLineThree ? `\n` : ""}${addressLineThree}`;
+    }
+    else {
+        return `${addressLineOne}${addressLineOne && (addressLineTwo || addressLineThree) ? `, ` : ""}${addressLineTwo}${addressLineTwo && addressLineThree ? `, ` : ""}${addressLineThree}`;
+    }
+}
+export const TapToEdit = (_a) => {
+    var _b;
+    var { value, setValue, placeholder, title, onSave, editable = true, isEditing = false, rowBoxProps, transform, fieldComponent, withConfirmation = false, confirmationText = "Are you sure you want to save your changes?", confirmationHeading = "Confirm" } = _a, fieldProps = __rest(_a, ["value", "setValue", "placeholder", "title", "onSave", "editable", "isEditing", "rowBoxProps", "transform", "fieldComponent", "withConfirmation", "confirmationText", "confirmationHeading"]);
+    const [editing, setEditing] = useState(false);
+    const [initialValue] = useState(value);
+    if (editable && !setValue) {
+        throw new Error("setValue is required if editable is true");
+    }
+    if (editable && (editing || isEditing)) {
+        return (React.createElement(Box, { direction: "column" },
+            fieldComponent ? (fieldComponent(setValue)) : (React.createElement(Field, Object.assign({ label: title, placeholder: placeholder, value: value, onChange: setValue }, fieldProps))),
+            editing && !isEditing && (React.createElement(Box, { direction: "row" },
+                React.createElement(Button, { color: "blue", confirmationHeading: confirmationHeading, confirmationText: confirmationText, inline: true, text: "Save", withConfirmation: withConfirmation, onClick: async () => {
+                        if (!onSave) {
+                            console.error("No onSave provided for editable TapToEdit");
+                        }
+                        else {
+                            await onSave(value);
+                        }
+                        setEditing(false);
+                    } }),
+                React.createElement(Box, { marginLeft: 2 },
+                    React.createElement(Button, { color: "red", inline: true, text: "Cancel", onClick: () => {
+                            if (setValue) {
+                                setValue(initialValue);
+                            }
+                            setEditing(false);
+                        } }))))));
+    }
+    else {
+        let displayValue = value;
+        // If a transform props is present, that takes priority
+        if (transform) {
+            displayValue = transform(value);
+        }
+        else {
+            // If no transform, try and display the value reasonably.
+            if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "boolean") {
+                displayValue = value ? "Yes" : "No";
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "percent") {
+                // Prevent floating point errors from showing up by using parseFloat and precision. Pass through parseFloat again
+                // to trim off insignificant zeroes.
+                displayValue = `${parseFloat(parseFloat(String(value * 100)).toPrecision(7))}%`;
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "currency") {
+                // TODO: support currencies other than USD in Field and related components.
+                const formatter = new Intl.NumberFormat("en-US", {
+                    style: "currency",
+                    currency: "USD",
+                    minimumFractionDigits: 2, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)
+                });
+                displayValue = formatter.format(value);
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "multiselect") {
+                // ???
+                displayValue = value.join(", ");
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "url") {
+                // Show only the domain, full links are likely too long.
+                try {
+                    const url = new URL(value);
+                    displayValue = (_b = url === null || url === void 0 ? void 0 : url.hostname) !== null && _b !== void 0 ? _b : value;
+                }
+                catch (e) {
+                    // Don't print an error message for empty values.
+                    if (value) {
+                        console.debug(`Invalid URL: ${value}`);
+                    }
+                    displayValue = value;
+                }
+            }
+            else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "address") {
+                displayValue = formatAddress(value);
+            }
+        }
+        const openLink = () => {
+            if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "url") {
+                Linking.openURL(value);
+            }
+        };
+        return (React.createElement(Box, Object.assign({ direction: "row", justifyContent: "between", paddingX: 3, paddingY: 2, width: "100%" }, rowBoxProps),
+            React.createElement(Box, null,
+                React.createElement(Text, { weight: "bold" },
+                    title,
+                    ":"),
+                (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "address" && (React.createElement(Box, { onClick: () => Linking.openURL(`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(formatAddress(value, true))}`) },
+                    React.createElement(Text, { color: "blue", underline: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "address" }, "Google Maps")))),
+            React.createElement(Box, { direction: "row" },
+                React.createElement(Box, { onClick: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "url" ? openLink : undefined },
+                    React.createElement(Text, { underline: (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "url" }, displayValue)),
+                editable && (React.createElement(Box, { marginLeft: 2, onClick: () => setEditing(true) },
+                    React.createElement(Icon, { color: "darkGray", name: "edit", prefix: "far", size: "md" }))))));
+    }
+};
+//# sourceMappingURL=TapToEdit.js.map

package/dist/TapToEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TapToEdit.js","sourceRoot":"","sources":["../src/TapToEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAC;AAErC,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAC,KAAK,EAAa,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,UAAU,aAAa,CAAC,OAAY,EAAE,QAAQ,GAAG,KAAK;;IAC1D,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE;QACjB,IAAI,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;KACpF;IAED,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE;QAClB,KAAK,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAC,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;KACrE;IAED,MAAM,GAAG,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,CAAC;IAEnC,MAAM,cAAc,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,EAAE,CAAC;IAC/C,MAAM,cAAc,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,EAAE,CAAC;IAC/C,MAAM,gBAAgB,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,EAAE,CAAC;IAEjD,IAAI,CAAC,QAAQ,EAAE;QACb,yFAAyF;QACzF,OAAO,GAAG,cAAc,GACtB,cAAc,IAAI,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAClE,GAAG,cAAc,GAAG,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAAC;KACzF;SAAM;QACL,OAAO,GAAG,cAAc,GACtB,cAAc,IAAI,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAClE,GAAG,cAAc,GAAG,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAAC;KACzF;AACH,CAAC;AAsBD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAeT,EAAgB,EAAE;;QAfT,EACxB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,SAAS,EACT,cAAc,EACd,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,6CAA6C,EAChE,mBAAmB,GAAG,SAAS,OAEhB,EADZ,UAAU,cAdW,6LAezB,CADc;IAEb,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEvC,IAAI,QAAQ,IAAI,CAAC,QAAQ,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC;KAC7D;IAED,IAAI,QAAQ,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,EAAE;QACtC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,QAAQ;YACpB,cAAc,CAAC,CAAC,CAAC,CAChB,cAAc,CAAC,QAAe,CAAC,CAChC,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,kBACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,UAAU,EACd,CACH;YACA,OAAO,IAAI,CAAC,SAAS,IAAI,CACxB,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK;gBAClB,oBAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,mBAAmB,EAAE,mBAAmB,EACxC,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,QACN,IAAI,EAAC,MAAM,EACX,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,KAAK,IAAmB,EAAE;wBACjC,IAAI,CAAC,MAAM,EAAE;4BACX,OAAO,CAAC,KAAK,CAAC,2CAA2C,CAAC,CAAC;yBAC5D;6BAAM;4BACL,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC;yBACrB;wBACD,UAAU,CAAC,KAAK,CAAC,CAAC;oBACpB,CAAC,GACD;gBACF,oBAAC,GAAG,IAAC,UAAU,EAAE,CAAC;oBAChB,oBAAC,MAAM,IACL,KAAK,EAAC,KAAK,EACX,MAAM,QACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAS,EAAE;4BAClB,IAAI,QAAQ,EAAE;gCACZ,QAAQ,CAAC,YAAY,CAAC,CAAC;6BACxB;4BACD,UAAU,CAAC,KAAK,CAAC,CAAC;wBACpB,CAAC,GACD,CACE,CACF,CACP,CACG,CACP,CAAC;KACH;SAAM;QACL,IAAI,YAAY,GAAG,KAAK,CAAC;QACzB,uDAAuD;QACvD,IAAI,SAAS,EAAE;YACb,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;SACjC;aAAM;YACL,yDAAyD;YACzD,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,SAAS,EAAE;gBAClC,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;aACrC;iBAAM,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,SAAS,EAAE;gBACzC,iHAAiH;gBACjH,oCAAoC;gBACpC,YAAY,GAAG,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;aACjF;iBAAM,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,UAAU,EAAE;gBAC1C,2EAA2E;gBAC3E,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;oBAC/C,KAAK,EAAE,UAAU;oBACjB,QAAQ,EAAE,KAAK;oBACf,qBAAqB,EAAE,CAAC,EAAE,wEAAwE;iBACnG,CAAC,CAAC;gBACH,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACxC;iBAAM,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,aAAa,EAAE;gBAC7C,MAAM;gBACN,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACjC;iBAAM,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,KAAK,EAAE;gBACrC,wDAAwD;gBACxD,IAAI;oBACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;oBAC3B,YAAY,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,mCAAI,KAAK,CAAC;iBACvC;gBAAC,OAAO,CAAC,EAAE;oBACV,iDAAiD;oBACjD,IAAI,KAAK,EAAE;wBACT,OAAO,CAAC,KAAK,CAAC,gBAAgB,KAAK,EAAE,CAAC,CAAC;qBACxC;oBACD,YAAY,GAAG,KAAK,CAAC;iBACtB;aACF;iBAAM,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,SAAS,EAAE;gBACzC,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;aACrC;SACF;QAED,MAAM,QAAQ,GAAG,GAAS,EAAE;YAC1B,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,KAAK,EAAE;gBAC9B,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aACxB;QACH,CAAC,CAAC;QAEF,OAAO,CACL,oBAAC,GAAG,kBACF,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,KAAK,EAAC,MAAM,IACR,WAAW;YAEf,oBAAC,GAAG;gBACF,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM;oBAAE,KAAK;wBAAS;gBAClC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,SAAS,IAAI,CACjC,oBAAC,GAAG,IACF,OAAO,EACL,GAAG,EAAE,CACH,OAAO,CAAC,OAAO,CACb,mDAAmD,kBAAkB,CACnE,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAC3B,EAAE,CACJ;oBAIL,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,SAAS,kBAErD,CACH,CACP,CACG;YACN,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK;gBAClB,oBAAC,GAAG,IAAC,OAAO,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;oBAC7D,oBAAC,IAAI,IAAC,SAAS,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,MAAK,KAAK,IAAG,YAAY,CAAQ,CAC9D;gBACL,QAAQ,IAAI,CACX,oBAAC,GAAG,IAAC,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,GAAS,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;oBACvD,oBAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,GAAG,CACxD,CACP,CACG,CACF,CACP,CAAC;KACH;AACH,CAAC,CAAC"}

package/dist/Text.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { AllColors, Font, TextSize } from "./Common";
+export interface TextProps {
+    align?: "left" | "right" | "center" | "justify";
+    children?: React.ReactNode;
+    color?: AllColors;
+    inline?: boolean;
+    italic?: boolean;
+    overflow?: "normal" | "breakWord";
+    size?: TextSize;
+    truncate?: boolean;
+    font?: Font;
+    underline?: boolean;
+    numberOfLines?: number;
+    skipLinking?: boolean;
+    weight?: "bold" | "normal";
+    testID?: string;
+}
+export declare function Text({ align, children, color, inline, italic, overflow, size, truncate, font, underline, numberOfLines, skipLinking, testID, weight, }: TextProps): React.ReactElement;

package/dist/Text.js

@@ -0,0 +1,91 @@
+import React from "react";
+import { Text as NativeText } from "react-native";
+import { Hyperlink } from "./Hyperlink";
+import { Unifier } from "./Unifier";
+const fontSizes = {
+    sm: 12,
+    md: 14,
+    lg: 16,
+};
+export function Text({ align = "left", children, color, inline = false, italic = false, overflow, size = "md", truncate = false, font, underline, numberOfLines, skipLinking, testID, weight = "normal", }) {
+    function propsToStyle() {
+        const style = {};
+        if (overflow) {
+            console.warn("Text overflow is deprecated. Use `truncate` to cut off the text and add ellipse, otherwise breakWord is the default.");
+        }
+        let computedFont = "primary";
+        if (font === "primary" || !font) {
+            if (weight === "bold") {
+                computedFont = "primaryBoldFont";
+            }
+            else {
+                computedFont = "primaryFont";
+            }
+        }
+        else if (font === "secondary") {
+            if (weight === "bold") {
+                computedFont = "secondaryBoldFont";
+            }
+            else {
+                computedFont = "secondaryFont";
+            }
+        }
+        else if (font === "button") {
+            computedFont = "buttonFont";
+        }
+        else if (font === "title") {
+            computedFont = "titleFont";
+        }
+        else if (font === "accent") {
+            if (weight === "bold") {
+                computedFont = "accentBoldFont";
+            }
+            else {
+                computedFont = "accentFont";
+            }
+        }
+        if (weight === "bold") {
+            style.fontWeight = "bold";
+        }
+        style.fontFamily = Unifier.theme[computedFont];
+        style.fontSize = fontSizes[size || "md"];
+        if (align) {
+            style.textAlign = align;
+        }
+        if (color) {
+            style.color = Unifier.theme[color];
+        }
+        else {
+            style.color = Unifier.theme.darkGray;
+        }
+        if (italic) {
+            style.fontStyle = "italic";
+        }
+        if (underline) {
+            style.textDecorationLine = "underline";
+        }
+        // TODO: might be useful for wrapping/truncating
+        // if (numberOfLines !== 1 && !inline) {
+        //   style.flexWrap = "wrap";
+        // }
+        return style;
+    }
+    let lines = 0;
+    if (numberOfLines && truncate && numberOfLines > 1) {
+        console.error(`Cannot truncate Text and have ${numberOfLines} lines`);
+    }
+    if (numberOfLines) {
+        lines = numberOfLines;
+    }
+    else if (inline || truncate) {
+        lines = 1;
+    }
+    const inner = (React.createElement(NativeText, { numberOfLines: lines, style: propsToStyle(), testID: testID }, children));
+    if (skipLinking) {
+        return inner;
+    }
+    else {
+        return (React.createElement(Hyperlink, { linkDefault: true, linkStyle: { textDecorationLine: "underline" } }, inner));
+    }
+}
+//# sourceMappingURL=Text.js.map

package/dist/Text.js.map

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

package/dist/TextArea.d.ts

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

package/dist/TextArea.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { TextField } from "./TextField";
+export class TextArea extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        const _a = this.props, { height } = _a, props = __rest(_a, ["height"]);
+        return React.createElement(TextField, Object.assign({}, props, { height: height !== null && height !== void 0 ? height : 100, multiline: true }));
+    }
+}
+//# sourceMappingURL=TextArea.js.map

package/dist/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,OAAO,QAAS,SAAQ,KAAK,CAAC,SAA4B;IAC9D,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,MAAM,KAAqB,IAAI,CAAC,KAAK,EAA/B,EAAC,MAAM,OAAwB,EAAnB,KAAK,cAAjB,UAAkB,CAAa,CAAC;QACtC,OAAO,oBAAC,SAAS,oBAAK,KAAK,IAAE,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,GAAG,EAAE,SAAS,UAAG,CAAC;IACnE,CAAC;CACF"}

package/dist/TextField.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { TextFieldProps } from "./Common";
+export declare function TextField({ blurOnSubmit, value, height: propsHeight, onChange, paddingX, paddingY, min, max, type, searching, autoComplete, autoFocus, disabled, errorMessage, errorMessageColor, inputRef, multiline, rows, placeholder, grow, label, labelColor, returnKeyType, onBlur, style, onEnter, onSubmitEditing, }: TextFieldProps): ReactElement;